@yieldfabric/terminal 1.0.0 → 1.1.0

package/dist/index.js

@@ -1,8 +1,15 @@
 "use client";
-import React12, { createContext, memo, useMemo, useRef, useEffect, useCallback, useContext, useState, useReducer } from 'react';
+/*!
+ * Copyright (c) 2026 YieldFabric Technologies Ltd, DIFC, UAE.
+ * All rights reserved. Proprietary and confidential.
+ * Source review requires written authorization; see package LICENSE.md and NOTICE.md.
+ * Runtime use requires a separate express license.
+ */
+import React15, { createContext, memo, useMemo, useRef, useEffect, useCallback, useContext, useState, useReducer } from 'react';
 import { X, Check, Plus, FileText, MessageCircle, ChevronRight, Paperclip, FolderOpen, Brain, XCircle, Loader2, Minimize2, Maximize2, AlertTriangle, HelpCircle, ChevronLeft, Pencil, ChevronDown, ExternalLink, Search, Network, Boxes, Settings, Terminal, CheckCircle, ArrowRight, Users, Eye, AlertCircle, CheckCircle2, Copy, Zap, Download, Trash2, Link2 } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
 import { createAvatar } from '@dicebear/core';
 import { avataaars } from '@dicebear/collection';
 import { motion } from 'framer-motion';
