From f95f9c586dc2add87190de30cd9372333ffd2261 Mon Sep 17 00:00:00 2001
From: Daniel <danitex@danvics.com>
Date: Sun, 13 Sep 2026 06:18:48 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20the=20wait=20shows=20its=20steps=20and?=
 =?UTF-8?q?=20nothing=20else=20=E2=80=94=20the=20title=20line=20repeated?=
 =?UTF-8?q?=20the=20step=20in=20progress?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Dv6sqaY6Vq3ChZHMem3cnU
---
 public/css/assistant.css       | 2 +-
 public/js/clinicalAssistant.js | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/public/css/assistant.css b/public/css/assistant.css
index 0c11fcfa..5b5d5d6e 100644
--- a/public/css/assistant.css
+++ b/public/css/assistant.css
@@ -91,7 +91,7 @@
 /* The steps under the thinking line: a rail, a mark per step, the one in
    progress spinning, the finished ones ticked. Added and ticked by the
    stream's own events — see updateLoadingMessage. */
-.assistant-progress { list-style:none; margin:8px 0 0; padding:0 0 0 2px; display:grid; gap:7px; font-size:12.5px; color:var(--g600); }
+.assistant-progress { list-style:none; margin:0; padding:0 0 0 2px; display:grid; gap:7px; font-size:12.5px; color:var(--g600); }
 .assistant-progress-step { display:flex; align-items:flex-start; gap:9px; line-height:1.35; position:relative; }
 .assistant-progress-step + .assistant-progress-step::before { content:""; position:absolute; left:6px; top:-8px; width:2px; height:9px; background:var(--g200); }
 .assistant-progress-mark { flex:none; width:14px; height:14px; margin-top:1px; border-radius:50%; border:2px solid var(--g300); box-sizing:border-box; background:white; }
diff --git a/public/js/clinicalAssistant.js b/public/js/clinicalAssistant.js
index f9bf299b..594e1065 100644
--- a/public/js/clinicalAssistant.js
+++ b/public/js/clinicalAssistant.js
@@ -896,8 +896,9 @@ import {
     label.textContent = 'Assistant';
     var bubble = document.createElement('div');
     bubble.className = 'assistant-bubble assistant-thinking';
-    bubble.innerHTML = '<div class="assistant-thinking-line"><span class="assistant-thinking-dot"></span><span class="assistant-thinking-dot"></span><span class="assistant-thinking-dot"></span><strong>' + escapeHtml(title || 'Working') + '</strong></div>' +
-      '<ol class="assistant-progress" aria-live="polite" aria-label="' + escapeAttr(detail || 'Progress') + '"></ol>';
+    // The steps are the whole message. A title line above them said the same
+    // thing as the step in progress, with a second animation beside it.
+    bubble.innerHTML = '<ol class="assistant-progress" aria-live="polite" aria-label="' + escapeAttr(title || 'Working') + '"></ol>';
     row.appendChild(label);
     row.appendChild(bubble);
     // Retrieval runs before the stream opens, so the server cannot say when