Hide lead signals, add state to them, scanner and list fixes

web/src/task.ts

@@ -228,34 +228,25 @@ export function mountChat(root: HTMLElement, src: ChatSource, makeHead: (rerende
   let context = new Map<string, Usage>();
   const headImpl = makeHead(() => renderHead());
 
-  const spinner = h("div", { class: "spinner", hidden: true });
+  const scanner = h("div", { class: "scanner", hidden: true });
   const setRunning = (running: boolean) => {
     transcript.classList.toggle("running", running);
-    if (running === !spinner.hidden) {
-      return;
-    }
-    spinner.hidden = !running;
-    pin();
+    scanner.hidden = !running;
   };
   const putBefore = (el: HTMLElement, anchor: HTMLElement | undefined) => {
     if (anchor?.parentNode === transcript) {
       transcript.insertBefore(el, anchor);
-    } else if (spinner.parentNode === transcript) {
-      transcript.insertBefore(el, spinner);
     } else {
       transcript.append(el);
     }
   };
   const syncRunning = () => setRunning(src.session()?.state === "running" && ctx.open);
   const release = () => {
-    const el = ctx.held;
-    if (!el) {
+    if (!ctx.held) {
       return;
     }
     ctx.held = undefined;
     ctx.open = true;
-    ctx.drawn?.push(el);
-    putBefore(el, stream?.el ?? pending[0]?.el);
     syncRunning();
   };
   const put = (el: HTMLElement, keepHeld = false) => {
@@ -326,7 +317,7 @@ export function mountChat(root: HTMLElement, src: ChatSource, makeHead: (rerende
     const entry = { el, text, imgs };
     pending.push(entry);
     ctx.run = undefined;
-    putBefore(el, spinner);
+    putBefore(el, undefined);
     stuck = true;
     pin();
     return () => {
@@ -540,7 +531,7 @@ export function mountChat(root: HTMLElement, src: ChatSource, makeHead: (rerende
       replace(transcript, h("div", { class: "empty" }, src.empty));
       return;
     }
-    replace(transcript, spinner);
+    replace(transcript);
     appendEvents(src.events());
     renderComposer();
   };
@@ -556,7 +547,7 @@ export function mountChat(root: HTMLElement, src: ChatSource, makeHead: (rerende
     onEach(["tasks", "sessions"], () => fillTodoLinks(transcript, models[0]!)),
   ];
 
-  replace(root, h("div", { class: "transcript-view" }, head, transcript, composer));
+  replace(root, h("div", { class: "transcript-view" }, head, transcript, scanner, composer));
   renderAll();
   return () => {
     for (const off of offs) {