langchain_agentx_stream_ui 0.1.2 → 0.1.8

package/dist/index.d.ts

@@ -1,18 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode } from 'react';
-import { q as Source, L as LangchainAgentEvent, N as NodeRegistry, v as TierOverrides, I as InteractionBus, M as MarkdownRenderer, p as SessionTree, l as SessionStatus, R as ReducerError, r as SourceEventContext, T as Task, t as TaskPhase, E as EventTier } from './multi-session-DAHwfTNb.js';
-export { C as CommonFields, D as DEFAULT_EVENT_TIERS, a as EventType, b as InteractionBusHandlers, c as MarkdownRendererProps, d as MultiAgentSession, e as MultiAgentSessionProps, f as MultiSessionSourceConfig, g as MultiSessionStore, h as MultiSessionStoreOptions, i as MultiSessionStoreState, j as NodeWidget, k as NodeWidgetProps, P as PermissionResolvePayload, S as SessionSlice, m as SessionStore, n as SessionStoreOptions, o as SessionStoreState, s as SourceHandler, u as TaskStatus, w as createActiveSessionBridge, x as createEmptyTree, y as createInteractionBus, z as createMultiSessionStore, A as createSessionStore, B as getNoopInteractionBus, F as useActiveSession, G as useSessionIds } from './multi-session-DAHwfTNb.js';
-import { T as ToolDisplayRegistry, P as PermissionUiMode, b as DisplayMode, c as ProjectionContext, R as RenderableEntry, C as CanonicalNodeRef } from './sessionViewOptions-DLSFRQwZ.js';
-export { a as CollapsedExplorePayload, D as DEFAULT_SESSION_VIEW_OPTIONS, S as SessionViewOptions, d as ToolUseSnapshot, e as buildProjectionContext, f as buildProjectionViewContext, g as createDefaultToolRegistry, h as createProjectionContext, r as resolveEffectiveToolBodyMode, s as shouldApplyGrouping, i as shouldShowExploreDetail } from './sessionViewOptions-DLSFRQwZ.js';
-import { a as ToolBodyMode } from './types-aXj5TYSP.js';
-export { T as ToolBodyComponent, b as ToolDisplayProps } from './types-aXj5TYSP.js';
+import { ReactNode, PointerEventHandler } from 'react';
+import { q as Source, L as LangchainAgentEvent, N as NodeRegistry, v as TierOverrides, I as InteractionBus, M as MarkdownRenderer, p as SessionTree, l as SessionStatus, R as ReducerError, r as SourceEventContext, T as Task, t as TaskPhase, E as EventTier } from './multi-session-Dxyo3y7w.js';
+export { C as CommonFields, D as DEFAULT_EVENT_TIERS, a as EventType, b as InteractionBusHandlers, c as MarkdownRendererProps, d as MultiAgentSession, e as MultiAgentSessionProps, f as MultiSessionSourceConfig, g as MultiSessionStore, h as MultiSessionStoreOptions, i as MultiSessionStoreState, j as NodeWidget, k as NodeWidgetProps, P as PermissionResolvePayload, S as SessionSlice, m as SessionStore, n as SessionStoreOptions, o as SessionStoreState, s as SourceHandler, u as TaskStatus, w as createActiveSessionBridge, x as createEmptyTree, y as createInteractionBus, z as createMultiSessionStore, A as createSessionStore, B as getNoopInteractionBus, F as useActiveSession, G as useSessionIds } from './multi-session-Dxyo3y7w.js';
+import { T as ToolDisplayRegistry, P as PermissionUiMode, b as DisplayMode, c as ProjectionContext, R as RenderableEntry, C as CanonicalNodeRef } from './sessionViewOptions-WM00Fpcn.js';
+export { a as CollapsedExplorePayload, D as DEFAULT_SESSION_VIEW_OPTIONS, S as SessionViewOptions, d as ToolUseSnapshot, e as buildProjectionContext, f as buildProjectionViewContext, g as createDefaultToolRegistry, h as createProjectionContext, r as resolveEffectiveToolBodyMode, s as shouldApplyGrouping, i as shouldShowExploreDetail } from './sessionViewOptions-WM00Fpcn.js';
+import { a as ToolBodyMode } from './types-BEXSHQG7.js';
+export { T as ToolBodyComponent, b as ToolDisplayProps } from './types-BEXSHQG7.js';
 import { StoreApi } from 'zustand/vanilla';
 export { DEFAULT_ESTIMATE_SIZE, DEFAULT_VIRTUALIZE_THRESHOLD, SessionTimeline, SessionTimelineProps, VirtualTimeline, VirtualTimelineProps } from './virtual.js';