@@ -68,6 +75,7 @@ var BUILT_IN_COMMANDS = [
   { id: "files", label: "/files", description: "List uploaded files for this page working group", category: "built-in" },
   { id: "ask", label: "/ask", description: "Ask the AI assistant for analysis (streaming)", category: "built-in" },
   { id: "note", label: "/note", description: "Save a free-form note in this workspace. Type @name to link an entity.", category: "built-in" },
+  { id: "log", label: "/log", description: "Capture what you did or decided as a work item on this workspace\u2019s board.", category: "built-in" },
   { id: "personal", label: "/personal", description: "Save a free-form note in your personal notebook (visible only to you, even from a team workspace).", category: "built-in" }
 ];
 function getBuiltInCommands() {
@@ -89,23 +97,45 @@ function processStreamLines(buffer, onJsonLine) {
   for (const line of lines) {
     const trimmed = line.trim();
     if (!trimmed) continue;
-    if (trimmed.startsWith("data: ")) {
-      const jsonStr = trimmed.substring(6);
+    if (trimmed.startsWith("data:")) {
+      const jsonStr = trimmed.substring(5).trimStart();
+      let parsed2;
       try {
-        onJsonLine(JSON.parse(jsonStr));
+        parsed2 = JSON.parse(jsonStr);
       } catch {
+        continue;
       }
+      onJsonLine(parsed2);
       continue;
     }
     if (trimmed.startsWith(":")) continue;
+    let parsed;
     try {
-      onJsonLine(JSON.parse(trimmed));
+      parsed = JSON.parse(trimmed);
     } catch {
+      continue;
     }
+    onJsonLine(parsed);
   }
   return remainder;
 }
 
+// src/utils/streamStall.ts
+var SSE_KEEPALIVE_MS = 15e3;
+var SSE_STALL_MS = SSE_KEEPALIVE_MS * 3;
+async function withStallTimeout(work, ms = SSE_STALL_MS, sleep = (d) => new Promise((wake) => setTimeout(wake, d))) {
+  let done = false;
+  const settled = work.then((value) => {
+    done = true;
+    return value;
+  });
+  const stalled = sleep(ms).then(() => {
+    if (!done) throw new Error("the connection went quiet");
+    return void 0;
+  });
+  return Promise.race([settled, stalled]);
+}
+
 // src/utils/streamingHandler.ts
 async function handleStreamingResponse(url, requestBody, onChunk, onComplete, onError) {
   try {
@@ -147,6 +177,14 @@ async function handleStreamingResponse(url, requestBody, onChunk, onComplete, on
 var handleSSEStream = async (url, body, onChunk, onComplete, onError, options) => {
   const signal = options?.signal;
   const method = options?.method || "POST";
+  const stallMs = options?.stallMs ?? SSE_STALL_MS;
+  const stallAbort = new AbortController();
+  const abortFromCaller = () => stallAbort.abort();
+  let reader;
+  if (signal) {
+    if (signal.aborted) stallAbort.abort();
+    else signal.addEventListener("abort", abortFromCaller, { once: true });
+  }
   try {
     const requestHeaders = {
       Accept: "text/event-stream",
@@ -159,7 +197,7 @@ var handleSSEStream = async (url, body, onChunk, onComplete, onError, options) =
       headers: requestHeaders,
       body: method === "GET" || method === "HEAD" ? void 0 : JSON.stringify(body),
       cache: "no-store",
-      signal
+      signal: stallAbort.signal
     });
     if (response.status === 410 && options?.onGone) {
       options.onGone(await response.text());
@@ -169,19 +207,32 @@ var handleSSEStream = async (url, body, onChunk, onComplete, onError, options) =
       const errorText = await response.text();
       throw new Error(`HTTP ${response.status}: ${errorText}`);
     }
-    const reader = response.body?.getReader();
+    reader = response.body?.getReader();
     if (!reader) {
       throw new Error("No response body reader available");
     }
     const decoder = new TextDecoder();
     let buffer = "";
     let receivedData = false;
+    let finalSeen = false;
+    let failed = false;
+    const dispatch = (chunk) => {
+      if (failed) return;
+      if (chunk.error) {
+        failed = true;
+        onError(typeof chunk.error === "string" ? chunk.error : "The assistant could not finish this answer.");
+        return;
+      }
+      if (chunk.is_final === true) finalSeen = true;
+      onChunk(chunk);
+    };
     while (true) {
       let readResult;
       try {
-        readResult = await reader.read();
+        readResult = stallMs > 0 ? await withStallTimeout(reader.read(), stallMs) : await reader.read();
       } catch (readError) {
         if (signal?.aborted) return;
+        stallAbort.abort();
         console.warn(
           "SSE reader error (connection may have been interrupted):",
           readError.message
@@ -195,16 +246,31 @@ var handleSSEStream = async (url, body, onChunk, onComplete, onError, options) =
       }
       const { done, value } = readResult;
       if (done) {
-        onComplete();
+        buffer += decoder.decode();
+        if (buffer.trim()) processStreamLines(buffer + "\n", dispatch);
+        if (failed) return;
+        if ((options?.requireFinal ?? true) && !finalSeen) {
+          onError("Connection interrupted before the answer was complete. The assistant may still be working.");
+        } else onComplete();
         break;
       }
       buffer += decoder.decode(value, { stream: true });
       receivedData = true;
-      buffer = processStreamLines(buffer, onChunk);
+      buffer = processStreamLines(buffer, dispatch);
+      if (failed) return;
     }
   } catch (error) {
     if (signal?.aborted) return;
     onError(error.message || "Streaming error");
+  } finally {
+    signal?.removeEventListener("abort", abortFromCaller);
+    if (reader) {
+      try {
+        await reader.cancel();
+      } catch {
+      }
+      reader.releaseLock();
+    }
   }
 };
 
@@ -850,7 +916,7 @@ function ScopedReasoningProvider({
     () => ({ hasOwnedKgId }),
     [hasOwnedKgId]
   );
-  return React12.createElement(
+  return React15.createElement(
     ScopedReasoningContext.Provider,
     { value },
     children
@@ -1079,12 +1145,13 @@ function ShareButton({ content, title }) {
     "button",
     {
       onClick: handleShare,
-      className: "p-1 rounded-md transition-all duration-200 hover:scale-110",
+      className: "inline-flex h-6 w-6 items-center justify-center rounded-md transition-all duration-200 hover:scale-110",
       style: {
         backgroundColor: done ? "rgba(74,222,128,0.15)" : t.bgRaisedHover,
         color: done ? t.success : t.textMuted
       },
       title: state === "copied" ? "Copied!" : state === "shared" ? "Shared!" : "Share",
+      "aria-label": state === "copied" ? "Link copied" : state === "shared" ? "Shared" : "Share message",
       children: done ? /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M5 12l5 5L20 7" }) }) : /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
         /* @__PURE__ */ jsx("path", { d: "M4 12v7a2 2 0 002 2h12a2 2 0 002-2v-7" }),
         /* @__PURE__ */ jsx("polyline", { points: "16 6 12 2 8 6" }),
@@ -1093,11 +1160,30 @@ function ShareButton({ content, title }) {
     }
   );
 }
+
+// src/utils/stripInternalIds.ts
+var UUID = "[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}";
+var PREFIXED = `(?:KG|DOC|FRAME|SET|NODE|CHUNK):${UUID}`;
+var WRAP = "[*_`]*";
+var PAREN_PREFIXED = new RegExp(`\\s*\\(\\s*${WRAP}${PREFIXED}${WRAP}\\s*\\)`, "g");
+var PAREN_BARE = new RegExp(`\\s*\\(\\s*${WRAP}${UUID}${WRAP}\\s*\\)`, "g");
+var BARE_PREFIXED = new RegExp(`${WRAP}${PREFIXED}${WRAP}`, "g");
+var ID_PHRASE = new RegExp(
+  `\\s*(?:\\(\\s*)?(?:for\\s+|with\\s+)?(?:suggestion|proposal|item|thread|entity|message|document)\\s+id[:\\s]+${WRAP}${UUID}${WRAP}(?:\\s*\\))?`,
+  "gi"
+);
+var BARE_UUID = new RegExp(`${WRAP}${UUID}${WRAP}`, "g");
+function stripInternalIds(text) {
+  if (!text || !/(?:KG|DOC|FRAME|SET|NODE|CHUNK):|-[0-9a-fA-F]{4}-/.test(text)) return text;
+  return text.split(/(```[\s\S]*?```)/g).map(
+    (part) => part.startsWith("```") ? part : part.replace(PAREN_PREFIXED, "").replace(PAREN_BARE, "").replace(BARE_PREFIXED, "").replace(ID_PHRASE, "").replace(BARE_UUID, "").replace(/[ \t]+([,.;:)])/g, "$1").replace(/([^\n ]) {2,}(?=\S)/g, "$1 ")
+  ).join("");
+}
 function TimestampRenderer({ timestamp }) {
   const t = useTheme();
   const [timeString, setTimeString] = useState("");
   useEffect(() => {
-    setTimeString(timestamp.toLocaleTimeString());
+    setTimeString(timestamp.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }));
   }, [timestamp]);
   return /* @__PURE__ */ jsx("div", { className: "text-xs ml-6 mt-1", style: { color: t.textMuted }, children: timeString });
 }
@@ -1118,20 +1204,20 @@ async function gql(url, token, query, variables) {
   return res.json();
 }
 function InteractiveActionCard({
-  action,
+  action: action2,
   onExecute,
   graphqlUrl = "",
   authToken = ""
 }) {
   const t = useTheme();
   const initialValues = useMemo(() => {
-    const amount2 = action.metadata?.formatted_amount || (action.payload?.arguments?.amount && action.payload.arguments.amount !== "0" ? action.payload.arguments.amount : "") || "";
-    const assetId = action.payload?.arguments?.asset_id || "";
-    const entityId = action.payload?.arguments?.destination_id || "";
-    const walletId = action.payload?.arguments?.destination_wallet_id || "";
+    const amount2 = action2.metadata?.formatted_amount || (action2.payload?.arguments?.amount && action2.payload.arguments.amount !== "0" ? action2.payload.arguments.amount : "") || "";
+    const assetId = action2.payload?.arguments?.asset_id || "";
+    const entityId = action2.payload?.arguments?.destination_id || "";
+    const walletId = action2.payload?.arguments?.destination_wallet_id || "";
     return { amount: amount2, assetId, entityId, walletId };
-  }, [action]);
-  const [editedAction, setEditedAction] = useState(action);
+  }, [action2]);
+  const [editedAction, setEditedAction] = useState(action2);
   const [entities, setEntities] = useState([]);
   const [wallets, setWallets] = useState([]);
   const [assets, setAssets] = useState([]);
@@ -1245,14 +1331,14 @@ function InteractiveActionCard({
     [assets, entities, wallets]
   );
   useEffect(() => {
-    if (action.payload?.tool_name === "yieldfabric/send_instant_payment") {
+    if (action2.payload?.tool_name === "yieldfabric/send_instant_payment") {
       fetchEntities();
       fetchAssets();
       if (initialValues.entityId) fetchWallets(initialValues.entityId);
     }
   }, []);
   useEffect(() => {
-    if (selectedEntityId && action.payload?.tool_name === "yieldfabric/send_instant_payment") {
+    if (selectedEntityId && action2.payload?.tool_name === "yieldfabric/send_instant_payment") {
       const shouldFetch = selectedEntityId !== initialValues.entityId || wallets.length === 0;
       if (shouldFetch) fetchWallets(selectedEntityId);
       if (selectedEntityId !== initialValues.entityId) {
@@ -1262,14 +1348,14 @@ function InteractiveActionCard({
     }
   }, [selectedEntityId]);
   useEffect(() => {
-    if (action.payload?.tool_name !== "yieldfabric/send_instant_payment") return;
+    if (action2.payload?.tool_name !== "yieldfabric/send_instant_payment") return;
     if (initialValues.assetId && assets.length > 0) {
       const match = assets.find((a) => a.id === initialValues.assetId) || assets.find(
         (a) => a.id.toUpperCase() === initialValues.assetId.toUpperCase()
       ) || assets.find(
         (a) => initialValues.assetId.toUpperCase() === "CBDC" && a.name?.toUpperCase().includes("CBDC")
-      ) || action.metadata?.asset_id && assets.find(
-        (a) => a.id === action.metadata.asset_id || a.id.toUpperCase() === action.metadata.asset_id.toUpperCase()
+      ) || action2.metadata?.asset_id && assets.find(
+        (a) => a.id === action2.metadata.asset_id || a.id.toUpperCase() === action2.metadata.asset_id.toUpperCase()
       );
       if (match && selectedAssetId !== match.id) {
         setSelectedAssetId(match.id);
@@ -1293,11 +1379,11 @@ function InteractiveActionCard({
       updateActionField("amount", initialValues.amount);
     }
   }, [assets, entities, wallets]);
-  if (action.payload?.tool_name === "yieldfabric/swap_credit_for_cash") {
+  if (action2.payload?.tool_name === "yieldfabric/swap_credit_for_cash") {
     return /* @__PURE__ */ jsx(
       RedeemCreditCard,
       {
-        action,
+        action: action2,
         onExecute,
         graphqlUrl,
         authToken,
@@ -1308,20 +1394,20 @@ function InteractiveActionCard({
       }
     );
   }
-  if (action.payload?.tool_name === "yieldfabric/complete_swap") {
-    return /* @__PURE__ */ jsx(CompleteSwapCard, { action, onExecute });
+  if (action2.payload?.tool_name === "yieldfabric/complete_swap") {
+    return /* @__PURE__ */ jsx(CompleteSwapCard, { action: action2, onExecute });
   }
-  if (action.payload?.tool_name === "yieldfabric/accept_payment") {
-    return /* @__PURE__ */ jsx(AcceptPaymentCard, { action, onExecute });
+  if (action2.payload?.tool_name === "yieldfabric/accept_payment") {
+    return /* @__PURE__ */ jsx(AcceptPaymentCard, { action: action2, onExecute });
   }
-  if (action.action_type === "file_controls") {
-    return /* @__PURE__ */ jsx(FileControlsCard, { action, onExecute });
+  if (action2.action_type === "file_controls") {
+    return /* @__PURE__ */ jsx(FileControlsCard, { action: action2, onExecute });
   }
-  if (action.action_type === "download_source") {
-    return /* @__PURE__ */ jsx(DownloadSourceCard, { action, onExecute });
+  if (action2.action_type === "download_source") {
+    return /* @__PURE__ */ jsx(DownloadSourceCard, { action: action2, onExecute });
   }
-  if (action.payload?.tool_name !== "yieldfabric/send_instant_payment") {
-    return /* @__PURE__ */ jsx(GenericActionCard, { action, onExecute });
+  if (action2.payload?.tool_name !== "yieldfabric/send_instant_payment") {
+    return /* @__PURE__ */ jsx(GenericActionCard, { action: action2, onExecute });
   }
   return /* @__PURE__ */ jsxs(
     "div",
@@ -1468,7 +1554,7 @@ function InteractiveActionCard({
   );
 }
 function RedeemCreditCard({
-  action,
+  action: action2,
   onExecute,
   graphqlUrl,
   authToken,
@@ -1478,14 +1564,14 @@ function RedeemCreditCard({
   setLoadingObligor
 }) {
   const t = useTheme();
-  const metadata = action.metadata || {};
+  const metadata = action2.metadata || {};
   const formattedAmount = metadata.formatted_amount || metadata.amount || "0.00";
   const currency = metadata.currency || "Unknown";
   const obligor = metadata.obligor || metadata.obligor_id || "Unknown";
   const obligorId = metadata.obligor_id || obligor;
   const assetDisplay = formatAssetDisplay(metadata, currency);
   useEffect(() => {
-    if (action.payload?.tool_name !== "yieldfabric/swap_credit_for_cash") return;
+    if (action2.payload?.tool_name !== "yieldfabric/swap_credit_for_cash") return;
     if (obligorId === "Unknown" || obligor.includes("@")) return;
     if (metadata.obligor_name && metadata.obligor_name !== obligorId && !obligorId.includes("-"))
       return;
@@ -1516,7 +1602,7 @@ function RedeemCreditCard({
         setLoadingObligor(false);
       }
     })();
-  }, [obligorId, action.payload?.tool_name]);
+  }, [obligorId, action2.payload?.tool_name]);
   const obligorDisplay = (() => {
     if (obligorEntity?.name) return obligorEntity.name;
     if (metadata.obligor_name && metadata.obligor_name !== obligorId && metadata.obligor_name !== obligor)
@@ -1568,7 +1654,7 @@ function RedeemCreditCard({
             onClick: (e) => {
               e.preventDefault();
               e.stopPropagation();
-              onExecute(action);
+              onExecute(action2);
             },
             className: "w-full py-2 px-4 text-sm font-medium rounded transition-colors flex items-center justify-center gap-2",
             style: { backgroundColor: t.success, color: t.textInverse },
@@ -1583,12 +1669,12 @@ function RedeemCreditCard({
   );
 }
 function CompleteSwapCard({
-  action,
+  action: action2,
   onExecute
 }) {
   const t = useTheme();
-  const metadata = action.metadata || {};
-  const swapId = metadata.swap_id || action.payload?.arguments?.swap_id || "Unknown";
+  const metadata = action2.metadata || {};
+  const swapId = metadata.swap_id || action2.payload?.arguments?.swap_id || "Unknown";
   const initiator = metadata.initiator || "Unknown";
   const status = metadata.status || "PENDING";
   const deadline = metadata.deadline ? new Date(metadata.deadline).toLocaleString() : "N/A";
@@ -1650,7 +1736,7 @@ function CompleteSwapCard({
             onClick: (e) => {
               e.preventDefault();
               e.stopPropagation();
-              onExecute(action);
+              onExecute(action2);
             },
             className: "w-full py-2 px-4 text-sm font-medium rounded transition-colors flex items-center justify-center gap-2",
             style: { backgroundColor: t.success, color: t.textInverse },
@@ -1692,11 +1778,11 @@ function PaymentLeg({
   ] });
 }
 function AcceptPaymentCard({
-  action,
+  action: action2,
   onExecute
 }) {
   const t = useTheme();
-  const metadata = action.metadata || {};
+  const metadata = action2.metadata || {};
   const formattedAmount = metadata.formatted_amount || metadata.amount || "0.00";
   const currency = metadata.currency || "Unknown";
   const from = metadata.from || "Unknown";
@@ -1756,7 +1842,7 @@ function AcceptPaymentCard({
             onClick: (e) => {
               e.preventDefault();
               e.stopPropagation();
-              onExecute(action);
+              onExecute(action2);
             },
             className: "w-full py-1.5 px-3 text-xs font-medium rounded transition-colors flex items-center justify-center gap-1.5 mt-auto",
             style: { backgroundColor: t.success, color: t.textInverse },
@@ -1771,12 +1857,12 @@ function AcceptPaymentCard({
   );
 }
 function FileControlsCard({
-  action,
+  action: action2,
   onExecute
 }) {
   const t = useTheme();
-  const title = action.payload?.title || "Document";
-  const documentId = action.payload?.document_id;
+  const title = action2.payload?.title || "Document";
+  const documentId = action2.payload?.document_id;
   const doDownload = (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -1835,18 +1921,18 @@ function FileControlsCard({
   );
 }
 function DownloadSourceCard({
-  action,
+  action: action2,
   onExecute
 }) {
   const t = useTheme();
-  const title = action.payload?.title || action.metadata?.display_text || action.description || "Document";
+  const title = action2.payload?.title || action2.metadata?.display_text || action2.description || "Document";
   return /* @__PURE__ */ jsx(
     "button",
     {
       onClick: (e) => {
         e.preventDefault();
         e.stopPropagation();
-        onExecute(action);
+        onExecute(action2);
       },
       className: "relative overflow-hidden w-full p-3 rounded-lg transition-all duration-200 text-left group",
       style: { backgroundColor: t.buttonBg, border: `1px solid ${t.border}` },
@@ -1866,7 +1952,7 @@ function DownloadSourceCard({
   );
 }
 function GenericActionCard({
-  action,
+  action: action2,
   onExecute
 }) {
   const t = useTheme();
@@ -1876,14 +1962,14 @@ function GenericActionCard({
       onClick: (e) => {
         e.preventDefault();
         e.stopPropagation();
-        onExecute(action);
+        onExecute(action2);
       },
       className: "flex items-center space-x-3 p-3 rounded-lg transition-colors text-left group",
       style: { backgroundColor: GREEN_ACTION.bg, border: GREEN_ACTION.borderStyle },
       onMouseEnter: (e) => e.currentTarget.style.backgroundColor = GREEN_ACTION.bgHover,
       onMouseLeave: (e) => e.currentTarget.style.backgroundColor = GREEN_ACTION.bg,
       children: [
-        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx("div", { className: "font-medium text-sm mb-1.5", style: { color: t.success }, children: action.metadata?.display_text || action.description || `Execute ${action.action_type}` }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx("div", { className: "font-medium text-sm mb-1.5", style: { color: t.success }, children: action2.metadata?.display_text || action2.description || `Execute ${action2.action_type}` }) }),
         /* @__PURE__ */ jsx(ArrowRight, { className: "w-5 h-5 transition-colors flex-shrink-0 ml-2", style: { color: t.success } })
       ]
     }
@@ -2131,13 +2217,29 @@ function CopyButton({ content }) {
     "button",
     {
       onClick: handleCopy,
-      className: "p-1 rounded transition-colors hover:scale-110",
+      className: "inline-flex h-6 w-6 items-center justify-center rounded transition-colors hover:scale-110",
       style: { backgroundColor: t.bgRaisedHover, color: t.textSecondary },
       title: "Copy",
+      "aria-label": copied ? "Copied" : "Copy message",
       children: copied ? /* @__PURE__ */ jsx(Check, { className: "w-3.5 h-3.5", style: { color: t.success } }) : /* @__PURE__ */ jsx(Copy, { className: "w-3.5 h-3.5" })
     }
   );
 }
+function AgentCompletionNotice({ completion }) {
+  const t = useTheme();
+  if (!completion || completion.stop_reason === "answered") return null;
+  const message = {
+    rounds_exhausted: "Partial answer \u2014 I reached the step limit. Ask a narrower follow-up to continue.",
+    budget_exhausted: "Partial answer \u2014 this question needs more context than fits in one answer. Try narrowing the question.",
+    awaiting_tool_results: "This answer paused before its next step. Ask again to review a fresh answer.",
+    empty: "No answer was returned. Please try again.",
+    failed: "The answer could not be completed. What arrived so far is kept here.",
+    interrupted: "Connection interrupted. The assistant may still be working; check the conversation before sending again.",
+    cancelled: "Stopped. You can change your question and ask again."
+  }[completion.stop_reason];
+  if (!message) return null;
+  return /* @__PURE__ */ jsx("p", { role: "status", className: "mt-2 rounded-md px-3 py-2 text-xs", style: { color: t.textSecondary, backgroundColor: t.bgRaisedAlt, border: `1px solid ${t.border}` }, children: message });
+}
 var AGENT_PALETTE = [
   "a78bfa",
   // violet-400
@@ -2213,7 +2315,7 @@ function TimeLabel({ timestamp }) {
   const t = useTheme();
   const [timeStr, setTimeStr] = useState("");
   useEffect(() => {
-    setTimeStr(timestamp.toLocaleTimeString());
+    setTimeStr(timestamp.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }));
   }, [timestamp]);
   return /* @__PURE__ */ jsx("span", { className: "text-[10px] mt-0.5", style: { color: t.textSecondary }, children: timeStr });
 }
@@ -2531,7 +2633,10 @@ function hashTypeColor(type) {
   for (let i = 0; i < type.length; i++) h = (h << 5) - h + type.charCodeAt(i) | 0;
   return SOURCE_TYPE_PALETTE[Math.abs(h) % SOURCE_TYPE_PALETTE.length];
 }
-function SourceCard({ source }) {
+function SourceCard({
+  source,
+  onActivate
+}) {
   const t = useTheme();
   const [expanded, setExpanded] = useState(false);
   const showType = source.type && source.type.toLowerCase() !== "unknown";
@@ -2539,13 +2644,25 @@ function SourceCard({ source }) {
   const displayLabel = formatSourceLabel(source.label);
   return /* @__PURE__ */ jsxs("div", { className: "rounded", style: { border: `1px solid ${t.border}`, backgroundColor: t.bgRaisedAlt }, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-2.5 py-1.5", children: [
-      source.description ? /* @__PURE__ */ jsx("button", { onClick: () => setExpanded(!expanded), className: "flex-shrink-0", children: /* @__PURE__ */ jsx(
-        ChevronRight,
+      source.description ? /* @__PURE__ */ jsx(
+        "button",
         {
-          className: "w-3 h-3 transition-transform",
-          style: { color: t.textMuted, transform: expanded ? "rotate(90deg)" : "none" }
+          type: "button",
+          onClick: (event) => {
+            event.stopPropagation();
+            setExpanded(!expanded);
+          },
+          className: "flex-shrink-0 rounded-sm focus:outline-none focus-visible:ring-2",
+          "aria-label": expanded ? `Collapse ${displayLabel} details` : `Expand ${displayLabel} details`,
+          children: /* @__PURE__ */ jsx(
+            ChevronRight,
+            {
+              className: "w-3 h-3 transition-transform",
+              style: { color: t.textMuted, transform: expanded ? "rotate(90deg)" : "none" }
+            }
+          )
         }
-      ) }) : /* @__PURE__ */ jsx("div", { className: "w-3 h-3 flex-shrink-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full", style: { backgroundColor: badgeColor } }) }),
+      ) : /* @__PURE__ */ jsx("div", { className: "w-3 h-3 flex-shrink-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full", style: { backgroundColor: badgeColor } }) }),
       showType && /* @__PURE__ */ jsx(
         "span",
         {
@@ -2554,11 +2671,28 @@ function SourceCard({ source }) {
           children: source.type
         }
       ),
-      /* @__PURE__ */ jsx("span", { className: "text-[11px] truncate flex-1", style: { color: t.text }, children: displayLabel })
+      onActivate ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "text-[11px] truncate flex-1 cursor-pointer text-left rounded-sm hover:underline focus:outline-none focus-visible:ring-2",
+          style: { color: t.text },
+          onClick: (event) => {
+            event.stopPropagation();
+            onActivate(source);
+          },
+          "aria-label": `Open ${displayLabel}`,
+          children: displayLabel
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "text-[11px] truncate flex-1", style: { color: t.text }, children: displayLabel })
     ] }),
     expanded && source.description && /* @__PURE__ */ jsx("div", { className: "px-2.5 pb-2 text-[10px] leading-relaxed", style: { color: t.textSecondary, borderTop: `1px solid ${t.border}` }, children: source.description })
   ] });
 }
+var REMARK_PLUGINS = [remarkGfm];
+function isBlockCode(className, text) {
+  return /language-/.test(typeof className === "string" ? className : "") || text.includes("\n");
+}
 function getMarkdownComponents(t) {
   return {
     h1: ({ node, ...props }) => /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold mt-4 mb-2", style: { color: t.headingText }, ...props }),
@@ -2570,10 +2704,38 @@ function getMarkdownComponents(t) {
     li: ({ node, ...props }) => /* @__PURE__ */ jsx("li", { className: "ml-2", ...props }),
     strong: ({ node, ...props }) => /* @__PURE__ */ jsx("strong", { className: "font-bold", style: { color: t.text }, ...props }),
     em: ({ node, ...props }) => /* @__PURE__ */ jsx("em", { className: "italic", style: { color: t.textSecondary }, ...props }),
-    code: ({ node, inline, children, ...props }) => inline ? /* @__PURE__ */ jsx("code", { className: "px-1 py-0.5 rounded font-mono text-xs", style: { backgroundColor: t.codeBg, color: t.codeText }, ...props, children }) : /* @__PURE__ */ jsxs("div", { className: "relative group/code", children: [
-      /* @__PURE__ */ jsx(CopyButton, { content: String(children || "") }),
-      /* @__PURE__ */ jsx("code", { className: "block p-2 rounded my-2 font-mono text-xs overflow-x-auto", style: { backgroundColor: t.codeBg, color: t.codeText }, ...props, children })
-    ] })
+    code: ({ node, inline, children, ...props }) => {
+      const text = String(children ?? "");
+      const isInline = inline ?? !isBlockCode(props.className, text);
+      return isInline ? /* @__PURE__ */ jsx("code", { className: "px-1 py-0.5 rounded font-mono text-xs", style: { backgroundColor: t.codeBg, color: t.codeText }, ...props, children }) : /* @__PURE__ */ jsxs("div", { className: "relative group/code", children: [
+        /* @__PURE__ */ jsx(CopyButton, { content: text }),
+        /* @__PURE__ */ jsx("code", { className: "block p-2 rounded my-2 font-mono text-xs overflow-x-auto", style: { backgroundColor: t.codeBg, color: t.codeText }, ...props, children })
+      ] });
+    },
+    // Tables are why remark-gfm is here. The wrapper is not decoration:
+    // this renders inside a chat rail the user can drag down to ~360px,
+    // and a table holding a term plus a few numbers will exceed that. It
+    // has to scroll INSIDE its own box — without the wrapper the reply
+    // column itself widens and every other line in the conversation
+    // starts scrolling sideways along with it.
+    table: ({ node, ...p }) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "my-2 max-w-full overflow-x-auto rounded",
+        style: { border: `1px solid ${t.codeBg}` },
+        children: /* @__PURE__ */ jsx("table", { className: "w-full border-collapse text-xs", ...p })
+      }
+    ),
+    thead: ({ node, ...p }) => /* @__PURE__ */ jsx("thead", { style: { backgroundColor: t.codeBg }, ...p }),
+    th: ({ node, ...p }) => /* @__PURE__ */ jsx(
+      "th",
+      {
+        className: "px-2.5 py-1.5 text-left font-semibold whitespace-nowrap",
+        style: { color: t.headingText, borderBottom: `1px solid ${t.codeBg}` },
+        ...p
+      }
+    ),
+    td: ({ node, ...p }) => /* @__PURE__ */ jsx("td", { className: "px-2.5 py-1.5 align-top", style: { borderBottom: `1px solid ${t.codeBg}` }, ...p })
   };
 }
 function TerminalEntryRenderer({
@@ -2588,6 +2750,7 @@ function TerminalEntryRenderer({
   authToken,
   onPageNavigation,
   onSourcesActivate,
+  onSourceActivate,
   renderEntryExtra,
   renderEntry,
   widgets,
@@ -2605,7 +2768,7 @@ function TerminalEntryRenderer({
   const isError = entry.type === "error";
   const isSuccess = entry.type === "success";
   const isEmpty = !entry.content || entry.content.trim() === "";
-  const useAttribution = isCollaborative && entry.sender && !isSystem && !isEmpty;
+  const useAttribution = (isCollaborative || entry.sender?.type === "agent") && entry.sender && !isSystem && !isEmpty;
   const isGrouped = useAttribution && !!prevEntry?.sender && !!entry.sender && prevEntry.sender.entity_id === entry.sender.entity_id && prevEntry.sender.type === entry.sender.type && !(!prevEntry.content || prevEntry.content.trim() === "") && entry.timestamp.getTime() - prevEntry.timestamp.getTime() < 5 * 60 * 1e3 && prevEntry.type !== "system";
   const beforeWidgets = widgets?.filter((w) => w.position === "before" && w.match(entry)) || [];
   const afterWidgets = widgets?.filter((w) => (!w.position || w.position === "after") && w.match(entry)) || [];
@@ -2618,12 +2781,12 @@ function TerminalEntryRenderer({
         timestamp: entry.timestamp,
         isOwnMessage: entry.sender.entity_id === currentUser?.entity_id,
         grouped: isGrouped,
-        children: entry.sender?.type === "agent" ? /* @__PURE__ */ jsxs("div", { className: "text-sm prose prose-invert prose-sm max-w-none group relative", style: { color: t.text }, children: [
+        children: entry.sender?.type === "agent" ? /* @__PURE__ */ jsxs("div", { className: "text-sm prose prose-invert prose-sm max-w-[72ch] group relative", style: { color: t.text }, children: [
           /* @__PURE__ */ jsxs("div", { className: "absolute -top-9 right-0 flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity z-10", children: [
             /* @__PURE__ */ jsx(CopyButton, { content: entry.content }),
             /* @__PURE__ */ jsx(ShareButton, { content: entry.content })
           ] }),
-          /* @__PURE__ */ jsx(ReactMarkdown, { components: markdownComponents, children: entry.content })
+          /* @__PURE__ */ jsx(ReactMarkdown, { remarkPlugins: REMARK_PLUGINS, components: markdownComponents, children: stripInternalIds(entry.content) })
         ] }) : /* @__PURE__ */ jsxs("div", { className: "text-sm whitespace-pre-wrap group relative", style: { color: isError ? t.error : t.text }, children: [
           /* @__PURE__ */ jsxs("div", { className: "absolute -top-9 right-0 flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity z-10", children: [
             /* @__PURE__ */ jsx(CopyButton, { content: entry.content }),
@@ -2634,7 +2797,6 @@ function TerminalEntryRenderer({
       }
     ) : /* @__PURE__ */ jsxs("div", { className: "flex items-start space-x-2", children: [
       isSystem && !isEmpty && /* @__PURE__ */ jsx(Terminal, { className: "w-4 h-4 mt-0.5 flex-shrink-0", style: { color: t.textSystem } }),
-      isCommand && !isEmpty && /* @__PURE__ */ jsx(Brain, { className: "w-4 h-4 mt-0.5 flex-shrink-0", style: { color: t.info } }),
       isInfo && !isEmpty && /* @__PURE__ */ jsx(CheckCircle, { className: "w-4 h-4 mt-0.5 flex-shrink-0", style: { color: t.info } }),
       isSuccess && !isEmpty && /* @__PURE__ */ jsx(CheckCircle, { className: "w-4 h-4 mt-0.5 flex-shrink-0", style: { color: t.success } }),
       isError && !isEmpty && /* @__PURE__ */ jsx(XCircle, { className: "w-4 h-4 mt-0.5 flex-shrink-0", style: { color: t.error } }),
@@ -2647,12 +2809,30 @@ function TerminalEntryRenderer({
         /* @__PURE__ */ jsx(
           ReactMarkdown,
           {
+            remarkPlugins: REMARK_PLUGINS,
             components: markdownComponents,
-            children: entry.content
+            children: stripInternalIds(entry.content)
           },
           `${entry.id || index}-${entry.content.length}`
         )
-      ] }) : /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
+      ] }) : isCommand && !isSystem ? (
+        // What the person typed: a quiet bubble on the right, the way the
+        // console shows it — not a monospace line that reads as a log.
+        /* @__PURE__ */ jsxs("div", { className: "group relative flex w-full flex-1 justify-end", children: [
+          /* @__PURE__ */ jsxs("div", { className: "absolute -top-5 right-0 flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity z-10", children: [
+            /* @__PURE__ */ jsx(CopyButton, { content: entry.content }),
+            /* @__PURE__ */ jsx(ShareButton, { content: entry.content })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "max-w-[80%] whitespace-pre-wrap rounded-lg border px-4 py-2.5 text-sm leading-relaxed",
+              style: { color: t.text, borderColor: t.borderStrong, backgroundColor: "rgba(255,255,255,0.05)" },
+              children: entry.content
+            }
+          )
+        ] })
+      ) : /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
         /* @__PURE__ */ jsxs("div", { className: "absolute -top-5 right-0 flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity z-10", children: [
           /* @__PURE__ */ jsx(CopyButton, { content: entry.content }),
           /* @__PURE__ */ jsx(ShareButton, { content: entry.content })
@@ -2660,9 +2840,9 @@ function TerminalEntryRenderer({
         /* @__PURE__ */ jsx(
           "pre",
           {
-            className: "font-mono text-sm whitespace-pre-wrap",
+            className: "font-mono text-sm whitespace-pre-wrap max-w-[72ch]",
             style: {
-              color: isSystem ? t.textSystem : isCommand ? t.textCommand : isSuccess ? t.success : isError ? t.error : t.text
+              color: isSystem ? t.textSystem : isSuccess ? t.success : isError ? t.error : t.text
             },
             children: entry.content
           }
@@ -2793,7 +2973,14 @@ function TerminalEntryRenderer({
           {
             summary: `${entry.sources.length} source${entry.sources.length !== 1 ? "s" : ""}`,
             defaultExpanded: false,
-            children: /* @__PURE__ */ jsx("div", { className: "space-y-1 py-1", children: entry.sources.map((src) => /* @__PURE__ */ jsx(SourceCard, { source: src }, src.id)) })
+            children: /* @__PURE__ */ jsx("div", { className: "space-y-1 py-1", children: entry.sources.map((src) => /* @__PURE__ */ jsx(
+              SourceCard,
+              {
+                source: src,
+                onActivate: onSourceActivate ? () => onSourceActivate(src, entry) : void 0
+              },
+              src.id
+            )) })
           }
         )
       }
@@ -2813,11 +3000,11 @@ function TerminalEntryRenderer({
                 /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", style: { color: t.success }, children: "Actions" }),
                 /* @__PURE__ */ jsx("span", { className: "text-xs", style: { color: t.textMuted }, children: "click to execute" })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-2", children: entry.suggested_actions.map((action, idx) => /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-2", children: entry.suggested_actions.map((action2, idx) => /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx(
                   InteractiveActionCard,
                   {
-                    action,
+                    action: action2,
                     graphqlUrl: config.graphqlUrl,
                     authToken: authToken || "",
                     onExecute: (updatedAction) => {
@@ -2826,15 +3013,15 @@ function TerminalEntryRenderer({
                     }
                   }
                 ),
-                action.approval && /* @__PURE__ */ jsx(
+                action2.approval && /* @__PURE__ */ jsx(
                   ApprovalTracker,
                   {
-                    approval: action.approval,
+                    approval: action2.approval,
                     currentUserId: currentUser?.entity_id,
                     onApprove: () => {
                       window.dispatchEvent(
                         new CustomEvent("terminal-approval-decision", {
-                          detail: { action, decision: "approved", entity_id: currentUser?.entity_id },
+                          detail: { action: action2, decision: "approved", entity_id: currentUser?.entity_id },
                           bubbles: true
                         })
                       );
@@ -2842,7 +3029,7 @@ function TerminalEntryRenderer({
                     onReject: () => {
                       window.dispatchEvent(
                         new CustomEvent("terminal-approval-decision", {
-                          detail: { action, decision: "rejected", entity_id: currentUser?.entity_id },
+                          detail: { action: action2, decision: "rejected", entity_id: currentUser?.entity_id },
                           bubbles: true
                         })
                       );
@@ -2890,9 +3077,10 @@ function TerminalEntryRenderer({
   ] });
   const isTurnStart = !!prevEntry && isCommand && prevEntry.type !== "system";
   const defaultRender = () => /* @__PURE__ */ jsxs("div", { className: `${isGrouped ? "" : "mb-5"} ${isTurnStart ? "mt-6" : ""}`, children: [
-    beforeWidgets.map((w) => /* @__PURE__ */ jsx(React12.Fragment, { children: w.render({ entry, index }) }, w.name)),
-    replaceWidget ? /* @__PURE__ */ jsx(React12.Fragment, { children: replaceWidget.render({ entry, index }) }, replaceWidget.name) : builtInContent,
-    afterWidgets.map((w) => /* @__PURE__ */ jsx(React12.Fragment, { children: w.render({ entry, index }) }, w.name)),
+    beforeWidgets.map((w) => /* @__PURE__ */ jsx(React15.Fragment, { children: w.render({ entry, index }) }, w.name)),
+    replaceWidget ? /* @__PURE__ */ jsx(React15.Fragment, { children: replaceWidget.render({ entry, index }) }, replaceWidget.name) : builtInContent,
+    afterWidgets.map((w) => /* @__PURE__ */ jsx(React15.Fragment, { children: w.render({ entry, index }) }, w.name)),
+    /* @__PURE__ */ jsx(AgentCompletionNotice, { completion: entry.metadata?.completion }),
     renderEntryExtra?.(entry, index)
   ] });
   if (renderEntry) {
@@ -2901,6 +3089,9 @@ function TerminalEntryRenderer({
   }
   return defaultRender();
 }
+
+// src/types/terminal.types.ts
+var DEFAULT_AGENT_LABEL = "YieldFabric Agent";
 function LiveKGBridge({ progressState, onLiveKGUpdate }) {
   const onUpdateRef = useRef(onLiveKGUpdate);
   onUpdateRef.current = onLiveKGUpdate;
@@ -2929,14 +3120,17 @@ function TerminalShell({
   className = "",
   style,
   showHeader = true,
+  agentLabel = DEFAULT_AGENT_LABEL,
   focusInput,
   setTerminalHistory,
   terminalBodyRef,
   workingGroupContext,
+  showWorkingGroupBanner = true,
   progressState,
   streamTransparency,
   streamNowMs,
   isExecuting,
+  showBusyIndicator,
   handleCancelReasoning,
   onViewKnowledgeGraph,
   onLiveKGUpdate,
@@ -2954,6 +3148,9 @@ function TerminalShell({
       className: `border-0 flex flex-col ${className}`,
       style: { minHeight: "300px", borderRadius: "12px", backgroundColor: "transparent", ...style },
       onClick: () => {
+        if (typeof window !== "undefined" && window.matchMedia?.("(pointer: coarse)").matches) {
+          return;
+        }
         const sel = window.getSelection();
         if (!sel || sel.toString().length === 0) focusInput();
       },
@@ -2972,7 +3169,7 @@ function TerminalShell({
                 "button",
                 {
                   onClick: () => setTerminalHistory([
-                    { type: "system", content: "YieldFabric Agent", timestamp: /* @__PURE__ */ new Date() },
+                    { type: "system", content: agentLabel, timestamp: /* @__PURE__ */ new Date() },
                     { type: "system", content: "Terminal cleared.", timestamp: /* @__PURE__ */ new Date() }
                   ]),
                   className: "hover:opacity-80",
@@ -2990,7 +3187,7 @@ function TerminalShell({
             className: "p-6 flex-1 overflow-y-auto scrollbar-thin scrollbar-thumb-gray-700 scrollbar-track-transparent",
             style: { minHeight: "200px", display: "flex", flexDirection: "column", backgroundColor: "transparent" },
             children: [
-              workingGroupContext && /* @__PURE__ */ jsxs(
+              workingGroupContext && showWorkingGroupBanner && /* @__PURE__ */ jsxs(
                 "div",
                 {
                   className: "mb-3 ml-1 mr-1 px-3 py-2 rounded-md text-xs flex items-center justify-between",
@@ -3015,7 +3212,7 @@ function TerminalShell({
           }
         ),
         /* @__PURE__ */ jsx(LiveKGBridge, { progressState, onLiveKGUpdate }),
-        isExecuting && !progressState && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 px-6 py-2 flex-shrink-0 border-t", style: { color: t.text, borderColor: t.border }, children: [
+        isExecuting && !progressState && showBusyIndicator !== false && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 px-6 py-2 flex-shrink-0 border-t", style: { color: t.text, borderColor: t.border }, children: [
           /* @__PURE__ */ jsxs("div", { className: "flex space-x-1", children: [
             /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full animate-pulse", style: { backgroundColor: t.info } }),
             /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full animate-pulse", style: { backgroundColor: t.info, animationDelay: "150ms" } }),
@@ -3145,11 +3342,24 @@ function splitInputByMentions(command, knownMentionNames) {
   segments.push({ kind: "text", value: command.slice(cursor) });
   return segments;
 }
+var INPUT_MAX_HEIGHT = 120;
+function fitToContent(input) {
+  resetHeight(input);
+  if (!input.value.trim()) return;
+  const needed = input.scrollHeight;
+  input.style.height = `${Math.min(needed, INPUT_MAX_HEIGHT)}px`;
+  if (needed > INPUT_MAX_HEIGHT) input.style.overflowY = "auto";
+}
+function resetHeight(input) {
+  input.style.height = "auto";
+  input.style.overflowY = "";
+}
 function TerminalInputBar({
   inputRef,
   fileInputRef,
   currentCommand,
   isExecuting,
+  disabled = false,
   placeholder = "Ask anything...",
   onInputChange,
   onKeyDown,
@@ -3172,20 +3382,27 @@ function TerminalInputBar({
   inputBarExtra,
   modeSelector,
   compactToolbar = false,
-  submitTitle = "Send"
+  submitTitle = "Send",
+  autoFocus = true
 }) {
   const t = useTheme();
+  useEffect(() => {
+    if (!autoFocus) return;
+    inputRef.current?.focus({ preventScroll: true });
+  }, []);
+  const [focused, setFocused] = React15.useState(false);
+  const chipsVisible = focused || currentCommand.trim().length > 0;
   const isLight = t.bgRaised === "#ffffff";
   const hasCommand = Boolean(currentCommand.trim());
-  const placeholderColor = isLight ? "rgba(30,30,58,0.44)" : "rgba(255,255,255,0.40)";
-  const panelBorder = isLight ? "rgba(30,30,58,0.12)" : "rgba(255,255,255,0.10)";
-  const panelBg = isLight ? "rgba(255,255,255,0.82)" : "rgba(24,24,24,0.82)";
-  const toolbarButtonBg = isLight ? "rgba(30,30,58,0.06)" : "rgba(255,255,255,0.05)";
-  const toolbarButtonHover = isLight ? "rgba(30,30,58,0.11)" : "rgba(255,255,255,0.14)";
-  const toolbarButtonText = isLight ? "rgba(30,30,58,0.58)" : "rgba(255,255,255,0.42)";
+  const placeholderColor = isLight ? t.textMuted : "rgba(255,255,255,0.52)";
+  const panelBorder = isLight ? t.border : "rgba(255,255,255,0.10)";
+  const panelBg = t.bgInput;
+  const toolbarButtonBg = isLight ? "rgba(255,255,255,0.72)" : "rgba(255,255,255,0.05)";
+  const toolbarButtonHover = isLight ? t.bgRaised : "rgba(255,255,255,0.14)";
+  const toolbarButtonText = isLight ? t.textSecondary : "rgba(255,255,255,0.52)";
   const toolbarButtonStyle = {
     backgroundColor: toolbarButtonBg,
-    border: `1px solid ${isLight ? "rgba(30,30,58,0.08)" : "rgba(255,255,255,0.08)"}`,
+    border: `1px solid ${isLight ? t.border : "rgba(255,255,255,0.08)"}`,
     boxShadow: "none",
     color: toolbarButtonText
   };
@@ -3198,8 +3415,11 @@ function TerminalInputBar({
     }
     const el = toolbarRef.current;
     if (!el || typeof ResizeObserver === "undefined") return;
+    let lastWidth = -1;
     const ro = new ResizeObserver((entries) => {
-      const w = entries[0]?.contentRect.width ?? 0;
+      const w = Math.round(entries[0]?.contentRect.width ?? 0);
+      if (w === lastWidth) return;
+      lastWidth = w;
       setCompact((prev) => prev ? w < 520 : w < 480);
     });
     ro.observe(el);
@@ -3209,10 +3429,7 @@ function TerminalInputBar({
   useEffect(() => {
     const input = inputRef.current;
     if (!input) return;
-    input.style.height = "auto";
-    if (currentCommand.trim()) {
-      input.style.height = Math.min(input.scrollHeight, 120) + "px";
-    }
+    fitToContent(input);
   }, [currentCommand, inputRef]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("style", { children: `.yf-input-bar::placeholder { color: ${placeholderColor}; }` }),
@@ -3254,16 +3471,16 @@ function TerminalInputBar({
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: `relative z-20 flex-shrink-0 px-3 pb-3 pt-2 transition-opacity duration-300 sm:px-4 ${isExecuting ? "opacity-40 pointer-events-none" : ""}`,
+        className: `relative z-20 flex-shrink-0 px-3 pb-3 pt-2 transition-opacity duration-300 sm:px-4 ${isExecuting || disabled ? "opacity-40 pointer-events-none" : ""}`,
         children: /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "rounded-xl border px-3 transition-colors focus-within:border-white/20 sm:px-4",
+            className: `rounded-xl border px-3 transition-[box-shadow,border-color] sm:px-4 ${focused ? "yf-input-focused" : ""}`,
             style: {
               backgroundColor: panelBg,
               backdropFilter: "blur(18px)",
-              borderColor: panelBorder,
-              boxShadow: isLight ? "0 18px 70px -38px rgba(30,30,58,0.45)" : "0 18px 70px -38px rgba(0,0,0,0.95)",
+              borderColor: focused ? t.primary : panelBorder,
+              boxShadow: focused ? `0 0 0 3px ${t.primaryMuted || "rgba(5,78,146,0.18)"}` : isLight ? "0 18px 70px -38px rgba(30,30,58,0.45)" : "0 18px 70px -38px rgba(0,0,0,0.95)",
               WebkitBackdropFilter: "blur(18px)"
             },
             children: [
@@ -3333,8 +3550,7 @@ function TerminalInputBar({
                             onInputChange(`${prefixRaw}${e.target.value}`);
                             onCaretChange?.(prefixRaw.length + (e.target.selectionStart ?? e.target.value.length));
                             onTyping?.();
-                            e.target.style.height = "auto";
-                            e.target.style.height = Math.min(e.target.scrollHeight, 120) + "px";
+                            fitToContent(e.target);
                           },
                           onSelect: (e) => {
                             const ta = e.currentTarget;
@@ -3361,17 +3577,19 @@ function TerminalInputBar({
                             if (e.key === "Enter" && !e.shiftKey && !e.defaultPrevented) {
                               e.preventDefault();
                               onSubmit();
-                              if (inputRef.current) inputRef.current.style.height = "auto";
+                              if (inputRef.current) resetHeight(inputRef.current);
                             }
                           },
-                          disabled: isExecuting,
+                          disabled: isExecuting || disabled,
+                          "aria-label": placeholder ?? "Message",
                           placeholder: isExecuting ? "Processing..." : placeholder,
                           rows: 1,
-                          className: "yf-input-bar flex-1 min-w-[100px] bg-transparent focus:outline-none text-[16px] leading-6 resize-none overflow-hidden sm:text-[13px] sm:leading-normal",
+                          className: "yf-input-bar flex-1 min-w-[100px] bg-transparent focus:outline-none text-[16px] leading-6 resize-none overflow-hidden sm:text-sm sm:leading-5",
+                          onFocus: () => setFocused(true),
+                          onBlur: () => setFocused(false),
                           style: { color: t.text, caretColor: t.cursor },
                           spellCheck: false,
                           autoComplete: "off",
-                          autoFocus: true,
                           tabIndex: 0
                         }
                       )
@@ -3380,67 +3598,78 @@ function TerminalInputBar({
                       "button",
                       {
                         type: "submit",
-                        disabled: !hasCommand || isExecuting,
-                        className: "h-10 w-10 rounded-xl disabled:opacity-45 disabled:cursor-not-allowed flex items-center justify-center transition-all duration-200 shrink-0 sm:h-8 sm:w-8",
+                        disabled: !hasCommand || isExecuting || disabled,
+                        className: "h-10 w-10 rounded-xl disabled:opacity-60 disabled:cursor-not-allowed flex items-center justify-center transition-all duration-200 shrink-0 sm:h-8 sm:w-8",
                         style: {
-                          backgroundColor: hasCommand ? "rgba(255,140,66,0.95)" : isLight ? "rgba(30,30,58,0.07)" : "rgba(255,255,255,0.08)",
-                          color: hasCommand ? "#181818" : isLight ? "rgba(30,30,58,0.58)" : "rgba(255,255,255,0.72)"
+                          backgroundColor: hasCommand ? t.primary : isLight ? t.bgRaisedAlt : "rgba(255,255,255,0.08)",
+                          // `textInverse` is the theme's "text on a filled button".
+                          // `bgBase` was used here before and is `transparent` in
+                          // every app theme — so the chevron vanished the moment
+                          // there was something to send.
+                          color: hasCommand ? t.textInverse : isLight ? t.textMuted : "rgba(255,255,255,0.72)"
                         },
                         onMouseEnter: (e) => {
-                          e.currentTarget.style.backgroundColor = hasCommand ? "#ffb37a" : toolbarButtonHover;
+                          if (hasCommand) {
+                            e.currentTarget.style.filter = "brightness(1.15)";
+                          } else {
+                            e.currentTarget.style.backgroundColor = toolbarButtonHover;
+                          }
                         },
                         onMouseLeave: (e) => {
-                          e.currentTarget.style.backgroundColor = hasCommand ? "rgba(255,140,66,0.95)" : isLight ? "rgba(30,30,58,0.07)" : "rgba(255,255,255,0.08)";
+                          e.currentTarget.style.filter = "";
+                          e.currentTarget.style.backgroundColor = hasCommand ? t.primary : isLight ? t.bgRaisedAlt : "rgba(255,255,255,0.08)";
                         },
                         title: submitTitle,
                         "aria-label": submitTitle,
-                        children: isExecuting ? /* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full animate-spin", style: { border: `1.5px solid ${hasCommand ? "rgba(24,24,24,0.7)" : t.textMuted}`, borderTopColor: "transparent" } }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5 sm:h-4 sm:w-4" })
+                        children: isExecuting ? /* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full animate-spin", style: { border: `1.5px solid ${hasCommand ? t.textInverse : t.textMuted}`, borderTopColor: "transparent" } }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5 sm:h-4 sm:w-4" })
                       }
                     )
                   ] });
                 })(),
                 /* @__PURE__ */ jsxs("div", { ref: toolbarRef, className: "flex items-center justify-between pt-2.5 gap-2", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-[10px] min-w-0 flex-wrap", children: [
-                    /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => {
-                          onInputChange("@");
-                          inputRef.current?.focus();
-                        },
-                        title: "Insert @ mention",
-                        className: `${toolbarIsCompact ? "px-2" : "px-2.5"} py-1 rounded-lg transition-colors font-medium flex-shrink-0`,
-                        style: toolbarButtonStyle,
-                        onMouseEnter: (e) => {
-                          e.currentTarget.style.backgroundColor = toolbarButtonHover;
-                        },
-                        onMouseLeave: (e) => {
-                          e.currentTarget.style.backgroundColor = toolbarButtonBg;
-                        },
-                        children: toolbarIsCompact ? "@" : "@ mention"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => {
-                          onInputChange("/");
-                          inputRef.current?.focus();
-                        },
-                        title: "Insert / command",
-                        className: `${toolbarIsCompact ? "px-2" : "px-2.5"} py-1 rounded-lg transition-colors font-medium flex-shrink-0`,
-                        style: toolbarButtonStyle,
-                        onMouseEnter: (e) => {
-                          e.currentTarget.style.backgroundColor = toolbarButtonHover;
-                        },
-                        onMouseLeave: (e) => {
-                          e.currentTarget.style.backgroundColor = toolbarButtonBg;
-                        },
-                        children: toolbarIsCompact ? "/" : "/ commands"
-                      }
-                    ),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-[11px] min-w-0 flex-wrap", children: [
+                    chipsVisible && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => {
+                            onInputChange("@");
+                            inputRef.current?.focus();
+                          },
+                          title: "Insert @ mention",
+                          className: `${toolbarIsCompact ? "px-2" : "px-2.5"} py-1 min-h-[40px] sm:min-h-0 inline-flex items-center rounded-lg transition-colors font-semibold flex-shrink-0`,
+                          style: toolbarButtonStyle,
+                          onMouseEnter: (e) => {
+                            e.currentTarget.style.backgroundColor = toolbarButtonHover;
+                          },
+                          onMouseLeave: (e) => {
+                            e.currentTarget.style.backgroundColor = toolbarButtonBg;
+                          },
+                          children: toolbarIsCompact ? "@" : "@ mention"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => {
+                            onInputChange("/");
+                            inputRef.current?.focus();
+                          },
+                          title: "Insert / command",
+                          className: `${toolbarIsCompact ? "px-2" : "px-2.5"} py-1 min-h-[40px] sm:min-h-0 inline-flex items-center rounded-lg transition-colors font-semibold flex-shrink-0`,
+                          style: toolbarButtonStyle,
+                          onMouseEnter: (e) => {
+                            e.currentTarget.style.backgroundColor = toolbarButtonHover;
+                          },
+                          onMouseLeave: (e) => {
+                            e.currentTarget.style.backgroundColor = toolbarButtonBg;
+                          },
+                          children: toolbarIsCompact ? "/" : "/ commands"
+                        }
+                      )
+                    ] }),
                     availableKGs && availableKGs.length > 0 && /* @__PURE__ */ jsx(Fragment, { children: activeKGScope ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md text-[10px] min-w-0", title: activeKGScope.label, style: { backgroundColor: "rgba(255,140,66,0.08)", border: "1px solid rgba(255,140,66,0.15)", color: "rgba(255,140,66,0.8)" }, children: [
                       /* @__PURE__ */ jsxs("svg", { className: "w-3 h-3 opacity-60 shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: [
                         /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101" }),
@@ -3454,7 +3683,7 @@ function TerminalInputBar({
                       ] }),
                       /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onKGScopeChange?.(null), className: "ml-0.5 opacity-40 hover:opacity-100 transition-opacity", children: "\u2715" })
                     ] }) : /* @__PURE__ */ jsx(KGScopeDropdown, { items: availableKGs, onSelect: (scope) => onKGScopeChange?.(scope), compact: toolbarIsCompact }) }),
-                    modeSelector ?? (onReasoningModeChange && /* @__PURE__ */ jsx(ReasoningModeSelector, { current: reasoningMode || null, onChange: onReasoningModeChange, compact: toolbarIsCompact }))
+                    chipsVisible && (modeSelector ?? (onReasoningModeChange && /* @__PURE__ */ jsx(ReasoningModeSelector, { current: reasoningMode || null, onChange: onReasoningModeChange, compact: toolbarIsCompact })))
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 flex-shrink-0", children: [
                     inputBarExtra,
@@ -3462,8 +3691,8 @@ function TerminalInputBar({
                       "button",
                       {
                         type: "button",
-                        disabled: isExecuting,
-                        className: "h-8 w-8 rounded-xl disabled:opacity-30 disabled:cursor-not-allowed flex items-center justify-center transition-all duration-200",
+                        disabled: isExecuting || disabled,
+                        className: "h-10 w-10 sm:h-8 sm:w-8 rounded-xl disabled:opacity-30 disabled:cursor-not-allowed flex items-center justify-center transition-all duration-200",
                         style: toolbarButtonStyle,
                         title: "Upload files",
                         onClick: () => fileInputRef.current?.click(),
@@ -3480,8 +3709,8 @@ function TerminalInputBar({
                       "button",
                       {
                         type: "button",
-                        disabled: isExecuting,
-                        className: "h-8 w-8 rounded-xl disabled:opacity-30 disabled:cursor-not-allowed flex items-center justify-center transition-all duration-200",
+                        disabled: isExecuting || disabled,
+                        className: "h-10 w-10 sm:h-8 sm:w-8 rounded-xl disabled:opacity-30 disabled:cursor-not-allowed flex items-center justify-center transition-all duration-200",
                         style: toolbarButtonStyle,
                         title: "List files",
                         onClick: () => onListFilesCommand(),
@@ -3601,16 +3830,15 @@ function useCommandHistory() {
   }, []);
   return { commandHistory, historyIndex, pushCommand, navigateUp, navigateDown, resetIndex };
 }
-function useFocusManagement() {
+function useFocusManagement(autoFocus = true) {
   const inputRef = useRef(null);
   const focusInput = useCallback(() => {
     const selection = window.getSelection();
     if (selection && selection.toString().length > 0) return;
-    if (inputRef.current) {
-      inputRef.current.focus();
-    }
+    inputRef.current?.focus({ preventScroll: true });
   }, []);
   useEffect(() => {
+    if (!autoFocus) return;
     const timer = setTimeout(focusInput, 100);
     const handleVisibilityChange = () => {
       if (!document.hidden) {
@@ -3622,11 +3850,12 @@ function useFocusManagement() {
       clearTimeout(timer);
       document.removeEventListener("visibilitychange", handleVisibilityChange);
     };
-  }, [focusInput]);
+  }, [focusInput, autoFocus]);
   return { inputRef, focusInput };
 }
 function useStreamingChat({
   config,
+  authToken,
   onStreamRequest,
   reasoningMode,
   setTerminalHistory,
@@ -3635,11 +3864,14 @@ function useStreamingChat({
   currentUser,
   sourceKGNodes
 }) {
+  const authTokenRef = useRef(authToken);
+  authTokenRef.current = authToken;
   const sourceKGNodesRef = useRef(sourceKGNodes);
   sourceKGNodesRef.current = sourceKGNodes;
   const reasoningModeRef = useRef(reasoningMode);
   reasoningModeRef.current = reasoningMode;
   const [isExecuting, setIsExecuting] = useState(false);
+  const turnSequence = useRef(0);
   const [isStreaming, setIsStreaming] = useState(false);
   const [progressState, setProgressState] = useState(null);
   const [activityEvents, setActivityEvents] = useState([]);
@@ -3655,6 +3887,15 @@ function useStreamingChat({
   const currentStreamingLineId = useRef(null);
   const liveRunIdRef = useRef(null);
   liveRunIdRef.current = liveRunId;
+  const mountEpoch = useRef(0);
+  useEffect(() => {
+    const epoch = ++mountEpoch.current;
+    return () => {
+      void Promise.resolve().then(() => {
+        if (mountEpoch.current === epoch) currentStreamingLineId.current = null;
+      });
+    };
+  }, []);
   useEffect(() => {
     progressStateRef.current = progressState;
   }, [progressState]);
@@ -3707,45 +3948,54 @@ function useStreamingChat({
     currentStreamingLineId.current = null;
     setTimeout(() => focusInput(), 50);
   }, [focusInput]);
-  const handleHilSubmit = useCallback(
-    async (message) => {
-      const runId = liveRunIdRef.current;
-      if (!runId) return;
-      const apiUrl = config.agentsApiUrl || "http://localhost:3001";
-      try {
-        if (message && message.trim().length > 0) {
-          await fetch(`${apiUrl}/pipelines/${runId}/input`, {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ kind: "guidance", content: message })
-          });
-        }
-        await fetch(`${apiUrl}/pipelines/${runId}/input`, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ kind: "proceed" })
-        });
-      } catch (e) {
-        console.error("Failed to send pipeline input:", e);
-      }
-    },
-    [config.agentsApiUrl]
-  );
+  const postPipelineAction = useCallback(async (runId, action2, body) => {
+    const headers = config.getAuthHeaders?.() ?? (authTokenRef.current ? { Authorization: `Bearer ${authTokenRef.current}` } : {});
+    const response = await fetch(`${config.agentsApiUrl || "http://localhost:3001"}/pipelines/${runId}/${action2}`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json", ...headers },
+      body: body === void 0 ? void 0 : JSON.stringify(body)
+    });
+    if (!response.ok) throw new Error(`The request was not accepted (${response.status}). Please try again.`);
+  }, [config]);
+  const handleHilSubmit = useCallback(async (message) => {
+    const runId = liveRunIdRef.current;
+    if (!runId) return;
+    try {
+      if (message.trim()) await postPipelineAction(runId, "input", { kind: "guidance", content: message });
+      await postPipelineAction(runId, "input", { kind: "proceed" });
+    } catch (error) {
+      addTerminalLine("error", `Your input was not sent. ${error.message}`);
+    }
+  }, [postPipelineAction, addTerminalLine]);
   const handleCancelReasoning = useCallback(async () => {
     const runId = liveRunIdRef.current;
     if (!runId) return;
-    const apiUrl = config.agentsApiUrl || "http://localhost:3001";
-    setProgressState(null);
-    resetStreamState();
     try {
-      await fetch(`${apiUrl}/pipelines/${runId}/cancel`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" }
-      });
-    } catch (e) {
-      console.error("Failed to cancel pipeline:", e);
+      await postPipelineAction(runId, "cancel");
+      setProgressState(null);
+      resetStreamState();
+      addTerminalLine("info", "Stopped the analysis.");
+    } catch (error) {
+      addTerminalLine("error", `The analysis is still running. ${error.message}`);
     }
-  }, [config.agentsApiUrl, resetStreamState]);
+  }, [postPipelineAction, resetStreamState, addTerminalLine]);
+  const settleAgentSteps = useCallback(
+    (lineId) => {
+      setTerminalHistory((prev) => {
+        const idx = prev.findIndex((line) => line.id === lineId);
+        if (idx === -1) return prev;
+        const meta = prev[idx].metadata;
+        if (!meta?.agentStepsLive) return prev;
+        const updated = [...prev];
+        updated[idx] = {
+          ...updated[idx],
+          metadata: { ...updated[idx].metadata || {}, agentStepsLive: false }
+        };
+        return updated;
+      });
+    },
+    [setTerminalHistory]
+  );
   const handleStreamingChat = useCallback(
     async (cmd) => {
       if (isProcessingRef.current || !onStreamRequest) return;
@@ -3757,8 +4007,9 @@ function useStreamingChat({
       const startMs = Date.now();
       setStreamTransparency({ startedAtMs: startMs, lastEventAtMs: startMs });
       setActivityEvents([]);
-      const userCommandId = Date.now().toString();
-      const streamingLineId = (Date.now() + 1).toString();
+      const turnKey = `${Date.now()}-${++turnSequence.current}`;
+      const userCommandId = `${turnKey}:question`;
+      const streamingLineId = `${turnKey}:answer`;
       currentStreamingLineId.current = streamingLineId;
       const userCommandEntry = {
         id: userCommandId,
@@ -3784,14 +4035,14 @@ function useStreamingChat({
       setTerminalHistory((prev) => [
         ...prev,
         {
-          id: (Date.now() + 2).toString(),
+          id: `${turnKey}:before-question`,
           type: "info",
           content: "",
           timestamp: /* @__PURE__ */ new Date()
         },
         userCommandEntry,
         {
-          id: (Date.now() + 3).toString(),
+          id: `${turnKey}:before-answer`,
           type: "info",
           content: "",
           timestamp: /* @__PURE__ */ new Date()
@@ -3805,10 +4056,37 @@ function useStreamingChat({
       let sources;
       let kgId;
       let runId;
+      const steps = /* @__PURE__ */ new Map();
+      const fail = (error) => {
+        if (currentStreamingLineId.current !== streamingLineId) return;
+        settleAgentSteps(streamingLineId);
+        updateStreamingLine(
+          streamingLineId,
+          fullResponse,
+          pageSuggestions,
+          suggestedActions,
+          progressStateRef.current ? captureReasoningSnapshot(progressStateRef.current, true) : void 0,
+          pipelineDraft,
+          sources,
+          kgId,
+          runId
+        );
+        setTerminalHistory((prev) => prev.map((entry) => entry.id === streamingLineId ? { ...entry, metadata: { ...entry.metadata, completion: { stop_reason: /connection|interrupt/i.test(error) ? "interrupted" : "failed" } } } : entry));
+        addTerminalLine("error", error);
+        setProgressState(null);
+        resetStreamState();
+      };
       try {
         await onStreamRequest(cmd, {
           onChunk: (chunk) => {
+            if (currentStreamingLineId.current !== streamingLineId) return;
+            if (chunk.entryMetadata) {
+              setTerminalHistory((prev) => prev.map((entry) => entry.id === streamingLineId ? { ...entry, metadata: { ...entry.metadata, ...chunk.entryMetadata } } : entry));
+            }
             const eventMs = Date.now();
+            if (chunk.completion) {
+              setTerminalHistory((prev) => prev.map((entry) => entry.id === streamingLineId ? { ...entry, metadata: { ...entry.metadata, completion: chunk.completion } } : entry));
+            }
             if (chunk.sender) {
               setStreamingLineSender(streamingLineId, chunk.sender);
               if (currentUser) {
@@ -3821,6 +4099,28 @@ function useStreamingChat({
             if (chunk.collaboration) {
               setCollaborationState(chunk.collaboration);
             }
+            if (chunk.step) {
+              steps.set(chunk.step.seq, chunk.step);
+              const ordered = Array.from(steps.values()).sort((a, b) => a.seq - b.seq);
+              setTerminalHistory((prev) => {
+                const idx = prev.findIndex((line) => line.id === streamingLineId);
+                if (idx === -1) return prev;
+                const updated = [...prev];
+                updated[idx] = {
+                  ...updated[idx],
+                  metadata: {
+                    ...updated[idx].metadata || {},
+                    agentSteps: ordered,
+                    // Explicit rather than inferred from the streaming cursor:
+                    // a tool loop runs to completion BEFORE the first answer
+                    // token, so during the whole loop the entry's content is
+                    // empty and carries no cursor to read.
+                    agentStepsLive: true
+                  }
+                };
+                return updated;
+              });
+            }
             const ckgId = extractKgId(chunk, chunk.progress);
             const cRunId = chunk.run_id || chunk.progress?.run_id;
             const ctId = chunk.thread_id || chunk.progress?.thread_id || chunk.reasoning_thread_id || chunk.progress?.reasoning_thread_id;
@@ -3964,49 +4264,14 @@ function useStreamingChat({
                 kgId,
                 runId
               );
+              settleAgentSteps(streamingLineId);
               resetStreamState();
             }
           },
-          onError: (error) => {
-            if (currentStreamingLineId.current === streamingLineId) {
-              if (progressStateRef.current) {
-                const snap = captureReasoningSnapshot(
-                  progressStateRef.current,
-                  true
-                );
-                updateStreamingLine(
-                  streamingLineId,
-                  fullResponse || "",
-                  void 0,
-                  void 0,
-                  snap
-                );
-                setProgressState(null);
-              } else {
-                addTerminalLine("error", `STREAMING ERROR: ${error}`);
-                setProgressState(null);
-              }
-              resetStreamState();
-            }
-          }
+          onError: fail
         }, reasoningModeRef.current ? { reasoningMode: reasoningModeRef.current } : void 0);
       } catch (error) {
-        if (progressStateRef.current && currentStreamingLineId.current) {
-          const snap = captureReasoningSnapshot(
-            progressStateRef.current,
-            true
-          );
-          updateStreamingLine(
-            currentStreamingLineId.current,
-            fullResponse || "",
-            void 0,
-            void 0,
-            snap
-          );
-        }
-        addTerminalLine("error", `STREAMING EXCEPTION: ${error.message}`);
-        setProgressState(null);
-        resetStreamState();
+        fail(error?.message || "The answer could not be completed.");
       }
     },
     [
@@ -4015,7 +4280,9 @@ function useStreamingChat({
       updateStreamingLine,
       setStreamingLineSender,
       resetStreamState,
-      addTerminalLine
+      addTerminalLine,
+      settleAgentSteps,
+      currentUser
     ]
   );
   const clearReasoningSession = useCallback(() => {
@@ -4108,6 +4375,7 @@ function useTerminalCore({
   onReasoningModeChangeProp,
   reasoningRef,
   workingGroupContextProp = null,
+  autoFocusInput = true,
   onResolveWorkingGroup,
   onRagFileUpload,
   onListRagFiles,
@@ -4125,12 +4393,13 @@ function useTerminalCore({
   pollIntervalMs,
   authToken
 }) {
+  const agentLabel = config.agentLabel?.trim() || DEFAULT_AGENT_LABEL;
   const [internalReasoningMode, setInternalReasoningMode] = useState(null);
   const reasoningMode = reasoningModeProp !== void 0 ? reasoningModeProp : internalReasoningMode;
   const onReasoningModeChange = onReasoningModeChangeProp || setInternalReasoningMode;
   const [terminalHistory, setTerminalHistory] = useState(() => {
     if (initialHistory && initialHistory.length > 0) return initialHistory;
-    return [{ type: "system", content: "YieldFabric Agent", timestamp: /* @__PURE__ */ new Date() }];
+    return [{ type: "system", content: agentLabel, timestamp: /* @__PURE__ */ new Date() }];
   });
   useEffect(() => {
     if (historyRef) {
@@ -4143,7 +4412,7 @@ function useTerminalCore({
   const enrichedHistory = useMemo(() => {
     if (!sourceKGNodes?.length) return terminalHistory;
     let changed = false;
-    const result = terminalHistory.map((entry) => {
+    const result2 = terminalHistory.map((entry) => {
       if ((entry.type === "response" || entry.type === "success") && entry.content && entry.content.length > 20 && !entry.sources?.length) {
         const sources = extractKGSources(entry.content, sourceKGNodes);
         if (sources.length > 0) {
@@ -4153,7 +4422,7 @@ function useTerminalCore({
       }
       return entry;
     });
-    return changed ? result : terminalHistory;
+    return changed ? result2 : terminalHistory;
   }, [terminalHistory, sourceKGNodes]);
   useEffect(() => {
     if (initialHistory && initialHistory.length > 0) {
@@ -4173,6 +4442,7 @@ function useTerminalCore({
     setTerminalHistory((prev) => [...prev, { id: Date.now().toString(), type: "response", content, timestamp: /* @__PURE__ */ new Date(), suggested_actions: actions }]);
   }, []);
   const [currentCommand, setCurrentCommand] = useState("");
+  const [pendingSubmit, setPendingSubmit] = useState(null);
   const [workingGroupContext, setWorkingGroupContext] = useState(workingGroupContextProp);
   const [hasShownWelcome, setHasShownWelcome] = useState(false);
   const [isInputFocused, setIsInputFocused] = useState(true);
@@ -4185,13 +4455,16 @@ function useTerminalCore({
     for (const ctrl of uploadAbortsRef.current) ctrl.abort();
     uploadAbortsRef.current = [];
   }, []);
-  const { inputRef, focusInput } = useFocusManagement();
+  const { inputRef, focusInput } = useFocusManagement(autoFocusInput);
   useEffect(() => {
     function onPrefill(e) {
       const detail = e.detail;
       if (!detail || typeof detail.value !== "string") return;
       const value = detail.value;
       setCurrentCommand(value);
+      if (e.detail?.submit) {
+        setPendingSubmit(value);
+      }
       requestAnimationFrame(() => {
         focusInput();
         const el = inputRef.current;
@@ -4205,6 +4478,9 @@ function useTerminalCore({
       window.removeEventListener("yieldfabric:terminal:prefill", onPrefill);
     };
   }, [focusInput, inputRef]);
+  const restoreInputFocus = useCallback(() => {
+    if (autoFocusInput) focusInput();
+  }, [autoFocusInput, focusInput]);
   const {
     isExecuting,
     setIsExecuting,
@@ -4224,11 +4500,12 @@ function useTerminalCore({
     activityEvents
   } = useStreamingChat({
     config,
+    authToken,
     onStreamRequest,
     reasoningMode,
     setTerminalHistory,
     addTerminalLine,
-    focusInput,
+    focusInput: restoreInputFocus,
     currentUser,
     sourceKGNodes
   });
@@ -4291,12 +4568,12 @@ function useTerminalCore({
   }, [onResolveWorkingGroup]);
   useEffect(() => {
     const handleActionResult = (event) => {
-      const result = event.detail;
-      if (result.success) {
+      const result2 = event.detail;
+      if (result2.success) {
         addTerminalLine("success", "Action executed successfully!");
-        if (result.data) addTerminalLine("response", JSON.stringify(result.data, null, 2));
+        if (result2.data) addTerminalLine("response", JSON.stringify(result2.data, null, 2));
       } else {
-        addTerminalLine("error", `Action failed: ${result.error || "Unknown error"}`);
+        addTerminalLine("error", `Action failed: ${result2.error || "Unknown error"}`);
       }
     };
     window.addEventListener("terminal-action-result", handleActionResult);
@@ -4308,7 +4585,7 @@ function useTerminalCore({
       const fullMessage = config.welcomeMessage;
       const typingLineId = Date.now().toString();
       setTerminalHistory([
-        { type: "system", content: "YieldFabric Agent", timestamp: /* @__PURE__ */ new Date() },
+        { type: "system", content: agentLabel, timestamp: /* @__PURE__ */ new Date() },
         { id: typingLineId, type: "info", content: "", timestamp: /* @__PURE__ */ new Date() }
       ]);
       let i = 0;
@@ -4364,7 +4641,7 @@ function useTerminalCore({
   }, [commandPaletteItems, selectedPaletteItem]);
   const handleClearCommand = useCallback(() => {
     setTerminalHistory([
-      { type: "system", content: "YieldFabric Agent", timestamp: /* @__PURE__ */ new Date() },
+      { type: "system", content: agentLabel, timestamp: /* @__PURE__ */ new Date() },
       { type: "system", content: "Terminal cleared.", timestamp: /* @__PURE__ */ new Date() }
     ]);
     setCurrentCommand("");
@@ -4387,11 +4664,11 @@ function useTerminalCore({
     addTerminalLine("info", `Uploading ${files.length} file(s)...`);
     setIsExecuting(true);
     try {
-      const result = await onRagFileUpload(files, workingGroupContext);
-      if (result.success) {
-        addTerminalLine("success", `Started ${result.pipelineRuns?.length ?? result.documentsIngested ?? files.length} ingestion pipeline(s)`);
-        if (result.message) addTerminalLine("response", result.message);
-        const runs = result.pipelineRuns ?? [];
+      const result2 = await onRagFileUpload(files, workingGroupContext);
+      if (result2.success) {
+        addTerminalLine("success", `Started ${result2.pipelineRuns?.length ?? result2.documentsIngested ?? files.length} ingestion pipeline(s)`);
+        if (result2.message) addTerminalLine("response", result2.message);
+        const runs = result2.pipelineRuns ?? [];
         if (runs.length > 0) {
           const apiUrl = config.agentsApiUrl || "http://localhost:3001";
           const remaining = new Set(runs.map((r) => r.run_id));
@@ -4478,7 +4755,7 @@ function useTerminalCore({
           await handleListFilesCommand();
         }
       } else {
-        addTerminalLine("error", `Upload failed${result.message ? `: ${result.message}` : ""}`);
+        addTerminalLine("error", `Upload failed${result2.message ? `: ${result2.message}` : ""}`);
       }
     } catch (error) {
       addTerminalLine("error", `Upload exception: ${error?.message || "Unknown error"}`);
@@ -4487,7 +4764,7 @@ function useTerminalCore({
       if (fileInputRef.current) fileInputRef.current.value = "";
       setTimeout(() => focusInput(), 50);
     }
-  }, [onRagFileUpload, onListRagFiles, workingGroupContext, addTerminalLine, setIsExecuting, focusInput, config.agentsApiUrl]);
+  }, [onRagFileUpload, onListRagFiles, workingGroupContext, addTerminalLine, setIsExecuting, focusInput, config.agentsApiUrl, authToken]);
   const handleListFilesCommand = useCallback(async () => {
     addTerminalLine("info", "");
     addTerminalLine("command", "files");
@@ -4497,12 +4774,12 @@ function useTerminalCore({
     }
     setIsExecuting(true);
     try {
-      const result = await onListRagFiles(workingGroupContext);
-      if (!result.success) {
-        addTerminalLine("error", `Could not load files${result.message ? `: ${result.message}` : ""}`);
+      const result2 = await onListRagFiles(workingGroupContext);
+      if (!result2.success) {
+        addTerminalLine("error", `Could not load files${result2.message ? `: ${result2.message}` : ""}`);
         return;
       }
-      const files = result.files || [];
+      const files = result2.files || [];
       if (files.length === 0) {
         addTerminalLine("info", "No files uploaded yet for this page working group.");
         return;
@@ -4531,12 +4808,12 @@ function useTerminalCore({
         return;
       }
       const title = payload.title || payload.document_id;
-      const result = await onDeleteRagFile(String(payload.document_id), workingGroupContext);
-      if (result.success) {
+      const result2 = await onDeleteRagFile(String(payload.document_id), workingGroupContext);
+      if (result2.success) {
         addTerminalLine("success", `Removed ${title}`);
         await handleListFilesCommand();
       } else {
-        addTerminalLine("error", `Failed to remove ${title}${result.message ? `: ${result.message}` : ""}`);
+        addTerminalLine("error", `Failed to remove ${title}${result2.message ? `: ${result2.message}` : ""}`);
       }
       return;
     }
@@ -4546,9 +4823,9 @@ function useTerminalCore({
         return;
       }
       const title = payload.title || payload.document_id;
-      const result = await onDownloadRagFile(String(payload.document_id), title, workingGroupContext);
-      if (result.success) addTerminalLine("success", `Download started: ${title}`);
-      else addTerminalLine("error", `Download failed for ${title}${result.message ? `: ${result.message}` : ""}`);
+      const result2 = await onDownloadRagFile(String(payload.document_id), title, workingGroupContext);
+      if (result2.success) addTerminalLine("success", `Download started: ${title}`);
+      else addTerminalLine("error", `Download failed for ${title}${result2.message ? `: ${result2.message}` : ""}`);
       return;
     }
     if (actionType === "resume_pipeline_run") {
@@ -4587,6 +4864,8 @@ function useTerminalCore({
     window.dispatchEvent(new CustomEvent("terminal-action-execute", { detail: updatedAction, bubbles: true }));
   }, [onDeleteRagFile, onDownloadRagFile, workingGroupContext, addTerminalLine, handleListFilesCommand, config.agentsApiUrl]);
   return {
+    // Identity
+    agentLabel,
     // History
     terminalHistory,
     setTerminalHistory,
@@ -4615,6 +4894,8 @@ function useTerminalCore({
     // Command input
     currentCommand,
     setCurrentCommand,
+    pendingSubmit,
+    setPendingSubmit,
     commandPaletteItems,
     setCommandPaletteItems,
     selectedPaletteItem,
@@ -4737,6 +5018,7 @@ function extractQuery(input, caret, enabledCommands, requireSlashCommand) {
   return { query: tail, command: cmd };
 }
 function StandardTerminal({
+  showBusyIndicator,
   theme: themeOverrides,
   config,
   onCommandExecute,
@@ -4756,9 +5038,15 @@ function StandardTerminal({
   onDeleteRagFile,
   onDownloadRagFile,
   workingGroupContext: workingGroupContextProp = null,
+  showWorkingGroupBanner = true,
+  autoFocusInput = true,
+  inputPlaceholder,
+  submitRequest,
+  onSubmitRequest,
   onPipelineDraftEdit,
   onPipelineDraftReject,
   onSubmitNote,
+  onSubmitLog,
   onMentionResolve,
   onMentionPicked,
   availableKGs,
@@ -4779,6 +5067,7 @@ function StandardTerminal({
   widgets,
   slots,
   onSourcesActivate,
+  onSourceActivate,
   onPollMessages,
   pollIntervalMs,
   historyRef
@@ -4794,6 +5083,7 @@ function StandardTerminal({
     reasoningRef,
     workingGroupContextProp,
     onResolveWorkingGroup,
+    autoFocusInput,
     onRagFileUpload,
     onListRagFiles,
     onDeleteRagFile,
@@ -4809,17 +5099,32 @@ function StandardTerminal({
     showWelcomeMessage
   });
   const { pushCommand, navigateUp, navigateDown, resetIndex } = useCommandHistory();
+  const consumedRequest = useRef(null);
+  React15.useEffect(() => {
+    if (!submitRequest || consumedRequest.current === submitRequest.id || !submitRequest.value.trim() || !onStreamRequest || core.isExecuting || core.isStreaming || core.currentStreamingLineId.current) return;
+    consumedRequest.current = submitRequest.id;
+    onSubmitRequest?.(submitRequest.id);
+    void core.handleStreamingChat(submitRequest.value.trim());
+  }, [
+    submitRequest,
+    onSubmitRequest,
+    onStreamRequest,
+    core.isExecuting,
+    core.isStreaming,
+    core.currentStreamingLineId,
+    core.handleStreamingChat
+  ]);
   const [suggestions, setSuggestions] = useState([]);
   const [selectedSuggestion, setSelectedSuggestion] = useState(0);
   const [internalAuthToken, setInternalAuthToken] = useState(authToken);
   const authTokenRef = useRef(internalAuthToken);
   authTokenRef.current = internalAuthToken;
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (authToken !== internalAuthToken) setInternalAuthToken(authToken);
   }, [authToken]);
   const [caretIndex, setCaretIndex] = useState(0);
   const [slashPickedNames, setSlashPickedNames] = useState([]);
-  const liveSlashPickedNames = React12.useMemo(
+  const liveSlashPickedNames = React15.useMemo(
     () => slashPickedNames.filter(
       (n) => core.currentCommand.toLowerCase().includes(`@${n.toLowerCase()}`)
     ),
@@ -4906,6 +5211,11 @@ function StandardTerminal({
       setSuggestions([]);
     }
   };
+  React15.useEffect(() => {
+    if (!core.pendingSubmit) return;
+    core.setPendingSubmit(null);
+    void handleSubmit();
+  }, [core.pendingSubmit]);
   const handleSubmit = async () => {
     if (!core.currentCommand.trim() || core.isExecuting || core.isStreaming || core.currentStreamingLineId.current) return;
     const rawCmd = core.currentCommand.trim();
@@ -4953,6 +5263,21 @@ function StandardTerminal({
       setTimeout(() => core.focusInput(), 50);
       return;
     }
+    if (command === "log") {
+      const prose = args.join(" ");
+      core.addTerminalLine("command", prose.trim() ? `log ${prose}` : "log");
+      if (!onSubmitLog) {
+        core.addTerminalLine("error", "Work capture is not available in this context.");
+      } else if (!prose.trim()) {
+        core.addTerminalLine("info", "Usage: /log <what you did or decided>");
+      } else {
+        const result2 = await onSubmitLog(prose);
+        core.addTerminalLine(result2.ok ? "success" : "error", result2.message);
+      }
+      core.setCurrentCommand("");
+      setTimeout(() => core.focusInput(), 50);
+      return;
+    }
     if (isNaturalLanguage(cmd, config.endpoints) && onStreamRequest) {
       await core.handleStreamingChat(cmd);
       core.setCurrentCommand("");
@@ -5008,8 +5333,8 @@ function StandardTerminal({
       );
       return;
     }
-    const result = await onSubmitNote(prose, scope);
-    core.addTerminalLine(result.ok ? "success" : "error", result.message);
+    const result2 = await onSubmitNote(prose, scope);
+    core.addTerminalLine(result2.ok ? "success" : "error", result2.message);
   };
   const handleTokenCommand = (args) => {
     core.addTerminalLine("command", `token ${args.join(" ")}`);
@@ -5037,18 +5362,18 @@ Method: ${parsed.endpoint.method}
 Path: ${parsed.endpoint.path}`);
     core.addTerminalLine("info", "");
     try {
-      const result = await onCommandExecute(cmd, parsed.endpoint, parsed.args);
-      if (result.success) {
-        core.addTerminalLine("success", result.message || "RESPONSE: SUCCESS");
-        if (result.data) core.addTerminalLine("response", JSON.stringify(result.data, null, 2));
-        if (parsed.endpoint.id.includes("login") && result.data?.token) {
-          setInternalAuthToken(result.data.token);
-          onAuthTokenChange?.(result.data.token);
+      const result2 = await onCommandExecute(cmd, parsed.endpoint, parsed.args);
+      if (result2.success) {
+        core.addTerminalLine("success", result2.message || "RESPONSE: SUCCESS");
+        if (result2.data) core.addTerminalLine("response", JSON.stringify(result2.data, null, 2));
+        if (parsed.endpoint.id.includes("login") && result2.data?.token) {
+          setInternalAuthToken(result2.data.token);
+          onAuthTokenChange?.(result2.data.token);
           core.addTerminalLine("success", "AUTH TOKEN AUTO-SAVED");
         }
       } else {
-        core.addTerminalLine("error", `ERROR: ${result.error || "Request failed"}`);
-        if (result.data) core.addTerminalLine("response", JSON.stringify(result.data, null, 2));
+        core.addTerminalLine("error", `ERROR: ${result2.error || "Request failed"}`);
+        if (result2.data) core.addTerminalLine("response", JSON.stringify(result2.data, null, 2));
       }
     } catch (error) {
       core.addTerminalLine("error", `SYSTEM ERROR: ${error.message}`);
@@ -5071,14 +5396,17 @@ Path: ${parsed.endpoint.path}`);
       className,
       style,
       showHeader,
+      agentLabel: core.agentLabel,
       focusInput: core.focusInput,
       setTerminalHistory: core.setTerminalHistory,
       terminalBodyRef: core.terminalBodyRef,
       workingGroupContext: core.workingGroupContext,
+      showWorkingGroupBanner,
       progressState: core.progressState,
       streamTransparency: core.streamTransparency,
       streamNowMs: core.streamNowMs,
       isExecuting: core.isExecuting,
+      showBusyIndicator,
       handleCancelReasoning: core.handleCancelReasoning,
       onViewKnowledgeGraph,
       onLiveKGUpdate,
@@ -5153,11 +5481,12 @@ Path: ${parsed.endpoint.path}`);
       inputBar: /* @__PURE__ */ jsx(
         TerminalInputBar,
         {
+          autoFocus: autoFocusInput,
           inputRef: core.inputRef,
           fileInputRef: core.fileInputRef,
           currentCommand: core.currentCommand,
           isExecuting: core.isExecuting,
-          placeholder: activeKGScope ? `Ask about ${activeKGScope.label}...` : "Ask anything...",
+          placeholder: activeKGScope ? `Ask about ${activeKGScope.label}...` : inputPlaceholder ?? "Ask anything...",
           onInputChange: handleInputChange,
           onKeyDown: handleKeyDown,
           onSubmit: handleSubmit,
@@ -5194,6 +5523,7 @@ Path: ${parsed.endpoint.path}`);
           authToken: authTokenRef.current,
           onPageNavigation,
           onSourcesActivate,
+          onSourceActivate,
           renderEntryExtra,
           renderEntry,
           widgets,
@@ -5484,6 +5814,7 @@ function useMentions(currentCommand, participants, mentionTargets) {
   };
 }
 function ChatTerminal({
+  showBusyIndicator,
   theme: themeOverrides,
   config,
   className = "",
@@ -5499,6 +5830,8 @@ function ChatTerminal({
   onDeleteRagFile,
   onDownloadRagFile,
   workingGroupContext: workingGroupContextProp = null,
+  showWorkingGroupBanner = true,
+  autoFocusInput = true,
   onPipelineDraftEdit,
   onPipelineDraftReject,
   onPageNavigation,
@@ -5521,6 +5854,7 @@ function ChatTerminal({
   widgets,
   slots,
   onSourcesActivate,
+  onSourceActivate,
   historyRef,
   currentUser,
   onSendMessage,
@@ -5530,8 +5864,10 @@ function ChatTerminal({
   typingUsers,
   onTyping,
   onSubmitNote,
+  onSubmitLog,
   onMentionResolve,
-  onMentionPicked
+  onMentionPicked,
+  authToken
 }) {
   const core = useTerminalCore({
     config,
@@ -5544,6 +5880,7 @@ function ChatTerminal({
     reasoningRef,
     workingGroupContextProp,
     onResolveWorkingGroup,
+    autoFocusInput,
     onRagFileUpload,
     onListRagFiles,
     onDeleteRagFile,
@@ -5557,7 +5894,8 @@ function ChatTerminal({
     showWelcomeMessage,
     currentUser,
     onPollMessages,
-    pollIntervalMs
+    pollIntervalMs,
+    authToken
   });
   useEffect(() => {
     onActivityEventsChange?.(core.activityEvents);
@@ -5701,11 +6039,26 @@ function ChatTerminal({
           `Usage: /${command} <prose>. Use @name to link an entity.`
         );
       } else {
-        const result = await onSubmitNote(
+        const result2 = await onSubmitNote(
           prose,
           command === "personal" ? "personal" : "workspace"
         );
-        core.addTerminalLine(result.ok ? "success" : "error", result.message);
+        core.addTerminalLine(result2.ok ? "success" : "error", result2.message);
+      }
+      core.setCurrentCommand("");
+      setTimeout(() => core.focusInput(), 50);
+      return;
+    }
+    if (command === "log") {
+      const prose = args.join(" ");
+      core.addTerminalLine("command", prose.trim() ? `log ${prose}` : "log");
+      if (!onSubmitLog) {
+        core.addTerminalLine("error", "Work capture is not available in this context.");
+      } else if (!prose.trim()) {
+        core.addTerminalLine("info", "Usage: /log <what you did or decided>");
+      } else {
+        const result2 = await onSubmitLog(prose);
+        core.addTerminalLine(result2.ok ? "success" : "error", result2.message);
       }
       core.setCurrentCommand("");
       setTimeout(() => core.focusInput(), 50);
@@ -5752,14 +6105,17 @@ function ChatTerminal({
       className,
       style,
       showHeader,
+      agentLabel: core.agentLabel,
       focusInput: core.focusInput,
       setTerminalHistory: core.setTerminalHistory,
       terminalBodyRef: core.terminalBodyRef,
       workingGroupContext: core.workingGroupContext,
+      showWorkingGroupBanner,
       progressState: core.progressState,
       streamTransparency: core.streamTransparency,
       streamNowMs: core.streamNowMs,
       isExecuting: core.isExecuting,
+      showBusyIndicator,
       handleCancelReasoning: core.handleCancelReasoning,
       onViewKnowledgeGraph,
       onLiveKGUpdate,
@@ -5796,6 +6152,7 @@ function ChatTerminal({
       inputBar: /* @__PURE__ */ jsx(
         TerminalInputBar,
         {
+          autoFocus: autoFocusInput,
           inputRef: core.inputRef,
           fileInputRef: core.fileInputRef,
           currentCommand: core.currentCommand,
@@ -5848,6 +6205,7 @@ function ChatTerminal({
             config,
             onPageNavigation,
             onSourcesActivate,
+            onSourceActivate,
             renderEntryExtra,
             renderEntry,
             widgets,
@@ -7004,6 +7362,227 @@ function ReasoningHistoryCard({
     }
   );
 }
+function subject(step) {
+  const idx = step.detail.indexOf(": ");
+  const s = idx > -1 ? step.detail.slice(idx + 2).trim() : "";
+  return s.length ? s : null;
+}
+function bare(tool) {
+  return tool.replace(/^yf_kg_/, "").replace(/^yf_/, "");
+}
+function action(step) {
+  const subj = subject(step);
+  const quoted = subj ? `\u201C${subj}\u201D` : null;
+  switch (bare(step.tool)) {
+    case "graphs":
+      return "Listed knowledge collections";
+    case "search":
+      return quoted ? `Searched for ${quoted}` : "Searched the documents";
+    case "count":
+      return quoted ? `Counted mentions of ${quoted}` : "Counted mentions";
+    case "enumerate":
+      return quoted ? `Listed every match for ${quoted}` : "Listed every match";
+    case "fetch":
+      return "Read a document";
+    case "entities":
+      return "Listed the people and things found";
+    case "explore":
+      return quoted ? `Followed connections from ${quoted}` : "Followed connections";
+    case "sets":
+      return "Listed frozen document sets";
+    case "get_set":
+      return "Read a frozen document set";
+    case "count_in_set":
+      return quoted ? `Counted ${quoted} inside a set` : "Counted inside a set";
+    case "think":
+      return "Thought it through";
+    default:
+      return subj ? `${bare(step.tool).replace(/_/g, " ")} ${subj}` : bare(step.tool).replace(/_/g, " ");
+  }
+}
+function took(step) {
+  if (step.status === "running") return null;
+  const ms = Number(step.ms);
+  if (!Number.isFinite(ms) || ms < 1e3) return null;
+  return ms < 1e4 ? `${(ms / 1e3).toFixed(1)}s` : `${Math.round(ms / 1e3)}s`;
+}
+function groupTook(g) {
+  const slowest = g.steps.reduce(
+    (worst, s) => Number(s.ms) > Number(worst.ms) ? s : worst,
+    g.steps[0]
+  );
+  return took(slowest);
+}
+function result(step) {
+  if (step.status === "running") return null;
+  if (step.status === "error") return "unavailable";
+  const n = Number(step.outcome);
+  if (!Number.isFinite(n)) return null;
+  const [one, many] = {
+    graphs: ["collection", "collections"],
+    search: ["result", "results"],
+    count: ["document", "documents"],
+    enumerate: ["match", "matches"],
+    entities: ["entity", "entities"],
+    explore: ["connection", "connections"],
+    sets: ["set", "sets"]
+  }[bare(step.tool)] ?? ["result", "results"];
+  if (n === 0) return "nothing found";
+  return `${n} ${n === 1 ? one : many}`;
+}
+function group(steps) {
+  const out = [];
+  const byKey = /* @__PURE__ */ new Map();
+  for (const step of steps) {
+    const label = action(step);
+    const key = `${step.round ?? ""}\0${label}`;
+    const existing = byKey.get(key);
+    if (existing) {
+      existing.steps.push(step);
+      continue;
+    }
+    const g = { key: step.seq, label, round: step.round, steps: [step] };
+    byKey.set(key, g);
+    out.push(g);
+  }
+  return out;
+}
+function groupResult(g) {
+  if (g.steps.length === 1) return result(g.steps[0]);
+  const done = g.steps.filter((s) => s.status !== "running");
+  if (!done.length) return null;
+  const hits = done.filter((s) => Number(s.outcome) > 0).length;
+  if (hits === 0) return "nothing found";
+  return `found in ${hits} of ${done.length}`;
+}
+function roundCount(steps) {
+  const seen = /* @__PURE__ */ new Set();
+  for (const s of steps) if (typeof s.round === "number") seen.add(s.round);
+  return seen.size ? seen.size : null;
+}
+function AgentStepTrace({ steps, working }) {
+  const t = useTheme();
+  const failed = steps.some((s) => s.status === "error");
+  const prominent = working || failed;
+  const [open, setOpen] = useState(prominent);
+  const [touched, setTouched] = useState(false);
+  const [hover, setHover] = useState(false);
+  useEffect(() => {
+    if (!touched) setOpen(prominent);
+  }, [prominent, touched]);
+  if (!steps.length) return null;
+  const groups = group(steps);
+  const rounds = roundCount(steps);
+  const n = rounds ?? groups.length;
+  const count = `${n} ${rounds ? "round" : "step"}${n === 1 ? "" : "s"}`;
+  const only = groups.length === 1 ? groups[0] : null;
+  const summary = working ? `${action(steps[steps.length - 1])}\u2026` : failed ? `${count}, some unavailable` : only ? [
+    only.label + (only.steps.length > 1 ? ` \xD7${only.steps.length}` : ""),
+    groupResult(only)
+  ].filter(Boolean).join(" \u2014 ") : count;
+  const toggle = /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => {
+        setTouched(true);
+        setOpen((o) => !o);
+      },
+      onMouseEnter: () => setHover(true),
+      onMouseLeave: () => setHover(false),
+      "aria-expanded": open,
+      className: "flex w-full items-center gap-2 text-left text-xs",
+      style: { color: failed ? t.error : hover ? t.text : t.textMuted },
+      children: [
+        working && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: "inline-block h-1.5 w-1.5 shrink-0 rounded-full motion-safe:animate-pulse",
+            style: { backgroundColor: t.primary }
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: summary }),
+        !(only && !working && !failed) && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "shrink-0", children: open ? "\u2212" : "+" })
+      ]
+    }
+  );
+  const rows = /* @__PURE__ */ jsx("ol", { className: "mt-2 space-y-1", children: groups.map((g, i) => {
+    const res = groupResult(g);
+    const slow = groupTook(g);
+    const anyError = g.steps.some((s) => s.status === "error");
+    const running = g.steps.some((s) => s.status === "running");
+    const startsRound = g.round !== void 0 && g.round !== groups[i - 1]?.round;
+    return /* @__PURE__ */ jsxs("li", { className: "flex items-baseline gap-2 text-xs", children: [
+      rounds !== null && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "w-3 shrink-0 text-right tabular-nums",
+          style: { color: t.textMuted },
+          "aria-hidden": !startsRound,
+          children: startsRound ? g.round : ""
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: "w-3 shrink-0 text-[10px]",
+          style: { color: anyError ? t.error : t.textMuted },
+          children: running ? "\xB7" : anyError ? "!" : "\u2713"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: "min-w-0 flex-1 truncate",
+          style: { color: t.textSecondary },
+          title: g.label,
+          children: [
+            g.label,
+            g.steps.length > 1 && /* @__PURE__ */ jsxs("span", { style: { color: t.textMuted }, children: [
+              " \xD7",
+              g.steps.length
+            ] })
+          ]
+        }
+      ),
+      slow && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "shrink-0 tabular-nums",
+          style: { color: t.textMuted },
+          children: slow
+        }
+      ),
+      res && /* @__PURE__ */ jsx("span", { className: "shrink-0", style: { color: anyError ? t.error : t.textMuted }, children: res })
+    ] }, g.key);
+  }) });
+  if (!prominent) {
+    return /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
+      toggle,
+      open && !only && rows
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "mt-2 rounded-lg p-3",
+      style: { backgroundColor: t.bgRaisedAlt, border: `1px solid ${t.border}` },
+      children: [
+        toggle,
+        open && rows
+      ]
+    }
+  );
+}
+function agentStepTraceExtra(entry) {
+  const meta = entry.metadata;
+  const steps = meta?.agentSteps;
+  if (!steps?.length) return null;
+  const working = meta?.agentStepsLive ?? entry.content.endsWith("\u258B");
+  return /* @__PURE__ */ jsx(AgentStepTrace, { steps, working });
+}
 
 // src/knowledge/graphTheme.ts
 var NODE_TYPE_COLORS = {
@@ -7479,7 +8058,7 @@ var MarkdownContent = memo(function MarkdownContent2({
     if (!entities || entities.length === 0) return MARKDOWN_COMPONENTS;
     return { ...MARKDOWN_COMPONENTS, ...buildHighlightOverrides(entities, onEntityClick) };
   }, [entities, onEntityClick]);
-  return /* @__PURE__ */ jsx("div", { className: `text-xs leading-relaxed text-gray-300 break-words ${className}`, children: /* @__PURE__ */ jsx(ReactMarkdown, { components, children }) });
+  return /* @__PURE__ */ jsx("div", { className: `text-xs leading-relaxed text-gray-300 break-words ${className}`, children: /* @__PURE__ */ jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components, children }) });
 });
 function escapeRegex(s) {
   return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
@@ -7545,13 +8124,13 @@ function highlightText(text, regex, entityMap, onEntityClick) {
   return parts;
 }
 function highlightChildren(children, regex, entityMap, onEntityClick) {
-  return React12.Children.map(children, (child) => {
+  return React15.Children.map(children, (child) => {
     if (typeof child === "string") {
       const highlighted = highlightText(child, regex, entityMap, onEntityClick);
       return highlighted.length === 1 && typeof highlighted[0] === "string" ? child : /* @__PURE__ */ jsx(Fragment, { children: highlighted });
     }
-    if (React12.isValidElement(child) && child.props.children) {
-      return React12.cloneElement(child, {
+    if (React15.isValidElement(child) && child.props.children) {
+      return React15.cloneElement(child, {
         ...child.props,
         children: highlightChildren(child.props.children, regex, entityMap, onEntityClick)
       });
@@ -8022,10 +8601,10 @@ var SAVE_STAGE_MESSAGES = {
   extracting: "re-analyzing entities with AI\u2026",
   finishing: "almost done \xB7 finalizing graph\u2026"
 };
-function summarizeSaveResult(result) {
-  if (!result?.diff) return "Saved";
-  const added = result.diff.added_node_keys?.length ?? 0;
-  const removed = result.diff.removed_node_keys?.length ?? 0;
+function summarizeSaveResult(result2) {
+  if (!result2?.diff) return "Saved";
+  const added = result2.diff.added_node_keys?.length ?? 0;
+  const removed = result2.diff.removed_node_keys?.length ?? 0;
   if (added === 0 && removed === 0) return "Saved \xB7 graph unchanged";
   const parts = [];
   if (added > 0) parts.push(`+${added}`);
@@ -8104,11 +8683,11 @@ function NodeDetailDrawer({ node, connectedNodes, chunks = [], annotations, onCl
     setIsSaving(true);
     try {
       const rawResult = await onSaveDescription(draftAtSaveTime);
-      const result = rawResult ?? null;
+      const result2 = rawResult ?? null;
       if (currentNodeIdRef.current === savingForNodeId) {
         setLocalDescription(draftAtSaveTime);
         setIsEditing(false);
-        setLastSaveResult(result);
+        setLastSaveResult(result2);
         if (savedPillTimerRef.current) clearTimeout(savedPillTimerRef.current);
         savedPillTimerRef.current = setTimeout(() => {
           setLastSaveResult(null);
@@ -8644,11 +9223,11 @@ function NodeDetailDrawer({ node, connectedNodes, chunks = [], annotations, onCl
           renderedClaims.length,
           ")"
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: claimGroups.map((group) => {
-          const isRelated = group.predicate === "(related)";
+        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: claimGroups.map((group2) => {
+          const isRelated = group2.predicate === "(related)";
           return /* @__PURE__ */ jsxs("div", { children: [
-            group.items.length > 1 && /* @__PURE__ */ jsx("div", { className: "text-[10px] text-gray-500 italic mb-0.5 px-2", children: group.predicate }),
-            /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: group.items.map((claim) => {
+            group2.items.length > 1 && /* @__PURE__ */ jsx("div", { className: "text-[10px] text-gray-500 italic mb-0.5 px-2", children: group2.predicate }),
+            /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: group2.items.map((claim) => {
               const cnColors = getNodeColors(claim.targetType);
               return /* @__PURE__ */ jsxs(
                 "button",
@@ -8686,7 +9265,7 @@ function NodeDetailDrawer({ node, connectedNodes, chunks = [], annotations, onCl
                 claim.key
               );
             }) })
-          ] }, group.predicate);
+          ] }, group2.predicate);
         }) })
       ] }),
       Object.keys(visibleProperties).length > 0 && /* @__PURE__ */ jsxs("div", { children: [
@@ -9301,7 +9880,7 @@ var RECRUITING_LINES = [
 ];
 function RecruitingHint() {
   const [idx, setIdx] = useState(0);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     const t = setInterval(() => setIdx((i) => (i + 1) % RECRUITING_LINES.length), 2500);
     return () => clearInterval(t);
   }, []);
@@ -9404,7 +9983,7 @@ function RelationshipSentence({ rel }) {
   const hasRange = rel.range.length > 0;
   return /* @__PURE__ */ jsxs("div", { style: { lineHeight: 2, color: "#888", fontSize: 13, wordBreak: "break-word" }, children: [
     hasDomain && /* @__PURE__ */ jsxs(Fragment, { children: [
-      rel.domain.map((d, i) => /* @__PURE__ */ jsxs(React12.Fragment, { children: [
+      rel.domain.map((d, i) => /* @__PURE__ */ jsxs(React15.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx("span", { style: { color: "#666" }, children: " or " }),
         /* @__PURE__ */ jsx(TypeChip, { name: d })
       ] }, d)),
@@ -9413,7 +9992,7 @@ function RelationshipSentence({ rel }) {
     /* @__PURE__ */ jsx("span", { style: { color: "#ddd", fontStyle: "italic", fontWeight: 500 }, children: verb }),
     hasRange && /* @__PURE__ */ jsxs(Fragment, { children: [
       " ",
-      rel.range.map((r, i) => /* @__PURE__ */ jsxs(React12.Fragment, { children: [
+      rel.range.map((r, i) => /* @__PURE__ */ jsxs(React15.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx("span", { style: { color: "#666" }, children: " and " }),
         /* @__PURE__ */ jsx(TypeChip, { name: r })
       ] }, r))
@@ -9933,7 +10512,7 @@ function DocumentProcessingProgress() {
   if (!state) return null;
   const currentIdx = DOCUMENT_PIPELINE_STEPS.findIndex((s) => s.key === state.step);
   return /* @__PURE__ */ jsxs("div", { className: "px-3 py-1.5 flex flex-col gap-1", style: { borderBottom: "1px solid #282828", backgroundColor: "#1a1a1a" }, children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0", children: DOCUMENT_PIPELINE_STEPS.map((step, i) => /* @__PURE__ */ jsxs(React12.Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0", children: DOCUMENT_PIPELINE_STEPS.map((step, i) => /* @__PURE__ */ jsxs(React15.Fragment, { children: [
       i > 0 && /* @__PURE__ */ jsx("div", { className: "w-2 h-px mx-0.5", style: { backgroundColor: i <= currentIdx ? "#10b981" : "#333" } }),
       /* @__PURE__ */ jsx(
         "span",
@@ -10217,10 +10796,10 @@ function hydrateAgentIds(ids) {
     };
   });
 }
-function stageReducer(state, action) {
-  switch (action.type) {
+function stageReducer(state, action2) {
+  switch (action2.type) {
     case "TEAM_SETUP": {
-      const incomingIds = new Set(action.agents.map((a) => a.id));
+      const incomingIds = new Set(action2.agents.map((a) => a.id));
       let isWholesaleReplace = state.lastBackendTeamIds.size > 0;
       if (isWholesaleReplace) {
         state.lastBackendTeamIds.forEach((id) => {
@@ -10238,48 +10817,48 @@ function stageReducer(state, action) {
       return {
         ...state,
         stage: "team_formation",
-        team: [...action.agents, ...surviving],
+        team: [...action2.agents, ...surviving],
         localOnlyAgentIds: nextLocalOnly,
         lastBackendTeamIds: incomingIds
       };
     }
     case "PHASE_ADVANCED": {
-      const to = action.to;
+      const to = action2.to;
       if (to === "team_formation") return { ...state, stage: "team_formation" };
       if (to === "schema_seeding") return { ...state, stage: "schema_seeding" };
       if (to === "construction" || to === "synthesis" || to === "done") return { ...state, stage: "graph" };
       return state;
     }
     case "UPDATE_AGENT":
-      return { ...state, team: state.team.map((a) => a.id === action.id ? { ...a, ...action.updates } : a) };
+      return { ...state, team: state.team.map((a) => a.id === action2.id ? { ...a, ...action2.updates } : a) };
     case "REMOVE_AGENT": {
       const nextLocalOnly = new Set(state.localOnlyAgentIds);
-      nextLocalOnly.delete(action.id);
+      nextLocalOnly.delete(action2.id);
       return {
         ...state,
-        team: state.team.filter((a) => a.id !== action.id),
+        team: state.team.filter((a) => a.id !== action2.id),
         localOnlyAgentIds: nextLocalOnly
       };
     }
     case "ADD_AGENT": {
       const nextLocalOnly = new Set(state.localOnlyAgentIds);
-      nextLocalOnly.add(action.agent.id);
+      nextLocalOnly.add(action2.agent.id);
       return {
         ...state,
-        team: [...state.team, action.agent],
+        team: [...state.team, action2.agent],
         localOnlyAgentIds: nextLocalOnly
       };
     }
     case "SCHEMA_SEEDED":
-      return { ...state, schemaNodeTypeCount: action.nodeTypeCount, schemaEdgeTypeCount: action.edgeTypeCount };
+      return { ...state, schemaNodeTypeCount: action2.nodeTypeCount, schemaEdgeTypeCount: action2.edgeTypeCount };
     case "SCHEMA_TYPE_ADDED":
-      return { ...state, schemaNodeTypes: state.schemaNodeTypes.includes(action.typeName) ? state.schemaNodeTypes : [...state.schemaNodeTypes, action.typeName] };
+      return { ...state, schemaNodeTypes: state.schemaNodeTypes.includes(action2.typeName) ? state.schemaNodeTypes : [...state.schemaNodeTypes, action2.typeName] };
     case "SCHEMA_TEXT": {
       const rels = [];
       const nodeTypes2 = new Set(state.schemaNodeTypes);
       const relPattern = /(\w+)\s*:\s*\[([^\]]*)\]\s*→\s*\[([^\]]*)\]/g;
       let m;
-      while ((m = relPattern.exec(action.text)) !== null) {
+      while ((m = relPattern.exec(action2.text)) !== null) {
         const name = m[1];
         const domain = m[2].split(",").map((s) => s.replace(/"/g, "").trim()).filter(Boolean);
         const range = m[3].split(",").map((s) => s.replace(/"/g, "").trim()).filter(Boolean);
@@ -10294,7 +10873,7 @@ function stageReducer(state, action) {
       };
     }
     case "DOC_STEP": {
-      const step = action.step;
+      const step = action2.step;
       if (step === "complete") return { ...state, stage: "graph" };
       if (step === "processing" || step === "vocabulary") return { ...state, stage: "doc_preparing" };
       if (step === "extracting") return { ...state, stage: "doc_extracting" };
@@ -10303,7 +10882,7 @@ function stageReducer(state, action) {
       return state;
     }
     case "DOC_ACTIVITY":
-      return { ...state, docActivity: [...state.docActivity, action.item] };
+      return { ...state, docActivity: [...state.docActivity, action2.item] };
     case "FORCE_GRAPH":
       return { ...state, stage: "graph" };
     default:
@@ -11169,7 +11748,7 @@ function PipelineProgressBar({ listenForEvents = true, currentPhase: currentPhas
     PIPELINE_STEPS.map((step, i) => {
       const isCompleted = completed.has(step.key) || i < currentIdx;
       const isCurrent = step.key === currentPhase;
-      return /* @__PURE__ */ jsxs(React12.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React15.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           "div",
           {
@@ -12957,19 +13536,19 @@ function KnowledgeGraphView({
     setSearching(true);
     searchTimerRef.current = setTimeout(async () => {
       try {
-        const result = data.onSearchNodes ? await data.onSearchNodes(groupId, kgId, q, 10, 2) : { hits: [], traversal: [] };
-        setSearchResult(result);
-        if (result.hits.length === 0 && localMatchIds.size === 0) {
+        const result2 = data.onSearchNodes ? await data.onSearchNodes(groupId, kgId, q, 10, 2) : { hits: [], traversal: [] };
+        setSearchResult(result2);
+        if (result2.hits.length === 0 && localMatchIds.size === 0) {
           restoreFullGraph();
           setSearching(false);
           return;
         }
-        if (result.hits.length === 0) {
+        if (result2.hits.length === 0) {
           setSearching(false);
           return;
         }
         const scoreMap = /* @__PURE__ */ new Map();
-        result.hits.forEach((h) => {
+        result2.hits.forEach((h) => {
           const existing = scoreMap.get(h.node_key) ?? 0;
           if ((h.score ?? 0) > existing) scoreMap.set(h.node_key, h.score ?? 0);
         });
@@ -12977,9 +13556,9 @@ function KnowledgeGraphView({
           if (!scoreMap.has(id)) scoreMap.set(id, 0.5);
         });
         const traversalIds = /* @__PURE__ */ new Set();
-        result.traversal.forEach((t) => traversalIds.add(t.node_key));
+        result2.traversal.forEach((t) => traversalIds.add(t.node_key));
         const neighborIds = /* @__PURE__ */ new Set();
-        result.hits.forEach((h) => {
+        result2.hits.forEach((h) => {
           h.neighbors?.forEach((nk) => {
             if (!scoreMap.has(nk)) neighborIds.add(nk);
           });
@@ -13468,9 +14047,9 @@ function KnowledgeGraphView({
                 if (!data.onCreateNote || !draftNote || !draftNote.trim()) return;
                 setSavingDraft(true);
                 try {
-                  const result = await data.onCreateNote(groupId, kgId, draftNote);
+                  const result2 = await data.onCreateNote(groupId, kgId, draftNote);
                   setDraftNote(null);
-                  setSelectedNodeId(`chunk:${result.chunk_id}`);
+                  setSelectedNodeId(`chunk:${result2.chunk_id}`);
                   if (data.onLoadAllChunks) {
                     try {
                       const fresh = await data.onLoadAllChunks(groupId, kgId);
@@ -13479,10 +14058,10 @@ function KnowledgeGraphView({
                       console.warn("[KGV] post-create chunk refetch failed", err);
                     }
                   }
-                  if (result.run_id && config?.agentsApiUrl) {
+                  if (result2.run_id && config?.agentsApiUrl) {
                     setNoteRuns((prev) => [
                       ...prev,
-                      { run_id: result.run_id, kg_id: kgId }
+                      { run_id: result2.run_id, kg_id: kgId }
                     ]);
                   }
                 } catch (err) {
@@ -14037,4 +14616,4 @@ var terminalClassNames = {
   promptSymbol: "terminal-prompt-symbol"
 };
 
-export { ADVANCE_PHASE_SIGNAL, AGENT_PALETTE, AgentAvatar, AgentPresenceBar, AnnotationThread, CLAIM_STATUS_COLORS, ChatTerminal, CheckpointCard, ClaimNode, ConstructionProgress, CoreTerminal, DOCUMENT_PIPELINE_STEPS, DocumentProcessingProgress, EDGE_TYPE_COLORS, EdgeDetailDrawer, EdgeMarkerDefs, CoreTerminal as EmbeddedTerminal, ExpandableTerminal, GraphChatPanel, GraphEdge, GraphNode, InlineTerminal, KnowledgeGraphView, LIVE_KG_ID, LiveActivityTicker, MarkdownContent, MarkdownEditor, NODE_TYPE_COLORS, NODE_TYPE_LABELS, NodeDetailDrawer, PROGRESS_EVENT_NAME, PipelineProgressBar, ReasoningHistoryCard, ReasoningOverlay, ReasoningView, SYNTHESIS_DONE_SIGNAL, ScopedReasoningProvider, SettlementBar, SlashMentionPicker, StageCanvas, StandardTerminal, TerminalInputBar, TerminalThemeProvider, agentSeed, avatarColor, blueScope, buildClaimsGraph, buildTerminalCommand, buttonShadow, captureReasoningSnapshot, defaultTheme, dispatchProgressEvent, documentEventToActivity, emeraldCollab, emeraldRevised, eventToActivity, extractKGSources, extractKgId, filterCommands, formatAssetDisplay, formatPaymentAmount, formatTokenAssetId, getAgentColor, getBuiltInCommands, getClaimStatusColors, getEdgeColor, getEdgeTypeLabel, getNodeColors, getNodeTypeLabel, getVocabTypeColors, getVocabTypeLabel, greenAction, handleSSEStream, handleStreamingResponse, hostApp, initials, isFixedKgId, isNaturalLanguage, layoutGraph, mergeTheme, openPipelineEventStream, orangeRebuttal, parseTerminalCommand, pipelineBg, processStreamLines, purple, reduceProgress, renderMarkdownBlock, resolvePaymentAssetDisplay, snapshotToSubgraph, terminalClassNames, terminalColors, useScopedProgressEvent, useSlashMentionPicker, useTheme, warmBg };
+export { ADVANCE_PHASE_SIGNAL, AGENT_PALETTE, AgentAvatar, AgentPresenceBar, AgentStepTrace, AnnotationThread, CLAIM_STATUS_COLORS, ChatTerminal, CheckpointCard, ClaimNode, ConstructionProgress, CoreTerminal, DEFAULT_AGENT_LABEL, DOCUMENT_PIPELINE_STEPS, DocumentProcessingProgress, EDGE_TYPE_COLORS, EdgeDetailDrawer, EdgeMarkerDefs, CoreTerminal as EmbeddedTerminal, ExpandableTerminal, GraphChatPanel, GraphEdge, GraphNode, InlineTerminal, KnowledgeGraphView, LIVE_KG_ID, LiveActivityTicker, MarkdownContent, MarkdownEditor, NODE_TYPE_COLORS, NODE_TYPE_LABELS, NodeDetailDrawer, PROGRESS_EVENT_NAME, PipelineProgressBar, ReasoningHistoryCard, ReasoningOverlay, ReasoningView, SSE_KEEPALIVE_MS, SSE_STALL_MS, SYNTHESIS_DONE_SIGNAL, ScopedReasoningProvider, SettlementBar, SlashMentionPicker, StageCanvas, StandardTerminal, TerminalInputBar, TerminalThemeProvider, agentSeed, agentStepTraceExtra, avatarColor, blueScope, buildClaimsGraph, buildTerminalCommand, buttonShadow, captureReasoningSnapshot, defaultTheme, dispatchProgressEvent, documentEventToActivity, emeraldCollab, emeraldRevised, eventToActivity, extractKGSources, extractKgId, filterCommands, formatAssetDisplay, formatPaymentAmount, formatTokenAssetId, getAgentColor, getBuiltInCommands, getClaimStatusColors, getEdgeColor, getEdgeTypeLabel, getNodeColors, getNodeTypeLabel, getVocabTypeColors, getVocabTypeLabel, greenAction, handleSSEStream, handleStreamingResponse, hostApp, initials, isFixedKgId, isNaturalLanguage, layoutGraph, mergeTheme, openPipelineEventStream, orangeRebuttal, parseTerminalCommand, pipelineBg, processStreamLines, purple, reduceProgress, renderMarkdownBlock, resolvePaymentAssetDisplay, snapshotToSubgraph, terminalClassNames, terminalColors, useScopedProgressEvent, useSlashMentionPicker, useTheme, warmBg, withStallTimeout };