langchain_agentx_stream_ui 0.8.3 → 0.8.5

package/dist/{chunk-Z5EWWIP3.js → chunk-DQVSFHKW.js}

@@ -241,10 +241,12 @@ function asInputRecord(input) {
   return {};
 }
 function strField(record, key) {
+  if (record == null) return "";
   const value = record[key];
   return value == null ? "" : String(value).trim();
 }
 function numField(record, key) {
+  if (record == null) return void 0;
   const value = record[key];
   if (typeof value === "number" && Number.isFinite(value)) return value;
   if (typeof value === "string" && value.trim() !== "") {
@@ -884,10 +886,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;
@@ -1048,10 +1065,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,
@@ -1059,15 +1077,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;
     }
@@ -1078,7 +1104,7 @@ function renderTranscriptLaneLines(entries) {
       if (paired && paired.text.length > 0) {
         lines.push(paired);
       }
-      lines.push(result);
+      lines.push({ ...result, lineKey: `${entryKey}:u:0` });
     }
   }
   flushPendingCalls();
@@ -1642,25 +1668,128 @@ 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 isSkillForkRunningUi(input, display, skillProgressCount) {
+  if (isSkillForkExecution(input, display)) return true;
+  return skillProgressCount > 0;
+}
+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 progressCount = skillProgressMessages?.length ?? 0;
+  const forkExec = isSkillForkExecution(input, display);
+  const forkRunning = status === "running" && isSkillForkRunningUi(input, display, progressCount);
+  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 (forkRunning) {
+    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,
@@ -1672,7 +1801,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) {
@@ -1701,10 +1830,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,
@@ -1716,7 +1845,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);
@@ -1741,10 +1870,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,
@@ -1756,7 +1885,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);
@@ -1798,7 +1927,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,
@@ -1806,7 +1935,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,
@@ -1815,7 +1944,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,
@@ -1893,6 +2022,7 @@ export {
   GlobToolBody,
   GrepToolBody,
   ReadToolBody,
+  isSkillForkRunningUi,
   SkillToolBody,
   WebFetchToolBody,
   WebSearchToolBody,
@@ -1900,4 +2030,4 @@ export {
   ToolDisplayRegistry,
   createDefaultToolRegistry
 };
-//# sourceMappingURL=chunk-Z5EWWIP3.js.map
+//# sourceMappingURL=chunk-DQVSFHKW.js.map