@stigmer/react 0.5.0 → 1.0.0

package/workflow/CanvasTransitionEdge.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useCallback, useContext, useRef, useState } from "react";
+import { BaseEdge, EdgeLabelRenderer, getSmoothStepPath } from "@xyflow/react";
+import { cn } from "@stigmer/theme";
+import { CanvasActionsContext } from "./CanvasActionsContext";
+import { TaskPickerPopover } from "./TaskPickerPopover";
+/**
+ * Custom React Flow edge rendering a directed transition between tasks.
+ *
+ * Uses smoothstep routing (90-degree bends) with an arrowhead marker.
+ * Optionally renders a label pill for named branches (switch_case cases,
+ * human_input outcomes).
+ *
+ * Shows a "+" button at the midpoint on hover. Clicking the button inserts
+ * a new task node between the source and target, splitting this edge.
+ *
+ * @since T15 (Visual Canvas Editor)
+ */
+export const CanvasTransitionEdge = memo(function CanvasTransitionEdge({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, selected, markerEnd, }) {
+    const [edgePath, labelX, labelY] = getSmoothStepPath({
+        sourceX,
+        sourceY,
+        sourcePosition,
+        targetX,
+        targetY,
+        targetPosition,
+        borderRadius: 8,
+    });
+    const label = data?.label;
+    const actions = useContext(CanvasActionsContext);
+    const [hovered, setHovered] = useState(false);
+    const [pickerOpen, setPickerOpen] = useState(false);
+    const insertBtnRef = useRef(null);
+    const handleOpenPicker = useCallback(() => {
+        setPickerOpen(true);
+    }, []);
+    const handlePickerOpenChange = useCallback((nextOpen) => {
+        setPickerOpen(nextOpen);
+    }, []);
+    const handleKindSelected = useCallback((kindString) => {
+        actions?.insertTaskOnEdge(id, kindString);
+    }, [actions, id]);
+    return (_jsxs(_Fragment, { children: [_jsx(BaseEdge, { id: id, path: edgePath, markerEnd: markerEnd, className: cn("!stroke-[var(--stgm-border-prominent,#a3a3a3)]", selected && "!stroke-[var(--stgm-ring,#3b82f6)]"), style: {
+                    strokeWidth: selected ? 2.5 : 2,
+                } }), _jsx(EdgeLabelRenderer, { children: _jsxs("div", { className: "pointer-events-auto absolute", style: {
+                        transform: `translate(-50%, -50%) translate(${labelX}px, ${labelY}px)`,
+                    }, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: [label && (_jsx("div", { className: "stgm mb-1 rounded-full border border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))] px-2 py-0.5 text-center text-[10px] font-medium text-[var(--stgm-foreground,#1a1a2e)] shadow-sm", children: label })), _jsx("button", { ref: insertBtnRef, type: "button", onClick: handleOpenPicker, className: cn("flex h-5 w-5 items-center justify-center rounded-full border border-[var(--stgm-border-prominent,#d4d4d8)] bg-[var(--stgm-card,var(--stgm-background,#fff))] text-[var(--stgm-muted-foreground,#737373)] shadow-sm transition-all", "hover:border-[var(--stgm-primary,#6366f1)] hover:bg-[var(--stgm-primary,#6366f1)] hover:text-[var(--stgm-primary-foreground,#fff)]", hovered || selected || pickerOpen ? "scale-100 opacity-100" : "scale-75 opacity-0"), "aria-label": "Insert task here", title: "Insert task", children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M5 2v6M2 5h6" }) }) }), _jsx(TaskPickerPopover, { open: pickerOpen, onOpenChange: handlePickerOpenChange, onSelectKind: handleKindSelected, anchorRef: insertBtnRef, side: "bottom" })] }) })] }));
+});
+//# sourceMappingURL=CanvasTransitionEdge.js.map

package/workflow/CanvasTransitionEdge.js.map

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

package/workflow/CostByWorkflowChart.d.ts

@@ -0,0 +1,15 @@
+import type { WorkflowCostBreakdown } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/io_pb";
+export interface CostByWorkflowChartProps {
+    readonly breakdowns: readonly WorkflowCostBreakdown[];
+    readonly isLoading: boolean;
+    readonly className?: string;
+}
+/**
+ * Horizontal bar chart showing cost by workflow.
+ *
+ * Sorted by total cost (descending). Each bar shows the workflow name,
+ * formatted dollar cost, and execution count as a secondary label.
+ * Uses pure CSS for rendering -- no recharts dependency needed.
+ */
+export declare const CostByWorkflowChart: import("react").NamedExoticComponent<CostByWorkflowChartProps>;
+//# sourceMappingURL=CostByWorkflowChart.d.ts.map

package/workflow/CostByWorkflowChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CostByWorkflowChart.d.ts","sourceRoot":"","sources":["../../src/workflow/CostByWorkflowChart.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AAE3G,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,UAAU,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACtD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAiBD;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,gEAqF9B,CAAC"}

package/workflow/CostByWorkflowChart.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { cn } from "@stigmer/theme";
+const BAR_COLORS = [
+    "var(--stgm-color-primary, var(--color-primary))",
+    "var(--stgm-color-success, var(--color-success))",
+    "var(--stgm-color-warning, var(--color-warning))",
+    "var(--stgm-color-destructive, var(--color-destructive))",
+    "var(--stgm-color-muted-foreground, var(--color-muted-foreground))",
+];
+function formatCost(usd) {
+    if (usd >= 1)
+        return `$${usd.toFixed(2)}`;
+    if (usd >= 0.01)
+        return `$${usd.toFixed(3)}`;
+    if (usd > 0)
+        return `<$0.01`;
+    return "$0.00";
+}
+/**
+ * Horizontal bar chart showing cost by workflow.
+ *
+ * Sorted by total cost (descending). Each bar shows the workflow name,
+ * formatted dollar cost, and execution count as a secondary label.
+ * Uses pure CSS for rendering -- no recharts dependency needed.
+ */
+export const CostByWorkflowChart = memo(function CostByWorkflowChart({ breakdowns, isLoading, className, }) {
+    const sorted = useMemo(() => [...breakdowns]
+        .sort((a, b) => b.totalCostUsd - a.totalCostUsd)
+        .slice(0, 8), [breakdowns]);
+    const maxCost = useMemo(() => Math.max(Number.MIN_VALUE, ...sorted.map((b) => b.totalCostUsd)), [sorted]);
+    if (isLoading) {
+        return (_jsxs("div", { className: cn("space-y-3", className), "aria-busy": "true", children: [_jsx("div", { className: "h-4 w-40 animate-pulse rounded bg-muted" }), Array.from({ length: 4 }, (_, i) => (_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "h-3 w-24 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-6 animate-pulse rounded bg-muted/50", style: { width: `${80 - i * 15}%` } })] }, i)))] }));
+    }
+    if (sorted.length === 0) {
+        return (_jsxs("div", { className: cn("space-y-3", className), children: [_jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Cost by Workflow" }), _jsx("p", { className: "py-6 text-center text-xs text-muted-foreground", children: "No cost data available" })] }));
+    }
+    return (_jsxs("div", { className: cn("space-y-3", className), children: [_jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Cost by Workflow" }), _jsx("div", { className: "space-y-2.5", role: "list", "aria-label": "Cost by workflow", children: sorted.map((breakdown, i) => {
+                    const pct = maxCost > 0 ? (breakdown.totalCostUsd / maxCost) * 100 : 0;
+                    const color = BAR_COLORS[i % BAR_COLORS.length];
+                    return (_jsxs("div", { role: "listitem", children: [_jsxs("div", { className: "mb-0.5 flex items-baseline justify-between gap-2", children: [_jsx("span", { className: "truncate text-xs font-medium text-foreground", children: breakdown.workflowName || breakdown.workflowSlug }), _jsxs("span", { className: "flex shrink-0 items-baseline gap-2", children: [_jsx("span", { className: "text-xs font-medium tabular-nums text-foreground", children: formatCost(breakdown.totalCostUsd) }), _jsxs("span", { className: "text-xs tabular-nums text-muted-foreground", children: [breakdown.executionCount, " runs"] })] })] }), _jsx("div", { className: "h-2 overflow-hidden rounded-full bg-muted", children: _jsx("div", { className: "h-full rounded-full transition-all duration-500", style: { width: `${pct}%`, backgroundColor: color } }) })] }, breakdown.workflowSlug));
+                }) })] }));
+});
+//# sourceMappingURL=CostByWorkflowChart.js.map

package/workflow/CostByWorkflowChart.js.map

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

package/workflow/ExecutionSummaryWidget.d.ts

@@ -0,0 +1,16 @@
+import type { ExecutionSummary } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/io_pb";
+export interface ExecutionSummaryWidgetProps {
+    readonly summary: ExecutionSummary | null;
+    readonly isLoading: boolean;
+    readonly className?: string;
+}
+/**
+ * Dashboard widget showing aggregate execution KPIs.
+ *
+ * Displays stat cards for active, completed, failed counts and total cost.
+ * Below the cards, shows average duration and a phase breakdown bar.
+ *
+ * All visuals use `--stgm-*` tokens. No hardcoded colors.
+ */
+export declare const ExecutionSummaryWidget: import("react").NamedExoticComponent<ExecutionSummaryWidgetProps>;
+//# sourceMappingURL=ExecutionSummaryWidget.d.ts.map

package/workflow/ExecutionSummaryWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionSummaryWidget.d.ts","sourceRoot":"","sources":["../../src/workflow/ExecutionSummaryWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+DAA+D,CAAC;AAItG,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAoDD;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,mEA0HjC,CAAC"}

package/workflow/ExecutionSummaryWidget.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { ExecutionPhase } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/enum_pb";
+import { cn } from "@stigmer/theme";
+const PHASE_LABEL = new Map([
+    [ExecutionPhase.EXECUTION_PENDING, "Pending"],
+    [ExecutionPhase.EXECUTION_IN_PROGRESS, "Running"],
+    [ExecutionPhase.EXECUTION_COMPLETED, "Completed"],
+    [ExecutionPhase.EXECUTION_FAILED, "Failed"],
+    [ExecutionPhase.EXECUTION_CANCELLED, "Cancelled"],
+    [ExecutionPhase.EXECUTION_TERMINATED, "Terminated"],
+    [ExecutionPhase.EXECUTION_PAUSED, "Paused"],
+]);
+const STAT_CARDS = [
+    {
+        label: "Active",
+        valueClass: "text-foreground",
+        getValue: (s) => String(s.activeCount),
+    },
+    {
+        label: "Completed",
+        valueClass: "text-success",
+        getValue: (s) => String(s.phaseCounts[ExecutionPhase.EXECUTION_COMPLETED] ?? 0),
+    },
+    {
+        label: "Failed",
+        valueClass: "text-destructive",
+        getValue: (s) => String(s.phaseCounts[ExecutionPhase.EXECUTION_FAILED] ?? 0),
+    },
+    {
+        label: "Total Cost",
+        valueClass: "text-foreground",
+        getValue: (s) => s.totalCost?.totalCostUsd
+            ? `$${s.totalCost.totalCostUsd.toFixed(2)}`
+            : "$0.00",
+    },
+];
+function formatDuration(seconds) {
+    if (seconds < 60)
+        return `${Math.round(seconds)}s`;
+    if (seconds < 3600)
+        return `${Math.round(seconds / 60)}m`;
+    return `${(seconds / 3600).toFixed(1)}h`;
+}
+/**
+ * Dashboard widget showing aggregate execution KPIs.
+ *
+ * Displays stat cards for active, completed, failed counts and total cost.
+ * Below the cards, shows average duration and a phase breakdown bar.
+ *
+ * All visuals use `--stgm-*` tokens. No hardcoded colors.
+ */
+export const ExecutionSummaryWidget = memo(function ExecutionSummaryWidget({ summary, isLoading, className, }) {
+    const phaseBreakdown = useMemo(() => {
+        if (!summary)
+            return [];
+        const entries = [];
+        const colorMap = {
+            [ExecutionPhase.EXECUTION_PENDING]: "bg-muted-foreground",
+            [ExecutionPhase.EXECUTION_IN_PROGRESS]: "bg-primary",
+            [ExecutionPhase.EXECUTION_COMPLETED]: "bg-success",
+            [ExecutionPhase.EXECUTION_FAILED]: "bg-destructive",
+            [ExecutionPhase.EXECUTION_CANCELLED]: "bg-muted-foreground",
+            [ExecutionPhase.EXECUTION_TERMINATED]: "bg-destructive",
+            [ExecutionPhase.EXECUTION_PAUSED]: "bg-muted-foreground",
+        };
+        for (const [phase, count] of Object.entries(summary.phaseCounts)) {
+            const p = Number(phase);
+            if (count > 0) {
+                entries.push({
+                    label: PHASE_LABEL.get(p) ?? `Phase ${p}`,
+                    count,
+                    colorClass: colorMap[p] ?? "bg-muted",
+                });
+            }
+        }
+        return entries;
+    }, [summary]);
+    const totalExecutions = phaseBreakdown.reduce((sum, e) => sum + e.count, 0);
+    if (isLoading) {
+        return (_jsx("div", { className: cn("space-y-3", className), "aria-busy": "true", children: _jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4", children: Array.from({ length: 4 }, (_, i) => (_jsx("div", { className: "h-[72px] animate-pulse rounded-lg border border-border bg-muted/50" }, i))) }) }));
+    }
+    if (!summary)
+        return null;
+    const avgSeconds = summary.avgDuration
+        ? Number(summary.avgDuration.seconds)
+        : 0;
+    return (_jsxs("div", { className: cn("space-y-4", className), children: [_jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4", children: STAT_CARDS.map((card) => (_jsxs("div", { className: "rounded-lg border border-border bg-card px-4 py-3", children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground", children: card.label }), _jsx("p", { className: cn("mt-1 text-2xl font-semibold", card.valueClass), children: card.getValue(summary) })] }, card.label))) }), (avgSeconds > 0 || totalExecutions > 0) && (_jsxs("div", { className: "flex items-center gap-6 text-xs text-muted-foreground", children: [avgSeconds > 0 && (_jsxs("span", { children: ["Avg duration:", " ", _jsx("span", { className: "font-medium text-foreground", children: formatDuration(avgSeconds) })] })), totalExecutions > 0 && (_jsxs("span", { children: ["Total:", " ", _jsx("span", { className: "font-medium text-foreground", children: totalExecutions }), " ", "executions"] }))] })), totalExecutions > 0 && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex h-2 overflow-hidden rounded-full bg-muted", role: "img", "aria-label": "Execution phase breakdown", children: phaseBreakdown.map((entry) => (_jsx("div", { className: cn("h-full", entry.colorClass), style: {
+                                width: `${(entry.count / totalExecutions) * 100}%`,
+                            } }, entry.label))) }), _jsx("div", { className: "flex flex-wrap gap-x-4 gap-y-1", children: phaseBreakdown.map((entry) => (_jsxs("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [_jsx("span", { className: cn("inline-block h-2 w-2 rounded-full", entry.colorClass) }), entry.label, ": ", entry.count] }, entry.label))) })] }))] }));
+});
+//# sourceMappingURL=ExecutionSummaryWidget.js.map

package/workflow/ExecutionSummaryWidget.js.map

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

package/workflow/ExecutionTrendChart.d.ts

@@ -0,0 +1,14 @@
+import type { ExecutionSummary } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/io_pb";
+export interface ExecutionTrendChartProps {
+    readonly summary: ExecutionSummary | null;
+    readonly isLoading: boolean;
+    readonly className?: string;
+}
+/**
+ * Phase distribution chart for workflow executions.
+ *
+ * Shows a stacked horizontal bar with a legend listing each phase
+ * and its count. Renders from `ExecutionSummary.phaseCounts`.
+ */
+export declare const ExecutionTrendChart: import("react").NamedExoticComponent<ExecutionTrendChartProps>;
+//# sourceMappingURL=ExecutionTrendChart.d.ts.map

package/workflow/ExecutionTrendChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionTrendChart.d.ts","sourceRoot":"","sources":["../../src/workflow/ExecutionTrendChart.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+DAA+D,CAAC;AAItG,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AA2CD;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,gEAgG9B,CAAC"}

package/workflow/ExecutionTrendChart.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { ExecutionPhase } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/enum_pb";
+import { cn } from "@stigmer/theme";
+const PHASE_DISPLAY = new Map([
+    [
+        ExecutionPhase.EXECUTION_COMPLETED,
+        { label: "Completed", colorClass: "text-success", bgColorClass: "bg-success" },
+    ],
+    [
+        ExecutionPhase.EXECUTION_FAILED,
+        { label: "Failed", colorClass: "text-destructive", bgColorClass: "bg-destructive" },
+    ],
+    [
+        ExecutionPhase.EXECUTION_IN_PROGRESS,
+        { label: "Running", colorClass: "text-primary", bgColorClass: "bg-primary" },
+    ],
+    [
+        ExecutionPhase.EXECUTION_PENDING,
+        { label: "Pending", colorClass: "text-muted-foreground", bgColorClass: "bg-muted-foreground" },
+    ],
+    [
+        ExecutionPhase.EXECUTION_PAUSED,
+        { label: "Paused", colorClass: "text-muted-foreground", bgColorClass: "bg-muted-foreground/60" },
+    ],
+    [
+        ExecutionPhase.EXECUTION_CANCELLED,
+        { label: "Cancelled", colorClass: "text-muted-foreground", bgColorClass: "bg-muted-foreground/40" },
+    ],
+    [
+        ExecutionPhase.EXECUTION_TERMINATED,
+        { label: "Terminated", colorClass: "text-destructive", bgColorClass: "bg-destructive/60" },
+    ],
+]);
+/**
+ * Phase distribution chart for workflow executions.
+ *
+ * Shows a stacked horizontal bar with a legend listing each phase
+ * and its count. Renders from `ExecutionSummary.phaseCounts`.
+ */
+export const ExecutionTrendChart = memo(function ExecutionTrendChart({ summary, isLoading, className, }) {
+    const segments = useMemo(() => {
+        if (!summary)
+            return [];
+        const result = [];
+        for (const [phase, count] of Object.entries(summary.phaseCounts)) {
+            const p = Number(phase);
+            if (count <= 0)
+                continue;
+            const display = PHASE_DISPLAY.get(p);
+            if (!display)
+                continue;
+            result.push({ ...display, count });
+        }
+        return result.sort((a, b) => b.count - a.count);
+    }, [summary]);
+    const total = useMemo(() => segments.reduce((sum, s) => sum + s.count, 0), [segments]);
+    if (isLoading) {
+        return (_jsxs("div", { className: cn("space-y-3", className), "aria-busy": "true", children: [_jsx("div", { className: "h-4 w-36 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-8 animate-pulse rounded-full bg-muted/50" }), _jsx("div", { className: "flex gap-4", children: Array.from({ length: 3 }, (_, i) => (_jsx("div", { className: "h-3 w-16 animate-pulse rounded bg-muted" }, i))) })] }));
+    }
+    if (!summary || total === 0) {
+        return (_jsxs("div", { className: cn("space-y-3", className), children: [_jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Execution Distribution" }), _jsx("p", { className: "py-6 text-center text-xs text-muted-foreground", children: "No execution data available" })] }));
+    }
+    return (_jsxs("div", { className: cn("space-y-3", className), children: [_jsxs("div", { className: "flex items-baseline justify-between", children: [_jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Execution Distribution" }), _jsxs("span", { className: "text-xs tabular-nums text-muted-foreground", children: [total, " total"] })] }), _jsx("div", { className: "flex h-3 overflow-hidden rounded-full bg-muted", role: "img", "aria-label": "Execution phase distribution", children: segments.map((seg) => (_jsx("div", { className: cn("h-full transition-all duration-500", seg.bgColorClass), style: { width: `${(seg.count / total) * 100}%` } }, seg.label))) }), _jsx("div", { className: "flex flex-wrap gap-x-4 gap-y-1.5", children: segments.map((seg) => (_jsxs("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [_jsx("span", { className: cn("inline-block h-2.5 w-2.5 rounded-sm", seg.bgColorClass) }), _jsx("span", { children: seg.label }), _jsx("span", { className: cn("font-semibold tabular-nums", seg.colorClass), children: seg.count })] }, seg.label))) })] }));
+});
+//# sourceMappingURL=ExecutionTrendChart.js.map

package/workflow/ExecutionTrendChart.js.map

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

package/workflow/FailedRunsWidget.d.ts

@@ -0,0 +1,19 @@
+import type { WorkflowExecution } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/api_pb";
+export interface FailedRunsWidgetProps {
+    /** Recent failed executions to display. */
+    readonly executions: readonly WorkflowExecution[];
+    readonly isLoading: boolean;
+    /** Called when the user clicks "View" on a failed execution. */
+    readonly onViewClick?: (executionId: string) => void;
+    readonly className?: string;
+}
+/**
+ * Dashboard widget showing recent failed workflow executions.
+ *
+ * Consumes data from `useWorkflowExecutionList({ phase: EXECUTION_FAILED })`.
+ * Displays a compact list with execution name, error summary, and time of failure.
+ *
+ * All visuals use `--stgm-*` tokens. No hardcoded colors.
+ */
+export declare const FailedRunsWidget: import("react").NamedExoticComponent<FailedRunsWidgetProps>;
+//# sourceMappingURL=FailedRunsWidget.d.ts.map

package/workflow/FailedRunsWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FailedRunsWidget.d.ts","sourceRoot":"","sources":["../../src/workflow/FailedRunsWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gEAAgE,CAAC;AAIxG,MAAM,WAAW,qBAAqB;IACpC,2CAA2C;IAC3C,QAAQ,CAAC,UAAU,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAClD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,gEAAgE;IAChE,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAUD;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,6DA4E3B,CAAC"}

package/workflow/FailedRunsWidget.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { timestampDate } from "@bufbuild/protobuf/wkt";
+import { cn } from "@stigmer/theme";
+function formatTimeAgo(date) {
+    const seconds = Math.floor((Date.now() - date.getTime()) / 1000);
+    if (seconds < 60)
+        return "just now";
+    if (seconds < 3600)
+        return `${Math.floor(seconds / 60)}m ago`;
+    if (seconds < 86400)
+        return `${Math.floor(seconds / 3600)}h ago`;
+    return `${Math.floor(seconds / 86400)}d ago`;
+}
+/**
+ * Dashboard widget showing recent failed workflow executions.
+ *
+ * Consumes data from `useWorkflowExecutionList({ phase: EXECUTION_FAILED })`.
+ * Displays a compact list with execution name, error summary, and time of failure.
+ *
+ * All visuals use `--stgm-*` tokens. No hardcoded colors.
+ */
+export const FailedRunsWidget = memo(function FailedRunsWidget({ executions, isLoading, onViewClick, className, }) {
+    if (isLoading) {
+        return (_jsxs("div", { className: cn("space-y-2", className), "aria-busy": "true", children: [_jsx("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }), Array.from({ length: 3 }, (_, i) => (_jsx("div", { className: "h-14 animate-pulse rounded-lg border border-border bg-muted/50" }, i)))] }));
+    }
+    return (_jsxs("div", { className: cn("space-y-3", className), children: [_jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Recent Failures" }), executions.length === 0 ? (_jsx("p", { className: "py-4 text-center text-xs text-muted-foreground", children: "No recent failures" })) : (_jsx("ul", { className: "space-y-2", role: "list", children: executions.map((exec) => {
+                    const id = exec.metadata?.id;
+                    const name = exec.metadata?.name || exec.metadata?.slug || "Unnamed";
+                    const errorMsg = exec.status?.error || "Unknown error";
+                    const failedAt = exec.status?.audit?.specAudit?.updatedAt;
+                    const failedDate = failedAt ? timestampDate(failedAt) : null;
+                    return (_jsx("li", { className: "rounded-lg border border-destructive/20 bg-destructive/5 px-3 py-2.5", children: _jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-medium text-foreground", children: name }), _jsx("p", { className: "mt-0.5 line-clamp-1 text-xs text-destructive", children: errorMsg }), failedDate && (_jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: formatTimeAgo(failedDate) }))] }), onViewClick && id && (_jsx("button", { type: "button", onClick: () => onViewClick(id), className: "shrink-0 rounded-md border border-border bg-background px-2.5 py-1 text-xs font-medium text-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: "View" }))] }) }, id));
+                }) }))] }));
+});
+//# sourceMappingURL=FailedRunsWidget.js.map

