@xyne/workflow-ui 1.3.34 → 1.3.35

package/dist/components/builder/v2/node-types.js

@@ -1,11 +0,0 @@
-import { StepNode } from './StepNode.js';
-import { TriggerNode } from './TriggerNode.js';
-import { AddStepButton } from './AddStepButton.js';
-import { TerminalNode } from './TerminalNode.js';
-export const v2NodeTypes = {
-    step: StepNode,
-    trigger: TriggerNode,
-    addButton: AddStepButton,
-    terminal: TerminalNode,
-};
-//# sourceMappingURL=node-types.js.map

package/dist/components/builder/v2/node-types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"node-types.js","sourceRoot":"","sources":["../../../../src/components/builder/v2/node-types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAc;IACpC,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,YAAY;CACvB,CAAC"}

package/dist/components/builder/v2/theme.d.ts

@@ -1,28 +0,0 @@
-/**
- * v2/theme — Centralized category theming.
- *
- * All visual styling for categories is derived from backend-provided category names.
- * The UI never hardcodes which step TYPE belongs to which category.
- */
-export interface CategoryTheme {
-    /** Tailwind class for left accent border (e.g. "border-l-sky-400") */
-    accent: string;
-    /** Tailwind class for icon container background */
-    iconBg: string;
-    /** Tailwind class for icon container text color */
-    iconText: string;
-    /** Tailwind class for the category dot */
-    dot: string;
-    /** Tailwind class for light background (cards, picker hover) */
-    lightBg: string;
-    /** Tailwind class for selection ring */
-    ring: string;
-    /** CSS color value for edges/connectors */
-    edgeColor: string;
-}
-/**
- * Get the visual theme for a category name (from backend StepSummary.category).
- * Falls back gracefully for unknown categories.
- */
-export declare function getCategoryTheme(category?: string): CategoryTheme;
-//# sourceMappingURL=theme.d.ts.map

package/dist/components/builder/v2/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/components/builder/v2/theme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,aAAa;IAC5B,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,MAAM,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,GAAG,EAAE,MAAM,CAAC;IACZ,gEAAgE;IAChE,OAAO,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;CACnB;AAmDD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,aAAa,CAGjE"}

package/dist/components/builder/v2/theme.js

@@ -1,63 +0,0 @@
-/**
- * v2/theme — Centralized category theming.
- *
- * All visual styling for categories is derived from backend-provided category names.
- * The UI never hardcodes which step TYPE belongs to which category.
- */
-const CATEGORY_THEMES = {
-    data: {
-        accent: 'border-l-sky-400',
-        iconBg: 'bg-sky-50',
-        iconText: 'text-sky-600',
-        dot: 'bg-sky-400',
-        lightBg: 'bg-sky-50/50',
-        ring: 'ring-sky-200 border-sky-300',
-        edgeColor: '#38bdf8',
-    },
-    integration: {
-        accent: 'border-l-violet-400',
-        iconBg: 'bg-violet-50',
-        iconText: 'text-violet-600',
-        dot: 'bg-violet-400',
-        lightBg: 'bg-violet-50/50',
-        ring: 'ring-violet-200 border-violet-300',
-        edgeColor: '#a78bfa',
-    },
-    control: {
-        accent: 'border-l-amber-400',
-        iconBg: 'bg-amber-50',
-        iconText: 'text-amber-600',
-        dot: 'bg-amber-400',
-        lightBg: 'bg-amber-50/50',
-        ring: 'ring-amber-200 border-amber-300',
-        edgeColor: '#fbbf24',
-    },
-    flow: {
-        accent: 'border-l-teal-400',
-        iconBg: 'bg-teal-50',
-        iconText: 'text-teal-600',
-        dot: 'bg-teal-400',
-        lightBg: 'bg-teal-50/50',
-        ring: 'ring-teal-200 border-teal-300',
-        edgeColor: '#2dd4bf',
-    },
-};
-const FALLBACK_THEME = {
-    accent: 'border-l-slate-400',
-    iconBg: 'bg-slate-100',
-    iconText: 'text-slate-500',
-    dot: 'bg-slate-400',
-    lightBg: 'bg-slate-50/50',
-    ring: 'ring-slate-200 border-slate-300',
-    edgeColor: '#94a3b8',
-};
-/**
- * Get the visual theme for a category name (from backend StepSummary.category).
- * Falls back gracefully for unknown categories.
- */
-export function getCategoryTheme(category) {
-    if (!category)
-        return FALLBACK_THEME;
-    return CATEGORY_THEMES[category.toLowerCase()] ?? FALLBACK_THEME;
-}
-//# sourceMappingURL=theme.js.map

package/dist/components/builder/v2/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../src/components/builder/v2/theme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAmBH,MAAM,eAAe,GAAkC;IACrD,IAAI,EAAE;QACJ,MAAM,EAAE,kBAAkB;QAC1B,MAAM,EAAE,WAAW;QACnB,QAAQ,EAAE,cAAc;QACxB,GAAG,EAAE,YAAY;QACjB,OAAO,EAAE,cAAc;QACvB,IAAI,EAAE,6BAA6B;QACnC,SAAS,EAAE,SAAS;KACrB;IACD,WAAW,EAAE;QACX,MAAM,EAAE,qBAAqB;QAC7B,MAAM,EAAE,cAAc;QACtB,QAAQ,EAAE,iBAAiB;QAC3B,GAAG,EAAE,eAAe;QACpB,OAAO,EAAE,iBAAiB;QAC1B,IAAI,EAAE,mCAAmC;QACzC,SAAS,EAAE,SAAS;KACrB;IACD,OAAO,EAAE;QACP,MAAM,EAAE,oBAAoB;QAC5B,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,gBAAgB;QAC1B,GAAG,EAAE,cAAc;QACnB,OAAO,EAAE,gBAAgB;QACzB,IAAI,EAAE,iCAAiC;QACvC,SAAS,EAAE,SAAS;KACrB;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,mBAAmB;QAC3B,MAAM,EAAE,YAAY;QACpB,QAAQ,EAAE,eAAe;QACzB,GAAG,EAAE,aAAa;QAClB,OAAO,EAAE,eAAe;QACxB,IAAI,EAAE,+BAA+B;QACrC,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF,MAAM,cAAc,GAAkB;IACpC,MAAM,EAAE,oBAAoB;IAC5B,MAAM,EAAE,cAAc;IACtB,QAAQ,EAAE,gBAAgB;IAC1B,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,gBAAgB;IACzB,IAAI,EAAE,iCAAiC;IACvC,SAAS,EAAE,SAAS;CACrB,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,QAAiB;IAChD,IAAI,CAAC,QAAQ;QAAE,OAAO,cAAc,CAAC;IACrC,OAAO,eAAe,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,IAAI,cAAc,CAAC;AACnE,CAAC"}

