@wildo-ai/saas-frontend-lib 1.0.1

package/dist/esm/components/flows-actors/artifact-browser.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { AI_ArtifactList, AI_ArtifactItem, AI_ArtifactOrigin, AI_ArtifactTextContent, AI_ArtifactFileContent, AI_ArtifactStructuredContent, } from "../../components/ai-elements/artifacts/artifact-list.js";
+import { FlowsActors_IO_PartKind, } from "@wildo-ai/saas-models";
+//===============================================================
+//  Flows-Actors Artifact Browser Wrappers
+//
+//  Thin context-wired wrappers that:
+//  1. Import generic preset components (AI_ArtifactList, etc.)
+//  2. Map ArtifactInstance (saas-models) to preset prop shapes
+//  3. Wire origin tracing to task/step references
+//===============================================================
+//===============================================================
+//  Mappers — ArtifactInstance → ArtifactItemData
+//===============================================================
+const PART_KIND_MAP = {
+    [FlowsActors_IO_PartKind.TEXT]: "TEXT",
+    [FlowsActors_IO_PartKind.FILE]: "FILE",
+    [FlowsActors_IO_PartKind.RAW_DATA]: "RAW_DATA",
+    [FlowsActors_IO_PartKind.STRUCTURED]: "STRUCTURED",
+};
+function mapArtifactInstance(instance) {
+    const content = instance.content;
+    return {
+        ref: instance.ref,
+        name: instance.name,
+        type: PART_KIND_MAP[instance.type] ?? "RAW_DATA",
+        description: instance.description,
+        origin: instance.origin,
+        createdAt: instance.createdAt,
+        content: instance.content,
+        mimeType: content?.mimeType,
+        size: content?.size,
+        metadata: instance.metadata,
+    };
+}
+export function FlowsActors_ArtifactList({ artifacts, ...props }) {
+    const items = React.useMemo(() => artifacts.map(mapArtifactInstance), [artifacts]);
+    return _jsx(AI_ArtifactList, { items: items, ...props });
+}
+export function FlowsActors_ArtifactItem({ artifact, ...props }) {
+    const item = React.useMemo(() => mapArtifactInstance(artifact), [artifact]);
+    return _jsx(AI_ArtifactItem, { item: item, ...props });
+}
+//===============================================================
+//  Re-exports for convenience
+//===============================================================
+export { AI_ArtifactOrigin, AI_ArtifactTextContent, AI_ArtifactFileContent, AI_ArtifactStructuredContent, };
+//# sourceMappingURL=artifact-browser.js.map

package/dist/esm/components/flows-actors/artifact-browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifact-browser.js","sourceRoot":"","sources":["../../../../src/components/flows-actors/artifact-browser.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,sBAAsB,EACtB,sBAAsB,EACtB,4BAA4B,GAC7B,MAAM,oEAAoE,CAAC;AAO5E,OAAO,EACL,uBAAuB,GAExB,MAAM,uBAAuB,CAAC;AAE/B,iEAAiE;AACjE,0CAA0C;AAC1C,EAAE;AACF,qCAAqC;AACrC,+DAA+D;AAC/D,+DAA+D;AAC/D,kDAAkD;AAClD,iEAAiE;AAEjE,iEAAiE;AACjE,iDAAiD;AACjD,iEAAiE;AAEjE,MAAM,aAAa,GAAqC;IACtD,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,MAAM;IACtC,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,MAAM;IACtC,CAAC,uBAAuB,CAAC,QAAQ,CAAC,EAAE,UAAU;IAC9C,CAAC,uBAAuB,CAAC,UAAU,CAAC,EAAE,YAAY;CACnD,CAAC;AAEF,SAAS,mBAAmB,CAAC,QAA0B;IACrD,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAkC,CAAC;IAE5D,OAAO;QACL,GAAG,EAAE,QAAQ,CAAC,GAAG;QACjB,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,UAAU;QAChD,WAAW,EAAE,QAAQ,CAAC,WAAW;QACjC,MAAM,EAAE,QAAQ,CAAC,MAAM;QACvB,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC7B,OAAO,EAAE,QAAQ,CAAC,OAAO;QACzB,QAAQ,EAAE,OAAO,EAAE,QAA8B;QACjD,IAAI,EAAE,OAAO,EAAE,IAA0B;QACzC,QAAQ,EAAE,QAAQ,CAAC,QAAQ;KAC5B,CAAC;AACJ,CAAC;AAUD,MAAM,UAAU,wBAAwB,CAAC,EACvC,SAAS,EACT,GAAG,KAAK,EACsB;IAC9B,MAAM,KAAK,GAAuB,KAAK,CAAC,OAAO,CAC7C,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,EACxC,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,CAAC;AACtD,CAAC;AAUD,MAAM,UAAU,wBAAwB,CAAC,EACvC,QAAQ,EACR,GAAG,KAAK,EACsB;IAC9B,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC5E,OAAO,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AACpD,CAAC;AAED,iEAAiE;AACjE,8BAA8B;AAC9B,iEAAiE;AAEjE,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}

