Keep active task transcripts in memory for instant task switching

web/dist/task.js

@@ -4,7 +4,7 @@ import { markdown } from "./markdown.js";
 import { previewURL } from "./preview.js";
 import { findingCount, reviewCounts, severityCounts, unignoredFindings } from "./reviews.js";
 import { composerText, endSend, flushDrafts, forgetLostImages, lostImageCount, setComposerImages, setComposerText, startSend } from "./drafts.js";
-import { currentSession, findTask, focusTab, focusTask, on, onEach, pickReview, pinSnapshot, setFocus, showReview, state } from "./state.js";
+import { currentSession, findTask, focusTab, focusTask, on, onEach, pickReview, pinSnapshot, setFocus, showReview, state, transcriptLoading } from "./state.js";
 import { taskStyle } from "./taskcolor.js";
 import { fillTodoLinks } from "./todolink.js";
 export const models = [
@@ -24,6 +24,7 @@ const quietReply = "NO_REPLY";
 const taskSource = {
     key: () => state.selectedTaskId,
     events: () => state.transcript,
+    loading: transcriptLoading,
     session: () => (state.selectedTaskId ? currentSession(state.selectedTaskId) : undefined),
     root: () => (state.selectedTaskId ? (findTask(state.selectedTaskId)?.worktree_path ?? "") : ""),
     taskId: () => state.selectedTaskId,
@@ -31,6 +32,7 @@ const taskSource = {
     refreshTopics: ["tasks", "sessions"],
     transcriptTopic: "transcript",
     streamTopic: "stream",
+    readyTopic: "ready",
     empty: "No task selected. Ask your lead, or pick one with ⌘K.",
     canSend: () => true,
     placeholder: "Message the agent. Paste or drop images to attach them.",
@@ -165,6 +167,7 @@ export function mountChat(root, src, makeHead) {
     let context = new Map();
     const headImpl = makeHead(() => renderHead());
     const scanner = h("div", { class: "scanner", hidden: true });
+    const loading = h("div", { class: "empty" }, "loading…");
     const setRunning = (running) => {
         transcript.classList.toggle("running", running);
         scanner.hidden = !running;
@@ -459,6 +462,9 @@ export function mountChat(root, src, makeHead) {
             return;
         }
         replace(transcript, scanner);
+        if (src.loading()) {
+            transcript.prepend(loading);
+        }
         appendEvents(src.events());
         renderComposer();
     };
@@ -470,6 +476,7 @@ export function mountChat(root, src, makeHead) {
         }),
         onEach([src.transcriptTopic], (fresh) => appendEvents(fresh)),
         onEach([src.streamTopic], (ev) => appendDelta(ev)),
+        onEach([src.readyTopic], () => loading.remove()),
         onEach(["tasks", "sessions"], () => fillTodoLinks(transcript, models[0])),
     ];
     replace(root, h("div", { class: "transcript-view" }, head, transcript, composer));