fix UI regressions
Alessandro committed
Feb 18, 2026 at 10:38 UTC
bd6a80c0422f9b5086fb5ab991a6b50051390392
4 files changed
+15
-8
webui/components/chat/input/bottom-actions.html
+3
-2
@@ -10,8 +10,8 @@
10
<body>
11
<div x-data>
12
<template x-if="$store.chatInput">
13
- <x-extension id="chat-input-bottom-actions-start"></x-extension>
13
<div class="text-buttons-row">
14
+ <x-extension id="chat-input-bottom-actions-start"></x-extension>
15
<button class="text-button" @click="$store.chatInput.pauseAgent(!$store.chatInput.paused)">
16
<template x-if="!$store.chatInput.paused">
17
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="14" height="14">
@@ -74,13 +74,14 @@
74
</svg>
75
<p>Nudge</p>
76
</button>
77
+ <x-extension id="chat-input-bottom-actions-end"></x-extension>
78
</div>
78
- <x-extension id="chat-input-bottom-actions-end"></x-extension>
79
</template>
80
</div>
81
82
<style>
83
.text-buttons-row { width: 100%; display: flex; padding-top: var(--spacing-xs); margin-left: var(--spacing-xs); }
84
+ .text-buttons-row > x-extension { display: contents; }
85
.text-button { background-color: transparent; border: none; border-radius: 5px; color: var(--color-text); font-family: "Rubik", Arial, Helvetica, sans-serif; font-size: 0.6rem; padding: 6px var(--spacing-sm); cursor: pointer; opacity: 0.8; -webkit-transition: all 0.3s; transition: all 0.3s; display: flex; align-items: center; gap: var(--spacing-xs); }
86
.text-button:hover:not(:disabled) { opacity: 1; background-color: var(--color-background-hover); border-radius: 4px; }
87
.text-button:active:not(:disabled) { opacity: 0.5; }
webui/components/chat/input/progress.html
+1
@@ -38,6 +38,7 @@
38
39
<style>
40
#progress-bar-box { background-color: var(--color-panel); padding: var(--spacing-sm) var(--spacing-md); padding-bottom: 0; display: flex; justify-content: space-between; z-index: 1001; gap: var(--spacing-sm); }
41
+ #progress-bar-box > x-extension { display: contents; }
42
#progress-bar-box h4 { margin: 0 1.2em 0 0; }
43
#progress-bar-h { color: var(--color-primary); display: flex; align-items: left; justify-content: flex-start; height: 1.2em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; }
44
#progress-bar-i { font-weight: bold; padding-right: 0.5em; color: var(--color-secondary); }
webui/components/chat/top-section/chat-top.html
+6
-4
@@ -14,22 +14,24 @@
14
<!-- This construct of x-data + x-if is used to ensure the component is only rendered when the store is available -->
15
<div x-data>
16
<template x-if="$store.chatTop">
17
- <x-extension id="chat-top-start"></x-extension>
18
-
17
<!-- Time and Date -->
18
<div id="time-date-container">
19
+ <x-extension id="chat-top-start"></x-extension>
20
<div id="time-date"></div>
21
<x-component path="sync/sync-status.html"></x-component>
22
<!-- Notification Toggle positioned next to time-date -->
23
<x-component path="notifications/notification-icons.html"></x-component>
24
<!-- Project Selector -->
25
<x-component path="projects/project-selector.html"></x-component>
26
+ <x-extension id="chat-top-end"></x-extension>
27
</div>
28
- <x-extension id="chat-top-end"></x-extension>
29
-
28
</template>
29
</div>
30
31
+ <style>
32
+ #time-date-container > x-extension { display: contents; }
33
+ </style>
34
+
35
</body>
36
37
</html>
webui/components/welcome/welcome-screen.html
+5
-2
@@ -9,8 +9,8 @@
9
<body>
10
<div x-data >
11
<template x-if="$store.welcomeStore && $store.welcomeStore.isVisible">
12
- <x-extension id="welcome-screen-start"></x-extension>
12
<div x-create="$store.welcomeStore.onCreate()" class="welcome-container">
13
+ <x-extension id="welcome-screen-start"></x-extension>
14
<div class="welcome-content">
15
<!-- Action Cards -->
16
<div class="welcome-actions">
@@ -96,8 +96,8 @@
96
</template>
97
</div>
98
</div>
99
+ <x-extension id="welcome-screen-end"></x-extension>
100
</div>
100
- <x-extension id="welcome-screen-end"></x-extension>
101
</template>
102
</div>
103
@@ -116,6 +116,9 @@
116
position: relative;
117
overflow: hidden;
118
}
119
+ .welcome-container > x-extension {
120
+ display: contents;
121
+ }
122
123
.welcome-container::before {
124
content: "";