package/dist/esm/components/flows-actors/execution-plan.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import type { ComponentProps } from "react";
+import type { ActorsSystem_ExecutionPlan, ActorsSystem_ExecutionPlan_Step } from "@wildo-ai/saas-models";
+export type AI_ExecutionPlanProps = ComponentProps<"div"> & {
+    plan: ActorsSystem_ExecutionPlan;
+};
+export declare const AI_ExecutionPlan: ({ plan, className, ...props }: AI_ExecutionPlanProps) => React.JSX.Element;
+type StepStatusChange = {
+    status: string;
+    timestamp: string;
+};
+export type AI_ExecutionPlanStepProps = ComponentProps<"li"> & {
+    step: ActorsSystem_ExecutionPlan_Step;
+    index: number;
+    resolvedStatus: string;
+    statusChanges?: StepStatusChange[];
+};
+export declare const AI_ExecutionPlanStep: ({ step, index, resolvedStatus, statusChanges, className, ...props }: AI_ExecutionPlanStepProps) => React.JSX.Element;
+export type AI_ExecutionPlanProgressProps = ComponentProps<"div"> & {
+    total: number;
+    completed: number;
+    failed: number;
+    processing?: number;
+    pending?: number;
+};
+export declare const AI_ExecutionPlanProgress: ({ total, completed, failed, processing, pending, className, ...props }: AI_ExecutionPlanProgressProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=execution-plan.d.ts.map

package/dist/esm/components/flows-actors/execution-plan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"execution-plan.d.ts","sourceRoot":"","sources":["../../../../src/components/flows-actors/execution-plan.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EACV,0BAA0B,EAC1B,+BAA+B,EAEhC,MAAM,uBAAuB,CAAC;AA0B/B,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1D,IAAI,EAAE,0BAA0B,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,+BAI9B,qBAAqB,KAAG,KAAK,CAAC,GAAG,CAAC,OA8DpC,CAAC;AAMF,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG;IAC7D,IAAI,EAAE,+BAA+B,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,qEAOlC,yBAAyB,KAAG,KAAK,CAAC,GAAG,CAAC,OA4DxC,CAAC;AAMF,MAAM,MAAM,6BAA6B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,wEAQtC,6BAA6B,KAAG,KAAK,CAAC,GAAG,CAAC,OAyD5C,CAAC"}

package/dist/esm/components/flows-actors/execution-plan.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Badge } from "../../components/data-display/badge.js";
+import { ScrollArea } from "../../components/layout/scroll-area.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../components/sections/collapsible.js";
+import { Button, ButtonVariants_Variant } from "../../components/actions/button.js";
+import { ButtonSize } from "@wildo-ai/presets-components-models";
+import { useI18n } from "@wildo-ai/saas-frontend-lib";
+import { cn } from "../../core/ui/cn.js";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { AI_FlowNodeStatusBadge } from "./flow-node.js";
+import { FlowsActorsUIUtils } from "./flows-actors-ui.utils.js";
+//===============================================================
+//  Constants
+//===============================================================
+const CT = FrontendComponentType.LOW_LEVEL_AI_EXECUTION_PLAN;
+//===============================================================
+//  Helpers
+//===============================================================
+function extractDependencies(relationships) {
+    return relationships
+        .filter((r) => r.relation === "depends_on" || r.relation === "blocked_by")
+        .map((r) => {
+        if (r.kind === "actor.plan.step")
+            return r.planStepId;
+        if (r.kind === "actor.task")
+            return r.taskId;
+        return r.kind;
+    });
+}
+export const AI_ExecutionPlan = ({ plan, className, ...props }) => {
+    const { tComponent, isReady } = useI18n({ component: CT });
+    const stepStateMap = React.useMemo(() => new Map(plan.stepStates.map((s) => [s.planStepId, s])), [plan.stepStates]);
+    const counts = React.useMemo(() => {
+        const c = { total: plan.planSteps.length, completed: 0, failed: 0, processing: 0, pending: 0 };
+        for (const step of plan.planSteps) {
+            const state = stepStateMap.get(step._id);
+            const status = state?.status ?? step.status;
+            if (status === "completed")
+                c.completed++;
+            else if (status === "failed")
+                c.failed++;
+            else if (status === "processing")
+                c.processing++;
+            else
+                c.pending++;
+        }
+        return c;
+    }, [plan.planSteps, stepStateMap]);
+    return (_jsxs("div", { className: cn("flex flex-col gap-card rounded-lg border bg-card p-card", className), ...props, children: [_jsxs("div", { className: "flex items-start justify-between gap-card", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("h3", { className: "text-sm font-semibold", children: tComponent(CT, "title") }), _jsx("p", { className: "text-xs text-muted-foreground", children: plan.goalDescription })] }), _jsx(AI_FlowNodeStatusBadge, { status: plan.status })] }), _jsx(AI_ExecutionPlanProgress, { total: counts.total, completed: counts.completed, failed: counts.failed, processing: counts.processing, pending: counts.pending }), _jsx(ScrollArea, { className: "max-h-80", children: _jsx("ol", { className: "flex flex-col gap-2", children: plan.planSteps.map((step, index) => {
+                        const state = stepStateMap.get(step._id);
+                        return (_jsx(AI_ExecutionPlanStep, { step: step, index: index, resolvedStatus: state?.status ?? step.status, statusChanges: state?.statusChanges }, step._id));
+                    }) }) })] }));
+};
+export const AI_ExecutionPlanStep = ({ step, index, resolvedStatus, statusChanges, className, ...props }) => {
+    const { tComponent, isReady } = useI18n({ component: CT });
+    const dependencies = React.useMemo(() => extractDependencies(step.relationships), [step.relationships]);
+    const [expanded, setExpanded] = React.useState(false);
+    const hasDetails = dependencies.length > 0 || (statusChanges && statusChanges.length > 0);
+    return (_jsxs("li", { className: cn("flex items-start gap-element", className), ...props, children: [_jsxs("div", { className: "flex flex-col items-center gap-0.5 pt-0.5", children: [_jsx("span", { className: "text-2xs font-mono text-muted-foreground", children: index + 1 }), _jsx("div", { className: cn("size-2.5 shrink-0 rounded-full", FlowsActorsUIUtils.STATUS_COLOR[resolvedStatus] ?? "bg-muted-foreground") })] }), _jsxs("div", { className: "flex flex-1 flex-col gap-0.5", children: [_jsxs("div", { className: "flex items-center gap-element", children: [_jsx("span", { className: "text-sm font-medium", children: step.name ?? step._id }), _jsx(Badge, { variant: "outline", className: "text-2xs", children: step.topic }), _jsx(AI_FlowNodeStatusBadge, { status: resolvedStatus })] }), step.description && (_jsx("p", { className: "text-xs text-muted-foreground", children: step.description })), hasDetails && (_jsxs(Collapsible, { open: expanded, onOpenChange: setExpanded, children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: ButtonVariants_Variant.LINK, size: ButtonSize.SM, className: "h-auto p-0 text-2xs", children: [expanded ? "▾" : "▸", " ", tComponent(CT, "stepDetails")] }) }), _jsxs(CollapsibleContent, { className: "mt-1 flex flex-col gap-1", children: [dependencies.length > 0 && (_jsxs("p", { className: "text-2xs text-muted-foreground", children: [tComponent(CT, "stepDependencies"), ":", " ", dependencies.join(", ")] })), statusChanges && statusChanges.length > 0 && (_jsx("div", { className: "flex flex-col gap-0.5", children: statusChanges.map((sc, i) => (_jsxs("div", { className: "flex items-center gap-element text-2xs", children: [_jsx("div", { className: cn("size-1.5 rounded-full", FlowsActorsUIUtils.STATUS_COLOR[sc.status] ?? "bg-muted-foreground") }), _jsx("span", { className: "text-muted-foreground", children: sc.status }), _jsx("time", { className: "text-muted-foreground/70", children: FlowsActorsUIUtils.formatTimestamp(sc.timestamp) })] }, `${sc.status}-${sc.timestamp}-${i}`))) })), _jsx("div", { className: "flex gap-card text-2xs text-muted-foreground", children: _jsxs("span", { children: [tComponent(CT, "timestamps"), ": ", FlowsActorsUIUtils.formatTimestamp(step.createdAt)] }) })] })] }))] })] }));
+};
+export const AI_ExecutionPlanProgress = ({ total, completed, failed, processing = 0, pending = 0, className, ...props }) => {
+    const { tComponent, isReady } = useI18n({ component: CT });
+    const percentage = total > 0 ? Math.round((completed / total) * 100) : 0;
+    const completedPct = total > 0 ? (completed / total) * 100 : 0;
+    const processingPct = total > 0 ? (processing / total) * 100 : 0;
+    const failedPct = total > 0 ? (failed / total) * 100 : 0;
+    return (_jsxs("div", { className: cn("flex flex-col gap-1", className), ...props, children: [_jsxs("div", { className: "flex items-center justify-between text-xs", children: [_jsx("span", { children: tComponent(CT, "progress", {
+                            completed,
+                            total,
+                        }) }), _jsxs("span", { className: "text-muted-foreground", children: [percentage, "%"] })] }), _jsxs("div", { className: "flex h-1.5 w-full overflow-hidden rounded-full bg-secondary", children: [completedPct > 0 && (_jsx("div", { className: "h-full bg-success transition-all", style: { width: `${completedPct}%` } })), processingPct > 0 && (_jsx("div", { className: "h-full animate-pulse bg-primary transition-all", style: { width: `${processingPct}%` } })), failedPct > 0 && (_jsx("div", { className: "h-full bg-destructive transition-all", style: { width: `${failedPct}%` } }))] }), (processing > 0 || failed > 0) && (_jsxs("div", { className: "flex gap-card text-2xs text-muted-foreground", children: [processing > 0 && (_jsxs("span", { className: "flex items-center gap-0.5", children: [_jsx("span", { className: "inline-block size-1.5 rounded-full bg-primary" }), tComponent(CT, "segmentProcessing"), " (", processing, ")"] })), failed > 0 && (_jsxs("span", { className: "flex items-center gap-0.5", children: [_jsx("span", { className: "inline-block size-1.5 rounded-full bg-destructive" }), tComponent(CT, "segmentFailed"), " (", failed, ")"] }))] }))] }));
+};
+//# sourceMappingURL=execution-plan.js.map

