@stigmer/react 1.0.4 → 2.0.0

package/workflow/execution/useWaterfallEntries.js

@@ -0,0 +1,67 @@
+"use client";
+/**
+ * React behavior hook for the execution waterfall timeline.
+ *
+ * Derives waterfall entries from the event stream, manages live-growing
+ * bars via `requestAnimationFrame` during streaming, and provides a
+ * stable `scrollToTask` callback for graph-timeline synchronization.
+ *
+ * Follows DD-003 (headless-first) and DD-010 (referential stability).
+ *
+ * @since T07 (Execution Waterfall Timeline)
+ */
+import { useEffect, useMemo, useRef, useState } from "react";
+import { deriveWaterfallEntries, deriveWaterfallScale, } from "./derive-waterfall-entries";
+// ---------------------------------------------------------------------------
+// Hook
+// ---------------------------------------------------------------------------
+const EMPTY_ENTRIES = [];
+const EMPTY_SCALE = { totalMs: 1000, ticks: [0, 1000], labelEveryN: 1 };
+export function useWaterfallEntries({ events, streamState, executionStartIso, executionDurationMs, }) {
+    const isLive = streamState.stage === "streaming";
+    const execStartEpoch = useMemo(() => (executionStartIso ? new Date(executionStartIso).getTime() : 0), [executionStartIso]);
+    // --- Live clock (rAF-driven nowMs for growing bars) ---
+    const [nowMs, setNowMs] = useState(() => execStartEpoch > 0 ? Date.now() - execStartEpoch : 0);
+    const rafRef = useRef(0);
+    useEffect(() => {
+        if (!isLive || execStartEpoch === 0) {
+            if (rafRef.current)
+                cancelAnimationFrame(rafRef.current);
+            return;
+        }
+        let mounted = true;
+        const tick = () => {
+            if (!mounted)
+                return;
+            setNowMs(Date.now() - execStartEpoch);
+            rafRef.current = requestAnimationFrame(tick);
+        };
+        rafRef.current = requestAnimationFrame(tick);
+        return () => {
+            mounted = false;
+            if (rafRef.current)
+                cancelAnimationFrame(rafRef.current);
+        };
+    }, [isLive, execStartEpoch]);
+    // When execution completes, snap to final duration
+    useEffect(() => {
+        if (!isLive && executionDurationMs != null && executionDurationMs > 0) {
+            setNowMs(executionDurationMs);
+        }
+    }, [isLive, executionDurationMs]);
+    // --- Derive entries (memoized on event list length) ---
+    const entries = useMemo(() => {
+        if (events.length === 0)
+            return EMPTY_ENTRIES;
+        return deriveWaterfallEntries(events, executionStartIso);
+    }, [events, executionStartIso]);
+    // --- Derive scale ---
+    const effectiveDuration = isLive ? nowMs : (executionDurationMs ?? nowMs);
+    const scale = useMemo(() => {
+        if (entries.length === 0)
+            return EMPTY_SCALE;
+        return deriveWaterfallScale(entries, effectiveDuration);
+    }, [entries, effectiveDuration]);
+    return useMemo(() => ({ entries, scale, isLive, nowMs }), [entries, scale, isLive, nowMs]);
+}
+//# sourceMappingURL=useWaterfallEntries.js.map

package/workflow/execution/useWaterfallEntries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWaterfallEntries.js","sourceRoot":"","sources":["../../../src/workflow/execution/useWaterfallEntries.ts"],"names":[],"mappings":"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"}

package/workflow/execution-comparison/ComparisonSummaryCards.d.ts

@@ -0,0 +1,15 @@
+import type { ExecutionComparison } from "./types";
+/** Props for {@link ComparisonSummaryCards}. */
+export interface ComparisonSummaryCardsProps {
+    readonly comparison: ExecutionComparison;
+    readonly className?: string;
+}
+/**
+ * Renders 4 summary cards showing execution-level deltas between
+ * the base and compare runs: Duration, Cost, Tokens, and Task Outcomes.
+ *
+ * Positive delta values are color-coded: green = compare was better,
+ * red = compare was worse, neutral gray = equal.
+ */
+export declare const ComparisonSummaryCards: import("react").NamedExoticComponent<ComparisonSummaryCardsProps>;
+//# sourceMappingURL=ComparisonSummaryCards.d.ts.map

package/workflow/execution-comparison/ComparisonSummaryCards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonSummaryCards.d.ts","sourceRoot":"","sources":["../../../src/workflow/execution-comparison/ComparisonSummaryCards.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,gDAAgD;AAChD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,UAAU,EAAE,mBAAmB,CAAC;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAYD;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,mEA2CjC,CAAC"}