package/dist/components/dashboard/WorkflowSummaryEditor.d.ts

@@ -1,11 +0,0 @@
-export interface WorkflowSummaryEditorProps {
-    workflowId: string;
-    className?: string | undefined;
-}
-/**
- * Edits the workflow-level summary/readme — a first-class record column,
- * independent of the builder config. Reads via `workflows.get`, saves via
- * `workflows.update({ summary })`.
- */
-export declare function WorkflowSummaryEditor({ workflowId, className }: WorkflowSummaryEditorProps): import("react").JSX.Element;
-//# sourceMappingURL=WorkflowSummaryEditor.d.ts.map

package/dist/components/dashboard/WorkflowSummaryEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowSummaryEditor.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/WorkflowSummaryEditor.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,0BAA0B,+BAgE1F"}

package/dist/components/dashboard/WorkflowSummaryEditor.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { useWorkflowClient } from '../../hooks/use-workflow-client.js';
-import { cn } from '../shared/cn.js';
-/**
- * Edits the workflow-level summary/readme — a first-class record column,
- * independent of the builder config. Reads via `workflows.get`, saves via
- * `workflows.update({ summary })`.
- */
-export function WorkflowSummaryEditor({ workflowId, className }) {
-    const client = useWorkflowClient();
-    const [summary, setSummary] = useState('');
-    const [loaded, setLoaded] = useState(false);
-    const [saving, setSaving] = useState(false);
-    const [savedAt, setSavedAt] = useState(false);
-    useEffect(() => {
-        let cancelled = false;
-        void (async () => {
-            try {
-                const wf = await client.workflows.get(workflowId);
-                if (!cancelled) {
-                    setSummary(wf.summary ?? '');
-                    setLoaded(true);
-                }
-            }
-            catch {
-                if (!cancelled)
-                    setLoaded(true);
-            }
-        })();
-        return () => { cancelled = true; };
-    }, [client, workflowId]);
-    const save = async () => {
-        setSaving(true);
-        setSavedAt(false);
-        try {
-            await client.workflows.update(workflowId, { summary });
-            setSavedAt(true);
-        }
-        finally {
-            setSaving(false);
-        }
-    };
-    return (_jsxs("div", { className: cn('space-y-2', className), "data-testid": "workflow-summary-editor", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { className: "text-[11px] font-bold uppercase tracking-widest text-slate-400", children: "Summary" }), _jsx("button", { type: "button", "data-testid": "summary-save", onClick: () => void save(), disabled: saving || !loaded, className: cn('rounded-md px-3 py-1 text-[12px] font-semibold text-white transition-colors', savedAt ? 'bg-emerald-500' : 'bg-indigo-500 hover:bg-indigo-600', (saving || !loaded) && 'opacity-50 cursor-not-allowed'), children: saving ? 'Saving…' : savedAt ? 'Saved' : 'Save summary' })] }), _jsx("textarea", { "data-testid": "summary-input", value: summary, onChange: (e) => { setSummary(e.target.value); setSavedAt(false); }, rows: 3, placeholder: "Describe what this workflow does\u2026", className: "w-full resize-y rounded-lg border border-slate-200 px-3 py-2 text-[13px] outline-none focus:border-indigo-400 focus:ring-2 focus:ring-indigo-100" })] }));
-}
-//# sourceMappingURL=WorkflowSummaryEditor.js.map

package/dist/components/dashboard/WorkflowSummaryEditor.js.map

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

package/dist/components/execution/ExecutionEdge.d.ts

@@ -1,4 +0,0 @@
-import { type EdgeProps } from '@xyflow/react';
-export type ExecutionEdgeStatus = 'completed' | 'active' | 'pending' | 'skipped';
-export declare function ExecutionEdge({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, style, }: EdgeProps): import("react").JSX.Element;
-//# sourceMappingURL=ExecutionEdge.d.ts.map

package/dist/components/execution/ExecutionEdge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExecutionEdge.d.ts","sourceRoot":"","sources":["../../../src/components/execution/ExecutionEdge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAExE,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AASjF,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,cAAc,EACd,IAAI,EACJ,KAAK,GACN,EAAE,SAAS,+BAyBX"}

package/dist/components/execution/ExecutionEdge.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BaseEdge, getBezierPath } from '@xyflow/react';
-const statusColors = {
-    completed: 'var(--wui-status-completed)',
-    active: 'var(--wui-status-running)',
-    pending: 'var(--wui-border)',
-    skipped: 'var(--wui-border)',
-};
-export function ExecutionEdge({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, style, }) {
-    const edgeStatus = data?.['status'] ?? 'pending';
-    const [edgePath] = getBezierPath({
-        sourceX,
-        sourceY,
-        sourcePosition,
-        targetX,
-        targetY,
-        targetPosition,
-    });
-    return (_jsx(BaseEdge, { id: id, path: edgePath, style: {
-            stroke: statusColors[edgeStatus],
-            strokeWidth: edgeStatus === 'active' ? 2 : 1.5,
-            strokeDasharray: edgeStatus === 'pending' || edgeStatus === 'skipped' ? '5 5' : undefined,
-            opacity: edgeStatus === 'skipped' ? 0.3 : 1,
-            ...style,
-        } }));
-}
-//# sourceMappingURL=ExecutionEdge.js.map