package/dist/esm/components/flows-actors/execution-plan.js.map

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

package/dist/esm/components/flows-actors/flow-execution.d.ts

@@ -0,0 +1,70 @@
+import * as React from "react";
+import { type EdgeProps } from "@xyflow/react";
+import type { ComponentProps } from "react";
+export type FlowCanvasStep = {
+    ref: string;
+    kind: string;
+    name: string;
+    description?: string;
+};
+export type FlowCanvasTrigger = {
+    ref: string;
+    type: string;
+    displayName: string;
+    description?: string;
+};
+export type FlowCanvasFinish = {
+    ref: string;
+};
+export type FlowCanvasEdge = {
+    from: {
+        type: string;
+        ref: string;
+    };
+    to: {
+        type: string;
+        ref: string;
+    };
+};
+export type FlowCanvasNodeState = {
+    nodeRef: string;
+    nodeType: string;
+    status: string;
+};
+export type AI_FlowEdgeActiveProps = EdgeProps;
+export declare const AI_FlowEdgeActive: ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, }: EdgeProps) => React.JSX.Element;
+export type AI_FlowExecutionCanvasProps = ComponentProps<"div"> & {
+    triggers: FlowCanvasTrigger[];
+    steps: FlowCanvasStep[];
+    edges: FlowCanvasEdge[];
+    finishes: FlowCanvasFinish[];
+    nodeStates?: FlowCanvasNodeState[];
+    onNodeClick?: (nodeRef: string, nodeType: string) => void;
+};
+export declare const AI_FlowExecutionCanvas: ({ triggers, steps, edges: flowEdges, finishes, nodeStates, onNodeClick, className, ...props }: AI_FlowExecutionCanvasProps) => React.JSX.Element;
+export type AI_FlowExecutionSummaryProps = ComponentProps<"div"> & {
+    totalSteps: number;
+    completedSteps: number;
+    failedSteps: number;
+    status: string;
+    startedAt?: string;
+    completedAt?: string;
+};
+export declare const AI_FlowExecutionSummary: ({ totalSteps, completedSteps, failedSteps, status, startedAt, completedAt, className, ...props }: AI_FlowExecutionSummaryProps) => React.JSX.Element;
+export type AI_FlowExecutionTimelineEvent = {
+    nodeRef: string;
+    nodeType: string;
+    nodeName?: string;
+    status: string;
+    timestamp: string;
+};
+export type AI_FlowExecutionTimelineProps = ComponentProps<"div"> & {
+    events: AI_FlowExecutionTimelineEvent[];
+};
+export declare const AI_FlowExecutionTimeline: ({ events, className, ...props }: AI_FlowExecutionTimelineProps) => React.JSX.Element;
+export type AI_FlowExecutionTimelineItemProps = ComponentProps<"li"> & {
+    event: AI_FlowExecutionTimelineEvent;
+    previousTimestamp?: string;
+};
+export declare const AI_FlowExecutionTimelineItem: ({ event, previousTimestamp, className, ...props }: AI_FlowExecutionTimelineItemProps) => React.JSX.Element;
+//# sourceMappingURL=flow-execution.d.ts.map

