@wildo-ai/saas-frontend-lib 1.1.9 → 1.1.11

package/dist/esm/components/flows-actors/flows-actors-graph.lazy.d.ts

@@ -15,6 +15,11 @@
  * `@wildo-ai/saas-frontend-lib` root therefore carried the whole graph library in its ENTRY chunk,
  * whether or not it ever drew a flow diagram.
  *
+ * Since #2529 the module that draws with React Flow is `graph-viewer.tsx`, and `flow-execution.tsx` draws through it.
+ * `flow-node.tsx` is gone, and `actor.tsx` draws no graph any more (its graph mode drew edges the model does not hold),
+ * so the actor components left this door and are exported eagerly from the root: behind it, painting a role badge
+ * fetched the whole graph chunk.
+ *
  * The preset-side twin (`@wildo-ai/presets-components` → `components/ai-elements/graph/graph.lazy`)
  * had a SECOND reason: its `canvas.tsx` imports `@xyflow/react/dist/style.css`, which Node's ESM
  * loader cannot handle, so Node consumers of that package root died at module load. **That reason
@@ -24,8 +29,8 @@
  *
  * ## Why every door names the SAME specifier
  *
- * Rollup/Vite emit one async chunk per dynamically-imported MODULE. All twelve doors below
- * dynamically import `./flows-actors-graph-runtime` and nothing else, so the bundler sees exactly
+ * Rollup/Vite emit one async chunk per dynamically-imported MODULE. Every door below
+ * dynamically imports `./flows-actors-graph-runtime` and nothing else, so the bundler sees exactly
  * one dynamic target and emits exactly ONE async chunk holding `@xyflow/react`. Three per-leaf
  * split points would have produced either a duplicated library or an implicit shared chunk. See
  * `flows-actors-graph-runtime.ts` for the full rationale.
@@ -34,16 +39,11 @@
  *
  * Doors that occupy layout reserve it with a `Skeleton`, never collapsing to zero height — the one
  * door that realistically suspends is whichever the host renders FIRST, and a host composes these
- * from the outside in (`AI_FlowExecutionCanvas`, `AI_ActorTeam`) rather than mounting a node card
- * on its own.
- *
- * Two deliberate exceptions, by DOM validity rather than by omission:
+ * from the outside in (`AI_FlowExecutionCanvas`, `AI_GraphViewer`).
  *
- * - `AI_FlowEdgeActive` renders inside the canvas `<svg>`, where a `<div>` skeleton is invalid
- *   markup. It is only ever mounted as an `edgeTypes` entry of an already-resolved canvas, so the
- *   chunk is resident and its fallback is unreachable in practice — hence `null`.
- * - `AI_FlowExecutionTimelineItem` renders an `<li>` inside its parent's `<ol>`, so its skeleton is
- *   wrapped in an `<li>` rather than a bare `<div>`.
+ One deliberate exception, by DOM validity rather than by omission: `AI_FlowExecutionTimelineItem`
+ * renders an `<li>` inside its parent's `<ol>`, so its skeleton is wrapped in an `<li>` rather than a
+ * bare `<div>`.
  *
  * Everything except this wrapper (and tests) must import these components from HERE. A static
  * import of `./flows-actors-graph-runtime`, or of any leaf beneath it, from the eager graph
@@ -51,14 +51,22 @@
  * `pnpm check:lazy-boundaries`.
  *
  * `AI_FlowNodeStepBadge` / `AI_FlowNodeStatusBadge` are NOT here on purpose: they touch no
- * `@xyflow/react`, they are consumed by two eager modules that draw no graph, and they stay eager
- * in `./flow-node-badges`.
+ * `@xyflow/react`, they are consumed by eager modules that draw no graph, and they stay eager
+ * in `./flow-node-badges`. So are a flow's kind-to-look mappings (`./flow-step-visuals`).
+ *
+ * The flow node cards and the active-edge door (`AI_FlowNode`, `AI_FlowTriggerNode`, `AI_FlowFinishNode`,
+ * `AI_FlowEdgeActive`) were removed in #2529: the flow canvas draws through `AI_GraphViewer`, whose steps are the
+ * preset `AI_Node`, so the cards were a second node family and the edge a copy of the preset's animated edge.
  */
 import * as React from "react";
-import type { AI_ActorCardProps, AI_ActorExecutionModeBadgeProps, AI_ActorRoleBadgeProps, AI_ActorTeamProps } from "./actor";
-import type { AI_FlowEdgeActiveProps, AI_FlowExecutionCanvasProps, AI_FlowExecutionSummaryProps, AI_FlowExecutionTimelineItemProps, AI_FlowExecutionTimelineProps } from "./flow-execution";
-import type { AI_FlowFinishNodeProps, AI_FlowNodeProps, AI_FlowTriggerNodeProps } from "./flow-node";
-/** The flow graph surface. Reserves the canvas's own fixed height while the chunk loads. */
+import type { AI_FlowExecutionCanvasProps, AI_FlowExecutionSummaryProps, AI_FlowExecutionTimelineItemProps, AI_FlowExecutionTimelineProps } from "./flow-execution";
+import type { AI_GraphViewerProps } from "./graph-viewer";
+/**
+ * A process drawn read-only from a `GraphView` (#2529): a plan, a run, a flow, a choreography's rounds. Reserves the
+ * drawing's minimum height while the chunk loads.
+ */
+export declare const AI_GraphViewer: (props: AI_GraphViewerProps) => React.JSX.Element;
+/** The flow graph surface. Reserves the drawing's minimum height (the viewer's canvas is `min-h-80`) while the chunk loads. */
 export declare const AI_FlowExecutionCanvas: (props: AI_FlowExecutionCanvasProps) => React.JSX.Element;
 /** Status/progress strip above a flow canvas. */
 export declare const AI_FlowExecutionSummary: (props: AI_FlowExecutionSummaryProps) => React.JSX.Element;
