langchain_agentx_stream_ui 0.1.3 → 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）
  *
@@ -1068,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_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, configureMermaid, configurePlantumlServer, createAgentxSseSource, createDefaultRegistry, createEmptyWorkflowSessionState, createMockSource, createReplaySource, createWorkflowSessionStore, entryKey, filterAgentLoopReplayEvents, 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 };
+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,
@@ -3464,6 +3468,8 @@ export {
   DEFAULT_VIRTUALIZE_THRESHOLD,
   DEFAULT_WORKFLOW_SCALE_OPTIONS,
   DefaultToolBody,
+  DiagramZoomShell,
+  DiagramZoomView,
   DiffView,
   EXPECTED_PROTOCOL_VERSION,
   Edit,
@@ -3536,6 +3542,7 @@ export {
   buildTimelineEntries,
   classifyEvent,
   commandAsHint,
+  computeViewportFitTransform,
   configureMermaid,
   configurePlantumlServer,
   createActiveSessionBridge,
@@ -3554,6 +3561,7 @@ export {
   displayPath,
   entryKey,
   filterAgentLoopReplayEvents,
+  fixDiagramSvg,
   formatAgentTitle,
   formatDiffFromStrings,
   formatExploreSummaryText,