langchain_agentx_stream_ui 0.6.2 → 0.6.4

package/dist/index.js

@@ -23,7 +23,7 @@ import {
   fixDiagramSvg,
   markEventIdSeen,
   shouldSkipDuplicateEvent
-} from "./chunk-ED67MXSG.js";
+} from "./chunk-YHCK76OU.js";
 import {
   DefaultToolBody,
   InteractionBusContext,
@@ -32,8 +32,8 @@ import {
   getNoopInteractionBus,
   resolveToolBody,
   useInteractionBus
-} from "./chunk-4TG4TGIL.js";
-import "./chunk-DP7V33X7.js";
+} from "./chunk-5XELRP3S.js";
+import "./chunk-6Z4ZF36Z.js";
 import {
   CollapseKind,
   CollapsedExploreNode,
@@ -119,7 +119,7 @@ import {
   useSessionStatus,
   useSessionViewOptions,
   useTimeline
-} from "./chunk-DJPNJBFL.js";
+} from "./chunk-O5GERXTY.js";
 import {
   AGENT_PROGRESS_GUTTER,
   AGENT_PROGRESS_INDENT,
@@ -149,7 +149,7 @@ import {
   createDefaultToolRegistry,
   formatAgentTitle,
   formatExploreSummaryText
-} from "./chunk-ZR37OKV6.js";
+} from "./chunk-GYFC2DI7.js";
 import {
   BodyBlockList,
   DiffView,
@@ -165,7 +165,7 @@ import {
   formatTimeoutFooter,
   parseDiffText,
   truncateCommand
-} from "./chunk-4RIOBLGB.js";
+} from "./chunk-GBY5DJ7L.js";
 
 // src/view/AgentSession.tsx
 import { useEffect as useEffect3, useMemo, useRef as useRef3 } from "react";
@@ -839,6 +839,157 @@ function hydrateAskFromSnapshot(state, snapshot) {
   };
 }
 