package/workflow/execution-comparison/ComparisonSummaryCards.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { cn } from "@stigmer/theme";
+import { formatDuration, formatMicroUsd, formatTokenCount } from "../format-utils";
+const BIGINT_ZERO = BigInt(0);
+/**
+ * Renders 4 summary cards showing execution-level deltas between
+ * the base and compare runs: Duration, Cost, Tokens, and Task Outcomes.
+ *
+ * Positive delta values are color-coded: green = compare was better,
+ * red = compare was worse, neutral gray = equal.
+ */
+export const ComparisonSummaryCards = memo(function ComparisonSummaryCards({ comparison, className, }) {
+    const cards = buildCards(comparison);
+    return (_jsx("div", { className: cn("grid grid-cols-2 gap-3 lg:grid-cols-4", className), "aria-label": "Comparison summary", children: cards.map((card) => (_jsxs("div", { className: "rounded-lg border border-[var(--stgm-border,#e5e5e5)] bg-[var(--stgm-card,#fff)] p-3", children: [_jsx("span", { className: "text-[10px] font-medium uppercase tracking-wide text-[var(--stgm-muted-foreground,#737373)]", children: card.label }), _jsxs("div", { className: "mt-1.5 flex items-baseline gap-2", children: [_jsx("span", { className: "text-sm font-semibold text-[var(--stgm-foreground,#1a1a2e)]", children: card.baseValue }), _jsxs("span", { className: "text-[10px] text-[var(--stgm-muted-foreground,#737373)]", children: ["vs ", card.compareValue] })] }), _jsx("div", { className: "mt-1", children: _jsx("span", { className: cn("text-xs font-medium", card.deltaDirection === "better" && "text-[var(--stgm-success,#16a34a)]", card.deltaDirection === "worse" && "text-[var(--stgm-destructive,#dc2626)]", card.deltaDirection === "neutral" && "text-[var(--stgm-muted-foreground,#737373)]"), children: card.delta }) })] }, card.label))) }));
+});
+function buildCards(comparison) {
+    const { baseRow, compareRow, durationDeltaMs, costDeltaMicros, tokensDelta } = comparison;
+    const durationCard = {
+        label: "Duration",
+        baseValue: baseRow.durationMs != null ? formatDuration(baseRow.durationMs) : "—",
+        compareValue: compareRow.durationMs != null ? formatDuration(compareRow.durationMs) : "—",
+        delta: formatDelta(durationDeltaMs, (ms) => formatDuration(Math.abs(ms))),
+        deltaDirection: durationDeltaMs == null ? "neutral" : durationDeltaMs > 0 ? "worse" : durationDeltaMs < 0 ? "better" : "neutral",
+    };
+    const costCard = {
+        label: "Cost",
+        baseValue: baseRow.costMicros > BIGINT_ZERO ? formatMicroUsd(baseRow.costMicros) : "—",
+        compareValue: compareRow.costMicros > BIGINT_ZERO ? formatMicroUsd(compareRow.costMicros) : "—",
+        delta: formatBigintDelta(costDeltaMicros, formatMicroUsd),
+        deltaDirection: costDeltaMicros === BIGINT_ZERO ? "neutral" : costDeltaMicros > BIGINT_ZERO ? "worse" : "better",
+    };
+    const tokensCard = {
+        label: "Tokens",
+        baseValue: baseRow.totalTokens > BIGINT_ZERO ? formatTokenCount(baseRow.totalTokens) : "—",
+        compareValue: compareRow.totalTokens > BIGINT_ZERO ? formatTokenCount(compareRow.totalTokens) : "—",
+        delta: formatBigintDelta(tokensDelta, formatTokenCount),
+        deltaDirection: tokensDelta === BIGINT_ZERO ? "neutral" : tokensDelta > BIGINT_ZERO ? "worse" : "better",
+    };
+    const baseChanged = comparison.tasks.filter((t) => t.statusChanged).length;
+    const tasksCard = {
+        label: "Task Outcomes",
+        baseValue: `${baseRow.completedTaskCount}/${baseRow.taskCount}`,
+        compareValue: `${compareRow.completedTaskCount}/${compareRow.taskCount}`,
+        delta: baseChanged === 0 ? "All identical" : `${baseChanged} differ`,
+        deltaDirection: baseChanged === 0 ? "neutral" : "worse",
+    };
+    return [durationCard, costCard, tokensCard, tasksCard];
+}
+function formatDelta(value, formatter) {
+    if (value == null)
+        return "—";
+    if (value === 0)
+        return "No change";
+    const sign = value > 0 ? "+" : "−";
+    return `${sign}${formatter(Math.abs(value))}`;
+}
+function formatBigintDelta(value, formatter) {
+    if (value === BIGINT_ZERO)
+        return "No change";
+    const sign = value > BIGINT_ZERO ? "+" : "−";
+    const abs = value < BIGINT_ZERO ? -value : value;
+    return `${sign}${formatter(abs)}`;
+}
+//# sourceMappingURL=ComparisonSummaryCards.js.map

