langchain_agentx_stream_ui 0.8.2 → 0.8.4

package/dist/{AskUserQuestionToolBody-CrQTL9RY.d.ts → AskUserQuestionToolBody-BN4gwCk7.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { b as ToolDisplayProps, T as ToolBodyComponent } from './types-BzeE37Ze.js';
-import { T as ToolDisplayRegistry } from './sessionViewOptions-DaxstMhx.js';
+import { b as ToolDisplayProps, T as ToolBodyComponent } from './types-Db-2uTSL.js';
+import { T as ToolDisplayRegistry } from './sessionViewOptions-DboYs118.js';
 
 declare function DefaultToolBody({ result, bodyMode, onBodyModeChange, }: ToolDisplayProps): react_jsx_runtime.JSX.Element;
 
@@ -20,13 +20,13 @@ declare function WriteToolBody({ input, result, bodyMode, onBodyModeChange, }: T
 
 declare function BashToolBody({ result, bodyMode, onBodyModeChange, }: ToolDisplayProps): react_jsx_runtime.JSX.Element;
 
-declare function AgentToolBody({ result, bodyMode, onBodyModeChange, status, subagentProgress, subagentTranscript, }: ToolDisplayProps): react_jsx_runtime.JSX.Element;
+declare function AgentToolBody({ result, bodyMode, onBodyModeChange, status, subagentProgress, subagentTranscript, subagentHookFold, }: ToolDisplayProps): react_jsx_runtime.JSX.Element;
 
 declare function WebSearchToolBody({ result, bodyMode, onBodyModeChange, }: ToolDisplayProps): react_jsx_runtime.JSX.Element;
 
 declare function WebFetchToolBody({ result, bodyMode, onBodyModeChange, }: ToolDisplayProps): react_jsx_runtime.JSX.Element;
 
-declare function SkillToolBody({ result, bodyMode, onBodyModeChange, }: ToolDisplayProps): react_jsx_runtime.JSX.Element;
+declare function SkillToolBody({ input, result, bodyMode, onBodyModeChange, status, skillProgressMessages, }: ToolDisplayProps): react_jsx_runtime.JSX.Element;
 
 declare function AskUserQuestionToolBody({ input, result, bodyMode, onBodyModeChange, }: ToolDisplayProps): react_jsx_runtime.JSX.Element;
 

package/dist/{MarkdownBlock-Ag7HSqsu.d.ts → MarkdownBlock-DU_MoXkt.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as ToolBodyMode } from './types-BzeE37Ze.js';
+import { a as ToolBodyMode } from './types-Db-2uTSL.js';
 
 declare const MAX_PREVIEW_LINES = 3;
 interface TruncatedContentProps {

package/dist/{chunk-GLUQUP3A.js → chunk-BAMDIFNS.js}

@@ -780,6 +780,60 @@ function softKindTestId(softKind, scope = "tool") {
   return softKind === "canceled" ? "lax-tool-canceled" : "lax-tool-rejected";
 }
 
+// src/core/subagentHookFold.ts
+var AGENT_FOLD_TOOL_NAMES = /* @__PURE__ */ new Set(["Agent", "Task"]);
+function isAgentFoldTool(tool) {
+  return AGENT_FOLD_TOOL_NAMES.has(tool.toolName);
+}
+function hasRunningSubagentSession(tool) {
+  const sessions = tool.subagentSessions;
+  if (!sessions) return false;
+  return Object.values(sessions).some((marker) => marker.status === "running");
+}
+function resolveActiveAgentParentToolId(tree) {
+  const stack = tree.openSubAgentStack;
+  if (stack.length > 0) {
+    for (let i = stack.length - 1; i >= 0; i -= 1) {
+      const id = stack[i];
+      const node = tree.byId[id];
+      if (node?.kind === "tool_call" && isAgentFoldTool(node)) {
+        return id;
+      }
+    }
+  }
+  for (let i = tree.rootChildren.length - 1; i >= 0; i -= 1) {
+    const id = tree.rootChildren[i];
+    const node = tree.byId[id];
+    if (node?.kind !== "tool_call" || !isAgentFoldTool(node)) continue;
+    if (node.status === "running" && hasRunningSubagentSession(node)) {
+      return id;
+    }
+  }
+  return void 0;
+}
+function absorbPreToolHookIntoFold(fold, data) {
+  const durationMs = typeof data.duration_ms === "number" && Number.isFinite(data.duration_ms) ? Math.max(0, data.duration_ms) : 0;
+  return {
+    hookCount: (fold?.hookCount ?? 0) + 1,
+    hookTotalMs: (fold?.hookTotalMs ?? 0) + durationMs
+  };
+}
+function formatHookDuration(totalMs) {
+  if (totalMs < 1e3) return `${Math.round(totalMs)}ms`;
+  const seconds = totalMs / 1e3;
+  if (seconds < 10) return `${seconds.toFixed(1)}s`;
+  return `${Math.round(seconds)}s`;
+}
+function formatSubagentHookFoldLine(fold) {
+  const { hookCount, hookTotalMs } = fold;
+  const label = hookCount === 1 ? "hook" : "hooks";
+  const base = `Ran ${hookCount} PreToolUse ${label}`;
+  if (hookTotalMs > 0) {
+    return `${base} (${formatHookDuration(hookTotalMs)})`;
+  }
+  return base;
+}
+
 // src/view/tools/agent/AgentProgressLines.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 function AgentProgressLines({
@@ -830,10 +884,25 @@ function AgentProgressLines({
 // src/view/tools/presentation/subagentTranscriptRenderer.ts
 function toolCallsFromAssistant(message) {
   const raw = message.tool_calls;
-  if (!Array.isArray(raw)) return [];
-  return raw.filter(
-    (item) => item != null && typeof item === "object" && !Array.isArray(item)
-  );
+  if (Array.isArray(raw) && raw.length > 0) {
+    return raw.filter(
+      (item) => item != null && typeof item === "object" && !Array.isArray(item)
+    );
+  }
+  const content = message.content;
+  if (!Array.isArray(content)) return [];
+  const fromContent = [];
+  for (const block of content) {
+    if (block == null || typeof block !== "object" || Array.isArray(block)) continue;
+    const item = block;
+    if (item.type !== "tool_use") continue;
+    fromContent.push({
+      name: item.name,
+      input: item.input,
+      id: item.id
+    });
+  }
+  return fromContent;
 }
 function toolInputFromCall(call) {
   const args = call.args;
@@ -994,10 +1063,11 @@ function renderTranscriptLaneLines(entries) {
     }
   };
   for (const entry of entries) {
+    const entryKey = entry.id ?? "entry";
     if (entry.messageKind === "assistant") {
       const toolCalls = toolCallsFromAssistant(entry.message);
       if (toolCalls.length > 0) {
-        for (const call of toolCalls) {
+        toolCalls.forEach((call, callIndex) => {
           const callName = String(call.name ?? entry.toolName ?? "Tool").trim();
           const text2 = formatAssistantToolLine(
             callName,
@@ -1005,15 +1075,23 @@ function renderTranscriptLaneLines(entries) {
             toolInputFromCall(call)
           );
           if (text2.length > 0) {
-            pendingCalls.push({ kind: "call", text: text2 });
+            pendingCalls.push({
+              kind: "call",
+              text: text2,
+              lineKey: `${entryKey}:a:${callIndex}`
+            });
           }
-        }
+        });
         continue;
       }
       flushPendingCalls();
       const text = String(entry.message.content ?? "").trim();
       if (text) {
-        lines.push({ kind: "call", text: truncatePreview2(text, 240) });
+        lines.push({
+          kind: "call",
+          text: truncatePreview2(text, 240),
+          lineKey: `${entryKey}:a:0`
+        });
       }
       continue;
     }
@@ -1024,7 +1102,7 @@ function renderTranscriptLaneLines(entries) {
       if (paired && paired.text.length > 0) {
         lines.push(paired);
       }
-      lines.push(result);
+      lines.push({ ...result, lineKey: `${entryKey}:u:0` });
     }
   }
   flushPendingCalls();
@@ -1101,7 +1179,8 @@ function AgentToolBody({
   onBodyModeChange,
   status,
   subagentProgress,
-  subagentTranscript
+  subagentTranscript,
+  subagentHookFold
 }) {
   const softKind = result ? classifyToolResultSoftKind(result) : null;
   if (softKind) {
@@ -1135,7 +1214,8 @@ function AgentToolBody({
   const showTranscriptLane = bodyMode === "full" && transcriptLane.length > 0;
   const showRunningProgress = status === "running" && progress.length > 0 && !showTranscriptLane;
   const showTranscriptFallback = bodyMode === "full" && !showTranscriptLane && transcriptFallback.length > 0;
-  if (!showRunningProgress && !showDoneSummary && !doneFilesystemStatus && !showTranscriptLane && !showTranscriptFallback) {
+  const hookFoldLine = subagentHookFold && subagentHookFold.hookCount > 0 ? formatSubagentHookFoldLine(subagentHookFold) : null;
+  if (!showRunningProgress && !showDoneSummary && !doneFilesystemStatus && !showTranscriptLane && !showTranscriptFallback && !hookFoldLine) {
     const idleLabel = status === "failed" || status === "cancelled" ? "(stopped)" : "(running)";
     return /* @__PURE__ */ jsx3("div", { className: "lax-tool-body lax-tool-body--agent", children: /* @__PURE__ */ jsx3("div", { className: "lax-tool-body__block", "data-variant": "dim", children: /* @__PURE__ */ jsx3("pre", { className: "lax-tool-body__text", children: idleLabel }) }) });
   }
@@ -1169,7 +1249,18 @@ function AgentToolBody({
       }
     ) : null,
     showTranscriptLane ? /* @__PURE__ */ jsx3(SubagentTranscriptBlock, { entries: transcriptLane, dataSource: "transcript-lane" }) : null,
-    showTranscriptFallback ? /* @__PURE__ */ jsx3(TranscriptFallbackLines, { text: transcriptFallback }) : null
+    showTranscriptFallback ? /* @__PURE__ */ jsx3(TranscriptFallbackLines, { text: transcriptFallback }) : null,
+    hookFoldLine ? /* @__PURE__ */ jsx3(
+      "div",
+      {
+        className: "lax-agent-progress lax-agent-progress--hook-fold",
+        "data-testid": "lax-agent-subagent-hook-fold",
+        children: /* @__PURE__ */ jsxs3("div", { className: "lax-agent-progress__line", children: [
+          /* @__PURE__ */ jsx3("span", { className: "lax-agent-progress__gutter", "aria-hidden": true, children: AGENT_PROGRESS_GUTTER }),
+          /* @__PURE__ */ jsx3("span", { className: "lax-agent-progress__text", children: hookFoldLine })
+        ] })
+      }
+    ) : null
   ] });
 }
 
@@ -1575,25 +1666,122 @@ function ReadToolBody({
   ] });
 }
 
+// src/view/tools/skill/skillForkUI.ts
+var SKILL_PROGRESS_TAIL_LINES = 3;
+var SKILL_FORK_INITIALIZING = "Initializing\u2026";
+function isSkillForkExecution(input, display) {
+  const inp = asInputRecord(input);
+  const d = asDisplayRecord(display);
+  const ctx = strField(inp, "context") || strField(d, "execution_context") || strField(inp, "execution_context");
+  return typeof ctx === "string" && ctx.trim().toLowerCase() === "fork";
+}
+function isSkillForkDoneResult(input, display) {
+  if (!isSkillForkExecution(input, display)) return false;
+  const d = asDisplayRecord(display);
+  if (d?.status === "forked") return true;
+  if (d?.execution_context === "fork" && d?.fork_result != null) return true;
+  return false;
+}
+
+// src/view/tools/skill/SkillProgressLines.tsx
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+function toTranscriptEntry(entry) {
+  return {
+    id: entry.id,
+    agentId: entry.agentId,
+    messageKind: entry.messageKind,
+    message: entry.message,
+    step: entry.step,
+    toolName: entry.toolName
+  };
+}
+function SkillProgressLines({
+  entries,
+  mode,
+  maxVisible = SKILL_PROGRESS_TAIL_LINES,
+  onExpand
+}) {
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsx11("div", { className: "lax-skill-progress", "data-testid": "lax-skill-progress-initializing", children: /* @__PURE__ */ jsxs8("div", { className: "lax-agent-progress__line", children: [
+      /* @__PURE__ */ jsx11("span", { className: "lax-agent-progress__gutter", "aria-hidden": true, children: AGENT_PROGRESS_GUTTER }),
+      /* @__PURE__ */ jsx11("span", { className: "lax-agent-progress__text lax-skill-progress__initializing", children: SKILL_FORK_INITIALIZING })
+    ] }) });
+  }
+  const allLines = renderTranscriptLaneLines(entries.map(toTranscriptEntry));
+  const limit = mode === "full" ? allLines.length : maxVisible;
+  const visible = allLines.slice(-limit);
+  const hiddenCount = allLines.length - visible.length;
+  return /* @__PURE__ */ jsxs8("div", { className: "lax-skill-progress", "data-testid": "lax-skill-progress", children: [
+    visible.map((line, index) => /* @__PURE__ */ jsxs8(
+      "div",
+      {
+        className: "lax-agent-progress__line",
+        children: [
+          /* @__PURE__ */ jsx11("span", { className: "lax-agent-progress__gutter", "aria-hidden": true, children: AGENT_PROGRESS_GUTTER }),
+          /* @__PURE__ */ jsx11("span", { className: "lax-agent-progress__text", children: line.text })
+        ]
+      },
+      line.lineKey ?? `skill-progress-line:${index}`
+    )),
+    hiddenCount > 0 && mode !== "full" ? /* @__PURE__ */ jsxs8("div", { className: "lax-agent-progress__line lax-agent-progress__line--more", children: [
+      /* @__PURE__ */ jsx11("span", { className: "lax-agent-progress__gutter", "aria-hidden": true, children: AGENT_PROGRESS_INDENT }),
+      /* @__PURE__ */ jsxs8(
+        "button",
+        {
+          type: "button",
+          className: "lax-agent-progress__more",
+          "aria-expanded": false,
+          onClick: onExpand,
+          children: [
+            "+",
+            hiddenCount,
+            " more tool ",
+            hiddenCount === 1 ? "use" : "uses"
+          ]
+        }
+      )
+    ] }) : null
+  ] });
+}
+
 // src/view/tools/skill/SkillToolBody.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var MAX_BODY_LINES = 20;
 function SkillToolBody({
+  input,
   result,
   bodyMode,
-  onBodyModeChange
+  onBodyModeChange,
+  status,
+  skillProgressMessages
 }) {
   if (result?.error) {
-    return /* @__PURE__ */ jsx11("div", { className: "lax-tool-body lax-tool-body--skill", children: /* @__PURE__ */ jsx11("div", { className: "lax-tool-body__block", "data-variant": "error", children: /* @__PURE__ */ jsx11("pre", { className: "lax-tool-body__text", children: result.error.message }) }) });
+    return /* @__PURE__ */ jsx12("div", { className: "lax-tool-body lax-tool-body--skill", children: /* @__PURE__ */ jsx12("div", { className: "lax-tool-body__block", "data-variant": "error", children: /* @__PURE__ */ jsx12("pre", { className: "lax-tool-body__text", children: result.error.message }) }) });
+  }
+  const display = result?.display;
+  const forkExec = isSkillForkExecution(input, display);
+  const forkDone = isSkillForkDoneResult(input, display);
+  if (forkDone || forkExec && status === "done") {
+    return /* @__PURE__ */ jsx12("div", { className: "lax-tool-body lax-tool-body--skill", "data-testid": "lax-skill-fork-done", children: /* @__PURE__ */ jsx12("div", { className: "lax-tool-body__block", "data-variant": "dim", children: /* @__PURE__ */ jsx12("pre", { className: "lax-tool-body__text", children: "Done" }) }) });
+  }
+  if (forkExec && status === "running") {
+    return /* @__PURE__ */ jsx12("div", { className: "lax-tool-body lax-tool-body--skill lax-tool-body--skill-fork-running", children: /* @__PURE__ */ jsx12(
+      SkillProgressLines,
+      {
+        entries: skillProgressMessages ?? [],
+        mode: bodyMode,
+        onExpand: () => onBodyModeChange?.("full")
+      }
+    ) });
   }
   const text = result?.summary?.trim() ?? "";
   if (!text) {
-    return /* @__PURE__ */ jsx11("div", { className: "lax-tool-body lax-tool-body--skill", children: /* @__PURE__ */ jsx11("div", { className: "lax-tool-body__block", "data-variant": "dim", children: /* @__PURE__ */ jsx11("pre", { className: "lax-tool-body__text", children: "(done)" }) }) });
+    return /* @__PURE__ */ jsx12("div", { className: "lax-tool-body lax-tool-body--skill", children: /* @__PURE__ */ jsx12("div", { className: "lax-tool-body__block", "data-variant": "dim", children: /* @__PURE__ */ jsx12("pre", { className: "lax-tool-body__text", children: "(done)" }) }) });
   }
   const { text: truncated, truncated: was } = truncateLines(text, MAX_BODY_LINES);
   const bodyText = was ? `${truncated}
 \u2026 \u5DF2\u622A\u65AD` : truncated;
-  return /* @__PURE__ */ jsx11("div", { className: "lax-tool-body lax-tool-body--skill", children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12("div", { className: "lax-tool-body lax-tool-body--skill", children: /* @__PURE__ */ jsx12(
     TruncatedContent,
     {
       text: bodyText,
@@ -1605,7 +1793,7 @@ function SkillToolBody({
 }
 
 // src/view/tools/webfetch/WebFetchToolBody.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var RECEIVED_RE = /Received\s+.+/i;
 var MAX_BODY_LINES2 = 15;
 function buildWebFetchBody(result) {
@@ -1634,10 +1822,10 @@ function WebFetchToolBody({
   onBodyModeChange
 }) {
   if (result?.error) {
-    return /* @__PURE__ */ jsx12("div", { className: "lax-tool-body lax-tool-body--webfetch", children: /* @__PURE__ */ jsx12("div", { className: "lax-tool-body__block", "data-variant": "error", children: /* @__PURE__ */ jsx12("pre", { className: "lax-tool-body__text", children: result.error.message }) }) });
+    return /* @__PURE__ */ jsx13("div", { className: "lax-tool-body lax-tool-body--webfetch", children: /* @__PURE__ */ jsx13("div", { className: "lax-tool-body__block", "data-variant": "error", children: /* @__PURE__ */ jsx13("pre", { className: "lax-tool-body__text", children: result.error.message }) }) });
   }
   const bodyText = buildWebFetchBody(result);
-  return /* @__PURE__ */ jsx12("div", { className: "lax-tool-body lax-tool-body--webfetch", children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13("div", { className: "lax-tool-body lax-tool-body--webfetch", children: /* @__PURE__ */ jsx13(
     TruncatedContent,
     {
       text: bodyText,
@@ -1649,7 +1837,7 @@ function WebFetchToolBody({
 }
 
 // src/view/tools/websearch/WebSearchToolBody.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var MAX_BODY_LINES3 = 15;
 function buildWebSearchBody(result) {
   const d = asDisplayRecord(result?.display);
@@ -1674,10 +1862,10 @@ function WebSearchToolBody({
   onBodyModeChange
 }) {
   if (result?.error) {
-    return /* @__PURE__ */ jsx13("div", { className: "lax-tool-body lax-tool-body--websearch", children: /* @__PURE__ */ jsx13("div", { className: "lax-tool-body__block", "data-variant": "error", children: /* @__PURE__ */ jsx13("pre", { className: "lax-tool-body__text", children: result.error.message }) }) });
+    return /* @__PURE__ */ jsx14("div", { className: "lax-tool-body lax-tool-body--websearch", children: /* @__PURE__ */ jsx14("div", { className: "lax-tool-body__block", "data-variant": "error", children: /* @__PURE__ */ jsx14("pre", { className: "lax-tool-body__text", children: result.error.message }) }) });
   }
   const bodyText = buildWebSearchBody(result);
-  return /* @__PURE__ */ jsx13("div", { className: "lax-tool-body lax-tool-body--websearch", children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14("div", { className: "lax-tool-body lax-tool-body--websearch", children: /* @__PURE__ */ jsx14(
     TruncatedContent,
     {
       text: bodyText,
@@ -1689,7 +1877,7 @@ function WebSearchToolBody({
 }
 
 // src/view/tools/write/WriteToolBody.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function buildWriteBodyText(input, display, summary) {
   const d = asDisplayRecord(display);
   const inp = asInputRecord(input);
@@ -1731,7 +1919,7 @@ function WriteToolBody({
   onBodyModeChange
 }) {
   if (result?.error) {
-    return /* @__PURE__ */ jsx14("div", { className: "lax-tool-body lax-tool-body--write", children: /* @__PURE__ */ jsx14("div", { className: "lax-tool-body__block", "data-variant": "error", children: /* @__PURE__ */ jsx14("pre", { className: "lax-tool-body__text", children: result.error.message }) }) });
+    return /* @__PURE__ */ jsx15("div", { className: "lax-tool-body lax-tool-body--write", children: /* @__PURE__ */ jsx15("div", { className: "lax-tool-body__block", "data-variant": "error", children: /* @__PURE__ */ jsx15("pre", { className: "lax-tool-body__text", children: result.error.message }) }) });
   }
   const body = buildWriteBodyText(
     input,
@@ -1739,7 +1927,7 @@ function WriteToolBody({
     result?.summary ?? ""
   );
   if (body.kind === "diff") {
-    return /* @__PURE__ */ jsx14("div", { className: "lax-tool-body lax-tool-body--write", children: /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15("div", { className: "lax-tool-body lax-tool-body--write", children: /* @__PURE__ */ jsx15(
       DiffView,
       {
         diff: body.text,
@@ -1748,7 +1936,7 @@ function WriteToolBody({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx14("div", { className: "lax-tool-body lax-tool-body--write", children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15("div", { className: "lax-tool-body lax-tool-body--write", children: /* @__PURE__ */ jsx15(
     TruncatedContent,
     {
       text: body.text,
@@ -1801,6 +1989,8 @@ export {
   isCancelToolResultError,
   resolveToolCancelDisplayText,
   softKindTestId,
+  resolveActiveAgentParentToolId,
+  absorbPreToolHookIntoFold,
   formatExploreSummaryText,
   formatThoughtDurationPrefix,
   asDisplayRecord,
@@ -1824,6 +2014,7 @@ export {
   GlobToolBody,
   GrepToolBody,
   ReadToolBody,
+  isSkillForkExecution,
   SkillToolBody,
   WebFetchToolBody,
   WebSearchToolBody,
@@ -1831,4 +2022,4 @@ export {
   ToolDisplayRegistry,
   createDefaultToolRegistry
 };
-//# sourceMappingURL=chunk-GLUQUP3A.js.map
+//# sourceMappingURL=chunk-BAMDIFNS.js.map