fix: the wait shows its steps and nothing else — the title line repeated the step in progress
Some checks failed
Forgejo Docker Build / Root app tests (push) Successful in 47s
Forgejo Docker Build / Build Docker image (push) Successful in 7s
Forgejo Docker Build / End-to-end (browser) (push) Failing after 8s

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Dv6sqaY6Vq3ChZHMem3cnU
This commit is contained in:
Daniel 2026-09-13 06:18:48 +02:00
parent a1842ca919
commit f95f9c586d
2 changed files with 4 additions and 3 deletions

View file

@ -91,7 +91,7 @@
/* The steps under the thinking line: a rail, a mark per step, the one in /* 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 progress spinning, the finished ones ticked. Added and ticked by the
stream's own events see updateLoadingMessage. */ 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 { 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-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; } .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; }

View file

@ -896,8 +896,9 @@ import {
label.textContent = 'Assistant'; label.textContent = 'Assistant';
var bubble = document.createElement('div'); var bubble = document.createElement('div');
bubble.className = 'assistant-bubble assistant-thinking'; 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>' + // The steps are the whole message. A title line above them said the same
'<ol class="assistant-progress" aria-live="polite" aria-label="' + escapeAttr(detail || 'Progress') + '"></ol>'; // 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(label);
row.appendChild(bubble); row.appendChild(bubble);
// Retrieval runs before the stream opens, so the server cannot say when // Retrieval runs before the stream opens, so the server cannot say when