@yieldfabric/terminal 1.0.0 → 1.1.0

package/dist/index.cjs

@@ -1,10 +1,17 @@
 "use client";
+/*!
+ * 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.
+ */
 'use strict';
 
-var React12 = require('react');
+var React15 = require('react');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 var ReactMarkdown = require('react-markdown');
+var remarkGfm = require('remark-gfm');
 var core = require('@dicebear/core');
 var collection = require('@dicebear/collection');
 var framerMotion = require('framer-motion');
@@ -16,8 +23,9 @@ var dagre = require('dagre');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React12__default = /*#__PURE__*/_interopDefault(React12);
+var React15__default = /*#__PURE__*/_interopDefault(React15);
 var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
+var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
 var dagre__default = /*#__PURE__*/_interopDefault(dagre);
 
 // src/core/StandardTerminal.tsx
@@ -76,6 +84,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() {
@@ -97,23 +106,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 {
@@ -155,6 +186,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",
@@ -167,7 +206,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());
@@ -177,19 +216,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
@@ -203,16 +255,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();
+    }
   }
 };
 
@@ -849,32 +916,32 @@ function dispatchProgressEvent(progress, options = {}) {
   };
   window.dispatchEvent(new CustomEvent(PROGRESS_EVENT_NAME, { detail }));
 }
