langchain_agentx_stream_ui 0.5.0 → 0.6.1

package/dist/index.js

@@ -23,7 +23,7 @@ import {
   fixDiagramSvg,
   markEventIdSeen,
   shouldSkipDuplicateEvent
-} from "./chunk-ME5T6YSV.js";
+} from "./chunk-4OISGUFR.js";
 import {
   DefaultToolBody,
   InteractionBusContext,
@@ -32,8 +32,8 @@ import {
   getNoopInteractionBus,
   resolveToolBody,
   useInteractionBus
-} from "./chunk-TCKOXX7O.js";
-import "./chunk-6Z4ZF36Z.js";
+} from "./chunk-4TG4TGIL.js";
+import "./chunk-DP7V33X7.js";
 import {
   CollapseKind,
   CollapsedExploreNode,
@@ -119,8 +119,10 @@ import {
   useSessionStatus,
   useSessionViewOptions,
   useTimeline
-} from "./chunk-JAOJAGMM.js";
+} from "./chunk-RYUOZTUI.js";
 import {
+  AGENT_PROGRESS_GUTTER,
+  AGENT_PROGRESS_INDENT,
   Agent,
   AgentToolBody,
   AskUserQuestion,
@@ -147,7 +149,7 @@ import {
   createDefaultToolRegistry,
   formatAgentTitle,
   formatExploreSummaryText
-} from "./chunk-FL2G7SV3.js";
+} from "./chunk-ZR37OKV6.js";
 import {
   BodyBlockList,
   DiffView,
@@ -163,7 +165,7 @@ import {
   formatTimeoutFooter,
   parseDiffText,
   truncateCommand
-} from "./chunk-GBY5DJ7L.js";
+} from "./chunk-4RIOBLGB.js";
 
 // src/view/AgentSession.tsx
 import { useEffect as useEffect3, useMemo, useRef as useRef3 } from "react";
@@ -3660,55 +3662,15 @@ function WorkflowContainerLine({
   return /* @__PURE__ */ jsx5("div", { className: lineClass, style, children: content });
 }
 
-// src/view/workflow/WorkflowExpandTrigger.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-function WorkflowExpandTrigger({
-  summary,
-  summaryTestId,
-  teaser,
-  expandHint,
-  onToggle,
-  expanded = false,
-  testId,
-  teaserTestId,
-  className = ""
-}) {
-  return /* @__PURE__ */ jsxs3(
-    "button",
-    {
-      type: "button",
-      className: `lax-workflow-expand-trigger${className ? ` ${className}` : ""}`,
-      onClick: onToggle,
-      "aria-expanded": expanded,
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsxs3("span", { className: "lax-workflow-expand-trigger__summary", "data-testid": summaryTestId, children: [
-          "\u23BF ",
-          summary
-        ] }),
-        teaser ? /* @__PURE__ */ jsx6(
-          "span",
-          {
-            className: "lax-workflow-expand-trigger__teaser",
-            "data-testid": teaserTestId,
-            children: teaser
-          }
-        ) : null,
-        expandHint ? /* @__PURE__ */ jsx6("span", { className: "lax-workflow-expand-trigger__hint", children: expandHint }) : null
-      ]
-    }
-  );
-}
-
 // src/view/workflow/WorkflowMarkdownPreview.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function WorkflowMarkdownPreview({
   content,
   testId,
   className = "lax-workflow-markdown-preview"
 }) {
   if (!content.trim()) return null;
-  return /* @__PURE__ */ jsx7("div", { className, "data-testid": testId, children: /* @__PURE__ */ jsx7(RichMarkdown, { content, deferDiagrams: true }) });
+  return /* @__PURE__ */ jsx6("div", { className, "data-testid": testId, children: /* @__PURE__ */ jsx6(RichMarkdown, { content, deferDiagrams: true }) });
 }
 
 // src/core/workflow/loopTreeUtils.ts