@@ -66,29 +74,6 @@ export declare const AI_FlowExecutionSummary: (props: AI_FlowExecutionSummaryPro
 export declare const AI_FlowExecutionTimeline: (props: AI_FlowExecutionTimelineProps) => React.JSX.Element;
 /** One timeline row. Fallback is an `<li>` — a bare `<div>` would be invalid inside the `<ol>`. */
 export declare const AI_FlowExecutionTimelineItem: (props: AI_FlowExecutionTimelineItemProps) => React.JSX.Element;
-/** Animated edge for active execution paths. Renders inside the canvas `<svg>` — see the header. */
-export declare const AI_FlowEdgeActive: (props: AI_FlowEdgeActiveProps) => React.JSX.Element;
-/** Flow step card, with source/target handles. */
-export declare const AI_FlowNode: (props: AI_FlowNodeProps) => React.JSX.Element;
-/** Flow trigger card. */
-export declare const AI_FlowTriggerNode: (props: AI_FlowTriggerNodeProps) => React.JSX.Element;
-/** Flow finish card. */
-export declare const AI_FlowFinishNode: (props: AI_FlowFinishNodeProps) => React.JSX.Element;
-/** Actor team, in grid or graph mode. The graph mode is why this module is behind the door. */
-export declare const AI_ActorTeam: (props: AI_ActorTeamProps) => React.JSX.Element;
-/** Single actor card. */
-export declare const AI_ActorCard: (props: AI_ActorCardProps) => React.JSX.Element;
-/** Actor role pill. */
-export declare const AI_ActorRoleBadge: (props: AI_ActorRoleBadgeProps) => React.JSX.Element;
-/** Actor execution-mode pill. */
-export declare const AI_ActorExecutionModeBadge: (props: AI_ActorExecutionModeBadgeProps) => React.JSX.Element;
-export type { AI_ActorCardProps, AI_ActorExecutionModeBadgeProps, AI_ActorRoleBadgeProps, AI_ActorTeamProps, } from "./actor";
-export type { AI_FlowEdgeActiveProps, AI_FlowExecutionCanvasProps, AI_FlowExecutionSummaryProps, AI_FlowExecutionTimelineEvent, AI_FlowExecutionTimelineItemProps, AI_FlowExecutionTimelineProps, FlowCanvasEdge, FlowCanvasFinish, FlowCanvasNodeState, FlowCanvasStep, FlowCanvasTrigger, } from "./flow-execution";
-export type { AI_FlowFinishNodeProps, AI_FlowNodeProps, AI_FlowTriggerNodeProps, 
-/**
- * Not a props type: the step-category vocabulary, declared beside its runtime mapping in
- * `flow-node.tsx` and re-exported here so the public name survives the boundary. It is the
- * prop type of the EAGER `AI_FlowNodeStepBadge`, which type-imports it for the same reason.
- */
-FlowStepCategory, } from "./flow-node";
+export type { AI_FlowExecutionCanvasProps, AI_FlowExecutionSummaryProps, AI_FlowExecutionTimelineEvent, AI_FlowExecutionTimelineItemProps, AI_FlowExecutionTimelineProps, FlowCanvasEdge, FlowCanvasFinish, FlowCanvasNodeState, FlowCanvasStep, FlowCanvasTrigger, } from "./flow-execution";
+export type { AI_GraphViewerProps } from "./graph-viewer";
 //# sourceMappingURL=flows-actors-graph.lazy.d.ts.map

package/dist/esm/components/flows-actors/flows-actors-graph.lazy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flows-actors-graph.lazy.d.ts","sourceRoot":"","sources":["../../../../../src/components/flows-actors/flows-actors-graph.lazy.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACV,iBAAiB,EACjB,+BAA+B,EAC/B,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EACV,sBAAsB,EACtB,2BAA2B,EAC3B,4BAA4B,EAC5B,iCAAiC,EACjC,6BAA6B,EAC9B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAiCrG,4FAA4F;AAC5F,eAAO,MAAM,sBAAsB,GAAI,OAAO,2BAA2B,KAAG,KAAK,CAAC,GAAG,CAAC,OAMrF,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,uBAAuB,GAAI,OAAO,4BAA4B,KAAG,KAAK,CAAC,GAAG,CAAC,OAMvF,CAAC;AAEF,wCAAwC;AACxC,eAAO,MAAM,wBAAwB,GAAI,OAAO,6BAA6B,KAAG,KAAK,CAAC,GAAG,CAAC,OAMzF,CAAC;AAEF,mGAAmG;AACnG,eAAO,MAAM,4BAA4B,GAAI,OAAO,iCAAiC,KAAG,KAAK,CAAC,GAAG,CAAC,OAmBjG,CAAC;AAEF,oGAAoG;AACpG,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,KAAG,KAAK,CAAC,GAAG,CAAC,OAM3E,CAAC;AAIF,kDAAkD;AAClD,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,KAAG,KAAK,CAAC,GAAG,CAAC,OAM/D,CAAC;AAEF,yBAAyB;AACzB,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,KAAG,KAAK,CAAC,GAAG,CAAC,OAM7E,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,KAAG,KAAK,CAAC,GAAG,CAAC,OAM3E,CAAC;AAIF,+FAA+F;AAC/F,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,KAAG,KAAK,CAAC,GAAG,CAAC,OAMjE,CAAC;AAEF,yBAAyB;AACzB,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,KAAG,KAAK,CAAC,GAAG,CAAC,OAMjE,CAAC;AAEF,uBAAuB;AACvB,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,KAAG,KAAK,CAAC,GAAG,CAAC,OAM3E,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,0BAA0B,GAAI,OAAO,+BAA+B,KAAG,KAAK,CAAC,GAAG,CAAC,OAM7F,CAAC;AAEF,YAAY,EACV,iBAAiB,EACjB,+BAA+B,EAC/B,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,sBAAsB,EACtB,2BAA2B,EAC3B,4BAA4B,EAC5B,6BAA6B,EAC7B,iCAAiC,EACjC,6BAA6B,EAC7B,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,sBAAsB,EACtB,gBAAgB,EAChB,uBAAuB;AACvB;;;;GAIG;AACH,gBAAgB,GACjB,MAAM,aAAa,CAAC"}
+{"version":3,"file":"flows-actors-graph.lazy.d.ts","sourceRoot":"","sources":["../../../../../src/components/flows-actors/flows-actors-graph.lazy.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACV,2BAA2B,EAC3B,4BAA4B,EAC5B,iCAAiC,EACjC,6BAA6B,EAC9B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAwB1D;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,KAAG,KAAK,CAAC,GAAG,CAAC,OAMrE,CAAC;AAIF,+HAA+H;AAC/H,eAAO,MAAM,sBAAsB,GAAI,OAAO,2BAA2B,KAAG,KAAK,CAAC,GAAG,CAAC,OAMrF,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,uBAAuB,GAAI,OAAO,4BAA4B,KAAG,KAAK,CAAC,GAAG,CAAC,OAMvF,CAAC;AAEF,wCAAwC;AACxC,eAAO,MAAM,wBAAwB,GAAI,OAAO,6BAA6B,KAAG,KAAK,CAAC,GAAG,CAAC,OAMzF,CAAC;AAEF,mGAAmG;AACnG,eAAO,MAAM,4BAA4B,GAAI,OAAO,iCAAiC,KAAG,KAAK,CAAC,GAAG,CAAC,OAmBjG,CAAC;AAGF,YAAY,EACV,2BAA2B,EAC3B,4BAA4B,EAC5B,6BAA6B,EAC7B,iCAAiC,EACjC,6BAA6B,EAC7B,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/esm/components/flows-actors/flows-actors-graph.lazy.js

@@ -5,7 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * Lazy-boundary wrapper (`*.lazy.tsx` convention — `ChartView.lazy` / `pdf-viewer.lazy` /
  * `cm6-editor.lazy` / the preset-side `graph.lazy` precedent). It owns the
- * `React.lazy(() => import('./flows-actors-graph-runtime.js'))` split points and the Suspense
+ * `React.lazy(() => import('./flows-actors-graph-runtime'))` split points and the Suspense
  * fallbacks, and re-exports every props type via `export type` so callers are fully typed with NO
  * runtime edge onto the heavy module.
  *
@@ -17,6 +17,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * `@wildo-ai/saas-frontend-lib` root therefore carried the whole graph library in its ENTRY chunk,
  * whether or not it ever drew a flow diagram.
  *
+ * Since #2529 the module that draws with React Flow is `graph-viewer.tsx`, and `flow-execution.tsx` draws through it.
+ * `flow-node.tsx` is gone, and `actor.tsx` draws no graph any more (its graph mode drew edges the model does not hold),
+ * so the actor components left this door and are exported eagerly from the root: behind it, painting a role badge
+ * fetched the whole graph chunk.
+ *
  * The preset-side twin (`@wildo-ai/presets-components` → `components/ai-elements/graph/graph.lazy`)
  * had a SECOND reason: its `canvas.tsx` imports `@xyflow/react/dist/style.css`, which Node's ESM
  * loader cannot handle, so Node consumers of that package root died at module load. **That reason
@@ -26,8 +31,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * ## Why every door names the SAME specifier
  *
- * Rollup/Vite emit one async chunk per dynamically-imported MODULE. All twelve doors below
- * dynamically import `./flows-actors-graph-runtime` and nothing else, so the bundler sees exactly
+ * Rollup/Vite emit one async chunk per dynamically-imported MODULE. Every door below
+ * dynamically imports `./flows-actors-graph-runtime` and nothing else, so the bundler sees exactly
  * one dynamic target and emits exactly ONE async chunk holding `@xyflow/react`. Three per-leaf
  * split points would have produced either a duplicated library or an implicit shared chunk. See
  * `flows-actors-graph-runtime.ts` for the full rationale.
@@ -36,16 +41,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * Doors that occupy layout reserve it with a `Skeleton`, never collapsing to zero height — the one
  * door that realistically suspends is whichever the host renders FIRST, and a host composes these
- * from the outside in (`AI_FlowExecutionCanvas`, `AI_ActorTeam`) rather than mounting a node card
- * on its own.
- *
- * Two deliberate exceptions, by DOM validity rather than by omission:
+ * from the outside in (`AI_FlowExecutionCanvas`, `AI_GraphViewer`).
  *
- * - `AI_FlowEdgeActive` renders inside the canvas `<svg>`, where a `<div>` skeleton is invalid
- *   markup. It is only ever mounted as an `edgeTypes` entry of an already-resolved canvas, so the
- *   chunk is resident and its fallback is unreachable in practice — hence `null`.
- * - `AI_FlowExecutionTimelineItem` renders an `<li>` inside its parent's `<ol>`, so its skeleton is
- *   wrapped in an `<li>` rather than a bare `<div>`.
+ One deliberate exception, by DOM validity rather than by omission: `AI_FlowExecutionTimelineItem`
+ * renders an `<li>` inside its parent's `<ol>`, so its skeleton is wrapped in an `<li>` rather than a
+ * bare `<div>`.
  *
  * Everything except this wrapper (and tests) must import these components from HERE. A static
  * import of `./flows-actors-graph-runtime`, or of any leaf beneath it, from the eager graph
@@ -53,8 +53,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * `pnpm check:lazy-boundaries`.
  *
  * `AI_FlowNodeStepBadge` / `AI_FlowNodeStatusBadge` are NOT here on purpose: they touch no
- * `@xyflow/react`, they are consumed by two eager modules that draw no graph, and they stay eager
- * in `./flow-node-badges`.
+ * `@xyflow/react`, they are consumed by eager modules that draw no graph, and they stay eager
+ * in `./flow-node-badges`. So are a flow's kind-to-look mappings (`./flow-step-visuals`).
+ *
+ * The flow node cards and the active-edge door (`AI_FlowNode`, `AI_FlowTriggerNode`, `AI_FlowFinishNode`,
+ * `AI_FlowEdgeActive`) were removed in #2529: the flow canvas draws through `AI_GraphViewer`, whose steps are the
+ * preset `AI_Node`, so the cards were a second node family and the edge a copy of the preset's animated edge.
  */
 import * as React from "react";
 import { Skeleton } from "../../components/feedback/skeleton.js";
@@ -62,46 +66,27 @@ import { LazyDoorErrorBoundary, LazyDoorUnavailableFrame } from "../../component
 /**
  * One `React.lazy` per exported symbol, every one of them resolving the SAME
  * `./flows-actors-graph-runtime` module. The module promise is created once by the ESM loader and
- * reused, so the twelve factories below cost one network fetch and one module evaluation between
+ * reused, so the factories below, however many there are, cost one network fetch and one module evaluation between
  * them.
  */
-const LazyActorTeam = React.lazy(() => import("./flows-actors-graph-runtime.js").then((m) => ({ default: m.AI_ActorTeam })));
-const LazyActorCard = React.lazy(() => import("./flows-actors-graph-runtime.js").then((m) => ({ default: m.AI_ActorCard })));
-const LazyActorRoleBadge = React.lazy(() => import("./flows-actors-graph-runtime.js").then((m) => ({ default: m.AI_ActorRoleBadge })));
-const LazyActorExecutionModeBadge = React.lazy(() => import("./flows-actors-graph-runtime.js").then((m) => ({ default: m.AI_ActorExecutionModeBadge })));
-const LazyFlowNode = React.lazy(() => import("./flows-actors-graph-runtime.js").then((m) => ({ default: m.AI_FlowNode })));
-const LazyFlowTriggerNode = React.lazy(() => import("./flows-actors-graph-runtime.js").then((m) => ({ default: m.AI_FlowTriggerNode })));
-const LazyFlowFinishNode = React.lazy(() => import("./flows-actors-graph-runtime.js").then((m) => ({ default: m.AI_FlowFinishNode })));
-const LazyFlowEdgeActive = React.lazy(() => import("./flows-actors-graph-runtime.js").then((m) => ({ default: m.AI_FlowEdgeActive })));
 const LazyFlowExecutionCanvas = React.lazy(() => import("./flows-actors-graph-runtime.js").then((m) => ({ default: m.AI_FlowExecutionCanvas })));
 const LazyFlowExecutionSummary = React.lazy(() => import("./flows-actors-graph-runtime.js").then((m) => ({ default: m.AI_FlowExecutionSummary })));
 const LazyFlowExecutionTimeline = React.lazy(() => import("./flows-actors-graph-runtime.js").then((m) => ({ default: m.AI_FlowExecutionTimeline })));
 const LazyFlowExecutionTimelineItem = React.lazy(() => import("./flows-actors-graph-runtime.js").then((m) => ({ default: m.AI_FlowExecutionTimelineItem })));
+const LazyGraphViewer = React.lazy(() => import("./flows-actors-graph-runtime.js").then((m) => ({ default: m.AI_GraphViewer })));
+// ─── Graph viewer ─────────────────────────────────────────────────────────────
+/**
+ * A process drawn read-only from a `GraphView` (#2529): a plan, a run, a flow, a choreography's rounds. Reserves the
+ * drawing's minimum height while the chunk loads.
+ */
+export const AI_GraphViewer = (props) => (_jsx(LazyDoorErrorBoundary, { doorName: "AI_GraphViewer", fallback: _jsx(LazyDoorUnavailableFrame, { className: "h-80 w-full rounded-md" }), children: _jsx(React.Suspense, { fallback: _jsx(Skeleton, { "aria-hidden": "true", className: "h-80 w-full rounded-md" }), children: _jsx(LazyGraphViewer, { ...props }) }) }));
 // ─── Flow execution ───────────────────────────────────────────────────────────
-/** The flow graph surface. Reserves the canvas's own fixed height while the chunk loads. */
-export const AI_FlowExecutionCanvas = (props) => (_jsx(LazyDoorErrorBoundary, { doorName: "AI_FlowExecutionCanvas", fallback: _jsx(LazyDoorUnavailableFrame, { className: "h-[500px] w-full rounded-lg" }), children: _jsx(React.Suspense, { fallback: _jsx(Skeleton, { "aria-hidden": "true", className: "h-[500px] w-full rounded-lg" }), children: _jsx(LazyFlowExecutionCanvas, { ...props }) }) }));
+/** The flow graph surface. Reserves the drawing's minimum height (the viewer's canvas is `min-h-80`) while the chunk loads. */
+export const AI_FlowExecutionCanvas = (props) => (_jsx(LazyDoorErrorBoundary, { doorName: "AI_FlowExecutionCanvas", fallback: _jsx(LazyDoorUnavailableFrame, { className: "h-80 w-full rounded-md" }), children: _jsx(React.Suspense, { fallback: _jsx(Skeleton, { "aria-hidden": "true", className: "h-80 w-full rounded-md" }), children: _jsx(LazyFlowExecutionCanvas, { ...props }) }) }));
 /** Status/progress strip above a flow canvas. */
 export const AI_FlowExecutionSummary = (props) => (_jsx(LazyDoorErrorBoundary, { doorName: "AI_FlowExecutionSummary", fallback: _jsx(LazyDoorUnavailableFrame, { className: "h-14 w-full rounded-lg" }), children: _jsx(React.Suspense, { fallback: _jsx(Skeleton, { "aria-hidden": "true", className: "h-14 w-full rounded-lg" }), children: _jsx(LazyFlowExecutionSummary, { ...props }) }) }));
 /** Ordered list of execution events. */
 export const AI_FlowExecutionTimeline = (props) => (_jsx(LazyDoorErrorBoundary, { doorName: "AI_FlowExecutionTimeline", fallback: _jsx(LazyDoorUnavailableFrame, { className: "h-40 w-full rounded-md" }), children: _jsx(React.Suspense, { fallback: _jsx(Skeleton, { "aria-hidden": "true", className: "h-40 w-full rounded-md" }), children: _jsx(LazyFlowExecutionTimeline, { ...props }) }) }));
 /** One timeline row. Fallback is an `<li>` — a bare `<div>` would be invalid inside the `<ol>`. */
 export const AI_FlowExecutionTimelineItem = (props) => (_jsx(LazyDoorErrorBoundary, { doorName: "AI_FlowExecutionTimelineItem", fallback: _jsx("li", { "aria-hidden": "true", className: "ms-4", children: _jsx(LazyDoorUnavailableFrame, { className: "h-8 w-full" }) }), children: _jsx(React.Suspense, { fallback: _jsx("li", { "aria-hidden": "true", className: "ms-4", children: _jsx(Skeleton, { className: "h-8 w-full" }) }), children: _jsx(LazyFlowExecutionTimelineItem, { ...props }) }) }));
-/** Animated edge for active execution paths. Renders inside the canvas `<svg>` — see the header. */
-export const AI_FlowEdgeActive = (props) => (_jsx(LazyDoorErrorBoundary, { doorName: "AI_FlowEdgeActive", fallback: null, children: _jsx(React.Suspense, { fallback: null, children: _jsx(LazyFlowEdgeActive, { ...props }) }) }));
-// ─── Flow nodes ───────────────────────────────────────────────────────────────
-/** Flow step card, with source/target handles. */
-export const AI_FlowNode = (props) => (_jsx(LazyDoorErrorBoundary, { doorName: "AI_FlowNode", fallback: _jsx(LazyDoorUnavailableFrame, { className: "h-24 w-sm rounded-md" }), children: _jsx(React.Suspense, { fallback: _jsx(Skeleton, { "aria-hidden": "true", className: "h-24 w-sm rounded-md" }), children: _jsx(LazyFlowNode, { ...props }) }) }));
-/** Flow trigger card. */
-export const AI_FlowTriggerNode = (props) => (_jsx(LazyDoorErrorBoundary, { doorName: "AI_FlowTriggerNode", fallback: _jsx(LazyDoorUnavailableFrame, { className: "h-20 w-sm rounded-md" }), children: _jsx(React.Suspense, { fallback: _jsx(Skeleton, { "aria-hidden": "true", className: "h-20 w-sm rounded-md" }), children: _jsx(LazyFlowTriggerNode, { ...props }) }) }));
-/** Flow finish card. */
-export const AI_FlowFinishNode = (props) => (_jsx(LazyDoorErrorBoundary, { doorName: "AI_FlowFinishNode", fallback: _jsx(LazyDoorUnavailableFrame, { className: "h-12 w-sm rounded-md" }), children: _jsx(React.Suspense, { fallback: _jsx(Skeleton, { "aria-hidden": "true", className: "h-12 w-sm rounded-md" }), children: _jsx(LazyFlowFinishNode, { ...props }) }) }));
-// ─── Actors ───────────────────────────────────────────────────────────────────
-/** Actor team, in grid or graph mode. The graph mode is why this module is behind the door. */
-export const AI_ActorTeam = (props) => (_jsx(LazyDoorErrorBoundary, { doorName: "AI_ActorTeam", fallback: _jsx(LazyDoorUnavailableFrame, { className: "h-64 w-full rounded-md" }), children: _jsx(React.Suspense, { fallback: _jsx(Skeleton, { "aria-hidden": "true", className: "h-64 w-full rounded-md" }), children: _jsx(LazyActorTeam, { ...props }) }) }));
-/** Single actor card. */
-export const AI_ActorCard = (props) => (_jsx(LazyDoorErrorBoundary, { doorName: "AI_ActorCard", fallback: _jsx(LazyDoorUnavailableFrame, { className: "h-40 w-full rounded-lg" }), children: _jsx(React.Suspense, { fallback: _jsx(Skeleton, { "aria-hidden": "true", className: "h-40 w-full rounded-lg" }), children: _jsx(LazyActorCard, { ...props }) }) }));
-/** Actor role pill. */
-export const AI_ActorRoleBadge = (props) => (_jsx(LazyDoorErrorBoundary, { doorName: "AI_ActorRoleBadge", fallback: _jsx(LazyDoorUnavailableFrame, { className: "h-5 w-20 rounded-full" }), children: _jsx(React.Suspense, { fallback: _jsx(Skeleton, { "aria-hidden": "true", className: "h-5 w-20 rounded-full" }), children: _jsx(LazyActorRoleBadge, { ...props }) }) }));
-/** Actor execution-mode pill. */
-export const AI_ActorExecutionModeBadge = (props) => (_jsx(LazyDoorErrorBoundary, { doorName: "AI_ActorExecutionModeBadge", fallback: _jsx(LazyDoorUnavailableFrame, { className: "h-5 w-20 rounded-full" }), children: _jsx(React.Suspense, { fallback: _jsx(Skeleton, { "aria-hidden": "true", className: "h-5 w-20 rounded-full" }), children: _jsx(LazyActorExecutionModeBadge, { ...props }) }) }));
 //# sourceMappingURL=flows-actors-graph.lazy.js.map

package/dist/esm/components/flows-actors/flows-actors-graph.lazy.js.map

@@ -1 +1 @@
-{"version":3,"file":"flows-actors-graph.lazy.js","sourceRoot":"","sources":["../../../../../src/components/flows-actors/flows-actors-graph.lazy.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,kEAAkE,CAAC;AAiBnI;;;;;GAKG;AACH,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,8BAA8B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;AAC1H,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,8BAA8B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;AAC1H,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,8BAA8B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC;AACpI,MAAM,2BAA2B,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAClD,MAAM,CAAC,8BAA8B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,0BAA0B,EAAE,CAAC,CAAC,CAChG,CAAC;AACF,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,8BAA8B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;AACxH,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,8BAA8B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC;AACtI,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,8BAA8B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC;AACpI,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,8BAA8B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC;AACpI,MAAM,uBAAuB,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAC9C,MAAM,CAAC,8BAA8B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAC5F,CAAC;AACF,MAAM,wBAAwB,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAC/C,MAAM,CAAC,8BAA8B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,uBAAuB,EAAE,CAAC,CAAC,CAC7F,CAAC;AACF,MAAM,yBAAyB,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAChD,MAAM,CAAC,8BAA8B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAC9F,CAAC;AACF,MAAM,6BAA6B,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CACpD,MAAM,CAAC,8BAA8B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,4BAA4B,EAAE,CAAC,CAAC,CAClG,CAAC;AAEF,iFAAiF;AAEjF,4FAA4F;AAC5F,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAkC,EAAqB,EAAE,CAAC,CAC/F,KAAC,qBAAqB,IAAC,QAAQ,EAAC,wBAAwB,EAAC,QAAQ,EAAE,KAAC,wBAAwB,IAAC,SAAS,EAAC,6BAA6B,GAAG,YACrI,KAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,QAAQ,mBAAa,MAAM,EAAC,SAAS,EAAC,6BAA6B,GAAG,YAC/F,KAAC,uBAAuB,OAAK,KAAK,GAAI,GACvB,GACK,CACzB,CAAC;AAEF,iDAAiD;AACjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAmC,EAAqB,EAAE,CAAC,CACjG,KAAC,qBAAqB,IAAC,QAAQ,EAAC,yBAAyB,EAAC,QAAQ,EAAE,KAAC,wBAAwB,IAAC,SAAS,EAAC,wBAAwB,GAAG,YACjI,KAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,QAAQ,mBAAa,MAAM,EAAC,SAAS,EAAC,wBAAwB,GAAG,YAC1F,KAAC,wBAAwB,OAAK,KAAK,GAAI,GACxB,GACK,CACzB,CAAC;AAEF,wCAAwC;AACxC,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAoC,EAAqB,EAAE,CAAC,CACnG,KAAC,qBAAqB,IAAC,QAAQ,EAAC,0BAA0B,EAAC,QAAQ,EAAE,KAAC,wBAAwB,IAAC,SAAS,EAAC,wBAAwB,GAAG,YAClI,KAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,QAAQ,mBAAa,MAAM,EAAC,SAAS,EAAC,wBAAwB,GAAG,YAC1F,KAAC,yBAAyB,OAAK,KAAK,GAAI,GACzB,GACK,CACzB,CAAC;AAEF,mGAAmG;AACnG,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,KAAwC,EAAqB,EAAE,CAAC,CAC3G,KAAC,qBAAqB,IACpB,QAAQ,EAAC,8BAA8B,EACvC,QAAQ,EACN,4BAAgB,MAAM,EAAC,SAAS,EAAC,MAAM,YACrC,KAAC,wBAAwB,IAAC,SAAS,EAAC,YAAY,GAAG,GAChD,YAGP,KAAC,KAAK,CAAC,QAAQ,IACb,QAAQ,EACN,4BAAgB,MAAM,EAAC,SAAS,EAAC,MAAM,YACrC,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,GAChC,YAGP,KAAC,6BAA6B,OAAK,KAAK,GAAI,GAC7B,GACK,CACzB,CAAC;AAEF,oGAAoG;AACpG,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAqB,EAAE,CAAC,CACrF,KAAC,qBAAqB,IAAC,QAAQ,EAAC,mBAAmB,EAAC,QAAQ,EAAE,IAAI,YAChE,KAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YAC5B,KAAC,kBAAkB,OAAK,KAAK,GAAI,GAClB,GACK,CACzB,CAAC;AAEF,iFAAiF;AAEjF,kDAAkD;AAClD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAqB,EAAE,CAAC,CACzE,KAAC,qBAAqB,IAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,EAAE,KAAC,wBAAwB,IAAC,SAAS,EAAC,sBAAsB,GAAG,YACnH,KAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,QAAQ,mBAAa,MAAM,EAAC,SAAS,EAAC,sBAAsB,GAAG,YACxF,KAAC,YAAY,OAAK,KAAK,GAAI,GACZ,GACK,CACzB,CAAC;AAEF,yBAAyB;AACzB,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAqB,EAAE,CAAC,CACvF,KAAC,qBAAqB,IAAC,QAAQ,EAAC,oBAAoB,EAAC,QAAQ,EAAE,KAAC,wBAAwB,IAAC,SAAS,EAAC,sBAAsB,GAAG,YAC1H,KAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,QAAQ,mBAAa,MAAM,EAAC,SAAS,EAAC,sBAAsB,GAAG,YACxF,KAAC,mBAAmB,OAAK,KAAK,GAAI,GACnB,GACK,CACzB,CAAC;AAEF,wBAAwB;AACxB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAqB,EAAE,CAAC,CACrF,KAAC,qBAAqB,IAAC,QAAQ,EAAC,mBAAmB,EAAC,QAAQ,EAAE,KAAC,wBAAwB,IAAC,SAAS,EAAC,sBAAsB,GAAG,YACzH,KAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,QAAQ,mBAAa,MAAM,EAAC,SAAS,EAAC,sBAAsB,GAAG,YACxF,KAAC,kBAAkB,OAAK,KAAK,GAAI,GAClB,GACK,CACzB,CAAC;AAEF,iFAAiF;AAEjF,+FAA+F;AAC/F,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAqB,EAAE,CAAC,CAC3E,KAAC,qBAAqB,IAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAE,KAAC,wBAAwB,IAAC,SAAS,EAAC,wBAAwB,GAAG,YACtH,KAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,QAAQ,mBAAa,MAAM,EAAC,SAAS,EAAC,wBAAwB,GAAG,YAC1F,KAAC,aAAa,OAAK,KAAK,GAAI,GACb,GACK,CACzB,CAAC;AAEF,yBAAyB;AACzB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAqB,EAAE,CAAC,CAC3E,KAAC,qBAAqB,IAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAE,KAAC,wBAAwB,IAAC,SAAS,EAAC,wBAAwB,GAAG,YACtH,KAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,QAAQ,mBAAa,MAAM,EAAC,SAAS,EAAC,wBAAwB,GAAG,YAC1F,KAAC,aAAa,OAAK,KAAK,GAAI,GACb,GACK,CACzB,CAAC;AAEF,uBAAuB;AACvB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAqB,EAAE,CAAC,CACrF,KAAC,qBAAqB,IAAC,QAAQ,EAAC,mBAAmB,EAAC,QAAQ,EAAE,KAAC,wBAAwB,IAAC,SAAS,EAAC,uBAAuB,GAAG,YAC1H,KAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,QAAQ,mBAAa,MAAM,EAAC,SAAS,EAAC,uBAAuB,GAAG,YACzF,KAAC,kBAAkB,OAAK,KAAK,GAAI,GAClB,GACK,CACzB,CAAC;AAEF,iCAAiC;AACjC,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAAsC,EAAqB,EAAE,CAAC,CACvG,KAAC,qBAAqB,IAAC,QAAQ,EAAC,4BAA4B,EAAC,QAAQ,EAAE,KAAC,wBAAwB,IAAC,SAAS,EAAC,uBAAuB,GAAG,YACnI,KAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,QAAQ,mBAAa,MAAM,EAAC,SAAS,EAAC,uBAAuB,GAAG,YACzF,KAAC,2BAA2B,OAAK,KAAK,GAAI,GAC3B,GACK,CACzB,CAAC","sourcesContent":["\"use client\";\n\n/**\n * The ONLY public doors onto the `@xyflow/react`-bearing `flows-actors` components.\n *\n * Lazy-boundary wrapper (`*.lazy.tsx` convention — `ChartView.lazy` / `pdf-viewer.lazy` /\n * `cm6-editor.lazy` / the preset-side `graph.lazy` precedent). It owns the\n * `React.lazy(() => import('./flows-actors-graph-runtime'))` split points and the Suspense\n * fallbacks, and re-exports every props type via `export type` so callers are fully typed with NO\n * runtime edge onto the heavy module.\n *\n * ## Why the door exists — bundle size, and only bundle size\n *\n * Three modules value-imported `@xyflow/react` (~375 kB): `flow-node.tsx`, `flow-execution.tsx`\n * and `actor.tsx`. All three were eagerly re-exported from `src/index.ts`, and `execution-plan.tsx`\n * plus `task-detail.tsx` reached `flow-node.tsx` transitively. Every application importing the\n * `@wildo-ai/saas-frontend-lib` root therefore carried the whole graph library in its ENTRY chunk,\n * whether or not it ever drew a flow diagram.\n *\n * The preset-side twin (`@wildo-ai/presets-components` → `components/ai-elements/graph/graph.lazy`)\n * had a SECOND reason: its `canvas.tsx` imports `@xyflow/react/dist/style.css`, which Node's ESM\n * loader cannot handle, so Node consumers of that package root died at module load. **That reason\n * does not apply on this path** — nothing here imports a stylesheet. Stated explicitly because it\n * is also why `check:lazy-boundaries` Rule B, which is anchored on stylesheet imports, was\n * structurally unable to report this path. Rule A guards it from here on.\n *\n * ## Why every door names the SAME specifier\n *\n * Rollup/Vite emit one async chunk per dynamically-imported MODULE. All twelve doors below\n * dynamically import `./flows-actors-graph-runtime` and nothing else, so the bundler sees exactly\n * one dynamic target and emits exactly ONE async chunk holding `@xyflow/react`. Three per-leaf\n * split points would have produced either a duplicated library or an implicit shared chunk. See\n * `flows-actors-graph-runtime.ts` for the full rationale.\n *\n * ## Suspense fallbacks\n *\n * Doors that occupy layout reserve it with a `Skeleton`, never collapsing to zero height — the one\n * door that realistically suspends is whichever the host renders FIRST, and a host composes these\n * from the outside in (`AI_FlowExecutionCanvas`, `AI_ActorTeam`) rather than mounting a node card\n * on its own.\n *\n * Two deliberate exceptions, by DOM validity rather than by omission:\n *\n * - `AI_FlowEdgeActive` renders inside the canvas `<svg>`, where a `<div>` skeleton is invalid\n *   markup. It is only ever mounted as an `edgeTypes` entry of an already-resolved canvas, so the\n *   chunk is resident and its fallback is unreachable in practice — hence `null`.\n * - `AI_FlowExecutionTimelineItem` renders an `<li>` inside its parent's `<ol>`, so its skeleton is\n *   wrapped in an `<li>` rather than a bare `<div>`.\n *\n * Everything except this wrapper (and tests) must import these components from HERE. A static\n * import of `./flows-actors-graph-runtime`, or of any leaf beneath it, from the eager graph\n * silently merges the whole payload back into the entry chunk — enforced by\n * `pnpm check:lazy-boundaries`.\n *\n * `AI_FlowNodeStepBadge` / `AI_FlowNodeStatusBadge` are NOT here on purpose: they touch no\n * `@xyflow/react`, they are consumed by two eager modules that draw no graph, and they stay eager\n * in `./flow-node-badges`.\n */\n\nimport * as React from \"react\";\nimport { Skeleton } from \"~wildo-frontend-lib/components/feedback/skeleton\";\nimport { LazyDoorErrorBoundary, LazyDoorUnavailableFrame } from \"~wildo-frontend-lib/components/feedback/lazy-door-error-boundary\";\n\nimport type {\n  AI_ActorCardProps,\n  AI_ActorExecutionModeBadgeProps,\n  AI_ActorRoleBadgeProps,\n  AI_ActorTeamProps,\n} from \"./actor\";\nimport type {\n  AI_FlowEdgeActiveProps,\n  AI_FlowExecutionCanvasProps,\n  AI_FlowExecutionSummaryProps,\n  AI_FlowExecutionTimelineItemProps,\n  AI_FlowExecutionTimelineProps,\n} from \"./flow-execution\";\nimport type { AI_FlowFinishNodeProps, AI_FlowNodeProps, AI_FlowTriggerNodeProps } from \"./flow-node\";\n\n/**\n * One `React.lazy` per exported symbol, every one of them resolving the SAME\n * `./flows-actors-graph-runtime` module. The module promise is created once by the ESM loader and\n * reused, so the twelve factories below cost one network fetch and one module evaluation between\n * them.\n */\nconst LazyActorTeam = React.lazy(() => import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_ActorTeam })));\nconst LazyActorCard = React.lazy(() => import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_ActorCard })));\nconst LazyActorRoleBadge = React.lazy(() => import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_ActorRoleBadge })));\nconst LazyActorExecutionModeBadge = React.lazy(() =>\n  import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_ActorExecutionModeBadge })),\n);\nconst LazyFlowNode = React.lazy(() => import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_FlowNode })));\nconst LazyFlowTriggerNode = React.lazy(() => import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_FlowTriggerNode })));\nconst LazyFlowFinishNode = React.lazy(() => import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_FlowFinishNode })));\nconst LazyFlowEdgeActive = React.lazy(() => import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_FlowEdgeActive })));\nconst LazyFlowExecutionCanvas = React.lazy(() =>\n  import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_FlowExecutionCanvas })),\n);\nconst LazyFlowExecutionSummary = React.lazy(() =>\n  import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_FlowExecutionSummary })),\n);\nconst LazyFlowExecutionTimeline = React.lazy(() =>\n  import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_FlowExecutionTimeline })),\n);\nconst LazyFlowExecutionTimelineItem = React.lazy(() =>\n  import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_FlowExecutionTimelineItem })),\n);\n\n// ─── Flow execution ───────────────────────────────────────────────────────────\n\n/** The flow graph surface. Reserves the canvas's own fixed height while the chunk loads. */\nexport const AI_FlowExecutionCanvas = (props: AI_FlowExecutionCanvasProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary doorName=\"AI_FlowExecutionCanvas\" fallback={<LazyDoorUnavailableFrame className=\"h-[500px] w-full rounded-lg\" />}>\n    <React.Suspense fallback={<Skeleton aria-hidden=\"true\" className=\"h-[500px] w-full rounded-lg\" />}>\n      <LazyFlowExecutionCanvas {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n/** Status/progress strip above a flow canvas. */\nexport const AI_FlowExecutionSummary = (props: AI_FlowExecutionSummaryProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary doorName=\"AI_FlowExecutionSummary\" fallback={<LazyDoorUnavailableFrame className=\"h-14 w-full rounded-lg\" />}>\n    <React.Suspense fallback={<Skeleton aria-hidden=\"true\" className=\"h-14 w-full rounded-lg\" />}>\n      <LazyFlowExecutionSummary {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n/** Ordered list of execution events. */\nexport const AI_FlowExecutionTimeline = (props: AI_FlowExecutionTimelineProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary doorName=\"AI_FlowExecutionTimeline\" fallback={<LazyDoorUnavailableFrame className=\"h-40 w-full rounded-md\" />}>\n    <React.Suspense fallback={<Skeleton aria-hidden=\"true\" className=\"h-40 w-full rounded-md\" />}>\n      <LazyFlowExecutionTimeline {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n/** One timeline row. Fallback is an `<li>` — a bare `<div>` would be invalid inside the `<ol>`. */\nexport const AI_FlowExecutionTimelineItem = (props: AI_FlowExecutionTimelineItemProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary\n    doorName=\"AI_FlowExecutionTimelineItem\"\n    fallback={\n      <li aria-hidden=\"true\" className=\"ms-4\">\n        <LazyDoorUnavailableFrame className=\"h-8 w-full\" />\n      </li>\n    }\n  >\n    <React.Suspense\n      fallback={\n        <li aria-hidden=\"true\" className=\"ms-4\">\n          <Skeleton className=\"h-8 w-full\" />\n        </li>\n      }\n    >\n      <LazyFlowExecutionTimelineItem {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n/** Animated edge for active execution paths. Renders inside the canvas `<svg>` — see the header. */\nexport const AI_FlowEdgeActive = (props: AI_FlowEdgeActiveProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary doorName=\"AI_FlowEdgeActive\" fallback={null}>\n    <React.Suspense fallback={null}>\n      <LazyFlowEdgeActive {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n// ─── Flow nodes ───────────────────────────────────────────────────────────────\n\n/** Flow step card, with source/target handles. */\nexport const AI_FlowNode = (props: AI_FlowNodeProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary doorName=\"AI_FlowNode\" fallback={<LazyDoorUnavailableFrame className=\"h-24 w-sm rounded-md\" />}>\n    <React.Suspense fallback={<Skeleton aria-hidden=\"true\" className=\"h-24 w-sm rounded-md\" />}>\n      <LazyFlowNode {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n/** Flow trigger card. */\nexport const AI_FlowTriggerNode = (props: AI_FlowTriggerNodeProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary doorName=\"AI_FlowTriggerNode\" fallback={<LazyDoorUnavailableFrame className=\"h-20 w-sm rounded-md\" />}>\n    <React.Suspense fallback={<Skeleton aria-hidden=\"true\" className=\"h-20 w-sm rounded-md\" />}>\n      <LazyFlowTriggerNode {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n/** Flow finish card. */\nexport const AI_FlowFinishNode = (props: AI_FlowFinishNodeProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary doorName=\"AI_FlowFinishNode\" fallback={<LazyDoorUnavailableFrame className=\"h-12 w-sm rounded-md\" />}>\n    <React.Suspense fallback={<Skeleton aria-hidden=\"true\" className=\"h-12 w-sm rounded-md\" />}>\n      <LazyFlowFinishNode {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n// ─── Actors ───────────────────────────────────────────────────────────────────\n\n/** Actor team, in grid or graph mode. The graph mode is why this module is behind the door. */\nexport const AI_ActorTeam = (props: AI_ActorTeamProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary doorName=\"AI_ActorTeam\" fallback={<LazyDoorUnavailableFrame className=\"h-64 w-full rounded-md\" />}>\n    <React.Suspense fallback={<Skeleton aria-hidden=\"true\" className=\"h-64 w-full rounded-md\" />}>\n      <LazyActorTeam {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n/** Single actor card. */\nexport const AI_ActorCard = (props: AI_ActorCardProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary doorName=\"AI_ActorCard\" fallback={<LazyDoorUnavailableFrame className=\"h-40 w-full rounded-lg\" />}>\n    <React.Suspense fallback={<Skeleton aria-hidden=\"true\" className=\"h-40 w-full rounded-lg\" />}>\n      <LazyActorCard {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n/** Actor role pill. */\nexport const AI_ActorRoleBadge = (props: AI_ActorRoleBadgeProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary doorName=\"AI_ActorRoleBadge\" fallback={<LazyDoorUnavailableFrame className=\"h-5 w-20 rounded-full\" />}>\n    <React.Suspense fallback={<Skeleton aria-hidden=\"true\" className=\"h-5 w-20 rounded-full\" />}>\n      <LazyActorRoleBadge {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n/** Actor execution-mode pill. */\nexport const AI_ActorExecutionModeBadge = (props: AI_ActorExecutionModeBadgeProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary doorName=\"AI_ActorExecutionModeBadge\" fallback={<LazyDoorUnavailableFrame className=\"h-5 w-20 rounded-full\" />}>\n    <React.Suspense fallback={<Skeleton aria-hidden=\"true\" className=\"h-5 w-20 rounded-full\" />}>\n      <LazyActorExecutionModeBadge {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\nexport type {\n  AI_ActorCardProps,\n  AI_ActorExecutionModeBadgeProps,\n  AI_ActorRoleBadgeProps,\n  AI_ActorTeamProps,\n} from \"./actor\";\nexport type {\n  AI_FlowEdgeActiveProps,\n  AI_FlowExecutionCanvasProps,\n  AI_FlowExecutionSummaryProps,\n  AI_FlowExecutionTimelineEvent,\n  AI_FlowExecutionTimelineItemProps,\n  AI_FlowExecutionTimelineProps,\n  FlowCanvasEdge,\n  FlowCanvasFinish,\n  FlowCanvasNodeState,\n  FlowCanvasStep,\n  FlowCanvasTrigger,\n} from \"./flow-execution\";\nexport type {\n  AI_FlowFinishNodeProps,\n  AI_FlowNodeProps,\n  AI_FlowTriggerNodeProps,\n  /**\n   * Not a props type: the step-category vocabulary, declared beside its runtime mapping in\n   * `flow-node.tsx` and re-exported here so the public name survives the boundary. It is the\n   * prop type of the EAGER `AI_FlowNodeStepBadge`, which type-imports it for the same reason.\n   */\n  FlowStepCategory,\n} from \"./flow-node\";\n"]}
+{"version":3,"file":"flows-actors-graph.lazy.js","sourceRoot":"","sources":["../../../../../src/components/flows-actors/flows-actors-graph.lazy.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\n/**\n * The ONLY public doors onto the `@xyflow/react`-bearing `flows-actors` components.\n *\n * Lazy-boundary wrapper (`*.lazy.tsx` convention — `ChartView.lazy` / `pdf-viewer.lazy` /\n * `cm6-editor.lazy` / the preset-side `graph.lazy` precedent). It owns the\n * `React.lazy(() => import('./flows-actors-graph-runtime'))` split points and the Suspense\n * fallbacks, and re-exports every props type via `export type` so callers are fully typed with NO\n * runtime edge onto the heavy module.\n *\n * ## Why the door exists — bundle size, and only bundle size\n *\n * Three modules value-imported `@xyflow/react` (~375 kB): `flow-node.tsx`, `flow-execution.tsx`\n * and `actor.tsx`. All three were eagerly re-exported from `src/index.ts`, and `execution-plan.tsx`\n * plus `task-detail.tsx` reached `flow-node.tsx` transitively. Every application importing the\n * `@wildo-ai/saas-frontend-lib` root therefore carried the whole graph library in its ENTRY chunk,\n * whether or not it ever drew a flow diagram.\n *\n * Since #2529 the module that draws with React Flow is `graph-viewer.tsx`, and `flow-execution.tsx` draws through it.\n * `flow-node.tsx` is gone, and `actor.tsx` draws no graph any more (its graph mode drew edges the model does not hold),\n * so the actor components left this door and are exported eagerly from the root: behind it, painting a role badge\n * fetched the whole graph chunk.\n *\n * The preset-side twin (`@wildo-ai/presets-components` → `components/ai-elements/graph/graph.lazy`)\n * had a SECOND reason: its `canvas.tsx` imports `@xyflow/react/dist/style.css`, which Node's ESM\n * loader cannot handle, so Node consumers of that package root died at module load. **That reason\n * does not apply on this path** — nothing here imports a stylesheet. Stated explicitly because it\n * is also why `check:lazy-boundaries` Rule B, which is anchored on stylesheet imports, was\n * structurally unable to report this path. Rule A guards it from here on.\n *\n * ## Why every door names the SAME specifier\n *\n * Rollup/Vite emit one async chunk per dynamically-imported MODULE. Every door below\n * dynamically imports `./flows-actors-graph-runtime` and nothing else, so the bundler sees exactly\n * one dynamic target and emits exactly ONE async chunk holding `@xyflow/react`. Three per-leaf\n * split points would have produced either a duplicated library or an implicit shared chunk. See\n * `flows-actors-graph-runtime.ts` for the full rationale.\n *\n * ## Suspense fallbacks\n *\n * Doors that occupy layout reserve it with a `Skeleton`, never collapsing to zero height — the one\n * door that realistically suspends is whichever the host renders FIRST, and a host composes these\n * from the outside in (`AI_FlowExecutionCanvas`, `AI_GraphViewer`).\n *\n One deliberate exception, by DOM validity rather than by omission: `AI_FlowExecutionTimelineItem`\n * renders an `<li>` inside its parent's `<ol>`, so its skeleton is wrapped in an `<li>` rather than a\n * bare `<div>`.\n *\n * Everything except this wrapper (and tests) must import these components from HERE. A static\n * import of `./flows-actors-graph-runtime`, or of any leaf beneath it, from the eager graph\n * silently merges the whole payload back into the entry chunk — enforced by\n * `pnpm check:lazy-boundaries`.\n *\n * `AI_FlowNodeStepBadge` / `AI_FlowNodeStatusBadge` are NOT here on purpose: they touch no\n * `@xyflow/react`, they are consumed by eager modules that draw no graph, and they stay eager\n * in `./flow-node-badges`. So are a flow's kind-to-look mappings (`./flow-step-visuals`).\n *\n * The flow node cards and the active-edge door (`AI_FlowNode`, `AI_FlowTriggerNode`, `AI_FlowFinishNode`,\n * `AI_FlowEdgeActive`) were removed in #2529: the flow canvas draws through `AI_GraphViewer`, whose steps are the\n * preset `AI_Node`, so the cards were a second node family and the edge a copy of the preset's animated edge.\n */\n\nimport * as React from \"react\";\nimport { Skeleton } from \"~wildo-frontend-lib/components/feedback/skeleton\";\nimport { LazyDoorErrorBoundary, LazyDoorUnavailableFrame } from \"~wildo-frontend-lib/components/feedback/lazy-door-error-boundary\";\n\nimport type {\n  AI_FlowExecutionCanvasProps,\n  AI_FlowExecutionSummaryProps,\n  AI_FlowExecutionTimelineItemProps,\n  AI_FlowExecutionTimelineProps,\n} from \"./flow-execution\";\nimport type { AI_GraphViewerProps } from \"./graph-viewer\";\n\n/**\n * One `React.lazy` per exported symbol, every one of them resolving the SAME\n * `./flows-actors-graph-runtime` module. The module promise is created once by the ESM loader and\n * reused, so the factories below, however many there are, cost one network fetch and one module evaluation between\n * them.\n */\nconst LazyFlowExecutionCanvas = React.lazy(() =>\n  import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_FlowExecutionCanvas })),\n);\nconst LazyFlowExecutionSummary = React.lazy(() =>\n  import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_FlowExecutionSummary })),\n);\nconst LazyFlowExecutionTimeline = React.lazy(() =>\n  import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_FlowExecutionTimeline })),\n);\nconst LazyFlowExecutionTimelineItem = React.lazy(() =>\n  import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_FlowExecutionTimelineItem })),\n);\nconst LazyGraphViewer = React.lazy(() => import(\"./flows-actors-graph-runtime\").then((m) => ({ default: m.AI_GraphViewer })));\n\n// ─── Graph viewer ─────────────────────────────────────────────────────────────\n\n/**\n * A process drawn read-only from a `GraphView` (#2529): a plan, a run, a flow, a choreography's rounds. Reserves the\n * drawing's minimum height while the chunk loads.\n */\nexport const AI_GraphViewer = (props: AI_GraphViewerProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary doorName=\"AI_GraphViewer\" fallback={<LazyDoorUnavailableFrame className=\"h-80 w-full rounded-md\" />}>\n    <React.Suspense fallback={<Skeleton aria-hidden=\"true\" className=\"h-80 w-full rounded-md\" />}>\n      <LazyGraphViewer {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n// ─── Flow execution ───────────────────────────────────────────────────────────\n\n/** The flow graph surface. Reserves the drawing's minimum height (the viewer's canvas is `min-h-80`) while the chunk loads. */\nexport const AI_FlowExecutionCanvas = (props: AI_FlowExecutionCanvasProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary doorName=\"AI_FlowExecutionCanvas\" fallback={<LazyDoorUnavailableFrame className=\"h-80 w-full rounded-md\" />}>\n    <React.Suspense fallback={<Skeleton aria-hidden=\"true\" className=\"h-80 w-full rounded-md\" />}>\n      <LazyFlowExecutionCanvas {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n/** Status/progress strip above a flow canvas. */\nexport const AI_FlowExecutionSummary = (props: AI_FlowExecutionSummaryProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary doorName=\"AI_FlowExecutionSummary\" fallback={<LazyDoorUnavailableFrame className=\"h-14 w-full rounded-lg\" />}>\n    <React.Suspense fallback={<Skeleton aria-hidden=\"true\" className=\"h-14 w-full rounded-lg\" />}>\n      <LazyFlowExecutionSummary {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n/** Ordered list of execution events. */\nexport const AI_FlowExecutionTimeline = (props: AI_FlowExecutionTimelineProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary doorName=\"AI_FlowExecutionTimeline\" fallback={<LazyDoorUnavailableFrame className=\"h-40 w-full rounded-md\" />}>\n    <React.Suspense fallback={<Skeleton aria-hidden=\"true\" className=\"h-40 w-full rounded-md\" />}>\n      <LazyFlowExecutionTimeline {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n/** One timeline row. Fallback is an `<li>` — a bare `<div>` would be invalid inside the `<ol>`. */\nexport const AI_FlowExecutionTimelineItem = (props: AI_FlowExecutionTimelineItemProps): React.JSX.Element => (\n  <LazyDoorErrorBoundary\n    doorName=\"AI_FlowExecutionTimelineItem\"\n    fallback={\n      <li aria-hidden=\"true\" className=\"ms-4\">\n        <LazyDoorUnavailableFrame className=\"h-8 w-full\" />\n      </li>\n    }\n  >\n    <React.Suspense\n      fallback={\n        <li aria-hidden=\"true\" className=\"ms-4\">\n          <Skeleton className=\"h-8 w-full\" />\n        </li>\n      }\n    >\n      <LazyFlowExecutionTimelineItem {...props} />\n    </React.Suspense>\n  </LazyDoorErrorBoundary>\n);\n\n\nexport type {\n  AI_FlowExecutionCanvasProps,\n  AI_FlowExecutionSummaryProps,\n  AI_FlowExecutionTimelineEvent,\n  AI_FlowExecutionTimelineItemProps,\n  AI_FlowExecutionTimelineProps,\n  FlowCanvasEdge,\n  FlowCanvasFinish,\n  FlowCanvasNodeState,\n  FlowCanvasStep,\n  FlowCanvasTrigger,\n} from \"./flow-execution\";\nexport type { AI_GraphViewerProps } from \"./graph-viewer\";\n"]}

package/dist/esm/components/flows-actors/flows-actors-ui.utils.d.ts

@@ -1,17 +1,22 @@
 /**
- * Static utility class for flows-actors UI logic.
- * Centralises status styling, formatting, and flow-node helpers
- * used across execution-plan, task-detail, flow-execution, and flow-node.
+ * Static utility class for flows-actors UI logic: time formatting used across execution-plan, task-detail and
+ * flow-execution. (A branch's outgoing edges are told apart by their PORTS now, from `flowGraph`: the kind list that
+ * guessed two source handles for a branch, switch or parallel is gone with the flow node cards, #2529.)
+ *
+ * A status's colour and words are NOT here: they are read from the one tone map and the status vocabulary in
+ * `flow-node-badges.tsx` (`flowsActorsStatusDotClass`, `useFlowsActorsStatusWord`). This class used to keep a second,
+ * string-keyed copy of each, and neither copy knew AWAITING_APPROVAL (#2529).
  */
 export declare class FlowsActorsUIUtils {
     private constructor();
-    static readonly STATUS_COLOR: Record<string, string>;
-    static formatTimestamp(iso: string | undefined): string;
-    static formatTimestampFull(iso: string | undefined): string;
+    /**
+     * An ISO instant through the READER's formatter — `formatTime` or `formatDateTime` from `useI18n()`, which
+     * read it in the reader's zone and locale (#2242). The formatter is a required argument rather than a
+     * `toLocale*` call here because this class cannot reach the reader: a browser-locale default is exactly
+     * what put these times six hours off the rest of the page for a reader whose zone is not the browser's.
+     * Absent or unparseable input reads as empty, so a step not yet started shows nothing rather than a date.
+     */
+    static formatTimestamp(iso: string | undefined, format: (value: Date) => string): string;
     static formatDuration(startIso: string, endIso?: string): string;
-    private static readonly STATUS_LABEL_KEYS;
-    private static readonly CONTROL_MULTI_SOURCE_KINDS;
-    static isControlMultiSourceKind(kind: string): boolean;
-    static getStatusLabelKey(status: string): string;
 }
 //# sourceMappingURL=flows-actors-ui.utils.d.ts.map

package/dist/esm/components/flows-actors/flows-actors-ui.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flows-actors-ui.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/flows-actors/flows-actors-ui.utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,qBAAa,kBAAkB;IAC7B,OAAO;IAIP,MAAM,CAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAQlD;IAIF,MAAM,CAAC,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM;IAMvD,MAAM,CAAC,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM;IAM3D,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM;IAkBhE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAQvC;IAEF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,0BAA0B,CAI/C;IAEH,MAAM,CAAC,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAItD,MAAM,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;CAGjD"}
+{"version":3,"file":"flows-actors-ui.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/flows-actors/flows-actors-ui.utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,qBAAa,kBAAkB;IAC7B,OAAO;IAIP;;;;;;OAMG;IACH,MAAM,CAAC,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,MAAM,GAAG,MAAM;IAMxF,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM;CAejE"}

package/dist/esm/components/flows-actors/flows-actors-ui.utils.js

@@ -1,32 +1,27 @@
 /**
- * Static utility class for flows-actors UI logic.
- * Centralises status styling, formatting, and flow-node helpers
- * used across execution-plan, task-detail, flow-execution, and flow-node.
+ * Static utility class for flows-actors UI logic: time formatting used across execution-plan, task-detail and
+ * flow-execution. (A branch's outgoing edges are told apart by their PORTS now, from `flowGraph`: the kind list that
+ * guessed two source handles for a branch, switch or parallel is gone with the flow node cards, #2529.)
+ *
+ * A status's colour and words are NOT here: they are read from the one tone map and the status vocabulary in
+ * `flow-node-badges.tsx` (`flowsActorsStatusDotClass`, `useFlowsActorsStatusWord`). This class used to keep a second,
+ * string-keyed copy of each, and neither copy knew AWAITING_APPROVAL (#2529).
  */
 export class FlowsActorsUIUtils {
     constructor() { }
-    // ── Status → CSS color mapping ──
-    static STATUS_COLOR = {
-        ready: "bg-muted-foreground",
-        pending: "bg-muted-foreground",
-        processing: "bg-primary animate-pulse",
-        completed: "bg-success",
-        failed: "bg-destructive",
-        cancelled: "bg-muted-foreground/50",
-        aborted: "bg-destructive/70",
-    };
     // ── Formatting ──
-    static formatTimestamp(iso) {
+    /**
+     * An ISO instant through the READER's formatter — `formatTime` or `formatDateTime` from `useI18n()`, which
+     * read it in the reader's zone and locale (#2242). The formatter is a required argument rather than a
+     * `toLocale*` call here because this class cannot reach the reader: a browser-locale default is exactly
+     * what put these times six hours off the rest of the page for a reader whose zone is not the browser's.
+     * Absent or unparseable input reads as empty, so a step not yet started shows nothing rather than a date.
+     */
+    static formatTimestamp(iso, format) {
         if (!iso)
             return "";
         const d = new Date(iso);
-        return Number.isNaN(d.getTime()) ? "" : d.toLocaleTimeString();
-    }
-    static formatTimestampFull(iso) {
-        if (!iso)
-            return "";
-        const d = new Date(iso);
-        return Number.isNaN(d.getTime()) ? "" : d.toLocaleString();
+        return Number.isNaN(d.getTime()) ? "" : format(d);
     }
     static formatDuration(startIso, endIso) {
         const start = new Date(startIso).getTime();
@@ -48,26 +43,5 @@ export class FlowsActorsUIUtils {
         const h = Math.floor(m / 60);
         return `${h}h ${m % 60}m`;
     }
-    // ── Flow node helpers ──
-    static STATUS_LABEL_KEYS = {
-        ready: "statusReady",
-        pending: "statusPending",
-        processing: "statusProcessing",
-        completed: "statusCompleted",
-        failed: "statusFailed",
-        cancelled: "statusCancelled",
-        aborted: "statusAborted",
-    };
-    static CONTROL_MULTI_SOURCE_KINDS = new Set([
-        "control.branch",
-        "control.switch",
-        "control.parallel",
-    ]);
-    static isControlMultiSourceKind(kind) {
-        return FlowsActorsUIUtils.CONTROL_MULTI_SOURCE_KINDS.has(kind);
-    }
-    static getStatusLabelKey(status) {
-        return FlowsActorsUIUtils.STATUS_LABEL_KEYS[status] ?? status;
-    }
 }
 //# sourceMappingURL=flows-actors-ui.utils.js.map

package/dist/esm/components/flows-actors/flows-actors-ui.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"flows-actors-ui.utils.js","sourceRoot":"","sources":["../../../../../src/components/flows-actors/flows-actors-ui.utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Static utility class for flows-actors UI logic.\n * Centralises status styling, formatting, and flow-node helpers\n * used across execution-plan, task-detail, flow-execution, and flow-node.\n */\nexport class FlowsActorsUIUtils {\n  private constructor() {}\n\n  // ── Status → CSS color mapping ──\n\n  static readonly STATUS_COLOR: Record<string, string> = {\n    ready: \"bg-muted-foreground\",\n    pending: \"bg-muted-foreground\",\n    processing: \"bg-primary animate-pulse\",\n    completed: \"bg-success\",\n    failed: \"bg-destructive\",\n    cancelled: \"bg-muted-foreground/50\",\n    aborted: \"bg-destructive/70\",\n  };\n\n  // ── Formatting ──\n\n  static formatTimestamp(iso: string | undefined): string {\n    if (!iso) return \"\";\n    const d = new Date(iso);\n    return Number.isNaN(d.getTime()) ? \"\" : d.toLocaleTimeString();\n  }\n\n  static formatTimestampFull(iso: string | undefined): string {\n    if (!iso) return \"\";\n    const d = new Date(iso);\n    return Number.isNaN(d.getTime()) ? \"\" : d.toLocaleString();\n  }\n\n  static formatDuration(startIso: string, endIso?: string): string {\n    const start = new Date(startIso).getTime();\n    if (Number.isNaN(start)) return \"\";\n    const end = endIso ? new Date(endIso).getTime() : Date.now();\n    if (Number.isNaN(end)) return \"\";\n    const ms = Math.max(0, end - start);\n    if (ms < 1000) return `${ms}ms`;\n    const s = Math.floor(ms / 1000);\n    if (s < 60) return `${s}s`;\n    const m = Math.floor(s / 60);\n    const rs = s % 60;\n    if (m < 60) return `${m}m ${rs}s`;\n    const h = Math.floor(m / 60);\n    return `${h}h ${m % 60}m`;\n  }\n\n  // ── Flow node helpers ──\n\n  private static readonly STATUS_LABEL_KEYS: Record<string, string> = {\n    ready: \"statusReady\",\n    pending: \"statusPending\",\n    processing: \"statusProcessing\",\n    completed: \"statusCompleted\",\n    failed: \"statusFailed\",\n    cancelled: \"statusCancelled\",\n    aborted: \"statusAborted\",\n  };\n\n  private static readonly CONTROL_MULTI_SOURCE_KINDS = new Set([\n    \"control.branch\",\n    \"control.switch\",\n    \"control.parallel\",\n  ]);\n\n  static isControlMultiSourceKind(kind: string): boolean {\n    return FlowsActorsUIUtils.CONTROL_MULTI_SOURCE_KINDS.has(kind);\n  }\n\n  static getStatusLabelKey(status: string): string {\n    return FlowsActorsUIUtils.STATUS_LABEL_KEYS[status] ?? status;\n  }\n}\n"]}
+{"version":3,"file":"flows-actors-ui.utils.js","sourceRoot":"","sources":["../../../../../src/components/flows-actors/flows-actors-ui.utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,OAAO,kBAAkB;IAC7B,gBAAuB,CAAC;IAExB,mBAAmB;IAEnB;;;;;;OAMG;IACH,MAAM,CAAC,eAAe,CAAC,GAAuB,EAAE,MAA+B;QAC7E,IAAI,CAAC,GAAG;YAAE,OAAO,EAAE,CAAC;QACpB,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;QACxB,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC;IAED,MAAM,CAAC,cAAc,CAAC,QAAgB,EAAE,MAAe;QACrD,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC;QAC3C,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QACnC,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;QAC7D,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;YAAE,OAAO,EAAE,CAAC;QACjC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,GAAG,KAAK,CAAC,CAAC;QACpC,IAAI,EAAE,GAAG,IAAI;YAAE,OAAO,GAAG,EAAE,IAAI,CAAC;QAChC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;QAChC,IAAI,CAAC,GAAG,EAAE;YAAE,OAAO,GAAG,CAAC,GAAG,CAAC;QAC3B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;QAC7B,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,GAAG,EAAE;YAAE,OAAO,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC;QAClC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;QAC7B,OAAO,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC;IAC5B,CAAC;CACF","sourcesContent":["/**\n * Static utility class for flows-actors UI logic: time formatting used across execution-plan, task-detail and\n * flow-execution. (A branch's outgoing edges are told apart by their PORTS now, from `flowGraph`: the kind list that\n * guessed two source handles for a branch, switch or parallel is gone with the flow node cards, #2529.)\n *\n * A status's colour and words are NOT here: they are read from the one tone map and the status vocabulary in\n * `flow-node-badges.tsx` (`flowsActorsStatusDotClass`, `useFlowsActorsStatusWord`). This class used to keep a second,\n * string-keyed copy of each, and neither copy knew AWAITING_APPROVAL (#2529).\n */\nexport class FlowsActorsUIUtils {\n  private constructor() {}\n\n  // ── Formatting ──\n\n  /**\n   * An ISO instant through the READER's formatter — `formatTime` or `formatDateTime` from `useI18n()`, which\n   * read it in the reader's zone and locale (#2242). The formatter is a required argument rather than a\n   * `toLocale*` call here because this class cannot reach the reader: a browser-locale default is exactly\n   * what put these times six hours off the rest of the page for a reader whose zone is not the browser's.\n   * Absent or unparseable input reads as empty, so a step not yet started shows nothing rather than a date.\n   */\n  static formatTimestamp(iso: string | undefined, format: (value: Date) => string): string {\n    if (!iso) return \"\";\n    const d = new Date(iso);\n    return Number.isNaN(d.getTime()) ? \"\" : format(d);\n  }\n\n  static formatDuration(startIso: string, endIso?: string): string {\n    const start = new Date(startIso).getTime();\n    if (Number.isNaN(start)) return \"\";\n    const end = endIso ? new Date(endIso).getTime() : Date.now();\n    if (Number.isNaN(end)) return \"\";\n    const ms = Math.max(0, end - start);\n    if (ms < 1000) return `${ms}ms`;\n    const s = Math.floor(ms / 1000);\n    if (s < 60) return `${s}s`;\n    const m = Math.floor(s / 60);\n    const rs = s % 60;\n    if (m < 60) return `${m}m ${rs}s`;\n    const h = Math.floor(m / 60);\n    return `${h}h ${m % 60}m`;\n  }\n}\n"]}

package/dist/esm/components/flows-actors/graph-viewer.d.ts

@@ -0,0 +1,112 @@
+import * as React from "react";
+import { type Edge, type InternalNode, type Node, type NodeChange } from "@xyflow/react";
+import { type GraphCanvasLegend } from "../../components/ai-elements/graph/canvas";
+import { type AI_NodeHandle } from "../../components/ai-elements/graph/node";
+import { GraphViewEdgeKind, type GraphView, type GraphViewNode } from "../../core/flows-actors/graph-view.model";
+import { GraphViewLayoutDirection, type GraphViewLayout, type GraphViewSize } from "../../core/flows-actors/graph-view.layout";
+import { GraphViewerPresentation } from "./graph-viewer.models";
+/** The width a step is drawn at; its height is what its content needs, measured once rendered. */
+export declare const GRAPH_VIEWER_NODE_WIDTH = 240;
+/** A node's handles: one per port, incoming ports on its entry side and outgoing ones on its exit side. */
+export declare function graphViewerNodeHandles(node: GraphViewNode, direction: GraphViewLayoutDirection): readonly AI_NodeHandle[];
+interface GraphViewerNodeData extends Record<string, unknown> {
+    readonly node: GraphViewNode;
+}
+/**
+ * A GraphView, placed, as React Flow's nodes and edges. Pure, so what is drawn is testable without a canvas.
+ *
+ * A node holding others is a GROUP sized by the layout; its children are placed relative to it, after it in the list,
+ * which is the order React Flow requires. Every edge names the ports it joins, so it attaches to the handle drawn for
+ * that port, and carries an arrow in its kind's colour.
+ *
+ * The layout may be the PREVIOUS graph's while the new one is laid out: a node it holds no place for is not drawn yet,
+ * nor is a node whose group is not drawn, nor an edge missing an end. Each appears with the next layout.
+ *
+ * Every node CARRIES its measured size: a step what React Flow last measured it at, a group the size its layout gave
+ * it. React Flow keeps a node's `measured` (and its handles) when the node object brings it; without it, every new
+ * object — every update of a live run, every change of selection — is hidden, measured again and redrawn (#2529
+ * re-review F4), and a size that drops to nothing and comes back is the stall F1 was. What a step carries must be what
+ * React Flow measured LAST, or adopting the node puts the older size back over the newer one and nothing measures it
+ * again; {@link graphViewerApplyMeasurements} keeps it so.
+ */
+export declare function graphViewerFlowElements(graph: GraphView, layout: GraphViewLayout, options: {
+    readonly selectedNodeId?: string;
+    readonly edgeLabel: (kind: GraphViewEdgeKind) => string;
+    /** What React Flow last measured each step at ({@link graphViewerApplyMeasurements}); carried on the node. */
+    readonly measured?: ReadonlyMap<string, GraphViewSize>;
+}): {
+    readonly nodes: Node<GraphViewerNodeData>[];
+    readonly edges: Edge[];
+};
+export type AI_GraphViewerProps = {
+    graph: GraphView;
+    direction: GraphViewLayoutDirection;
+    /** The process's accessible name, in the host's words. */
+    title: string;
+    /** The step the host has open: its selection follows navigation, not a click this component remembers. */
+    selectedNodeId?: string;
+    /** A step was opened: clicked, or Enter or Space on it. */
+    onNodeActivate?: (node: GraphViewNode) => void;
+    /** The decision the run waits on was opened from the banner. Without it the banner only says so. */
+    onDecisionActivate?: (decisionId: string) => void;
+    /** What a step shows under its name. Its status is always shown. */
+    renderNodeBody?: (node: GraphViewNode) => React.ReactNode;
+    /** A miniature of the whole drawing, for a large process. */
+    minimap?: boolean;
+    /** How the process is first shown. Default {@link GraphViewerPresentation.GRAPH}. */
+    defaultPresentation?: GraphViewerPresentation;
+    className?: string;
+};
+export declare const AI_GraphViewer: ({ graph, direction, title, selectedNodeId, onNodeActivate, onDecisionActivate, renderNodeBody, minimap, defaultPresentation, className, }: AI_GraphViewerProps) => React.JSX.Element | null;
+/** The legend: the statuses the drawing holds, then the edge kinds it holds, each in its own words. */
+export declare function graphViewerLegend(graph: GraphView, title: string, statusWord: (status: string) => string, edgeWord: (kind: GraphViewEdgeKind) => string): GraphCanvasLegend;
+/**
+ * What each step was last measured at, after React Flow's node changes: a `dimensions` change is a measurement, applied
+ * the way React Flow's own `applyNodeChanges` applies it to a controlled node's `measured`. Any other change leaves it,
+ * and the same map comes back when nothing was measured, so a selection or a drag does not redraw the canvas.
+ *
+ * Taken from the change, not read back from the node lookup afterwards (#2529 re-review F6). React Flow writes its lookup
+ * and reports the change in one call, so a size kept this way is never older than the lookup's. Read back in an effect,
+ * it lagged by a render: a step that grew, then a new node object for it before the effect ran (a live run's next
+ * update), carried the OLD size, React Flow adopted it over the new one, and the step's box did not change again, so it
+ * was never measured again. The layout then placed it at its old height and the steps below overlapped it.
+ */
+export declare function graphViewerApplyMeasurements(current: ReadonlyMap<string, GraphViewSize>, changes: readonly NodeChange[]): ReadonlyMap<string, GraphViewSize>;
+/**
+ * What decides where things are drawn: the direction, every node with the group it sits in, and every edge. A status,
+ * a label or a host rebuilding the same graph as a new object is not part of it, so a live run's updates leave the
+ * drawing where it is. A label that changes a step's height still moves things, through its measured size.
+ */
+export declare function graphViewerStructureKey(graph: GraphView, direction: GraphViewLayoutDirection): string;
+/**
+ * Whether the graph must be laid out again: its structure changed ({@link graphViewerStructureKey}), or a drawn step's
+ * size did. Never while a drawn step is not measured yet (a size of 0 is "not drawn yet", not "drawn empty"): its real
+ * size is one frame away. `sizes` is the canvas's `id:WxH|…` signature of what is drawn; with nothing drawn it is
+ * empty, and a new structure is then laid out at the estimated sizes, since nothing can be measured until it is placed.
+ */
+export declare function graphViewerRelayoutDue(last: {
+    readonly structure: string | null;
+    readonly sizes: string;
+}, structure: string, sizes: string): boolean;
+/** The measured size of every drawn node, from React Flow's node lookup; a node not measured yet is absent. */
+export declare function graphViewerMeasuredSizes(nodeLookup: ReadonlyMap<string, Pick<InternalNode, "id" | "measured">>): ReadonlyMap<string, GraphViewSize>;
+/**
+ * Whether a node's box is wholly inside the visible part of the canvas. `transform` is React Flow's `[x, y, zoom]`;
+ * `box` is in the drawing's coordinates, `frame` in the screen's.
+ */
+export declare function graphViewerBoxIsVisible(box: {
+    readonly x: number;
+    readonly y: number;
+    readonly width: number;
+    readonly height: number;
+}, transform: readonly [number, number, number], frame: {
+    readonly width: number;
+    readonly height: number;
+}): boolean;
+/**
+ * Whether focus arrived the way `:focus-visible` means it — from the keyboard, not a pointer. A browser that cannot
+ * answer (an engine without the selector) is treated as keyboard focus, so the step is still brought into view.
+ */
+export declare function graphViewerFocusIsVisible(target: Element): boolean;
+export {};
+//# sourceMappingURL=graph-viewer.d.ts.map

package/dist/esm/components/flows-actors/graph-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-viewer.d.ts","sourceRoot":"","sources":["../../../../../src/components/flows-actors/graph-viewer.tsx"],"names":[],"mappings":"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"}