@invergent/agent-chat-react 2.16.7 → 2.17.0

package/dist/index.js

@@ -1,9 +1,9 @@
 import { cn, __publicField } from './chunk-47MF6JUW.js';
 import { createContext, memo, useRef, useEffect, useCallback, useMemo, useState, useLayoutEffect, forwardRef, useId, lazy, useContext, useSyncExternalStore, Fragment as Fragment$1, Suspense, Children } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight as ChevronRight$1, RefreshCw, CreditCard, File as File$1, FileImage, FileAudio, FileVideo, FileText, FileCode, FileArchive, FileSpreadsheet, PlugZapIcon, ChevronRightIcon, ArrowLeftIcon, Loader2Icon, InboxIcon, Loader2, AlertCircle, Pause, Play, Ban, TargetIcon, CalendarClockIcon, UsersIcon, Pen, Eraser, Type, MousePointer2, Hand, Maximize2, Undo2, Redo2, CheckIcon, CopyIcon, DownloadIcon, Maximize2Icon, GlobeIcon, FolderIcon, MessageSquareIcon, UploadIcon, RefreshCwIcon, AlertCircleIcon, ExternalLinkIcon, ClipboardCheckIcon, ShieldAlertIcon, TimerIcon, CircleDotIcon, ChevronLeftIcon, XIcon, Trash2Icon, SquareIcon, ArrowDownIcon, TrashIcon, ImageIcon, FileTextIcon, Clock, ArrowRight, ListTreeIcon, PenLineIcon, TerminalIcon, SparklesIcon, ClockIcon, PaperclipIcon, CloudIcon, HardDriveIcon, IdCardIcon, PlusIcon, ShrinkIcon, FolderOpenIcon, FileIcon, MinusIcon, SearchIcon, CircleDot, XCircle, CheckCircle2, ZapIcon, ArrowUpIcon, CircleCheckIcon, ThumbsUpIcon, ThumbsDownIcon, BookOpenIcon, GitBranchIcon, ActivityIcon, EyeIcon, LibraryIcon, ListTodoIcon, BotIcon, ListIcon, FileEditIcon, WrenchIcon, FileCodeIcon, CodeIcon, FileArchiveIcon, FileVideoIcon, FileAudioIcon, FileImageIcon, FileChartLineIcon, FileSpreadsheetIcon, XCircleIcon, CheckCircle2Icon, Code, CircleXIcon, SkullIcon, CheckCircleIcon, CircleIcon } from 'lucide-react';
+import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight as ChevronRight$1, RefreshCw, CreditCard, File as File$1, FileImage, FileAudio, FileVideo, FileText, FileCode, FileArchive, FileSpreadsheet, PlugZapIcon, ChevronRightIcon, ArrowLeftIcon, Loader2Icon, InboxIcon, Loader2, AlertCircle, Pause, Play, Ban, TargetIcon, CalendarClockIcon, UsersIcon, Pen, Eraser, Type, MousePointer2, Hand, Maximize2, Undo2, Redo2, CheckIcon, CopyIcon, DownloadIcon, Maximize2Icon, LaptopIcon, GlobeIcon, FolderIcon, MessageSquareIcon, UploadIcon, RefreshCwIcon, AlertCircleIcon, ExternalLinkIcon, ClipboardCheckIcon, ShieldAlertIcon, TimerIcon, CircleDotIcon, ChevronLeftIcon, XIcon, Trash2Icon, SquareIcon, ArrowDownIcon, TrashIcon, ImageIcon, FileTextIcon, Clock, ArrowRight, ListTreeIcon, PenLineIcon, TerminalIcon, SparklesIcon, ClockIcon, PaperclipIcon, CloudIcon, HardDriveIcon, IdCardIcon, PlusIcon, ShrinkIcon, FolderOpenIcon, FileIcon, MinusIcon, SearchIcon, CircleDot, XCircle, CheckCircle2, ZapIcon, ArrowUpIcon, CircleCheckIcon, ThumbsUpIcon, ThumbsDownIcon, BookOpenIcon, GitBranchIcon, ActivityIcon, EyeIcon, LibraryIcon, ListTodoIcon, BotIcon, ListIcon, FileEditIcon, WrenchIcon, FileCodeIcon, CodeIcon, FileArchiveIcon, FileVideoIcon, FileAudioIcon, FileImageIcon, FileChartLineIcon, FileSpreadsheetIcon, XCircleIcon, CheckCircle2Icon, Code, CircleXIcon, SkullIcon, CheckCircleIcon, CircleIcon } from 'lucide-react';
 import { cva } from 'class-variance-authority';
-import { Collapsible as Collapsible$1, Slot, Tooltip as Tooltip$1, Checkbox as Checkbox$1, Label as Label$1, Progress as Progress$1, Tabs as Tabs$1, Dialog as Dialog$1, ScrollArea as ScrollArea$1, Popover as Popover$1 } from 'radix-ui';
+import { Collapsible as Collapsible$1, Slot, Tooltip as Tooltip$1, Checkbox as Checkbox$1, Label as Label$1, Progress as Progress$1, Tabs as Tabs$1, Dialog as Dialog$1, ScrollArea as ScrollArea$1, Popover as Popover$1, DropdownMenu as DropdownMenu$1 } from 'radix-ui';
 import { StickToBottom, useStickToBottomContext } from 'use-stick-to-bottom';
 import { cjk } from '@streamdown/cjk';
 import { code } from '@streamdown/code';
@@ -32,6 +32,70 @@ function useAgentChatAdapterContext() {
   }
   return value;
 }