package/dist/components/execution/ExecutionEdge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExecutionEdge.js","sourceRoot":"","sources":["../../../src/components/execution/ExecutionEdge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAkB,MAAM,eAAe,CAAC;AAIxE,MAAM,YAAY,GAAwC;IACxD,SAAS,EAAE,6BAA6B;IACxC,MAAM,EAAE,2BAA2B;IACnC,OAAO,EAAE,mBAAmB;IAC5B,OAAO,EAAE,mBAAmB;CAC7B,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAC5B,EAAE,EACF,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,cAAc,EACd,IAAI,EACJ,KAAK,GACK;IACV,MAAM,UAAU,GAAK,IAA4C,EAAE,CAAC,QAAQ,CAAqC,IAAI,SAAS,CAAC;IAE/H,MAAM,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC;QAC/B,OAAO;QACP,OAAO;QACP,cAAc;QACd,OAAO;QACP,OAAO;QACP,cAAc;KACf,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE;YACL,MAAM,EAAE,YAAY,CAAC,UAAU,CAAC;YAChC,WAAW,EAAE,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;YAC9C,eAAe,EAAE,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;YACzF,OAAO,EAAE,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC3C,GAAG,KAAK;SACT,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/components/execution/ExecutionJourney.d.ts

@@ -1,24 +0,0 @@
-import type { WorkflowStepConfig, StepGroup } from '@xyne/workflow-sdk/builder';
-import type { StepMeta } from '../../hooks/use-step-metadata.js';
-import type { StepExecutionState } from '../../utils/step-state.js';
-import type { ExecutionDetail } from '@xyne/workflow-sdk/client';
-export interface ExecutionJourneyProps {
-    steps: WorkflowStepConfig[];
-    stepMeta: Map<string, StepMeta>;
-    stepStates: Map<string, StepExecutionState>;
-    /** Raw execution records — used to enumerate MAP/LOOP runtime iterations. */
-    executionSteps?: ExecutionDetail['steps'] | undefined;
-    groups?: StepGroup[] | undefined;
-    selectedStepId: string | null;
-    onStepClick: (stepId: string) => void;
-    selectedStepState?: StepExecutionState | undefined;
-    selectedStepTitle?: string | undefined;
-    selectedStepDescription?: string | undefined;
-    triggerLabel: string;
-    triggerIconName?: string | undefined;
-    triggerCompleted: boolean;
-    isTriggerSelected: boolean;
-    onTriggerClick: () => void;
-}
-export declare function ExecutionJourney({ steps, stepMeta, stepStates, executionSteps, groups, selectedStepId, onStepClick, selectedStepState, selectedStepTitle, selectedStepDescription, triggerLabel, triggerIconName, triggerCompleted, isTriggerSelected, onTriggerClick, }: ExecutionJourneyProps): import("react").JSX.Element;
-//# sourceMappingURL=ExecutionJourney.d.ts.map

package/dist/components/execution/ExecutionJourney.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExecutionJourney.d.ts","sourceRoot":"","sources":["../../../src/components/execution/ExecutionJourney.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEhF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAsejE,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAChC,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC5C,6EAA6E;IAC7E,cAAc,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IACtD,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iBAAiB,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACnD,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,uBAAuB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAChF,iBAAiB,EAAE,iBAAiB,EAAE,uBAAuB,EAC7D,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,cAAc,GACnF,EAAE,qBAAqB,+BA+KvB"}

package/dist/components/execution/ExecutionJourney.js

