Remove progress cue wrapper and CSS
Simplify the progress placeholder by removing the surrounding <span class="chat-input-progress-cue"> wrapper and its associated CSS rules. progressPlaceholderHtml now returns only the converted icon HTML (convertIconMarkersToHtml(this.progressText)), and the redundant .chat-input-progress-cue styles were deleted to match the markup change. This streamlines rendering of the progress indicator and avoids an extra DOM element.
frdel committed
Jul 17, 2026 at 12:26 UTC
0d92d9e3fe12cfa8281abed6e6b6bfa05840b2c9
2 files changed
+1
-11
webui/components/chat/input/chat-bar-input.html
-7
@@ -283,13 +283,6 @@
283
animation: placeholder-pulse 2s ease-in-out infinite;
284
}
285
286
- #chat-input-progress-placeholder .chat-input-progress-cue {
287
- color: var(--color-text-muted);
288
- display: inline-flex;
289
- align-items: center;
290
- line-height: 1;
291
- }
292
-
286
#chat-input-progress-placeholder .chat-input-progress-icon {
287
display: inline-flex;
288
align-items: center;
webui/components/chat/input/input-store.js
+1
-4
@@ -106,10 +106,7 @@ const model = {
106
},
107
108
get progressPlaceholderHtml() {
109
- return (
110
- `<span class="chat-input-progress-cue">|></span> ` +
111
- convertIconMarkersToHtml(this.progressText)
112
- );
109
+ return convertIconMarkersToHtml(this.progressText);
110
},
111
112
// Computed: send button icon type