package/workflow/execution-comparison/ComparisonSummaryCards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonSummaryCards.js","sourceRoot":"","sources":["../../../src/workflow/execution-comparison/ComparisonSummaryCards.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAiBnF,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAE9B;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAC,SAAS,sBAAsB,CAAC,EACzE,UAAU,EACV,SAAS,GACmB;IAC5B,MAAM,KAAK,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAErC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,gBACtD,oBAAoB,YAE9B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,eAEE,SAAS,EAAC,sFAAsF,aAEhG,eAAM,SAAS,EAAC,6FAA6F,YAC1G,IAAI,CAAC,KAAK,GACN,EACP,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eAAM,SAAS,EAAC,6DAA6D,YAC1E,IAAI,CAAC,SAAS,GACV,EACP,gBAAM,SAAS,EAAC,yDAAyD,oBACnE,IAAI,CAAC,YAAY,IAChB,IACH,EACN,cAAK,SAAS,EAAC,MAAM,YACnB,eACE,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,IAAI,CAAC,cAAc,KAAK,QAAQ,IAAI,oCAAoC,EACxE,IAAI,CAAC,cAAc,KAAK,OAAO,IAAI,wCAAwC,EAC3E,IAAI,CAAC,cAAc,KAAK,SAAS,IAAI,6CAA6C,CACnF,YAEA,IAAI,CAAC,KAAK,GACN,GACH,KAzBD,IAAI,CAAC,KAAK,CA0BX,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,UAA+B;IACjD,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC;IAE1F,MAAM,YAAY,GAAa;QAC7B,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,OAAO,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG;QAChF,YAAY,EAAE,UAAU,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG;QACzF,KAAK,EAAE,WAAW,CAAC,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QACzE,cAAc,EAAE,eAAe,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;KACjI,CAAC;IAEF,MAAM,QAAQ,GAAa;QACzB,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,OAAO,CAAC,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG;QACtF,YAAY,EAAE,UAAU,CAAC,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG;QAC/F,KAAK,EAAE,iBAAiB,CAAC,eAAe,EAAE,cAAc,CAAC;QACzD,cAAc,EAAE,eAAe,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;KACjH,CAAC;IAEF,MAAM,UAAU,GAAa;QAC3B,KAAK,EAAE,QAAQ;QACf,SAAS,EAAE,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG;QAC1F,YAAY,EAAE,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG;QACnG,KAAK,EAAE,iBAAiB,CAAC,WAAW,EAAE,gBAAgB,CAAC;QACvD,cAAc,EAAE,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;KACzG,CAAC;IAEF,MAAM,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC;IAC3E,MAAM,SAAS,GAAa;QAC1B,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE,GAAG,OAAO,CAAC,kBAAkB,IAAI,OAAO,CAAC,SAAS,EAAE;QAC/D,YAAY,EAAE,GAAG,UAAU,CAAC,kBAAkB,IAAI,UAAU,CAAC,SAAS,EAAE;QACxE,KAAK,EAAE,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,WAAW,SAAS;QACpE,cAAc,EAAE,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;KACxD,CAAC;IAEF,OAAO,CAAC,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;AACzD,CAAC;AAED,SAAS,WAAW,CAAC,KAAoB,EAAE,SAAgC;IACzE,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC;IAC9B,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,WAAW,CAAC;IACpC,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACnC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;AAChD,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAa,EAAE,SAAgC;IACxE,IAAI,KAAK,KAAK,WAAW;QAAE,OAAO,WAAW,CAAC;IAC9C,MAAM,IAAI,GAAG,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAC7C,MAAM,GAAG,GAAG,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACjD,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;AACpC,CAAC"}

package/workflow/execution-comparison/ExecutionComparisonPicker.d.ts

@@ -0,0 +1,27 @@
+import { ExecutionPhase } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/enum_pb";
+/** Props for {@link ExecutionComparisonPicker}. */
+export interface ExecutionComparisonPickerProps {
+    /** Whether the picker dialog is open. */
+    readonly open: boolean;
+    /** Workflow ID to scope execution list. */
+    readonly workflowId: string;
+    /** The base execution ID (already selected, shown as context). */
+    readonly baseExecutionId: string;
+    /** The phase of the base execution (used for smart pre-selection). */
+    readonly basePhase: ExecutionPhase;
+    /** Called when the user confirms a comparison target. */
+    readonly onConfirm: (compareExecutionId: string) => void;
+    /** Called when the dialog is dismissed. */
+    readonly onClose: () => void;
+}
+/**
+ * Dialog for selecting an execution to compare against.
+ *
+ * Shows recent executions of the same workflow, sorted by start time
+ * (newest first). Pre-selects the most recent execution with a different
+ * phase from the base (e.g., if base is FAILED, pre-selects last COMPLETED).
+ *
+ * Uses native `<dialog>` for accessibility and focus trapping.
+ */
+export declare const ExecutionComparisonPicker: import("react").NamedExoticComponent<ExecutionComparisonPickerProps>;
+//# sourceMappingURL=ExecutionComparisonPicker.d.ts.map

package/workflow/execution-comparison/ExecutionComparisonPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionComparisonPicker.d.ts","sourceRoot":"","sources":["../../../src/workflow/execution-comparison/ExecutionComparisonPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,iEAAiE,CAAC;AAKjG,mDAAmD;AACnD,MAAM,WAAW,8BAA8B;IAC7C,yCAAyC;IACzC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,kEAAkE;IAClE,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,sEAAsE;IACtE,QAAQ,CAAC,SAAS,EAAE,cAAc,CAAC;IACnC,yDAAyD;IACzD,QAAQ,CAAC,SAAS,EAAE,CAAC,kBAAkB,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,2CAA2C;IAC3C,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAC9B;AASD;;;;;;;;GAQG;AACH,eAAO,MAAM,yBAAyB,sEAmLpC,CAAC"}

package/workflow/execution-comparison/ExecutionComparisonPicker.js