-var ScopedReasoningContext = React12.createContext(null);
+var ScopedReasoningContext = React15.createContext(null);
 function ScopedReasoningProvider({
   hasOwnedKgId,
   children
 }) {
-  const value = React12.useMemo(
+  const value = React15.useMemo(
     () => ({ hasOwnedKgId }),
     [hasOwnedKgId]
   );
-  return React12__default.default.createElement(
+  return React15__default.default.createElement(
     ScopedReasoningContext.Provider,
     { value },
     children
   );
 }
 function useScopedProgressEvent(ownKgId, handler, enabled = true) {
-  const ctx = React12.useContext(ScopedReasoningContext);
-  const handlerRef = React12.useRef(handler);
-  const ownKgIdRef = React12.useRef(ownKgId);
-  React12.useEffect(() => {
+  const ctx = React15.useContext(ScopedReasoningContext);
+  const handlerRef = React15.useRef(handler);
+  const ownKgIdRef = React15.useRef(ownKgId);
+  React15.useEffect(() => {
     handlerRef.current = handler;
   }, [handler]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     ownKgIdRef.current = ownKgId;
   }, [ownKgId]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (!enabled) return;
     const listener = (e) => {
       const detail = e.detail;
@@ -979,10 +1046,10 @@ var defaultTheme = {
   // Cursor
   cursor: "#f97316"
 };
-var ThemeContext = React12.createContext(defaultTheme);
+var ThemeContext = React15.createContext(defaultTheme);
 var TerminalThemeProvider = ThemeContext.Provider;
 function useTheme() {
-  return React12.useContext(ThemeContext);
+  return React15.useContext(ThemeContext);
 }
 function mergeTheme(overrides) {
   if (!overrides) return defaultTheme;
@@ -1058,8 +1125,8 @@ var hostApp = {
 };
 function ShareButton({ content, title }) {
   const t = useTheme();
-  const [state, setState] = React12.useState("idle");
-  const handleShare = React12.useCallback(
+  const [state, setState] = React15.useState("idle");
+  const handleShare = React15.useCallback(
     async (e) => {
       e.stopPropagation();
       const shareText = content.slice(0, 500);
@@ -1087,12 +1154,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__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12l5 5L20 7" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
         /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 12v7a2 2 0 002 2h12a2 2 0 002-2v-7" }),
         /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "16 6 12 2 8 6" }),
@@ -1101,11 +1169,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] = React12.useState("");
-  React12.useEffect(() => {
-    setTimeString(timestamp.toLocaleTimeString());
+  const [timeString, setTimeString] = React15.useState("");
+  React15.useEffect(() => {
+    setTimeString(timestamp.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }));
   }, [timestamp]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs ml-6 mt-1", style: { color: t.textMuted }, children: timeString });
 }
@@ -1126,36 +1213,36 @@ async function gql(url, token, query, variables) {
   return res.json();
 }
 function InteractiveActionCard({
-  action,
+  action: action2,
   onExecute,
   graphqlUrl = "",
   authToken = ""
 }) {
   const t = useTheme();
-  const initialValues = React12.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 initialValues = React15.useMemo(() => {
+    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] = React12.useState(action);
-  const [entities, setEntities] = React12.useState([]);
-  const [wallets, setWallets] = React12.useState([]);
-  const [assets, setAssets] = React12.useState([]);
-  const [loadingEntities, setLoadingEntities] = React12.useState(false);
-  const [loadingWallets, setLoadingWallets] = React12.useState(false);
-  const [loadingAssets, setLoadingAssets] = React12.useState(false);
-  const [errorEntities, setErrorEntities] = React12.useState(null);
-  const [errorWallets, setErrorWallets] = React12.useState(null);
-  const [errorAssets, setErrorAssets] = React12.useState(null);
-  const [selectedEntityId, setSelectedEntityId] = React12.useState(initialValues.entityId);
-  const [selectedWalletId, setSelectedWalletId] = React12.useState(initialValues.walletId);
-  const [selectedAssetId, setSelectedAssetId] = React12.useState(initialValues.assetId);
-  const [amount, setAmount] = React12.useState(initialValues.amount);
-  const [obligorEntity, setObligorEntity] = React12.useState(null);
-  const [loadingObligor, setLoadingObligor] = React12.useState(false);
-  const fetchEntities = React12.useCallback(async () => {
+  }, [action2]);
+  const [editedAction, setEditedAction] = React15.useState(action2);
+  const [entities, setEntities] = React15.useState([]);
+  const [wallets, setWallets] = React15.useState([]);
+  const [assets, setAssets] = React15.useState([]);
+  const [loadingEntities, setLoadingEntities] = React15.useState(false);
+  const [loadingWallets, setLoadingWallets] = React15.useState(false);
+  const [loadingAssets, setLoadingAssets] = React15.useState(false);
+  const [errorEntities, setErrorEntities] = React15.useState(null);
+  const [errorWallets, setErrorWallets] = React15.useState(null);
+  const [errorAssets, setErrorAssets] = React15.useState(null);
+  const [selectedEntityId, setSelectedEntityId] = React15.useState(initialValues.entityId);
+  const [selectedWalletId, setSelectedWalletId] = React15.useState(initialValues.walletId);
+  const [selectedAssetId, setSelectedAssetId] = React15.useState(initialValues.assetId);
+  const [amount, setAmount] = React15.useState(initialValues.amount);
+  const [obligorEntity, setObligorEntity] = React15.useState(null);
+  const [loadingObligor, setLoadingObligor] = React15.useState(false);
+  const fetchEntities = React15.useCallback(async () => {
     if (!graphqlUrl) return;
     setLoadingEntities(true);
     try {
@@ -1176,7 +1263,7 @@ function InteractiveActionCard({
       setLoadingEntities(false);
     }
   }, [graphqlUrl, authToken]);
-  const fetchWallets = React12.useCallback(
+  const fetchWallets = React15.useCallback(
     async (entityId) => {
       if (!entityId || !graphqlUrl) return;
       setLoadingWallets(true);
@@ -1201,7 +1288,7 @@ function InteractiveActionCard({
     },
     [graphqlUrl, authToken]
   );
-  const fetchAssets = React12.useCallback(async () => {
+  const fetchAssets = React15.useCallback(async () => {
     if (!graphqlUrl) return;
     setLoadingAssets(true);
     try {
@@ -1222,7 +1309,7 @@ function InteractiveActionCard({
       setLoadingAssets(false);
     }
   }, [graphqlUrl, authToken]);
-  const updateActionField = React12.useCallback(
+  const updateActionField = React15.useCallback(
     (field, value) => {
       setEditedAction((prev) => {
         const updated = { ...prev };
@@ -1252,15 +1339,15 @@ function InteractiveActionCard({
     },
     [assets, entities, wallets]
   );
-  React12.useEffect(() => {
-    if (action.payload?.tool_name === "yieldfabric/send_instant_payment") {
+  React15.useEffect(() => {
+    if (action2.payload?.tool_name === "yieldfabric/send_instant_payment") {
       fetchEntities();
       fetchAssets();
       if (initialValues.entityId) fetchWallets(initialValues.entityId);
     }
   }, []);
-  React12.useEffect(() => {
-    if (selectedEntityId && action.payload?.tool_name === "yieldfabric/send_instant_payment") {
+  React15.useEffect(() => {
+    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) {
@@ -1269,15 +1356,15 @@ function InteractiveActionCard({
       }
     }
   }, [selectedEntityId]);
-  React12.useEffect(() => {
-    if (action.payload?.tool_name !== "yieldfabric/send_instant_payment") return;
+  React15.useEffect(() => {
+    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);
@@ -1301,11 +1388,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__ */ jsxRuntime.jsx(
       RedeemCreditCard,
       {
-        action,
+        action: action2,
         onExecute,
         graphqlUrl,
         authToken,
@@ -1316,20 +1403,20 @@ function InteractiveActionCard({
       }
     );
   }
-  if (action.payload?.tool_name === "yieldfabric/complete_swap") {
-    return /* @__PURE__ */ jsxRuntime.jsx(CompleteSwapCard, { action, onExecute });
+  if (action2.payload?.tool_name === "yieldfabric/complete_swap") {
+    return /* @__PURE__ */ jsxRuntime.jsx(CompleteSwapCard, { action: action2, onExecute });
   }
-  if (action.payload?.tool_name === "yieldfabric/accept_payment") {
-    return /* @__PURE__ */ jsxRuntime.jsx(AcceptPaymentCard, { action, onExecute });
+  if (action2.payload?.tool_name === "yieldfabric/accept_payment") {
+    return /* @__PURE__ */ jsxRuntime.jsx(AcceptPaymentCard, { action: action2, onExecute });
   }
-  if (action.action_type === "file_controls") {
-    return /* @__PURE__ */ jsxRuntime.jsx(FileControlsCard, { action, onExecute });
+  if (action2.action_type === "file_controls") {
+    return /* @__PURE__ */ jsxRuntime.jsx(FileControlsCard, { action: action2, onExecute });
   }
-  if (action.action_type === "download_source") {
-    return /* @__PURE__ */ jsxRuntime.jsx(DownloadSourceCard, { action, onExecute });
+  if (action2.action_type === "download_source") {
+    return /* @__PURE__ */ jsxRuntime.jsx(DownloadSourceCard, { action: action2, onExecute });
   }
-  if (action.payload?.tool_name !== "yieldfabric/send_instant_payment") {
-    return /* @__PURE__ */ jsxRuntime.jsx(GenericActionCard, { action, onExecute });
+  if (action2.payload?.tool_name !== "yieldfabric/send_instant_payment") {
+    return /* @__PURE__ */ jsxRuntime.jsx(GenericActionCard, { action: action2, onExecute });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -1476,7 +1563,7 @@ function InteractiveActionCard({
   );
 }
 function RedeemCreditCard({
-  action,
+  action: action2,
   onExecute,
   graphqlUrl,
   authToken,
@@ -1486,14 +1573,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);
-  React12.useEffect(() => {
-    if (action.payload?.tool_name !== "yieldfabric/swap_credit_for_cash") return;
+  React15.useEffect(() => {
+    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;
@@ -1524,7 +1611,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)
@@ -1576,7 +1663,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 },
@@ -1591,12 +1678,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";
@@ -1658,7 +1745,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 },
@@ -1700,11 +1787,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";
@@ -1764,7 +1851,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 },
@@ -1779,12 +1866,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();
@@ -1843,18 +1930,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__ */ jsxRuntime.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}` },
@@ -1874,7 +1961,7 @@ function DownloadSourceCard({
   );
 }
 function GenericActionCard({
-  action,
+  action: action2,
   onExecute
 }) {
   const t = useTheme();
@@ -1884,14 +1971,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__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "w-5 h-5 transition-colors flex-shrink-0 ml-2", style: { color: t.success } })
       ]
     }
@@ -1957,7 +2044,7 @@ function PipelineDraftCard({
   className: externalClassName
 }) {
   const t = useTheme();
-  const [submitting, setSubmitting] = React12.useState(false);
+  const [submitting, setSubmitting] = React15.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -2088,7 +2175,7 @@ function CollapsibleSection({
   defaultExpanded = false
 }) {
   const t = useTheme();
-  const [expanded, setExpanded] = React12.useState(defaultExpanded);
+  const [expanded, setExpanded] = React15.useState(defaultExpanded);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -2122,8 +2209,8 @@ function CollapsibleSection({
 }
 function CopyButton({ content }) {
   const t = useTheme();
-  const [copied, setCopied] = React12.useState(false);
-  const handleCopy = React12.useCallback(
+  const [copied, setCopied] = React15.useState(false);
+  const handleCopy = React15.useCallback(
     async (e) => {
       e.stopPropagation();
       try {
@@ -2139,13 +2226,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__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-3.5 h-3.5", style: { color: t.success } }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.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
@@ -2194,7 +2297,7 @@ var AgentAvatar = ({
 }) => {
   const px = typeof size === "number" ? size : SIZE_PX[size];
   const seed = canonicalSeed(name);
-  const uri = React12.useMemo(() => {
+  const uri = React15.useMemo(() => {
     const bg = AGENT_PALETTE[paletteIndex(seed)];
     return core.createAvatar(collection.avataaars, {
       seed,
@@ -2219,9 +2322,9 @@ var AgentAvatar = ({
 };
 function TimeLabel({ timestamp }) {
   const t = useTheme();
-  const [timeStr, setTimeStr] = React12.useState("");
-  React12.useEffect(() => {
-    setTimeStr(timestamp.toLocaleTimeString());
+  const [timeStr, setTimeStr] = React15.useState("");
+  React15.useEffect(() => {
+    setTimeStr(timestamp.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }));
   }, [timestamp]);
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] mt-0.5", style: { color: t.textSecondary }, children: timeStr });
 }
@@ -2539,21 +2642,36 @@ 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] = React12.useState(false);
+  const [expanded, setExpanded] = React15.useState(false);
   const showType = source.type && source.type.toLowerCase() !== "unknown";
   const badgeColor = source.typeColor || (showType ? hashTypeColor(source.type) : t.textMuted);
   const displayLabel = formatSourceLabel(source.label);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded", style: { border: `1px solid ${t.border}`, backgroundColor: t.bgRaisedAlt }, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 px-2.5 py-1.5", children: [
-      source.description ? /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setExpanded(!expanded), className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-        lucideReact.ChevronRight,
+      source.description ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+            lucideReact.ChevronRight,
+            {
+              className: "w-3 h-3 transition-transform",
+              style: { color: t.textMuted, transform: expanded ? "rotate(90deg)" : "none" }
+            }
+          )
         }
-      ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-3 h-3 flex-shrink-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1.5 h-1.5 rounded-full", style: { backgroundColor: badgeColor } }) }),
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-3 h-3 flex-shrink-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1.5 h-1.5 rounded-full", style: { backgroundColor: badgeColor } }) }),
       showType && /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
@@ -2562,11 +2680,28 @@ function SourceCard({ source }) {
           children: source.type
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] truncate flex-1", style: { color: t.text }, children: displayLabel })
+      onActivate ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-[11px] truncate flex-1", style: { color: t.text }, children: displayLabel })
     ] }),
     expanded && source.description && /* @__PURE__ */ jsxRuntime.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__default.default];
+function isBlockCode(className, text) {
+  return /language-/.test(typeof className === "string" ? className : "") || text.includes("\n");
+}
 function getMarkdownComponents(t) {
   return {
     h1: ({ node, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-bold mt-4 mb-2", style: { color: t.headingText }, ...props }),
@@ -2578,10 +2713,38 @@ function getMarkdownComponents(t) {
     li: ({ node, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "ml-2", ...props }),
     strong: ({ node, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-bold", style: { color: t.text }, ...props }),
     em: ({ node, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("em", { className: "italic", style: { color: t.textSecondary }, ...props }),
-    code: ({ node, inline, children, ...props }) => inline ? /* @__PURE__ */ jsxRuntime.jsx("code", { className: "px-1 py-0.5 rounded font-mono text-xs", style: { backgroundColor: t.codeBg, color: t.codeText }, ...props, children }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group/code", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { content: String(children || "") }),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("code", { className: "px-1 py-0.5 rounded font-mono text-xs", style: { backgroundColor: t.codeBg, color: t.codeText }, ...props, children }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group/code", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { content: text }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "my-2 max-w-full overflow-x-auto rounded",
+        style: { border: `1px solid ${t.codeBg}` },
+        children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full border-collapse text-xs", ...p })
+      }
+    ),
+    thead: ({ node, ...p }) => /* @__PURE__ */ jsxRuntime.jsx("thead", { style: { backgroundColor: t.codeBg }, ...p }),
+    th: ({ node, ...p }) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("td", { className: "px-2.5 py-1.5 align-top", style: { borderBottom: `1px solid ${t.codeBg}` }, ...p })
   };
 }
 function TerminalEntryRenderer({
@@ -2596,6 +2759,7 @@ function TerminalEntryRenderer({
   authToken,
   onPageNavigation,
   onSourcesActivate,
+  onSourceActivate,
   renderEntryExtra,
   renderEntry,
   widgets,
@@ -2613,7 +2777,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)) || [];
@@ -2626,12 +2790,12 @@ function TerminalEntryRenderer({
         timestamp: entry.timestamp,
         isOwnMessage: entry.sender.entity_id === currentUser?.entity_id,
         grouped: isGrouped,
-        children: entry.sender?.type === "agent" ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "text-sm prose prose-invert prose-sm max-w-[72ch] group relative", style: { color: t.text }, children: [
           /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(CopyButton, { content: entry.content }),
             /* @__PURE__ */ jsxRuntime.jsx(ShareButton, { content: entry.content })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown__default.default, { components: markdownComponents, children: entry.content })
+          /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown__default.default, { remarkPlugins: REMARK_PLUGINS, components: markdownComponents, children: stripInternalIds(entry.content) })
         ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm whitespace-pre-wrap group relative", style: { color: isError ? t.error : t.text }, children: [
           /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(CopyButton, { content: entry.content }),
@@ -2642,7 +2806,6 @@ function TerminalEntryRenderer({
       }
     ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start space-x-2", children: [
       isSystem && !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Terminal, { className: "w-4 h-4 mt-0.5 flex-shrink-0", style: { color: t.textSystem } }),
-      isCommand && !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Brain, { className: "w-4 h-4 mt-0.5 flex-shrink-0", style: { color: t.info } }),
       isInfo && !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "w-4 h-4 mt-0.5 flex-shrink-0", style: { color: t.info } }),
       isSuccess && !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "w-4 h-4 mt-0.5 flex-shrink-0", style: { color: t.success } }),
       isError && !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "w-4 h-4 mt-0.5 flex-shrink-0", style: { color: t.error } }),
@@ -2655,12 +2818,30 @@ function TerminalEntryRenderer({
         /* @__PURE__ */ jsxRuntime.jsx(
           ReactMarkdown__default.default,
           {
+            remarkPlugins: REMARK_PLUGINS,
             components: markdownComponents,
-            children: entry.content
+            children: stripInternalIds(entry.content)
           },
           `${entry.id || index}-${entry.content.length}`
         )
-      ] }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "group relative flex w-full flex-1 justify-end", children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(CopyButton, { content: entry.content }),
+            /* @__PURE__ */ jsxRuntime.jsx(ShareButton, { content: entry.content })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "group relative", children: [
         /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(CopyButton, { content: entry.content }),
           /* @__PURE__ */ jsxRuntime.jsx(ShareButton, { content: entry.content })
@@ -2668,9 +2849,9 @@ function TerminalEntryRenderer({
         /* @__PURE__ */ jsxRuntime.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
           }
@@ -2801,7 +2982,14 @@ function TerminalEntryRenderer({
           {
             summary: `${entry.sources.length} source${entry.sources.length !== 1 ? "s" : ""}`,
             defaultExpanded: false,
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1 py-1", children: entry.sources.map((src) => /* @__PURE__ */ jsxRuntime.jsx(SourceCard, { source: src }, src.id)) })
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1 py-1", children: entry.sources.map((src) => /* @__PURE__ */ jsxRuntime.jsx(
+              SourceCard,
+              {
+                source: src,
+                onActivate: onSourceActivate ? () => onSourceActivate(src, entry) : void 0
+              },
+              src.id
+            )) })
           }
         )
       }
@@ -2821,11 +3009,11 @@ function TerminalEntryRenderer({
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-sm", style: { color: t.success }, children: "Actions" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", style: { color: t.textMuted }, children: "click to execute" })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-2", children: entry.suggested_actions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-2", children: entry.suggested_actions.map((action2, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   InteractiveActionCard,
                   {
-                    action,
+                    action: action2,
                     graphqlUrl: config.graphqlUrl,
                     authToken: authToken || "",
                     onExecute: (updatedAction) => {
@@ -2834,15 +3022,15 @@ function TerminalEntryRenderer({
                     }
                   }
                 ),
-                action.approval && /* @__PURE__ */ jsxRuntime.jsx(
+                action2.approval && /* @__PURE__ */ jsxRuntime.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
                         })
                       );
@@ -2850,7 +3038,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
                         })
                       );
@@ -2898,9 +3086,10 @@ function TerminalEntryRenderer({
   ] });
   const isTurnStart = !!prevEntry && isCommand && prevEntry.type !== "system";
   const defaultRender = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${isGrouped ? "" : "mb-5"} ${isTurnStart ? "mt-6" : ""}`, children: [
-    beforeWidgets.map((w) => /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: w.render({ entry, index }) }, w.name)),
-    replaceWidget ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: replaceWidget.render({ entry, index }) }, replaceWidget.name) : builtInContent,
-    afterWidgets.map((w) => /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: w.render({ entry, index }) }, w.name)),
+    beforeWidgets.map((w) => /* @__PURE__ */ jsxRuntime.jsx(React15__default.default.Fragment, { children: w.render({ entry, index }) }, w.name)),
+    replaceWidget ? /* @__PURE__ */ jsxRuntime.jsx(React15__default.default.Fragment, { children: replaceWidget.render({ entry, index }) }, replaceWidget.name) : builtInContent,
+    afterWidgets.map((w) => /* @__PURE__ */ jsxRuntime.jsx(React15__default.default.Fragment, { children: w.render({ entry, index }) }, w.name)),
+    /* @__PURE__ */ jsxRuntime.jsx(AgentCompletionNotice, { completion: entry.metadata?.completion }),
     renderEntryExtra?.(entry, index)
   ] });
   if (renderEntry) {
@@ -2909,20 +3098,23 @@ function TerminalEntryRenderer({
   }
   return defaultRender();
 }
+
+// src/types/terminal.types.ts
+var DEFAULT_AGENT_LABEL = "YieldFabric Agent";
 function LiveKGBridge({ progressState, onLiveKGUpdate }) {
-  const onUpdateRef = React12.useRef(onLiveKGUpdate);
+  const onUpdateRef = React15.useRef(onLiveKGUpdate);
   onUpdateRef.current = onLiveKGUpdate;
-  const prevGkgRef = React12.useRef(null);
+  const prevGkgRef = React15.useRef(null);
   const gkg = progressState?.genericKG;
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (!gkg || !onUpdateRef.current) return;
     if (gkg !== prevGkgRef.current) {
       prevGkgRef.current = gkg;
       onUpdateRef.current(gkg);
     }
   }, [gkg]);
-  const hasEmitted = React12.useRef(false);
-  React12.useEffect(() => {
+  const hasEmitted = React15.useRef(false);
+  React15.useEffect(() => {
     if (progressState && !hasEmitted.current && !gkg && onUpdateRef.current) {
       if (!prevGkgRef.current) {
         hasEmitted.current = true;
@@ -2937,14 +3129,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,
@@ -2962,6 +3157,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();
       },
@@ -2980,7 +3178,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",
@@ -2998,7 +3196,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__ */ jsxRuntime.jsxs(
+              workingGroupContext && showWorkingGroupBanner && /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
                   className: "mb-3 ml-1 mr-1 px-3 py-2 rounded-md text-xs flex items-center justify-between",
@@ -3023,7 +3221,7 @@ function TerminalShell({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(LiveKGBridge, { progressState, onLiveKGUpdate }),
-        isExecuting && !progressState && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex space-x-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-2 rounded-full animate-pulse", style: { backgroundColor: t.info } }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-2 rounded-full animate-pulse", style: { backgroundColor: t.info, animationDelay: "150ms" } }),
@@ -3039,9 +3237,9 @@ function TerminalShell({
 }
 function KGScopeDropdown({ items, onSelect, compact = false }) {
   const t = useTheme();
-  const [open, setOpen] = React12.useState(false);
-  const ref = React12.useRef(null);
-  React12.useEffect(() => {
+  const [open, setOpen] = React15.useState(false);
+  const ref = React15.useRef(null);
+  React15.useEffect(() => {
     if (!open) return;
     const handleClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -3153,11 +3351,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,
@@ -3180,47 +3391,54 @@ function TerminalInputBar({
   inputBarExtra,
   modeSelector,
   compactToolbar = false,
-  submitTitle = "Send"
+  submitTitle = "Send",
+  autoFocus = true
 }) {
   const t = useTheme();
+  React15.useEffect(() => {
+    if (!autoFocus) return;
+    inputRef.current?.focus({ preventScroll: true });
+  }, []);
+  const [focused, setFocused] = React15__default.default.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
   };
-  const toolbarRef = React12.useRef(null);
-  const [compact, setCompact] = React12.useState(false);
-  React12.useEffect(() => {
+  const toolbarRef = React15.useRef(null);
+  const [compact, setCompact] = React15.useState(false);
+  React15.useEffect(() => {
     if (compactToolbar) {
       setCompact(true);
       return;
     }
     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);
     return () => ro.disconnect();
   }, [compactToolbar]);
   const toolbarIsCompact = compactToolbar || compact;
-  React12.useEffect(() => {
+  React15.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("style", { children: `.yf-input-bar::placeholder { color: ${placeholderColor}; }` }),
@@ -3262,16 +3480,16 @@ function TerminalInputBar({
     /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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: [
@@ -3341,8 +3559,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;
@@ -3369,17 +3586,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
                         }
                       )
@@ -3388,67 +3607,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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-5 w-5 sm:h-4 sm:w-4" })
+                        children: isExecuting ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-3 h-3 rounded-full animate-spin", style: { border: `1.5px solid ${hasCommand ? t.textInverse : t.textMuted}`, borderTopColor: "transparent" } }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-5 w-5 sm:h-4 sm:w-4" })
                       }
                     )
                   ] });
                 })(),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: toolbarRef, className: "flex items-center justify-between pt-2.5 gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-[10px] min-w-0 flex-wrap", children: [
-                    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-[11px] min-w-0 flex-wrap", children: [
+                    chipsVisible && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: activeKGScope ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("svg", { className: "w-3 h-3 opacity-60 shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: [
                         /* @__PURE__ */ jsxRuntime.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" }),
@@ -3462,7 +3692,7 @@ function TerminalInputBar({
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onKGScopeChange?.(null), className: "ml-0.5 opacity-40 hover:opacity-100 transition-opacity", children: "\u2715" })
                     ] }) : /* @__PURE__ */ jsxRuntime.jsx(KGScopeDropdown, { items: availableKGs, onSelect: (scope) => onKGScopeChange?.(scope), compact: toolbarIsCompact }) }),
-                    modeSelector ?? (onReasoningModeChange && /* @__PURE__ */ jsxRuntime.jsx(ReasoningModeSelector, { current: reasoningMode || null, onChange: onReasoningModeChange, compact: toolbarIsCompact }))
+                    chipsVisible && (modeSelector ?? (onReasoningModeChange && /* @__PURE__ */ jsxRuntime.jsx(ReasoningModeSelector, { current: reasoningMode || null, onChange: onReasoningModeChange, compact: toolbarIsCompact })))
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 flex-shrink-0", children: [
                     inputBarExtra,
@@ -3470,8 +3700,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(),
@@ -3488,8 +3718,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(),
@@ -3575,13 +3805,13 @@ function SlashMentionPicker({ candidates, selectedIndex, onPick }) {
   );
 }
 function useCommandHistory() {
-  const [commandHistory, setCommandHistory] = React12.useState([]);
-  const [historyIndex, setHistoryIndex] = React12.useState(-1);
-  const pushCommand = React12.useCallback((cmd) => {
+  const [commandHistory, setCommandHistory] = React15.useState([]);
+  const [historyIndex, setHistoryIndex] = React15.useState(-1);
+  const pushCommand = React15.useCallback((cmd) => {
     setCommandHistory((prev) => [...prev, cmd]);
     setHistoryIndex(-1);
   }, []);
-  const navigateUp = React12.useCallback(
+  const navigateUp = React15.useCallback(
     (setCurrentCommand) => {
       if (commandHistory.length === 0) return;
       const newIndex = historyIndex === -1 ? commandHistory.length - 1 : Math.max(0, historyIndex - 1);
@@ -3590,7 +3820,7 @@ function useCommandHistory() {
     },
     [commandHistory, historyIndex]
   );
-  const navigateDown = React12.useCallback(
+  const navigateDown = React15.useCallback(
     (setCurrentCommand) => {
       if (historyIndex === -1) return;
       const newIndex = historyIndex + 1;
@@ -3604,21 +3834,20 @@ function useCommandHistory() {
     },
     [commandHistory, historyIndex]
   );
-  const resetIndex = React12.useCallback(() => {
+  const resetIndex = React15.useCallback(() => {
     setHistoryIndex(-1);
   }, []);
   return { commandHistory, historyIndex, pushCommand, navigateUp, navigateDown, resetIndex };
 }
-function useFocusManagement() {
-  const inputRef = React12.useRef(null);
-  const focusInput = React12.useCallback(() => {
+function useFocusManagement(autoFocus = true) {
+  const inputRef = React15.useRef(null);
+  const focusInput = React15.useCallback(() => {
     const selection = window.getSelection();
     if (selection && selection.toString().length > 0) return;
-    if (inputRef.current) {
-      inputRef.current.focus();
-    }
+    inputRef.current?.focus({ preventScroll: true });
   }, []);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
+    if (!autoFocus) return;
     const timer = setTimeout(focusInput, 100);
     const handleVisibilityChange = () => {
       if (!document.hidden) {
@@ -3630,11 +3859,12 @@ function useFocusManagement() {
       clearTimeout(timer);
       document.removeEventListener("visibilitychange", handleVisibilityChange);
     };
-  }, [focusInput]);
+  }, [focusInput, autoFocus]);
   return { inputRef, focusInput };
 }
 function useStreamingChat({
   config,
+  authToken,
   onStreamRequest,
   reasoningMode,
   setTerminalHistory,
@@ -3643,35 +3873,47 @@ function useStreamingChat({
   currentUser,
   sourceKGNodes
 }) {
-  const sourceKGNodesRef = React12.useRef(sourceKGNodes);
+  const authTokenRef = React15.useRef(authToken);
+  authTokenRef.current = authToken;
+  const sourceKGNodesRef = React15.useRef(sourceKGNodes);
   sourceKGNodesRef.current = sourceKGNodes;
-  const reasoningModeRef = React12.useRef(reasoningMode);
+  const reasoningModeRef = React15.useRef(reasoningMode);
   reasoningModeRef.current = reasoningMode;
-  const [isExecuting, setIsExecuting] = React12.useState(false);
-  const [isStreaming, setIsStreaming] = React12.useState(false);
-  const [progressState, setProgressState] = React12.useState(null);
-  const [activityEvents, setActivityEvents] = React12.useState([]);
-  const [streamTransparency, setStreamTransparency] = React12.useState(null);
-  const [streamNowMs, setStreamNowMs] = React12.useState(Date.now());
-  const [collaborationState, setCollaborationState] = React12.useState(null);
-  const [liveKgId, setLiveKgId] = React12.useState(null);
-  const [liveRunId, setLiveRunId] = React12.useState(null);
-  const [liveThreadId, setLiveThreadId] = React12.useState(null);
-  const progressStateRef = React12.useRef(null);
-  const lastExecutedCommand = React12.useRef(null);
-  const isProcessingRef = React12.useRef(false);
-  const currentStreamingLineId = React12.useRef(null);
-  const liveRunIdRef = React12.useRef(null);
+  const [isExecuting, setIsExecuting] = React15.useState(false);
+  const turnSequence = React15.useRef(0);
+  const [isStreaming, setIsStreaming] = React15.useState(false);
+  const [progressState, setProgressState] = React15.useState(null);
+  const [activityEvents, setActivityEvents] = React15.useState([]);
+  const [streamTransparency, setStreamTransparency] = React15.useState(null);
+  const [streamNowMs, setStreamNowMs] = React15.useState(Date.now());
+  const [collaborationState, setCollaborationState] = React15.useState(null);
+  const [liveKgId, setLiveKgId] = React15.useState(null);
+  const [liveRunId, setLiveRunId] = React15.useState(null);
+  const [liveThreadId, setLiveThreadId] = React15.useState(null);
+  const progressStateRef = React15.useRef(null);
+  const lastExecutedCommand = React15.useRef(null);
+  const isProcessingRef = React15.useRef(false);
+  const currentStreamingLineId = React15.useRef(null);
+  const liveRunIdRef = React15.useRef(null);
   liveRunIdRef.current = liveRunId;
-  React12.useEffect(() => {
+  const mountEpoch = React15.useRef(0);
+  React15.useEffect(() => {
+    const epoch = ++mountEpoch.current;
+    return () => {
+      void Promise.resolve().then(() => {
+        if (mountEpoch.current === epoch) currentStreamingLineId.current = null;
+      });
+    };
+  }, []);
+  React15.useEffect(() => {
     progressStateRef.current = progressState;
   }, [progressState]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (!isExecuting && !isStreaming) return;
     const t = setInterval(() => setStreamNowMs(Date.now()), 1e3);
     return () => clearInterval(t);
   }, [isExecuting, isStreaming]);
-  const setStreamingLineSender = React12.useCallback(
+  const setStreamingLineSender = React15.useCallback(
     (lineId, sender) => {
       setTerminalHistory((prev) => {
         const idx = prev.findIndex((line) => line.id === lineId);
@@ -3684,7 +3926,7 @@ function useStreamingChat({
     },
     [setTerminalHistory]
   );
-  const updateStreamingLine = React12.useCallback(
+  const updateStreamingLine = React15.useCallback(
     (lineId, newContent, suggestions, suggestedActions, reasoningSnapshot, pipelineDraft, sources, kgId, runId) => {
       setTerminalHistory((prev) => {
         const idx = prev.findIndex((line) => line.id === lineId);
@@ -3706,7 +3948,7 @@ function useStreamingChat({
     },
     [setTerminalHistory]
   );
-  const resetStreamState = React12.useCallback(() => {
+  const resetStreamState = React15.useCallback(() => {
     setIsStreaming(false);
     setStreamTransparency(null);
     setIsExecuting(false);
@@ -3715,46 +3957,55 @@ function useStreamingChat({
     currentStreamingLineId.current = null;
     setTimeout(() => focusInput(), 50);
   }, [focusInput]);
-  const handleHilSubmit = React12.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 handleCancelReasoning = React12.useCallback(async () => {
+  const postPipelineAction = React15.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 = React15.useCallback(async (message) => {
     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);
+      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}`);
     }
-  }, [config.agentsApiUrl, resetStreamState]);
-  const handleStreamingChat = React12.useCallback(
+  }, [postPipelineAction, addTerminalLine]);
+  const handleCancelReasoning = React15.useCallback(async () => {
+    const runId = liveRunIdRef.current;
+    if (!runId) return;
+    try {
+      await postPipelineAction(runId, "cancel");
+      setProgressState(null);
+      resetStreamState();
+      addTerminalLine("info", "Stopped the analysis.");
+    } catch (error) {
+      addTerminalLine("error", `The analysis is still running. ${error.message}`);
+    }
+  }, [postPipelineAction, resetStreamState, addTerminalLine]);
+  const settleAgentSteps = React15.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 = React15.useCallback(
     async (cmd) => {
       if (isProcessingRef.current || !onStreamRequest) return;
       if (lastExecutedCommand.current === cmd) return;
@@ -3765,8 +4016,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,
@@ -3792,14 +4044,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()
@@ -3813,10 +4065,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) {
@@ -3829,6 +4108,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;
@@ -3972,49 +4273,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.");
       }
     },
     [
@@ -4023,10 +4289,12 @@ function useStreamingChat({
       updateStreamingLine,
       setStreamingLineSender,
       resetStreamState,
-      addTerminalLine
+      addTerminalLine,
+      settleAgentSteps,
+      currentUser
     ]
   );
-  const clearReasoningSession = React12.useCallback(() => {
+  const clearReasoningSession = React15.useCallback(() => {
     setLiveKgId(null);
     setLiveRunId(null);
     setLiveThreadId(null);
@@ -4057,9 +4325,9 @@ function useMessagePolling({
   pollIntervalMs = 3e3,
   enabled
 }) {
-  const lastMessageIdRef = React12.useRef(void 0);
-  const pollingRef = React12.useRef(false);
-  const poll = React12.useCallback(async () => {
+  const lastMessageIdRef = React15.useRef(void 0);
+  const pollingRef = React15.useRef(false);
+  const poll = React15.useCallback(async () => {
     if (!onPollMessages || pollingRef.current) return;
     pollingRef.current = true;
     try {
@@ -4098,7 +4366,7 @@ function useMessagePolling({
       pollingRef.current = false;
     }
   }, [onPollMessages, setTerminalHistory]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (!enabled || !onPollMessages) return;
     const timer = setInterval(poll, pollIntervalMs);
     return () => clearInterval(timer);
@@ -4116,6 +4384,7 @@ function useTerminalCore({
   onReasoningModeChangeProp,
   reasoningRef,
   workingGroupContextProp = null,
+  autoFocusInput = true,
   onResolveWorkingGroup,
   onRagFileUpload,
   onListRagFiles,
@@ -4133,14 +4402,15 @@ function useTerminalCore({
   pollIntervalMs,
   authToken
 }) {
-  const [internalReasoningMode, setInternalReasoningMode] = React12.useState(null);
+  const agentLabel = config.agentLabel?.trim() || DEFAULT_AGENT_LABEL;
+  const [internalReasoningMode, setInternalReasoningMode] = React15.useState(null);
   const reasoningMode = reasoningModeProp !== void 0 ? reasoningModeProp : internalReasoningMode;
   const onReasoningModeChange = onReasoningModeChangeProp || setInternalReasoningMode;
-  const [terminalHistory, setTerminalHistory] = React12.useState(() => {
+  const [terminalHistory, setTerminalHistory] = React15.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() }];
   });
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (historyRef) {
       historyRef.current = { setHistory: setTerminalHistory, setIsExecuting };
     }
@@ -4148,10 +4418,10 @@ function useTerminalCore({
       if (historyRef) historyRef.current = null;
     };
   }, [historyRef]);
-  const enrichedHistory = React12.useMemo(() => {
+  const enrichedHistory = React15.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) {
@@ -4161,9 +4431,9 @@ function useTerminalCore({
       }
       return entry;
     });
-    return changed ? result : terminalHistory;
+    return changed ? result2 : terminalHistory;
   }, [terminalHistory, sourceKGNodes]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (initialHistory && initialHistory.length > 0) {
       setTerminalHistory((prev) => {
         const isDefault = prev.length <= 1 && prev[0]?.type === "system";
@@ -4171,35 +4441,39 @@ function useTerminalCore({
       });
     }
   }, [initialHistory]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     onHistoryChange?.(enrichedHistory);
   }, [enrichedHistory, onHistoryChange]);
-  const addTerminalLine = React12.useCallback((type, content, pageSuggestions) => {
+  const addTerminalLine = React15.useCallback((type, content, pageSuggestions) => {
     setTerminalHistory((prev) => [...prev, { id: Date.now().toString(), type, content, timestamp: /* @__PURE__ */ new Date(), suggestions: pageSuggestions }]);
   }, []);
-  const addTerminalLineWithActions = React12.useCallback((content, actions) => {
+  const addTerminalLineWithActions = React15.useCallback((content, actions) => {
     setTerminalHistory((prev) => [...prev, { id: Date.now().toString(), type: "response", content, timestamp: /* @__PURE__ */ new Date(), suggested_actions: actions }]);
   }, []);
-  const [currentCommand, setCurrentCommand] = React12.useState("");
-  const [workingGroupContext, setWorkingGroupContext] = React12.useState(workingGroupContextProp);
-  const [hasShownWelcome, setHasShownWelcome] = React12.useState(false);
-  const [isInputFocused, setIsInputFocused] = React12.useState(true);
-  const [commandPaletteItems, setCommandPaletteItems] = React12.useState([]);
-  const [selectedPaletteItem, setSelectedPaletteItem] = React12.useState(0);
-  const terminalBodyRef = React12.useRef(null);
-  const fileInputRef = React12.useRef(null);
-  const uploadAbortsRef = React12.useRef([]);
-  React12.useEffect(() => () => {
+  const [currentCommand, setCurrentCommand] = React15.useState("");
+  const [pendingSubmit, setPendingSubmit] = React15.useState(null);
+  const [workingGroupContext, setWorkingGroupContext] = React15.useState(workingGroupContextProp);
+  const [hasShownWelcome, setHasShownWelcome] = React15.useState(false);
+  const [isInputFocused, setIsInputFocused] = React15.useState(true);
+  const [commandPaletteItems, setCommandPaletteItems] = React15.useState([]);
+  const [selectedPaletteItem, setSelectedPaletteItem] = React15.useState(0);
+  const terminalBodyRef = React15.useRef(null);
+  const fileInputRef = React15.useRef(null);
+  const uploadAbortsRef = React15.useRef([]);
+  React15.useEffect(() => () => {
     for (const ctrl of uploadAbortsRef.current) ctrl.abort();
     uploadAbortsRef.current = [];
   }, []);
-  const { inputRef, focusInput } = useFocusManagement();
-  React12.useEffect(() => {
+  const { inputRef, focusInput } = useFocusManagement(autoFocusInput);
+  React15.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;
@@ -4213,6 +4487,9 @@ function useTerminalCore({
       window.removeEventListener("yieldfabric:terminal:prefill", onPrefill);
     };
   }, [focusInput, inputRef]);
+  const restoreInputFocus = React15.useCallback(() => {
+    if (autoFocusInput) focusInput();
+  }, [autoFocusInput, focusInput]);
   const {
     isExecuting,
     setIsExecuting,
@@ -4232,15 +4509,16 @@ function useTerminalCore({
     activityEvents
   } = useStreamingChat({
     config,
+    authToken,
     onStreamRequest,
     reasoningMode,
     setTerminalHistory,
     addTerminalLine,
-    focusInput,
+    focusInput: restoreInputFocus,
     currentUser,
     sourceKGNodes
   });
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     const handler = () => {
       setCurrentCommand("");
       onReasoningModeChange(null);
@@ -4256,7 +4534,7 @@ function useTerminalCore({
     pollIntervalMs: pollIntervalMs ?? 3e3,
     enabled: !!onPollMessages
   });
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (reasoningRef) {
       reasoningRef.current = { progressState, submitInput: handleHilSubmit, cancelReasoning: handleCancelReasoning };
     }
@@ -4264,25 +4542,25 @@ function useTerminalCore({
       if (reasoningRef) reasoningRef.current = null;
     };
   });
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (liveKgId) {
       onKGScopeChange?.({ kgId: liveKgId, label: "Live Analysis" });
       onKgIdChange?.(liveKgId);
     }
   }, [liveKgId]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (liveRunId) onRunIdChange?.(liveRunId);
   }, [liveRunId]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (liveThreadId) onThreadIdChange?.(liveThreadId);
   }, [liveThreadId]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     onReasoningPhaseChange?.(progressState?.phase ?? null);
   }, [progressState?.phase]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     setWorkingGroupContext(workingGroupContextProp || null);
   }, [workingGroupContextProp]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     let cancelled = false;
     if (!onResolveWorkingGroup) return;
     (async () => {
@@ -4297,26 +4575,26 @@ function useTerminalCore({
       cancelled = true;
     };
   }, [onResolveWorkingGroup]);
-  React12.useEffect(() => {
+  React15.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);
     return () => window.removeEventListener("terminal-action-result", handleActionResult);
   }, [addTerminalLine]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (showWelcomeMessage && initialHistory.length === 0 && !hasShownWelcome && config.welcomeMessage) {
       setHasShownWelcome(true);
       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;
@@ -4329,10 +4607,10 @@ function useTerminalCore({
       requestAnimationFrame(step);
     }
   }, [showWelcomeMessage, hasShownWelcome, initialHistory.length, config.welcomeMessage]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (terminalBodyRef.current) terminalBodyRef.current.scrollTop = terminalBodyRef.current.scrollHeight;
   }, [terminalHistory, progressState]);
-  const updateCommandPalette = React12.useCallback((value) => {
+  const updateCommandPalette = React15.useCallback((value) => {
     if (value.startsWith("/")) {
       const query = value.slice(1);
       setCommandPaletteItems(filterCommands(query, getBuiltInCommands(), config.customCommands || []));
@@ -4342,7 +4620,7 @@ function useTerminalCore({
     setCommandPaletteItems([]);
     return false;
   }, [config.customCommands]);
-  const handleCommandPaletteKeyDown = React12.useCallback((e) => {
+  const handleCommandPaletteKeyDown = React15.useCallback((e) => {
     if (commandPaletteItems.length === 0) return false;
     if (e.key === "ArrowUp") {
       e.preventDefault();
@@ -4370,15 +4648,15 @@ function useTerminalCore({
     }
     return false;
   }, [commandPaletteItems, selectedPaletteItem]);
-  const handleClearCommand = React12.useCallback(() => {
+  const handleClearCommand = React15.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("");
     setTimeout(() => focusInput(), 50);
   }, [focusInput]);
-  const handleUploadCommand = React12.useCallback(() => {
+  const handleUploadCommand = React15.useCallback(() => {
     if (!onRagFileUpload) {
       addTerminalLine("error", "Upload not enabled in this terminal.");
     } else {
@@ -4387,7 +4665,7 @@ function useTerminalCore({
     setCurrentCommand("");
     setTimeout(() => focusInput(), 50);
   }, [onRagFileUpload, addTerminalLine, focusInput]);
-  const handleUploadFiles = React12.useCallback(async (files) => {
+  const handleUploadFiles = React15.useCallback(async (files) => {
     if (!files?.length || !onRagFileUpload) return;
     const names = files.map((f) => f.name).join(", ");
     addTerminalLine("info", "");
@@ -4395,11 +4673,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));
@@ -4486,7 +4764,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"}`);
@@ -4495,8 +4773,8 @@ function useTerminalCore({
       if (fileInputRef.current) fileInputRef.current.value = "";
       setTimeout(() => focusInput(), 50);
     }
-  }, [onRagFileUpload, onListRagFiles, workingGroupContext, addTerminalLine, setIsExecuting, focusInput, config.agentsApiUrl]);
-  const handleListFilesCommand = React12.useCallback(async () => {
+  }, [onRagFileUpload, onListRagFiles, workingGroupContext, addTerminalLine, setIsExecuting, focusInput, config.agentsApiUrl, authToken]);
+  const handleListFilesCommand = React15.useCallback(async () => {
     addTerminalLine("info", "");
     addTerminalLine("command", "files");
     if (!onListRagFiles) {
@@ -4505,12 +4783,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;
@@ -4530,7 +4808,7 @@ function useTerminalCore({
       setIsExecuting(false);
     }
   }, [onListRagFiles, workingGroupContext, addTerminalLine, addTerminalLineWithActions, setIsExecuting]);
-  const handleTerminalActionExecute = React12.useCallback(async (updatedAction) => {
+  const handleTerminalActionExecute = React15.useCallback(async (updatedAction) => {
     const actionType = updatedAction?.action_type;
     const payload = updatedAction?.payload || {};
     if (actionType === "delete_file") {
@@ -4539,12 +4817,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;
     }
@@ -4554,9 +4832,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") {
@@ -4595,6 +4873,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,
@@ -4623,6 +4903,8 @@ function useTerminalCore({
     // Command input
     currentCommand,
     setCurrentCommand,
+    pendingSubmit,
+    setPendingSubmit,
     commandPaletteItems,
     setCommandPaletteItems,
     selectedPaletteItem,
@@ -4653,10 +4935,10 @@ function useSlashMentionPicker({
   enabledCommands = ["note", "personal"],
   requireSlashCommand = true
 }) {
-  const [candidates, setCandidates] = React12.useState([]);
-  const [selectedIndex, setSelectedIndex] = React12.useState(0);
-  const debounceRef = React12.useRef(null);
-  const reqIdRef = React12.useRef(0);
+  const [candidates, setCandidates] = React15.useState([]);
+  const [selectedIndex, setSelectedIndex] = React15.useState(0);
+  const debounceRef = React15.useRef(null);
+  const reqIdRef = React15.useRef(0);
   const extracted = extractQuery(
     currentCommand,
     caretIndex,
@@ -4666,7 +4948,7 @@ function useSlashMentionPicker({
   const query = extracted?.query ?? null;
   const command = extracted?.command;
   const queryActive = query !== null && !!onMentionResolve;
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (!queryActive) {
       setCandidates([]);
       setSelectedIndex(0);
@@ -4689,17 +4971,17 @@ function useSlashMentionPicker({
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, [queryActive, query, command, onMentionResolve]);
-  const navigateUp = React12.useCallback(() => {
+  const navigateUp = React15.useCallback(() => {
     setSelectedIndex((i) => Math.max(0, i - 1));
   }, []);
-  const navigateDown = React12.useCallback(() => {
+  const navigateDown = React15.useCallback(() => {
     setSelectedIndex((i) => Math.min((candidates.length || 1) - 1, i + 1));
   }, [candidates.length]);
-  const cancel = React12.useCallback(() => {
+  const cancel = React15.useCallback(() => {
     setCandidates([]);
     setSelectedIndex(0);
   }, []);
-  const complete = React12.useCallback(
+  const complete = React15.useCallback(
     (candidate) => {
       if (query === null) return null;
       const head = currentCommand.slice(0, caretIndex);
@@ -4745,6 +5027,7 @@ function extractQuery(input, caret, enabledCommands, requireSlashCommand) {
   return { query: tail, command: cmd };
 }
 function StandardTerminal({
+  showBusyIndicator,
   theme: themeOverrides,
   config,
   onCommandExecute,
@@ -4764,9 +5047,15 @@ function StandardTerminal({
   onDeleteRagFile,
   onDownloadRagFile,
   workingGroupContext: workingGroupContextProp = null,
+  showWorkingGroupBanner = true,
+  autoFocusInput = true,
+  inputPlaceholder,
+  submitRequest,
+  onSubmitRequest,
   onPipelineDraftEdit,
   onPipelineDraftReject,
   onSubmitNote,
+  onSubmitLog,
   onMentionResolve,
   onMentionPicked,
   availableKGs,
@@ -4787,6 +5076,7 @@ function StandardTerminal({
   widgets,
   slots,
   onSourcesActivate,
+  onSourceActivate,
   onPollMessages,
   pollIntervalMs,
   historyRef
@@ -4802,6 +5092,7 @@ function StandardTerminal({
     reasoningRef,
     workingGroupContextProp,
     onResolveWorkingGroup,
+    autoFocusInput,
     onRagFileUpload,
     onListRagFiles,
     onDeleteRagFile,
@@ -4817,17 +5108,32 @@ function StandardTerminal({
     showWelcomeMessage
   });
   const { pushCommand, navigateUp, navigateDown, resetIndex } = useCommandHistory();
-  const [suggestions, setSuggestions] = React12.useState([]);
-  const [selectedSuggestion, setSelectedSuggestion] = React12.useState(0);
-  const [internalAuthToken, setInternalAuthToken] = React12.useState(authToken);
-  const authTokenRef = React12.useRef(internalAuthToken);
+  const consumedRequest = React15.useRef(null);
+  React15__default.default.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] = React15.useState([]);
+  const [selectedSuggestion, setSelectedSuggestion] = React15.useState(0);
+  const [internalAuthToken, setInternalAuthToken] = React15.useState(authToken);
+  const authTokenRef = React15.useRef(internalAuthToken);
   authTokenRef.current = internalAuthToken;
-  React12__default.default.useEffect(() => {
+  React15__default.default.useEffect(() => {
     if (authToken !== internalAuthToken) setInternalAuthToken(authToken);
   }, [authToken]);
-  const [caretIndex, setCaretIndex] = React12.useState(0);
-  const [slashPickedNames, setSlashPickedNames] = React12.useState([]);
-  const liveSlashPickedNames = React12__default.default.useMemo(
+  const [caretIndex, setCaretIndex] = React15.useState(0);
+  const [slashPickedNames, setSlashPickedNames] = React15.useState([]);
+  const liveSlashPickedNames = React15__default.default.useMemo(
     () => slashPickedNames.filter(
       (n) => core.currentCommand.toLowerCase().includes(`@${n.toLowerCase()}`)
     ),
@@ -4914,6 +5220,11 @@ function StandardTerminal({
       setSuggestions([]);
     }
   };
+  React15__default.default.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();
@@ -4961,6 +5272,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("");
@@ -5016,8 +5342,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(" ")}`);
@@ -5045,18 +5371,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}`);
@@ -5079,14 +5405,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,
@@ -5161,11 +5490,12 @@ Path: ${parsed.endpoint.path}`);
       inputBar: /* @__PURE__ */ jsxRuntime.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,
@@ -5202,6 +5532,7 @@ Path: ${parsed.endpoint.path}`);
           authToken: authTokenRef.current,
           onPageNavigation,
           onSourcesActivate,
+          onSourceActivate,
           renderEntryExtra,
           renderEntry,
           widgets,
@@ -5315,8 +5646,8 @@ function MentionDropdown({
     const name = (p.display_name || p.entity_id).toLowerCase();
     return name.includes(query.toLowerCase());
   });
-  const selectedRef = React12.useRef(null);
-  React12.useEffect(() => {
+  const selectedRef = React15.useRef(null);
+  React15.useEffect(() => {
     selectedRef.current?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex]);
   if (filtered.length === 0) return null;
@@ -5377,8 +5708,8 @@ var ALL_TARGET = {
   type: "special"
 };
 function useMentions(currentCommand, participants, mentionTargets) {
-  const [selectedMentionIndex, setSelectedMentionIndex] = React12.useState(0);
-  const allCandidates = React12.useMemo(() => {
+  const [selectedMentionIndex, setSelectedMentionIndex] = React15.useState(0);
+  const allCandidates = React15.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     if (participants) {
       for (const p of participants) {
@@ -5409,7 +5740,7 @@ function useMentions(currentCommand, participants, mentionTargets) {
     return list;
   }, [participants, mentionTargets]);
   const hasCandidates = allCandidates.length > 0;
-  const mentionQuery = React12.useMemo(() => {
+  const mentionQuery = React15.useMemo(() => {
     if (!hasCandidates) return null;
     const atIdx = currentCommand.lastIndexOf("@");
     if (atIdx === -1) return null;
@@ -5418,7 +5749,7 @@ function useMentions(currentCommand, participants, mentionTargets) {
     if (query.includes(" ") && query.trim().length > 0) return null;
     return query;
   }, [currentCommand, hasCandidates]);
-  const mentionCandidates = React12.useMemo(() => {
+  const mentionCandidates = React15.useMemo(() => {
     if (mentionQuery === null) return [];
     const q = mentionQuery.toLowerCase();
     return allCandidates.filter(
@@ -5426,18 +5757,18 @@ function useMentions(currentCommand, participants, mentionTargets) {
     );
   }, [mentionQuery, allCandidates]);
   const safeIndex = mentionCandidates.length > 0 ? Math.min(selectedMentionIndex, mentionCandidates.length - 1) : 0;
-  const navigateMentionUp = React12.useCallback(() => {
+  const navigateMentionUp = React15.useCallback(() => {
     setSelectedMentionIndex((prev) => Math.max(0, prev - 1));
   }, []);
-  const navigateMentionDown = React12.useCallback(() => {
+  const navigateMentionDown = React15.useCallback(() => {
     setSelectedMentionIndex(
       (prev) => Math.min((mentionCandidates.length || 1) - 1, prev + 1)
     );
   }, [mentionCandidates.length]);
-  const resetMentionIndex = React12.useCallback(() => {
+  const resetMentionIndex = React15.useCallback(() => {
     setSelectedMentionIndex(0);
   }, []);
-  const completeMention = React12.useCallback(
+  const completeMention = React15.useCallback(
     (candidate) => {
       const atIdx = currentCommand.lastIndexOf("@");
       if (atIdx === -1) return currentCommand;
@@ -5446,7 +5777,7 @@ function useMentions(currentCommand, participants, mentionTargets) {
     },
     [currentCommand]
   );
-  const parseMentions = React12.useCallback(
+  const parseMentions = React15.useCallback(
     (cmd) => {
       if (allCandidates.length === 0) return [];
       const sortedCandidates = [...allCandidates].sort(
@@ -5492,6 +5823,7 @@ function useMentions(currentCommand, participants, mentionTargets) {
   };
 }
 function ChatTerminal({
+  showBusyIndicator,
   theme: themeOverrides,
   config,
   className = "",
@@ -5507,6 +5839,8 @@ function ChatTerminal({
   onDeleteRagFile,
   onDownloadRagFile,
   workingGroupContext: workingGroupContextProp = null,
+  showWorkingGroupBanner = true,
+  autoFocusInput = true,
   onPipelineDraftEdit,
   onPipelineDraftReject,
   onPageNavigation,
@@ -5529,6 +5863,7 @@ function ChatTerminal({
   widgets,
   slots,
   onSourcesActivate,
+  onSourceActivate,
   historyRef,
   currentUser,
   onSendMessage,
@@ -5538,8 +5873,10 @@ function ChatTerminal({
   typingUsers,
   onTyping,
   onSubmitNote,
+  onSubmitLog,
   onMentionResolve,
-  onMentionPicked
+  onMentionPicked,
+  authToken
 }) {
   const core = useTerminalCore({
     config,
@@ -5552,6 +5889,7 @@ function ChatTerminal({
     reasoningRef,
     workingGroupContextProp,
     onResolveWorkingGroup,
+    autoFocusInput,
     onRagFileUpload,
     onListRagFiles,
     onDeleteRagFile,
@@ -5565,9 +5903,10 @@ function ChatTerminal({
     showWelcomeMessage,
     currentUser,
     onPollMessages,
-    pollIntervalMs
+    pollIntervalMs,
+    authToken
   });
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     onActivityEventsChange?.(core.activityEvents);
   }, [core.activityEvents]);
   const isCollaborative = !!core.collaborationState?.session_id || !!onSendMessage || !!currentUser;
@@ -5582,8 +5921,8 @@ function ChatTerminal({
     completeMention,
     parseMentions
   } = useMentions(mentionsInput, core.collaborationState?.participants, mentionTargets);
-  const [caretIndex, setCaretIndex] = React12.useState(0);
-  const [slashPickedNames, setSlashPickedNames] = React12.useState([]);
+  const [caretIndex, setCaretIndex] = React15.useState(0);
+  const [slashPickedNames, setSlashPickedNames] = React15.useState([]);
   const slashMentions = useSlashMentionPicker({
     currentCommand: core.currentCommand,
     caretIndex,
@@ -5605,13 +5944,13 @@ function ChatTerminal({
       setCaretIndex(replaced.caret);
     });
   };
-  const liveSlashPickedNames = React12.useMemo(
+  const liveSlashPickedNames = React15.useMemo(
     () => slashPickedNames.filter(
       (n) => core.currentCommand.toLowerCase().includes(`@${n.toLowerCase()}`)
     ),
     [slashPickedNames, core.currentCommand]
   );
-  const knownMentionNames = React12.useMemo(() => {
+  const knownMentionNames = React15.useMemo(() => {
     const names = [...liveSlashPickedNames];
     if (mentionTargets) for (const t of mentionTargets) names.push(t.display_name);
     if (core.collaborationState?.participants) {
@@ -5709,11 +6048,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);
@@ -5760,14 +6114,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,
@@ -5804,6 +6161,7 @@ function ChatTerminal({
       inputBar: /* @__PURE__ */ jsxRuntime.jsx(
         TerminalInputBar,
         {
+          autoFocus: autoFocusInput,
           inputRef: core.inputRef,
           fileInputRef: core.fileInputRef,
           currentCommand: core.currentCommand,
@@ -5856,6 +6214,7 @@ function ChatTerminal({
             config,
             onPageNavigation,
             onSourcesActivate,
+            onSourceActivate,
             renderEntryExtra,
             renderEntry,
             widgets,
@@ -5877,17 +6236,17 @@ function CoreTerminal(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(StandardTerminal, { ...props });
 }
 function TypingAnimation({ text, className = "", shouldStart = false }) {
-  const [displayedText, setDisplayedText] = React12.useState("");
-  const [currentIndex, setCurrentIndex] = React12.useState(0);
-  const [isTyping, setIsTyping] = React12.useState(false);
-  React12.useEffect(() => {
+  const [displayedText, setDisplayedText] = React15.useState("");
+  const [currentIndex, setCurrentIndex] = React15.useState(0);
+  const [isTyping, setIsTyping] = React15.useState(false);
+  React15.useEffect(() => {
     if (shouldStart && !isTyping) {
       setIsTyping(true);
       setDisplayedText("");
       setCurrentIndex(0);
     }
   }, [shouldStart, isTyping]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (isTyping && currentIndex < text.length) {
       const timeout = setTimeout(() => {
         setDisplayedText((prev) => prev + text[currentIndex]);
@@ -5908,19 +6267,19 @@ function ExpandableTerminal({
   ...terminalProps
 }) {
   const t = mergeTheme(themeOverrides);
-  const [isExpanded, setIsExpanded] = React12.useState(false);
-  const [isFullscreen, setIsFullscreen] = React12.useState(false);
-  const initialHistoryRef = React12.useRef(initialHistory);
-  React12.useEffect(() => {
+  const [isExpanded, setIsExpanded] = React15.useState(false);
+  const [isFullscreen, setIsFullscreen] = React15.useState(false);
+  const initialHistoryRef = React15.useRef(initialHistory);
+  React15.useEffect(() => {
     initialHistoryRef.current = initialHistory;
   }, [initialHistory]);
-  const [currentGuidance, setCurrentGuidance] = React12.useState(guidanceMessage || "");
-  const [isLoadingGuidance, setIsLoadingGuidance] = React12.useState(false);
-  const [hasTriggeredTyping, setHasTriggeredTyping] = React12.useState(false);
-  const [internalWindowWidth, setInternalWindowWidth] = React12.useState(windowWidth);
-  const terminalRef = React12.useRef(null);
-  const justOpenedRef = React12.useRef(false);
-  React12.useEffect(() => {
+  const [currentGuidance, setCurrentGuidance] = React15.useState(guidanceMessage || "");
+  const [isLoadingGuidance, setIsLoadingGuidance] = React15.useState(false);
+  const [hasTriggeredTyping, setHasTriggeredTyping] = React15.useState(false);
+  const [internalWindowWidth, setInternalWindowWidth] = React15.useState(windowWidth);
+  const terminalRef = React15.useRef(null);
+  const justOpenedRef = React15.useRef(false);
+  React15.useEffect(() => {
     if (typeof window !== "undefined") {
       const updateWindowWidth = () => setInternalWindowWidth(window.innerWidth);
       updateWindowWidth();
@@ -5928,7 +6287,7 @@ function ExpandableTerminal({
       return () => window.removeEventListener("resize", updateWindowWidth);
     }
   }, []);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     const handleClickOutside = (event) => {
       if (justOpenedRef.current) return;
       if ((isExpanded || isFullscreen) && terminalRef.current && !terminalRef.current.contains(event.target)) {
@@ -5947,13 +6306,13 @@ function ExpandableTerminal({
       };
     }
   }, [isExpanded, isFullscreen]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (onGuidanceRequest && !currentGuidance && !isLoadingGuidance) {
       setIsLoadingGuidance(true);
       onGuidanceRequest().then((message) => setCurrentGuidance(message)).catch(() => setCurrentGuidance("\u{1F4AC} Intelligence Online - Ask anything!")).finally(() => setIsLoadingGuidance(false));
     }
   }, [onGuidanceRequest, currentGuidance, isLoadingGuidance]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     const timer = setTimeout(() => setHasTriggeredTyping(true), 1e3);
     return () => clearTimeout(timer);
   }, []);
@@ -6139,12 +6498,12 @@ function InlineTerminal({
   autoFocus = false
 }) {
   const t = useTheme();
-  const [command, setCommand] = React12.useState("");
-  const [isProcessing, setIsProcessing] = React12.useState(false);
-  const [response, setResponse] = React12.useState("");
-  const [showResponse, setShowResponse] = React12.useState(false);
-  const inputRef = React12.useRef(null);
-  React12.useEffect(() => {
+  const [command, setCommand] = React15.useState("");
+  const [isProcessing, setIsProcessing] = React15.useState(false);
+  const [response, setResponse] = React15.useState("");
+  const [showResponse, setShowResponse] = React15.useState(false);
+  const inputRef = React15.useRef(null);
+  React15.useEffect(() => {
     if (autoFocus && inputRef.current) inputRef.current.focus();
   }, [autoFocus]);
   const handleSubmit = async (e) => {
@@ -6298,18 +6657,18 @@ function buildNarrativeSummary(snapshot, columnConfig) {
 }
 function KnowledgeGraphPanel({ snapshot, genericKG, onClose }) {
   const t = useTheme();
-  const [selected, setSelected] = React12.useState(null);
-  const [fullscreen, setFullscreen] = React12.useState(false);
-  const [searchTerm, setSearchTerm] = React12.useState("");
-  const COLUMN_CONFIG = React12.useMemo(() => getColumnConfig(t), [t]);
-  const SEVERITY_COLORS = React12.useMemo(() => getSeverityColors(t), [t]);
-  const FALLBACK_COLORS = React12.useMemo(() => getFallbackColors(t), [t]);
-  const genericNodeMap = React12.useMemo(() => {
+  const [selected, setSelected] = React15.useState(null);
+  const [fullscreen, setFullscreen] = React15.useState(false);
+  const [searchTerm, setSearchTerm] = React15.useState("");
+  const COLUMN_CONFIG = React15.useMemo(() => getColumnConfig(t), [t]);
+  const SEVERITY_COLORS = React15.useMemo(() => getSeverityColors(t), [t]);
+  const FALLBACK_COLORS = React15.useMemo(() => getFallbackColors(t), [t]);
+  const genericNodeMap = React15.useMemo(() => {
     if (!genericKG) return /* @__PURE__ */ new Map();
     return new Map(genericKG.nodes.map((n) => [n.id, n]));
   }, [genericKG]);
-  const narrativeSummary = React12.useMemo(() => buildNarrativeSummary(snapshot, COLUMN_CONFIG), [snapshot, COLUMN_CONFIG]);
-  React12.useEffect(() => {
+  const narrativeSummary = React15.useMemo(() => buildNarrativeSummary(snapshot, COLUMN_CONFIG), [snapshot, COLUMN_CONFIG]);
+  React15.useEffect(() => {
     if (!fullscreen) return;
     const handleEsc = (e) => {
       if (e.key === "Escape") setFullscreen(false);
@@ -6317,11 +6676,11 @@ function KnowledgeGraphPanel({ snapshot, genericKG, onClose }) {
     window.addEventListener("keydown", handleEsc);
     return () => window.removeEventListener("keydown", handleEsc);
   }, [fullscreen]);
-  const isStructured = React12.useMemo(() => {
+  const isStructured = React15.useMemo(() => {
     const types = new Set(snapshot.nodes.map((n) => n.node_type));
     return types.has("document_element") || types.has("finding") || types.has("recommendation");
   }, [snapshot]);
-  const { columns, otherNodes } = React12.useMemo(() => {
+  const { columns, otherNodes } = React15.useMemo(() => {
     const cols = {
       document_element: [],
       finding: [],
@@ -6343,7 +6702,7 @@ function KnowledgeGraphPanel({ snapshot, genericKG, onClose }) {
     });
     return { columns: cols, otherNodes: other };
   }, [snapshot, searchTerm]);
-  const edgeMap = React12.useMemo(() => {
+  const edgeMap = React15.useMemo(() => {
     const map = {};
     snapshot.edges.forEach((e) => {
       if (!map[e.from]) map[e.from] = [];
@@ -6709,7 +7068,7 @@ function HistoryAgentCard({
   thinking
 }) {
   const t = useTheme();
-  const [agentExpanded, setAgentExpanded] = React12.useState(false);
+  const [agentExpanded, setAgentExpanded] = React15.useState(false);
   const name = agent.display_name || agent.id.replace(/_/g, " ");
   const statusColor = agent.status === "complete" ? t.success : agent.status === "failed" ? t.error : t.warning;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -6772,8 +7131,8 @@ function ReasoningHistoryCard({
   defaultExpanded = false
 }) {
   const t = useTheme();
-  const [expanded, setExpanded] = React12.useState(defaultExpanded);
-  const [showKG, setShowKG] = React12.useState(false);
+  const [expanded, setExpanded] = React15.useState(defaultExpanded);
+  const [showKG, setShowKG] = React15.useState(false);
   const agentCount = snapshot.agents?.length || 0;
   const completedCount = snapshot.agents?.filter((a) => a.status === "complete").length || 0;
   const elapsedSec = snapshot.elapsedMs ? Math.round(snapshot.elapsedMs / 1e3) : null;
@@ -7012,6 +7371,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] = React15.useState(prominent);
+  const [touched, setTouched] = React15.useState(false);
+  const [hover, setHover] = React15.useState(false);
+  React15.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: summary }),
+        !(only && !working && !failed) && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "shrink-0", children: open ? "\u2212" : "+" })
+      ]
+    }
+  );
+  const rows = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("li", { className: "flex items-baseline gap-2 text-xs", children: [
+      rounds !== null && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "w-3 shrink-0 text-right tabular-nums",
+          style: { color: t.textMuted },
+          "aria-hidden": !startsRound,
+          children: startsRound ? g.round : ""
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: "min-w-0 flex-1 truncate",
+          style: { color: t.textSecondary },
+          title: g.label,
+          children: [
+            g.label,
+            g.steps.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: t.textMuted }, children: [
+              " \xD7",
+              g.steps.length
+            ] })
+          ]
+        }
+      ),
+      slow && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "shrink-0 tabular-nums",
+          style: { color: t.textMuted },
+          children: slow
+        }
+      ),
+      res && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", style: { color: anyError ? t.error : t.textMuted }, children: res })
+    ] }, g.key);
+  }) });
+  if (!prominent) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2", children: [
+      toggle,
+      open && !only && rows
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(AgentStepTrace, { steps, working });
+}
 
 // src/knowledge/graphTheme.ts
 var NODE_TYPE_COLORS = {
@@ -7277,7 +7857,7 @@ function GraphNodeComponent({ data, selected }) {
       ` })
   ] });
 }
-var GraphNode = React12.memo(GraphNodeComponent);
+var GraphNode = React15.memo(GraphNodeComponent);
 function GraphEdgeComponent({
   id,
   sourceX,
@@ -7346,7 +7926,7 @@ function GraphEdgeComponent({
     ) })
   ] });
 }
-var GraphEdge = React12.memo(GraphEdgeComponent);
+var GraphEdge = React15.memo(GraphEdgeComponent);
 function EdgeMarkerDefs() {
   const types = [
     "supports",
@@ -7476,18 +8056,18 @@ function AnnotationCard({ annotation: a }) {
     }
   );
 }
-var MarkdownContent = React12.memo(function MarkdownContent2({
+var MarkdownContent = React15.memo(function MarkdownContent2({
   children,
   className = "",
   entities,
   onEntityClick
 }) {
   if (!children) return null;
-  const components = React12.useMemo(() => {
+  const components = React15.useMemo(() => {
     if (!entities || entities.length === 0) return MARKDOWN_COMPONENTS;
     return { ...MARKDOWN_COMPONENTS, ...buildHighlightOverrides(entities, onEntityClick) };
   }, [entities, onEntityClick]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `text-xs leading-relaxed text-gray-300 break-words ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown__default.default, { components, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `text-xs leading-relaxed text-gray-300 break-words ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown__default.default, { remarkPlugins: [remarkGfm__default.default], components, children }) });
 });
 function escapeRegex(s) {
   return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
@@ -7553,13 +8133,13 @@ function highlightText(text, regex, entityMap, onEntityClick) {
   return parts;
 }
 function highlightChildren(children, regex, entityMap, onEntityClick) {
-  return React12__default.default.Children.map(children, (child) => {
+  return React15__default.default.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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: highlighted });
     }
-    if (React12__default.default.isValidElement(child) && child.props.children) {
-      return React12__default.default.cloneElement(child, {
+    if (React15__default.default.isValidElement(child) && child.props.children) {
+      return React15__default.default.cloneElement(child, {
         ...child.props,
         children: highlightChildren(child.props.children, regex, entityMap, onEntityClick)
       });
@@ -7727,7 +8307,7 @@ var MARKDOWN_COMPONENTS = {
     }
   )
 };
-var MarkdownEditor = React12.memo(function MarkdownEditor2({
+var MarkdownEditor = React15.memo(function MarkdownEditor2({
   value,
   onChange,
   onSave,
@@ -7736,14 +8316,14 @@ var MarkdownEditor = React12.memo(function MarkdownEditor2({
   autoFocus = true,
   disabled = false
 }) {
-  const editorRef = React12.useRef(null);
-  React12.useEffect(() => {
+  const editorRef = React15.useRef(null);
+  React15.useEffect(() => {
     if (autoFocus && editorRef.current) {
       const id = requestAnimationFrame(() => editorRef.current?.focus());
       return () => cancelAnimationFrame(id);
     }
   }, [autoFocus]);
-  const handleKeyDown = React12.useCallback(
+  const handleKeyDown = React15.useCallback(
     (e) => {
       if (disabled) return;
       if (e.key === "Escape") {
@@ -7760,7 +8340,7 @@ var MarkdownEditor = React12.memo(function MarkdownEditor2({
     },
     [disabled, onCancel, onSave, onChange]
   );
-  const handleChange = React12.useCallback(
+  const handleChange = React15.useCallback(
     (markdown, initialNormalize) => {
       if (initialNormalize) return;
       onChange(markdown);
@@ -8014,7 +8594,7 @@ var MarkdownEditor = React12.memo(function MarkdownEditor2({
     }
   );
 });
-var KbdKey = React12.memo(function KbdKey2({ children }) {
+var KbdKey = React15.memo(function KbdKey2({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "kbd",
     {
@@ -8030,10 +8610,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}`);
@@ -8044,21 +8624,21 @@ function NodeDetailDrawer({ node, connectedNodes, chunks = [], annotations, onCl
   const vocabType = node.properties?.vocabulary_type;
   const colors = vocabType ? getVocabTypeColors(vocabType) : getNodeColors(node.nodeType);
   const typeLabel = vocabType ? getVocabTypeLabel(vocabType) : getNodeTypeLabel(node.nodeType);
-  const [showProperties, setShowProperties] = React12.useState(false);
-  const [expandedChunks, setExpandedChunks] = React12.useState(/* @__PURE__ */ new Set());
-  const [isEditing, setIsEditing] = React12.useState(false);
-  const [draftText, setDraftText] = React12.useState("");
-  const [localDescription, setLocalDescription] = React12.useState(null);
-  const [isSaving, setIsSaving] = React12.useState(false);
-  const [saveError, setSaveError] = React12.useState(null);
-  const [lastSaveResult, setLastSaveResult] = React12.useState(null);
-  const [saveProgressStage, setSaveProgressStage] = React12.useState("starting");
-  const currentNodeIdRef = React12.useRef(node.id);
-  const savedPillTimerRef = React12.useRef(null);
+  const [showProperties, setShowProperties] = React15.useState(false);
+  const [expandedChunks, setExpandedChunks] = React15.useState(/* @__PURE__ */ new Set());
+  const [isEditing, setIsEditing] = React15.useState(false);
+  const [draftText, setDraftText] = React15.useState("");
+  const [localDescription, setLocalDescription] = React15.useState(null);
+  const [isSaving, setIsSaving] = React15.useState(false);
+  const [saveError, setSaveError] = React15.useState(null);
+  const [lastSaveResult, setLastSaveResult] = React15.useState(null);
+  const [saveProgressStage, setSaveProgressStage] = React15.useState("starting");
+  const currentNodeIdRef = React15.useRef(node.id);
+  const savedPillTimerRef = React15.useRef(null);
   const displayedDescription = localDescription ?? node.description ?? "";
   const isLocallyEdited = localDescription !== null && localDescription !== (node.description ?? "");
   const isDirty = isEditing && draftText !== displayedDescription;
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     currentNodeIdRef.current = node.id;
     setIsEditing(false);
     setLocalDescription(null);
@@ -8071,7 +8651,7 @@ function NodeDetailDrawer({ node, connectedNodes, chunks = [], annotations, onCl
       savedPillTimerRef.current = null;
     }
   }, [node.id]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (!isSaving) return;
     if (saveMode !== "reextract") {
       setSaveProgressStage("embedding");
@@ -8087,7 +8667,7 @@ function NodeDetailDrawer({ node, connectedNodes, chunks = [], annotations, onCl
       clearTimeout(t3);
     };
   }, [isSaving, saveMode]);
-  React12.useEffect(() => () => {
+  React15.useEffect(() => () => {
     if (savedPillTimerRef.current) clearTimeout(savedPillTimerRef.current);
   }, []);
   const handleStartEdit = () => {
@@ -8112,11 +8692,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);
@@ -8148,7 +8728,7 @@ function NodeDetailDrawer({ node, connectedNodes, chunks = [], annotations, onCl
     onClose();
   };
   const PLATFORM_SLOT_RE = /<[^>]*(chunk|timestamp|source|when|date|where|location)[^>]*>/i;
-  const renderedClaims = React12.useMemo(() => {
+  const renderedClaims = React15.useMemo(() => {
     const seen = /* @__PURE__ */ new Set();
     const out = [];
     for (const cn of connectedNodes) {
@@ -8223,7 +8803,7 @@ function NodeDetailDrawer({ node, connectedNodes, chunks = [], annotations, onCl
     }
     return out;
   }, [connectedNodes, node.label]);
-  const claimGroups = React12.useMemo(() => {
+  const claimGroups = React15.useMemo(() => {
     const byPredicate = /* @__PURE__ */ new Map();
     for (const c of renderedClaims) {
       const key = c.predicateClean || "(related)";
@@ -8238,11 +8818,11 @@ function NodeDetailDrawer({ node, connectedNodes, chunks = [], annotations, onCl
     }).map(([predicate, items]) => ({ predicate, items }));
   }, [renderedClaims]);
   const sourceDocs = node.properties?.source_documents ?? [];
-  const aliases = React12.useMemo(() => {
+  const aliases = React15.useMemo(() => {
     const a = node.aliases ?? [];
     return a.filter((v) => v && v.toLowerCase() !== node.label.toLowerCase());
   }, [node.aliases, node.label]);
-  const speakerMeta = React12.useMemo(() => {
+  const speakerMeta = React15.useMemo(() => {
     const raw = node.source?.trim();
     if (!raw) return null;
     if (raw === "system_extractor") return { label: "System extractor", klass: "extractor" };
@@ -8253,7 +8833,7 @@ function NodeDetailDrawer({ node, connectedNodes, chunks = [], annotations, onCl
     return { label: raw.replace(/_/g, " "), klass: "other" };
   }, [node.source]);
   const graphLayer = node.graphLayer || node.properties?.graph_layer;
-  const HIDDEN_PROPERTY_KEYS = React12.useMemo(() => /* @__PURE__ */ new Set([
+  const HIDDEN_PROPERTY_KEYS = React15.useMemo(() => /* @__PURE__ */ new Set([
     "vocabulary_type",
     "claim_status",
     "settled",
@@ -8269,7 +8849,7 @@ function NodeDetailDrawer({ node, connectedNodes, chunks = [], annotations, onCl
     "sample_labels",
     "view"
   ]), []);
-  const visibleProperties = React12.useMemo(() => {
+  const visibleProperties = React15.useMemo(() => {
     const src = node.properties ?? {};
     const out = {};
     for (const [k, v] of Object.entries(src)) {
@@ -8278,23 +8858,23 @@ function NodeDetailDrawer({ node, connectedNodes, chunks = [], annotations, onCl
     }
     return out;
   }, [node.properties, HIDDEN_PROPERTY_KEYS]);
-  const reviewIndex = React12.useMemo(() => {
+  const reviewIndex = React15.useMemo(() => {
     if (!reviewNodeIds || reviewNodeIds.length === 0) return -1;
     return reviewNodeIds.indexOf(node.id);
   }, [reviewNodeIds, node.id]);
   const hasPrev = reviewIndex > 0;
   const hasNext = reviewNodeIds ? reviewIndex < reviewNodeIds.length - 1 : false;
   const isChunk = node.nodeType === "chunk";
-  const noteTitle = React12.useMemo(() => {
+  const noteTitle = React15.useMemo(() => {
     if (!isChunk || !displayedDescription) return null;
     const match = displayedDescription.match(/^#{1,4}\s+(.+)/m);
     return match ? match[1].trim() : null;
   }, [isChunk, displayedDescription]);
-  const chunkEntities = React12.useMemo(() => {
+  const chunkEntities = React15.useMemo(() => {
     if (!isChunk) return [];
     return connectedNodes.map((cn) => ({ id: cn.id, label: cn.label, nodeType: cn.nodeType }));
   }, [isChunk, connectedNodes]);
-  const [showMeta, setShowMeta] = React12.useState(false);
+  const [showMeta, setShowMeta] = React15.useState(false);
   const entityCount = node.properties?.entity_count;
   const relationshipCount = node.properties?.relationship_count;
   const reviewNav = reviewNodeIds && reviewNodeIds.length > 1 && reviewIndex >= 0 && onReviewNavigate ? /* @__PURE__ */ jsxRuntime.jsxs(
@@ -8652,11 +9232,11 @@ function NodeDetailDrawer({ node, connectedNodes, chunks = [], annotations, onCl
           renderedClaims.length,
           ")"
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: claimGroups.map((group) => {
-          const isRelated = group.predicate === "(related)";
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: claimGroups.map((group2) => {
+          const isRelated = group2.predicate === "(related)";
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            group.items.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] text-gray-500 italic mb-0.5 px-2", children: group.predicate }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5", children: group.items.map((claim) => {
+            group2.items.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] text-gray-500 italic mb-0.5 px-2", children: group2.predicate }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5", children: group2.items.map((claim) => {
               const cnColors = getNodeColors(claim.targetType);
               return /* @__PURE__ */ jsxRuntime.jsxs(
                 "button",
@@ -8694,7 +9274,7 @@ function NodeDetailDrawer({ node, connectedNodes, chunks = [], annotations, onCl
                 claim.key
               );
             }) })
-          ] }, group.predicate);
+          ] }, group2.predicate);
         }) })
       ] }),
       Object.keys(visibleProperties).length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -8839,8 +9419,8 @@ function EdgeDetailDrawer({ edge, annotations, onClose, onNavigate }) {
   ] });
 }
 function EditableField({ label, value, placeholder, onSave, color }) {
-  const [editing, setEditing] = React12.useState(false);
-  const [editVal, setEditVal] = React12.useState(value);
+  const [editing, setEditing] = React15.useState(false);
+  const [editVal, setEditVal] = React15.useState(value);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: 20 }, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#888", fontSize: 10, textTransform: "uppercase", letterSpacing: 1, marginBottom: 6 }, children: label }),
     editing ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -8884,15 +9464,15 @@ function EditableField({ label, value, placeholder, onSave, color }) {
   ] });
 }
 function TeamStage({ agents, onSendAction, onUpdateAgent, onRemoveAgent, onAddAgent }) {
-  const [editingId, setEditingId] = React12.useState(null);
-  const [editField, setEditField] = React12.useState(null);
-  const [editValue, setEditValue] = React12.useState("");
-  const [addingAgent, setAddingAgent] = React12.useState(false);
-  const [newName, setNewName] = React12.useState("");
-  const [newRole, setNewRole] = React12.useState("");
-  const [confirmDeleteId, setConfirmDeleteId] = React12.useState(null);
-  const [selectedAgent, setSelectedAgent] = React12.useState(null);
-  const [hoveredId, setHoveredId] = React12.useState(null);
+  const [editingId, setEditingId] = React15.useState(null);
+  const [editField, setEditField] = React15.useState(null);
+  const [editValue, setEditValue] = React15.useState("");
+  const [addingAgent, setAddingAgent] = React15.useState(false);
+  const [newName, setNewName] = React15.useState("");
+  const [newRole, setNewRole] = React15.useState("");
+  const [confirmDeleteId, setConfirmDeleteId] = React15.useState(null);
+  const [selectedAgent, setSelectedAgent] = React15.useState(null);
+  const [hoveredId, setHoveredId] = React15.useState(null);
   const startEdit = (agent, field) => {
     setEditingId(agent.id);
     setEditField(field);
@@ -9308,8 +9888,8 @@ var RECRUITING_LINES = [
   "Briefing the team on the working group context\u2026"
 ];
 function RecruitingHint() {
-  const [idx, setIdx] = React12.useState(0);
-  React12__default.default.useEffect(() => {
+  const [idx, setIdx] = React15.useState(0);
+  React15__default.default.useEffect(() => {
     const t = setInterval(() => setIdx((i) => (i + 1) % RECRUITING_LINES.length), 2500);
     return () => clearInterval(t);
   }, []);
@@ -9412,7 +9992,7 @@ function RelationshipSentence({ rel }) {
   const hasRange = rel.range.length > 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { lineHeight: 2, color: "#888", fontSize: 13, wordBreak: "break-word" }, children: [
     hasDomain && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      rel.domain.map((d, i) => /* @__PURE__ */ jsxRuntime.jsxs(React12__default.default.Fragment, { children: [
+      rel.domain.map((d, i) => /* @__PURE__ */ jsxRuntime.jsxs(React15__default.default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#666" }, children: " or " }),
         /* @__PURE__ */ jsxRuntime.jsx(TypeChip, { name: d })
       ] }, d)),
@@ -9421,7 +10001,7 @@ function RelationshipSentence({ rel }) {
     /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#ddd", fontStyle: "italic", fontWeight: 500 }, children: verb }),
     hasRange && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       " ",
-      rel.range.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs(React12__default.default.Fragment, { children: [
+      rel.range.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs(React15__default.default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#666" }, children: " and " }),
         /* @__PURE__ */ jsxRuntime.jsx(TypeChip, { name: r })
       ] }, r))
@@ -9437,14 +10017,14 @@ function SchemaStage({
   edgeTypeCount,
   onSendAction
 }) {
-  const [renamingType, setRenamingType] = React12.useState(null);
-  const [renameValue, setRenameValue] = React12.useState("");
-  const [addingType, setAddingType] = React12.useState(false);
-  const [newTypeName, setNewTypeName] = React12.useState("");
-  const [addingRel, setAddingRel] = React12.useState(false);
-  const [newRelName, setNewRelName] = React12.useState("");
-  const [newRelDomain, setNewRelDomain] = React12.useState("");
-  const [newRelRange, setNewRelRange] = React12.useState("");
+  const [renamingType, setRenamingType] = React15.useState(null);
+  const [renameValue, setRenameValue] = React15.useState("");
+  const [addingType, setAddingType] = React15.useState(false);
+  const [newTypeName, setNewTypeName] = React15.useState("");
+  const [addingRel, setAddingRel] = React15.useState(false);
+  const [newRelName, setNewRelName] = React15.useState("");
+  const [newRelDomain, setNewRelDomain] = React15.useState("");
+  const [newRelRange, setNewRelRange] = React15.useState("");
   const removeType = (name) => {
     onSendAction(`remove the "${name}" type from the schema`);
   };
@@ -9900,8 +10480,8 @@ var DOCUMENT_PIPELINE_STEPS = [
   { key: "complete", label: "Done" }
 ];
 function DocumentProcessingProgress() {
-  const [state, setState] = React12.useState(null);
-  React12.useEffect(() => {
+  const [state, setState] = React15.useState(null);
+  React15.useEffect(() => {
     const handler = (e) => {
       const event = e.detail;
       if (!event?.step) return;
@@ -9941,7 +10521,7 @@ function DocumentProcessingProgress() {
   if (!state) return null;
   const currentIdx = DOCUMENT_PIPELINE_STEPS.findIndex((s) => s.key === state.step);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-1.5 flex flex-col gap-1", style: { borderBottom: "1px solid #282828", backgroundColor: "#1a1a1a" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0", children: DOCUMENT_PIPELINE_STEPS.map((step, i) => /* @__PURE__ */ jsxRuntime.jsxs(React12__default.default.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0", children: DOCUMENT_PIPELINE_STEPS.map((step, i) => /* @__PURE__ */ jsxRuntime.jsxs(React15__default.default.Fragment, { children: [
       i > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-px mx-0.5", style: { backgroundColor: i <= currentIdx ? "#10b981" : "#333" } }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "span",
@@ -10139,7 +10719,7 @@ function useStageActionBridge({
   kgId,
   agentsApiUrl
 }) {
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     const threadMode = !!threadId && !!onPostMessage;
     const pipelineMode = !!runId && !!agentsApiUrl;
     if (!threadMode && !pipelineMode) return;
@@ -10225,10 +10805,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) => {
@@ -10246,48 +10826,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);
@@ -10302,7 +10882,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" };
@@ -10311,7 +10891,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:
@@ -10332,7 +10912,7 @@ var initialState = {
   docActivity: []
 };
 function StageCanvas({ nodeCount, onForceGraph, initialPhase, initialTeam, kgId }) {
-  const [state, dispatch] = React12.useReducer(stageReducer, initialState, (base) => {
+  const [state, dispatch] = React15.useReducer(stageReducer, initialState, (base) => {
     if (!initialPhase) return base;
     let stage = "idle";
     if (initialPhase === "team_formation") stage = "team_formation";
@@ -10341,13 +10921,13 @@ function StageCanvas({ nodeCount, onForceGraph, initialPhase, initialTeam, kgId
     const team = initialTeam && initialTeam.length > 0 ? initialTeam : stage === "team_formation" ? hydrateAgentIds(["proposer", "critic", "synthesizer"]) : base.team;
     return { ...base, stage, team };
   });
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (initialPhase) dispatch({ type: "PHASE_ADVANCED", to: initialPhase });
   }, [initialPhase]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (initialTeam && initialTeam.length > 0) dispatch({ type: "TEAM_SETUP", agents: initialTeam });
   }, [initialTeam]);
-  const handleProgressEvent = React12.useCallback((event) => {
+  const handleProgressEvent = React15.useCallback((event) => {
     if (!event?.type) return;
     switch (event.type) {
       case "TeamSetup":
@@ -10436,7 +11016,7 @@ function StageCanvas({ nodeCount, onForceGraph, initialPhase, initialTeam, kgId
     }
   }, []);
   useScopedProgressEvent(kgId, handleProgressEvent);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     const handler = (e) => {
       const event = e.detail;
       if (!event?.step) return;
@@ -10542,8 +11122,8 @@ var STATUS_COLORS = {
   idle: "#6b7280"
 };
 function AgentPresenceBar({ listenForEvents = true, agents: agentsProp, kgId }) {
-  const [agents, setAgents] = React12.useState(/* @__PURE__ */ new Map());
-  const handleAgentEvent = React12.useCallback((event) => {
+  const [agents, setAgents] = React15.useState(/* @__PURE__ */ new Map());
+  const handleAgentEvent = React15.useCallback((event) => {
     if (!event?.type) return;
     switch (event.type) {
       case "TeamSetup": {
@@ -10958,7 +11538,7 @@ function ClaimNodeComponent({ data, selected }) {
     /* @__PURE__ */ jsxRuntime.jsx(react.Handle, { type: "source", position: react.Position.Bottom, style: { background: borderColor, border: "none", width: 6, height: 6 } })
   ] });
 }
-var ClaimNode = React12.memo(ClaimNodeComponent);
+var ClaimNode = React15.memo(ClaimNodeComponent);
 function extractTitle(text) {
   const headingMatch = text.match(/^#{1,4}\s+(.+)/m);
   if (headingMatch) {
@@ -11057,7 +11637,7 @@ function NoteCardComponent({ data, selected }) {
     /* @__PURE__ */ jsxRuntime.jsx(react.Handle, { type: "source", position: react.Position.Bottom, style: { opacity: 0, width: 1, height: 1 } })
   ] });
 }
-var NoteCard = React12.memo(NoteCardComponent);
+var NoteCard = React15.memo(NoteCardComponent);
 
 // src/knowledge/claimsProjection.ts
 function buildClaimsGraph(nodes, edges) {
@@ -11128,13 +11708,13 @@ var PIPELINE_STEPS = [
   { key: "construction", label: "Building", short: "B" }
 ];
 function PipelineProgressBar({ listenForEvents = true, currentPhase: currentPhaseProp, completedPhases: completedProp, kgId }) {
-  const [currentPhase, setCurrentPhase] = React12.useState(currentPhaseProp || "");
-  const [completed, setCompleted] = React12.useState(new Set(completedProp || []));
-  const [backtracking, setBacktracking] = React12.useState(false);
-  React12.useEffect(() => {
+  const [currentPhase, setCurrentPhase] = React15.useState(currentPhaseProp || "");
+  const [completed, setCompleted] = React15.useState(new Set(completedProp || []));
+  const [backtracking, setBacktracking] = React15.useState(false);
+  React15.useEffect(() => {
     if (currentPhaseProp) setCurrentPhase(currentPhaseProp);
   }, [currentPhaseProp]);
-  const handlePipelineEvent = React12.useCallback((event) => {
+  const handlePipelineEvent = React15.useCallback((event) => {
     if (!event?.type) return;
     const isAdvance = event.type === "PhaseAdvanced" || event.type === "transform_extension" && event.kind === "phase_advanced";
     const isBacktrack = event.type === "PhaseBacktracked" || event.type === "transform_extension" && event.kind === "phase_backtracked";
@@ -11177,7 +11757,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__ */ jsxRuntime.jsxs(React12__default.default.Fragment, { children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs(React15__default.default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
@@ -11250,9 +11830,9 @@ var EMPTY_STATE = {
   edgeCount: 0
 };
 function ConstructionProgress({ kgId } = {}) {
-  const [state, setState] = React12.useState(null);
-  const [isBuilding, setIsBuilding] = React12.useState(false);
-  const handleConstructionEvent = React12.useCallback((event) => {
+  const [state, setState] = React15.useState(null);
+  const [isBuilding, setIsBuilding] = React15.useState(false);
+  const handleConstructionEvent = React15.useCallback((event) => {
     if (!event?.type) return;
     const isAdvance = event.type === "PhaseAdvanced" || event.type === "transform_extension" && event.kind === "phase_advanced";
     if (isAdvance && event.to === "construction") {
@@ -11361,12 +11941,12 @@ function ConstructionProgress({ kgId } = {}) {
 }
 var MAX_ADOPTED_KG_IDS = 16;
 function useAdoptedKgIds(kgId) {
-  const adoptedKgIdsRef = React12.useRef(/* @__PURE__ */ new Set());
-  const kgIdRef = React12.useRef(kgId);
-  React12.useEffect(() => {
+  const adoptedKgIdsRef = React15.useRef(/* @__PURE__ */ new Set());
+  const kgIdRef = React15.useRef(kgId);
+  React15.useEffect(() => {
     kgIdRef.current = kgId;
   }, [kgId]);
-  const adoptKgIdFromChunk = React12.useCallback(
+  const adoptKgIdFromChunk = React15.useCallback(
     (chunk, progress) => {
       if (isFixedKgId(kgIdRef.current)) return;
       const fromChunk = extractKgId(chunk, progress);
@@ -11379,7 +11959,7 @@ function useAdoptedKgIds(kgId) {
     },
     []
   );
-  const hasOwnedKgId = React12.useCallback((id) => {
+  const hasOwnedKgId = React15.useCallback((id) => {
     if (id === kgIdRef.current) return true;
     return adoptedKgIdsRef.current.has(id);
   }, []);
@@ -11394,7 +11974,7 @@ function useReasoningKeepalive({
   authToken
 }) {
   const isRealKg = isFixedKgId(kgId);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (!isRealKg || !runId || isLiveReasoning || !agentsApiUrl) return;
     const abort = new AbortController();
     const broadcastProgress = (event) => {
@@ -11425,12 +12005,12 @@ function useCheckpointCard({
   isLoadedSession,
   initialPhase
 }) {
-  const [checkpoint, setCheckpoint] = React12.useState(null);
-  const currentPhaseRef = React12.useRef(initialPhase || "");
-  React12.useEffect(() => {
+  const [checkpoint, setCheckpoint] = React15.useState(null);
+  const currentPhaseRef = React15.useRef(initialPhase || "");
+  React15.useEffect(() => {
     if (initialPhase) currentPhaseRef.current = initialPhase;
   }, [initialPhase]);
-  const handler = React12.useCallback(
+  const handler = React15.useCallback(
     (event) => {
       if (!event?.type) return;
       if (event.type === "PhaseAdvanced" || event.type === "PhaseBacktracked" || event.type === "transform_extension") {
@@ -11475,7 +12055,7 @@ function useCheckpointCard({
     handler,
     (!!threadId || !!runId) && !isLoadedSession
   );
-  const setCheckpointResponded = React12.useCallback(() => {
+  const setCheckpointResponded = React15.useCallback(() => {
     setCheckpoint((prev) => prev ? { ...prev, responded: true } : null);
   }, []);
   return { checkpoint, setCheckpointResponded };
@@ -11511,10 +12091,10 @@ function GraphChatPanel({
   reasoningPhase,
   authToken
 }) {
-  const accumulatedTextRef = React12.useRef("");
-  const conversationRef = React12.useRef([]);
-  const historyRef = React12.useRef(null);
-  const [loadedHistory, setLoadedHistory] = React12.useState(null);
+  const accumulatedTextRef = React15.useRef("");
+  const conversationRef = React15.useRef([]);
+  const historyRef = React15.useRef(null);
+  const [loadedHistory, setLoadedHistory] = React15.useState(null);
   const { adoptKgIdFromChunk, hasOwnedKgId } = useAdoptedKgIds(kgId);
   useReasoningKeepalive({
     kgId,
@@ -11523,7 +12103,7 @@ function GraphChatPanel({
     agentsApiUrl: config.agentsApiUrl,
     authToken
   });
-  const narrativeHandler = React12.useCallback((event) => {
+  const narrativeHandler = React15.useCallback((event) => {
     if (event?.type !== "transform_extension" || event?.kind !== "narrative_text") return;
     const text = event?.payload?.text;
     if (typeof text !== "string" || !text.trim()) return;
@@ -11559,7 +12139,7 @@ function GraphChatPanel({
     kgId,
     agentsApiUrl: config.agentsApiUrl
   });
-  const deduplicateMessages = React12.useCallback((sorted) => {
+  const deduplicateMessages = React15.useCallback((sorted) => {
     return sorted.filter((msg, i) => {
       if (i === 0) return true;
       const prev = sorted[i - 1];
@@ -11567,7 +12147,7 @@ function GraphChatPanel({
       return true;
     });
   }, []);
-  const mapMessages = React12.useCallback((msgs) => {
+  const mapMessages = React15.useCallback((msgs) => {
     const nonEmpty = msgs.filter((m) => typeof m.content === "string" && m.content.trim().length > 0);
     const sorted = nonEmpty.sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime());
     const deduped = deduplicateMessages(sorted);
@@ -11590,7 +12170,7 @@ function GraphChatPanel({
       };
     });
   }, [deduplicateMessages, currentUser]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (!threadId) {
       console.warn("[GraphChatPanel] no threadId \u2014 skipping history load", { groupId, kgId });
       return;
@@ -11629,7 +12209,7 @@ function GraphChatPanel({
       cancelled = true;
     };
   }, [groupId, threadId, mapMessages]);
-  const onPollMessages = React12.useCallback(async () => {
+  const onPollMessages = React15.useCallback(async () => {
     if (!threadId) return [];
     try {
       const msgs = await onLoadMessages(groupId, threadId);
@@ -11642,14 +12222,14 @@ function GraphChatPanel({
       return [];
     }
   }, [groupId, threadId, mapMessages]);
-  const defaultHistory = React12.useMemo(() => [
+  const defaultHistory = React15.useMemo(() => [
     {
       type: "system",
       content: threadId ? "Reasoning session \u2014 agent progress and your questions appear here." : "Ask questions about this document. Answers are grounded in the knowledge graph.",
       timestamp: /* @__PURE__ */ new Date()
     }
   ], [threadId]);
-  const resumeOrInputPipeline = React12.useCallback(async (message) => {
+  const resumeOrInputPipeline = React15.useCallback(async (message) => {
     if (!runId || !config.agentsApiUrl) return;
     if (checkpoint) setCheckpointResponded();
     const trimmed = message.trim();
@@ -11662,7 +12242,7 @@ function GraphChatPanel({
     });
     historyRef.current?.setIsExecuting?.(false);
   }, [runId, checkpoint, config.agentsApiUrl, setCheckpointResponded]);
-  const onSendMessage = React12.useCallback(async (content) => {
+  const onSendMessage = React15.useCallback(async (content) => {
     if (runId && !threadId && checkpoint) {
       historyRef.current?.setIsExecuting?.(true);
       resumeOrInputPipeline(content).catch(() => {
@@ -11695,7 +12275,7 @@ function GraphChatPanel({
       sender: currentUser
     };
   }, [groupId, threadId, runId, currentUser, resumeOrInputPipeline]);
-  const extractSources = React12.useCallback((text) => {
+  const extractSources = React15.useCallback((text) => {
     const lower = text.toLowerCase();
     const matched = [];
     const seen = /* @__PURE__ */ new Set();
@@ -11740,7 +12320,7 @@ function GraphChatPanel({
     }
     return matched;
   }, [rawNodes]);
-  const onStreamRequest = React12.useCallback(async (command, handlers) => {
+  const onStreamRequest = React15.useCallback(async (command, handlers) => {
     accumulatedTextRef.current = "";
     let senderOverridden = false;
     let mentionedAgent;
@@ -11852,7 +12432,7 @@ ${kgContext}` : ""}`,
       handlers.onError
     );
   }, [groupId, kgId, threadId, onHighlightNodes, extractSources, config.agentsApiUrl, onStreamChat, adoptKgIdFromChunk]);
-  const sourceKGNodes = React12.useMemo(
+  const sourceKGNodes = React15.useMemo(
     () => rawNodes.map((n) => ({
       id: n.node_key,
       label: n.label,
@@ -11868,7 +12448,7 @@ ${kgContext}` : ""}`,
     })),
     [rawNodes]
   );
-  const mentionTargets = React12.useMemo(() => {
+  const mentionTargets = React15.useMemo(() => {
     const agentKeys = /* @__PURE__ */ new Set();
     for (const n of rawNodes) {
       const key = n.source_agent_key || n.created_by || n.properties?.created_by || n.properties?.source_agent_key;
@@ -11978,8 +12558,8 @@ function extractTitle2(text) {
 function stripMarkdown2(text) {
   return text.replace(/#{1,6}\s+/g, "").replace(/\*\*(.+?)\*\*/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/`(.+?)`/g, "$1").replace(/\[(.+?)\]\(.+?\)/g, "$1").replace(/^[-*+]\s+/gm, "").replace(/^\d+\.\s+/gm, "").replace(/\n{2,}/g, " ").trim();
 }
-var NotesList = React12.memo(function NotesList2({ chunks, selectedId, onSelect, onCreateNote, filter }) {
-  const allNotes = React12.useMemo(() => {
+var NotesList = React15.memo(function NotesList2({ chunks, selectedId, onSelect, onCreateNote, filter }) {
+  const allNotes = React15.useMemo(() => {
     const byChunk = /* @__PURE__ */ new Map();
     for (const link of chunks) {
       const list = byChunk.get(link.chunk_id) ?? [];
@@ -12000,7 +12580,7 @@ var NotesList = React12.memo(function NotesList2({ chunks, selectedId, onSelect,
     groups.sort((a, b) => (a.chunkIndex ?? Infinity) - (b.chunkIndex ?? Infinity));
     return groups;
   }, [chunks]);
-  const notes = React12.useMemo(() => {
+  const notes = React15.useMemo(() => {
     if (!filter || !filter.trim()) return allNotes;
     const q = filter.toLowerCase().trim();
     return allNotes.filter((n) => n.excerpt.toLowerCase().includes(q));
@@ -12200,19 +12780,19 @@ function NoteExtractionToast({
   onRunFailed,
   authToken
 }) {
-  const [phase, setPhase] = React12.useState("Saving note\u2026");
-  const [successFlash, setSuccessFlash] = React12.useState(false);
-  const [error, setError] = React12.useState(null);
-  const abortsRef = React12.useRef(/* @__PURE__ */ new Map());
-  const onRunCompleteRef = React12.useRef(onRunComplete);
-  const onRunFailedRef = React12.useRef(onRunFailed);
-  React12.useEffect(() => {
+  const [phase, setPhase] = React15.useState("Saving note\u2026");
+  const [successFlash, setSuccessFlash] = React15.useState(false);
+  const [error, setError] = React15.useState(null);
+  const abortsRef = React15.useRef(/* @__PURE__ */ new Map());
+  const onRunCompleteRef = React15.useRef(onRunComplete);
+  const onRunFailedRef = React15.useRef(onRunFailed);
+  React15.useEffect(() => {
     onRunCompleteRef.current = onRunComplete;
   }, [onRunComplete]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     onRunFailedRef.current = onRunFailed;
   }, [onRunFailed]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     const controllers = abortsRef.current;
     for (const run of runs) {
       if (controllers.has(run.run_id)) continue;
@@ -12263,7 +12843,7 @@ function NoteExtractionToast({
       }
     }
   }, [runs, agentsApiUrl, authToken]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (runs.length === 0 && !error) {
       setSuccessFlash(true);
       const t = setTimeout(() => setSuccessFlash(false), 1800);
@@ -12271,7 +12851,7 @@ function NoteExtractionToast({
     }
     if (runs.length > 0) setSuccessFlash(false);
   }, [runs.length, error]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     return () => {
       abortsRef.current.forEach((abort) => abort.abort());
       abortsRef.current.clear();
@@ -12383,10 +12963,10 @@ function KnowledgeGraphView({
 }) {
   const [nodes, setNodes, onNodesChangeBase] = react.useNodesState([]);
   const [edges, setEdges, onEdgesChange] = react.useEdgesState([]);
-  const liveNodePositionsRef = React12.useRef(/* @__PURE__ */ new Map());
-  const [activityItems, setActivityItems] = React12.useState([]);
-  const prevActivityLenRef = React12.useRef(0);
-  React12.useEffect(() => {
+  const liveNodePositionsRef = React15.useRef(/* @__PURE__ */ new Map());
+  const [activityItems, setActivityItems] = React15.useState([]);
+  const prevActivityLenRef = React15.useRef(0);
+  React15.useEffect(() => {
     if (!activityEvents || activityEvents.length <= prevActivityLenRef.current) {
       prevActivityLenRef.current = activityEvents?.length || 0;
       return;
@@ -12399,23 +12979,23 @@ function KnowledgeGraphView({
     }
   }, [activityEvents?.length]);
   const useWindowEvents = !activityEvents;
-  const [liveRefreshTrigger, setLiveRefreshTrigger] = React12.useState(0);
-  const lastPersistRef = React12.useRef(0);
-  const pipelineDoneRef = React12.useRef(false);
-  const pendingActivityRef = React12.useRef([]);
-  const activityFlushRef = React12.useRef(null);
-  const flushActivity = React12.useCallback(() => {
+  const [liveRefreshTrigger, setLiveRefreshTrigger] = React15.useState(0);
+  const lastPersistRef = React15.useRef(0);
+  const pipelineDoneRef = React15.useRef(false);
+  const pendingActivityRef = React15.useRef([]);
+  const activityFlushRef = React15.useRef(null);
+  const flushActivity = React15.useCallback(() => {
     activityFlushRef.current = null;
     if (pendingActivityRef.current.length === 0) return;
     const batch = pendingActivityRef.current;
     pendingActivityRef.current = [];
     setActivityItems((prev) => [...prev, ...batch]);
   }, []);
-  React12.useEffect(() => () => {
+  React15.useEffect(() => () => {
     if (activityFlushRef.current) clearTimeout(activityFlushRef.current);
     flushActivity();
   }, [flushActivity]);
-  const handleActivityEvent = React12.useCallback((event) => {
+  const handleActivityEvent = React15.useCallback((event) => {
     if (pipelineDoneRef.current) return;
     const item = eventToActivity(event);
     if (item) {
@@ -12438,8 +13018,8 @@ function KnowledgeGraphView({
     }
   }, [flushActivity]);
   useScopedProgressEvent(kgId, handleActivityEvent, useWindowEvents);
-  const [forceGraph, setForceGraph] = React12.useState(false);
-  const onNodesChange = React12.useCallback((changes) => {
+  const [forceGraph, setForceGraph] = React15.useState(false);
+  const onNodesChange = React15.useCallback((changes) => {
     onNodesChangeBase(changes);
     for (const change of changes) {
       if (change.type === "position" && "position" in change && change.position) {
@@ -12447,29 +13027,29 @@ function KnowledgeGraphView({
       }
     }
   }, [onNodesChangeBase]);
-  const [loading, setLoading] = React12.useState(true);
-  const [error, setError] = React12.useState(null);
-  const [searchTerm, setSearchTerm] = React12.useState("");
-  const [phaseFilter, setPhaseFilter] = React12.useState("all");
-  const [isFullscreen, setIsFullscreen] = React12.useState(false);
-  const [selectedNodeId, setSelectedNodeId] = React12.useState(null);
-  const [selectedEdgeId, setSelectedEdgeId] = React12.useState(null);
-  const [hoveredNodeId, setHoveredNodeId] = React12.useState(null);
+  const [loading, setLoading] = React15.useState(true);
+  const [error, setError] = React15.useState(null);
+  const [searchTerm, setSearchTerm] = React15.useState("");
+  const [phaseFilter, setPhaseFilter] = React15.useState("all");
+  const [isFullscreen, setIsFullscreen] = React15.useState(false);
+  const [selectedNodeId, setSelectedNodeId] = React15.useState(null);
+  const [selectedEdgeId, setSelectedEdgeId] = React15.useState(null);
+  const [hoveredNodeId, setHoveredNodeId] = React15.useState(null);
   const hasChat = !!(renderChat || config);
-  const [chatOpen, setChatOpen] = React12.useState(hasChat);
-  const [chatMounted, setChatMounted] = React12.useState(hasChat);
-  React12.useEffect(() => {
+  const [chatOpen, setChatOpen] = React15.useState(hasChat);
+  const [chatMounted, setChatMounted] = React15.useState(hasChat);
+  React15.useEffect(() => {
     if (chatOpen && !chatMounted) setChatMounted(true);
   }, [chatOpen]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if ((runId || genericKGProp) && hasChat && !chatOpen) {
       setChatOpen(true);
       setChatMounted(true);
     }
   }, [runId, genericKGProp, hasChat]);
-  const [chatQuery, setChatQuery] = React12.useState(void 0);
-  const [ontologyOpen, setOntologyOpen] = React12.useState(false);
-  React12.useEffect(() => {
+  const [chatQuery, setChatQuery] = React15.useState(void 0);
+  const [ontologyOpen, setOntologyOpen] = React15.useState(false);
+  React15.useEffect(() => {
     if (chatToggleRef) {
       chatToggleRef.current = () => {
         setChatOpen((v) => !v);
@@ -12480,43 +13060,43 @@ function KnowledgeGraphView({
       };
     }
   }, [chatToggleRef]);
-  const [searching, setSearching] = React12.useState(false);
-  const [searchResult, setSearchResult] = React12.useState({ hits: [], traversal: [] });
-  const [searchActive, setSearchActive] = React12.useState(false);
-  const searchTimerRef = React12.useRef(null);
-  const fitViewTimerRef = React12.useRef(null);
-  const rfInstanceRef = React12.useRef(null);
-  const didInitialFitRef = React12.useRef(false);
-  const [rfReady, setRfReady] = React12.useState(false);
-  React12.useEffect(() => {
+  const [searching, setSearching] = React15.useState(false);
+  const [searchResult, setSearchResult] = React15.useState({ hits: [], traversal: [] });
+  const [searchActive, setSearchActive] = React15.useState(false);
+  const searchTimerRef = React15.useRef(null);
+  const fitViewTimerRef = React15.useRef(null);
+  const rfInstanceRef = React15.useRef(null);
+  const didInitialFitRef = React15.useRef(false);
+  const [rfReady, setRfReady] = React15.useState(false);
+  React15.useEffect(() => {
     didInitialFitRef.current = false;
     setRfReady(false);
   }, [kgId]);
-  const gkgNodeMap = React12.useMemo(() => {
+  const gkgNodeMap = React15.useMemo(() => {
     if (!genericKGProp) return /* @__PURE__ */ new Map();
     return new Map(genericKGProp.nodes.map((n) => [n.id, n]));
   }, [genericKGProp]);
-  const gkgEdgeMap = React12.useMemo(() => {
+  const gkgEdgeMap = React15.useMemo(() => {
     if (!genericKGProp) return /* @__PURE__ */ new Map();
     return new Map(genericKGProp.edges.map((e) => [e.id, e]));
   }, [genericKGProp]);
-  const fullNodesRef = React12.useRef([]);
-  const fullEdgesRef = React12.useRef([]);
-  const [rawNodes, setRawNodes] = React12.useState([]);
-  const [rawEdges, setRawEdges] = React12.useState([]);
-  const [nodeChunks, setNodeChunks] = React12.useState([]);
+  const fullNodesRef = React15.useRef([]);
+  const fullEdgesRef = React15.useRef([]);
+  const [rawNodes, setRawNodes] = React15.useState([]);
+  const [rawEdges, setRawEdges] = React15.useState([]);
+  const [nodeChunks, setNodeChunks] = React15.useState([]);
   const hasLiveReasoning = !!runId || !!genericKGProp;
-  const [viewMode, setViewMode] = React12.useState(
+  const [viewMode, setViewMode] = React15.useState(
     hasLiveReasoning ? "entity" : data.onLoadAllChunks ? "chunk" : "entity"
   );
-  const viewModeRef = React12.useRef(viewMode);
+  const viewModeRef = React15.useRef(viewMode);
   viewModeRef.current = viewMode;
-  const [allChunks, setAllChunks] = React12.useState(null);
-  const [chunksLoading, setChunksLoading] = React12.useState(false);
-  const [draftNote, setDraftNote] = React12.useState(null);
-  const [savingDraft, setSavingDraft] = React12.useState(false);
-  const [noteRuns, setNoteRuns] = React12.useState([]);
-  const handleNoteRunFinished = React12.useCallback((runId2) => {
+  const [allChunks, setAllChunks] = React15.useState(null);
+  const [chunksLoading, setChunksLoading] = React15.useState(false);
+  const [draftNote, setDraftNote] = React15.useState(null);
+  const [savingDraft, setSavingDraft] = React15.useState(false);
+  const [noteRuns, setNoteRuns] = React15.useState([]);
+  const handleNoteRunFinished = React15.useCallback((runId2) => {
     setNoteRuns((prev) => {
       const next = prev.filter((r) => r.run_id !== runId2);
       if (next.length === 0 && data.onLoadAllChunks) {
@@ -12525,9 +13105,9 @@ function KnowledgeGraphView({
       return next;
     });
   }, [data, groupId, kgId]);
-  React12.useRef(null);
-  React12.useRef(null);
-  React12.useEffect(() => {
+  React15.useRef(null);
+  React15.useRef(null);
+  React15.useEffect(() => {
     if (!selectedNodeId) {
       setNodeChunks([]);
       return;
@@ -12553,7 +13133,7 @@ function KnowledgeGraphView({
       cancelled = true;
     };
   }, [selectedNodeId, groupId, kgId, allChunks]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (allChunks !== null || !data.onLoadAllChunks) return;
     let cancelled = false;
     setChunksLoading(true);
@@ -12569,8 +13149,8 @@ function KnowledgeGraphView({
       cancelled = true;
     };
   }, [viewMode, allChunks, groupId, kgId, data.onLoadAllChunks]);
-  const prevViewModeRef = React12.useRef(viewMode);
-  React12.useEffect(() => {
+  const prevViewModeRef = React15.useRef(viewMode);
+  React15.useEffect(() => {
     const modeChanged = prevViewModeRef.current !== viewMode;
     prevViewModeRef.current = viewMode;
     if (viewMode === "entity") {
@@ -12632,7 +13212,7 @@ function KnowledgeGraphView({
       fitViewTimerRef.current = setTimeout(() => rfInstanceRef.current?.fitView({ padding: 0.2, duration: 300 }), 60);
     }
   }, [viewMode, allChunks, rawNodes, rawEdges]);
-  const buildRfGraph = React12.useCallback((subgraph, existingPositions) => {
+  const buildRfGraph = React15.useCallback((subgraph, existingPositions) => {
     const rfNodes = subgraph.nodes.map((n) => {
       const gkg = gkgNodeMap.get(n.node_key);
       const filterValue = gkg?.claim_status ?? n.properties?.claim_status ?? gkg?.phase ?? n.properties?.phase;
@@ -12683,8 +13263,8 @@ function KnowledgeGraphView({
     }));
     return { rfNodes, rfEdges };
   }, [phaseFilter, gkgNodeMap]);
-  const prevNodeIdsRef = React12.useRef("");
-  const applyRfGraph = React12.useCallback((rfNodes, rfEdges, existingPositions) => {
+  const prevNodeIdsRef = React15.useRef("");
+  const applyRfGraph = React15.useCallback((rfNodes, rfEdges, existingPositions) => {
     const nodeIds = rfNodes.map((n) => n.id).join(",");
     const structureChanged = nodeIds !== prevNodeIdsRef.current || existingPositions.size === 0;
     prevNodeIdsRef.current = nodeIds;
@@ -12721,7 +13301,7 @@ function KnowledgeGraphView({
     setNodes(finalNodes);
     setEdges(rfEdges);
   }, [setNodes, setEdges]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     let cancelled = false;
     const isLiveUpdate = !!genericKGProp;
     (async () => {
@@ -12792,7 +13372,7 @@ function KnowledgeGraphView({
       cancelled = true;
     };
   }, [groupId, kgId, genericKGProp, data.onLoadKg, liveRefreshTrigger]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (!rfReady) return;
     if (nodes.length === 0) return;
     if (didInitialFitRef.current) return;
@@ -12802,8 +13382,8 @@ function KnowledgeGraphView({
     });
     return () => cancelAnimationFrame(raf);
   }, [rfReady, nodes.length, kgId]);
-  const prevSnapshotFingerprintRef = React12.useRef("");
-  React12.useEffect(() => {
+  const prevSnapshotFingerprintRef = React15.useRef("");
+  React15.useEffect(() => {
     if (!processingDetail && !runId) return;
     if (!isFixedKgId(kgId)) return;
     const interval = setInterval(async () => {
@@ -12829,7 +13409,7 @@ function KnowledgeGraphView({
     }, 5e3);
     return () => clearInterval(interval);
   }, [!!processingDetail, !!runId, groupId, kgId, buildRfGraph, applyRfGraph]);
-  const applyFocusedSubgraph = React12.useCallback((matchIds, scoreMap, neighborIds, traversalIds) => {
+  const applyFocusedSubgraph = React15.useCallback((matchIds, scoreMap, neighborIds, traversalIds) => {
     const visibleIds = new Set(matchIds);
     neighborIds?.forEach((id) => visibleIds.add(id));
     traversalIds?.forEach((id) => visibleIds.add(id));
@@ -12868,7 +13448,7 @@ function KnowledgeGraphView({
     if (fitViewTimerRef.current) clearTimeout(fitViewTimerRef.current);
     fitViewTimerRef.current = setTimeout(() => rfInstanceRef.current?.fitView({ padding: 0.3, duration: 300 }), 60);
   }, [rawEdges, setNodes, setEdges]);
-  const restoreFullGraph = React12.useCallback(() => {
+  const restoreFullGraph = React15.useCallback(() => {
     setNodes(fullNodesRef.current.map((n) => ({
       ...n,
       data: { ...n.data, isHighlighted: false, isDimmed: false, searchScore: null }
@@ -12881,17 +13461,17 @@ function KnowledgeGraphView({
     if (fitViewTimerRef.current) clearTimeout(fitViewTimerRef.current);
     fitViewTimerRef.current = setTimeout(() => rfInstanceRef.current?.fitView({ padding: 0.2, duration: 300 }), 60);
   }, [setNodes, setEdges]);
-  const hasClaimStatuses = React12.useMemo(() => {
+  const hasClaimStatuses = React15.useMemo(() => {
     if (genericKGProp) return genericKGProp.nodes.some((n) => n.claim_status);
     return rawNodes.some((n) => n.properties?.claim_status);
   }, [genericKGProp, rawNodes]);
-  const hasPhases = React12.useMemo(() => {
+  const hasPhases = React15.useMemo(() => {
     if (hasClaimStatuses) return false;
     if (genericKGProp) return genericKGProp.nodes.some((n) => n.phase && n.phase !== "simple");
     return rawNodes.some((n) => n.properties?.phase && n.properties.phase !== "simple");
   }, [genericKGProp, hasClaimStatuses, rawNodes]);
   const hasFilters = hasClaimStatuses || hasPhases;
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (!hasFilters || searchActive) return;
     if (phaseFilter === "all") {
       setNodes((nds) => nds.map((n) => ({ ...n, data: { ...n.data, isDimmed: false } })));
@@ -12915,7 +13495,7 @@ function KnowledgeGraphView({
       return { ...n, data: { ...n.data, isDimmed: !matches } };
     }));
   }, [phaseFilter, hasFilters, searchActive, setNodes, setEdges]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (searchActive) return;
     if (!hoveredNodeId) {
       setNodes((nds) => nds.map((n) => ({ ...n, data: { ...n.data, isHighlighted: false, isDimmed: false } })));
@@ -12944,7 +13524,7 @@ function KnowledgeGraphView({
       }
     })));
   }, [hoveredNodeId, searchActive, setNodes, setEdges]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (searchTimerRef.current) clearTimeout(searchTimerRef.current);
     if (!searchTerm.trim()) {
       setSearchResult({ hits: [], traversal: [] });
@@ -12965,19 +13545,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);
         });
@@ -12985,9 +13565,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);
           });
@@ -13002,7 +13582,7 @@ function KnowledgeGraphView({
       if (searchTimerRef.current) clearTimeout(searchTimerRef.current);
     };
   }, [searchTerm, rawNodes, rawEdges, groupId, kgId, applyFocusedSubgraph, restoreFullGraph]);
-  const onNodeClick = React12.useCallback((_, node) => {
+  const onNodeClick = React15.useCallback((_, node) => {
     if (node.id === "__add_note__" && data.onCreateNote) {
       setSelectedNodeId(null);
       setSelectedEdgeId(null);
@@ -13012,21 +13592,21 @@ function KnowledgeGraphView({
     setSelectedNodeId(node.id);
     setSelectedEdgeId(null);
   }, [data.onCreateNote]);
-  const onEdgeClick = React12.useCallback((_, edge) => {
+  const onEdgeClick = React15.useCallback((_, edge) => {
     setSelectedEdgeId(edge.id);
     setSelectedNodeId(null);
   }, []);
-  const onNodeMouseEnter = React12.useCallback((_, node) => {
+  const onNodeMouseEnter = React15.useCallback((_, node) => {
     setHoveredNodeId(node.id);
   }, []);
-  const onNodeMouseLeave = React12.useCallback(() => {
+  const onNodeMouseLeave = React15.useCallback(() => {
     setHoveredNodeId(null);
   }, []);
-  const onPaneClick = React12.useCallback(() => {
+  const onPaneClick = React15.useCallback(() => {
     setSelectedNodeId(null);
     setSelectedEdgeId(null);
   }, []);
-  const selectedNodeConnections = React12.useMemo(() => {
+  const selectedNodeConnections = React15.useMemo(() => {
     if (!selectedNodeId) return [];
     if (viewMode === "chunk" && selectedNodeId.startsWith("chunk:") && allChunks) {
       const chunkId = selectedNodeId.slice("chunk:".length);
@@ -13076,7 +13656,7 @@ function KnowledgeGraphView({
       };
     });
   }, [selectedNodeId, rawNodes, rawEdges, viewMode, allChunks]);
-  const selectedEdgeData = React12.useMemo(() => {
+  const selectedEdgeData = React15.useMemo(() => {
     if (!selectedEdgeId) return null;
     const raw = rawEdges.find((e) => e.edge_key === selectedEdgeId);
     if (!raw) return null;
@@ -13096,7 +13676,7 @@ function KnowledgeGraphView({
       targetNode: { id: raw.to_node_key, label: targetNode?.label || raw.to_node_key, nodeType: targetNode?.node_type || "unknown" }
     };
   }, [selectedEdgeId, rawNodes, rawEdges, gkgEdgeMap]);
-  const selectedNodeData = React12.useMemo(() => {
+  const selectedNodeData = React15.useMemo(() => {
     if (!selectedNodeId) return null;
     if (viewMode === "chunk" && selectedNodeId.startsWith("chunk:") && allChunks) {
       const chunkId = selectedNodeId.slice("chunk:".length);
@@ -13142,12 +13722,12 @@ function KnowledgeGraphView({
       hasRagChunks: !!(raw.properties?.rag_chunks?.length || raw.properties?.source_chunks?.length || raw.properties?.references?.length)
     };
   }, [selectedNodeId, rawNodes, viewMode, allChunks]);
-  const navigateToNode = React12.useCallback((nodeId) => {
+  const navigateToNode = React15.useCallback((nodeId) => {
     setSelectedNodeId(nodeId);
     setSelectedEdgeId(null);
   }, []);
-  const reviewNodeIds = React12.useMemo(() => rawNodes.map((n) => n.node_key), [rawNodes]);
-  const onReviewNavigate = React12.useCallback((nodeId) => {
+  const reviewNodeIds = React15.useMemo(() => rawNodes.map((n) => n.node_key), [rawNodes]);
+  const onReviewNavigate = React15.useCallback((nodeId) => {
     setSelectedNodeId(nodeId);
     setSelectedEdgeId(null);
     const rfNode = nodes.find((n) => n.id === nodeId);
@@ -13160,8 +13740,8 @@ function KnowledgeGraphView({
       );
     }
   }, [nodes]);
-  const lastChatHighlightRef = React12.useRef("");
-  const handleChatHighlight = React12.useCallback((nodeIds) => {
+  const lastChatHighlightRef = React15.useRef("");
+  const handleChatHighlight = React15.useCallback((nodeIds) => {
     if (nodeIds.length === 0) return;
     const key = nodeIds.sort().join(",");
     if (key === lastChatHighlightRef.current) return;
@@ -13177,7 +13757,7 @@ function KnowledgeGraphView({
     })));
     setSearchActive(true);
   }, [setNodes, setEdges]);
-  const minimapNodeColor = React12.useCallback((node) => {
+  const minimapNodeColor = React15.useCallback((node) => {
     return getNodeColors(node.data?.nodeType || "").badge;
   }, []);
   const hasLiveRun = !!runId;
@@ -13476,9 +14056,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);
@@ -13487,10 +14067,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) {
@@ -13586,9 +14166,9 @@ function ReasoningView({
   activityEvents,
   className = ""
 }) {
-  const [chainOpen, setChainOpen] = React12.useState(false);
-  const [chainGoal, setChainGoal] = React12.useState("");
-  const chainInputRef = React12.useRef(null);
+  const [chainOpen, setChainOpen] = React15.useState(false);
+  const [chainGoal, setChainGoal] = React15.useState("");
+  const chainInputRef = React15.useRef(null);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex flex-col h-full overflow-hidden ${className}`, style: { backgroundColor: "#181818" }, children: [
     (title || onClose) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-4 py-2 flex-shrink-0", style: { borderBottom: "1px solid #282828" }, children: [
       onClose && /* @__PURE__ */ jsxRuntime.jsx(
@@ -13740,15 +14320,15 @@ function SettlementBar({ settledCount, totalCount }) {
   ] });
 }
 function ReasoningOverlay({ config, currentUser, data, onLookupKg, authToken }) {
-  const [open, setOpen] = React12.useState(false);
-  const [kgId, setKgId] = React12.useState(null);
-  const [runId, setRunId] = React12.useState();
-  const [workingGroupId, setWorkingGroupId] = React12.useState(null);
-  const [threadId, setThreadId] = React12.useState();
-  const [reasoningPhase, setReasoningPhase] = React12.useState(null);
-  const [reasoningAgents, setReasoningAgents] = React12.useState();
-  const [genericKG, setGenericKG] = React12.useState(null);
-  const loadKg = React12.useCallback(async (id) => {
+  const [open, setOpen] = React15.useState(false);
+  const [kgId, setKgId] = React15.useState(null);
+  const [runId, setRunId] = React15.useState();
+  const [workingGroupId, setWorkingGroupId] = React15.useState(null);
+  const [threadId, setThreadId] = React15.useState();
+  const [reasoningPhase, setReasoningPhase] = React15.useState(null);
+  const [reasoningAgents, setReasoningAgents] = React15.useState();
+  const [genericKG, setGenericKG] = React15.useState(null);
+  const loadKg = React15.useCallback(async (id) => {
     try {
       let wgId = null;
       let resolvedThread;
@@ -13824,7 +14404,7 @@ function ReasoningOverlay({ config, currentUser, data, onLookupKg, authToken })
       console.error("[ReasoningOverlay] Failed to load:", e);
     }
   }, [data, onLookupKg]);
-  const close = React12.useCallback(() => {
+  const close = React15.useCallback(() => {
     setOpen(false);
     setGenericKG(null);
     setKgId(null);
@@ -13833,7 +14413,7 @@ function ReasoningOverlay({ config, currentUser, data, onLookupKg, authToken })
     setRunId(void 0);
     window.dispatchEvent(new CustomEvent("reasoning-overlay-closed", { bubbles: true }));
   }, []);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     const handler = (e) => {
       const detail = e.detail || {};
       const id = detail.kgId || detail.reasoningSetId;
@@ -13846,7 +14426,7 @@ function ReasoningOverlay({ config, currentUser, data, onLookupKg, authToken })
       window.removeEventListener("view-reasoning-set", handler);
     };
   }, [loadKg]);
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (e.key === "Escape") close();
@@ -13907,9 +14487,9 @@ function CheckpointCard({
   onAction,
   responded = false
 }) {
-  const [inputValue, setInputValue] = React12.useState("");
-  const [showInput, setShowInput] = React12.useState(false);
-  const inputRef = React12.useRef(null);
+  const [inputValue, setInputValue] = React15.useState("");
+  const [showInput, setShowInput] = React15.useState(false);
+  const inputRef = React15.useRef(null);
   const config = TYPE_CONFIG2[type] || TYPE_CONFIG2.generic;
   const handleSend = () => {
     if (!inputValue.trim()) return;
@@ -13917,7 +14497,7 @@ function CheckpointCard({
     setInputValue("");
     setShowInput(false);
   };
-  React12.useEffect(() => {
+  React15.useEffect(() => {
     if (showInput) inputRef.current?.focus();
   }, [showInput]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -14049,6 +14629,7 @@ exports.ADVANCE_PHASE_SIGNAL = ADVANCE_PHASE_SIGNAL;
 exports.AGENT_PALETTE = AGENT_PALETTE;
 exports.AgentAvatar = AgentAvatar;
 exports.AgentPresenceBar = AgentPresenceBar;
+exports.AgentStepTrace = AgentStepTrace;
 exports.AnnotationThread = AnnotationThread;
 exports.CLAIM_STATUS_COLORS = CLAIM_STATUS_COLORS;
 exports.ChatTerminal = ChatTerminal;
@@ -14056,6 +14637,7 @@ exports.CheckpointCard = CheckpointCard;
 exports.ClaimNode = ClaimNode;
 exports.ConstructionProgress = ConstructionProgress;
 exports.CoreTerminal = CoreTerminal;
+exports.DEFAULT_AGENT_LABEL = DEFAULT_AGENT_LABEL;
 exports.DOCUMENT_PIPELINE_STEPS = DOCUMENT_PIPELINE_STEPS;
 exports.DocumentProcessingProgress = DocumentProcessingProgress;
 exports.EDGE_TYPE_COLORS = EDGE_TYPE_COLORS;
@@ -14080,6 +14662,8 @@ exports.PipelineProgressBar = PipelineProgressBar;
 exports.ReasoningHistoryCard = ReasoningHistoryCard;
 exports.ReasoningOverlay = ReasoningOverlay;
 exports.ReasoningView = ReasoningView;
+exports.SSE_KEEPALIVE_MS = SSE_KEEPALIVE_MS;
+exports.SSE_STALL_MS = SSE_STALL_MS;
 exports.SYNTHESIS_DONE_SIGNAL = SYNTHESIS_DONE_SIGNAL;
 exports.ScopedReasoningProvider = ScopedReasoningProvider;
 exports.SettlementBar = SettlementBar;
@@ -14089,6 +14673,7 @@ exports.StandardTerminal = StandardTerminal;
 exports.TerminalInputBar = TerminalInputBar;
 exports.TerminalThemeProvider = TerminalThemeProvider;
 exports.agentSeed = agentSeed;
+exports.agentStepTraceExtra = agentStepTraceExtra;
 exports.avatarColor = avatarColor;
 exports.blueScope = blueScope;
 exports.buildClaimsGraph = buildClaimsGraph;
@@ -14141,3 +14726,4 @@ exports.useScopedProgressEvent = useScopedProgressEvent;
 exports.useSlashMentionPicker = useSlashMentionPicker;
 exports.useTheme = useTheme;
 exports.warmBg = warmBg;
+exports.withStallTimeout = withStallTimeout;