+function useProjectThreads(adapter, projectId) {
+  const [rows, setRows] = useState({});
+  useEffect(() => {
+    setRows({});
+    if (!projectId || !adapter.listProjectThreads || !adapter.openProjectStream) return;
+    let closed = false;
+    let reading = false;
+    let wanted = /* @__PURE__ */ new Set();
+    const failed = /* @__PURE__ */ new Set();
+    const readOne = async (threadId) => {
+      if (threadId === null) {
+        const all = await adapter.listProjectThreads({ projectId });
+        if (!closed) setRows(Object.fromEntries(all.map((row2) => [row2.id, row2])));
+        return;
+      }
+      const [row] = await adapter.listProjectThreads({ projectId, threadId });
+      if (!closed) setRows(({ [threadId]: _gone, ...rest }) => row ? { ...rest, [threadId]: row } : rest);
+    };
+    const read = async () => {
+      if (reading) return;
+      reading = true;
+      while (wanted.size > 0 && !closed) {
+        const asked = wanted;
+        wanted = /* @__PURE__ */ new Set();
+        for (const threadId of asked.has(null) ? [null] : asked) {
+          if (closed) break;
+          try {
+            await readOne(threadId);
+          } catch {
+            failed.add(threadId);
+          }
+        }
+      }
+      reading = false;
+    };
+    const want = (threadId) => {
+      wanted.add(threadId);
+      for (const again of failed) wanted.add(again);
+      failed.clear();
+      void read();
+    };
+    const stream = adapter.openProjectStream({ projectId });
+    stream.onerror = () => {
+      if (closed) return;
+      closed = true;
+      setRows({});
+    };
+    stream.addEventListener("ready", () => want(null));
+    stream.addEventListener("change", (event) => {
+      let threadId = null;
+      try {
+        const named2 = JSON.parse(event.data).thread_id;
+        threadId = typeof named2 === "string" ? named2 : null;
+      } catch {
+      }
+      want(threadId);
+    });
+    return () => {
+      closed = true;
+      stream.close();
+    };
+  }, [adapter, projectId]);
+  return rows;
+}
 var NAMED_KEYS = /* @__PURE__ */ new Set([
   "Enter",
   "Tab",
@@ -240,7 +304,7 @@ function BrowserShell({
               children: /* @__PURE__ */ jsx(Reload, {})
             }
           ),
-          /* @__PURE__ */ jsx(
+          (onToggleControl || hasControl) && /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -758,11 +822,26 @@ function ConfirmDialog({
     }
   );
 }
+function ComputerBrowserPane({
+  available,
+  readOnly,
+  draw
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": "browser-pane",
+      className: "flex h-full min-h-0 flex-col items-center justify-center gap-3 bg-background p-6 text-center text-sm text-muted-foreground",
+      children: draw ? draw({ available, readOnly }) : available ? "The browser is open on the chat's computer." : "The chat's computer has no supported browser."
+    }
+  );
+}
 function BrowserPane({
   sessionId,
   state,
   adapter,
-  onClose
+  onClose,
+  readOnly = false
 }) {
   const [fullscreenOpen, setFullscreenOpen] = useState(false);
   const [openFullscreenOnControl, setOpenFullscreenOnControl] = useState(false);
@@ -819,8 +898,8 @@ function BrowserPane({
       src: shellUrl,
       testId,
       hasControl: localControlActive,
-      onToggleControl: hasControlAdapter ? () => void control.toggleControl() : void 0,
-      onClose: onClose ? () => control.setConfirmOpen(true) : void 0,
+      onToggleControl: hasControlAdapter && !readOnly ? () => void control.toggleControl() : void 0,
+      onClose: onClose && !readOnly ? () => control.setConfirmOpen(true) : void 0,
       onMaximize: fullscreenOpen ? void 0 : () => setFullscreenOpen(true),
       onDisconnect: () => setLocalControlActive(false)
     }
@@ -3931,13 +4010,13 @@ function Textarea({ className, ...props }) {
 var MAX_REASON_LENGTH = 500;
 function ExpertToolBlock({ tc }) {
   const [expanded, setExpanded] = useState(false);
-  const { adapter, sessionId } = useAgentChatAdapterContext();
+  const { adapter, sessionId, readOnly } = useAgentChatAdapterContext();
   const [pending, setPending] = useState(null);
   const [error, setError] = useState(null);
   const [reasonDraft, setReasonDraft] = useState(null);
   const rating = tc.expertFeedback?.rating ?? pending;
   const alreadyRated = tc.expertFeedback !== void 0;
-  const canRate = tc.expertResultEventId !== void 0 && sessionId !== null && adapter.submitExpertFeedback !== void 0 && tc.status !== "running";
+  const canRate = !readOnly && tc.expertResultEventId !== void 0 && sessionId !== null && adapter.submitExpertFeedback !== void 0 && tc.status !== "running";
   const submit = async (next, reason) => {
     if (sessionId === null || tc.expertResultEventId === void 0 || adapter.submitExpertFeedback === void 0) return;
     setPending(next);
@@ -4293,11 +4372,12 @@ function ConversationalAsk({
   question,
   assistantContent
 }) {
-  const { adapter, sessionId } = useAgentChatAdapterContext();
+  const { adapter, sessionId, readOnly } = useAgentChatAdapterContext();
   const [submitting, setSubmitting] = useState(false);
   const [error, setError] = useState(null);
   const answered = tc.askUserQuestionAnswers !== void 0;
-  const pending = !answered && tc.status === "running";
+  const open = !answered && tc.status === "running";
+  const pending = open && !readOnly;
   const choices = question.choices ?? [];
   const showPrompt = useMemo(
     () => !promptEchoedInContent(assistantContent, question.prompt),
@@ -4359,7 +4439,7 @@ function ConversationalAsk({
       }
     ),
     error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error }),
-    !answered && !pending && /* @__PURE__ */ jsx("p", { className: "text-xs italic text-muted-foreground/70", children: "No answer recorded." })
+    !answered && !open && /* @__PURE__ */ jsx("p", { className: "text-xs italic text-muted-foreground/70", children: "No answer recorded." })
   ] });
 }
 function QuickReply({
@@ -4393,14 +4473,14 @@ function BatchAsk({
   questions,
   viewMode
 }) {
-  const { adapter, sessionId } = useAgentChatAdapterContext();
+  const { adapter, sessionId, readOnly } = useAgentChatAdapterContext();
   const [active, setActive] = useState(0);
   const [selections, setSelections] = useState(
     () => questions.map(emptySelection)
   );
   const [submitting, setSubmitting] = useState(false);
   const [error, setError] = useState(null);
-  const locked = tc.askUserQuestionAnswers !== void 0 || tc.status !== "running";
+  const locked = readOnly || tc.askUserQuestionAnswers !== void 0 || tc.status !== "running";
   useEffect(() => {
     if (active >= questions.length && questions.length > 0) setActive(0);
   }, [active, questions.length]);
@@ -4700,7 +4780,7 @@ function BatchAskLocked({
   );
   const cancelled = !answers && tc.status !== "running";
   return /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border bg-muted/20 px-3 py-2 text-sm max-w-2xl", children: [
-    /* @__PURE__ */ jsx("div", { className: "mb-1 text-xs text-muted-foreground", children: cancelled ? "Clarification cancelled" : "Clarification answered" }),
+    /* @__PURE__ */ jsx("div", { className: "mb-1 text-xs text-muted-foreground", children: cancelled ? "Clarification cancelled" : answers ? "Clarification answered" : "Waiting for an answer" }),
     /* @__PURE__ */ jsx("ul", { className: "space-y-1.5", children: questions.map((q, i) => {
       const a = byPrompt.get(q.prompt);
       return /* @__PURE__ */ jsxs("li", { className: "text-sm", children: [
@@ -5939,6 +6019,59 @@ function CommandItem({
     }
   );
 }
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenu$1.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenu$1.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  align = "start",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenu$1.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenu$1.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      align,
+      className: cn("z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) min-w-48 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-none bg-popover p-1.5 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:overflow-hidden data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenu$1.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "group/dropdown-menu-item relative flex cursor-default items-center gap-2.5 rounded-none px-3 py-2 text-xs font-medium tracking-wider uppercase outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-9.5 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5 data-[variant=destructive]:*:[svg]:text-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
 function Spinner({ className, ...props }) {
   return /* @__PURE__ */ jsx(Loader2Icon, { role: "status", "aria-label": "Loading", className: cn("size-4 animate-spin", className), ...props });
 }
@@ -8215,12 +8348,12 @@ function BrandBeam({
   borderRadius,
   className
 }) {
-  const reducedMotion = useSyncExternalStore(
+  const reducedMotion2 = useSyncExternalStore(
     subscribeReducedMotion,
     readReducedMotion,
     readReducedMotionServer
   );
-  const effectiveActive = active && !(reducedMotion && ROTATE_SIZES.has(size2));
+  const effectiveActive = active && !(reducedMotion2 && ROTATE_SIZES.has(size2));
   return /* @__PURE__ */ jsx(
     BorderBeam,
     {
@@ -10617,7 +10750,9 @@ var MAX_CPS = 240;
 var DRAIN_SECONDS = 0.25;
 var SNAP_LAG = 800;
 var MAX_FRAME_DT = 0.1;
+var reducedMotion = () => typeof document !== "undefined" && document.documentElement.dataset.motion === "reduced";
 function useSmoothStream(target, isStreaming) {
+  const instant = reducedMotion();
   const [displayedLen, setDisplayedLen] = useState(
     () => isStreaming ? 0 : target.length
   );
@@ -10626,7 +10761,7 @@ function useSmoothStream(target, isStreaming) {
   useEffect(() => {
     setDisplayedLen((cur) => cur > target.length ? target.length : cur);
   }, [target]);
-  const isActive = isStreaming || displayedLen < target.length;
+  const isActive = !instant && (isStreaming || displayedLen < target.length);
   useEffect(() => {
     if (!isActive) return;
     let raf = 0;
@@ -10658,7 +10793,7 @@ function useSmoothStream(target, isStreaming) {
     raf = requestAnimationFrame(tick);
     return () => cancelAnimationFrame(raf);
   }, [isActive]);
-  return displayedLen >= target.length ? target : target.slice(0, displayedLen);
+  return instant || displayedLen >= target.length ? target : target.slice(0, displayedLen);
 }
 
 // src/runtime/reasoning-tokens.ts
@@ -11729,6 +11864,304 @@ function ArtifactRow({
   }
   return /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: artifact.label });
 }
+var GROUP_LABEL = {
+  waiting: "Waiting on you",
+  working: "Working",
+  idle: "Idle",
+  resolved: "Resolved"
+};
+var STATE_LABEL = {
+  working: "Working",
+  reported: "Reported",
+  failed: "Failed"
+};
+var FILES_SHOWN = 3;
+var MARKS = {
+  landed: null,
+  redoing: "being redone",
+  not_merged: "not merged",
+  undone: "undone"
+};
+var changedBy = (by) => by.kind === "you" ? "you" : by.kind === "thread" ? `the thread ${by.title}` : `the routine ${by.name}`;
+function named(paths) {
+  const names = paths.slice(0, FILES_SHOWN);
+  if (paths.length > FILES_SHOWN) names.push(`${paths.length - FILES_SHOWN} more files`);
+  return names.length === 1 ? names[0] : `${names.slice(0, -1).join(", ")} and ${names.at(-1)}`;
+}
+function undoLines(result) {
+  const lines = result.applied.length > 0 ? [`Put back ${named(result.applied)}.`] : [];
+  const picked = result.pickedUp ?? [];
+  if (picked.length > 0) lines.push(`Your changes to ${named(picked)} were recorded first: each is a version in its History.`);
+  for (const { path, by, pruned } of result.skipped.slice(0, FILES_SHOWN)) {
+    lines.push(pruned ? `${path} could not be put back: its version from before is no longer kept.` : by === null ? `${path} was left as it is.` : `${path} was changed after this, by ${changedBy(by)}. It was left as it is. Restore an earlier version from its History.`);
+  }
+  const more = result.skipped.length - FILES_SHOWN;
+  if (more === 1) lines.push("1 more file was left as it is: its History says who changed it.");
+  if (more > 1) lines.push(`${more} more files were left as they are: each one's History says who changed it.`);
+  return lines.length > 0 ? lines : ["Nothing to put back: the files are as they were."];
+}
+var ASIDE_WHAT = {
+  copy: "its copy",
+  repository: "its repository",
+  place: "the earlier history at its folder's path, with its threads' copies"
+};
+function setAsideWhen(at) {
+  const parts = new Intl.DateTimeFormat("en-GB", { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).formatToParts(new Date(at));
+  const part = (type) => parts.find((found) => found.type === type)?.value ?? "";
+  return `${part("day")} ${part("month")}, ${part("hour")}:${part("minute")}`;
+}
+function setAsideLines(aside) {
+  const each = (entries) => (Array.isArray(entries) ? entries : []).flatMap((entry) => {
+    const { kind, at } = typeof entry === "object" && entry !== null ? entry : {};
+    const moment = typeof at === "string" ? Date.parse(at) : NaN;
+    const what = typeof kind === "string" && Object.hasOwn(ASIDE_WHAT, kind) ? ASIDE_WHAT[kind] : void 0;
+    return what !== void 0 && !Number.isNaN(moment) ? [`${what} from ${setAsideWhen(moment)}`] : [];
+  });
+  if (!aside) return [];
+  const count = Number.isSafeInteger(aside.snapshots) && aside.snapshots > 0 ? aside.snapshots : 0;
+  const kept = [...each(aside.kept), ...count > 0 ? [`${count} snapshot${count > 1 ? "s" : ""}`] : []];
+  const gone = each(aside.gone);
+  return [
+    ...kept.length > 0 ? [`Kept on its computer: ${kept.join(" \xB7 ")}`] : [],
+    ...gone.length > 0 ? [`No longer kept: ${gone.join(" \xB7 ")}`] : []
+  ];
+}
+function firstLine3(text) {
+  return text?.split("\n").find((line) => line.trim())?.trim() ?? null;
+}
+function statusLineOf(report) {
+  for (const line of report?.split("\n") ?? []) {
+    if (/^\s*#{1,6}(\s|$)/.test(line)) continue;
+    const plain = line.replace(/\*\*|__|`/g, "").trim();
+    if (plain) return plain;
+  }
+  return null;
+}
+var cardStarts = /* @__PURE__ */ new WeakMap();
+var startListeners = /* @__PURE__ */ new Set();
+var startsChanged = 0;
+var drawnCards = /* @__PURE__ */ new Map();
+function setCardStart(adapter, card, start) {
+  const starts = cardStarts.get(adapter) ?? /* @__PURE__ */ new Map();
+  cardStarts.set(adapter, starts.set(card, start));
+  startsChanged++;
+  for (const listener of startListeners) listener();
+}
+function useCardStarts(adapter) {
+  useSyncExternalStore(
+    (listener) => {
+      startListeners.add(listener);
+      return () => {
+        startListeners.delete(listener);
+      };
+    },
+    () => startsChanged
+  );
+  return cardStarts.get(adapter) ?? /* @__PURE__ */ new Map();
+}
+function ThreadCards({ message }) {
+  if (message.worker) return /* @__PURE__ */ jsx(WorkerCard, { worker: message.worker });
+  if (message.proposal) return /* @__PURE__ */ jsx(ProposalCard, { proposal: message.proposal });
+  return null;
+}
+function WorkerCard({ worker }) {
+  const { adapter, projectId, onFileSelect, onOpenSession, threadRows } = useAgentChatAdapterContext();
+  const undoKey = `undo:${worker.id}`;
+  const undone = useCardStarts(adapter).get(undoKey);
+  const live = threadRows?.[worker.id];
+  const group = live?.group && Object.hasOwn(GROUP_LABEL, live.group) ? live.group : void 0;
+  const status = live ? [group && GROUP_LABEL[group], live.progress && `${live.progress.done}/${live.progress.total}`].filter(Boolean).join(" \xB7 ") : STATE_LABEL[worker.state];
+  const statusLine = live ? live.statusLine : statusLineOf(worker.report);
+  const files = live ? Array.isArray(live.files) ? live.files : [] : worker.files;
+  const unlisted = live && Number.isSafeInteger(live.moreFiles) && live.moreFiles > 0 ? live.moreFiles : 0;
+  const more = Math.max(files.length - FILES_SHOWN, 0) + unlisted;
+  const setAside = setAsideLines(live?.setAside);
+  const name = worker.title ?? firstLine3(worker.goal);
+  const view = worker.title !== null ? "View thread" : "View worker";
+  const canUndo = !!live && !!projectId && !!adapter.undoProjectChanges;
+  const undoingNow = undone?.state === "undoing";
+  const undo = async (target) => {
+    if (undoingNow) return;
+    setCardStart(adapter, undoKey, { state: "undoing" });
+    try {
+      setCardStart(adapter, undoKey, { state: "undone", result: await adapter.undoProjectChanges({ projectId, target }) });
+    } catch (error) {
+      setCardStart(adapter, undoKey, { state: "not_undone", error: error instanceof Error ? error.message : "The change could not be undone." });
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "worker-card", "data-group": group, className: "my-2 rounded-lg border border-border px-3 py-2 text-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-medium text-foreground", title: name ?? void 0, children: /* @__PURE__ */ jsx("bdi", { children: name }) }),
+      /* @__PURE__ */ jsx("span", { "data-testid": "worker-card-status", className: "shrink-0 text-xs text-muted-foreground", children: status })
+    ] }),
+    statusLine && /* @__PURE__ */ jsx("p", { className: "truncate text-foreground/70", title: statusLine, children: /* @__PURE__ */ jsx("bdi", { children: statusLine }) }),
+    files.length + unlisted > 0 && /* @__PURE__ */ jsxs("ul", { className: "mt-1 flex flex-wrap gap-x-3 text-xs", children: [
+      files.slice(0, FILES_SHOWN).map((file) => {
+        const landing = "landing" in file && file.landing && Object.hasOwn(MARKS, file.landing) ? file.landing : null;
+        const mark = landing ? MARKS[landing] : null;
+        return (
+          // A long name is cut, its mark never.
+          /* @__PURE__ */ jsxs("li", { className: "flex min-w-0 max-w-full", title: file.label, children: [
+            file.kind === "file" && onFileSelect ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "min-w-0 truncate underline",
+                onClick: () => onFileSelect(file.ref),
+                children: /* @__PURE__ */ jsx("bdi", { children: file.label })
+              }
+            ) : /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: /* @__PURE__ */ jsx("bdi", { children: file.label }) }),
+            mark && /* @__PURE__ */ jsx("span", { "data-mark": landing, className: "shrink-0 whitespace-pre text-muted-foreground", children: ` \xB7 ${mark}` })
+          ] }, `${file.kind}:${file.ref}`)
+        );
+      }),
+      more > 0 && /* @__PURE__ */ jsxs("li", { children: [
+        "+",
+        more,
+        " more"
+      ] })
+    ] }),
+    setAside.length > 0 && /* @__PURE__ */ jsx("div", { "data-testid": "worker-card-set-aside", className: "mt-1 text-xs text-muted-foreground", children: setAside.map((line, at) => /* @__PURE__ */ jsx("p", { children: line }, at)) }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-1", children: [
+      onOpenSession && /* @__PURE__ */ jsx(Button, { size: "xs", variant: "ghost", "aria-label": name ? `${view} ${name}` : void 0, onClick: () => onOpenSession(worker.id), children: view }),
+      canUndo && live.landingId && /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "xs",
+          variant: "ghost",
+          disabled: undoingNow,
+          "aria-label": name ? `Undo ${name}'s latest changes` : void 0,
+          onClick: () => void undo({ landingId: live.landingId }),
+          children: "Undo"
+        }
+      ),
+      canUndo && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "xs", variant: "ghost", "aria-label": name ? `More for ${name}` : "More", children: "\u2026" }) }),
+        /* @__PURE__ */ jsx(DropdownMenuContent, { children: /* @__PURE__ */ jsx(DropdownMenuItem, { disabled: undoingNow, onSelect: () => void undo({ threadId: worker.id }), children: "Undo this thread's changes" }) })
+      ] })
+    ] }),
+    canUndo && /* @__PURE__ */ jsx("div", { role: "status", className: "text-xs text-foreground/70", children: undone?.state === "undone" && undoLines(undone.result).map((line, at) => /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("bdi", { children: line }) }, at)) }),
+    canUndo && undone?.state === "not_undone" && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-xs text-destructive", children: /* @__PURE__ */ jsx("bdi", { children: undone.error }) })
+  ] });
+}
+function ProposalCard({ proposal }) {
+  const { adapter, projectId, onOpenSession } = useAgentChatAdapterContext();
+  const starts = useCardStarts(adapter);
+  const startOf = (key) => starts.get(`${proposal.proposalId}:${key}`);
+  const told = (key, start2) => setCardStart(adapter, `${proposal.proposalId}:${key}`, start2);
+  const started = {};
+  for (const { key } of proposal.threads) {
+    const start2 = startOf(key);
+    if (start2?.state === "started") started[key] = start2.threadId;
+  }
+  Object.assign(started, proposal.started);
+  const startingAt = (key) => {
+    const start2 = startOf(key);
+    return start2?.state === "starting" ? start2.where : void 0;
+  };
+  const starting = (key) => startingAt(key) !== void 0;
+  const canStart = !!projectId && !!adapter.startProposedThread;
+  const canStartHere = !!projectId && !!adapter.startLocalThread;
+  const viewButtons = useRef({});
+  useEffect(() => {
+    drawnCards.set(proposal.proposalId, (drawnCards.get(proposal.proposalId) ?? 0) + 1);
+    return () => {
+      const left = (drawnCards.get(proposal.proposalId) ?? 1) - 1;
+      if (left > 0) drawnCards.set(proposal.proposalId, left);
+      else drawnCards.delete(proposal.proposalId);
+    };
+  }, [proposal.proposalId]);
+  useEffect(() => {
+    for (const { key } of proposal.threads) {
+      const start2 = startOf(key);
+      if (start2?.state !== "started" || !start2.focus) continue;
+      if (!document.activeElement || document.activeElement === document.body) viewButtons.current[key]?.focus();
+      told(key, { ...start2, focus: false });
+    }
+  });
+  const start = async (key, title) => {
+    told(key, { state: "starting", where: title === void 0 ? "cloud" : "device" });
+    try {
+      const card = { projectId, proposalId: proposal.proposalId, key };
+      const row = title === void 0 ? await adapter.startProposedThread(card) : await adapter.startLocalThread({ ...card, title });
+      told(key, { state: "started", threadId: row.id, focus: drawnCards.has(proposal.proposalId) });
+    } catch (error) {
+      told(key, { state: "failed", error: error instanceof Error ? error.message : "The thread could not be started." });
+    }
+  };
+  const startable = proposal.threads.filter(
+    (thread) => thread.where === "cloud" && !started[thread.key] && !starting(thread.key)
+  );
+  const startAll = async (keys) => {
+    for (const key of keys) told(key, { state: "starting", where: "cloud" });
+    for (const key of keys) await start(key);
+  };
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "thread-proposal-card", className: "my-2 rounded-lg border border-border px-3 py-2 text-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "flex-1 font-medium text-foreground", children: "Proposed threads" }),
+      canStart && startable.length > 1 && /* @__PURE__ */ jsx(Button, { size: "xs", onClick: () => void startAll(startable.map((thread) => thread.key)), children: "Start all" })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "mt-1 space-y-2", children: proposal.threads.map((thread) => {
+      const threadId = started[thread.key];
+      const tried = startOf(thread.key);
+      return /* @__PURE__ */ jsxs("li", { "data-testid": "proposed-thread", children: [
+        /* @__PURE__ */ jsx("div", { className: "break-words font-medium text-foreground", children: /* @__PURE__ */ jsx("bdi", { children: thread.title }) }),
+        /* @__PURE__ */ jsx("p", { className: "line-clamp-2 break-words text-foreground/70", children: /* @__PURE__ */ jsx("bdi", { children: thread.goal }) }),
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("span", { role: "status", children: threadId ? "Started" : "" }),
+          threadId ? onOpenSession && /* @__PURE__ */ jsx(
+            Button,
+            {
+              ref: (node) => {
+                viewButtons.current[thread.key] = node;
+              },
+              size: "xs",
+              variant: "ghost",
+              "aria-label": `View thread ${thread.title}`,
+              onClick: () => onOpenSession(threadId),
+              children: "View thread"
+            }
+          ) : thread.where === "device" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { children: canStartHere ? "Allow Surogate to work in a folder on your device" : "This works in a folder on your device, which needs Surogate Desktop" }),
+            canStartHere && /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "xs",
+                variant: "outline",
+                disabled: starting(thread.key),
+                "aria-label": `${startingAt(thread.key) === "device" ? "Starting" : "Allow"} ${thread.title}`,
+                onClick: () => void start(thread.key, thread.title),
+                children: startingAt(thread.key) === "device" ? "Starting\u2026" : "Allow"
+              }
+            ),
+            canStart && /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "xs",
+                variant: "ghost",
+                disabled: starting(thread.key),
+                "aria-label": startingAt(thread.key) === "cloud" ? `Starting ${thread.title}` : `Run ${thread.title} in the cloud instead`,
+                onClick: () => void start(thread.key),
+                children: startingAt(thread.key) === "cloud" ? "Starting\u2026" : "Run in the cloud instead"
+              }
+            )
+          ] }) : canStart ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "xs",
+              variant: "outline",
+              disabled: starting(thread.key),
+              "aria-label": `${starting(thread.key) ? "Starting" : "Start"} ${thread.title}`,
+              onClick: () => void start(thread.key),
+              children: starting(thread.key) ? "Starting\u2026" : "Start"
+            }
+          ) : null
+        ] }),
+        !threadId && tried?.state === "failed" && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-xs text-destructive", children: tried.error })
+      ] }, thread.key);
+    }) })
+  ] });
+}
 var WORKING_ON_IT_DELAY_MS = 250;
 function hasUserFacingAskContent(msg) {
   return !!msg.toolCalls?.some((tc) => tc.toolName === "ask_user_question");
@@ -11784,6 +12217,9 @@ function messageToEntries(msg, isLast, artifactFallbacks) {
         originatingSessionId
       }];
     }