package/workflow/FailedRunsWidget.js.map

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

package/workflow/PendingApprovalsWidget.d.ts

@@ -0,0 +1,19 @@
+import type { PendingApproval } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/io_pb";
+export interface PendingApprovalsWidgetProps {
+    readonly approvals: readonly PendingApproval[];
+    readonly totalCount: number;
+    readonly isLoading: boolean;
+    /** Called when the user clicks "Review" on an approval. */
+    readonly onReviewClick?: (executionId: string) => void;
+    readonly className?: string;
+}
+/**
+ * Dashboard widget showing pending human_input approvals.
+ *
+ * Displays a compact list of workflow tasks awaiting reviewer decisions,
+ * with workflow name, task name, waiting duration, and a review action.
+ *
+ * All visuals use `--stgm-*` tokens. No hardcoded colors.
+ */
+export declare const PendingApprovalsWidget: import("react").NamedExoticComponent<PendingApprovalsWidgetProps>;
+//# sourceMappingURL=PendingApprovalsWidget.d.ts.map

package/workflow/PendingApprovalsWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingApprovalsWidget.d.ts","sourceRoot":"","sources":["../../src/workflow/PendingApprovalsWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+DAA+D,CAAC;AAIrG,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,SAAS,EAAE,SAAS,eAAe,EAAE,CAAC;IAC/C,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,2DAA2D;IAC3D,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAUD;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,mEAkFjC,CAAC"}