@@ -0,0 +1,116 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { ExecutionPhase } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/enum_pb";
+import { useWorkflowExecutionList } from "../useWorkflowExecutionList";
+import { WorkflowExecutionPhaseBadge } from "../WorkflowExecutionPhaseBadge";
+import { formatDuration } from "../format-utils";
+const TERMINAL_PHASES = new Set([
+    ExecutionPhase.EXECUTION_COMPLETED,
+    ExecutionPhase.EXECUTION_FAILED,
+    ExecutionPhase.EXECUTION_CANCELLED,
+    ExecutionPhase.EXECUTION_TERMINATED,
+]);
+/**
+ * Dialog for selecting an execution to compare against.
+ *
+ * Shows recent executions of the same workflow, sorted by start time
+ * (newest first). Pre-selects the most recent execution with a different
+ * phase from the base (e.g., if base is FAILED, pre-selects last COMPLETED).
+ *
+ * Uses native `<dialog>` for accessibility and focus trapping.
+ */
+export const ExecutionComparisonPicker = memo(function ExecutionComparisonPicker({ open, workflowId, baseExecutionId, basePhase, onConfirm, onClose, }) {
+    const dialogRef = useRef(null);
+    const [selectedId, setSelectedId] = useState(null);
+    const { executions, isLoading } = useWorkflowExecutionList({
+        workflowId,
+        pageSize: 20,
+    });
+    const candidates = useMemo(() => executions.filter((e) => e.metadata?.id !== baseExecutionId &&
+        TERMINAL_PHASES.has(e.status?.phase ?? ExecutionPhase.EXECUTION_PHASE_UNSPECIFIED)), [executions, baseExecutionId]);
+    useEffect(() => {
+        if (!open || candidates.length === 0)
+            return;
+        if (selectedId)
+            return;
+        const preferredPhase = basePhase === ExecutionPhase.EXECUTION_FAILED
+            ? ExecutionPhase.EXECUTION_COMPLETED
+            : ExecutionPhase.EXECUTION_FAILED;
+        const preferred = candidates.find((e) => e.status?.phase === preferredPhase);
+        const fallback = candidates[0];
+        setSelectedId((preferred ?? fallback)?.metadata?.id ?? null);
+    }, [open, candidates, selectedId, basePhase]);
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (!dialog)
+            return;
+        if (open) {
+            if (!dialog.open)
+                dialog.showModal();
+        }
+        else {
+            if (dialog.open)
+                dialog.close();
+        }
+    }, [open]);
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (!dialog)
+            return;
+        const handleClose = () => onClose();
+        dialog.addEventListener("close", handleClose);
+        return () => dialog.removeEventListener("close", handleClose);
+    }, [onClose]);
+    useEffect(() => {
+        if (!open)
+            setSelectedId(null);
+    }, [open]);
+    const handleConfirm = useCallback(() => {
+        if (selectedId)
+            onConfirm(selectedId);
+    }, [selectedId, onConfirm]);
+    const handleBackdropClick = useCallback((e) => {
+        if (e.target === dialogRef.current)
+            onClose();
+    }, [onClose]);
+    return (_jsx("dialog", { ref: dialogRef, className: cn("stgm m-auto max-h-[70vh] w-full max-w-md rounded-lg border border-[var(--stgm-border,#e5e5e5)] bg-[var(--stgm-background,#fff)] p-0 shadow-xl", "backdrop:bg-black/40"), onClick: handleBackdropClick, "aria-label": "Select execution to compare", children: _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-[var(--stgm-border,#e5e5e5)] px-4 py-3", children: [_jsx("span", { className: "text-sm font-semibold text-[var(--stgm-foreground,#1a1a2e)]", children: "Compare with..." }), _jsx("button", { type: "button", onClick: onClose, className: "flex h-6 w-6 items-center justify-center rounded text-[var(--stgm-muted-foreground,#737373)] hover:bg-[var(--stgm-muted,#f5f5f5)] hover:text-[var(--stgm-foreground,#1a1a2e)]", "aria-label": "Close", children: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M2 2l8 8M10 2l-8 8" }) }) })] }), _jsxs("div", { className: "max-h-[50vh] overflow-y-auto p-2", role: "listbox", "aria-label": "Recent executions", children: [isLoading && (_jsx("div", { className: "flex items-center justify-center py-8 text-xs text-[var(--stgm-muted-foreground,#737373)]", children: "Loading executions..." })), !isLoading && candidates.length === 0 && (_jsx("div", { className: "flex items-center justify-center py-8 text-xs text-[var(--stgm-muted-foreground,#737373)]", children: "No other completed executions found." })), candidates.map((exec) => {
+                            const id = exec.metadata?.id ?? "";
+                            const name = exec.metadata?.name || exec.metadata?.slug || id;
+                            const phase = exec.status?.phase ?? ExecutionPhase.EXECUTION_PHASE_UNSPECIFIED;
+                            const startedAt = exec.status?.startedAt;
+                            const completedAt = exec.status?.completedAt;
+                            const durationMs = getDurationMs(startedAt, completedAt);
+                            const isSelected = id === selectedId;
+                            return (_jsxs("button", { type: "button", role: "option", "aria-selected": isSelected, onClick: () => setSelectedId(id), className: cn("flex w-full items-center gap-3 rounded-md px-3 py-2 text-left text-sm transition-colors", isSelected
+                                    ? "bg-[var(--stgm-primary,#4f46e5)]/10 ring-1 ring-[var(--stgm-primary,#4f46e5)]"
+                                    : "hover:bg-[var(--stgm-muted,#f5f5f5)]"), children: [_jsx(WorkflowExecutionPhaseBadge, { phase: phase }), _jsxs("div", { className: "flex flex-1 flex-col gap-0.5 overflow-hidden", children: [_jsx("span", { className: "truncate text-xs font-medium text-[var(--stgm-foreground,#1a1a2e)]", children: name }), _jsxs("span", { className: "text-[10px] text-[var(--stgm-muted-foreground,#737373)]", children: [startedAt ? formatRelative(startedAt) : "—", durationMs != null && ` · ${formatDuration(durationMs)}`] })] })] }, id));
+                        })] }), _jsxs("div", { className: "flex items-center justify-end gap-2 border-t border-[var(--stgm-border,#e5e5e5)] px-4 py-3", children: [_jsx("button", { type: "button", onClick: onClose, className: "rounded-md px-3 py-1.5 text-xs font-medium text-[var(--stgm-muted-foreground,#737373)] hover:bg-[var(--stgm-muted,#f5f5f5)] hover:text-[var(--stgm-foreground,#1a1a2e)]", children: "Cancel" }), _jsx("button", { type: "button", onClick: handleConfirm, disabled: !selectedId, className: cn("rounded-md px-3 py-1.5 text-xs font-medium", selectedId
+                                ? "bg-[var(--stgm-primary,#4f46e5)] text-[var(--stgm-primary-foreground,#fff)] hover:bg-[var(--stgm-primary,#4f46e5)]/90"
+                                : "cursor-not-allowed bg-[var(--stgm-muted,#f5f5f5)] text-[var(--stgm-muted-foreground,#737373)]"), children: "Compare" })] })] }) }));
+});
+function getDurationMs(startedAt, completedAt) {
+    if (!startedAt || !completedAt)
+        return null;
+    const s = new Date(startedAt).getTime();
+    const e = new Date(completedAt).getTime();
+    if (Number.isNaN(s) || Number.isNaN(e))
+        return null;
+    return e - s;
+}
+function formatRelative(iso) {
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return iso;
+    const now = Date.now();
+    const diff = now - d.getTime();
+    if (diff < 60_000)
+        return "just now";
+    if (diff < 3_600_000)
+        return `${Math.floor(diff / 60_000)}m ago`;
+    if (diff < 86_400_000)
+        return `${Math.floor(diff / 3_600_000)}h ago`;
+    return d.toLocaleDateString(undefined, { month: "short", day: "numeric" });
+}
+//# sourceMappingURL=ExecutionComparisonPicker.js.map