package/dist/esm/components/flows-actors/flow-execution.d.ts.map

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

package/dist/esm/components/flows-actors/flow-execution.js

@@ -0,0 +1,247 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { BaseEdge, getBezierPath, } from "@xyflow/react";
+import { AI_Canvas } from "../../components/ai-elements/graph/canvas.js";
+import { AI_Controls } from "../../components/ai-elements/graph/controls.js";
+import { Badge } from "../../components/data-display/badge.js";
+import { ScrollArea } from "../../components/layout/scroll-area.js";
+import { useI18n } from "@wildo-ai/saas-frontend-lib";
+import { cn } from "../../core/ui/cn.js";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { AI_FlowNode, AI_FlowTriggerNode, AI_FlowFinishNode, AI_FlowNodeStatusBadge, } from "./flow-node.js";
+import { FlowsActorsUIUtils } from "./flows-actors-ui.utils.js";
+//===============================================================
+//  Auto-layout (BFS longest-path level assignment)
+//===============================================================
+const LAYOUT_NODE_W = 384;
+const LAYOUT_NODE_H = 120;
+const LAYOUT_H_GAP = 100;
+const LAYOUT_V_GAP = 40;
+function computeFlowLayout(nodeIds, edgePairs) {
+    if (nodeIds.length === 0)
+        return new Map();
+    const adjOut = new Map();
+    const adjIn = new Map();
+    for (const id of nodeIds) {
+        adjOut.set(id, []);
+        adjIn.set(id, []);
+    }
+    for (const e of edgePairs) {
+        adjOut.get(e.source)?.push(e.target);
+        adjIn.get(e.target)?.push(e.source);
+    }
+    const levels = new Map();
+    const remaining = new Map();
+    const queue = [];
+    for (const id of nodeIds) {
+        const inCount = adjIn.get(id)?.length ?? 0;
+        remaining.set(id, inCount);
+        if (inCount === 0) {
+            queue.push(id);
+            levels.set(id, 0);
+        }
+    }
+    const processed = new Set();
+    let safety = 0;
+    while (queue.length > 0 && safety < nodeIds.length * 2) {
+        safety++;
+        const current = queue.shift();
+        if (processed.has(current))
+            continue;
+        processed.add(current);
+        const currentLevel = levels.get(current) ?? 0;
+        for (const next of adjOut.get(current) ?? []) {
+            if (processed.has(next))
+                continue;
+            levels.set(next, Math.max(levels.get(next) ?? 0, currentLevel + 1));
+            const rem = (remaining.get(next) ?? 1) - 1;
+            remaining.set(next, rem);
+            if (rem <= 0)
+                queue.push(next);
+        }
+    }
+    for (const id of nodeIds) {
+        if (!levels.has(id)) {
+            let maxPred = 0;
+            for (const pred of adjIn.get(id) ?? []) {
+                if (levels.has(pred))
+                    maxPred = Math.max(maxPred, levels.get(pred));
+            }
+            levels.set(id, maxPred + 1);
+        }
+    }
+    const levelGroups = new Map();
+    for (const [id, level] of levels) {
+        if (!levelGroups.has(level))
+            levelGroups.set(level, []);
+        levelGroups.get(level).push(id);
+    }
+    const positions = new Map();
+    for (const [level, group] of levelGroups) {
+        const x = level * (LAYOUT_NODE_W + LAYOUT_H_GAP);
+        const totalH = (group.length - 1) * (LAYOUT_NODE_H + LAYOUT_V_GAP);
+        const startY = -totalH / 2;
+        group.forEach((id, i) => {
+            positions.set(id, { x, y: startY + i * (LAYOUT_NODE_H + LAYOUT_V_GAP) });
+        });
+    }
+    return positions;
+}
+//===============================================================
+//  Node ID helpers
+//===============================================================
+function makeNodeId(type, ref) {
+    return `${type}--${ref}`;
+}
+function parseNodeId(id) {
+    const idx = id.indexOf("--");
+    if (idx === -1)
+        return { type: "step", ref: id };
+    return { type: id.slice(0, idx), ref: id.slice(idx + 2) };
+}
+function FlowStepNodeComponent({ data }) {
+    const d = data;
+    return (_jsx(AI_FlowNode, { stepKind: d.kind, stepName: d.name, stepDescription: d.description, status: d.status, handles: { target: true, source: true, sourceCount: d.sourceCount } }));
+}
+function FlowTriggerNodeComponent({ data }) {
+    const d = data;
+    return (_jsx(AI_FlowTriggerNode, { triggerType: d.triggerType, displayName: d.displayName, description: d.description, status: d.status }));
+}
+function FlowFinishNodeComponent({ data }) {
+    const d = data;
+    return _jsx(AI_FlowFinishNode, { status: d.status });
+}
+export const AI_FlowEdgeActive = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, markerEnd, }) => {
+    const [edgePath] = getBezierPath({
+        sourceX,
+        sourceY,
+        sourcePosition,
+        targetX,
+        targetY,
+        targetPosition,
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(BaseEdge, { id: id, path: edgePath, markerEnd: markerEnd, style: { ...style, stroke: "var(--primary)", strokeWidth: 2 } }), _jsx("circle", { r: "4", fill: "var(--primary)", children: _jsx("animateMotion", { dur: "2s", path: edgePath, repeatCount: "indefinite" }) })] }));
+};
+//===============================================================
+//  Stable type registries  (constant objects → never re-mount)
+//===============================================================
+const NODE_TYPES = {
+    flowStep: FlowStepNodeComponent,
+    flowTrigger: FlowTriggerNodeComponent,
+    flowFinish: FlowFinishNodeComponent,
+};
+const EDGE_TYPES = {
+    active: AI_FlowEdgeActive,
+};
+export const AI_FlowExecutionCanvas = ({ triggers, steps, edges: flowEdges, finishes, nodeStates = [], onNodeClick, className, ...props }) => {
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION });
+    const stateMap = React.useMemo(() => new Map(nodeStates.map((ns) => [makeNodeId(ns.nodeType, ns.nodeRef), ns])), [nodeStates]);
+    const rfNodes = React.useMemo(() => {
+        const allIds = [];
+        const pairs = [];
+        for (const t of triggers)
+            allIds.push(makeNodeId("trigger", t.ref));
+        for (const s of steps)
+            allIds.push(makeNodeId("step", s.ref));
+        for (const f of finishes)
+            allIds.push(makeNodeId("finish", f.ref));
+        for (const e of flowEdges) {
+            pairs.push({
+                source: makeNodeId(e.from.type, e.from.ref),
+                target: makeNodeId(e.to.type, e.to.ref),
+            });
+        }
+        const positions = computeFlowLayout(allIds, pairs);
+        const nodes = [];
+        for (const t of triggers) {
+            const id = makeNodeId("trigger", t.ref);
+            nodes.push({
+                id,
+                type: "flowTrigger",
+                position: positions.get(id) ?? { x: 0, y: 0 },
+                data: {
+                    triggerType: t.type,
+                    displayName: t.displayName,
+                    description: t.description,
+                    status: stateMap.get(id)?.status,
+                },
+            });
+        }
+        for (const s of steps) {
+            const id = makeNodeId("step", s.ref);
+            nodes.push({
+                id,
+                type: "flowStep",
+                position: positions.get(id) ?? { x: 0, y: 0 },
+                data: {
+                    kind: s.kind,
+                    name: s.name,
+                    description: s.description,
+                    status: stateMap.get(id)?.status,
+                    sourceCount: FlowsActorsUIUtils.isControlMultiSourceKind(s.kind) ? 2 : 1,
+                },
+            });
+        }
+        for (const f of finishes) {
+            const id = makeNodeId("finish", f.ref);
+            nodes.push({
+                id,
+                type: "flowFinish",
+                position: positions.get(id) ?? { x: 0, y: 0 },
+                data: { status: stateMap.get(id)?.status },
+            });
+        }
+        return nodes;
+    }, [triggers, steps, finishes, flowEdges, stateMap]);
+    const rfEdges = React.useMemo(() => {
+        return flowEdges.map((e) => {
+            const sourceId = makeNodeId(e.from.type, e.from.ref);
+            const targetId = makeNodeId(e.to.type, e.to.ref);
+            const srcStatus = stateMap.get(sourceId)?.status;
+            const tgtStatus = stateMap.get(targetId)?.status;
+            const isActive = (srcStatus === "completed" || srcStatus === "processing") &&
+                (tgtStatus === "processing" || tgtStatus === "pending");
+            return {
+                id: `${sourceId}__${targetId}`,
+                source: sourceId,
+                target: targetId,
+                type: isActive ? "active" : undefined,
+                animated: isActive,
+            };
+        });
+    }, [flowEdges, stateMap]);
+    const isEmpty = triggers.length === 0 && steps.length === 0 && finishes.length === 0;
+    if (isEmpty) {
+        return (_jsx("div", { className: cn("flex items-center justify-center rounded-lg border bg-card p-section text-center text-muted-foreground", className), ...props, children: _jsx("p", { className: "text-sm", children: tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, "canvasEmpty") }) }));
+    }
+    return (_jsx("div", { className: cn("relative h-[500px] overflow-hidden rounded-lg border bg-card", className), ...props, children: _jsx(AI_Canvas, { nodes: rfNodes, edges: rfEdges, nodeTypes: NODE_TYPES, edgeTypes: EDGE_TYPES, onNodeClick: (_, node) => {
+                const parsed = parseNodeId(node.id);
+                onNodeClick?.(parsed.ref, parsed.type);
+            }, panOnDrag: true, selectionOnDrag: false, nodesDraggable: false, nodesConnectable: false, elementsSelectable: true, fitView: true, fitViewOptions: { padding: 0.2 }, children: _jsx(AI_Controls, {}) }) }));
+};
+export const AI_FlowExecutionSummary = ({ totalSteps, completedSteps, failedSteps, status, startedAt, completedAt, className, ...props }) => {
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION });
+    return (_jsxs("div", { className: cn("flex items-center gap-card rounded-lg border bg-card p-card-sm", className), ...props, children: [_jsxs("div", { className: "flex flex-1 items-center gap-element", children: [_jsx(Badge, { variant: status === "completed" ? "default" : status === "failed" ? "destructive" : "secondary", children: tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, FlowsActorsUIUtils.getStatusLabelKey(status)) }), _jsx("span", { className: "text-sm text-muted-foreground", children: tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, "stepsProgress", {
+                            completed: completedSteps,
+                            total: totalSteps,
+                        }) })] }), failedSteps > 0 && (_jsx(Badge, { variant: "destructive", children: tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, "failedSteps", {
+                    count: failedSteps,
+                }) })), startedAt && (_jsx("span", { className: "text-2xs text-muted-foreground", children: FlowsActorsUIUtils.formatDuration(startedAt, completedAt) }))] }));
+};
+export const AI_FlowExecutionTimeline = ({ events, className, ...props }) => {
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION });
+    return (_jsxs("div", { className: cn("flex flex-col", className), ...props, children: [_jsx("h4", { className: "mb-2 text-sm font-medium", children: tComponent(FrontendComponentType.LOW_LEVEL_AI_FLOW_EXECUTION, "timeline") }), _jsx(ScrollArea, { className: "max-h-64", children: _jsx("ol", { className: "relative border-s border-border ms-3 space-y-2", children: events.map((event, i) => (_jsx(AI_FlowExecutionTimelineItem, { event: event, previousTimestamp: i > 0 ? events[i - 1].timestamp : undefined }, `${event.nodeRef}-${event.timestamp}-${i}`))) }) })] }));
+};
+export const AI_FlowExecutionTimelineItem = ({ event, previousTimestamp, className, ...props }) => {
+    const statusColor = event.status === "completed"
+        ? "bg-success"
+        : event.status === "failed"
+            ? "bg-destructive"
+            : event.status === "processing"
+                ? "bg-primary"
+                : "bg-muted-foreground";
+    const delta = previousTimestamp ? FlowsActorsUIUtils.formatDuration(previousTimestamp, event.timestamp) : undefined;
+    return (_jsxs("li", { className: cn("ms-4", className), ...props, children: [_jsx("div", { className: cn("absolute -start-1.5 mt-1.5 size-3 rounded-full", statusColor) }), _jsxs("div", { className: "flex items-center gap-element", children: [_jsx("span", { className: "text-xs font-medium", children: event.nodeName ?? event.nodeRef }), _jsx(AI_FlowNodeStatusBadge, { status: event.status }), delta && _jsxs("span", { className: "text-2xs text-muted-foreground", children: ["+", delta] })] }), _jsx("time", { className: "text-2xs text-muted-foreground", children: new Date(event.timestamp).toLocaleTimeString() })] }));
+};
+//# sourceMappingURL=flow-execution.js.map