+// src/core/sessionTreeSoftTrim.ts
+var DEFAULT_MAX_RUNNING_LOOP_NODES = 5e3;
+var DEFAULT_RETAIN_RUNNING_LOOP_NODES = 3500;
+function isProtectedNode(node) {
+  switch (node.kind) {
+    case "tool_call":
+    case "subagent":
+      return node.status === "running";
+    case "permission":
+      return node.status === "pending";
+    case "text":
+    case "reasoning":
+      return node.status === "streaming";
+    case "step":
+      return node.status === "running";
+    default:
+      return false;
+  }
+}
+function collectSubtreeIds(rootId, byId) {
+  const out = [];
+  const stack = [rootId];
+  while (stack.length > 0) {
+    const id = stack.pop();
+    if (!byId[id]) continue;
+    out.push(id);
+    const node = byId[id];
+    if (node.kind === "subagent") {
+      for (const childId of node.childIds) {
+        stack.push(childId);
+      }
+    }
+  }
+  return out;
+}
+function collectProtectedIds(tree) {
+  const protectedIds = /* @__PURE__ */ new Set();
+  for (const [id, node] of Object.entries(tree.byId)) {
+    if (isProtectedNode(node)) {
+      protectedIds.add(id);
+    }
+  }
+  for (const [id, node] of Object.entries(tree.byId)) {
+    if (node.kind !== "subagent") continue;
+    for (const childId of collectSubtreeIds(id, tree.byId)) {
+      if (childId !== id && protectedIds.has(childId)) {
+        protectedIds.add(id);
+        break;
+      }
+    }
+  }
+  return protectedIds;
+}
+function subtreeContainsProtected(rootId, byId, protectedIds) {
+  for (const id of collectSubtreeIds(rootId, byId)) {
+    if (protectedIds.has(id)) return true;
+  }
+  return false;
+}
+function filterActiveToolByStepName(active, byId) {
+  const next = {};
+  for (const [key, nodeId] of Object.entries(active)) {
+    if (byId[nodeId]) next[key] = nodeId;
+  }
+  return next;
+}
+function trimSessionTreeSoft(tree, options) {
+  const maxNodes = Math.max(
+    1,
+    options?.maxRunningLoopNodes ?? DEFAULT_MAX_RUNNING_LOOP_NODES
+  );
+  const retainTarget = Math.min(
+    maxNodes,
+    Math.max(
+      1,
+      options?.retainRunningLoopNodes ?? DEFAULT_RETAIN_RUNNING_LOOP_NODES
+    )
+  );
+  const nodeCount = Object.keys(tree.byId).length;
+  if (nodeCount <= maxNodes) {
+    return tree;
+  }
+  const protectedIds = collectProtectedIds(tree);
+  const dropIds = /* @__PURE__ */ new Set();
+  const dropRootIds = /* @__PURE__ */ new Set();
+  let projectedCount = nodeCount;
+  for (const rootId of tree.rootChildren) {
+    if (projectedCount <= retainTarget) break;
+    if (!tree.byId[rootId] || dropIds.has(rootId)) continue;
+    if (subtreeContainsProtected(rootId, tree.byId, protectedIds)) continue;
+    const subtree = collectSubtreeIds(rootId, tree.byId);
+    for (const id of subtree) {
+      dropIds.add(id);
+    }
+    dropRootIds.add(rootId);
+    projectedCount -= subtree.length;
+  }
+  if (dropIds.size === 0) {
+    return tree;
+  }
+  const nextById = {};
+  for (const [id, node] of Object.entries(tree.byId)) {
+    if (!dropIds.has(id)) {
+      nextById[id] = node;
+    }
+  }
+  const rootChildren = tree.rootChildren.filter((id) => !dropRootIds.has(id));
+  const dropped = dropIds.size;
+  return {
+    ...tree,
+    byId: nextById,
+    rootChildren,
+    openSubAgentStack: tree.openSubAgentStack.filter((id) => Boolean(nextById[id])),
+    activeToolByStepName: filterActiveToolByStepName(
+      tree.activeToolByStepName,
+      nextById
+    ),
+    meta: {
+      ...tree.meta,
+      displayTruncated: true,
+      displayTruncatedDropped: (tree.meta.displayTruncatedDropped ?? 0) + dropped
+    }
+  };
+}
+function trimWorkflowLoopTreesSoft(state, options) {
+  const nextLoops = {};
+  let anyTruncated = Boolean(state.meta.loopDisplayTruncated);
+  let changed = false;
+  for (const [sessionId, tree] of Object.entries(state.loopTreesBySessionId)) {
+    const trimmed = trimSessionTreeSoft(tree, options);
+    nextLoops[sessionId] = trimmed;
+    if (trimmed !== tree) {
+      changed = true;
+    }
+    if (trimmed.meta.displayTruncated) {
+      anyTruncated = true;
+    }
+  }
+  if (!changed && anyTruncated === Boolean(state.meta.loopDisplayTruncated)) {
+    return state;
+  }
+  return {
+    ...state,
+    loopTreesBySessionId: changed ? nextLoops : state.loopTreesBySessionId,
+    meta: {
+      ...state.meta,
+      loopDisplayTruncated: anyTruncated
+    }
+  };
+}
+
 // src/core/store.ts
 function safeReduce(tree, event, eventIndex, options) {
   try {
@@ -869,6 +1020,10 @@ function createSessionStore(initialTree = createEmptyTree(), storeOptions) {
   const initialEventCount = storeOptions?.initialEventCount ?? 0;
   const seenEventIds = new Set(storeOptions?.initialSeenEventIds);
   const authorityBindingActive = storeOptions?.authorityBindingActive === true;
+  const softTrimOpts = {
+    maxRunningLoopNodes: storeOptions?.maxRunningLoopNodes ?? DEFAULT_MAX_RUNNING_LOOP_NODES,
+    retainRunningLoopNodes: storeOptions?.retainRunningLoopNodes ?? DEFAULT_RETAIN_RUNNING_LOOP_NODES
+  };
   return createStore((set, get) => ({
     tree: initialTree,
     eventCount: initialEventCount,
@@ -886,10 +1041,11 @@ function createSessionStore(initialTree = createEmptyTree(), storeOptions) {
       if (isAtOrBeforeProjectionCursor(projectionCursor, sseEventId)) return;
       const { tree, eventCount } = get();
       const { tree: reduced } = safeReduce(tree, event, eventCount, reduceOpts);
+      const trimmed = trimSessionTreeSoft(reduced, softTrimOpts);
       const nextTree = sseEventId ? {
-        ...reduced,
-        meta: { ...reduced.meta, lastEventId: sseEventId }
-      } : reduced;
+        ...trimmed,
+        meta: { ...trimmed.meta, lastEventId: sseEventId }
+      } : trimmed;
       markEventIdSeen(seenEventIds, sseEventId);
       set({ tree: nextTree, eventCount: eventCount + 1 });
     },
@@ -897,7 +1053,7 @@ function createSessionStore(initialTree = createEmptyTree(), storeOptions) {
       let { tree, eventCount } = get();
       for (const event of events) {
         const result = safeReduce(tree, event, eventCount, reduceOpts);
-        tree = result.tree;
+        tree = trimSessionTreeSoft(result.tree, softTrimOpts);
         eventCount += 1;
       }
       set({ tree, eventCount });
@@ -912,7 +1068,10 @@ function createSessionStore(initialTree = createEmptyTree(), storeOptions) {
       const patch = hydrateAskFromSnapshot(get(), snapshot);
       seenEventIds.clear();
       markEventIdSeen(seenEventIds, snapshot.cursor);
-      set(patch);
+      set({
+        ...patch,
+        tree: trimSessionTreeSoft(patch.tree, softTrimOpts)
+      });
     },
     markSnapshotHydrateFailed() {
       set({
@@ -1542,33 +1701,47 @@ function AgentLoopView({
 }
 
 // src/view/AgentSessionBanners.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-function AgentSessionBanners({ snapshotHydrateFailed }) {
-  if (!snapshotHydrateFailed) return null;
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: "lax-agent-banner lax-agent-banner--snapshot-unavailable",
-      "data-testid": "lax-agent-snapshot-unavailable-banner",
-      role: "status",
-      children: "\u5C55\u793A\u6001\u4E0D\u53EF\u7528 / \u4F1A\u8BDD\u5DF2\u8FC7\u671F"
-    }
-  );
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+function AgentSessionBanners({
+  snapshotHydrateFailed,
+  displayTruncated = false
+}) {
+  if (!snapshotHydrateFailed && !displayTruncated) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    snapshotHydrateFailed ? /* @__PURE__ */ jsx3(
+      "div",
+      {
+        className: "lax-agent-banner lax-agent-banner--snapshot-unavailable",
+        "data-testid": "lax-agent-snapshot-unavailable-banner",
+        role: "status",
+        children: "\u5C55\u793A\u6001\u4E0D\u53EF\u7528 / \u4F1A\u8BDD\u5DF2\u8FC7\u671F"
+      }
+    ) : null,
+    displayTruncated ? /* @__PURE__ */ jsx3(
+      "div",
+      {
+        className: "lax-agent-banner lax-agent-banner--display-truncated",
+        "data-testid": "lax-agent-display-truncated-banner",
+        role: "status",
+        children: "\u8F83\u65E9\u7684\u65F6\u95F4\u7EBF\u5DF2\u622A\u65AD\u4EE5\u63A7\u5236\u5185\u5B58\uFF0C\u6700\u65B0\u5DE5\u5177\u6D3B\u52A8\u4ECD\u5728\u66F4\u65B0"
+      }
+    ) : null
+  ] });
 }
 
 // src/view/AgentSession.tsx
 import { useStore } from "zustand";
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function DebugPanel() {
   const status = useSessionStatus();
   const errors = useInternalErrors();
   if (errors.length === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "lax-debug-panel", "data-testid": "lax-debug-panel", children: [
-    /* @__PURE__ */ jsxs("div", { children: [
+  return /* @__PURE__ */ jsxs2("div", { className: "lax-debug-panel", "data-testid": "lax-debug-panel", children: [
+    /* @__PURE__ */ jsxs2("div", { children: [
       "status: ",
       status
     ] }),
-    /* @__PURE__ */ jsx4("ul", { children: errors.map((err, i) => /* @__PURE__ */ jsxs("li", { children: [
+    /* @__PURE__ */ jsx4("ul", { children: errors.map((err, i) => /* @__PURE__ */ jsxs2("li", { children: [
       "[",
       err.eventType,
       "] ",
@@ -1600,7 +1773,17 @@ function AgentSnapshotBootstrap({
     }
   }, [snapshotHydrateFailed, store]);
   const showBanner = useStore(store, (s) => s.snapshotHydrateFailed);
-  return /* @__PURE__ */ jsx4(AgentSessionBanners, { snapshotHydrateFailed: showBanner });
+  const displayTruncated = useStore(
+    store,
+    (s) => Boolean(s.tree.meta.displayTruncated)
+  );
+  return /* @__PURE__ */ jsx4(
+    AgentSessionBanners,
+    {
+      snapshotHydrateFailed: showBanner,
+      displayTruncated
+    }
+  );
 }
 function AgentSession({
   source,
@@ -1710,7 +1893,7 @@ function AgentSession({
       controller.abort();
     };
   }, [source]);
-  return /* @__PURE__ */ jsx4(SessionStoreContext.Provider, { value: storeRef.current, children: /* @__PURE__ */ jsx4(InteractionBusContext.Provider, { value: busRef, children: /* @__PURE__ */ jsx4(NodeRegistryContext.Provider, { value: registryRef, children: /* @__PURE__ */ jsx4(MarkdownRendererContext.Provider, { value: markdownRenderer, children: /* @__PURE__ */ jsx4(ToolDisplayOptionsContext.Provider, { value: toolDisplayRef, children: /* @__PURE__ */ jsx4(SessionViewOptionsContext.Provider, { value: sessionViewRef, children: /* @__PURE__ */ jsxs("div", { className: "lax-agent-session", "data-testid": "lax-agent-session", children: [
+  return /* @__PURE__ */ jsx4(SessionStoreContext.Provider, { value: storeRef.current, children: /* @__PURE__ */ jsx4(InteractionBusContext.Provider, { value: busRef, children: /* @__PURE__ */ jsx4(NodeRegistryContext.Provider, { value: registryRef, children: /* @__PURE__ */ jsx4(MarkdownRendererContext.Provider, { value: markdownRenderer, children: /* @__PURE__ */ jsx4(ToolDisplayOptionsContext.Provider, { value: toolDisplayRef, children: /* @__PURE__ */ jsx4(SessionViewOptionsContext.Provider, { value: sessionViewRef, children: /* @__PURE__ */ jsxs2("div", { className: "lax-agent-session", "data-testid": "lax-agent-session", children: [
     /* @__PURE__ */ jsx4(
       AgentSnapshotBootstrap,
       {
@@ -1774,7 +1957,9 @@ var DEFAULT_WORKFLOW_SCALE_OPTIONS = {
   containerCountTier3: 120,
   tierEvalMinFrames: 30,
   hydrateChunkSize: 50,
-  aggressiveMemoryTier3: true
+  aggressiveMemoryTier3: true,
+  maxRunningLoopNodes: 5e3,
+  retainRunningLoopNodes: 3500
 };
 function resolveWorkflowScale(storeOptions) {
   const scale = {
@@ -3245,11 +3430,14 @@ function createWorkflowSessionStore(initialState = createEmptyWorkflowSessionSta
   let frameCounter = initialEventCount;
   let lastTierEvalFrame = 0;
   const finalizeState = (reduced, options) => {
+    let next = trimWorkflowLoopTreesSoft(reduced, {
+      maxRunningLoopNodes: scale.maxRunningLoopNodes,
+      retainRunningLoopNodes: scale.retainRunningLoopNodes
+    });
     if (!scale.evictCompletedLoops) {
-      return reduced;
+      return next;
     }
     frameCounter += 1;
-    let next = reduced;
     ({ state: next, lastTierEvalFrame } = applyMemoryPressureTier(next, scale, {
       frameCounter,
       lastTierEvalFrame,
@@ -3572,7 +3760,7 @@ import { useCallback, useEffect as useEffect6, useMemo as useMemo2, useState, me
 import { useStore as useStore3 } from "zustand";
 
 // src/view/workflow/WorkflowContainerLine.tsx
-import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function WorkflowContainerLine({
   title,
   description,
@@ -3598,7 +3786,7 @@ function WorkflowContainerLine({
     onToggle && interactive !== false ? "lax-workflow-container-line--interactive" : "",
     className
   ].filter(Boolean).join(" ");
-  const content = /* @__PURE__ */ jsxs2(Fragment, { children: [
+  const content = /* @__PURE__ */ jsxs3(Fragment2, { children: [
     showDot ? /* @__PURE__ */ jsx5(
       "span",
       {
@@ -3608,7 +3796,7 @@ function WorkflowContainerLine({
       }
     ) : null,
     /* @__PURE__ */ jsx5("span", { className: "lax-workflow-container-line__title", "data-testid": titleTestId, children: title }),
-    description ? /* @__PURE__ */ jsxs2(
+    description ? /* @__PURE__ */ jsxs3(
       "span",
       {
         className: "lax-workflow-container-line__desc",
@@ -3680,7 +3868,7 @@ function hasTimelineNodes(tree) {
 }
 
 // src/view/workflow/workflowStageDoneBody.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function WorkflowStageDoneBody({
   loopTree,
   testId,
@@ -3717,7 +3905,7 @@ function WorkflowStageSummaryOnlyBody({
   bodyClassName = "lax-workflow-stage-container__body lax-workflow-stage-container__body--summary-only"
 }) {
   const expandHint = formatTeaserExpandHint(summary.extraLines, verbose);
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       className: bodyClassName,
@@ -3980,7 +4168,7 @@ function workflowContainerViewPropsEqual(prev, next) {
 }
 
 // src/view/workflow/WorkflowAggregateContainer.tsx
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function mergeContentPreview(node) {
   const blocks = node.content_blocks;
   if (blocks.length === 0) return "";
@@ -4054,7 +4242,7 @@ function WorkflowAggregateContainerInner({
   ) : null;
   const canExpandDone = isDone && (Boolean(loopTree) || Boolean(bodyMarkdown) || Boolean(node.loopSessionId));
   const doneExpandHint = expandHint ?? (canExpandDone ? "(click to expand)" : null);
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: `lax-workflow-aggregate lax-workflow-stage-container lax-workflow-stage-container--${isWaiting ? "pending" : isDone ? "done" : "running"}`,
@@ -4077,7 +4265,7 @@ function WorkflowAggregateContainerInner({
             descriptionTestId: `${testId}-desc`
           }
         ),
-        isWaiting && waitingTeaser ? /* @__PURE__ */ jsxs4(
+        isWaiting && waitingTeaser ? /* @__PURE__ */ jsxs5(
           "div",
           {
             className: "lax-workflow-stage-container__done-teaser",
@@ -4119,7 +4307,7 @@ function WorkflowAggregateContainerInner({
             children: markdownPreview
           }
         ) : null,
-        isDone && !expanded && (bodyMarkdown || doneExpandHint) ? /* @__PURE__ */ jsx8("div", { "data-testid": `${testId}-done`, children: /* @__PURE__ */ jsxs4(
+        isDone && !expanded && (bodyMarkdown || doneExpandHint) ? /* @__PURE__ */ jsx8("div", { "data-testid": `${testId}-done`, children: /* @__PURE__ */ jsxs5(
           "div",
           {
             className: "lax-workflow-stage-container__done-teaser",
@@ -4133,7 +4321,7 @@ function WorkflowAggregateContainerInner({
                   children: bodyMarkdown ? AGENT_PROGRESS_GUTTER : AGENT_PROGRESS_INDENT
                 }
               ),
-              /* @__PURE__ */ jsxs4("div", { className: "lax-workflow-stage-container__done-teaser-body", children: [
+              /* @__PURE__ */ jsxs5("div", { className: "lax-workflow-stage-container__done-teaser-body", children: [
                 bodyMarkdown ? /* @__PURE__ */ jsx8(
                   WorkflowMarkdownPreview,
                   {
@@ -4287,7 +4475,7 @@ function formatParallelGroupSummary(metrics) {
 }
 
 // src/view/workflow/WorkflowExpandTrigger.tsx
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function WorkflowExpandTrigger({
   summary,
   summaryTestId,
@@ -4307,9 +4495,9 @@ function WorkflowExpandTrigger({
       onClick: onToggle,
       "aria-expanded": expanded,
       "data-testid": testId,
-      children: /* @__PURE__ */ jsxs5("span", { className: "lax-workflow-expand-trigger__hang", children: [
+      children: /* @__PURE__ */ jsxs6("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__ */ jsxs6("span", { className: "lax-workflow-expand-trigger__body", children: [
           /* @__PURE__ */ jsx9(
             "span",
             {
@@ -4336,7 +4524,7 @@ function WorkflowExpandTrigger({
 // 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";
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function containerTestId(node) {
   if (node.scope === "item") return `lax-workflow-parallel-${node.scope_key}`;
   if (node.scope === "stage") return `lax-workflow-stage-${node.scope_key}`;
@@ -4417,7 +4605,7 @@ function WorkflowStageContainerInner({
   const statusLabel = effectivelyDone ? doneLabel : suppressHostScopedLoop && effectivelyRunning ? "running" : mapContainerStatusLabel(effectivelyRunning ? "running" : node.status);
   const canToggleShell = effectivelyRunning && !isSkipped || effectivelyDone;
   const shellToggle = canToggleShell ? toggleExpanded : void 0;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       className: `lax-workflow-stage-container lax-workflow-stage-container--${uiStatus}${isSkipped ? " lax-workflow-stage-container--skipped" : ""}${isItem ? " lax-workflow-parallel-item" : " lax-workflow-stage"}`,
@@ -4448,7 +4636,7 @@ function WorkflowStageContainerInner({
             className: isItem ? "lax-workflow-parallel-item__header" : void 0
           }
         ),
-        effectivelyDone && !expanded && (teaserText || expandHint) ? /* @__PURE__ */ jsxs6(
+        effectivelyDone && !expanded && (teaserText || expandHint) ? /* @__PURE__ */ jsxs7(
           "div",
           {
             className: "lax-workflow-stage-container__done-teaser",
@@ -4462,7 +4650,7 @@ function WorkflowStageContainerInner({
                   children: teaserText ? AGENT_PROGRESS_GUTTER : AGENT_PROGRESS_INDENT
                 }
               ),
-              /* @__PURE__ */ jsxs6("div", { className: "lax-workflow-stage-container__done-teaser-body", children: [
+              /* @__PURE__ */ jsxs7("div", { className: "lax-workflow-stage-container__done-teaser-body", children: [
                 teaserText ? /* @__PURE__ */ jsx10(
                   WorkflowMarkdownPreview,
                   {
@@ -4549,7 +4737,7 @@ function workflowStageContainerPropsEqual(prev, next) {
 var WorkflowStageContainer = memo2(WorkflowStageContainerInner, workflowStageContainerPropsEqual);
 
 // src/view/workflow/WorkflowParallelGroup.tsx
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function resolveLoopTree(node, loopTreesBySessionId) {
   if (!node.loopSessionId) return void 0;
   return loopTreesBySessionId[node.loopSessionId];
@@ -4606,7 +4794,7 @@ function WorkflowParallelGroupInner({
       item.container_id
     );
   };
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: "lax-workflow-parallel-group",
@@ -4648,7 +4836,7 @@ function workflowParallelGroupPropsEqual(prev, next) {
 var WorkflowParallelGroup = memo3(WorkflowParallelGroupInner, workflowParallelGroupPropsEqual);
 
 // src/view/workflow/WorkflowRootContainer.tsx
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function WorkflowRootContainer({
   node,
   children,
@@ -4662,7 +4850,7 @@ function WorkflowRootContainer({
   const uiStatus = forcedCloseout ? "warning" : mapContainerUiStatus(nodeStatus);
   const statusLabel = mapWorkflowRootStatusLabel(nodeStatus, sessionStatus);
   const meta = containersById ? buildEffectiveWorkflowRootMeta(node, containersById) : buildWorkflowRootMeta(node);
-  return /* @__PURE__ */ jsxs8("div", { className: "lax-workflow-root", "data-testid": "lax-workflow-root", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "lax-workflow-root", "data-testid": "lax-workflow-root", children: [
     /* @__PURE__ */ jsx12(
       WorkflowContainerLine,
       {
@@ -4684,7 +4872,7 @@ function WorkflowRootContainer({
 
 // src/view/workflow/WorkflowRouteContainer.tsx
 import { useCallback as useCallback4, useEffect as useEffect9, useMemo as useMemo5, useState as useState4 } from "react";
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function WorkflowRouteContainer({
   node,
   loopTree,
@@ -4721,7 +4909,7 @@ function WorkflowRouteContainer({
     "--lax-workflow-depth": depth,
     "--lax-workflow-indent-unit": workflowIndentUnit(depth)
   };
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       className: `lax-workflow-route-branch lax-workflow-stage-container lax-workflow-stage-container--${uiStatus}${isSkipped ? " lax-workflow-route-branch--skipped" : ""}`,
@@ -4785,7 +4973,7 @@ function WorkflowRouteContainer({
 
 // src/view/workflow/WorkflowSubworkflowContainer.tsx
 import { useCallback as useCallback5, useEffect as useEffect10, useMemo as useMemo6, useState as useState5 } from "react";
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function buildDoneSummary(node) {
   const display = node.display;
   if (display?.progress_total != null) {
@@ -4828,7 +5016,7 @@ function WorkflowSubworkflowContainer({
     "--lax-workflow-indent-unit": workflowIndentUnit(depth)
   };
   const showShellLine = !(effectivelyDone && !expanded);
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: "lax-workflow-subworkflow",
@@ -4884,7 +5072,7 @@ function WorkflowSubworkflowContainer({
 }
 
 // src/view/workflow/WorkflowChrome.tsx
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function collectChildContainers(containersById, parentId) {
   return Object.values(containersById).filter((node) => node.parent_container_id === parentId).sort((a, b) => a.scope_key.localeCompare(b.scope_key));
 }
@@ -4967,7 +5155,7 @@ function renderContainerChildren(parentId, containerTree, loopTreesBySessionId,
   const children = collectChildContainers(containerTree.containersById, parentId);
   const items = children.filter((node) => node.scope === "item");
   const rest = children.filter((node) => node.scope !== "item");
-  return /* @__PURE__ */ jsxs11(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs12(Fragment3, { children: [
     renderItemSiblings(items, parentId, depth, containerTree, loopTreesBySessionId, viewProps),
     rest.map(
       (node) => renderContainerNode(node, containerTree, loopTreesBySessionId, viewProps, depth, ancestorVisited)
@@ -5006,7 +5194,7 @@ function renderContainerNode(node, containerTree, loopTreesBySessionId, viewProp
   }
   if (node.scope === "stage") {
     const suppressHostScopedLoop = stageHasSubworkflowChild(node.container_id, containerTree);
-    return /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs12(
       "div",
       {
         className: "lax-workflow-nested-block",
@@ -5027,7 +5215,7 @@ function renderContainerNode(node, containerTree, loopTreesBySessionId, viewProp
     );
   }
   if (node.scope === "aggregate" || node.scope === "branch") {
-    return /* @__PURE__ */ jsxs11("div", { className: "lax-workflow-container-children", children: [
+    return /* @__PURE__ */ jsxs12("div", { className: "lax-workflow-container-children", children: [
       renderLeafContainer(node, depth, containerTree, loopTreesBySessionId, viewProps),
       hasNested ? nested : null
     ] }, node.container_id);
@@ -5068,11 +5256,11 @@ function WorkflowStageListPanel({
     scale.completedStagePageSize,
     partition.totalDoneCount - partition.visibleDoneCount
   );
-  return /* @__PURE__ */ jsxs11(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs12(Fragment3, { children: [
     /* @__PURE__ */ jsx15("ol", { className: "lax-workflow-stage-list", "data-testid": "lax-workflow-stage-list", children: partition.visible.map(
       (node) => renderWorkflowStageRow(node, containerTree, loopTreesBySessionId, viewProps)
     ) }),
-    partition.hiddenCount > 0 ? /* @__PURE__ */ jsxs11(
+    partition.hiddenCount > 0 ? /* @__PURE__ */ jsxs12(
       "button",
       {
         type: "button",
@@ -5098,7 +5286,7 @@ function WorkflowStageListPanel({
         children: "Show fewer completed stages"
       }
     ) : null,
-    partition.hiddenCount > 0 ? /* @__PURE__ */ jsxs11(
+    partition.hiddenCount > 0 ? /* @__PURE__ */ jsxs12(
       "p",
       {
         className: "lax-workflow-stage-list__hidden-hint",
@@ -5123,7 +5311,7 @@ function renderWorkflowChildren(workflowNode, containerTree, loopTreesBySessionI
   const other = children.filter(
     (node) => node.scope !== "stage" && node.scope !== "item"
   );
-  return /* @__PURE__ */ jsxs11(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs12(Fragment3, { children: [
     stages.length > 0 ? /* @__PURE__ */ jsx15(
       WorkflowStageListPanel,
       {
@@ -5177,7 +5365,7 @@ function WorkflowChrome({
 
 // src/view/workflow/WorkflowGlobalSpinner.tsx
 import { useStore as useStore5 } from "zustand";
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function WorkflowGlobalSpinner() {
   const store = useWorkflowSessionStoreApi();
   const show = useStore5(store, (s) => shouldShowGlobalSpinner(s.state));
@@ -5188,7 +5376,7 @@ function WorkflowGlobalSpinner() {
       className: "lax-workflow-global-spinner lax-spinner-container",
       "data-testid": "lax-workflow-global-spinner",
       role: "status",
-      children: /* @__PURE__ */ jsxs12("span", { className: "lax-spinner lax-workflow-global-spinner__inner", children: [
+      children: /* @__PURE__ */ jsxs13("span", { className: "lax-spinner lax-workflow-global-spinner__inner", children: [
         /* @__PURE__ */ jsx16("span", { className: "lax-spinner-frame", children: "\u280B" }),
         /* @__PURE__ */ jsx16("span", { className: "lax-spinner-verb lax-spinner-verb--shimmer", children: "Workflow" })
       ] })
@@ -5197,7 +5385,7 @@ function WorkflowGlobalSpinner() {
 }
 
 // src/view/workflow/WorkflowSessionBanners.tsx
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function WorkflowSessionBanners({ state }) {
   const banner = resolveWorkflowBanner(state);
   const { display } = state;
@@ -5205,7 +5393,7 @@ function WorkflowSessionBanners({ state }) {
     return null;
   }
   const showTransportError = (display.projectionStatus === "error" || state.internalErrors.length > 0) && banner.kind !== "projection_degraded" && banner.kind !== "authority_error";
-  return /* @__PURE__ */ jsxs13(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs14(Fragment4, { children: [
     banner.kind === "authority_error" ? /* @__PURE__ */ jsx17(
       "div",
       {
@@ -5224,6 +5412,15 @@ function WorkflowSessionBanners({ state }) {
         children: banner.message
       }
     ) : null,
+    banner.kind === "loop_display_truncated" ? /* @__PURE__ */ jsx17(
+      "div",
+      {
+        className: "lax-workflow-banner lax-workflow-banner--loop-truncated",
+        "data-testid": "lax-workflow-loop-truncated-banner",
+        role: "status",
+        children: banner.message
+      }
+    ) : null,
     banner.kind === "snapshot_unavailable" ? /* @__PURE__ */ jsx17(
       "div",
       {
@@ -5242,7 +5439,7 @@ function WorkflowSessionBanners({ state }) {
         children: banner.message
       }
     ) : null,
-    banner.kind === "forced_closeout" || display.projectionStatus === "done_with_warning" ? /* @__PURE__ */ jsxs13(
+    banner.kind === "forced_closeout" || display.projectionStatus === "done_with_warning" ? /* @__PURE__ */ jsxs14(
       "div",
       {
         className: "lax-workflow-closeout-warning",
@@ -5250,7 +5447,7 @@ function WorkflowSessionBanners({ state }) {
         role: "status",
         children: [
           /* @__PURE__ */ jsx17("strong", { children: "Workflow forced closeout" }),
-          /* @__PURE__ */ jsxs13("span", { children: [
+          /* @__PURE__ */ jsxs14("span", { children: [
             " ",
             "\u2014 stream ended with unresolved child scopes; not a healthy completion."
           ] }),
@@ -5361,9 +5558,9 @@ function loopSessionDisplayLabel(loopSessionId) {
 }
 
 // src/view/workflow/WorkflowTaskListFooter.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function MessageResponse({ children }) {
-  return /* @__PURE__ */ jsxs14("div", { className: "lax-message-response", children: [
+  return /* @__PURE__ */ jsxs15("div", { className: "lax-message-response", children: [
     /* @__PURE__ */ jsx18("span", { className: "lax-message-response__marker", children: "\u23BF " }),
     /* @__PURE__ */ jsx18("span", { className: "lax-message-response__content", children })
   ] });
@@ -5379,8 +5576,8 @@ function WorkflowTaskListFooter() {
   }
   const label = formatWorkflowTaskFooterLabel(state);
   const groups = groupWorkflowTasksByLoop(footerState.tasks);
-  return /* @__PURE__ */ jsxs14("div", { className: "lax-workflow-task-list-footer", "data-testid": "lax-workflow-task-list-footer", children: [
-    /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15("div", { className: "lax-workflow-task-list-footer", "data-testid": "lax-workflow-task-list-footer", children: [
+    /* @__PURE__ */ jsxs15(
       "button",
       {
         type: "button",
@@ -5394,7 +5591,7 @@ function WorkflowTaskListFooter() {
         ]
       }
     ),
-    expanded ? /* @__PURE__ */ jsx18(MessageResponse, { children: /* @__PURE__ */ jsx18("div", { className: "lax-workflow-task-list-groups", children: groups.map((group) => /* @__PURE__ */ jsxs14(
+    expanded ? /* @__PURE__ */ jsx18(MessageResponse, { children: /* @__PURE__ */ jsx18("div", { className: "lax-workflow-task-list-groups", children: groups.map((group) => /* @__PURE__ */ jsxs15(
       "div",
       {
         className: "lax-workflow-task-list-group",
@@ -5411,7 +5608,7 @@ function WorkflowTaskListFooter() {
 
 // src/view/workflow/WorkflowSession.tsx
 import { useStore as useStore7 } from "zustand";
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function WorkflowSession({
   source,
   authoritySource,
@@ -5535,7 +5732,7 @@ function WorkflowSession({
       streamAbortRef.current?.abort();
     }
   }, [authorityStatus]);
-  return /* @__PURE__ */ jsx19(WorkflowSessionStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsx19(WorkflowScaleContext.Provider, { value: scaleOptions, children: /* @__PURE__ */ jsx19(InteractionBusContext.Provider, { value: busRef, children: /* @__PURE__ */ jsx19(NodeRegistryContext.Provider, { value: registryRef, children: /* @__PURE__ */ jsx19(MarkdownRendererContext.Provider, { value: markdownRenderer, children: /* @__PURE__ */ jsx19(ToolDisplayOptionsContext.Provider, { value: toolDisplayRef, children: /* @__PURE__ */ jsx19(SessionViewOptionsContext.Provider, { value: sessionViewRef, children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx19(WorkflowSessionStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsx19(WorkflowScaleContext.Provider, { value: scaleOptions, children: /* @__PURE__ */ jsx19(InteractionBusContext.Provider, { value: busRef, children: /* @__PURE__ */ jsx19(NodeRegistryContext.Provider, { value: registryRef, children: /* @__PURE__ */ jsx19(MarkdownRendererContext.Provider, { value: markdownRenderer, children: /* @__PURE__ */ jsx19(ToolDisplayOptionsContext.Provider, { value: toolDisplayRef, children: /* @__PURE__ */ jsx19(SessionViewOptionsContext.Provider, { value: sessionViewRef, children: /* @__PURE__ */ jsxs16(
     "div",
     {
       className: "lax-agent-session lax-workflow-session",
@@ -5772,14 +5969,14 @@ function buildTimelineEntries(rootIds, byId, options = {}) {
 }
 
 // src/view/nodes/SubAgentNode.tsx
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function SubAgentBlock({ nodeId }) {
   const node = useNodeTyped(nodeId, "subagent");
   const childIds = useChildren(nodeId);
   const registry = useNodeRegistry();
   if (!node) return null;
-  return /* @__PURE__ */ jsxs16("div", { className: "lax-subagent-block", "data-status": node.status, children: [
-    /* @__PURE__ */ jsxs16("div", { className: "lax-subagent-block__header", children: [
+  return /* @__PURE__ */ jsxs17("div", { className: "lax-subagent-block", "data-status": node.status, children: [
+    /* @__PURE__ */ jsxs17("div", { className: "lax-subagent-block__header", children: [
       "SubAgent: ",
       node.subagentId
     ] }),