-export { A as AgentToolBody, a as AskUserQuestionToolBody, B as BashToolBody, D as DefaultToolBody, E as EditToolBody, G as GlobToolBody, b as GrepToolBody, R as ReadToolBody, S as SkillToolBody, W as WebFetchToolBody, c as WebSearchToolBody, d as WriteToolBody, f as formatToolTitle, r as resolveToolBody } from './AskUserQuestionToolBody-CyuNy_k5.js';
-import { S as SessionNode, a as SessionNodeKind } from './nodes-DqhaBW7M.js';
-export { E as ErrorNode, N as NodeDetail, P as PermissionNode, R as ReasoningNode, b as StepDetail, c as StepNode, d as SubAgentNode, T as TextNode, g as ToolCallNode, U as UnknownNode } from './nodes-DqhaBW7M.js';
-export { B as BodyBlock, a as BodyBlockList, D as DiffView, M as MAX_PREVIEW_LINES, b as MarkdownBlock, T as TruncatedContent, c as buildBashBodyBlocks, d as displayPath, f as formatDiffFromStrings, e as formatPatternTitle, g as formatSearchResultBody, h as formatTimeoutFooter, p as parseDiffText, t as truncateCommand } from './MarkdownBlock-3iEW0Ubm.js';
+export { A as AgentToolBody, a as AskUserQuestionToolBody, B as BashToolBody, D as DefaultToolBody, E as EditToolBody, G as GlobToolBody, b as GrepToolBody, R as ReadToolBody, S as SkillToolBody, W as WebFetchToolBody, c as WebSearchToolBody, d as WriteToolBody, f as formatToolTitle, r as resolveToolBody } from './AskUserQuestionToolBody-BG1StdvE.js';
+import { S as SessionNode, a as SessionNodeKind } from './nodes-BcyPw6Fr.js';
+export { E as ErrorNode, N as NodeDetail, P as PermissionNode, R as ReasoningNode, b as StepDetail, c as StepNode, d as SubAgentNode, T as TextNode, h as ToolCallNode, U as UnknownNode } from './nodes-BcyPw6Fr.js';
+export { B as BodyBlock, a as BodyBlockList, D as DiffView, M as MAX_PREVIEW_LINES, b as MarkdownBlock, T as TruncatedContent, c as buildBashBodyBlocks, d as displayPath, f as formatDiffFromStrings, e as formatPatternTitle, g as formatSearchResultBody, h as formatTimeoutFooter, p as parseDiffText, t as truncateCommand } from './MarkdownBlock-CcXZ5nTm.js';
 
 interface AgentSessionProps {
     source: Source;
@@ -775,24 +775,25 @@ declare function formatAgentTitle(input: unknown, display: unknown): string;
 interface RichMarkdownProps {
     content: string;
     className?: string;
+    /** 流式未稳定后缀：diagram fence 暂以源码展示 */
+    deferDiagrams?: boolean;
 }
 /** Web 向富 Markdown（TextNode S1）；含 Mermaid、GFM、代码高亮。 */
-declare function RichMarkdown({ content, className }: RichMarkdownProps): react_jsx_runtime.JSX.Element | null;
+declare function RichMarkdown({ content, className, deferDiagrams, }: RichMarkdownProps): react_jsx_runtime.JSX.Element | null;
 
 interface MermaidDiagramProps {
     chart: string;
     className?: string;
-    /** 画布内 svg-pan-zoom */
-    zoomingEnabled?: boolean;
-    /** 工具栏全屏与点击放大 */
     fullscreenEnabled?: boolean;
 }
-declare function MermaidDiagram({ chart, className, zoomingEnabled, fullscreenEnabled, }: MermaidDiagramProps): react_jsx_runtime.JSX.Element;
+declare function MermaidDiagram({ chart, className, fullscreenEnabled, }: MermaidDiagramProps): react_jsx_runtime.JSX.Element;
 
 type MermaidThemeName = 'neutral' | 'default' | 'dark' | 'forest' | 'base';
 interface MermaidInitOptions {
     theme?: MermaidThemeName;
     maxTextSize?: number;
+    /** 仅 `theme: 'base'` 时生效；默认使用 MERMAID_LIGHT_THEME_VARIABLES */
+    themeVariables?: Record<string, string | number | boolean>;
 }
 
 /** 覆盖默认 mermaid 初始化（需在首次 render 前调用） */
@@ -808,10 +809,8 @@ declare function PlantUMLBlock({ content, className }: PlantUMLBlockProps): reac
 interface PlantUMLDiagramProps {
     content: string;
     className?: string;
-    /** Kroki 或兼容渲染服务根 URL */
     serverUrl?: string;
     fullscreenEnabled?: boolean;
-    /** 仅源码高亮，不请求渲染 */
     sourceOnly?: boolean;
 }
 declare function PlantUMLDiagram({ content, className, serverUrl, fullscreenEnabled, sourceOnly, }: PlantUMLDiagramProps): react_jsx_runtime.JSX.Element;
@@ -819,6 +818,53 @@ declare function PlantUMLDiagram({ content, className, serverUrl, fullscreenEnab
 /** 配置 PlantUML 渲染服务（默认 Kroki：https://kroki.io） */
 declare function configurePlantumlServer(url: string): void;
 
+interface DiagramZoomViewProps {
+    fixedSvg: string;
+    contentHash: string;
+    title: string;
+    fullscreenEnabled?: boolean;
+    className?: string;
+}
+declare function DiagramZoomView({ fixedSvg, contentHash, title, fullscreenEnabled, className, }: DiagramZoomViewProps): react_jsx_runtime.JSX.Element;
+
+/** natural：内嵌自然高度；fill：全屏/固定视口 fit */
+type DiagramFitLayout = 'natural' | 'fill';
+interface ViewportFitTransform {
+    x: number;
+    y: number;
+    scale: number;
+}
+interface ViewportFitOptions {
+    layout?: DiagramFitLayout;
+    padding?: number;
+    /** fill 模式：小图放大上限；natural 固定为 1 */
+    maxScale?: number;
+}
+/**
+ * natural：CSS max-width:100% 适配框宽，rzpp 恒等变换
+ * fill：等比缩放进容器并居中
+ */
+declare function computeViewportFitTransform(container: HTMLElement, svg: SVGSVGElement, options?: ViewportFitOptions): ViewportFitTransform;
+
+interface DiagramZoomShellProps {
+    fixedSvg: string;
+    contentHash: string;
+    className?: string;
+    layout?: DiagramFitLayout;
+    viewportPointerHandlers?: {
+        onPointerDown?: PointerEventHandler<HTMLDivElement>;
+        onPointerMove?: PointerEventHandler<HTMLDivElement>;
+        onPointerUp?: PointerEventHandler<HTMLDivElement>;
+        onPointerCancel?: PointerEventHandler<HTMLDivElement>;
+    };
+    toolbarExtra?: ReactNode;
+}
+/** react-zoom-pan-pinch@3.6.1 — 内嵌 natural / 全屏 fill */
+declare function DiagramZoomShell({ fixedSvg, contentHash, className, layout, viewportPointerHandlers, toolbarExtra, }: DiagramZoomShellProps): react_jsx_runtime.JSX.Element;
+
+/** Mermaid / PlantUML：禁用 SVG 命中，并规范化百分比宽高（避免 fit 把 100% 当成 100px） */
+declare function fixDiagramSvg(svg: string): string;
+
 /**
  * toolNames.ts — CC PascalCase 工具名 SSOT（对齐 SDK registry_names.py）
  *
@@ -1024,20 +1070,21 @@ declare function reduceWorkflowSession(state: WorkflowSessionState, event: Langc
 /** 从空状态回放 workflow 事件序列。 */
 declare function reduceWorkflowEvents(events: LangchainAgentEvent[], options?: ReduceOptions): WorkflowSessionState;
 
-/**
- * workflowStructureEvents.ts — Workflow 结构事件类型守卫
- *
- * 职责：
- *     区分 workflow 编排结构 event_type 与 agent loop 事件。
- *
- * 链路位置：
- *     workflowReducer 路由 · Source application_kind 守卫（并行契约）。
- *
- * 当前裁剪范围：
- *     与 backend WORKFLOW_STRUCTURE_EVENT_TYPES 对齐；不进 tier-1 白名单。
- */
+/** 与 backend/langchain_agentx_stream_ui_backend/task_sync/multi_sse_bridge.py 对齐 */
+declare const WORKFLOW_STRUCTURE_EVENT_PREFIXES: readonly string[];
+/** 显式 SSOT（文档/契约测试）；新增结构类型应同时满足前缀规则或补入此集合 */
 declare const WORKFLOW_STRUCTURE_EVENT_TYPES: ReadonlySet<string>;
 declare function isWorkflowStructureEventType(eventType: string): boolean;
+/** agent loop hydrate/replay 允许进入 reduceTree 的事件（正文 + state/debug tier） */
+declare function isAgentLoopReplayEventType(eventType: string): boolean;
+/**
+ * hydrateLoopSession / 宿主 replay：
+ * 1. 白名单：只保留 reduceTree 已知 event_type
+ * 2. 结构前缀/集合：双重排除 workflow 编排帧（含 session_id 误绑的 dual emission）
+ */
+declare function filterAgentLoopReplayEvents<T extends {
+    event_type: string;
+}>(events: T[]): T[];
 
 /**
  * 职责：事件分级类型（V2-A classify 层公共契约）。
@@ -1067,4 +1114,4 @@ interface ClassifyContext {
 declare function resolveEventTier(eventType: string, overrides?: TierOverrides): EventTier;
 declare function classifyEvent(event: LangchainAgentEvent, ctx: ClassifyContext, overrides?: TierOverrides, eventIndex?: number): ClassifiedEvent;
 
-export { Agent, AgentLoopView, type AgentLoopViewProps, AgentSession, type AgentSessionProps, type AgentxMetaFrame, type AgentxSseSourceOptions, type ApplicationKind, ApplicationKindMismatchError, AskUserQuestion, Bash, CanonicalNodeRef, type ClassifiedEvent, type ClassifyContext, CollapseKind, CollapsedExploreNode, type CollapsedExploreNodeProps, DEFAULT_WORKFLOW_SCALE_OPTIONS, DisplayMode, EXPECTED_PROTOCOL_VERSION, Edit, ErrorCard, EventTier, ExploreCollapseAccumulator, GROUPABLE_TOOL_NAMES, Glob, Grep, GroupedToolUseAccumulator, InteractionBus, LangchainAgentEvent, MIN_HINT_DISPLAY_MS, MarkdownRenderer, MermaidDiagram, type MermaidDiagramProps, type MermaidInitOptions, type MermaidThemeName, MissingApplicationKindError, NodeRegistry, PermissionCard, PermissionUiMode, PlantUMLBlock, type PlantUMLBlockProps, PlantUMLDiagram, type PlantUMLDiagramProps, type ProjectedTimelineItem, ProjectionContext, DisplayMode as ProjectionDisplayMode, Read, ReasoningBubble, type ReduceOptions, ReducerError, RenderableEntry, RenderableTimelineProjector, type ReplayOptions, type ReplaySourceOptions, RichMarkdown, type RichMarkdownProps, SHELL_PROGRESS_MIN_ELAPSED_SECONDS, SessionNode, SessionNodeKind, SessionStatus, SessionTree, Skill, Source, SourceEventContext, Spinner, type SpinnerProps, type SseTransportFailureKind, SseTransportTerminalError, StepCard, SubAgentBlock, SystemSummaryAccumulator, SystemSummaryNode, Task, TaskList, TaskListFooter, TextBubble, TierOverrides, Timeline, TimelineItem, ToolBodyMode, ToolCallCard, ToolDisplayRegistry, ToolProjectionClassifier, UnknownCard, WORKFLOW_STRUCTURE_EVENT_TYPES, WebFetch, WebSearch, WorkflowChrome, type WorkflowChromeProps, type WorkflowLoopReplayHandler, WorkflowLoopReplayProvider, type WorkflowProgressState, WorkflowScaleContext, type WorkflowScaleOptions, type WorkflowScopeFrame, WorkflowSession, type WorkflowSessionProps, type WorkflowSessionState, type WorkflowSessionStore, type WorkflowSessionStoreOptions, type WorkflowSessionStoreState, type WorkflowStageProgress, WorkflowTaskListFooter, Write, buildCanonicalFromTree, buildRelevantMemoriesCanonical, buildResumeStreamUrl, buildSystemEventCanonical, buildTimelineEntries, classifyEvent, commandAsHint, configureMermaid, configurePlantumlServer, createAgentxSseSource, createDefaultRegistry, createEmptyWorkflowSessionState, createMockSource, createReplaySource, createWorkflowSessionStore, entryKey, formatAgentTitle, formatExploreSummaryText, formatHookFinishedSummary, formatShellProgressSuffix, formatTaskFooterLabel, getChildIds, getMainStageIds, isGitOperationCommand, isGroupableToolName, isMcpToolName, isWorkflowStructureEventType, iterMountCandidates, partitionWorkflowStages, projectCanonical, projectTimeline, reduceAgentLoopEvent, reduceEvents, reduceTree, reduceWorkflowEvents, reduceWorkflowSession, replayEvents, replayTree, resolveEventTier, resolveResponseId, resolveShellProgressFromPayload, shouldShowTaskListFooter, streamChunk, useChildren, useInteractionBus, useInternalErrors, useMinDisplayTime, useNode, useNodeTyped, useProjectedTimeline, useReplayTree, useSessionMeta, useSessionStatus, useTimeline, useWorkflowSessionStatus, useWorkflowSessionStoreApi };
+export { Agent, AgentLoopView, type AgentLoopViewProps, AgentSession, type AgentSessionProps, type AgentxMetaFrame, type AgentxSseSourceOptions, type ApplicationKind, ApplicationKindMismatchError, AskUserQuestion, Bash, CanonicalNodeRef, type ClassifiedEvent, type ClassifyContext, CollapseKind, CollapsedExploreNode, type CollapsedExploreNodeProps, DEFAULT_WORKFLOW_SCALE_OPTIONS, type DiagramFitLayout, DiagramZoomShell, type DiagramZoomShellProps, DiagramZoomView, type DiagramZoomViewProps, DisplayMode, EXPECTED_PROTOCOL_VERSION, Edit, ErrorCard, EventTier, ExploreCollapseAccumulator, GROUPABLE_TOOL_NAMES, Glob, Grep, GroupedToolUseAccumulator, InteractionBus, LangchainAgentEvent, MIN_HINT_DISPLAY_MS, MarkdownRenderer, MermaidDiagram, type MermaidDiagramProps, type MermaidInitOptions, type MermaidThemeName, MissingApplicationKindError, NodeRegistry, PermissionCard, PermissionUiMode, PlantUMLBlock, type PlantUMLBlockProps, PlantUMLDiagram, type PlantUMLDiagramProps, type ProjectedTimelineItem, ProjectionContext, DisplayMode as ProjectionDisplayMode, Read, ReasoningBubble, type ReduceOptions, ReducerError, RenderableEntry, RenderableTimelineProjector, type ReplayOptions, type ReplaySourceOptions, RichMarkdown, type RichMarkdownProps, SHELL_PROGRESS_MIN_ELAPSED_SECONDS, SessionNode, SessionNodeKind, SessionStatus, SessionTree, Skill, Source, SourceEventContext, Spinner, type SpinnerProps, type SseTransportFailureKind, SseTransportTerminalError, StepCard, SubAgentBlock, SystemSummaryAccumulator, SystemSummaryNode, Task, TaskList, TaskListFooter, TextBubble, TierOverrides, Timeline, TimelineItem, ToolBodyMode, ToolCallCard, ToolDisplayRegistry, ToolProjectionClassifier, UnknownCard, WORKFLOW_STRUCTURE_EVENT_PREFIXES, WORKFLOW_STRUCTURE_EVENT_TYPES, WebFetch, WebSearch, WorkflowChrome, type WorkflowChromeProps, type WorkflowLoopReplayHandler, WorkflowLoopReplayProvider, type WorkflowProgressState, WorkflowScaleContext, type WorkflowScaleOptions, type WorkflowScopeFrame, WorkflowSession, type WorkflowSessionProps, type WorkflowSessionState, type WorkflowSessionStore, type WorkflowSessionStoreOptions, type WorkflowSessionStoreState, type WorkflowStageProgress, WorkflowTaskListFooter, Write, buildCanonicalFromTree, buildRelevantMemoriesCanonical, buildResumeStreamUrl, buildSystemEventCanonical, buildTimelineEntries, classifyEvent, commandAsHint, computeViewportFitTransform, configureMermaid, configurePlantumlServer, createAgentxSseSource, createDefaultRegistry, createEmptyWorkflowSessionState, createMockSource, createReplaySource, createWorkflowSessionStore, entryKey, filterAgentLoopReplayEvents, fixDiagramSvg, formatAgentTitle, formatExploreSummaryText, formatHookFinishedSummary, formatShellProgressSuffix, formatTaskFooterLabel, getChildIds, getMainStageIds, isAgentLoopReplayEventType, isGitOperationCommand, isGroupableToolName, isMcpToolName, isWorkflowStructureEventType, iterMountCandidates, partitionWorkflowStages, projectCanonical, projectTimeline, reduceAgentLoopEvent, reduceEvents, reduceTree, reduceWorkflowEvents, reduceWorkflowSession, replayEvents, replayTree, resolveEventTier, resolveResponseId, resolveShellProgressFromPayload, shouldShowTaskListFooter, streamChunk, useChildren, useInteractionBus, useInternalErrors, useMinDisplayTime, useNode, useNodeTyped, useProjectedTimeline, useReplayTree, useSessionMeta, useSessionStatus, useTimeline, useWorkflowSessionStatus, useWorkflowSessionStoreApi };

package/dist/index.js

@@ -1,4 +1,6 @@
 import {
+  DiagramZoomShell,
+  DiagramZoomView,
   ErrorCard,
   MermaidDiagram,
   MultiAgentSession,
@@ -12,14 +14,16 @@ import {
   TextBubble,
   ToolCallCard,
   UnknownCard,
+  computeViewportFitTransform,
   configureMermaid,
   configurePlantumlServer,
   createActiveSessionBridge,
   createDefaultRegistry,
   createMultiSessionStore,
+  fixDiagramSvg,
   markEventIdSeen,
   shouldSkipDuplicateEvent
-} from "./chunk-A4W6B7C3.js";
+} from "./chunk-WPW3TQQF.js";
 import {
   DefaultToolBody,
   InteractionBusContext,
@@ -28,7 +32,7 @@ import {
   getNoopInteractionBus,
   resolveToolBody,
   useInteractionBus
-} from "./chunk-WM6Y6APP.js";
+} from "./chunk-6DYISADG.js";
 import "./chunk-DP7V33X7.js";
 import {
   CollapseKind,
@@ -107,7 +111,7 @@ import {
   useSessionStatus,
   useSessionViewOptions,
   useTimeline
-} from "./chunk-3B4WC67E.js";
+} from "./chunk-LBJFJF22.js";
 import {
   Agent,
   AgentToolBody,
@@ -134,7 +138,7 @@ import {
   WriteToolBody,
   createDefaultToolRegistry,
   formatAgentTitle
-} from "./chunk-MHK53ZHC.js";
+} from "./chunk-7CLAU74Y.js";
 import {
   BodyBlockList,
   DiffView,
@@ -1249,6 +1253,13 @@ function loopTaskScopeForStructureOpen(eventType) {
 }
 
 // src/core/workflowStructureEvents.ts
+var WORKFLOW_STRUCTURE_EVENT_PREFIXES = [
+  "workflow-",
+  "stage-",
+  "parallel-",
+  "route-",
+  "subworkflow-"
+];
 var WORKFLOW_STRUCTURE_EVENT_TYPES = /* @__PURE__ */ new Set([
   "workflow-start",
   "workflow-end",
@@ -1268,8 +1279,20 @@ var WORKFLOW_STRUCTURE_EVENT_TYPES = /* @__PURE__ */ new Set([
   "route-branch-done",
   "route-branch-failed"
 ]);
+var AGENT_LOOP_REPLAY_EVENT_TYPES = new Set(
+  Object.keys(DEFAULT_EVENT_TIERS)
+);
 function isWorkflowStructureEventType(eventType) {
-  return WORKFLOW_STRUCTURE_EVENT_TYPES.has(eventType);
+  if (WORKFLOW_STRUCTURE_EVENT_TYPES.has(eventType)) return true;
+  return WORKFLOW_STRUCTURE_EVENT_PREFIXES.some((prefix) => eventType.startsWith(prefix));
+}
+function isAgentLoopReplayEventType(eventType) {
+  return AGENT_LOOP_REPLAY_EVENT_TYPES.has(eventType);
+}
+function filterAgentLoopReplayEvents(events) {
+  return events.filter(
+    (event) => isAgentLoopReplayEventType(event.event_type) && !isWorkflowStructureEventType(event.event_type)
+  );
 }
 
 // src/core/workflowReducer.ts
@@ -1421,16 +1444,17 @@ function findContainerByLoopSession(tree, loopSessionId) {
   return null;
 }
 var WORKFLOW_DEFAULT_LOOP_SESSION_ID = "workflow-loop-default";
-function resolveAgentLoopSessionId(event) {
+function resolveAgentLoopSessionId(event, activeLoopSessionId) {
   if (event.session_id) return event.session_id;
   if (isWorkflowStructureEventType(event.event_type)) return null;
   if (event.event_type === "task-list-snapshot") return null;
   const derived = deriveLoopSessionIdFromAgentEvent(event);
   if (derived) return derived;
+  if (activeLoopSessionId) return activeLoopSessionId;
   return WORKFLOW_DEFAULT_LOOP_SESSION_ID;
 }
-function bindLoopSessionToContainerTree(tree, event) {
-  const sessionId = resolveAgentLoopSessionId(event);
+function bindLoopSessionToContainerTree(tree, event, activeLoopSessionId) {
+  const sessionId = resolveAgentLoopSessionId(event, activeLoopSessionId);
   if (!sessionId) return tree;
   if (findContainerByLoopSession(tree, sessionId)) return tree;
   const data = event.data ?? {};
@@ -1536,8 +1560,12 @@ function reduceWorkflowSession(state, event, eventIndex, options) {
   if (isWorkflowStructureEventType(event.event_type)) {
     return applyStructureEvent(state, event);
   }
-  const loopSessionId = resolveAgentLoopSessionId(event) ?? WORKFLOW_DEFAULT_LOOP_SESSION_ID;
-  let containerTree = bindLoopSessionToContainerTree(state.containerTree, event);
+  const loopSessionId = resolveAgentLoopSessionId(event, state.activeLoopSessionId) ?? WORKFLOW_DEFAULT_LOOP_SESSION_ID;
+  let containerTree = bindLoopSessionToContainerTree(
+    state.containerTree,
+    event,
+    state.activeLoopSessionId
+  );
   containerTree = applyStructureToContainerTree(containerTree, event);
   let next = ensureLoopTree({ ...state, containerTree }, loopSessionId);
   const loopTree = next.loopTreesBySessionId[loopSessionId];
@@ -1812,7 +1840,7 @@ function createWorkflowSessionStore(initialState = createEmptyWorkflowSessionSta
       const { state, eventCount } = get();
       let tree = state.loopTreesBySessionId[loopSessionId] ?? createEmptyTree();
       let idx = eventCount;
-      for (const event of events) {
+      for (const event of filterAgentLoopReplayEvents(events)) {
         tree = reduceTree(tree, event, idx, reduceOpts);
         idx += 1;
       }
@@ -3440,6 +3468,8 @@ export {
   DEFAULT_VIRTUALIZE_THRESHOLD,
   DEFAULT_WORKFLOW_SCALE_OPTIONS,
   DefaultToolBody,
+  DiagramZoomShell,
+  DiagramZoomView,
   DiffView,
   EXPECTED_PROTOCOL_VERSION,
   Edit,
@@ -3489,6 +3519,7 @@ export {
   TruncatedContent,
   UnknownCard,
   VirtualTimeline,
+  WORKFLOW_STRUCTURE_EVENT_PREFIXES,
   WORKFLOW_STRUCTURE_EVENT_TYPES,
   WebFetch,
   WebFetchToolBody,
@@ -3511,6 +3542,7 @@ export {
   buildTimelineEntries,
   classifyEvent,
   commandAsHint,
+  computeViewportFitTransform,
   configureMermaid,
   configurePlantumlServer,
   createActiveSessionBridge,
@@ -3528,6 +3560,8 @@ export {
   createWorkflowSessionStore,
   displayPath,
   entryKey,
+  filterAgentLoopReplayEvents,
+  fixDiagramSvg,
   formatAgentTitle,
   formatDiffFromStrings,
   formatExploreSummaryText,
@@ -3541,6 +3575,7 @@ export {
   getChildIds,
   getMainStageIds,
   getNoopInteractionBus,
+  isAgentLoopReplayEventType,
   isGitOperationCommand,
   isGroupableToolName,
   isMcpToolName,