package/dist/esm/components/flows-actors/flow-execution.js.map

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

package/dist/esm/components/flows-actors/flow-node.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { Card } from "../../components/sections/card.js";
+import type { ComponentProps } from "react";
+export type FlowStepCategory = "agentic" | "artifact" | "control" | "state" | "event" | "error" | "human";
+export type AI_FlowNodeProps = ComponentProps<typeof Card> & {
+    stepKind: string;
+    stepName: string;
+    stepDescription?: string;
+    status?: string;
+    handles?: {
+        target?: boolean;
+        source?: boolean;
+        sourceCount?: number;
+    };
+};
+export declare const AI_FlowNode: ({ stepKind, stepName, stepDescription, status, handles, className, children, ...props }: AI_FlowNodeProps) => React.JSX.Element;
+export type AI_FlowTriggerNodeProps = ComponentProps<typeof Card> & {
+    triggerType: string;
+    displayName: string;
+    description?: string;
+    status?: string;
+};
+export declare const AI_FlowTriggerNode: ({ triggerType, displayName, description, status, className, children, ...props }: AI_FlowTriggerNodeProps) => React.JSX.Element;
+export type AI_FlowFinishNodeProps = ComponentProps<typeof Card> & {
+    status?: string;
+};
+export declare const AI_FlowFinishNode: ({ status, className, ...props }: AI_FlowFinishNodeProps) => React.JSX.Element;
+export type AI_FlowNodeStepBadgeProps = {
+    kind: string;
+    category: FlowStepCategory;
+    className?: string;
+};
+export declare const AI_FlowNodeStepBadge: ({ kind, category, className, }: AI_FlowNodeStepBadgeProps) => React.JSX.Element;
+export type AI_FlowNodeStatusBadgeProps = {
+    status: string;
+    className?: string;
+};
+export declare const AI_FlowNodeStatusBadge: ({ status, className, }: AI_FlowNodeStatusBadgeProps) => React.JSX.Element;
+//# sourceMappingURL=flow-node.d.ts.map

package/dist/esm/components/flows-actors/flow-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-node.d.ts","sourceRoot":"","sources":["../../../../src/components/flows-actors/flow-node.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAmE,MAAM,8CAA8C,CAAC;AAOrI,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAe5C,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,UAAU,GACV,SAAS,GACT,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,CAAC;AAgGZ,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAC3D,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,yFASzB,gBAAgB,KAAG,KAAK,CAAC,GAAG,CAAC,OAmD/B,CAAC;AAMF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAClE,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,kFAQhC,uBAAuB,KAAG,KAAK,CAAC,GAAG,CAAC,OAoCtC,CAAC;AAUF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,iCAI/B,sBAAsB,KAAG,KAAK,CAAC,GAAG,CAAC,OA0BrC,CAAC;AAMF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,gCAIlC,yBAAyB,KAAG,KAAK,CAAC,GAAG,CAAC,OAOxC,CAAC;AAMF,MAAM,MAAM,2BAA2B,GAAG;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAYF,eAAO,MAAM,sBAAsB,GAAI,wBAGpC,2BAA2B,KAAG,KAAK,CAAC,GAAG,CAAC,OAQ1C,CAAC"}