@volter-ai-dev/supercode-ui 0.1.17 → 0.1.20

package/composer.mjs

@@ -82,6 +82,7 @@ function boundedSet(map, key, value) {
 // src/icon.jsx
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 var ICONS = {
+  attach: () => /* @__PURE__ */ jsx("path", { d: "M6.25 9.75 10.6 5.4a2.1 2.1 0 0 1 2.97 2.97l-5.4 5.4a3.3 3.3 0 0 1-4.67-4.66l5.52-5.52" }),
   back: () => /* @__PURE__ */ jsx("path", { d: "m11.5 4.5-4.5 4.5 4.5 4.5" }),
   check: () => /* @__PURE__ */ jsx("path", { d: "m4 9 3.25 3.25L14 5.5" }),
   chevron: () => /* @__PURE__ */ jsx("path", { d: "m7 4.5 4.5 4.5L7 13.5" }),
@@ -122,6 +123,44 @@ function UiIcon({ name, size = 16, class: className = "" }) {
   return /* @__PURE__ */ jsx("svg", { class: `scui-icon ${className}`, style: { "--scui-icon-size": `${size}px` }, viewBox: "0 0 18 18", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Glyph, {}) });
 }
 
+// src/context.jsx
+import { jsx as jsx2, jsxs as jsxs2 } from "preact/jsx-runtime";
+var MAX_CONTEXT_ITEMS = 32;
+function normalizeContext(value) {
+  return (Array.isArray(value) ? value : value ? [value] : []).flatMap((item) => {
+    if (!item || typeof item.label !== "string" || typeof item.detail !== "string") return [];
+    const label = item.label.trim().slice(0, 200);
+    const detail = item.detail.slice(0, 2e4);
+    if (!label || !detail) return [];
+    return [{
+      ...typeof item.id === "string" && item.id ? { id: item.id.slice(0, 2e3) } : {},
+      ...typeof item.kind === "string" && item.kind ? { kind: item.kind.slice(0, 100) } : {},
+      label,
+      detail
+    }];
+  }).slice(0, MAX_CONTEXT_ITEMS);
+}
+function mergeContext(current, picked) {
+  const next = [...current];
+  const seen = new Set(current.map((item) => item.id ? `id:${item.id}` : `value:${item.kind ?? ""}\0${item.label}\0${item.detail}`));
+  for (const item of normalizeContext(picked)) {
+    const key = item.id ? `id:${item.id}` : `value:${item.kind ?? ""}\0${item.label}\0${item.detail}`;
+    if (seen.has(key)) continue;
+    seen.add(key);
+    next.push(item);
+    if (next.length === MAX_CONTEXT_ITEMS) break;
+  }
+  return next;
+}
+function ContextTray({ items, onRemove }) {
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsx2("div", { class: "scui-compose-context", "aria-label": "Attached context", children: items.map((item, index) => /* @__PURE__ */ jsxs2("span", { children: [
+    /* @__PURE__ */ jsx2(UiIcon, { name: "attach", size: 12 }),
+    /* @__PURE__ */ jsx2("strong", { children: item.label }),
+    /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `Remove context ${item.label}`, onClick: () => onRemove(index), children: /* @__PURE__ */ jsx2(UiIcon, { name: "close", size: 12 }) })
+  ] }, item.id ?? `${item.label}:${index}`)) });
+}
+
 // src/textarea.js
 import { useLayoutEffect } from "preact/hooks";
 function useAutosizeTextarea(ref, value) {
@@ -137,7 +176,7 @@ function useAutosizeTextarea(ref, value) {
 }
 
 // src/composer.jsx
-import { jsx as jsx2, jsxs as jsxs2 } from "preact/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "preact/jsx-runtime";
 var composerMemory = /* @__PURE__ */ new Map();
 function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   if (state.mode !== "mirror" || state.canSend) return null;
@@ -147,29 +186,32 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   const resume = canContinueHere(state);
   const join = state.canAttach;
   const branch = state.canBranch;
-  if (!resume && !join && !branch) return /* @__PURE__ */ jsx2("div", { class: "scui-continuation", children: /* @__PURE__ */ jsxs2("span", { children: [
-    /* @__PURE__ */ jsx2("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
-    /* @__PURE__ */ jsx2("small", { children: "This session cannot be continued by an available harness." })
+  if (!resume && !join && !branch) return /* @__PURE__ */ jsx3("div", { class: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
+    /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
+    /* @__PURE__ */ jsx3("small", { children: "This session cannot be continued by an available harness." })
   ] }) });
-  return /* @__PURE__ */ jsxs2("div", { class: "scui-continuation", children: [
-    /* @__PURE__ */ jsxs2("span", { children: [
-      /* @__PURE__ */ jsx2("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
-      /* @__PURE__ */ jsx2("small", { children: join ? "Join the proven live runtime without taking it over." : resume ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
+  return /* @__PURE__ */ jsxs3("div", { class: "scui-continuation", children: [
+    /* @__PURE__ */ jsxs3("span", { children: [
+      /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
+      /* @__PURE__ */ jsx3("small", { children: join ? "Join the proven live runtime without taking it over." : resume ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
     ] }),
-    /* @__PURE__ */ jsx2("button", { type: "button", disabled: Boolean(state.operation), onClick: () => adapter.onIntent(join ? { action: "join" } : resume ? { action: "resume" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere })
+    /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => adapter.onIntent(join ? { action: "join" } : resume ? { action: "resume" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere })
   ] });
 }
 function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, pendingStatus = null, restoreDraft = null, onPending, onDraftRestored }) {
-  const remembered = composerMemory.get(memoryKey) ?? { draft: state.savedDraft, queue: [] };
+  const remembered = composerMemory.get(memoryKey) ?? { draft: state.savedDraft, context: [], queue: [] };
   const [draft, setDraft] = useState(remembered.draft);
+  const [context, setContext] = useState(remembered.context);
   const [queue, setQueue] = useState(remembered.queue);
   const [dispatching, setDispatching] = useState(false);
+  const [picking, setPicking] = useState(false);
+  const [pickerError, setPickerError] = useState(null);
   const textarea = useRef(null);
   useAutosizeTextarea(textarea, draft);
-  const remember = (nextDraft, nextQueue) => boundedSet(composerMemory, memoryKey, { draft: nextDraft, queue: nextQueue });
+  const remember = (nextDraft, nextContext, nextQueue) => boundedSet(composerMemory, memoryKey, { draft: nextDraft, context: nextContext, queue: nextQueue });
   const updateQueue = (update) => setQueue((items) => {
     const next = update(items);
-    remember(draft, next);
+    remember(draft, context, next);
     return next;
   });
   const queueBlocked = state.busy || pendingStatus !== null || dispatching;
@@ -179,9 +221,9 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
       const [next, ...rest] = queue;
       setDispatching(true);
       setQueue(rest);
-      remember(draft, rest);
-      onPending?.(next);
-      adapter.onIntent({ action: "send", text: next });
+      remember(draft, context, rest);
+      onPending?.(next.text, next.context);
+      adapter.onIntent({ action: "send", text: next.text, ...next.context.length ? { context: next.context } : {} });
     }
   }, [adapter, draft, memoryKey, onPending, queue, queueBlocked, state.canSend]);
   useEffect(() => {
@@ -193,7 +235,9 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
   useEffect(() => {
     if (!restoreDraft) return;
     setDraft(restoreDraft.text);
-    remember(restoreDraft.text, queue);
+    const restoredContext = normalizeContext(restoreDraft.context);
+    setContext(restoredContext);
+    remember(restoreDraft.text, restoredContext, queue);
     textarea.current?.focus({ preventScroll: true });
     onDraftRestored?.(restoreDraft.id);
   }, [onDraftRestored, restoreDraft?.id]);
@@ -201,43 +245,70 @@ function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.a
     const timer = setTimeout(() => adapter.onIntent({ action: "draft", text: draft }), 250);
     return () => clearTimeout(timer);
   }, [adapter, draft]);
+  const pickContext = () => {
+    if (!adapter.pickContext || state.mode !== "control" || picking || context.length >= MAX_CONTEXT_ITEMS) return;
+    setPicking(true);
+    setPickerError(null);
+    Promise.resolve().then(() => adapter.pickContext()).then((picked) => {
+      setContext((current) => {
+        const next = mergeContext(current, picked);
+        remember(draft, next, queue);
+        return next;
+      });
+    }, (error) => setPickerError(error instanceof Error ? error.message : "Could not attach context.")).finally(() => setPicking(false));
+  };
   const send = () => {
     const text = draft.trim();
     if (!text) return;
-    if (queuesNewMessage) updateQueue((items) => [...items, text]);
+    const message = { text, context };
+    if (queuesNewMessage) updateQueue((items) => [...items, message]);
     else if (state.canSend) {
       if (onPending) setDispatching(true);
-      onPending?.(text);
-      adapter.onIntent({ action: "send", text });
+      onPending?.(text, context);
+      adapter.onIntent({ action: "send", text, ...context.length ? { context } : {} });
     } else return;
     setDraft("");
-    remember("", queuesNewMessage ? [...queue, text] : queue);
+    setContext([]);
+    remember("", [], queuesNewMessage ? [...queue, message] : queue);
   };
-  return /* @__PURE__ */ jsxs2("div", { class: "scui-compose", children: [
-    queue.length ? /* @__PURE__ */ jsxs2("div", { class: "scui-queue", children: [
-      /* @__PURE__ */ jsxs2("strong", { children: [
+  return /* @__PURE__ */ jsxs3("div", { class: "scui-compose", children: [
+    queue.length ? /* @__PURE__ */ jsxs3("div", { class: "scui-queue", children: [
+      /* @__PURE__ */ jsxs3("strong", { children: [
         queue.length,
         " queued"
       ] }),
-      queue.map((item, index) => /* @__PURE__ */ jsxs2("span", { children: [
-        item,
-        /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `Remove queued message ${index + 1}`, onClick: () => updateQueue((items) => items.filter((_, itemIndex) => itemIndex !== index)), children: /* @__PURE__ */ jsx2(UiIcon, { name: "close", size: 13 }) })
-      ] }, `${index}:${item}`))
+      queue.map((item, index) => /* @__PURE__ */ jsxs3("span", { children: [
+        /* @__PURE__ */ jsxs3("span", { children: [
+          item.text,
+          item.context.length ? /* @__PURE__ */ jsxs3("small", { children: [
+            item.context.length,
+            " attached"
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx3("button", { type: "button", "aria-label": `Remove queued message ${index + 1}`, onClick: () => updateQueue((items) => items.filter((_, itemIndex) => itemIndex !== index)), children: /* @__PURE__ */ jsx3(UiIcon, { name: "close", size: 13 }) })
+      ] }, `${index}:${item.text}`))
     ] }) : null,
-    /* @__PURE__ */ jsxs2("div", { class: "scui-envelope", children: [
-      /* @__PURE__ */ jsx2("textarea", { ref: textarea, rows: 1, "aria-label": `Message ${harnessDisplayName(state.harness) || "agent"}`, placeholder: state.startup !== "ready" ? "Connecting\u2026" : pendingStatus === "failed" ? "Retry or edit the unsent message\u2026" : pendingStatus === "editing" ? "Edit and resend\u2026" : queueBlocked ? "Queue a follow-up\u2026" : labels.askAgent, value: draft, disabled: state.mode !== "control" && !state.canSend, onInput: (event) => {
+    /* @__PURE__ */ jsx3(ContextTray, { items: context, onRemove: (index) => setContext((items) => {
+      const next = items.filter((_, itemIndex) => itemIndex !== index);
+      remember(draft, next, queue);
+      return next;
+    }) }),
+    pickerError ? /* @__PURE__ */ jsx3("small", { class: "scui-context-error", role: "alert", children: pickerError }) : null,
+    /* @__PURE__ */ jsxs3("div", { class: "scui-envelope", children: [
+      adapter.pickContext && state.mode === "control" ? /* @__PURE__ */ jsx3("button", { class: "scui-attach", type: "button", "aria-label": "Attach context", disabled: picking || context.length >= MAX_CONTEXT_ITEMS, onClick: pickContext, children: picking ? /* @__PURE__ */ jsx3("i", { class: "scui-control-spinner" }) : /* @__PURE__ */ jsx3(UiIcon, { name: "attach", size: 17 }) }) : null,
+      /* @__PURE__ */ jsx3("textarea", { ref: textarea, rows: 1, "aria-label": `Message ${harnessDisplayName(state.harness) || "agent"}`, placeholder: state.startup !== "ready" ? "Connecting\u2026" : pendingStatus === "failed" ? "Retry or edit the unsent message\u2026" : pendingStatus === "editing" ? "Edit and resend\u2026" : queueBlocked ? "Queue a follow-up\u2026" : labels.askAgent, value: draft, disabled: state.mode !== "control" && !state.canSend, onInput: (event) => {
         const value = event.currentTarget.value;
         setDraft(value);
-        remember(value, queue);
+        remember(value, context, queue);
       }, onKeyDown: (event) => {
         if (isSendKey(event)) {
           event.preventDefault();
           send();
         }
       } }),
-      /* @__PURE__ */ jsxs2("span", { children: [
-        state.busy ? /* @__PURE__ */ jsx2("button", { class: "scui-stop", type: "button", "aria-label": "Stop agent", disabled: !state.canInterrupt, onClick: () => adapter.onIntent({ action: "interrupt" }), children: /* @__PURE__ */ jsx2(UiIcon, { name: "stop", size: 15 }) }) : null,
-        /* @__PURE__ */ jsx2("button", { class: "scui-send", type: "button", "aria-label": queuesNewMessage ? "Queue message" : "Send message", disabled: !draft.trim() || !queuesNewMessage && !state.canSend, onClick: send, children: /* @__PURE__ */ jsx2(UiIcon, { name: queuesNewMessage ? "plus" : "send", size: 17 }) })
+      /* @__PURE__ */ jsxs3("span", { children: [
+        state.busy ? /* @__PURE__ */ jsx3("button", { class: "scui-stop", type: "button", "aria-label": "Stop agent", disabled: !state.canInterrupt, onClick: () => adapter.onIntent({ action: "interrupt" }), children: /* @__PURE__ */ jsx3(UiIcon, { name: "stop", size: 15 }) }) : null,
+        /* @__PURE__ */ jsx3("button", { class: "scui-send", type: "button", "aria-label": queuesNewMessage ? "Queue message" : "Send message", disabled: !draft.trim() || !queuesNewMessage && !state.canSend, onClick: send, children: /* @__PURE__ */ jsx3(UiIcon, { name: queuesNewMessage ? "plus" : "send", size: 17 }) })
       ] })
     ] })
   ] });

package/controller.mjs

@@ -141,6 +141,11 @@ function projectConversationEntry(entry, maxEntryChars) {
     };
     projected.presentation = createToolPresentation({
       ...projected,
+      // Presentation is a small semantic projection, so derive it before the raw native
+      // envelope is bounded for transport. Large Agent prompts and patches routinely exceed the
+      // widget cap; parsing the truncated JSON made their useful description/path disappear.
+      arguments: (entry.arguments ?? '').trim(),
+      resultText: (entry.resultText ?? '').trim(),
       resultContent: entry.resultContent,
       metadata: entry.metadata,
     });
@@ -371,10 +376,10 @@ async function dispatchStandard(controller, intent, options) {
   const active = snapshot.activeSessionKey;
   if (intent.action === 'mounted') return;
   if (intent.action === 'attach') return controller.dispatch({ type: 'observe', sessionKey: intent.key });
-  if (intent.action === 'send') return controller.dispatch({ type: 'send', text: intent.text });
+  if (intent.action === 'send') return controller.dispatch({ type: 'send', text: intent.text, ...(intent.context?.length ? { context: intent.context } : {}) });
   if (intent.action === 'new') {
     await controller.dispatch({ type: 'start', harness: intent.harness });
-    return controller.dispatch({ type: 'send', text: intent.text });
+    return controller.dispatch({ type: 'send', text: intent.text, ...(intent.context?.length ? { context: intent.context } : {}) });
   }
   if (intent.action === 'resume' && active) return controller.dispatch({ type: 'resume', sessionKey: active });
   if (intent.action === 'join' && active) return controller.dispatch({ type: 'attach', sessionKey: active });

package/conversation.mjs

@@ -102,6 +102,12 @@ function sourceString(source, keys) {
   const match = new RegExp(`(?:^|[,{\\s])["']?(?:${names})["']?\\s*:\\s*("(?:\\\\.|[^"\\\\])*"|'(?:\\\\.|[^'\\\\])*'|\`(?:\\\\.|[^\`\\\\])*\`)`).exec(source);
   return decodedLiteral(match?.[1]);
 }
+function assignedString(source, keys) {
+  if (!source) return "";
+  const names = keys.join("|");
+  const match = new RegExp(`\\b(?:${names})\\s*=\\s*("(?:\\\\.|[^"\\\\])*"|'(?:\\\\.|[^'\\\\])*'|\`(?:\\\\.|[^\`\\\\])*\`)`).exec(source);
+  return decodedLiteral(match?.[1]);
+}
 function callArgumentSource(source, open) {
   let depth = 1;
   let quote = "";
@@ -243,6 +249,13 @@ function planItems(args) {
     return [{ label: boundedString(label, 300), status: firstString(value, ["status"]) }];
   }).slice(0, 12);
 }
+function agentItems(name, resultText) {
+  if (!/list.?agents/i.test(name)) return [];
+  return (resultText ?? "").split("\n").flatMap((line) => {
+    const parts = line.trim().split(/\s+·\s+/).filter(Boolean);
+    return parts.length > 1 ? [{ label: boundedString(parts[0], 120), status: boundedString(parts.slice(1).join(" \xB7 "), 180) }] : [];
+  }).slice(0, 12);
+}
 function editPreview(args, resultText, source) {
   const direct = firstString(args, ["patch", "diff"]);
   if (direct) return direct;
@@ -260,7 +273,19 @@ function editPreview(args, resultText, source) {
 }
 function toolResultEnvelope(resultText) {
   const match = /^Script (?:completed|failed)\r?\nWall time ([0-9.]+) seconds\r?\nOutput:\r?\n([\s\S]*)$/.exec(resultText ?? "");
-  if (!match) return { preview: resultText ?? "", value: null, durationMs: null };
+  if (!match) {
+    try {
+      const value = JSON.parse(resultText ?? "");
+      const object = record(value);
+      return {
+        preview: typeof value === "string" ? value : firstString(object, ["output", "message", "text", "summary", "result"]) || resultText || "",
+        value: object,
+        durationMs: null
+      };
+    } catch {
+      return { preview: resultText ?? "", value: null, durationMs: null };
+    }
+  }
   const durationMs = Number(match[1]) * 1e3;
   try {
     const value = record(JSON.parse(match[2]));
@@ -273,6 +298,15 @@ function toolResultEnvelope(resultText) {
     return { preview: match[2], value: null, durationMs: Number.isFinite(durationMs) ? durationMs : null };
   }
 }
+function semanticAgentPreview(name, status, outcome) {
+  const normalized = name.toLocaleLowerCase();
+  if (status === "error") return outcome.preview;
+  if (/^(?:agent|task)$|spawn.?agent/.test(normalized) && outcome.preview) return "Agent is working in the background.";
+  if (/send.?message|followup.?task/.test(normalized) && outcome.preview) {
+    return /resumed from transcript|resumedAgentId/i.test(outcome.preview) ? "Agent resumed in the background." : "Message delivered.";
+  }
+  return outcome.preview;
+}
 function verificationCommand(command) {
   let shell = "";
   let quote = "";
@@ -305,12 +339,13 @@ function verificationCommand(command) {
 function classifyTool(name, command) {
   const normalized = name.toLocaleLowerCase();
   if (/write_stdin|^wait$/.test(normalized)) return "command";
-  if (/update.?plan|todo|checklist|taskcreate|taskupdate/.test(normalized)) return "plan";
+  if (/update.?plan|todo|checklist|taskcreate|taskupdate|create.?goal|update.?goal/.test(normalized)) return "plan";
   if (/search.?replace|edit|write|patch|replace|create_file|apply_patch/.test(normalized)) return "edit";
   if (/read|view|open_file|list_dir/.test(normalized)) return "read";
+  if (/web.?search|web.?fetch|fetch.?url/.test(normalized)) return "web";
   if (/search|find|grep|glob|toolsearch/.test(normalized)) return "search";
   if (/browser|web|fetch|url/.test(normalized)) return "web";
-  if (/agent|subagent|sendmessage|delegate|^task$/.test(normalized)) return "agent";
+  if (/agent|subagent|send.?message|delegate|followup.?task|taskstop|taskoutput|^task$/.test(normalized)) return "agent";
   if (/test|typecheck|lint|build/.test(normalized)) return "test";
   if (/terminal|bash|shell|command|exec|write_stdin|^wait$/.test(normalized)) return verificationCommand(command) ? "test" : "command";
   return "other";
@@ -319,9 +354,17 @@ function toolAction(status, category, name, tools) {
   const position = status === "pending" ? 0 : status === "error" ? 2 : 1;
   if (tools.length > 1) return [`Running ${tools.length} actions`, `Ran ${tools.length} actions`, `${tools.length} actions failed`][position];
   const normalized = name.toLocaleLowerCase();
-  if (/sendmessage/.test(normalized)) return ["Messaging agent", "Messaged agent", "Agent message failed"][position];
-  if (/kill_command_or_subagent/.test(normalized)) return ["Stopping", "Stopped", "Stop failed"][position];
+  if (/send.?message|followup.?task/.test(normalized)) return ["Messaging agent", "Messaged agent", "Agent message failed"][position];
+  if (/taskstop|interrupt.?agent|kill_command_or_subagent/.test(normalized)) return ["Stopping agent", "Stopped agent", "Stop failed"][position];
+  if (/list.?agents|taskoutput|wait.?agent/.test(normalized)) return ["Checking agents", "Checked agents", "Agent check failed"][position];
   if (/get_command_or_subagent_output|write_stdin|^wait$/.test(normalized)) return ["Waiting for", "Checked", "Check failed"][position];
+  if (/web.?search/.test(normalized)) return ["Searching web", "Searched web", "Web search failed"][position];
+  if (/web.?fetch|fetch.?url/.test(normalized)) return ["Fetching page", "Fetched page", "Page fetch failed"][position];
+  if (/^skill$|use.?skill|load.?skill/.test(normalized)) return ["Loading skill", "Loaded skill", "Skill load failed"][position];
+  if (/taskcreate/.test(normalized)) return ["Adding task", "Added task", "Task creation failed"][position];
+  if (/taskupdate/.test(normalized)) return ["Updating task", "Updated task", "Task update failed"][position];
+  if (/create.?goal/.test(normalized)) return ["Creating goal", "Created goal", "Goal creation failed"][position];
+  if (/update.?goal/.test(normalized)) return ["Updating goal", "Updated goal", "Goal update failed"][position];
   const actions = {
     read: ["Reading", "Read", "Read failed"],
     search: ["Searching", "Searched", "Search failed"],
@@ -338,18 +381,21 @@ function createToolPresentation(entry) {
   const envelope = toolEnvelope(entry);
   const args = envelope.args;
   const outcome = toolResultEnvelope(entry.resultText);
+  const patchSource = assignedString(envelope.source, ["patch"]) || envelope.source;
   const command = firstString(args, ["command", "cmd"]) || sourceString(envelope.callSource, ["command", "cmd"]);
   const category = classifyTool(envelope.name, command || envelope.source || entry.arguments || "");
-  const path = firstString(args, ["file_path", "target_file", "target_directory", "path"]) || sourceString(envelope.callSource, ["file_path", "target_file", "target_directory", "path"]) || patchPath(envelope.source);
+  const path = firstString(args, ["file_path", "target_file", "target_directory", "path"]) || sourceString(envelope.callSource, ["file_path", "target_file", "target_directory", "path"]) || patchPath(patchSource);
   const query = firstString(args, ["query", "pattern"]) || sourceString(envelope.callSource, ["query", "pattern", "q"]);
   const url = firstString(args, ["url"]) || sourceString(envelope.callSource, ["url", "ref_id"]);
-  const subject = firstString(args, ["subject", "description", "summary", "task", "prompt"]) || sourceString(envelope.callSource, ["subject", "description", "summary", "task", "prompt"]);
+  const subject = firstString(args, ["subject", "description", "summary", "task", "objective", "prompt"]) || sourceString(envelope.callSource, ["subject", "description", "summary", "task", "objective", "prompt"]);
+  const agentTarget = category === "agent" ? firstString(record(outcome.value), ["command", "name"]) || firstString(args, ["target", "task_name", "taskId", "task_id", "agentId", "agent_id", "resume", "team_name"]) || sourceString(envelope.callSource, ["target", "task_name", "taskId", "task_id", "agentId", "agent_id", "resume", "team_name"]) : "";
+  const skillTarget = /^skill$|use.?skill|load.?skill/i.test(envelope.name) ? firstString(args, ["skill", "name"]) || sourceString(envelope.callSource, ["skill", "name"]) : "";
   const background = /get_command_or_subagent_output|kill_command_or_subagent/i.test(envelope.name) ? "background task" : /write_stdin|^wait$/i.test(envelope.name) ? "background command" : "";
-  const items = planItems(args);
+  const items = category === "agent" ? agentItems(envelope.name, outcome.preview) : planItems(args);
   const taskId = firstString(args, ["taskId", "task_id"]);
   const planTarget = category === "plan" ? items.length ? `${items.length} ${items.length === 1 ? "item" : "items"}` : taskId ? `task ${taskId}` : "" : "";
-  const target = path || command || query || url || subject || background || planTarget || (envelope.tools.length > 1 ? `${envelope.tools.length} coordinated actions` : toolTarget(entry.arguments));
-  const previewSource = category === "edit" ? editPreview(args, outcome.preview, envelope.source) : outcome.preview;
+  const target = path || command || query || url || subject || agentTarget || skillTarget || background || planTarget || (envelope.tools.length > 1 ? `${envelope.tools.length} coordinated actions` : toolTarget(entry.arguments));
+  const previewSource = category === "edit" ? editPreview(args, outcome.preview, patchSource) : category === "agent" ? semanticAgentPreview(envelope.name, entry.status ?? "completed", outcome) : outcome.preview;
   const result = record(entry.resultContent);
   const metadata = record(entry.metadata);
   const resultMetadata = record(result?.metadata);
@@ -529,6 +575,7 @@ function boundedSet(map, key, value) {
 // src/icon.jsx
 import { Fragment, jsx as jsx2, jsxs } from "preact/jsx-runtime";
 var ICONS = {
+  attach: () => /* @__PURE__ */ jsx2("path", { d: "M6.25 9.75 10.6 5.4a2.1 2.1 0 0 1 2.97 2.97l-5.4 5.4a3.3 3.3 0 0 1-4.67-4.66l5.52-5.52" }),
   back: () => /* @__PURE__ */ jsx2("path", { d: "m11.5 4.5-4.5 4.5 4.5 4.5" }),
   check: () => /* @__PURE__ */ jsx2("path", { d: "m4 9 3.25 3.25L14 5.5" }),
   chevron: () => /* @__PURE__ */ jsx2("path", { d: "m7 4.5 4.5 4.5L7 13.5" }),
@@ -799,7 +846,10 @@ function ToolPreview({ presentation, entry }) {
     presentation.url ? /* @__PURE__ */ jsx3("code", { children: presentation.url }) : null,
     presentation.preview ? /* @__PURE__ */ jsx3("p", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx3("small", { children: pending ? "Waiting for the page" : "No page summary returned" })
   ] });
-  if (presentation.detail === "agent") return /* @__PURE__ */ jsx3("section", { class: "scui-agent-preview", children: presentation.preview ? /* @__PURE__ */ jsx3("pre", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx3("small", { children: pending ? "Agent is working" : "No textual handoff returned" }) });
+  if (presentation.detail === "agent") return /* @__PURE__ */ jsx3("section", { class: "scui-agent-preview", children: presentation.items?.length ? /* @__PURE__ */ jsx3("ol", { class: "scui-agent-roster", children: presentation.items.map((item, index) => /* @__PURE__ */ jsxs2("li", { children: [
+    /* @__PURE__ */ jsx3("strong", { children: item.label }),
+    /* @__PURE__ */ jsx3("small", { children: item.status })
+  ] }, `${item.label}:${index}`)) }) : presentation.preview ? /* @__PURE__ */ jsx3("pre", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx3("small", { children: pending ? "Agent is working" : "No textual handoff returned" }) });
   if (presentation.detail === "plan") return /* @__PURE__ */ jsx3("ol", { class: "scui-plan-preview", children: presentation.items?.map((item, index) => /* @__PURE__ */ jsxs2("li", { "data-status": item.status, children: [
     /* @__PURE__ */ jsx3("i", { "aria-hidden": "true" }),
     /* @__PURE__ */ jsx3("span", { children: item.label })
@@ -1017,18 +1067,23 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
     const element = scroller.current;
     if (!element) return;
     const anchor = earlierAnchor.current;
-    if (anchor && state.transcript.length > anchor.entries) {
-      element.scrollTop = anchor.top + (element.scrollHeight - anchor.height);
-      earlierAnchor.current = null;
-      remember({ top: element.scrollTop, atBottom: false });
-      return;
+    if (anchor) {
+      if (state.operation === "loadEarlier") anchor.seenOperation = true;
+      const prepended = state.transcript.length > anchor.entries && state.transcript[0]?.id !== anchor.firstId;
+      if (prepended) {
+        element.scrollTop = anchor.top + (element.scrollHeight - anchor.height);
+        earlierAnchor.current = null;
+        remember({ top: element.scrollTop, atBottom: false });
+        return;
+      }
+      if (state.error || anchor.seenOperation && state.operation !== "loadEarlier") earlierAnchor.current = null;
     }
     if (!restored.current) {
       restored.current = true;
       if (remembered.top !== null && !remembered.atBottom) element.scrollTop = remembered.top;
       else pin();
     } else if (atBottom) pin();
-  }, [memoryKey, state.transcript, state.busy, state.operation, pendingMessage?.text, pendingMessage?.status]);
+  }, [memoryKey, state.transcript, state.busy, state.operation, state.error, pendingMessage?.text, pendingMessage?.status]);
   return /* @__PURE__ */ jsxs2("div", { class: "scui-conversation-wrap", children: [
     /* @__PURE__ */ jsx3(ConversationAnnouncements, { state }),
     /* @__PURE__ */ jsx3("div", { class: "scui-conversation", ref: scroller, tabIndex: 0, "aria-label": "Conversation", onScroll: (event) => {
@@ -1042,7 +1097,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       /* @__PURE__ */ jsx3(SessionDetails, { semantics: state.semantics }),
       state.history.hasEarlier ? /* @__PURE__ */ jsx3("button", { class: "scui-load", type: "button", disabled: Boolean(state.operation), onClick: () => {
         const element = scroller.current;
-        if (element) earlierAnchor.current = { height: element.scrollHeight, top: element.scrollTop, entries: state.transcript.length };
+        if (element) earlierAnchor.current = { height: element.scrollHeight, top: element.scrollTop, entries: state.transcript.length, firstId: state.transcript[0]?.id, seenOperation: false };
         setAtBottom(false);
         adapter.onIntent({ action: "loadEarlier" });
       }, children: "Load earlier messages" }) : null,
@@ -1054,6 +1109,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       ] }, block.id)),
       pendingMessage ? /* @__PURE__ */ jsxs2("article", { class: "scui-message scui-pending", "data-role": "user", "data-status": pendingMessage.status, "aria-label": "Your pending message", children: [
         /* @__PURE__ */ jsx3(Markdown, { value: pendingMessage.text, copyText: adapter?.copyText }),
+        /* @__PURE__ */ jsx3(ContextDisclosure, { context: pendingMessage.context }),
         /* @__PURE__ */ jsxs2("footer", { children: [
           /* @__PURE__ */ jsx3("small", { children: pendingMessage.status === "failed" ? "Not sent" : "Sending\u2026" }),
           pendingMessage.status === "failed" ? /* @__PURE__ */ jsxs2("span", { children: [

package/core.mjs

@@ -131,6 +131,13 @@ function sourceString(source, keys) {
   return decodedLiteral(match?.[1]);
 }
 
+function assignedString(source, keys) {
+  if (!source) return '';
+  const names = keys.join('|');
+  const match = new RegExp(`\\b(?:${names})\\s*=\\s*(\"(?:\\\\.|[^\"\\\\])*\"|'(?:\\\\.|[^'\\\\])*'|\`(?:\\\\.|[^\`\\\\])*\`)`).exec(source);
+  return decodedLiteral(match?.[1]);
+}
+
 function callArgumentSource(source, open) {
   let depth = 1;
   let quote = '';
@@ -243,6 +250,14 @@ function planItems(args) {
   }).slice(0, 12);
 }
 
+function agentItems(name, resultText) {
+  if (!/list.?agents/i.test(name)) return [];
+  return (resultText ?? '').split('\n').flatMap((line) => {
+    const parts = line.trim().split(/\s+·\s+/).filter(Boolean);
+    return parts.length > 1 ? [{ label: boundedString(parts[0], 120), status: boundedString(parts.slice(1).join(' · '), 180) }] : [];
+  }).slice(0, 12);
+}
+
 function editPreview(args, resultText, source) {
   const direct = firstString(args, ['patch', 'diff']);
   if (direct) return direct;
@@ -261,7 +276,19 @@ function editPreview(args, resultText, source) {
 
 function toolResultEnvelope(resultText) {
   const match = /^Script (?:completed|failed)\r?\nWall time ([0-9.]+) seconds\r?\nOutput:\r?\n([\s\S]*)$/.exec(resultText ?? '');
-  if (!match) return { preview: resultText ?? '', value: null, durationMs: null };
+  if (!match) {
+    try {
+      const value = JSON.parse(resultText ?? '');
+      const object = record(value);
+      return {
+        preview: typeof value === 'string' ? value : firstString(object, ['output', 'message', 'text', 'summary', 'result']) || resultText || '',
+        value: object,
+        durationMs: null,
+      };
+    } catch {
+      return { preview: resultText ?? '', value: null, durationMs: null };
+    }
+  }
   const durationMs = Number(match[1]) * 1_000;
   try {
     const value = record(JSON.parse(match[2]));
@@ -275,6 +302,16 @@ function toolResultEnvelope(resultText) {
   }
 }
 
+function semanticAgentPreview(name, status, outcome) {
+  const normalized = name.toLocaleLowerCase();
+  if (status === 'error') return outcome.preview;
+  if (/^(?:agent|task)$|spawn.?agent/.test(normalized) && outcome.preview) return 'Agent is working in the background.';
+  if (/send.?message|followup.?task/.test(normalized) && outcome.preview) {
+    return /resumed from transcript|resumedAgentId/i.test(outcome.preview) ? 'Agent resumed in the background.' : 'Message delivered.';
+  }
+  return outcome.preview;
+}
+
 function verificationCommand(command) {
   let shell = '';
   let quote = '';
@@ -292,12 +329,13 @@ function verificationCommand(command) {
 function classifyTool(name, command) {
   const normalized = name.toLocaleLowerCase();
   if (/write_stdin|^wait$/.test(normalized)) return 'command';
-  if (/update.?plan|todo|checklist|taskcreate|taskupdate/.test(normalized)) return 'plan';
+  if (/update.?plan|todo|checklist|taskcreate|taskupdate|create.?goal|update.?goal/.test(normalized)) return 'plan';
   if (/search.?replace|edit|write|patch|replace|create_file|apply_patch/.test(normalized)) return 'edit';
   if (/read|view|open_file|list_dir/.test(normalized)) return 'read';
+  if (/web.?search|web.?fetch|fetch.?url/.test(normalized)) return 'web';
   if (/search|find|grep|glob|toolsearch/.test(normalized)) return 'search';
   if (/browser|web|fetch|url/.test(normalized)) return 'web';
-  if (/agent|subagent|sendmessage|delegate|^task$/.test(normalized)) return 'agent';
+  if (/agent|subagent|send.?message|delegate|followup.?task|taskstop|taskoutput|^task$/.test(normalized)) return 'agent';
   if (/test|typecheck|lint|build/.test(normalized)) return 'test';
   if (/terminal|bash|shell|command|exec|write_stdin|^wait$/.test(normalized)) return verificationCommand(command) ? 'test' : 'command';
   return 'other';
@@ -307,9 +345,17 @@ function toolAction(status, category, name, tools) {
   const position = status === 'pending' ? 0 : status === 'error' ? 2 : 1;
   if (tools.length > 1) return [`Running ${tools.length} actions`, `Ran ${tools.length} actions`, `${tools.length} actions failed`][position];
   const normalized = name.toLocaleLowerCase();
-  if (/sendmessage/.test(normalized)) return ['Messaging agent', 'Messaged agent', 'Agent message failed'][position];
-  if (/kill_command_or_subagent/.test(normalized)) return ['Stopping', 'Stopped', 'Stop failed'][position];
+  if (/send.?message|followup.?task/.test(normalized)) return ['Messaging agent', 'Messaged agent', 'Agent message failed'][position];
+  if (/taskstop|interrupt.?agent|kill_command_or_subagent/.test(normalized)) return ['Stopping agent', 'Stopped agent', 'Stop failed'][position];
+  if (/list.?agents|taskoutput|wait.?agent/.test(normalized)) return ['Checking agents', 'Checked agents', 'Agent check failed'][position];
   if (/get_command_or_subagent_output|write_stdin|^wait$/.test(normalized)) return ['Waiting for', 'Checked', 'Check failed'][position];
+  if (/web.?search/.test(normalized)) return ['Searching web', 'Searched web', 'Web search failed'][position];
+  if (/web.?fetch|fetch.?url/.test(normalized)) return ['Fetching page', 'Fetched page', 'Page fetch failed'][position];
+  if (/^skill$|use.?skill|load.?skill/.test(normalized)) return ['Loading skill', 'Loaded skill', 'Skill load failed'][position];
+  if (/taskcreate/.test(normalized)) return ['Adding task', 'Added task', 'Task creation failed'][position];
+  if (/taskupdate/.test(normalized)) return ['Updating task', 'Updated task', 'Task update failed'][position];
+  if (/create.?goal/.test(normalized)) return ['Creating goal', 'Created goal', 'Goal creation failed'][position];
+  if (/update.?goal/.test(normalized)) return ['Updating goal', 'Updated goal', 'Goal update failed'][position];
   const actions = {
     read: ['Reading', 'Read', 'Read failed'],
     search: ['Searching', 'Searched', 'Search failed'],
@@ -327,18 +373,25 @@ export function createToolPresentation(entry) {
   const envelope = toolEnvelope(entry);
   const args = envelope.args;
   const outcome = toolResultEnvelope(entry.resultText);
+  const patchSource = assignedString(envelope.source, ['patch']) || envelope.source;
   const command = firstString(args, ['command', 'cmd']) || sourceString(envelope.callSource, ['command', 'cmd']);
   const category = classifyTool(envelope.name, command || envelope.source || entry.arguments || '');
-  const path = firstString(args, ['file_path', 'target_file', 'target_directory', 'path']) || sourceString(envelope.callSource, ['file_path', 'target_file', 'target_directory', 'path']) || patchPath(envelope.source);
+  const path = firstString(args, ['file_path', 'target_file', 'target_directory', 'path']) || sourceString(envelope.callSource, ['file_path', 'target_file', 'target_directory', 'path']) || patchPath(patchSource);
   const query = firstString(args, ['query', 'pattern']) || sourceString(envelope.callSource, ['query', 'pattern', 'q']);
   const url = firstString(args, ['url']) || sourceString(envelope.callSource, ['url', 'ref_id']);
-  const subject = firstString(args, ['subject', 'description', 'summary', 'task', 'prompt']) || sourceString(envelope.callSource, ['subject', 'description', 'summary', 'task', 'prompt']);
+  const subject = firstString(args, ['subject', 'description', 'summary', 'task', 'objective', 'prompt']) || sourceString(envelope.callSource, ['subject', 'description', 'summary', 'task', 'objective', 'prompt']);
+  const agentTarget = category === 'agent'
+    ? firstString(record(outcome.value), ['command', 'name']) || firstString(args, ['target', 'task_name', 'taskId', 'task_id', 'agentId', 'agent_id', 'resume', 'team_name']) || sourceString(envelope.callSource, ['target', 'task_name', 'taskId', 'task_id', 'agentId', 'agent_id', 'resume', 'team_name'])
+    : '';
+  const skillTarget = /^skill$|use.?skill|load.?skill/i.test(envelope.name)
+    ? firstString(args, ['skill', 'name']) || sourceString(envelope.callSource, ['skill', 'name'])
+    : '';
   const background = /get_command_or_subagent_output|kill_command_or_subagent/i.test(envelope.name) ? 'background task' : /write_stdin|^wait$/i.test(envelope.name) ? 'background command' : '';
-  const items = planItems(args);
+  const items = category === 'agent' ? agentItems(envelope.name, outcome.preview) : planItems(args);
   const taskId = firstString(args, ['taskId', 'task_id']);
   const planTarget = category === 'plan' ? items.length ? `${items.length} ${items.length === 1 ? 'item' : 'items'}` : taskId ? `task ${taskId}` : '' : '';
-  const target = path || command || query || url || subject || background || planTarget || (envelope.tools.length > 1 ? `${envelope.tools.length} coordinated actions` : toolTarget(entry.arguments));
-  const previewSource = category === 'edit' ? editPreview(args, outcome.preview, envelope.source) : outcome.preview;
+  const target = path || command || query || url || subject || agentTarget || skillTarget || background || planTarget || (envelope.tools.length > 1 ? `${envelope.tools.length} coordinated actions` : toolTarget(entry.arguments));
+  const previewSource = category === 'edit' ? editPreview(args, outcome.preview, patchSource) : category === 'agent' ? semanticAgentPreview(envelope.name, entry.status ?? 'completed', outcome) : outcome.preview;
   const result = record(entry.resultContent);
   const metadata = record(entry.metadata);
   const resultMetadata = record(result?.metadata);
@@ -668,7 +721,7 @@ export function sessionActivity(state, row) {
 export function filterSessions(rows, query) {
   const needle = query.trim().toLocaleLowerCase();
   if (!needle) return [...rows];
-  return rows.filter((row) => [row.name, row.title, row.cwd, row.harness, harnessDisplayName(row.harness)].some((value) => value.toLocaleLowerCase().includes(needle)));
+  return rows.filter((row) => [row.name, row.title, row.preview, row.cwd, row.harness, harnessDisplayName(row.harness)].some((value) => typeof value === 'string' && value.toLocaleLowerCase().includes(needle)));
 }
 
 export function groupConversation(entries) {