+    if (msg.systemKind === "worker" || msg.systemKind === "thread_proposal") {
+      return [{ kind: "thread_card", key: msg.id, message: msg }];
+    }
     if (msg.systemKind === "browser_marker" || msg.systemKind === "browser_marker_warning") {
       return [{
         kind: "browser_marker",
@@ -12015,6 +12451,9 @@ function OrphanSystemMarker({
   if (message.systemKind === "error" && message.errorInfo) {
     return /* @__PURE__ */ jsx("div", { className: "mx-auto my-2 w-full max-w-4xl", children: /* @__PURE__ */ jsx(ErrorMessage, { errorInfo: message.errorInfo, onRetry }) });
   }
+  if (message.systemKind === "worker" || message.systemKind === "thread_proposal") {
+    return /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-4xl px-4", children: /* @__PURE__ */ jsx(ThreadCards, { message }) });
+  }
   return null;
 }
 function CancelledToolRow({ tc }) {
@@ -12119,6 +12558,15 @@ function TimelineEntryItem({
       ) })
     ] });
   }
+  if (entry.kind === "thread_card") {
+    return /* @__PURE__ */ jsxs(TimelineItem, { step, children: [
+      /* @__PURE__ */ jsxs(TimelineHeader, { children: [
+        /* @__PURE__ */ jsx(TimelineSeparator, { style: { backgroundColor: "var(--color-border)" } }),
+        /* @__PURE__ */ jsx(TimelineIndicator, { className: "size-2 border-none bg-foreground/30" })
+      ] }),
+      /* @__PURE__ */ jsx(TimelineContent, { children: /* @__PURE__ */ jsx(ThreadCards, { message: entry.message }) })
+    ] });
+  }
   if (entry.kind === "skill_invoked") {
     return /* @__PURE__ */ jsxs(TimelineItem, { step, children: [
       /* @__PURE__ */ jsxs(TimelineHeader, { children: [
@@ -12731,7 +13179,9 @@ function ChatThread({
   researchSources = [],
   hideTurnSummary = false,
   agentId,
-  onOpenIntegrations
+  onOpenIntegrations,
+  deviceWait = null,
+  composerFooter
 }) {
   const groups = useMemo(() => groupMessages(messages), [messages]);
   const activeAssistantId = useMemo(() => {
@@ -12807,6 +13257,18 @@ function ChatThread({
     return null;
   }, [messages]);
   const composerArea = /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-4xl px-3 sm:px-6 pb-3 sm:pb-5 pt-3", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "status",
+        "data-testid": "device-wait",
+        className: deviceWait ? "mb-2 flex items-center gap-2 rounded-lg border border-line bg-card px-3 py-2 text-sm text-muted-foreground" : void 0,
+        children: deviceWait && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(LaptopIcon, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+          deviceWait.reason === "copying" ? `Making this thread's copy of ${deviceWait.folder || "its folder"}\u2026` : `Waiting for ${deviceWait.deviceName || "your computer"}. The chat goes on once it is back online.`
+        ] })
+      }
+    ),
     retryIndicator && /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx(RetryBanner, { indicator: retryIndicator }) }),
     researchSources.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx(ResearchSourcesPanel, { sources: researchSources }) }),
     (paneCards?.browser || paneCards?.files) && // Layers sliding out from behind the prompt box: each card is
@@ -12891,6 +13353,7 @@ function ChatThread({
         compressEnabled
       }
     ),
+    composerFooter,
     onOpenIntegrations && /* @__PURE__ */ jsx(
       IntegrationsBandSlot,
       {
@@ -12905,76 +13368,80 @@ function ChatThread({
       // input floating mid-screen with dead space under it, and the keyboard
       // then opens across that gap. There the composer keeps its usual place
       // at the bottom edge and the greeting takes the space above it.
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-end overflow-hidden bg-background px-3 text-base md:justify-center", children: [
+      // data-transcript: the host's transcript settings shape this, the composer with it.
+      /* @__PURE__ */ jsxs("div", { "data-transcript": "", className: "flex flex-1 flex-col items-center justify-end overflow-hidden bg-background px-3 text-base md:justify-center", children: [
         /* @__PURE__ */ jsx("div", { className: "flex w-full flex-1 flex-col justify-center md:flex-none", children: /* @__PURE__ */ jsx("h2", { className: "mb-6 text-center text-2xl font-bold text-foreground md:mb-8", children: "What should we do ?" }) }),
         /* @__PURE__ */ jsx("div", { className: "w-full", children: composerArea })
       ] })
     );
   }
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col overflow-hidden bg-background text-base", children: [
-    /* @__PURE__ */ jsxs(Conversation, { className: "relative flex-1 min-h-0", children: [
-      /* @__PURE__ */ jsx(ConversationContent, { className: "mx-auto w-full max-w-4xl", children: messages.length === 0 && isLoadingHistory ? /* @__PURE__ */ jsx(
-        ConversationEmptyState,
-        {
-          icon: /* @__PURE__ */ jsx(MessageSquareIcon, { className: "size-8 opacity-40" }),
-          title: "Loading conversation",
-          description: "Fetching the session history."
-        }
-      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        groups.map((group) => {
-          if (group.role === "user") {
-            const msg = group.messages[0];
-            return /* @__PURE__ */ jsx(
-              ChatMessage,
-              {
-                message: msg,
-                onFileSelect
-              },
-              msg.id
-            );
+  return (
+    // data-transcript: the host's transcript settings shape this, the composer with it.
+    /* @__PURE__ */ jsxs("div", { "data-transcript": "", className: "flex flex-1 flex-col overflow-hidden bg-background text-base", children: [
+      /* @__PURE__ */ jsxs(Conversation, { className: "relative flex-1 min-h-0", children: [
+        /* @__PURE__ */ jsx(ConversationContent, { className: "mx-auto w-full max-w-4xl", children: messages.length === 0 && isLoadingHistory ? /* @__PURE__ */ jsx(
+          ConversationEmptyState,
+          {
+            icon: /* @__PURE__ */ jsx(MessageSquareIcon, { className: "size-8 opacity-40" }),
+            title: "Loading conversation",
+            description: "Fetching the session history."
           }
-          if (group.role === "system") {
-            const msg = group.messages[0];
-            if (viewMode === "simple" && msg.systemKind === "skill_invoked") {
-              return null;
+        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          groups.map((group) => {
+            if (group.role === "user") {
+              const msg = group.messages[0];
+              return /* @__PURE__ */ jsx(
+                ChatMessage,
+                {
+                  message: msg,
+                  onFileSelect
+                },
+                msg.id
+              );
+            }
+            if (group.role === "system") {
+              const msg = group.messages[0];
+              if (viewMode === "simple" && msg.systemKind === "skill_invoked") {
+                return null;
+              }
+              const groupRetry2 = msg.id === activeFailureId ? onRetry : void 0;
+              return /* @__PURE__ */ jsx(
+                OrphanSystemMarker,
+                {
+                  message: msg,
+                  sessionId,
+                  onRetry: groupRetry2
+                },
+                msg.id
+              );
             }
-            const groupRetry2 = msg.id === activeFailureId ? onRetry : void 0;
+            const groupTail = group.messages[group.messages.length - 1];
+            const groupRetry = groupTail.id === activeFailureId ? onRetry : void 0;
             return /* @__PURE__ */ jsx(
-              OrphanSystemMarker,
+              AssistantGroup,
               {
-                message: msg,
+                messages: group.messages,
+                activeAssistantId,
+                lastGlobalIndex: group.lastGlobalIndex,
+                totalMessages: messages.length,
+                isRunning,
                 sessionId,
-                onRetry: groupRetry2
+                artifactFallbacks,
+                onFileSelect,
+                onRetry: groupRetry,
+                viewMode,
+                hideTurnSummary
               },
-              msg.id
+              group.messages[0].id
             );
-          }
-          const groupTail = group.messages[group.messages.length - 1];
-          const groupRetry = groupTail.id === activeFailureId ? onRetry : void 0;
-          return /* @__PURE__ */ jsx(
-            AssistantGroup,
-            {
-              messages: group.messages,
-              activeAssistantId,
-              lastGlobalIndex: group.lastGlobalIndex,
-              totalMessages: messages.length,
-              isRunning,
-              sessionId,
-              artifactFallbacks,
-              onFileSelect,
-              onRetry: groupRetry,
-              viewMode,
-              hideTurnSummary
-            },
-            group.messages[0].id
-          );
-        }),
-        showWorkingOnIt && /* @__PURE__ */ jsx(WorkingOnItIndicator, { activity: orbActivity })
-      ] }) }),
-      /* @__PURE__ */ jsx(ConversationScrollButton, {})
-    ] }),
-    composerArea
-  ] });
+          }),
+          showWorkingOnIt && /* @__PURE__ */ jsx(WorkingOnItIndicator, { activity: orbActivity })
+        ] }) }),
+        /* @__PURE__ */ jsx(ConversationScrollButton, {})
+      ] }),
+      composerArea
+    ] })
+  );
 }
 function IntegrationsBandSlot({
   agentId,
@@ -13001,6 +13468,7 @@ var WORKSPACE_MUTATING_TOOLS = /* @__PURE__ */ new Set([
 ]);
 var AGENT_CHAT_LISTENED_EVENTS = [
   "user.message",
+  "coordinator.message",
   "llm.request",
   "llm.response",
   "llm.thinking",
@@ -13032,63 +13500,286 @@ var AGENT_CHAT_LISTENED_EVENTS = [
   "artifact.updated",
   "browser.provisioned",
   "browser.destroyed",
+  "browser.unavailable",
   "browser.control_granted",
   "browser.control_returned",
   "ask_user_question.response",
   "iteration.summary",
   "turn.summary",
-  "loop.result"
+  "loop.result",
+  "device.waiting",
+  "device.resumed",
+  "worker.spawned",
+  "worker.complete",
+  "worker.failed",
+  "thread.proposed"
 ];
 var AGENT_CHAT_LISTENED_EVENT_SET = new Set(
   AGENT_CHAT_LISTENED_EVENTS
 );
 
-// src/runtime/reducer.ts
-var EMPTY_TOKEN_USAGE = {
-  inputTokens: 0,
-  outputTokens: 0,
-  reasoningTokens: 0,
-  cachedInputTokens: 0,
-  totalTokens: 0,
-  contextWindow: 0,
-  model: ""
-};
-function createInitialAgentChatState(options = {}) {
-  return {
-    messages: [],
-    isRunning: false,
-    isLoadingHistory: options.isLoadingHistory ?? false,
-    tokenUsage: EMPTY_TOKEN_USAGE,
-    retryIndicator: null,
-    lastEventId: 0,
-    sessionDone: false,
-    hadDeltas: false,
-    terminal: false,
-    stopped: false,
-    workspaceRefreshKey: 0,
-    browser: null,
-    viewMode: options.viewMode ?? "simple",
-    researchSources: []
-  };
+// src/components/missions/mission-derive.ts
+var ACTIVE_MISSION_STATUSES = /* @__PURE__ */ new Set(["active", "paused"]);
+function isTerminalMissionStatus(status) {
+  return !ACTIVE_MISSION_STATUSES.has(status);
 }
-function applyAgentChatEvent(state, event) {
-  let nextState = {
-    ...state,
-    isLoadingHistory: false,
-    lastEventId: Math.max(state.lastEventId, event.eventId),
-    sessionDone: state.sessionDone || event.type === "session.done"
+function missionTaskBucket(status) {
+  if (status === "done") return "done";
+  if (status === "blocked") return "blocked";
+  if (status === "failed" || status === "cancelled") {
+    return "failed_or_cancelled";
+  }
+  return "in_flight";
+}
+function groupMissionTasksByBucket(tasks) {
+  const buckets = {
+    in_flight: [],
+    done: [],
+    blocked: [],
+    failed_or_cancelled: []
   };
-  nextState = applyRetryIndicator(nextState, event);
-  if (state.stopped && isPostTerminalLiveEvent(event.type)) {
-    return nextState;
+  for (const t of tasks) {
+    buckets[missionTaskBucket(t.status)].push(t);
   }
-  switch (event.type) {
-    case "user.message":
-      return withMessages(
-        { ...nextState, terminal: false, stopped: false, isRunning: true },
-        applyUserMessage(nextState.messages, event.eventId, event.data)
-      );
-    case "skill.invoked":
+  return buckets;
+}
+function deriveMissionWorkerActivityLabel(worker) {
+  const kind = worker.latestEventKind;
+  if (kind === "tool.call" && worker.latestEventSummary) {
+    return `tool: ${truncate4(worker.latestEventSummary, 80)}`;
+  }
+  if (kind === "llm.response") {
+    return "thinking";
+  }
+  if (kind === "tool.result") {
+    return "received tool result";
+  }
+  if (kind && worker.latestEventSummary) {
+    return `${kind}: ${truncate4(worker.latestEventSummary, 60)}`;
+  }
+  return worker.sessionStatus || "active";
+}
+function truncate4(s, max) {
+  if (s.length <= max) return s;
+  return `${s.slice(0, max - 1)}\u2026`;
+}
+var MISSION_EVENT_CATEGORIES = [
+  "spawn",
+  "output",
+  "done",
+  "verdict",
+  "system"
+];
+function missionEventCategory(type) {
+  switch (type) {
+    case "worker.spawned":
+      return "spawn";
+    case "iteration.summary":
+      return "output";
+    case "worker.complete":
+      return "done";
+    case "mission.evaluation.end":
+      return "verdict";
+    default:
+      return "system";
+  }
+}
+function dataString(data, key) {
+  const v = data?.[key];
+  return typeof v === "string" && v.trim().length > 0 ? v.trim() : null;
+}
+var CONTROL_MARKUP_RE = /<next_action\b[^>]*(?:\/>|>[\s\S]*?<\/next_action>)/gi;
+function stripMissionControlMarkup(text) {
+  return text.replace(CONTROL_MARKUP_RE, "").trim();
+}
+function missionEventSummary(event) {
+  return stripMissionControlMarkup(rawMissionEventSummary(event));
+}
+function rawMissionEventSummary(event) {
+  const d = event.data ?? null;
+  switch (event.type) {
+    case "worker.spawned":
+      return dataString(d, "goal") ?? "Task spawned";
+    case "worker.complete":
+      return dataString(d, "result") ?? "Worker complete";
+    case "iteration.summary":
+      return dataString(d, "summary") ?? "";
+    case "mission.evaluation.end": {
+      const result = dataString(d, "result");
+      const feedback = dataString(d, "feedback") ?? dataString(d, "explanation");
+      if (result && feedback) return `${result} \u2014 ${feedback}`;
+      return result ?? feedback ?? "Evaluation finished";
+    }
+    case "task.blocked":
+      return dataString(d, "reason") ?? "Task blocked";
+    case "task.failed":
+      return "Task failed";
+    default: {
+      const text = dataString(d, "summary") ?? dataString(d, "text") ?? dataString(d, "message") ?? dataString(d, "reason");
+      if (text) return text;
+      if (!d) return "";
+      try {
+        return truncate4(JSON.stringify(d), 160);
+      } catch {
+        return "";
+      }
+    }
+  }
+}
+function missionEventTaskId(event, sessions) {
+  return dataString(event.data ?? null, "task_id") ?? sessions[event.sessionId]?.taskId ?? null;
+}
+function missionEventActorLabel(event, sessions) {
+  const meta = sessions[event.sessionId];
+  if (!meta) return event.sessionId.slice(0, 8);
+  if (meta.kind === "coordinator") return "orchestrator";
+  return meta.agentDefName ?? "worker";
+}
+function missionTaskBlocks(tasks) {
+  const blocks = {};
+  for (const t of tasks) {
+    for (const parent of t.parentIds) {
+      (blocks[parent] ?? (blocks[parent] = [])).push(t.id);
+    }
+  }
+  return blocks;
+}
+function missionTaskTitle(goal, max = 80) {
+  const line = goal.split("\n").find((l) => l.trim().length > 0)?.trim() ?? goal.trim();
+  return truncate4(line.replace(/\s+/g, " "), max);
+}
+var RAIL_GROUP_DEFS = [
+  { key: "running", label: "Running", match: (s) => s === "running" },
+  { key: "blocked", label: "Blocked", match: (s) => s === "blocked" },
+  {
+    key: "queued",
+    label: "Queued",
+    match: (s) => s === "ready" || s === "todo"
+  },
+  { key: "done", label: "Done", match: (s) => s === "done" },
+  {
+    key: "failed",
+    label: "Failed / cancelled",
+    match: (s) => s === "failed" || s === "cancelled"
+  }
+];
+function missionTaskRailGroups(tasks) {
+  const grouped = /* @__PURE__ */ new Set();
+  const groups = RAIL_GROUP_DEFS.map((def) => ({
+    key: def.key,
+    label: def.label,
+    tasks: tasks.filter((t) => {
+      const hit = def.match(t.status);
+      if (hit) grouped.add(t.id);
+      return hit;
+    })
+  }));
+  const stray = tasks.filter((t) => !grouped.has(t.id));
+  if (stray.length > 0) {
+    const queued = groups.find((g) => g.key === "queued");
+    if (queued) queued.tasks.push(...stray);
+  }
+  return groups.filter((g) => g.tasks.length > 0);
+}
+var TERMINAL_TASK_STATUSES = /* @__PURE__ */ new Set(["done", "failed", "cancelled"]);
+function defaultSelectedMissionTaskId(tasks) {
+  if (tasks.length === 0) return null;
+  const ordered = missionTaskRailGroups(tasks).flatMap((g) => g.tasks);
+  const firstLive = ordered.find(
+    (t) => !TERMINAL_TASK_STATUSES.has(t.status)
+  );
+  return (firstLive ?? ordered[0] ?? tasks[0]).id;
+}
+function mergeMissionEvents(existing, incoming) {
+  if (incoming.length === 0) return existing;
+  const byId = /* @__PURE__ */ new Map();
+  for (const e of existing) byId.set(e.id, e);
+  for (const e of incoming) byId.set(e.id, e);
+  return [...byId.values()].sort((a, b) => a.id - b.id);
+}
+function missionTaskStatusDotClass(status) {
+  switch (status) {
+    case "running":
+      return "bg-primary";
+    case "blocked":
+      return "bg-amber-500";
+    case "done":
+      return "bg-emerald-500";
+    case "failed":
+      return "bg-destructive";
+    case "cancelled":
+      return "bg-muted-foreground";
+    default:
+      return "bg-foreground/30";
+  }
+}
+function missionWorkerTaskCounts(worker, tasks) {
+  if (worker.kind !== "task") return null;
+  const mine = tasks.filter((t) => t.agentDefName === worker.agentDefName);
+  return {
+    completed: mine.filter((t) => t.status === "done").length,
+    inFlight: mine.filter(
+      (t) => t.status === "running" || t.status === "blocked"
+    ).length
+  };
+}
+function formatMissionTimestamp(iso) {
+  if (!iso) return "";
+  const parsed = new Date(iso);
+  if (Number.isNaN(parsed.getTime())) return iso;
+  return parsed.toLocaleTimeString();
+}
+
+// src/runtime/reducer.ts
+var EMPTY_TOKEN_USAGE = {
+  inputTokens: 0,
+  outputTokens: 0,
+  reasoningTokens: 0,
+  cachedInputTokens: 0,
+  totalTokens: 0,
+  contextWindow: 0,
+  model: ""
+};
+function createInitialAgentChatState(options = {}) {
+  return {
+    messages: [],
+    isRunning: false,
+    isLoadingHistory: options.isLoadingHistory ?? false,
+    tokenUsage: EMPTY_TOKEN_USAGE,
+    retryIndicator: null,
+    lastEventId: 0,
+    sessionDone: false,
+    hadDeltas: false,
+    terminal: false,
+    stopped: false,
+    workspaceRefreshKey: 0,
+    browser: null,
+    browserTabs: [],
+    viewMode: options.viewMode ?? "simple",
+    researchSources: [],
+    deviceWait: null
+  };
+}
+function applyAgentChatEvent(state, event) {
+  let nextState = {
+    ...state,
+    isLoadingHistory: false,
+    lastEventId: Math.max(state.lastEventId, event.eventId),
+    sessionDone: state.sessionDone || event.type === "session.done"
+  };
+  nextState = applyRetryIndicator(nextState, event);
+  if (state.stopped && isPostTerminalLiveEvent(event.type)) {
+    return nextState;
+  }
+  switch (event.type) {
+    case "user.message":
+    // A project coordinator's follow-up to its thread: shown as the thread reads it, its header saying whose it is.
+    case "coordinator.message":
+      return withMessages(
+        { ...nextState, terminal: false, stopped: false, isRunning: true },
+        applyUserMessage(nextState.messages, event.eventId, event.data)
+      );
+    case "skill.invoked":
       return withMessages(nextState, [
         ...nextState.messages,
         {
@@ -13160,23 +13851,79 @@ function applyAgentChatEvent(state, event) {
       }
       return withMessages(nextState, [...nextState.messages, artifactMessage]);
     }
-    case "browser.provisioned":
-      return applyBrowserEvent(nextState, event, {
+    case "browser.provisioned": {
+      const tab = computerTab(event);
+      if (tab === null) {
+        return applyBrowserEvent(nextState, event, {
+          status: "live",
+          controlOwner: null
+        });
+      }
+      const browserTabs = [...nextState.browserTabs.filter((open) => open !== tab), tab];
+      if (nextState.browserTabs.length > 0) {
+        const there = nextState.browser?.computer === true && nextState.browser.status !== "unavailable";
+        return {
+          ...nextState,
+          browserTabs,
+          browser: there ? nextState.browser : { status: "live", controlOwner: null, computer: true }
+        };
+      }
+      return applyBrowserEvent({ ...nextState, browserTabs }, event, {
         status: "live",
-        controlOwner: null
+        controlOwner: null,
+        computer: true
       });
+    }
+    case "browser.unavailable": {
+      const tab = computerTab(event);
+      const browserTabs = tab === null ? [] : nextState.browserTabs.filter((open) => open !== tab);
+      if (browserTabs.length > 0) return { ...nextState, browserTabs };
+      const none = {
+        ...nextState,
+        browserTabs,
+        browser: { status: "unavailable", controlOwner: null, computer: true }
+      };
+      if (saidLastOfBrowser(nextState.messages) === NO_BROWSER) return none;
+      return withMessages(none, [...none.messages, browserMarker(event)]);
+    }
+    // A take-over on the user's computer is told as the cloud's is: the browser stays the computer's.
     case "browser.control_granted":
       return applyBrowserEvent(nextState, event, {
         status: "user-control",
-        controlOwner: stringValue2(event.data.owner_user_id) || null
+        controlOwner: stringValue2(event.data.owner_user_id) || null,
+        ...onComputer(event)
       });
     case "browser.control_returned":
       return applyBrowserEvent(nextState, event, {
         status: "live",
-        controlOwner: null
+        controlOwner: null,
+        ...onComputer(event)
       });
-    case "browser.destroyed":
-      return applyBrowserEvent(nextState, event, null);
+    case "browser.destroyed": {
+      const tab = computerTab(event);
+      const browserTabs = tab === null ? [] : nextState.browserTabs.filter((open) => open !== tab);
+      if (browserTabs.length > 0) return { ...nextState, browserTabs };
+      return applyBrowserEvent({ ...nextState, browserTabs }, event, null);
+    }
+    case "device.waiting":
+      return {
+        ...nextState,
+        deviceWait: {
+          deviceId: stringValue2(event.data.device_id),
+          deviceName: stringValue2(event.data.device_name),
+          reason: stringValue2(event.data.reason) || "offline",
+          folder: stringValue2(event.data.folder)
+        }
+      };
+    case "device.resumed":
+      return { ...nextState, deviceWait: null };
+    case "worker.spawned":
+      return withMessages(nextState, applyWorkerSpawned(nextState.messages, event));
+    case "worker.complete":
+    case "worker.failed":
+      return withMessages(nextState, applyWorkerReport(nextState.messages, event));
+    case "thread.proposed":
+      return withMessages(nextState, [...nextState.messages, proposalMessage(event)]);
     case "llm.delta":
       return applyLlmDelta(nextState, event);
     case "llm.response":
@@ -13198,7 +13945,7 @@ function applyAgentChatEvent(state, event) {
       return collectResearchSource(withResult, toolName, event.data);
     }
     case "harness.wake":
-      return { ...nextState, terminal: false, isRunning: true };
+      return { ...nextState, terminal: false, isRunning: true, deviceWait: null };
     case "llm.request":
       return {
         ...nextState,
@@ -13227,7 +13974,7 @@ function applyAgentChatEvent(state, event) {
       if (event.data.strategy === "clear") {
         return {
           ...nextState,
-          messages: [],
+          messages: typedBehindTheClear(nextState.messages, event.data.answers),
           tokenUsage: EMPTY_TOKEN_USAGE
         };
       }
@@ -13319,6 +14066,17 @@ function applyRetryIndicator(state, event) {
       return state;
   }
 }
+function typedBehindTheClear(messages, answers) {
+  if (typeof answers !== "number") return [];
+  let first = messages.length;
+  while (first > 0) {
+    const message = messages[first - 1];
+    const typedAt = /^evt-(\d+)$/.exec(message.id);
+    if (message.role !== "user" || !typedAt || Number(typedAt[1]) <= answers) break;
+    first -= 1;
+  }
+  return messages.slice(first);
+}
 function applyUserMessage(messages, eventId, data) {
   const content = stringValue2(data.content);
   const images = parseUserMessageImages(data.images);
@@ -13384,6 +14142,22 @@ function parseUserMessageAttachments(raw) {
   }
   return out.length > 0 ? out : void 0;
 }
+function onComputer(event) {
+  return event.data.computer === true ? { computer: true } : {};
+}
+function computerTab(event) {
+  return event.data.computer === true ? stringValue2(event.data.session_id) : null;
+}
+var NO_BROWSER = "No supported browser on the chat's computer.";
+function saidLastOfBrowser(messages) {
+  for (let index = messages.length - 1; index >= 0; index -= 1) {
+    const message = messages[index];
+    if (message.systemKind === "browser_marker" || message.systemKind === "browser_marker_warning") {
+      return message.content;
+    }
+  }
+  return void 0;
+}
 function applyBrowserEvent(state, event, browser) {
   return withMessages(
     { ...state, browser },
@@ -13407,6 +14181,10 @@ function browserMarker(event) {
     "browser.destroyed": {
       content: "Browser closed.",
       warning: false
+    },
+    "browser.unavailable": {
+      content: NO_BROWSER,
+      warning: true
     }
   };
   const label = labels[event.type] ?? {
@@ -13654,6 +14432,67 @@ function applyTurnSummary(state, event) {
   };
   return { ...state, messages };
 }
+function workerMessage(worker) {
+  return {
+    id: `worker-${worker.id}`,
+    role: "system",
+    content: worker.title ?? worker.goal,
+    createdAt: /* @__PURE__ */ new Date(),
+    status: "complete",
+    systemKind: "worker",
+    worker
+  };
+}
+function applyWorkerSpawned(messages, event) {
+  const id = stringValue2(event.data.worker_id);
+  const proposalId = stringValue2(event.data.proposal_id);
+  const key = stringValue2(event.data.key);
+  const marked = proposalId && key ? messages.map((message) => message.proposal?.proposalId === proposalId ? { ...message, proposal: { ...message.proposal, started: { ...message.proposal.started, [key]: id } } } : message) : messages;
+  if (marked.some((message) => message.worker?.id === id)) return marked;
+  return [...marked, workerMessage({
+    id,
+    title: stringValue2(event.data.title) || null,
+    goal: stringValue2(event.data.goal),
+    state: "working",
+    report: null,
+    files: []
+  })];
+}
+function applyWorkerReport(messages, event) {
+  const id = stringValue2(event.data.worker_id);
+  const failed = event.type === "worker.failed";
+  const index = messages.findIndex((message) => message.worker?.id === id);
+  if (index === -1) return messages;
+  const worker = messages[index].worker;
+  const reported = {
+    ...worker,
+    state: failed ? "failed" : "reported",
+    // A mission worker's result can carry the loop's control markup, which never reaches the UI.
+    report: stripMissionControlMarkup(stringValue2(failed ? event.data.error : event.data.result)) || null,
+    // A card lists files, as a thread's row does: not the URLs and commands a turn names.
+    files: failed ? worker.files : parseTurnArtifacts(event.data.files).filter((file) => file.kind === "file" || file.kind === "artifact")
+  };
+  const next = [...messages];
+  next[index] = { ...next[index], worker: reported };
+  return next;
+}
+function proposalMessage(event) {
+  const threads = (Array.isArray(event.data.threads) ? event.data.threads : []).filter((thread) => !!thread && typeof thread === "object").map((thread) => ({
+    key: stringValue2(thread.key),
+    title: stringValue2(thread.title),
+    goal: stringValue2(thread.goal),
+    where: thread.where === "device" ? "device" : "cloud"
+  }));
+  return {
+    id: `proposal-${stringValue2(event.data.proposal_id)}`,
+    role: "system",
+    content: threads.map((thread) => thread.title).join(", "),
+    createdAt: /* @__PURE__ */ new Date(),
+    status: "complete",
+    systemKind: "thread_proposal",
+    proposal: { proposalId: stringValue2(event.data.proposal_id), threads, started: {} }
+  };
+}
 function parseTurnArtifacts(raw) {
   if (!Array.isArray(raw)) return [];
   const out = [];
@@ -13756,7 +14595,7 @@ function applyTerminalEvent(state, event) {
       status: event.type === "session.fail" ? "error" : "complete",
       errorInfo: errorInfo ?? doneMsg.errorInfo
     };
-  } else if (event.type === "session.fail" && errorInfo) {
+  } else if (errorInfo) {
     messages.push({
       id: `error-${event.eventId}`,
       role: "system",
@@ -13775,7 +14614,7 @@ function applyTerminalEvent(state, event) {
   };
 }
 function buildErrorInfo(event) {
-  if (event.type !== "session.fail" || typeof event.data.error_category !== "string") {
+  if (event.type !== "session.fail" && event.type !== "session.pause" || typeof event.data.error_category !== "string") {
     return void 0;
   }
   const detail = stringValue2(event.data.error_detail) || stringValue2(event.data.error);
@@ -14523,7 +15362,8 @@ function useAgentChatRuntime({
           ...prev,
           browser: browserState ? {
             status: browserState.status,
-            controlOwner: browserState.controlOwner ?? null
+            controlOwner: browserState.controlOwner ?? null,
+            ...browserState.computer ? { computer: true } : {}
           } : null
         }));
       }).catch(() => void 0);
@@ -17018,17 +17858,21 @@ function saveDoc(adapter, sessionId, doc) {
         file,
         directory: CANVAS_DIR
       });
+      return true;
     } catch {
+      return false;
     }
   })();
   inFlightSaves.set(sessionId, done);
-  return done.then(() => {
+  return done.then((saved) => {
     if (inFlightSaves.get(sessionId) === done) {
       inFlightSaves.delete(sessionId);
     }
+    return saved;
   });
 }
 function useDebouncedSave(adapter, sessionId, doc, delayMs = SAVE_DEBOUNCE_MS) {
+  const [unsaved, setUnsaved] = useState(false);
   const latest = useRef(doc);
   latest.current = doc;
   const dirty = useRef(false);
@@ -17040,7 +17884,7 @@ function useDebouncedSave(adapter, sessionId, doc, delayMs = SAVE_DEBOUNCE_MS) {
     }
     dirty.current = true;
     const timer = setTimeout(() => {
-      void saveDoc(adapter, sessionId, latest.current);
+      void saveDoc(adapter, sessionId, latest.current).then((saved) => setUnsaved(!saved));
     }, delayMs);
     return () => clearTimeout(timer);
   }, [adapter, sessionId, doc, delayMs]);
@@ -17050,6 +17894,7 @@ function useDebouncedSave(adapter, sessionId, doc, delayMs = SAVE_DEBOUNCE_MS) {
       void saveDoc(adapter, sessionId, latest.current);
     };
   }, [adapter, sessionId]);
+  return unsaved;
 }
 function shouldReloadCanvas(previous, next, opts = {}) {
   if (!next) return false;
@@ -17358,7 +18203,7 @@ function WhiteboardSurface({
       return next;
     });
   }, [runtime.messages, canvasReady, resolveDraw]);
-  useDebouncedSave(adapter, canvasReady ? sessionId : null, doc);
+  const unsaved = useDebouncedSave(adapter, canvasReady ? sessionId : null, doc);
   const hasAnswer = useMemo(
     () => runtime.messages.some((m) => m.role === "assistant"),
     [runtime.messages]
@@ -17971,6 +18816,7 @@ function WhiteboardSurface({
           /* @__PURE__ */ jsx(Spinner, { className: "size-4 shrink-0" }),
           /* @__PURE__ */ jsx("span", { className: "truncate", children: progress ?? (askMode === "deep" ? "Working it out\u2026" : "Thinking\u2026") })
         ] }) }) }) : null,
+        unsaved ? /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute right-2 top-2 z-10", children: /* @__PURE__ */ jsx("span", { role: "status", className: "rounded-full border bg-background px-3 py-1 text-xs text-muted-foreground shadow-sm", children: "Your last change wasn't saved." }) }) : null,
         restoringVisible ? /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-black/10", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-3 rounded-full border bg-background px-6 py-3 text-sm font-medium text-muted-foreground shadow-md", children: [
           /* @__PURE__ */ jsx(Spinner, { className: "size-5" }),
           "Restoring board\u2026"
@@ -18709,7 +19555,38 @@ function FileTreeFile({
     }
   );
 }
+var NONE = {};
+var chats = /* @__PURE__ */ new Map();
+var listeners = /* @__PURE__ */ new Set();
+function changed() {
+  for (const listener of listeners) listener();
+}
+function changeChatFiles(chat, changes) {
+  chats.set(chat, { ...chats.get(chat), ...changes });
+  changed();
+}
+function leaveChatFiles(chat) {
+  const was = chats.get(chat);
+  if (!was) return;
+  const { entries: _tree, truncated: _cut, ...kept } = was;
+  chats.set(chat, was.deleting ? kept : { ...kept, deleteTarget: null });
+  changed();
+}
+function forgetChatFiles() {
+  chats.clear();
+  changed();
+}
+function subscribe2(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function useChatFiles(chat) {
+  return useSyncExternalStore(subscribe2, () => chat === null ? NONE : chats.get(chat) ?? NONE);
+}
 var SKELETON_WIDTHS2 = [75, 60, 90, 65, 80, 70, 85, 55];
+var NO_ENTRIES = [];
 function collectExpandedPaths(entries, depth = 0) {
   const paths = [];
   for (const entry of entries) {
@@ -18823,43 +19700,69 @@ function WorkspacePanel({
   disabled = false
 }) {
   const fileInputRef = useRef(null);
-  const [entries, setEntries] = useState([]);
-  const [treeLoading, setTreeLoading] = useState(false);
-  const [treeError, setTreeError] = useState(null);
-  const [notice, setNotice] = useState(null);
-  const [uploading, setUploading] = useState(false);
-  const [deleteTarget, setDeleteTarget] = useState(null);
+  const {
+    entries = NO_ENTRIES,
+    truncated = false,
+    loading = false,
+    error = null,
+    waiting = null,
+    notice = null,
+    uploading = false,
+    deleteTarget = null,
+    deleting = false
+  } = useChatFiles(sessionId);
   const [expandedPaths, setExpandedPaths] = useState(/* @__PURE__ */ new Set());
   const sessionIdRef = useRef(sessionId);
+  const mountedRef = useRef(true);
+  const readingRef = useRef(null);
   sessionIdRef.current = sessionId;
+  const stopReading = useCallback(() => {
+    const was = readingRef.current;
+    readingRef.current = null;
+    if (!was) return;
+    was.controller.abort();
+    changeChatFiles(was.chat, { loading: false, waiting: null });
+  }, []);
+  useEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+      stopReading();
+    };
+  }, [stopReading]);
+  useEffect(() => () => {
+    if (sessionId) leaveChatFiles(sessionId);
+  }, [sessionId]);
   const fetchTree = useCallback(async () => {
-    if (!sessionId) {
-      setEntries([]);
-      setExpandedPaths(/* @__PURE__ */ new Set());
-      setTreeLoading(false);
-      setTreeError(null);
-      return;
-    }
-    const requestedSessionId = sessionId;
-    setTreeLoading(true);
-    setTreeError(null);
+    if (!mountedRef.current || sessionIdRef.current !== sessionId) return;
+    stopReading();
+    if (!sessionId) return;
+    const chat = sessionId;
+    const reading = { chat, controller: new AbortController() };
+    readingRef.current = reading;
+    const current = () => readingRef.current === reading;
+    changeChatFiles(chat, { loading: true, waiting: null, error: null });
     try {
       const tree = await adapter.getWorkspaceTree({
-        sessionId: requestedSessionId
+        sessionId: chat,
+        signal: reading.controller.signal,
+        onWaiting: (said) => {
+          if (current()) changeChatFiles(chat, { waiting: said });
+        }
       });
-      if (sessionIdRef.current !== requestedSessionId) return;
-      setEntries(tree.entries);
+      if (!current()) return;
+      changeChatFiles(chat, { entries: tree.entries, truncated: tree.truncated });
       setExpandedPaths(new Set(collectExpandedPaths(tree.entries)));
-    } catch (error) {
-      if (sessionIdRef.current !== requestedSessionId) return;
-      setEntries([]);
-      setTreeError(error.message);
+    } catch (error2) {
+      if (!current()) return;
+      changeChatFiles(chat, { entries: [], error: error2.message });
     } finally {
-      if (sessionIdRef.current === requestedSessionId) {
-        setTreeLoading(false);
+      if (current()) {
+        readingRef.current = null;
+        changeChatFiles(chat, { loading: false, waiting: null });
       }
     }
-  }, [adapter, sessionId]);
+  }, [adapter, sessionId, stopReading]);
   useEffect(() => {
     void fetchTree();
   }, [fetchTree]);
@@ -18902,23 +19805,24 @@ function WorkspacePanel({
   const handleUpload = useCallback(
     async (files) => {
       if (disabled || !sessionId || files.length === 0) return;
-      setUploading(true);
-      setNotice(null);
+      const chat = sessionId;
+      changeChatFiles(chat, { uploading: true, notice: null });
       try {
         for (const uploadedFile of Array.from(files)) {
           await adapter.uploadWorkspaceFile({
-            sessionId,
-            file: uploadedFile
+            sessionId: chat,
+            file: uploadedFile,
+            onWaiting: (said) => changeChatFiles(chat, { notice: said })
           });
         }
-        setNotice(
-          files.length === 1 ? `Uploaded ${files[0]?.name ?? "file"}` : `Uploaded ${files.length} files`
-        );
+        changeChatFiles(chat, {
+          notice: files.length === 1 ? `Uploaded ${files[0]?.name ?? "file"}` : `Uploaded ${files.length} files`
+        });
         await fetchTree();
-      } catch (error) {
-        setNotice(error.message);
+      } catch (error2) {
+        changeChatFiles(chat, { notice: error2.message });
       } finally {
-        setUploading(false);
+        changeChatFiles(chat, { uploading: false });
         if (fileInputRef.current) fileInputRef.current.value = "";
       }
     },
@@ -18927,17 +19831,23 @@ function WorkspacePanel({
   const handleDelete = useCallback(
     async (path) => {
       if (disabled || !sessionId) return;
+      const chat = sessionId;
+      changeChatFiles(chat, { deleting: true });
       try {
-        await adapter.deleteWorkspaceFile({ sessionId, path });
-        if (selectedPath === path) {
+        await adapter.deleteWorkspaceFile({
+          sessionId: chat,
+          path,
+          onWaiting: (said) => changeChatFiles(chat, { notice: said })
+        });
+        if (mountedRef.current && sessionIdRef.current === chat && selectedPath === path) {
           onSelectedPathChange(null);
         }
-        setNotice(`Deleted ${path.split("/").pop() ?? path}`);
+        changeChatFiles(chat, { notice: `Deleted ${path.split("/").pop() ?? path}` });
         await fetchTree();
-      } catch (error) {
-        setNotice(error.message);
+      } catch (error2) {
+        changeChatFiles(chat, { notice: error2.message });
       } finally {
-        setDeleteTarget(null);
+        changeChatFiles(chat, { deleteTarget: null, deleting: false });
       }
     },
     [
@@ -18995,12 +19905,12 @@ function WorkspacePanel({
                   variant: "ghost",
                   size: "icon-sm",
                   onClick: () => void fetchTree(),
-                  disabled: !sessionId || treeLoading,
+                  disabled: !sessionId || loading,
                   "aria-label": "Refresh workspace",
                   children: /* @__PURE__ */ jsx(
                     RefreshCwIcon,
                     {
-                      className: cn("size-4", treeLoading && "animate-spin")
+                      className: cn("size-4", loading && "animate-spin")
                     }
                   )
                 }
@@ -19008,9 +19918,26 @@ function WorkspacePanel({
               /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: "Refresh" })
             ] })
           ] }),
-          notice && /* @__PURE__ */ jsx("div", { className: "border-b border-line px-3 py-2 text-xs text-muted-foreground", children: notice }),
+          notice && /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-testid": "workspace-notice",
+              className: "border-b border-line px-3 py-2 text-xs text-muted-foreground",
+              children: notice
+            }
+          ),
+          truncated && entries.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-b border-line px-3 py-2 text-xs text-muted-foreground", children: "Some files are not shown." }),
           /* @__PURE__ */ jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxs("div", { className: "px-1 py-1", children: [
-            treeLoading && entries.length === 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1 p-2", children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ jsx(
+            waiting && /* @__PURE__ */ jsx(
+              "div",
+              {
+                role: "status",
+                "data-testid": "tree-waiting",
+                className: "px-3 py-2 text-sm text-muted-foreground",
+                children: waiting
+              }
+            ),
+            loading && !waiting && entries.length === 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1 p-2", children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ jsx(
               Skeleton,
               {
                 className: "h-5 rounded",
@@ -19020,11 +19947,11 @@ function WorkspacePanel({
               },
               index
             )) }),
-            treeError && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-3 text-sm text-destructive", children: [
+            error && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-3 text-sm text-destructive", children: [
               /* @__PURE__ */ jsx(AlertCircleIcon, { className: "mt-0.5 size-4 shrink-0" }),
-              /* @__PURE__ */ jsx("span", { children: treeError })
+              /* @__PURE__ */ jsx("span", { children: error })
             ] }),
-            !treeLoading && !treeError && entries.length === 0 && /* @__PURE__ */ jsxs("div", { className: "px-4 py-8 text-center text-sm text-faint", children: [
+            !loading && !error && entries.length === 0 && /* @__PURE__ */ jsxs("div", { className: "px-4 py-8 text-center text-sm text-faint", children: [
               /* @__PURE__ */ jsx("p", { children: "No workspace files" }),
               /* @__PURE__ */ jsxs(
                 Button,
@@ -19053,7 +19980,9 @@ function WorkspacePanel({
                   RenderEntries,
                   {
                     entries,
-                    onDelete: setDeleteTarget,
+                    onDelete: (path) => {
+                      if (sessionId) changeChatFiles(sessionId, { deleteTarget: path });
+                    },
                     downloadUrlFor: (path) => sessionId ? adapter.getWorkspaceDownloadUrl({ sessionId, path }) : "#"
                   }
                 )
@@ -19067,8 +19996,13 @@ function WorkspacePanel({
               title: "Delete file?",
               description: `This will permanently delete ${deleteTarget?.split("/").pop() ?? "this file"} from the workspace.`,
               confirmLabel: "Delete",
-              onConfirm: () => deleteTarget ? handleDelete(deleteTarget) : Promise.resolve(),
-              onCancel: () => setDeleteTarget(null)
+              loading: deleting,
+              onConfirm: () => {
+                if (deleteTarget) void handleDelete(deleteTarget);
+              },
+              onCancel: () => {
+                if (sessionId) changeChatFiles(sessionId, { deleteTarget: null });
+              }
             }
           )
         ]
@@ -19081,18 +20015,10 @@ function ConfirmDialog2({
   title,
   description,
   confirmLabel,
+  loading,
   onConfirm,
   onCancel
 }) {
-  const [loading, setLoading] = useState(false);
-  const handleConfirm = async () => {
-    setLoading(true);
-    try {
-      await onConfirm();
-    } finally {
-      setLoading(false);
-    }
-  };
   return /* @__PURE__ */ jsx(
     Dialog,
     {
@@ -19112,7 +20038,7 @@ function ConfirmDialog2({
             {
               variant: "destructive",
               disabled: loading,
-              onClick: handleConfirm,
+              onClick: onConfirm,
               children: [
                 loading && /* @__PURE__ */ jsx(Loader2Icon, { className: "mr-1.5 size-3.5 animate-spin" }),
                 confirmLabel
@@ -19126,6 +20052,10 @@ function ConfirmDialog2({
 }
 
 // src/lib/sessions.ts
+function sessionComputer(config) {
+  const execution = config?.execution;
+  return execution?.kind === "device" && typeof execution.device_name === "string" ? execution.device_name : null;
+}
 function isScheduledRunSession(session) {
   return Boolean(
     session?.channel === "scheduled" || session?.config?.scheduled_session_id
@@ -19186,7 +20116,11 @@ function AgentChat({
   goalsEnabled = true,
   compressEnabled = true,
   onOpenIntegrations,
-  onOpenBilling
+  onOpenBilling,
+  composerFooter,
+  firstMessage,
+  onFirstMessageSent,
+  computerBrowser
 }) {
   const [workspacePath, setWorkspacePath] = useState(null);
   const [previewPath, setPreviewPath] = useState(null);
@@ -19199,6 +20133,9 @@ function AgentChat({
     sessionId,
     onSessionChange
   });
+  const sessionConfig = runtime.session?.config;
+  const projectId = sessionConfig?.workstream_role === "coordinator" && typeof sessionConfig.workstream_id === "string" ? sessionConfig.workstream_id : null;
+  const threadRows = useProjectThreads(adapter, projectId);
   useEffect(() => {
     setOpenPane(null);
     setFilesOpen(false);
@@ -19226,13 +20163,14 @@ function AgentChat({
   const browserState = runtime.state.browser;
   const browserAvailable = browserState !== null && browserState.status !== "closed" && !!sessionId;
   const browserVisible = browserAvailable && openPane === "browser";
+  const browserOnComputer = browserState?.computer === true;
   const workspaceAvailable = !!sessionId;
   const filePreviewVisible = workspaceAvailable && previewPath !== null && openPane === "file";
   const rightStackVisible = browserVisible || filePreviewVisible;
   const browserPreview = useBrowserPreview({
     adapter,
     sessionId,
-    enabled: browserAvailable
+    enabled: browserAvailable && !browserOnComputer
   });
   const browserRunning = browserAvailable;
   useEffect(() => {
@@ -19243,6 +20181,46 @@ function AgentChat({
   useEffect(() => {
     onMessagesChange?.(runtime.messages);
   }, [onMessagesChange, runtime.messages]);
+  const firstSent = useRef(null);
+  const first = useRef({ message: firstMessage ?? null, told: onFirstMessageSent });
+  useEffect(() => {
+    first.current = { message: firstMessage ?? null, told: onFirstMessageSent };
+  });
+  const send = runtime.send;
+  useEffect(() => {
+    if (!firstMessage || firstSent.current === firstMessage.id) return;
+    if (sessionId !== null) {
+      firstSent.current = firstMessage.id;
+      first.current.told?.(firstMessage.id, "Another chat opened before this one was made, so nothing was sent.");
+      return;
+    }
+    if (effectiveDisabled) return;
+    let live = true;
+    queueMicrotask(() => {
+      if (!live || firstSent.current === firstMessage.id) return;
+      firstSent.current = firstMessage.id;
+      send(firstMessage.text).then(
+        () => first.current.told?.(firstMessage.id, null),
+        (error) => first.current.told?.(firstMessage.id, error instanceof Error ? error.message : String(error))
+      );
+    });
+    return () => {
+      live = false;
+    };
+  }, [firstMessage, sessionId, effectiveDisabled, send]);
+  const mounted = useRef(false);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+      queueMicrotask(() => {
+        const { message, told } = first.current;
+        if (mounted.current || !message || firstSent.current === message.id) return;
+        firstSent.current = message.id;
+        told?.(message.id, "The page left the new chat before it was made, so nothing was sent.");
+      });
+    };
+  }, []);
   const handleOpenFilePreview = useCallback((path) => {
     setWorkspacePath(path);
     setPreviewPath(path);
@@ -19282,7 +20260,11 @@ function AgentChat({
         adapter,
         sessionId,
         onFileSelect: handleFileSelect,
-        onOpenBilling
+        onOpenBilling,
+        onOpenSession: onSessionChange,
+        projectId,
+        threadRows,
+        readOnly: disabled === true
       },
       children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
         "section",
@@ -19364,7 +20346,7 @@ function AgentChat({
                     isLoadingHistory: runtime.isLoadingHistory,
                     onSend: (content, images, attachments) => runtime.send(content, images, attachments),
                     onStop: () => runtime.stop(),
-                    onRetry: runtime.retry,
+                    onRetry: disabled ? void 0 : runtime.retry,
                     onFileSelect: handleFileSelect,
                     disabled: effectiveDisabled,
                     disabledReason,
@@ -19382,8 +20364,9 @@ function AgentChat({
                     canShowBrowser: browserAvailable,
                     canShowWorkspace: workspaceAvailable,
                     paneCards: {
-                      browser: browserRunning ? {
-                        subtitle: browserState?.controlOwner ? `${browserState.controlOwner} has control` : void 0,
+                      // A chat the host only reads offers its browser no card: the card is the way to take it over.
+                      browser: browserRunning && !disabled ? {
+                        subtitle: browserOnComputer ? browserState?.status === "unavailable" ? "No supported browser on its computer" : "On the chat's computer" : browserState?.controlOwner ? `${browserState.controlOwner} has control` : void 0,
                         thumbnail: browserPreview,
                         // Show and hide on the same card, like the Files
                         // accordion header and the composer's Tools item.
@@ -19419,7 +20402,9 @@ function AgentChat({
                     researchSources: runtime.researchSources,
                     hideTurnSummary,
                     agentId,
-                    onOpenIntegrations
+                    onOpenIntegrations,
+                    deviceWait: runtime.state.deviceWait,
+                    composerFooter
                   }
                 )
               }
@@ -19445,13 +20430,21 @@ function AgentChat({
                       "data-testid": "browser-panel",
                       "data-mobile-view": activeMobilePane,
                       className: "min-h-0 h-full w-full overflow-hidden",
-                      children: /* @__PURE__ */ jsx(
+                      children: browserOnComputer ? /* @__PURE__ */ jsx(
+                        ComputerBrowserPane,
+                        {
+                          available: browserState.status !== "unavailable",
+                          readOnly: disabled === true,
+                          draw: computerBrowser
+                        }
+                      ) : /* @__PURE__ */ jsx(
                         BrowserPane,
                         {
                           sessionId,
                           state: browserState,
                           adapter,
-                          onClose: () => setOpenPane(null)
+                          onClose: () => setOpenPane(null),
+                          readOnly: disabled === true
                         }
                       )
                     }
@@ -19556,9 +20549,9 @@ var FetchSseEventStream = class {
     queueMicrotask(() => void this.start());
   }
   addEventListener(type, listener) {
-    const listeners = this.listeners.get(type) ?? /* @__PURE__ */ new Set();
-    listeners.add(listener);
-    this.listeners.set(type, listeners);
+    const listeners2 = this.listeners.get(type) ?? /* @__PURE__ */ new Set();
+    listeners2.add(listener);
+    this.listeners.set(type, listeners2);
   }
   close() {
     this.watchdog.stop();
@@ -19635,13 +20628,13 @@ var FetchSseEventStream = class {
       this.dataLines = [];
       return;
     }
-    const listeners = this.listeners.get(this.eventType);
+    const listeners2 = this.listeners.get(this.eventType);
     const event = {
       data: this.dataLines.join("\n"),
       lastEventId: this.eventId
     };
-    if (listeners) {
-      for (const listener of listeners) {
+    if (listeners2) {
+      for (const listener of listeners2) {
         listener(event);
       }
     }
@@ -21038,218 +22031,6 @@ function CardContent({ className, ...props }) {
     }
   );
 }
-
-// src/components/missions/mission-derive.ts
-var ACTIVE_MISSION_STATUSES = /* @__PURE__ */ new Set(["active", "paused"]);
-function isTerminalMissionStatus(status) {
-  return !ACTIVE_MISSION_STATUSES.has(status);
-}
-function missionTaskBucket(status) {
-  if (status === "done") return "done";
-  if (status === "blocked") return "blocked";
-  if (status === "failed" || status === "cancelled") {
-    return "failed_or_cancelled";
-  }
-  return "in_flight";
-}
-function groupMissionTasksByBucket(tasks) {
-  const buckets = {
-    in_flight: [],
-    done: [],
-    blocked: [],
-    failed_or_cancelled: []
-  };
-  for (const t of tasks) {
-    buckets[missionTaskBucket(t.status)].push(t);
-  }
-  return buckets;
-}
-function deriveMissionWorkerActivityLabel(worker) {
-  const kind = worker.latestEventKind;
-  if (kind === "tool.call" && worker.latestEventSummary) {
-    return `tool: ${truncate4(worker.latestEventSummary, 80)}`;
-  }
-  if (kind === "llm.response") {
-    return "thinking";
-  }
-  if (kind === "tool.result") {
-    return "received tool result";
-  }
-  if (kind && worker.latestEventSummary) {
-    return `${kind}: ${truncate4(worker.latestEventSummary, 60)}`;
-  }
-  return worker.sessionStatus || "active";
-}
-function truncate4(s, max) {
-  if (s.length <= max) return s;
-  return `${s.slice(0, max - 1)}\u2026`;
-}
-var MISSION_EVENT_CATEGORIES = [
-  "spawn",
-  "output",
-  "done",
-  "verdict",
-  "system"
-];
-function missionEventCategory(type) {
-  switch (type) {
-    case "worker.spawned":
-      return "spawn";
-    case "iteration.summary":
-      return "output";
-    case "worker.complete":
-      return "done";
-    case "mission.evaluation.end":
-      return "verdict";
-    default:
-      return "system";
-  }
-}
-function dataString(data, key) {
-  const v = data?.[key];
-  return typeof v === "string" && v.trim().length > 0 ? v.trim() : null;
-}
-var CONTROL_MARKUP_RE = /<next_action\b[^>]*(?:\/>|>[\s\S]*?<\/next_action>)/gi;
-function stripMissionControlMarkup(text) {
-  return text.replace(CONTROL_MARKUP_RE, "").trim();
-}
-function missionEventSummary(event) {
-  return stripMissionControlMarkup(rawMissionEventSummary(event));
-}
-function rawMissionEventSummary(event) {
-  const d = event.data ?? null;
-  switch (event.type) {
-    case "worker.spawned":
-      return dataString(d, "goal") ?? "Task spawned";
-    case "worker.complete":
-      return dataString(d, "result") ?? "Worker complete";
-    case "iteration.summary":
-      return dataString(d, "summary") ?? "";
-    case "mission.evaluation.end": {
-      const result = dataString(d, "result");
-      const feedback = dataString(d, "feedback") ?? dataString(d, "explanation");
-      if (result && feedback) return `${result} \u2014 ${feedback}`;
-      return result ?? feedback ?? "Evaluation finished";
-    }
-    case "task.blocked":
-      return dataString(d, "reason") ?? "Task blocked";
-    case "task.failed":
-      return "Task failed";
-    default: {
-      const text = dataString(d, "summary") ?? dataString(d, "text") ?? dataString(d, "message") ?? dataString(d, "reason");
-      if (text) return text;
-      if (!d) return "";
-      try {
-        return truncate4(JSON.stringify(d), 160);
-      } catch {
-        return "";
-      }
-    }
-  }
-}
-function missionEventTaskId(event, sessions) {
-  return dataString(event.data ?? null, "task_id") ?? sessions[event.sessionId]?.taskId ?? null;
-}
-function missionEventActorLabel(event, sessions) {
-  const meta = sessions[event.sessionId];
-  if (!meta) return event.sessionId.slice(0, 8);
-  if (meta.kind === "coordinator") return "orchestrator";
-  return meta.agentDefName ?? "worker";
-}
-function missionTaskBlocks(tasks) {
-  const blocks = {};
-  for (const t of tasks) {
-    for (const parent of t.parentIds) {
-      (blocks[parent] ?? (blocks[parent] = [])).push(t.id);
-    }
-  }
-  return blocks;
-}
-function missionTaskTitle(goal, max = 80) {
-  const line = goal.split("\n").find((l) => l.trim().length > 0)?.trim() ?? goal.trim();
-  return truncate4(line.replace(/\s+/g, " "), max);
-}
-var RAIL_GROUP_DEFS = [
-  { key: "running", label: "Running", match: (s) => s === "running" },
-  { key: "blocked", label: "Blocked", match: (s) => s === "blocked" },
-  {
-    key: "queued",
-    label: "Queued",
-    match: (s) => s === "ready" || s === "todo"
-  },
-  { key: "done", label: "Done", match: (s) => s === "done" },
-  {
-    key: "failed",
-    label: "Failed / cancelled",
-    match: (s) => s === "failed" || s === "cancelled"
-  }
-];
-function missionTaskRailGroups(tasks) {
-  const grouped = /* @__PURE__ */ new Set();
-  const groups = RAIL_GROUP_DEFS.map((def) => ({
-    key: def.key,
-    label: def.label,
-    tasks: tasks.filter((t) => {
-      const hit = def.match(t.status);
-      if (hit) grouped.add(t.id);
-      return hit;
-    })
-  }));
-  const stray = tasks.filter((t) => !grouped.has(t.id));
-  if (stray.length > 0) {
-    const queued = groups.find((g) => g.key === "queued");
-    if (queued) queued.tasks.push(...stray);
-  }
-  return groups.filter((g) => g.tasks.length > 0);
-}
-var TERMINAL_TASK_STATUSES = /* @__PURE__ */ new Set(["done", "failed", "cancelled"]);
-function defaultSelectedMissionTaskId(tasks) {
-  if (tasks.length === 0) return null;
-  const ordered = missionTaskRailGroups(tasks).flatMap((g) => g.tasks);
-  const firstLive = ordered.find(
-    (t) => !TERMINAL_TASK_STATUSES.has(t.status)
-  );
-  return (firstLive ?? ordered[0] ?? tasks[0]).id;
-}
-function mergeMissionEvents(existing, incoming) {
-  if (incoming.length === 0) return existing;
-  const byId = /* @__PURE__ */ new Map();
-  for (const e of existing) byId.set(e.id, e);
-  for (const e of incoming) byId.set(e.id, e);
-  return [...byId.values()].sort((a, b) => a.id - b.id);
-}
-function missionTaskStatusDotClass(status) {
-  switch (status) {
-    case "running":
-      return "bg-primary";
-    case "blocked":
-      return "bg-amber-500";
-    case "done":
-      return "bg-emerald-500";
-    case "failed":
-      return "bg-destructive";
-    case "cancelled":
-      return "bg-muted-foreground";
-    default:
-      return "bg-foreground/30";
-  }
-}
-function missionWorkerTaskCounts(worker, tasks) {
-  if (worker.kind !== "task") return null;
-  const mine = tasks.filter((t) => t.agentDefName === worker.agentDefName);
-  return {
-    completed: mine.filter((t) => t.status === "done").length,
-    inFlight: mine.filter(
-      (t) => t.status === "running" || t.status === "blocked"
-    ).length
-  };
-}
-function formatMissionTimestamp(iso) {
-  if (!iso) return "";
-  const parsed = new Date(iso);
-  if (Number.isNaN(parsed.getTime())) return iso;
-  return parsed.toLocaleTimeString();
-}
 var CATEGORY_BADGE_CLASS = {
   spawn: "border-primary/30 bg-primary/10 text-primary",
   output: "border-foreground/20 bg-foreground/5 text-foreground/80",
@@ -21902,7 +22683,7 @@ function MissionWorkersTab({
     return /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-sm text-muted-foreground/60", children: "No workers attached to this mission right now." });
   }
   return /* @__PURE__ */ jsx("div", { className: "grid gap-3 sm:grid-cols-2", children: workers.map((w) => /* @__PURE__ */ jsx(
-    WorkerCard,
+    WorkerCard2,
     {
       worker: w,
       tasks,
@@ -21911,7 +22692,7 @@ function MissionWorkersTab({
     w.workerSessionId
   )) });
 }
-function WorkerCard({
+function WorkerCard2({
   worker,
   tasks,
   onOpenTranscript
@@ -23096,6 +23877,7 @@ function sessionToTreeNode(session) {
     model: session.model,
     messageCount: session.messageCount,
     toolCallCount: session.toolCallCount,
+    computer: sessionComputer(session.config),
     createdAt: session.createdAt ?? timestamp,
     updatedAt: session.updatedAt ?? timestamp
   };
@@ -23122,13 +23904,13 @@ function mergeTreeNodes(groups) {
 }
 function collectDeletedSessionIds(nodes, deletedSessionId) {
   const deletedIds = /* @__PURE__ */ new Set([deletedSessionId]);
-  let changed = true;
-  while (changed) {
-    changed = false;
+  let changed2 = true;
+  while (changed2) {
+    changed2 = false;
     for (const node of nodes) {
       if (node.parentId && deletedIds.has(node.parentId) && !deletedIds.has(node.id)) {
         deletedIds.add(node.id);
-        changed = true;
+        changed2 = true;
       }
     }
   }
@@ -23224,7 +24006,15 @@ function TreeNodeRow({
           ) : /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0" }),
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsx("div", { className: "text-sm truncate", children: title }),
-            /* @__PURE__ */ jsx("div", { className: "text-xs text-faint truncate", children: subtitle })
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-faint min-w-0", children: [
+              entry.computer && // A chat on a folder of the user's computer, in every list of chats, the browser's too.
+              /* @__PURE__ */ jsxs("span", { "data-testid": "session-computer", title: `On ${entry.computer}`, className: "inline-flex min-w-0 max-w-[50%] items-center gap-1", children: [
+                /* @__PURE__ */ jsx(LaptopIcon, { className: "w-3 h-3 shrink-0", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: entry.computer })
+              ] }),
+              entry.computer && subtitle && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: subtitle })
+            ] })
           ] }),
           isRunning && canStop && isChildSession && /* @__PURE__ */ jsx(
             "button",
@@ -23321,9 +24111,10 @@ function SessionTreePanel({
         }
         const sessionList = listResult.status === "fulfilled" ? listResult.value : null;
         const sessionTree = treeResult.status === "fulfilled" ? treeResult.value : null;
+        const project = sessionTree?.nodes.some((node) => node.parentId === null && node.runKind === "project");
         let nextNodes = mergeTreeNodes([
           sessionList?.sessions.map(sessionToTreeNode) ?? [],
-          sessionTree?.nodes ?? []
+          project ? [] : sessionTree?.nodes ?? []
         ]);
         if (pendingDeleteIds.current.size > 0) {
           const stillReturned = /* @__PURE__ */ new Set();
@@ -23475,6 +24266,6 @@ function SessionTreePanel({
   ] });
 }
 
-export { ACTIVE_MISSION_STATUSES, AgentChat, AgentChatAdapterProvider, AgentWhiteboard, BrandBeam, BrowserShell, CitationText, CodingAgentsPanel, ComposioConnectCard, FetchSseEventStream, InboxPanel, IntegrationsBand, IntegrationsPage, MISSION_EVENT_CATEGORIES, MessageResponse, MissionDashboard, MissionsPanel, ORB_STATE_LABELS, OrbShimmerLabel, ResearchSourcesPanel, SIMPLE_MODE_HIDDEN_TOOLS, SIMPLE_MODE_ORB_OPTIONS, ScheduledWorkPanel, SessionTreePanel, WhiteboardSurface, defaultSelectedMissionTaskId, deriveMissionWorkerActivityLabel, deriveOrbActivity, formatMissionTimestamp, groupMissionTasksByBucket, isHiddenSimpleTool, isTerminalMissionStatus, mergeMissionEvents, messageOrbState, missionEventActorLabel, missionEventCategory, missionEventSummary, missionEventTaskId, missionTaskBlocks, missionTaskBucket, missionTaskRailGroups, missionTaskStatusDotClass, missionTaskTitle, missionWorkerTaskCounts, persistChatViewMode, splitCitations, stripMissionControlMarkup, toolOrbState, useAgentChatAdapterContext, useAgentChatRuntime, useBrowserControl, useChatViewMode, useInboxUnreadCount, useMissionEvents };
+export { ACTIVE_MISSION_STATUSES, AgentChat, AgentChatAdapterProvider, AgentWhiteboard, BrandBeam, BrowserShell, CitationText, CodingAgentsPanel, ComposioConnectCard, FetchSseEventStream, InboxPanel, IntegrationsBand, IntegrationsPage, MISSION_EVENT_CATEGORIES, MessageResponse, MissionDashboard, MissionsPanel, ORB_STATE_LABELS, OrbShimmerLabel, ResearchSourcesPanel, SIMPLE_MODE_HIDDEN_TOOLS, SIMPLE_MODE_ORB_OPTIONS, ScheduledWorkPanel, SessionTreePanel, WhiteboardSurface, defaultSelectedMissionTaskId, deriveMissionWorkerActivityLabel, deriveOrbActivity, forgetChatFiles, formatMissionTimestamp, groupMissionTasksByBucket, isHiddenSimpleTool, isTerminalMissionStatus, mergeMissionEvents, messageOrbState, missionEventActorLabel, missionEventCategory, missionEventSummary, missionEventTaskId, missionTaskBlocks, missionTaskBucket, missionTaskRailGroups, missionTaskStatusDotClass, missionTaskTitle, missionWorkerTaskCounts, persistChatViewMode, sessionComputer, splitCitations, stripMissionControlMarkup, toolOrbState, useAgentChatAdapterContext, useAgentChatRuntime, useBrowserControl, useChatViewMode, useInboxUnreadCount, useMissionEvents };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map