@@ -3718,7 +3680,7 @@ function hasTimelineNodes(tree) {
 }
 
 // src/view/workflow/workflowStageDoneBody.tsx
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 function WorkflowStageDoneBody({
   loopTree,
   testId,
@@ -3728,7 +3690,7 @@ function WorkflowStageDoneBody({
   bodyClassName = "lax-workflow-stage-container__body"
 }) {
   if (loopTree && hasTimelineNodes(loopTree)) {
-    return /* @__PURE__ */ jsx8("div", { className: bodyClassName, "data-testid": testId, "data-loop-display": "full", children: /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx7("div", { className: bodyClassName, "data-testid": testId, "data-loop-display": "full", children: /* @__PURE__ */ jsx7(
       AgentLoopView,
       {
         tree: loopTree,
@@ -3739,12 +3701,12 @@ function WorkflowStageDoneBody({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     "div",
     {
       className: `${bodyClassName} lax-workflow-stage-container__empty-hint`,
       "data-testid": testId,
-      children: /* @__PURE__ */ jsx8("span", { className: "lax-workflow-stage-container__empty-hint-text", children: "\uFF08\u6B64\u9636\u6BB5\u6682\u65E0 Agent \u65F6\u95F4\u7EBF\u5185\u5BB9\uFF09" })
+      children: /* @__PURE__ */ jsx7("span", { className: "lax-workflow-stage-container__empty-hint-text", children: "\uFF08\u6B64\u9636\u6BB5\u6682\u65E0 Agent \u65F6\u95F4\u7EBF\u5185\u5BB9\uFF09" })
     }
   );
 }
@@ -3755,22 +3717,22 @@ function WorkflowStageSummaryOnlyBody({
   bodyClassName = "lax-workflow-stage-container__body lax-workflow-stage-container__body--summary-only"
 }) {
   const expandHint = formatTeaserExpandHint(summary.extraLines, verbose);
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       className: bodyClassName,
       "data-testid": testId,
       "data-loop-display": "summary",
       children: [
-        summary.teaser ? /* @__PURE__ */ jsx8(
+        summary.teaser ? /* @__PURE__ */ jsx7(
           WorkflowMarkdownPreview,
           {
             content: summary.teaser,
             className: "lax-workflow-stage-container__teaser",
             testId: `${testId}-summary-teaser`
           }
-        ) : /* @__PURE__ */ jsx8("span", { className: "lax-workflow-stage-container__empty-hint-text", children: WORKFLOW_STAGE_EMPTY_SUMMARY_HINT }),
-        expandHint ? /* @__PURE__ */ jsx8("span", { className: "lax-workflow-expand-trigger__hint", children: expandHint }) : null
+        ) : /* @__PURE__ */ jsx7("span", { className: "lax-workflow-stage-container__empty-hint-text", children: WORKFLOW_STAGE_EMPTY_SUMMARY_HINT }),
+        expandHint ? /* @__PURE__ */ jsx7("span", { className: "lax-workflow-stage-container__done-teaser-hint", children: expandHint }) : null
       ]
     }
   );
@@ -4018,7 +3980,7 @@ function workflowContainerViewPropsEqual(prev, next) {
 }
 
 // src/view/workflow/WorkflowAggregateContainer.tsx
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 function mergeContentPreview(node) {
   const blocks = node.content_blocks;
   if (blocks.length === 0) return "";
@@ -4082,7 +4044,7 @@ function WorkflowAggregateContainerInner({
     setExpanded((prev) => !prev);
   }, []);
   const shellToggle = isRunning ? toggleExpanded : isDone ? toggleExpanded : void 0;
-  const markdownPreview = bodyMarkdown ? /* @__PURE__ */ jsx9(
+  const markdownPreview = bodyMarkdown ? /* @__PURE__ */ jsx8(
     WorkflowMarkdownPreview,
     {
       content: bodyMarkdown,
@@ -4091,7 +4053,8 @@ function WorkflowAggregateContainerInner({
     }
   ) : null;
   const canExpandDone = isDone && (Boolean(loopTree) || Boolean(bodyMarkdown) || Boolean(node.loopSessionId));
-  return /* @__PURE__ */ jsxs5(
+  const doneExpandHint = expandHint ?? (canExpandDone ? "(click to expand)" : null);
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       className: `lax-workflow-aggregate lax-workflow-stage-container lax-workflow-stage-container--${isWaiting ? "pending" : isDone ? "done" : "running"}`,
@@ -4099,7 +4062,7 @@ function WorkflowAggregateContainerInner({
       "data-container-scope": "aggregate",
       style: { "--lax-workflow-depth": depth },
       children: [
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx8(
           WorkflowContainerLine,
           {
             title: node.title,
@@ -4114,17 +4077,31 @@ function WorkflowAggregateContainerInner({
             descriptionTestId: `${testId}-desc`
           }
         ),
-        isWaiting && waitingTeaser ? /* @__PURE__ */ jsxs5("div", { className: "lax-workflow-aggregate__waiting-teaser", "data-testid": `${testId}-waiting`, children: [
-          /* @__PURE__ */ jsx9("span", { className: "lax-workflow-aggregate__waiting-prefix", children: "\u23BF " }),
-          /* @__PURE__ */ jsx9(
-            WorkflowMarkdownPreview,
-            {
-              content: waitingTeaser,
-              className: "lax-workflow-aggregate__markdown lax-workflow-markdown-preview"
-            }
-          )
-        ] }) : null,
-        expanded && isRunning && loopTree ? /* @__PURE__ */ jsx9("div", { className: "lax-workflow-stage-container__body", "data-testid": `${testId}-body`, children: /* @__PURE__ */ jsx9(
+        isWaiting && waitingTeaser ? /* @__PURE__ */ jsxs4(
+          "div",
+          {
+            className: "lax-workflow-stage-container__done-teaser",
+            "data-testid": `${testId}-waiting`,
+            children: [
+              /* @__PURE__ */ jsx8(
+                "span",
+                {
+                  className: "lax-workflow-stage-container__done-teaser-prefix",
+                  "aria-hidden": true,
+                  children: AGENT_PROGRESS_GUTTER
+                }
+              ),
+              /* @__PURE__ */ jsx8("div", { className: "lax-workflow-stage-container__done-teaser-body", children: /* @__PURE__ */ jsx8(
+                WorkflowMarkdownPreview,
+                {
+                  content: waitingTeaser,
+                  className: "lax-workflow-stage-container__done-teaser-markdown"
+                }
+              ) })
+            ]
+          }
+        ) : null,
+        expanded && isRunning && loopTree ? /* @__PURE__ */ jsx8("div", { className: "lax-workflow-stage-container__body", "data-testid": `${testId}-body`, children: /* @__PURE__ */ jsx8(
           AgentLoopView,
           {
             tree: loopTree,
@@ -4134,7 +4111,7 @@ function WorkflowAggregateContainerInner({
             groupParallelTools
           }
         ) }) : null,
-        expanded && isRunning && !loopTree && bodyMarkdown ? /* @__PURE__ */ jsx9(
+        expanded && isRunning && !loopTree && bodyMarkdown ? /* @__PURE__ */ jsx8(
           "div",
           {
             className: "lax-workflow-stage-container__body lax-workflow-stage-container__content-preview",
@@ -4142,21 +4119,35 @@ function WorkflowAggregateContainerInner({
             children: markdownPreview
           }
         ) : null,
-        isDone && !expanded ? /* @__PURE__ */ jsxs5("div", { className: "lax-workflow-aggregate__done", "data-testid": `${testId}-done`, children: [
-          canExpandDone ? /* @__PURE__ */ jsx9(
-            WorkflowExpandTrigger,
-            {
-              summary: `${node.title} \xB7 done`,
-              onToggle: toggleExpanded,
-              expanded: false,
-              expandHint: bodyMarkdown || expandHint ? "(click to expand)" : void 0,
-              testId: `${testId}-done-trigger`
-            }
-          ) : null,
-          markdownPreview ? /* @__PURE__ */ jsx9("div", { className: "lax-workflow-aggregate__done-preview", "data-testid": `${testId}-teaser`, children: markdownPreview }) : null,
-          !bodyMarkdown && expandHint ? /* @__PURE__ */ jsx9("span", { className: "lax-workflow-expand-trigger__hint", children: expandHint }) : null
-        ] }) : null,
-        isDone && expanded ? loopTree ? /* @__PURE__ */ jsx9(
+        isDone && !expanded && (bodyMarkdown || doneExpandHint) ? /* @__PURE__ */ jsx8("div", { "data-testid": `${testId}-done`, children: /* @__PURE__ */ jsxs4(
+          "div",
+          {
+            className: "lax-workflow-stage-container__done-teaser",
+            "data-testid": bodyMarkdown ? `${testId}-teaser` : void 0,
+            children: [
+              /* @__PURE__ */ jsx8(
+                "span",
+                {
+                  className: "lax-workflow-stage-container__done-teaser-prefix",
+                  "aria-hidden": true,
+                  children: bodyMarkdown ? AGENT_PROGRESS_GUTTER : AGENT_PROGRESS_INDENT
+                }
+              ),
+              /* @__PURE__ */ jsxs4("div", { className: "lax-workflow-stage-container__done-teaser-body", children: [
+                bodyMarkdown ? /* @__PURE__ */ jsx8(
+                  WorkflowMarkdownPreview,
+                  {
+                    content: bodyMarkdown,
+                    testId: `${testId}-markdown`,
+                    className: "lax-workflow-stage-container__done-teaser-markdown"
+                  }
+                ) : null,
+                doneExpandHint ? /* @__PURE__ */ jsx8("span", { className: "lax-workflow-stage-container__done-teaser-hint", children: doneExpandHint }) : null
+              ] })
+            ]
+          }
+        ) }) : null,
+        isDone && expanded ? loopTree ? /* @__PURE__ */ jsx8(
           WorkflowStageDoneBody,
           {
             node,
@@ -4166,19 +4157,19 @@ function WorkflowAggregateContainerInner({
             virtualizeThreshold,
             groupParallelTools
           }
-        ) : bodyMarkdown ? /* @__PURE__ */ jsx9(
+        ) : bodyMarkdown ? /* @__PURE__ */ jsx8(
           "div",
           {
             className: "lax-workflow-stage-container__body lax-workflow-stage-container__content-preview",
             "data-testid": `${testId}-body`,
             children: markdownPreview
           }
-        ) : usesScopedLoop ? /* @__PURE__ */ jsx9(
+        ) : usesScopedLoop ? /* @__PURE__ */ jsx8(
           "div",
           {
             className: "lax-workflow-stage-container__body lax-workflow-loop-replay-pending",
             "data-testid": `${testId}-body`,
-            children: /* @__PURE__ */ jsx9("p", { className: "lax-workflow-loop-replay-pending__hint", children: "Loop details evicted from memory." })
+            children: /* @__PURE__ */ jsx8("p", { className: "lax-workflow-loop-replay-pending__hint", children: "Loop details evicted from memory." })
           }
         ) : null : null
       ]
@@ -4295,6 +4286,53 @@ function formatParallelGroupSummary(metrics) {
   return `Done (${n} agent${n === 1 ? "" : "s"})`;
 }
 
+// src/view/workflow/WorkflowExpandTrigger.tsx
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+function WorkflowExpandTrigger({
+  summary,
+  summaryTestId,
+  teaser,
+  expandHint,
+  onToggle,
+  expanded = false,
+  testId,
+  teaserTestId,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx9(
+    "button",
+    {
+      type: "button",
+      className: `lax-workflow-expand-trigger${className ? ` ${className}` : ""}`,
+      onClick: onToggle,
+      "aria-expanded": expanded,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsxs5("span", { className: "lax-workflow-expand-trigger__hang", children: [
+        /* @__PURE__ */ jsx9("span", { className: "lax-workflow-expand-trigger__prefix", "aria-hidden": true, children: AGENT_PROGRESS_GUTTER }),
+        /* @__PURE__ */ jsxs5("span", { className: "lax-workflow-expand-trigger__body", children: [
+          /* @__PURE__ */ jsx9(
+            "span",
+            {
+              className: "lax-workflow-expand-trigger__summary",
+              "data-testid": summaryTestId,
+              children: summary
+            }
+          ),
+          teaser ? /* @__PURE__ */ jsx9(
+            "span",
+            {
+              className: "lax-workflow-expand-trigger__teaser",
+              "data-testid": teaserTestId,
+              children: teaser
+            }
+          ) : null,
+          expandHint ? /* @__PURE__ */ jsx9("span", { className: "lax-workflow-expand-trigger__hint", children: expandHint }) : null
+        ] })
+      ] })
+    }
+  );
+}
+
 // src/view/workflow/WorkflowStageContainer.tsx
 import { useCallback as useCallback2, useEffect as useEffect7, useMemo as useMemo3, useState as useState2, memo as memo2 } from "react";
 import { useStore as useStore4 } from "zustand";
@@ -4410,26 +4448,33 @@ function WorkflowStageContainerInner({
             className: isItem ? "lax-workflow-parallel-item__header" : void 0
           }
         ),
-        effectivelyDone && !expanded && (teaserText || expandHint) ? /* @__PURE__ */ jsxs6("div", { className: "lax-workflow-stage-container__done-teaser", children: [
-          teaserText ? /* @__PURE__ */ jsxs6(
-            "div",
-            {
-              className: "lax-workflow-stage-container__done-teaser-line",
-              "data-testid": `${testId}-teaser`,
-              children: [
-                /* @__PURE__ */ jsx10("span", { className: "lax-workflow-stage-container__done-teaser-prefix", children: "\u23BF" }),
-                /* @__PURE__ */ jsx10(
+        effectivelyDone && !expanded && (teaserText || expandHint) ? /* @__PURE__ */ jsxs6(
+          "div",
+          {
+            className: "lax-workflow-stage-container__done-teaser",
+            "data-testid": teaserText ? `${testId}-teaser` : void 0,
+            children: [
+              /* @__PURE__ */ jsx10(
+                "span",
+                {
+                  className: "lax-workflow-stage-container__done-teaser-prefix",
+                  "aria-hidden": true,
+                  children: teaserText ? AGENT_PROGRESS_GUTTER : AGENT_PROGRESS_INDENT
+                }
+              ),
+              /* @__PURE__ */ jsxs6("div", { className: "lax-workflow-stage-container__done-teaser-body", children: [
+                teaserText ? /* @__PURE__ */ jsx10(
                   WorkflowMarkdownPreview,
                   {
                     content: teaserText,
                     className: "lax-workflow-stage-container__done-teaser-markdown"
                   }
-                )
-              ]
-            }
-          ) : null,
-          expandHint ? /* @__PURE__ */ jsx10("span", { className: "lax-workflow-expand-trigger__hint", children: expandHint }) : null
-        ] }) : null,
+                ) : null,
+                expandHint ? /* @__PURE__ */ jsx10("span", { className: "lax-workflow-stage-container__done-teaser-hint", children: expandHint }) : null
+              ] })
+            ]
+          }
+        ) : null,
         expanded && isRunning && !usesScopedLoop && node.content_blocks.length > 0 ? /* @__PURE__ */ jsx10(
           "div",
           {