cylon animation

web/dist/task.js

@@ -168,7 +168,7 @@ export function mountChat(root, src, makeHead) {
             transcript.insertBefore(el, anchor);
         }
         else {
-            transcript.append(el);
+            transcript.insertBefore(el, scanner);
         }
     };
     const syncRunning = () => setRunning(src.session()?.state === "running" && ctx.open);
@@ -446,10 +446,10 @@ export function mountChat(root, src, makeHead) {
         renderHead();
         if (!src.key()) {
             renderComposer();
-            replace(transcript, h("div", { class: "empty" }, src.empty));
+            replace(transcript, h("div", { class: "empty" }, src.empty), scanner);
             return;
         }
-        replace(transcript);
+        replace(transcript, scanner);
         appendEvents(src.events());
         renderComposer();
     };
@@ -463,7 +463,7 @@ export function mountChat(root, src, makeHead) {
         onEach([src.streamTopic], (ev) => appendDelta(ev)),
         onEach(["tasks", "sessions"], () => fillTodoLinks(transcript, models[0])),
     ];
-    replace(root, h("div", { class: "transcript-view" }, head, transcript, scanner, composer));
+    replace(root, h("div", { class: "transcript-view" }, head, transcript, composer));
     renderAll();
     return () => {
         for (const off of offs) {