@@ -1,268 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { getStepIcon } from '../builder/icons.js';
-import { StatusBadge } from '../shared/StatusBadge.js';
-import { DisplayValue, isAttachment, isAttachmentArray } from '../shared/AttachmentCard.js';
-import { ReviewDisplay } from './ApprovalReviewDisplay.js';
-import { PauseFormRenderer } from './PauseFormRenderer.js';
-import { MarkdownView } from '../shared/MarkdownView.js';
-import { cn } from '../shared/cn.js';
-import { rollup, resolveLevel, buildRows, findLivePath, tallyLeaves, } from './journey-model.js';
-/**
- * Journey mode — a banker-friendly master-detail alternative to the graph: a
- * left sidebar lists the executed path (StepGroups + control-flow constructs
- * collapse into folders you drill into), the right pane shows the selected
- * step's input/output. Hierarchy is resolved from the config by id each render
- * (so it survives the viewer's status re-fetch), never from the flat step rows.
- */
-// ─── Status presentation ───
-const CHECK = (_jsx("svg", { width: "9", height: "9", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }));
-const CROSS = (_jsxs("svg", { width: "9", height: "9", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }));
-const PLAY = (_jsx("svg", { width: "9", height: "9", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("polygon", { points: "6 4 20 12 6 20 6 4" }) }));
-const PAUSE = (_jsxs("svg", { width: "9", height: "9", viewBox: "0 0 24 24", fill: "currentColor", children: [_jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1" }), _jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1" })] }));
-const DASH = (_jsx("svg", { width: "9", height: "9", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", children: _jsx("path", { d: "M5 12h14" }) }));
-const STATUS_STYLE = {
-    completed: { dot: 'var(--wui-status-completed)', fg: '#fff', icon: CHECK },
-    failed: { dot: 'var(--wui-status-failed)', fg: '#fff', icon: CROSS },
-    running: { dot: '#3b82f6', fg: '#fff', icon: PLAY, pulse: true },
-    paused: { dot: 'var(--wui-status-paused)', fg: '#fff', icon: PAUSE },
-    skipped: { dot: 'var(--wui-bg-muted)', fg: 'var(--wui-fg-muted)', icon: DASH },
-    pending: { dot: 'transparent', fg: 'var(--wui-fg-muted)', icon: null },
-};
-function StatusDot({ status, size = 22 }) {
-    const s = STATUS_STYLE[status];
-    return (_jsx("span", { className: cn('flex shrink-0 items-center justify-center rounded-full', s.pulse && 'animate-pulse'), style: {
-            width: size,
-            height: size,
-            backgroundColor: s.dot,
-            color: s.fg,
-            border: status === 'pending' ? '1.5px solid var(--wui-border-strong)' : 'none',
-        }, children: s.icon }));
-}
-// ─── Icons for folders / drill ───
-const FOLDER = (_jsx("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z" }) }));
-const BRANCH = (_jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "6", y1: "3", x2: "6", y2: "15" }), _jsx("circle", { cx: "18", cy: "6", r: "3" }), _jsx("circle", { cx: "6", cy: "18", r: "3" }), _jsx("path", { d: "M18 9a9 9 0 0 1-9 9" })] }));
-const LOOP = (_jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "m17 2 4 4-4 4" }), _jsx("path", { d: "M3 11v-1a4 4 0 0 1 4-4h14" }), _jsx("path", { d: "m7 22-4-4 4-4" }), _jsx("path", { d: "M21 13v1a4 4 0 0 1-4 4H3" })] }));
-const LAYERS = (_jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }), _jsx("polyline", { points: "2 17 12 22 22 17" }), _jsx("polyline", { points: "2 12 12 17 22 12" })] }));
-const CHEVRON = (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "9 18 15 12 9 6" }) }));
-const BOLT = (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) }));
-const plural = (n) => `${String(n)} ${n === 1 ? 'step' : 'steps'}`;
-// ─── Sidebar row ───
-function SidebarRow({ status, icon, label, meta, drillable, active, onClick, }) {
-    return (_jsxs("button", { type: "button", onClick: onClick, title: label, className: cn('group flex w-full items-center gap-2.5 rounded-[var(--wui-radius)] px-2.5 py-2 text-left transition-colors', active
-            ? 'bg-[color-mix(in_srgb,var(--wui-primary)_12%,transparent)] font-medium text-[var(--wui-primary)]'
-            : 'text-[var(--wui-fg)] hover:bg-[var(--wui-bg-subtle)]', status === 'skipped' && !active && 'opacity-55'), children: [_jsx(StatusDot, { status: status, size: 18 }), _jsx("span", { className: cn('flex h-[18px] w-[18px] shrink-0 items-center justify-center', !active && 'text-[var(--wui-fg-muted)]'), children: icon }), _jsx("span", { className: "min-w-0 flex-1 truncate text-[13px]", children: label }), meta && _jsx("span", { className: cn('shrink-0 text-[10.5px]', active ? 'text-[var(--wui-primary)]' : 'text-[var(--wui-fg-muted)]'), children: meta }), drillable && (_jsx("span", { className: cn('shrink-0 transition-transform group-hover:translate-x-0.5', active ? 'text-[var(--wui-primary)]' : 'text-[var(--wui-fg-muted)]'), children: CHEVRON }))] }));
-}
-// ─── Detail pane ───
-function NoData() {
-    return _jsx("div", { className: "text-[12.5px] italic text-[var(--wui-fg-muted)]", children: "No data" });
-}
-/** A primitive value — long strings truncate with the full text on hover. */
-function PrimitiveValue({ value, className }) {
-    if (value === null || value === undefined || value === '') {
-        return _jsx("span", { className: "text-[13.5px] italic text-[var(--wui-fg-muted)]", children: "No value" });
-    }
-    // Same renderer the approval uses: strings → MarkdownView (in a show-more
-    // Collapsible), scalars → formatted. Markdown + long text render correctly.
-    return _jsx(DisplayValue, { value: value, className: cn('text-[14px] text-[var(--wui-fg)]', className), maxClass: "max-h-72" });
-}
-/**
- * Render a record/array as approval-style labeled fields: top level is a stack
- * of bordered field cards (muted label over the value, like ReviewDisplay's
- * InfoRow); nested objects/arrays recurse as lighter indented rows; genuinely
- * deep values fall back to a compact JSON block so we never wall-of-text.
- */
-function Fields({ data, depth = 0 }) {
-    // Arrays: render each entry as its own clean card (objects) or bullet
-    // (primitives) — never numeric "1, 2, 3" labels.
-    if (Array.isArray(data)) {
-        if (data.length === 0)
-            return _jsx(NoData, {});
-        return (_jsx("div", { className: "flex flex-col gap-1.5", children: data.map((item, i) => {
-                if (isAttachment(item) || isAttachmentArray(item))
-                    return _jsx(DisplayValue, { value: item }, i);
-                if (item !== null && typeof item === 'object') {
-                    return (_jsx("div", { className: "rounded-[var(--wui-radius-sm)] border border-[color-mix(in_srgb,var(--wui-border)_70%,transparent)] px-3 py-2", children: _jsx(Fields, { data: item, depth: depth + 1 }) }, i));
-                }
-                return (_jsxs("div", { className: "flex items-start gap-2 py-0.5", children: [_jsx("span", { className: "mt-[7px] h-1 w-1 shrink-0 rounded-full bg-[var(--wui-fg-muted)]" }), _jsx(PrimitiveValue, { value: item, className: "min-w-0 flex-1 text-[13.5px]" })] }, i));
-            }) }));
-    }
-    const entries = Object.entries((data ?? {}));
-    if (entries.length === 0)
-        return _jsx(NoData, {});
-    return (_jsx("div", { className: depth === 0 ? 'space-y-2.5' : 'flex flex-col', children: entries.map(([k, v]) => (_jsx(FieldItem, { label: k, value: v, depth: depth }, k))) }));
-}
-/** A WAIT step's `display`: an array of { label, value } review rows. */
-function isDisplayRows(v) {
-    return Array.isArray(v) && v.length > 0 && v.every((r) => !!r && typeof r === 'object' && !Array.isArray(r) && typeof r.label === 'string' && 'value' in r);
-}
-function FieldItem({ label, value, depth }) {
-    const isAtt = isAttachment(value) || isAttachmentArray(value);
-    const isDisplay = !isAtt && isDisplayRows(value);
-    const isObj = !isAtt && !isDisplay && value !== null && typeof value === 'object';
-    const isArr = isObj && Array.isArray(value);
-    // Pause display rows → the approval's ReviewDisplay (label → value cards, markdown).
-    if (isDisplay) {
-        const rows = _jsx(ReviewDisplay, { rows: value });
-        return depth === 0 ? rows : (_jsxs("div", { className: "border-b border-[color-mix(in_srgb,var(--wui-border)_55%,transparent)] py-1.5 last:border-0", children: [_jsx("div", { className: "mb-1.5 text-[12px] text-[var(--wui-fg-muted)]", children: label }), rows] }));
-    }
-    // Top level → the approval field card: a shaded header (label) over the value body.
-    if (depth === 0) {
-        return (_jsxs("div", { className: "overflow-hidden rounded-[var(--wui-radius-sm)] border border-[var(--wui-border)]", children: [_jsx("div", { className: cn('border-b border-[var(--wui-border)] bg-[var(--wui-bg-subtle)] px-3 py-2 text-[11px] text-[var(--wui-fg)]', isArr ? 'font-bold' : 'font-semibold'), children: label }), _jsx("div", { className: "px-3 py-2.5", children: isAtt ? _jsx(DisplayValue, { value: value }) : isObj ? _jsx(Fields, { data: value, depth: depth + 1 }) : _jsx(PrimitiveValue, { value: value }) })] }));
-    }
-    const rowBorder = 'border-b border-[color-mix(in_srgb,var(--wui-border)_55%,transparent)] py-1.5 last:border-0';
-    // Attachment (nested) → label + the shared file card (download + preview).
-    if (isAtt) {
-        return (_jsxs("div", { className: rowBorder, children: [_jsx("div", { className: "mb-1.5 text-[12px] text-[var(--wui-fg-muted)]", children: label }), _jsx(DisplayValue, { value: value })] }));
-    }
-    // Pathologically deep → compact JSON (rare; guards against runaway nesting).
-    if (isObj && depth >= 8) {
-        return (_jsxs("div", { className: rowBorder, children: [_jsx("div", { className: "mb-1 text-[12px] text-[var(--wui-fg-muted)]", children: label }), _jsx("pre", { className: "overflow-x-auto rounded-[var(--wui-radius-sm)] bg-[var(--wui-bg-subtle)] px-2 py-1.5 font-mono text-[11px] leading-relaxed text-[var(--wui-fg)]", children: JSON.stringify(value, null, 2) })] }));
-    }
-    // Nested object/array → label + sub-fields (objects indent; arrays use cards).
-    if (isObj) {
-        return (_jsxs("div", { className: rowBorder, children: [_jsx("div", { className: cn('mb-1 text-[12px]', isArr ? 'font-bold text-[var(--wui-fg)]' : 'font-medium text-[var(--wui-fg-muted)]'), children: label }), _jsx("div", { className: Array.isArray(value) ? 'mt-1' : 'border-l border-[var(--wui-border)] pl-3', children: _jsx(Fields, { data: value, depth: depth + 1 }) })] }));
-    }
-    // Nested primitive → a clean label → value row.
-    return (_jsxs("div", { className: cn('flex items-start gap-3', rowBorder), children: [_jsx("span", { className: "w-[140px] shrink-0 break-words text-[12px] text-[var(--wui-fg-muted)]", children: label }), _jsx(PrimitiveValue, { value: value, className: "min-w-0 flex-1 text-[13.5px]" })] }));
-}
-/** One side of the detail (Input or Output) — a section header + the fields. */
-function IoSection({ title, data, hasData, className }) {
-    return (_jsxs("div", { className: cn('flex min-w-0 flex-1 flex-col', className), children: [_jsx("div", { className: "shrink-0 border-b border-[var(--wui-border)] px-4 py-2.5 text-[11px] font-semibold uppercase tracking-[0.09em] text-[var(--wui-fg-muted)]", children: title }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-4 py-3 [scrollbar-width:thin]", children: hasData ? _jsx(Fields, { data: data }) : _jsx(NoData, {}) })] }));
-}
-// ─── Approval (pause / WAIT) steps — render like the Approvals screen ───
-const NOOP = () => { };
-/** A pause/approval step's input is a serialized PauseState (a form and/or display sections). */
-function isPauseInput(v) {
-    if (!v || typeof v !== 'object')
-        return false;
-    const o = v;
-    const hasForm = !!o['form'] && typeof o['form'] === 'object' && Array.isArray(o['form'].fields);
-    return (hasForm || isDisplayRows(o['display'])) && (typeof o['reason'] === 'string' || typeof o['prompt'] === 'string' || 'mode' in o);
-}
-function DecisionBadge({ action }) {
-    const approve = /^(approve|accept|yes|confirm)/i.test(action);
-    const reject = /^(reject|deny|decline|no|abort)/i.test(action);
-    const color = approve ? 'var(--wui-status-completed)' : reject ? 'var(--wui-status-failed)' : 'var(--wui-status-paused)';
-    const label = approve ? 'Approved' : reject ? 'Rejected' : action.charAt(0).toUpperCase() + action.slice(1);
-    return (_jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-[12px] font-semibold", style: { color, backgroundColor: `color-mix(in srgb, ${color} 14%, transparent)` }, children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full", style: { backgroundColor: color } }), label] }));
-}
-/** The approval screen, read-only — reason/prompt, the review display, the form with the reviewer's submitted answers, and the decision. */
-function ApprovalStepDetail({ input, output }) {
-    const reason = typeof input['reason'] === 'string' ? input['reason'] : undefined;
-    const prompt = typeof input['prompt'] === 'string' ? input['prompt'] : undefined;
-    const display = isDisplayRows(input['display']) ? input['display'] : undefined;
-    const form = input['form'] && typeof input['form'] === 'object' && Array.isArray(input['form'].fields)
-        ? input['form'] : undefined;
-    const resume = output?.['resumeData'];
-    const action = typeof resume?.action === 'string' ? resume.action : undefined;
-    const submitted = (resume?.data && typeof resume.data === 'object' ? resume.data : {});
-    return (_jsxs("div", { className: "mt-5 min-h-0 flex-1 space-y-4 overflow-y-auto rounded-[var(--wui-radius-lg)] border border-[var(--wui-border)] px-5 py-4 [scrollbar-width:thin]", children: [action ? _jsx(DecisionBadge, { action: action }) : (_jsxs("div", { className: "inline-flex items-center gap-1.5 rounded-full bg-[color-mix(in_srgb,var(--wui-status-paused)_14%,transparent)] px-2.5 py-1 text-[12px] font-semibold text-[var(--wui-status-paused)]", children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-[var(--wui-status-paused)]" }), "Awaiting decision \u2014 respond in the Approvals tab"] })), reason && _jsx(MarkdownView, { className: "text-[14px] font-medium text-[var(--wui-fg)]", children: reason }), prompt && _jsx(MarkdownView, { className: "text-[13px] text-[var(--wui-fg-muted)]", children: prompt }), display && _jsx(ReviewDisplay, { rows: display }), form && (_jsxs("div", { children: [_jsx("div", { className: "mb-2 text-[11px] font-semibold uppercase tracking-[0.09em] text-[var(--wui-fg-muted)]", children: "Reviewer response" }), _jsx(PauseFormRenderer, { form: form, values: submitted, onChange: NOOP, disabled: true })] }))] }));
-}
-function JourneyStepDetail({ state, title, description }) {
-    const status = state.status;
-    const hasInput = !!state.input && Object.keys(state.input).length > 0;
-    const hasOutput = !!state.output && Object.keys(state.output).length > 0;
-    const [layout, setLayout] = useState('tabs');
-    const [tab, setTab] = useState('output');
-    // Pending/un-run steps have no output yet — fall back to input so we never open an empty pane.
-    const showTab = tab === 'output' && !hasOutput ? 'input' : tab === 'input' && !hasInput ? 'output' : tab;
-    const pause = isPauseInput(state.input);
-    const notRun = status === 'pending' && !hasInput && !hasOutput;
-    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col px-6 py-5", children: [_jsxs("div", { className: "flex shrink-0 items-start gap-3", children: [_jsx(StatusDot, { status: status, size: 26 }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2.5", children: [_jsx("h2", { className: "truncate text-[17px] font-semibold text-[var(--wui-fg)]", children: title || state.stepName }), _jsx(StatusBadge, { status: status })] }), !notRun && _jsx("div", { className: "mt-0.5 text-[12px] uppercase tracking-wide text-[var(--wui-fg-muted)]", children: state.stepType }), description && _jsx("p", { className: "mt-1.5 text-[13px] leading-snug text-[var(--wui-fg-muted)]", children: description })] }), !pause && !notRun && (_jsx("div", { className: "flex shrink-0 items-center rounded-[var(--wui-radius-sm)] border border-[var(--wui-border)] p-0.5", children: ['split', 'tabs'].map((l) => (_jsx("button", { type: "button", onClick: () => setLayout(l), className: cn('rounded-[calc(var(--wui-radius-sm)-2px)] px-2.5 py-1 text-[12px] font-medium transition-colors', layout === l ? 'bg-[var(--wui-primary)] text-[var(--wui-primary-fg)]' : 'text-[var(--wui-fg-muted)] hover:text-[var(--wui-fg)]'), children: l === 'split' ? 'Side by side' : 'Tabs' }, l))) }))] }), state.error && (_jsxs("div", { className: "mt-4 shrink-0 rounded-[var(--wui-radius-lg)] border border-[var(--wui-status-failed)] bg-[color-mix(in_srgb,var(--wui-status-failed)_8%,transparent)] p-4", children: [_jsx("div", { className: "mb-1.5 text-[12px] font-semibold uppercase tracking-wide text-[var(--wui-status-failed)]", children: "Error" }), _jsx("pre", { className: "whitespace-pre-wrap font-mono text-[12px] leading-relaxed text-[var(--wui-status-failed)]", children: state.error })] })), notRun ? (_jsx(NotRunYet, {})) : pause ? (_jsx(ApprovalStepDetail, { input: state.input, output: state.output })) : layout === 'split' ? (_jsxs("div", { className: "mt-5 flex min-h-0 flex-1 overflow-hidden rounded-[var(--wui-radius-lg)] border border-[var(--wui-border)]", children: [_jsx(IoSection, { title: "Input", data: state.input, hasData: hasInput, className: "border-r border-[var(--wui-border)]" }), _jsx(IoSection, { title: "Output", data: state.output, hasData: hasOutput })] })) : (_jsxs("div", { className: "mt-5 flex min-h-0 flex-1 flex-col overflow-hidden rounded-[var(--wui-radius-lg)] border border-[var(--wui-border)]", children: [_jsx("div", { className: "flex shrink-0 gap-1 border-b border-[var(--wui-border)] px-2", children: ['input', 'output'].map((t) => {
-                            const empty = t === 'input' ? !hasInput : !hasOutput;
-                            return (_jsxs("button", { type: "button", disabled: empty, onClick: () => setTab(t), className: cn('relative px-3 py-2 text-[12px] font-medium capitalize transition-colors', empty
-                                    ? 'cursor-not-allowed opacity-40'
-                                    : showTab === t ? 'text-[var(--wui-fg)]' : 'text-[var(--wui-fg-muted)] hover:text-[var(--wui-fg)]'), children: [t, showTab === t && _jsx("span", { className: "absolute inset-x-0 bottom-0 h-0.5 bg-[var(--wui-primary)]" })] }, t));
-                        }) }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-4 py-3 [scrollbar-width:thin]", children: showTab === 'input'
-                            ? (hasInput ? _jsx(Fields, { data: state.input }) : _jsx(NoData, {}))
-                            : (hasOutput ? _jsx(Fields, { data: state.output }) : _jsx(NoData, {})) })] }))] }));
-}
-function EmptyDetail() {
-    return (_jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-3 px-6 text-center text-[var(--wui-fg-muted)]", children: [_jsxs("svg", { width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "opacity-40", children: [_jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), _jsx("polyline", { points: "14 2 14 8 20 8" }), _jsx("line", { x1: "9", y1: "13", x2: "15", y2: "13" }), _jsx("line", { x1: "9", y1: "17", x2: "13", y2: "17" })] }), _jsx("p", { className: "text-[13px]", children: "Select a step to view its details" })] }));
-}
-/** A step that hasn't executed yet — a single clean placeholder instead of two empty I/O panes. */
-function NotRunYet() {
-    return (_jsxs("div", { className: "mt-5 flex min-h-0 flex-1 flex-col items-center justify-center gap-2.5 rounded-[var(--wui-radius-lg)] border border-dashed border-[var(--wui-border)] text-[var(--wui-fg-muted)]", children: [_jsxs("svg", { width: "26", height: "26", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "opacity-50", children: [_jsx("circle", { cx: "12", cy: "12", r: "9" }), _jsx("path", { d: "M12 7v5l3 2" })] }), _jsx("p", { className: "text-[13px] font-medium", children: "Not run yet" })] }));
-}
-/** Run-level progress counts + a jump-to-current pill (shown only at the Run level). */
-function RunStatusStrip({ counts, live, onJump }) {
-    const order = [['completed', 'done'], ['failed', 'failed'], ['running', 'running'], ['paused', 'paused'], ['pending', 'pending']];
-    const shown = order.filter(([k]) => counts[k] > 0);
-    return (_jsxs("div", { className: "ml-auto flex min-w-0 items-center gap-3.5 pl-3", children: [shown.length > 0 && (_jsx("div", { className: "flex shrink-0 items-center gap-2.5", children: shown.map(([k, label]) => (_jsxs("span", { className: "flex items-center gap-1.5 text-[11.5px] text-[var(--wui-fg-muted)]", children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full", style: { backgroundColor: STATUS_STYLE[k].dot, border: k === 'pending' ? '1px solid var(--wui-border-strong)' : 'none' } }), _jsx("span", { className: "font-semibold text-[var(--wui-fg)]", children: counts[k] }), " ", label] }, k))) })), live && (_jsxs("button", { type: "button", onClick: onJump, title: `Jump to ${live.label}`, className: "flex min-w-0 items-center gap-1.5 rounded-full border border-[color-mix(in_srgb,var(--wui-status-paused)_40%,transparent)] bg-[color-mix(in_srgb,var(--wui-status-paused)_12%,transparent)] px-2.5 py-1 text-[11.5px] font-medium text-[var(--wui-status-paused)] transition-colors hover:bg-[color-mix(in_srgb,var(--wui-status-paused)_20%,transparent)]", children: [_jsx("span", { className: "shrink-0", children: live.status === 'paused' ? PAUSE : PLAY }), _jsxs("span", { className: "truncate", children: [live.status === 'paused' ? 'Paused' : 'Running', " \u2014 at ", live.label] })] }))] }));
-}
-export function ExecutionJourney({ steps, stepMeta, stepStates, executionSteps, groups, selectedStepId, onStepClick, selectedStepState, selectedStepTitle, selectedStepDescription, triggerLabel, triggerIconName, triggerCompleted, isTriggerSelected, onTriggerClick, }) {
-    const [path, setPath] = useState([]);
-    const didInit = useRef(false); // jump-to-live runs once on open, not every time you click "Run"
-    const { sections, crumbs, insideGroupId } = useMemo(() => resolveLevel(steps, stepMeta, path, executionSteps, stepStates), [steps, stepMeta, path, executionSteps, stepStates]);
-    // The current execution point (running/paused leaf) + per-status leaf tally — for
-    // jump-to-live auto-select on open and the Run-level status strip.
-    const live = useMemo(() => findLivePath(steps, groups, stepMeta, stepStates, undefined, []), [steps, groups, stepMeta, stepStates]);
-    const tally = useMemo(() => tallyLeaves(steps, stepMeta, stepStates), [steps, stepMeta, stepStates]);
-    // On open, jump to the live step (running/paused); on drill, prefer a live leaf,
-    // else the first leaf — per section, prepending the MAP/LOOP selection prefix.
-    useEffect(() => {
-        if (path.length === 0) {
-            if (!didInit.current && live) {
-                didInit.current = true;
-                setPath(live.path);
-                onStepClick(live.stepId);
-                return;
-            }
-            onTriggerClick();
-            return;
-        }
-        for (const section of sections) {
-            const st = section.states ?? stepStates;
-            const prefix = section.selectionPrefix ?? '';
-            const leaves = buildRows(section.steps, groups, stepMeta, insideGroupId, st)
-                .filter((r) => r.kind === 'leaf');
-            const liveLeaf = leaves.find((r) => { const s = st.get(r.step.id)?.status; return s === 'running' || s === 'paused'; });
-            const target = liveLeaf ?? leaves[0];
-            if (target) {
-                onStepClick(prefix + target.step.id);
-                return;
-            }
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [path]);
-    // `states`/`prefix` are the current level's source + selection frame (the global
-    // stepStates and '' for normal levels; a MAP/LOOP iteration's own map + node-path
-    // frame for an iteration level). The render path is otherwise uniform.
-    const renderRow = (row, states, prefix) => {
-        if (row.kind === 'group') {
-            return (_jsx(SidebarRow, { status: rollup(row.members, states, stepMeta), icon: FOLDER, label: row.group.title, meta: plural(row.members.length), drillable: true, onClick: () => setPath((p) => [...p, { kind: 'group', id: row.group.id, label: row.group.title }]) }, `g-${row.group.id}`));
-        }
-        if (row.kind === 'construct') {
-            const label = row.step.title || row.meta?.name || row.step.type;
-            const status = states.get(row.step.id)?.status ?? rollup([row.step], states, stepMeta);
-            const icon = row.meta?.branchModel === 'iterate' ? LOOP : row.meta?.branchModel === 'map' ? LAYERS : BRANCH;
-            return (_jsx(SidebarRow, { status: status, icon: icon, label: label, drillable: true, onClick: () => setPath((p) => [...p, { kind: 'construct', id: row.step.id, label }]) }, `c-${row.step.id}`));
-        }
-        if (row.kind === 'iteration') {
-            // A MAP/LOOP iteration folder — drills into that iteration's body.
-            const { view } = row;
-            return (_jsx(SidebarRow, { status: rollup(view.bodySteps, view.states, stepMeta), icon: LAYERS, label: view.label, drillable: true, onClick: () => setPath((p) => [...p, { kind: 'iterationItem', id: view.ctrlId, index: view.index, label: view.label }]) }, `i-${view.prefix}`));
-        }
-        const label = row.step.title || row.meta?.name || row.step.type;
-        const selectionId = `${prefix}${row.step.id}`;
-        return (_jsx(SidebarRow, { status: states.get(row.step.id)?.status ?? 'pending', icon: getStepIcon(row.meta?.icon, { size: 14 }), label: label, active: selectedStepId === selectionId, onClick: () => onStepClick(selectionId) }, `l-${selectionId}`));
-    };
-    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden bg-[var(--wui-bg)]", children: [_jsxs("div", { className: "flex shrink-0 items-center gap-1 border-b border-[var(--wui-border)] px-5 py-2.5 text-[12px]", children: [crumbs.map((c, i) => {
-                        const last = i === crumbs.length - 1;
-                        return (_jsxs("span", { className: "flex items-center gap-1", children: [i > 0 && _jsx("span", { className: "text-[var(--wui-fg-muted)]", children: "/" }), _jsx("button", { type: "button", disabled: last, onClick: () => setPath((p) => p.slice(0, i)), className: cn('rounded px-1 py-0.5 transition-colors', last ? 'font-semibold text-[var(--wui-fg)]' : 'text-[var(--wui-fg-muted)] hover:text-[var(--wui-primary)]'), children: c.label })] }, i));
-                    }), path.length === 0 && (_jsx(RunStatusStrip, { counts: tally, live: live, onJump: () => { if (live) {
-                            setPath(live.path);
-                            onStepClick(live.stepId);
-                        } } }))] }), _jsxs("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [_jsx("div", { className: "flex w-[300px] shrink-0 flex-col border-r border-[var(--wui-border)] bg-[var(--wui-bg-subtle)]", children: _jsxs("div", { className: "flex-1 overflow-y-auto px-2 py-2 [scrollbar-width:thin]", children: [path.length === 0 && (_jsx(SidebarRow, { status: triggerCompleted ? 'completed' : 'pending', icon: triggerIconName ? getStepIcon(triggerIconName, { size: 14 }) : BOLT, label: triggerLabel, meta: "Trigger", active: isTriggerSelected, onClick: onTriggerClick })), sections.map((section, si) => {
-                                    const states = section.states ?? stepStates;
-                                    const prefix = section.selectionPrefix ?? '';
-                                    // Iteration-list level → iteration rows; otherwise the usual config-step
-                                    // rows (resolved if-blocks inlined). Either way, one `renderRow` switch.
-                                    const rows = section.iterations
-                                        ? section.iterations.map((view) => ({ kind: 'iteration', view }))
-                                        : buildRows(section.steps, groups, stepMeta, insideGroupId, states);
-                                    return (_jsxs("div", { className: "flex flex-col", children: [section.label && (_jsxs("div", { className: "mt-2 flex items-center gap-2 px-2.5 pb-1 text-[10.5px] font-semibold uppercase tracking-wide text-[var(--wui-fg-muted)]", children: [_jsx("span", { className: "truncate", children: section.label }), _jsx("span", { className: "h-px flex-1 bg-[var(--wui-border)]" })] })), rows.map((row) => renderRow(row, states, prefix)), rows.length === 0 && (_jsx("div", { className: "px-2.5 py-2 text-[12px] italic text-[var(--wui-fg-muted)]", children: "No steps" }))] }, si));
-                                })] }) }), _jsx("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden bg-[var(--wui-bg)]", children: selectedStepState ? (_jsx(JourneyStepDetail, { state: selectedStepState, title: selectedStepTitle, description: selectedStepDescription })) : (_jsx(EmptyDetail, {})) })] })] }));
-}
-//# sourceMappingURL=ExecutionJourney.js.map