package/workflow/PendingApprovalsWidget.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo } from "react";
+import { timestampDate } from "@bufbuild/protobuf/wkt";
+import { cn } from "@stigmer/theme";
+function formatTimeAgo(date) {
+    const seconds = Math.floor((Date.now() - date.getTime()) / 1000);
+    if (seconds < 60)
+        return "just now";
+    if (seconds < 3600)
+        return `${Math.floor(seconds / 60)}m ago`;
+    if (seconds < 86400)
+        return `${Math.floor(seconds / 3600)}h ago`;
+    return `${Math.floor(seconds / 86400)}d ago`;
+}
+/**
+ * Dashboard widget showing pending human_input approvals.
+ *
+ * Displays a compact list of workflow tasks awaiting reviewer decisions,
+ * with workflow name, task name, waiting duration, and a review action.
+ *
+ * All visuals use `--stgm-*` tokens. No hardcoded colors.
+ */
+export const PendingApprovalsWidget = memo(function PendingApprovalsWidget({ approvals, totalCount, isLoading, onReviewClick, className, }) {
+    if (isLoading) {
+        return (_jsxs("div", { className: cn("space-y-2", className), "aria-busy": "true", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "h-4 w-32 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-4 w-8 animate-pulse rounded bg-muted" })] }), Array.from({ length: 3 }, (_, i) => (_jsx("div", { className: "h-14 animate-pulse rounded-lg border border-border bg-muted/50" }, i)))] }));
+    }
+    return (_jsxs("div", { className: cn("space-y-3", className), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Pending Approvals" }), totalCount > 0 && (_jsx("span", { className: "rounded-full bg-warning/10 px-2 py-0.5 text-xs font-medium text-warning", children: totalCount }))] }), approvals.length === 0 ? (_jsx("p", { className: "py-4 text-center text-xs text-muted-foreground", children: "No approvals pending" })) : (_jsx("ul", { className: "space-y-2", role: "list", children: approvals.map((approval) => {
+                    const requestedAt = approval.requestedAt
+                        ? timestampDate(approval.requestedAt)
+                        : null;
+                    return (_jsx("li", { className: "rounded-lg border border-border px-3 py-2.5", children: _jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-medium text-foreground", children: approval.workflowName || approval.executionId }), _jsxs("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: ["Task: ", approval.taskName, requestedAt && (_jsxs(_Fragment, { children: [" \u00B7 ", formatTimeAgo(requestedAt)] }))] })] }), onReviewClick && (_jsx("button", { type: "button", onClick: () => onReviewClick(approval.executionId), className: "shrink-0 rounded-md bg-primary px-2.5 py-1 text-xs font-medium text-primary-foreground transition-colors hover:bg-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: "Review" }))] }) }, `${approval.executionId}-${approval.taskName}`));
+                }) }))] }));
+});
+//# sourceMappingURL=PendingApprovalsWidget.js.map