package/workflow/execution-comparison/ExecutionComparisonPicker.js.map

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

package/workflow/execution-comparison/ExecutionComparisonView.d.ts

@@ -0,0 +1,36 @@
+/** Props for {@link ExecutionComparisonView}. */
+export interface ExecutionComparisonViewProps {
+    /** The "baseline" execution ID (typically the run being investigated). */
+    readonly baseExecutionId: string;
+    /** The "compare" execution ID (typically a reference/successful run). */
+    readonly compareExecutionId: string;
+    /** Called when the user clicks "Back" to exit comparison mode. */
+    readonly onBack: () => void;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * Top-level composed comparison view showing summary deltas and a
+ * per-task comparison table between two workflow executions.
+ *
+ * Self-contained: fetches both executions internally via
+ * {@link useExecutionComparison}. Zero Console dependencies.
+ *
+ * Layout:
+ * ```
+ * Header (back button + execution labels)
+ * ComparisonSummaryCards (4 delta cards)
+ * TaskComparisonTable (per-task status/duration/cost)
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ExecutionComparisonView
+ *   baseExecutionId="wfx_failed_123"
+ *   compareExecutionId="wfx_success_456"
+ *   onBack={() => setCompareMode(false)}
+ * />
+ * ```
+ */
+export declare const ExecutionComparisonView: import("react").NamedExoticComponent<ExecutionComparisonViewProps>;
+//# sourceMappingURL=ExecutionComparisonView.d.ts.map

package/workflow/execution-comparison/ExecutionComparisonView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionComparisonView.d.ts","sourceRoot":"","sources":["../../../src/workflow/execution-comparison/ExecutionComparisonView.tsx"],"names":[],"mappings":"AASA,iDAAiD;AACjD,MAAM,WAAW,4BAA4B;IAC3C,0EAA0E;IAC1E,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,yEAAyE;IACzE,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACpC,kEAAkE;IAClE,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,uBAAuB,oEAuFlC,CAAC"}

package/workflow/execution-comparison/ExecutionComparisonView.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { cn } from "@stigmer/theme";
+import { WorkflowExecutionPhaseBadge } from "../WorkflowExecutionPhaseBadge";
+import { useExecutionComparison } from "./useExecutionComparison";
+import { ComparisonSummaryCards } from "./ComparisonSummaryCards";
+import { TaskComparisonTable } from "./TaskComparisonTable";
+/**
+ * Top-level composed comparison view showing summary deltas and a
+ * per-task comparison table between two workflow executions.
+ *
+ * Self-contained: fetches both executions internally via
+ * {@link useExecutionComparison}. Zero Console dependencies.
+ *
+ * Layout:
+ * ```
+ * Header (back button + execution labels)
+ * ComparisonSummaryCards (4 delta cards)
+ * TaskComparisonTable (per-task status/duration/cost)
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ExecutionComparisonView
+ *   baseExecutionId="wfx_failed_123"
+ *   compareExecutionId="wfx_success_456"
+ *   onBack={() => setCompareMode(false)}
+ * />
+ * ```
+ */
+export const ExecutionComparisonView = memo(function ExecutionComparisonView({ baseExecutionId, compareExecutionId, onBack, className, }) {
+    const { comparison, isLoading, error } = useExecutionComparison({
+        baseId: baseExecutionId,
+        compareId: compareExecutionId,
+    });
+    if (isLoading) {
+        return (_jsx("div", { className: cn("flex items-center justify-center py-16", className), children: _jsx("span", { className: "text-sm text-[var(--stgm-muted-foreground,#737373)]", children: "Loading comparison..." }) }));
+    }
+    if (error) {
+        return (_jsxs("div", { className: cn("flex flex-col items-center justify-center gap-2 py-16", className), children: [_jsx("span", { className: "text-sm text-[var(--stgm-destructive,#dc2626)]", children: "Failed to load executions" }), _jsx("span", { className: "text-xs text-[var(--stgm-muted-foreground,#737373)]", children: error.message })] }));
+    }
+    if (!comparison)
+        return null;
+    return (_jsxs("section", { className: cn("flex flex-col gap-4", className), "aria-label": "Execution comparison", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("button", { type: "button", onClick: onBack, className: "flex items-center gap-1.5 rounded-md px-2 py-1 text-xs font-medium text-[var(--stgm-muted-foreground,#737373)] hover:bg-[var(--stgm-muted,#f5f5f5)] hover:text-[var(--stgm-foreground,#1a1a2e)]", "aria-label": "Back to execution", children: [_jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M7.5 9L4.5 6l3-3" }) }), "Back"] }), _jsxs("div", { className: "flex flex-1 items-center gap-2", children: [_jsx(ExecutionLabel, { name: comparison.baseRow.name || baseExecutionId, phase: comparison.baseRow.phase, label: "Base" }), _jsx("span", { className: "text-xs text-[var(--stgm-muted-foreground,#737373)]", children: "vs" }), _jsx(ExecutionLabel, { name: comparison.compareRow.name || compareExecutionId, phase: comparison.compareRow.phase, label: "Compare" })] })] }), comparison.divergencePoint && (_jsxs("div", { className: "flex items-center gap-2 rounded-md border border-[var(--stgm-warning,#f59e0b)]/30 bg-[var(--stgm-warning,#f59e0b)]/5 px-3 py-2", children: [_jsx("span", { className: "inline-block h-2 w-2 rounded-full bg-[var(--stgm-warning,#f59e0b)]", "aria-hidden": "true" }), _jsxs("span", { className: "text-xs text-[var(--stgm-foreground,#1a1a2e)]", children: ["First divergence at ", _jsx("strong", { children: comparison.divergencePoint })] })] })), _jsx(ComparisonSummaryCards, { comparison: comparison }), _jsx(TaskComparisonTable, { comparison: comparison })] }));
+});
+function ExecutionLabel({ name, phase, label, }) {
+    return (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsxs("span", { className: "text-[10px] font-medium uppercase tracking-wide text-[var(--stgm-muted-foreground,#737373)]", children: [label, ":"] }), _jsx(WorkflowExecutionPhaseBadge, { phase: phase }), _jsx("span", { className: "max-w-[10rem] truncate text-xs font-medium text-[var(--stgm-foreground,#1a1a2e)]", title: name, children: name })] }));
+}
+//# sourceMappingURL=ExecutionComparisonView.js.map

package/workflow/execution-comparison/ExecutionComparisonView.js.map

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

package/workflow/execution-comparison/TaskComparisonTable.d.ts

@@ -0,0 +1,18 @@
+import type { ExecutionComparison } from "./types";
+/** Props for {@link TaskComparisonTable}. */
+export interface TaskComparisonTableProps {
+    readonly comparison: ExecutionComparison;
+    /** When `true`, only shows tasks with differences. @default false */
+    readonly changesOnly?: boolean;
+    readonly className?: string;
+}
+/**
+ * Per-task comparison table showing status, duration, and cost
+ * differences between two executions.
+ *
+ * Tasks are ordered by execution position. Changed tasks are
+ * highlighted with a subtle background. The divergence point
+ * (first difference) is visually marked.
+ */
+export declare const TaskComparisonTable: import("react").NamedExoticComponent<TaskComparisonTableProps>;
+//# sourceMappingURL=TaskComparisonTable.d.ts.map

package/workflow/execution-comparison/TaskComparisonTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskComparisonTable.d.ts","sourceRoot":"","sources":["../../../src/workflow/execution-comparison/TaskComparisonTable.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAkB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnE,6CAA6C;AAC7C,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,UAAU,EAAE,mBAAmB,CAAC;IACzC,qEAAqE;IACrE,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAMD;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,gEA0G9B,CAAC"}

package/workflow/execution-comparison/TaskComparisonTable.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo, useState, useCallback } from "react";
+import { cn } from "@stigmer/theme";
+import { WorkflowTaskStatus } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/enum_pb";
+import { formatDuration, formatMicroUsd } from "../format-utils";
+const BIGINT_ZERO = BigInt(0);
+/**
+ * Per-task comparison table showing status, duration, and cost
+ * differences between two executions.
+ *
+ * Tasks are ordered by execution position. Changed tasks are
+ * highlighted with a subtle background. The divergence point
+ * (first difference) is visually marked.
+ */
+export const TaskComparisonTable = memo(function TaskComparisonTable({ comparison, changesOnly = false, className, }) {
+    const [filter, setFilter] = useState(changesOnly ? "changed" : "all");
+    const filtered = useMemo(() => {
+        switch (filter) {
+            case "changed":
+                return comparison.tasks.filter((t) => t.statusChanged);
+            case "failed":
+                return comparison.tasks.filter((t) => t.baseStatus === WorkflowTaskStatus.WORKFLOW_TASK_FAILED ||
+                    t.compareStatus === WorkflowTaskStatus.WORKFLOW_TASK_FAILED);
+            default:
+                return comparison.tasks;
+        }
+    }, [comparison.tasks, filter]);
+    const handleFilterChange = useCallback((mode) => setFilter(mode), []);
+    return (_jsxs("div", { className: cn("flex flex-col gap-2", className), children: [_jsxs("div", { className: "flex items-center gap-1", role: "tablist", "aria-label": "Task filter", children: [_jsx(FilterChip, { label: "All", count: comparison.tasks.length, active: filter === "all", onClick: () => handleFilterChange("all") }), _jsx(FilterChip, { label: "Changed", count: comparison.tasks.filter((t) => t.statusChanged).length, active: filter === "changed", onClick: () => handleFilterChange("changed") }), _jsx(FilterChip, { label: "Failed", count: comparison.tasks.filter((t) => t.baseStatus === WorkflowTaskStatus.WORKFLOW_TASK_FAILED ||
+                            t.compareStatus === WorkflowTaskStatus.WORKFLOW_TASK_FAILED).length, active: filter === "failed", onClick: () => handleFilterChange("failed") })] }), _jsx("div", { className: "overflow-x-auto rounded-md border border-[var(--stgm-border,#e5e5e5)]", children: _jsxs("table", { className: "w-full text-xs", "aria-label": "Task comparison", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-[var(--stgm-border,#e5e5e5)] bg-[var(--stgm-muted,#f5f5f5)]", children: [_jsx("th", { className: "px-3 py-2 text-left font-medium text-[var(--stgm-muted-foreground,#737373)]", children: "Task" }), _jsx("th", { className: "px-3 py-2 text-center font-medium text-[var(--stgm-muted-foreground,#737373)]", children: "Base Status" }), _jsx("th", { className: "px-3 py-2 text-center font-medium text-[var(--stgm-muted-foreground,#737373)]", children: "Compare Status" }), _jsx("th", { className: "px-3 py-2 text-right font-medium text-[var(--stgm-muted-foreground,#737373)]", children: "Duration" }), _jsx("th", { className: "px-3 py-2 text-right font-medium text-[var(--stgm-muted-foreground,#737373)]", children: "Cost" })] }) }), _jsxs("tbody", { children: [filtered.length === 0 && (_jsx("tr", { children: _jsx("td", { colSpan: 5, className: "px-3 py-6 text-center text-[var(--stgm-muted-foreground,#737373)]", children: filter === "all" ? "No tasks to compare." : "No matching tasks." }) })), filtered.map((task) => (_jsx(TaskRow, { task: task, isDivergencePoint: task.taskName === comparison.divergencePoint }, task.taskName)))] })] }) }), (comparison.tasksOnlyInBase.length > 0 || comparison.tasksOnlyInCompare.length > 0) && (_jsxs("div", { className: "mt-1 text-[10px] text-[var(--stgm-muted-foreground,#737373)]", children: [comparison.tasksOnlyInBase.length > 0 && (_jsxs("p", { children: ["Only in base: ", comparison.tasksOnlyInBase.join(", ")] })), comparison.tasksOnlyInCompare.length > 0 && (_jsxs("p", { children: ["Only in compare: ", comparison.tasksOnlyInCompare.join(", ")] }))] }))] }));
+});
+const TaskRow = memo(function TaskRow({ task, isDivergencePoint, }) {
+    return (_jsxs("tr", { className: cn("border-b border-[var(--stgm-border,#e5e5e5)] last:border-b-0", task.statusChanged && "bg-[var(--stgm-destructive,#dc2626)]/5", isDivergencePoint && "ring-1 ring-inset ring-[var(--stgm-warning,#f59e0b)]/50"), children: [_jsx("td", { className: "px-3 py-2", children: _jsxs("div", { className: "flex items-center gap-1.5", children: [isDivergencePoint && (_jsx("span", { className: "inline-block h-1.5 w-1.5 rounded-full bg-[var(--stgm-warning,#f59e0b)]", title: "First point of divergence", "aria-label": "Divergence point" })), _jsx("span", { className: "font-medium text-[var(--stgm-foreground,#1a1a2e)]", children: task.taskName })] }) }), _jsx("td", { className: "px-3 py-2 text-center", children: _jsx(TaskStatusBadge, { status: task.baseStatus }) }), _jsx("td", { className: "px-3 py-2 text-center", children: _jsx(TaskStatusBadge, { status: task.compareStatus }) }), _jsx("td", { className: "px-3 py-2 text-right", children: _jsx(DurationCell, { task: task }) }), _jsx("td", { className: "px-3 py-2 text-right", children: _jsx(CostCell, { task: task }) })] }));
+});
+function TaskStatusBadge({ status }) {
+    const config = TASK_STATUS_CONFIG.get(status) ?? { label: "Unknown", colorClass: "text-[var(--stgm-muted-foreground,#737373)]" };
+    return (_jsx("span", { className: cn("inline-flex items-center gap-1 text-[10px] font-medium", config.colorClass), children: config.label }));
+}
+function DurationCell({ task }) {
+    if (task.baseDurationMs == null && task.compareDurationMs == null)
+        return _jsx("span", { children: "\u2014" });
+    const baseStr = task.baseDurationMs != null ? formatDuration(task.baseDurationMs) : "—";
+    const compareStr = task.compareDurationMs != null ? formatDuration(task.compareDurationMs) : "—";
+    if (task.durationDeltaMs == null || task.durationDeltaMs === 0) {
+        return _jsx("span", { className: "text-[var(--stgm-muted-foreground,#737373)]", children: baseStr });
+    }
+    const sign = task.durationDeltaMs > 0 ? "+" : "−";
+    const abs = Math.abs(task.durationDeltaMs);
+    const deltaColor = task.durationDeltaMs > 0
+        ? "text-[var(--stgm-destructive,#dc2626)]"
+        : "text-[var(--stgm-success,#16a34a)]";
+    return (_jsxs("span", { className: "flex flex-col items-end", children: [_jsxs("span", { className: "text-[var(--stgm-foreground,#1a1a2e)]", children: [baseStr, " / ", compareStr] }), _jsxs("span", { className: cn("text-[10px]", deltaColor), children: [sign, formatDuration(abs)] })] }));
+}
+function CostCell({ task }) {
+    if (task.baseCostMicros === BIGINT_ZERO && task.compareCostMicros === BIGINT_ZERO) {
+        return _jsx("span", { className: "text-[var(--stgm-muted-foreground,#737373)]", children: "\u2014" });
+    }
+    const baseStr = task.baseCostMicros > BIGINT_ZERO ? formatMicroUsd(task.baseCostMicros) : "—";
+    const compareStr = task.compareCostMicros > BIGINT_ZERO ? formatMicroUsd(task.compareCostMicros) : "—";
+    const delta = task.baseCostMicros - task.compareCostMicros;
+    if (delta === BIGINT_ZERO) {
+        return _jsx("span", { className: "text-[var(--stgm-muted-foreground,#737373)]", children: baseStr });
+    }
+    return (_jsxs("span", { className: "text-[var(--stgm-foreground,#1a1a2e)]", children: [baseStr, " / ", compareStr] }));
+}
+function FilterChip({ label, count, active, onClick, }) {
+    return (_jsxs("button", { type: "button", role: "tab", "aria-selected": active, onClick: onClick, className: cn("rounded-full px-2.5 py-1 text-[10px] font-medium transition-colors", active
+            ? "bg-[var(--stgm-foreground,#1a1a2e)] text-[var(--stgm-background,#fff)]"
+            : "bg-[var(--stgm-muted,#f5f5f5)] text-[var(--stgm-muted-foreground,#737373)] hover:bg-[var(--stgm-border,#e5e5e5)]"), children: [label, " (", count, ")"] }));
+}
+const TASK_STATUS_CONFIG = new Map([
+    [WorkflowTaskStatus.WORKFLOW_TASK_STATUS_UNSPECIFIED, { label: "—", colorClass: "text-[var(--stgm-muted-foreground,#737373)]" }],
+    [WorkflowTaskStatus.WORKFLOW_TASK_PENDING, { label: "Pending", colorClass: "text-[var(--stgm-muted-foreground,#737373)]" }],
+    [WorkflowTaskStatus.WORKFLOW_TASK_IN_PROGRESS, { label: "Running", colorClass: "text-[var(--stgm-foreground,#1a1a2e)]" }],
+    [WorkflowTaskStatus.WORKFLOW_TASK_COMPLETED, { label: "Completed", colorClass: "text-[var(--stgm-success,#16a34a)]" }],
+    [WorkflowTaskStatus.WORKFLOW_TASK_FAILED, { label: "Failed", colorClass: "text-[var(--stgm-destructive,#dc2626)]" }],
+    [WorkflowTaskStatus.WORKFLOW_TASK_SKIPPED, { label: "Skipped", colorClass: "text-[var(--stgm-muted-foreground,#737373)]" }],
+    [WorkflowTaskStatus.WORKFLOW_TASK_WAITING_APPROVAL, { label: "Waiting", colorClass: "text-[var(--stgm-warning,#f59e0b)]" }],
+]);
+//# sourceMappingURL=TaskComparisonTable.js.map

package/workflow/execution-comparison/TaskComparisonTable.js.map

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

package/workflow/execution-comparison/__tests__/derive-execution-comparison.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=derive-execution-comparison.test.d.ts.map

package/workflow/execution-comparison/__tests__/derive-execution-comparison.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"derive-execution-comparison.test.d.ts","sourceRoot":"","sources":["../../../../src/workflow/execution-comparison/__tests__/derive-execution-comparison.test.ts"],"names":[],"mappings":""}