package/workflow/PendingApprovalsWidget.js.map

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

package/workflow/TaskConfigForm.d.ts

@@ -0,0 +1,29 @@
+import type { JsonObject } from "@bufbuild/protobuf";
+import type { TaskFieldDescriptor, TaskFieldGroup } from "./types";
+/** Props for {@link TaskConfigForm}. */
+export interface TaskConfigFormProps {
+    /** Ordered field descriptors from `TaskKindDescriptor.fields`. */
+    readonly fields: readonly TaskFieldDescriptor[];
+    /** Logical field groups for collapsible sections. */
+    readonly fieldGroups: readonly TaskFieldGroup[];
+    /** Current config object (source of truth from the graph node). */
+    readonly config: JsonObject;
+    /** Called when a field value changes. */
+    readonly onChange: (fieldPath: string, value: unknown) => void;
+    /** Additional CSS class names for the root container. */
+    readonly className?: string;
+}
+/**
+ * Schema-driven form generated from `TaskKindDescriptor.fields` and `fieldGroups`.
+ *
+ * Renders each field with the appropriate control based on its `TaskFieldType`:
+ * text inputs, number inputs, toggles, selects, embedded YAML editors, and
+ * list/map editors. Fields are organized into collapsible groups.
+ *
+ * Pure presentational — does not own state. Receives the current config
+ * and reports changes via `onChange(fieldPath, value)`.
+ *
+ * @since T15 Batch 3 (Inspector + Edit Loop)
+ */
+export declare const TaskConfigForm: import("react").NamedExoticComponent<TaskConfigFormProps>;
+//# sourceMappingURL=TaskConfigForm.d.ts.map

package/workflow/TaskConfigForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskConfigForm.d.ts","sourceRoot":"","sources":["../../src/workflow/TaskConfigForm.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAiB,MAAM,SAAS,CAAC;AAElF,wCAAwC;AACxC,MAAM,WAAW,mBAAmB;IAClC,kEAAkE;IAClE,QAAQ,CAAC,MAAM,EAAE,SAAS,mBAAmB,EAAE,CAAC;IAChD,qDAAqD;IACrD,QAAQ,CAAC,WAAW,EAAE,SAAS,cAAc,EAAE,CAAC;IAChD,mEAAmE;IACnE,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC;IAC5B,yCAAyC;IACzC,QAAQ,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAKD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,2DA6BzB,CAAC"}