@stigmer/react 1.0.4 → 2.0.0

package/workflow/execution-history/ExecutionFilterBar.d.ts

@@ -0,0 +1,27 @@
+import type { ExecutionClientFilters } from "./derive-execution-row";
+/** Props for {@link ExecutionFilterBar}. */
+export interface ExecutionFilterBarProps {
+    /** Current active filters (controlled). */
+    readonly filters: ExecutionClientFilters;
+    /** Called when any filter changes. */
+    readonly onFiltersChange: (filters: ExecutionClientFilters) => void;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * Horizontal filter bar for the execution history table.
+ *
+ * Renders phase chips, duration presets, cost presets, a "has retries"
+ * toggle, and a clear-all button. Each filter maps to an
+ * {@link ExecutionClientFilters} field.
+ *
+ * Fully controlled: the parent owns the filter state.
+ *
+ * @example
+ * ```tsx
+ * const [filters, setFilters] = useState<ExecutionClientFilters>({});
+ * <ExecutionFilterBar filters={filters} onFiltersChange={setFilters} />
+ * ```
+ */
+export declare const ExecutionFilterBar: import("react").NamedExoticComponent<ExecutionFilterBarProps>;
+//# sourceMappingURL=ExecutionFilterBar.d.ts.map

package/workflow/execution-history/ExecutionFilterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionFilterBar.d.ts","sourceRoot":"","sources":["../../../src/workflow/execution-history/ExecutionFilterBar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAuDrE,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC,2CAA2C;IAC3C,QAAQ,CAAC,OAAO,EAAE,sBAAsB,CAAC;IACzC,sCAAsC;IACtC,QAAQ,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACpE,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kBAAkB,+DAoK7B,CAAC"}

package/workflow/execution-history/ExecutionFilterBar.js

@@ -0,0 +1,118 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useMemo, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { ExecutionPhase } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/enum_pb";
+// ---------------------------------------------------------------------------
+// Phase chip config
+// ---------------------------------------------------------------------------
+const PHASE_CHIPS = [
+    { phase: ExecutionPhase.EXECUTION_COMPLETED, label: "Completed" },
+    { phase: ExecutionPhase.EXECUTION_FAILED, label: "Failed" },
+    { phase: ExecutionPhase.EXECUTION_IN_PROGRESS, label: "Running" },
+    { phase: ExecutionPhase.EXECUTION_PENDING, label: "Pending" },
+    { phase: ExecutionPhase.EXECUTION_CANCELLED, label: "Cancelled" },
+    { phase: ExecutionPhase.EXECUTION_PAUSED, label: "Paused" },
+];
+const DURATION_PRESETS = [
+    { label: "< 1s", maxMs: 1_000 },
+    { label: "< 10s", maxMs: 10_000 },
+    { label: "< 1m", maxMs: 60_000 },
+    { label: "< 10m", maxMs: 600_000 },
+    { label: "> 10m", minMs: 600_000 },
+];
+const COST_PRESETS = [
+    { label: "Free", maxMicros: BigInt(0) },
+    { label: "< $0.10", maxMicros: BigInt(100_000) },
+    { label: "< $1", maxMicros: BigInt(1_000_000) },
+    { label: "< $10", maxMicros: BigInt(10_000_000) },
+    { label: "> $10", minMicros: BigInt(10_000_000) },
+];
+/**
+ * Horizontal filter bar for the execution history table.
+ *
+ * Renders phase chips, duration presets, cost presets, a "has retries"
+ * toggle, and a clear-all button. Each filter maps to an
+ * {@link ExecutionClientFilters} field.
+ *
+ * Fully controlled: the parent owns the filter state.
+ *
+ * @example
+ * ```tsx
+ * const [filters, setFilters] = useState<ExecutionClientFilters>({});
+ * <ExecutionFilterBar filters={filters} onFiltersChange={setFilters} />
+ * ```
+ */
+export const ExecutionFilterBar = memo(function ExecutionFilterBar({ filters, onFiltersChange, className, }) {
+    const [showMore, setShowMore] = useState(false);
+    const activePhases = useMemo(() => new Set(filters.phases ?? []), [filters.phases]);
+    const togglePhase = useCallback((phase) => {
+        const next = new Set(activePhases);
+        if (next.has(phase)) {
+            next.delete(phase);
+        }
+        else {
+            next.add(phase);
+        }
+        onFiltersChange({
+            ...filters,
+            phases: next.size > 0 ? [...next] : undefined,
+        });
+    }, [activePhases, filters, onFiltersChange]);
+    const activeDurationIdx = useMemo(() => {
+        return DURATION_PRESETS.findIndex((p) => p.minMs === filters.minDurationMs && p.maxMs === filters.maxDurationMs);
+    }, [filters.minDurationMs, filters.maxDurationMs]);
+    const setDuration = useCallback((idx) => {
+        if (idx === activeDurationIdx) {
+            onFiltersChange({ ...filters, minDurationMs: undefined, maxDurationMs: undefined });
+        }
+        else {
+            const preset = DURATION_PRESETS[idx];
+            onFiltersChange({
+                ...filters,
+                minDurationMs: preset.minMs,
+                maxDurationMs: preset.maxMs,
+            });
+        }
+    }, [activeDurationIdx, filters, onFiltersChange]);
+    const activeCostIdx = useMemo(() => {
+        return COST_PRESETS.findIndex((p) => p.minMicros === filters.minCostMicros && p.maxMicros === filters.maxCostMicros);
+    }, [filters.minCostMicros, filters.maxCostMicros]);
+    const setCost = useCallback((idx) => {
+        if (idx === activeCostIdx) {
+            onFiltersChange({ ...filters, minCostMicros: undefined, maxCostMicros: undefined });
+        }
+        else {
+            const preset = COST_PRESETS[idx];
+            onFiltersChange({
+                ...filters,
+                minCostMicros: preset.minMicros,
+                maxCostMicros: preset.maxMicros,
+            });
+        }
+    }, [activeCostIdx, filters, onFiltersChange]);
+    const toggleRetries = useCallback(() => {
+        onFiltersChange({ ...filters, hasRetries: filters.hasRetries ? undefined : true });
+    }, [filters, onFiltersChange]);
+    const clearAll = useCallback(() => {
+        onFiltersChange({});
+    }, [onFiltersChange]);
+    const activeCount = (activePhases.size > 0 ? 1 : 0) +
+        (activeDurationIdx >= 0 ? 1 : 0) +
+        (activeCostIdx >= 0 ? 1 : 0) +
+        (filters.hasRetries ? 1 : 0) +
+        (filters.failedTaskName ? 1 : 0);
+    return (_jsxs("div", { role: "toolbar", "aria-label": "Execution filters", className: cn("flex flex-col gap-2", className), children: [_jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsx("span", { className: "mr-1 text-[11px] font-medium text-[var(--stgm-muted-foreground,#737373)]", children: "Status" }), PHASE_CHIPS.map(({ phase, label }) => (_jsx(FilterChip, { label: label, isActive: activePhases.has(phase), onClick: () => togglePhase(phase) }, phase))), !showMore && (_jsx("button", { type: "button", onClick: () => setShowMore(true), className: "ml-2 text-[11px] font-medium text-[var(--stgm-primary,#6366f1)] hover:underline", children: "More filters" })), activeCount > 0 && (_jsxs("button", { type: "button", onClick: clearAll, className: "ml-auto text-[11px] font-medium text-[var(--stgm-muted-foreground,#737373)] hover:text-[var(--stgm-foreground,#1a1a2e)]", children: ["Clear all (", activeCount, ")"] }))] }), showMore && (_jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-2", children: [_jsx(FilterGroup, { label: "Duration", children: DURATION_PRESETS.map((preset, idx) => (_jsx(FilterChip, { label: preset.label, isActive: idx === activeDurationIdx, onClick: () => setDuration(idx) }, preset.label))) }), _jsx(FilterGroup, { label: "Cost", children: COST_PRESETS.map((preset, idx) => (_jsx(FilterChip, { label: preset.label, isActive: idx === activeCostIdx, onClick: () => setCost(idx) }, preset.label))) }), _jsx(FilterChip, { label: "Has retries", isActive: !!filters.hasRetries, onClick: toggleRetries })] }))] }));
+});
+// ---------------------------------------------------------------------------
+// Sub-components
+// ---------------------------------------------------------------------------
+function FilterChip({ label, isActive, onClick, }) {
+    return (_jsx("button", { type: "button", onClick: onClick, "aria-pressed": isActive, className: cn("rounded-full px-2.5 py-0.5 text-[11px] font-medium transition-colors", "border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--stgm-ring,#6366f1)]", isActive
+            ? "border-transparent bg-[var(--stgm-primary,#6366f1)] text-[var(--stgm-primary-foreground,#fff)]"
+            : "border-[var(--stgm-border,#d4d4d8)] bg-[var(--stgm-background,#fff)] text-[var(--stgm-foreground,#1a1a2e)] hover:bg-[var(--stgm-accent,#f5f5f5)]"), children: label }));
+}
+function FilterGroup({ label, children, }) {
+    return (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "mr-0.5 text-[11px] font-medium text-[var(--stgm-muted-foreground,#737373)]", children: label }), children] }));
+}
+//# sourceMappingURL=ExecutionFilterBar.js.map

package/workflow/execution-history/ExecutionFilterBar.js.map

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

package/workflow/execution-history/ExecutionHistoryTable.d.ts

@@ -0,0 +1,44 @@
+import { type ExecutionRow, type ExecutionSortField, type SortDirection } from "./derive-execution-row";
+/** Props for {@link ExecutionHistoryTable}. */
+export interface ExecutionHistoryTableProps {
+    /** Derived execution rows to display. */
+    readonly rows: readonly ExecutionRow[];
+    /** `true` while data is being fetched for the first time. */
+    readonly isLoading?: boolean;
+    /** Error from the last failed fetch. */
+    readonly error?: Error | null;
+    /** Called when a row is clicked. Receives the execution ID. */
+    readonly onRowClick?: (executionId: string) => void;
+    /**
+     * Column IDs to display. When omitted, uses each column's
+     * `defaultVisible` setting.
+     */
+    readonly visibleColumns?: readonly string[];
+    /** Initial sort field. @default "startedAt" */
+    readonly defaultSortField?: ExecutionSortField;
+    /** Initial sort direction. @default "desc" */
+    readonly defaultSortDirection?: SortDirection;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * Data-dense execution history table with sortable columns, keyboard
+ * navigation, and responsive column visibility.
+ *
+ * Columns are defined statically and use existing formatters from
+ * `format-utils.ts` and `WorkflowExecutionPhaseBadge`. Sort state
+ * is managed internally with configurable defaults.
+ *
+ * This component renders only the table. Filtering, pagination, and
+ * health metrics are composed by the parent `WorkflowExecutionHistory`.
+ *
+ * @example
+ * ```tsx
+ * <ExecutionHistoryTable
+ *   rows={derivedRows}
+ *   onRowClick={(id) => navigate(`/executions/${id}`)}
+ * />
+ * ```
+ */
+export declare const ExecutionHistoryTable: import("react").NamedExoticComponent<ExecutionHistoryTableProps>;
+//# sourceMappingURL=ExecutionHistoryTable.d.ts.map

package/workflow/execution-history/ExecutionHistoryTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionHistoryTable.d.ts","sourceRoot":"","sources":["../../../src/workflow/execution-history/ExecutionHistoryTable.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EACnB,MAAM,wBAAwB,CAAC;AAqIhC,+CAA+C;AAC/C,MAAM,WAAW,0BAA0B;IACzC,yCAAyC;IACzC,QAAQ,CAAC,IAAI,EAAE,SAAS,YAAY,EAAE,CAAC;IACvC,6DAA6D;IAC7D,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,wCAAwC;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC9B,+DAA+D;IAC/D,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD;;;OAGG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5C,+CAA+C;IAC/C,QAAQ,CAAC,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;IAC/C,8CAA8C;IAC9C,QAAQ,CAAC,oBAAoB,CAAC,EAAE,aAAa,CAAC;IAC9C,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAMD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,qBAAqB,kEA8HhC,CAAC"}

package/workflow/execution-history/ExecutionHistoryTable.js

@@ -0,0 +1,206 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useMemo, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { WorkflowExecutionPhaseBadge } from "../WorkflowExecutionPhaseBadge";
+import { formatDuration, formatMicroUsd, formatTokenCount } from "../format-utils";
+import { sortExecutionRows, } from "./derive-execution-row";
+const BIGINT_ZERO = BigInt(0);
+const COLUMNS = [
+    {
+        id: "name",
+        header: "Name",
+        sortField: "name",
+        cell: (row) => (_jsx("span", { className: "font-medium text-foreground truncate max-w-[12rem] inline-block", title: row.name, children: row.name || "\u2014" })),
+        defaultVisible: true,
+        minWidth: "8rem",
+    },
+    {
+        id: "status",
+        header: "Status",
+        sortField: "phase",
+        cell: (row) => _jsx(WorkflowExecutionPhaseBadge, { phase: row.phase }),
+        defaultVisible: true,
+        minWidth: "6rem",
+    },
+    {
+        id: "started",
+        header: "Started",
+        sortField: "startedAt",
+        cell: (row) => row.startedAt ? (_jsx("time", { dateTime: row.startedAt.toISOString(), title: row.startedAt.toLocaleString(), children: formatRelativeTime(row.startedAt) })) : ("\u2014"),
+        defaultVisible: true,
+        minWidth: "6rem",
+    },
+    {
+        id: "duration",
+        header: "Duration",
+        sortField: "duration",
+        cell: (row) => row.durationMs != null ? formatDuration(row.durationMs) : "\u2014",
+        defaultVisible: true,
+        minWidth: "5rem",
+        align: "right",
+    },
+    {
+        id: "cost",
+        header: "Cost",
+        sortField: "cost",
+        cell: (row) => row.costMicros > BIGINT_ZERO
+            ? formatMicroUsd(row.costMicros)
+            : "\u2014",
+        defaultVisible: true,
+        minWidth: "4.5rem",
+        align: "right",
+    },
+    {
+        id: "tokens",
+        header: "Tokens",
+        sortField: "tokens",
+        cell: (row) => row.totalTokens > BIGINT_ZERO
+            ? formatTokenCount(row.totalTokens)
+            : "\u2014",
+        defaultVisible: false,
+        minWidth: "4.5rem",
+        align: "right",
+    },
+    {
+        id: "progress",
+        header: "Tasks",
+        sortField: "tasks",
+        cell: (row) => row.taskCount > 0 ? (_jsxs("span", { title: `${row.completedTaskCount} of ${row.taskCount} tasks finished`, children: [row.completedTaskCount, "/", row.taskCount] })) : ("\u2014"),
+        defaultVisible: true,
+        minWidth: "3.5rem",
+        align: "right",
+    },
+    {
+        id: "failedTask",
+        header: "Failed / Current",
+        sortField: null,
+        cell: (row) => {
+            const label = row.failedTaskName ?? row.currentTaskName;
+            if (!label)
+                return "\u2014";
+            const isFailed = !!row.failedTaskName;
+            return (_jsx("span", { className: cn("truncate max-w-[10rem] inline-block text-xs", isFailed ? "text-destructive" : "text-muted-foreground"), title: label, children: label }));
+        },
+        defaultVisible: true,
+        minWidth: "7rem",
+    },
+];
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+/**
+ * Data-dense execution history table with sortable columns, keyboard
+ * navigation, and responsive column visibility.
+ *
+ * Columns are defined statically and use existing formatters from
+ * `format-utils.ts` and `WorkflowExecutionPhaseBadge`. Sort state
+ * is managed internally with configurable defaults.
+ *
+ * This component renders only the table. Filtering, pagination, and
+ * health metrics are composed by the parent `WorkflowExecutionHistory`.
+ *
+ * @example
+ * ```tsx
+ * <ExecutionHistoryTable
+ *   rows={derivedRows}
+ *   onRowClick={(id) => navigate(`/executions/${id}`)}
+ * />
+ * ```
+ */
+export const ExecutionHistoryTable = memo(function ExecutionHistoryTable({ rows, isLoading = false, error, onRowClick, visibleColumns, defaultSortField = "startedAt", defaultSortDirection = "desc", className, }) {
+    const [sortField, setSortField] = useState(defaultSortField);
+    const [sortDir, setSortDir] = useState(defaultSortDirection);
+    const activeColumns = useMemo(() => {
+        if (visibleColumns) {
+            return COLUMNS.filter((col) => visibleColumns.includes(col.id));
+        }
+        return COLUMNS.filter((col) => col.defaultVisible);
+    }, [visibleColumns]);
+    const sortedRows = useMemo(() => sortExecutionRows(rows, sortField, sortDir), [rows, sortField, sortDir]);
+    const handleSort = useCallback((field) => {
+        if (field === sortField) {
+            setSortDir((prev) => (prev === "asc" ? "desc" : "asc"));
+        }
+        else {
+            setSortField(field);
+            setSortDir("desc");
+        }
+    }, [sortField]);
+    if (error) {
+        return (_jsxs("div", { role: "alert", className: cn("rounded-lg border border-destructive/20 bg-destructive/5 p-6 text-center text-sm text-destructive", className), children: ["Failed to load executions", error.message ? `: ${error.message}` : ""] }));
+    }
+    if (isLoading) {
+        return _jsx(LoadingSkeleton, { columnCount: activeColumns.length, className: className });
+    }
+    if (rows.length === 0) {
+        return (_jsx("div", { className: cn("rounded-lg border border-border p-8 text-center text-sm text-muted-foreground", className), children: "No executions yet" }));
+    }
+    return (_jsx("div", { className: cn("overflow-x-auto rounded-lg border border-border", className), children: _jsxs("table", { role: "table", "aria-label": "Execution history", className: "w-full border-collapse text-sm", children: [_jsx("thead", { children: _jsx("tr", { className: "border-b border-border bg-[var(--stgm-muted,#f4f4f5)]/50", children: activeColumns.map((col) => {
+                            const isSorted = col.sortField === sortField;
+                            const ariaSortValue = isSorted
+                                ? sortDir === "asc"
+                                    ? "ascending"
+                                    : "descending"
+                                : undefined;
+                            return (_jsx("th", { scope: "col", className: cn("px-3 py-2 text-xs font-medium text-muted-foreground whitespace-nowrap", col.align === "right" ? "text-right" : "text-left", col.sortField && "cursor-pointer select-none hover:text-foreground transition-colors"), style: { minWidth: col.minWidth }, "aria-sort": ariaSortValue, onClick: col.sortField ? () => handleSort(col.sortField) : undefined, onKeyDown: col.sortField
+                                    ? (e) => {
+                                        if (e.key === "Enter" || e.key === " ") {
+                                            e.preventDefault();
+                                            handleSort(col.sortField);
+                                        }
+                                    }
+                                    : undefined, tabIndex: col.sortField ? 0 : undefined, role: col.sortField ? "columnheader" : undefined, children: _jsxs("span", { className: "inline-flex items-center gap-1", children: [col.header, col.sortField && isSorted && (_jsx(SortIndicator, { direction: sortDir }))] }) }, col.id));
+                        }) }) }), _jsx("tbody", { children: sortedRows.map((row) => (_jsx(ExecutionTableRow, { row: row, columns: activeColumns, onRowClick: onRowClick }, row.id))) })] }) }));
+});
+// ---------------------------------------------------------------------------
+// Row component
+// ---------------------------------------------------------------------------
+const ExecutionTableRow = memo(function ExecutionTableRow({ row, columns, onRowClick, }) {
+    const clickable = !!onRowClick;
+    return (_jsx("tr", { className: cn("border-b border-border-muted transition-colors", clickable && "cursor-pointer hover:bg-[var(--stgm-accent-hover,#f5f5f5)]"), onClick: clickable ? () => onRowClick(row.id) : undefined, onKeyDown: clickable
+            ? (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    onRowClick(row.id);
+                }
+            }
+            : undefined, tabIndex: clickable ? 0 : undefined, role: clickable ? "link" : undefined, children: columns.map((col) => (_jsx("td", { className: cn("px-3 py-2.5 text-sm tabular-nums", col.align === "right" ? "text-right" : "text-left"), children: col.cell(row) }, col.id))) }));
+});
+// ---------------------------------------------------------------------------
+// Sort indicator
+// ---------------------------------------------------------------------------
+function SortIndicator({ direction }) {
+    return (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor", "aria-hidden": "true", className: "opacity-60", children: direction === "asc" ? (_jsx("path", { d: "M5 2L8.5 7H1.5L5 2Z" })) : (_jsx("path", { d: "M5 8L1.5 3H8.5L5 8Z" })) }));
+}
+// ---------------------------------------------------------------------------
+// Loading skeleton
+// ---------------------------------------------------------------------------
+function LoadingSkeleton({ columnCount, className, }) {
+    return (_jsx("div", { className: cn("overflow-hidden rounded-lg border border-border", className), children: _jsxs("table", { className: "w-full border-collapse text-sm", "aria-label": "Loading execution history", children: [_jsx("thead", { children: _jsx("tr", { className: "border-b border-border bg-[var(--stgm-muted,#f4f4f5)]/50", children: Array.from({ length: columnCount }, (_, i) => (_jsx("th", { className: "px-3 py-2", children: _jsx("div", { className: "h-3 w-16 animate-pulse rounded bg-muted" }) }, i))) }) }), _jsx("tbody", { children: Array.from({ length: 5 }, (_, rowIdx) => (_jsx("tr", { className: "border-b border-border-muted", children: Array.from({ length: columnCount }, (_, colIdx) => (_jsx("td", { className: "px-3 py-2.5", children: _jsx("div", { className: "h-4 animate-pulse rounded bg-muted", style: { width: `${40 + (colIdx * 12) % 40}%` } }) }, colIdx))) }, rowIdx))) })] }) }));
+}
+// ---------------------------------------------------------------------------
+// Relative time formatter
+// ---------------------------------------------------------------------------
+function formatRelativeTime(date) {
+    const now = Date.now();
+    const diff = now - date.getTime();
+    if (diff < 0)
+        return date.toLocaleString();
+    if (diff < 60_000)
+        return "just now";
+    if (diff < 3_600_000) {
+        const mins = Math.floor(diff / 60_000);
+        return `${mins}m ago`;
+    }
+    if (diff < 86_400_000) {
+        const hours = Math.floor(diff / 3_600_000);
+        return `${hours}h ago`;
+    }
+    if (diff < 604_800_000) {
+        const days = Math.floor(diff / 86_400_000);
+        return `${days}d ago`;
+    }
+    return date.toLocaleDateString();
+}
+//# sourceMappingURL=ExecutionHistoryTable.js.map

package/workflow/execution-history/ExecutionHistoryTable.js.map

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

package/workflow/execution-history/FailureAnalysisPanel.d.ts

@@ -0,0 +1,31 @@
+import type { WorkflowExecution } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/api_pb";
+/** Props for {@link FailureAnalysisPanel}. */
+export interface FailureAnalysisPanelProps {
+    /** Raw executions to analyze. Only FAILED executions are considered. */
+    readonly executions: readonly WorkflowExecution[];
+    /** Called when the user clicks a failed execution link. */
+    readonly onExecutionClick?: (executionId: string) => void;
+    /** Maximum number of failure groups to show initially. @default 5 */
+    readonly initialVisibleGroups?: number;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * Collapsible panel showing failures grouped by failing task name.
+ *
+ * Derives failure groups from the provided execution list using
+ * {@link deriveFailureAnalysis}. Each group shows the task name,
+ * failure count, latest error, and expandable individual failure links.
+ *
+ * Renders nothing when there are no failures (no empty state).
+ *
+ * @example
+ * ```tsx
+ * <FailureAnalysisPanel
+ *   executions={allExecutions}
+ *   onExecutionClick={(id) => navigate(`/executions/${id}`)}
+ * />
+ * ```
+ */
+export declare const FailureAnalysisPanel: import("react").NamedExoticComponent<FailureAnalysisPanelProps>;
+//# sourceMappingURL=FailureAnalysisPanel.d.ts.map

package/workflow/execution-history/FailureAnalysisPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FailureAnalysisPanel.d.ts","sourceRoot":"","sources":["../../../src/workflow/execution-history/FailureAnalysisPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gEAAgE,CAAC;AAGxG,8CAA8C;AAC9C,MAAM,WAAW,yBAAyB;IACxC,wEAAwE;IACxE,QAAQ,CAAC,UAAU,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAClD,2DAA2D;IAC3D,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,qEAAqE;IACrE,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IACvC,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,oBAAoB,iEA0E/B,CAAC"}

package/workflow/execution-history/FailureAnalysisPanel.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useMemo, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { deriveFailureAnalysis } from "./derive-failure-analysis";
+/**
+ * Collapsible panel showing failures grouped by failing task name.
+ *
+ * Derives failure groups from the provided execution list using
+ * {@link deriveFailureAnalysis}. Each group shows the task name,
+ * failure count, latest error, and expandable individual failure links.
+ *
+ * Renders nothing when there are no failures (no empty state).
+ *
+ * @example
+ * ```tsx
+ * <FailureAnalysisPanel
+ *   executions={allExecutions}
+ *   onExecutionClick={(id) => navigate(`/executions/${id}`)}
+ * />
+ * ```
+ */
+export const FailureAnalysisPanel = memo(function FailureAnalysisPanel({ executions, onExecutionClick, initialVisibleGroups = 5, className, }) {
+    const groups = useMemo(() => deriveFailureAnalysis(executions), [executions]);
+    const [expandedGroups, setExpandedGroups] = useState(new Set());
+    const toggleGroup = useCallback((taskName) => {
+        setExpandedGroups((prev) => {
+            const next = new Set(prev);
+            if (next.has(taskName)) {
+                next.delete(taskName);
+            }
+            else {
+                next.add(taskName);
+            }
+            return next;
+        });
+    }, []);
+    const [showAll, setShowAll] = useState(false);
+    if (groups.length === 0)
+        return null;
+    const visibleGroups = showAll ? groups : groups.slice(0, initialVisibleGroups);
+    const hiddenCount = groups.length - initialVisibleGroups;
+    return (_jsxs("section", { "aria-label": "Failure analysis", className: cn("rounded-lg border border-[var(--stgm-border,#d4d4d8)] bg-[var(--stgm-background,#fff)]", className), children: [_jsxs("div", { className: "flex items-center justify-between border-b border-[var(--stgm-border,#d4d4d8)] px-4 py-2.5", children: [_jsx("h3", { className: "text-xs font-semibold uppercase tracking-wider text-[var(--stgm-muted-foreground,#737373)]", children: "Recent Failures" }), _jsxs("span", { className: "text-xs tabular-nums text-[var(--stgm-destructive,#ef4444)]", children: [groups.reduce((sum, g) => sum + g.count, 0), " failed"] })] }), _jsx("div", { className: "divide-y divide-[var(--stgm-border-muted,#e5e5e5)]", children: visibleGroups.map((group) => (_jsx(FailureGroupRow, { group: group, isExpanded: expandedGroups.has(group.taskName), onToggle: toggleGroup, onExecutionClick: onExecutionClick }, group.taskName))) }), hiddenCount > 0 && !showAll && (_jsxs("button", { type: "button", onClick: () => setShowAll(true), className: "w-full border-t border-[var(--stgm-border,#d4d4d8)] px-4 py-2 text-xs font-medium text-[var(--stgm-primary,#6366f1)] transition-colors hover:bg-[var(--stgm-accent,#f5f5f5)]", children: ["Show ", hiddenCount, " more failing task", hiddenCount > 1 ? "s" : ""] }))] }));
+});
+// ---------------------------------------------------------------------------
+// FailureGroupRow
+// ---------------------------------------------------------------------------
+function FailureGroupRow({ group, isExpanded, onToggle, onExecutionClick, }) {
+    return (_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => onToggle(group.taskName), "aria-expanded": isExpanded, className: "flex w-full items-center gap-3 px-4 py-2.5 text-left transition-colors hover:bg-[var(--stgm-accent,#f5f5f5)]", children: [_jsx(ChevronIcon, { expanded: isExpanded }), _jsxs("span", { className: "flex-1 min-w-0", children: [_jsx("span", { className: "block text-sm font-medium text-[var(--stgm-foreground,#1a1a2e)] truncate", children: group.taskName }), _jsx("span", { className: "block text-xs text-[var(--stgm-muted-foreground,#737373)] truncate", children: group.latestError || "No error message" })] }), _jsx("span", { className: "shrink-0 rounded-full bg-[var(--stgm-destructive,#ef4444)]/10 px-2 py-0.5 text-xs font-medium tabular-nums text-[var(--stgm-destructive,#ef4444)]", children: group.count })] }), isExpanded && group.instances.length > 0 && (_jsx("div", { className: "border-t border-[var(--stgm-border-muted,#e5e5e5)] bg-[var(--stgm-muted,#f4f4f5)]/30", children: group.instances.map((inst) => (_jsxs("div", { className: cn("flex items-center gap-3 px-4 py-1.5 pl-10 text-xs", onExecutionClick && "cursor-pointer hover:bg-[var(--stgm-accent-hover,#f5f5f5)]"), role: onExecutionClick ? "link" : undefined, tabIndex: onExecutionClick ? 0 : undefined, onClick: onExecutionClick ? () => onExecutionClick(inst.executionId) : undefined, onKeyDown: onExecutionClick
+                        ? (e) => {
+                            if (e.key === "Enter" || e.key === " ") {
+                                e.preventDefault();
+                                onExecutionClick(inst.executionId);
+                            }
+                        }
+                        : undefined, children: [_jsx("span", { className: "text-[var(--stgm-foreground,#1a1a2e)] truncate flex-1", children: inst.executionName || inst.executionId }), inst.failedAt && (_jsx("time", { className: "shrink-0 text-[var(--stgm-muted-foreground,#737373)]", dateTime: inst.failedAt.toISOString(), children: inst.failedAt.toLocaleDateString() }))] }, inst.executionId))) }))] }));
+}
+// ---------------------------------------------------------------------------
+// Chevron icon
+// ---------------------------------------------------------------------------
+function ChevronIcon({ expanded }) {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", className: cn("shrink-0 text-[var(--stgm-muted-foreground,#737373)] transition-transform duration-150", expanded && "rotate-90"), children: _jsx("path", { d: "M4.5 2.5L8 6L4.5 9.5" }) }));
+}
+//# sourceMappingURL=FailureAnalysisPanel.js.map

package/workflow/execution-history/FailureAnalysisPanel.js.map

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

package/workflow/execution-history/HealthMetricsStrip.d.ts

@@ -0,0 +1,28 @@
+import type { ExecutionSummary } from "@stigmer/protos/ai/stigmer/agentic/workflowexecution/v1/io_pb";
+/** Props for {@link HealthMetricsStrip}. */
+export interface HealthMetricsStripProps {
+    /** Aggregated summary from `useWorkflowDashboardSummary`. `null` while loading. */
+    readonly summary: ExecutionSummary | null;
+    /** Whether the summary is still loading. */
+    readonly isLoading?: boolean;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * Compact horizontal strip of key operational health metrics.
+ *
+ * Designed for the execution history page context where vertical space
+ * is at a premium. Displays 6 metrics in a single row with dividers:
+ * Total, Success Rate, Avg Duration, Total Cost, Active, Tokens.
+ *
+ * Data comes from the existing `ExecutionSummary` proto — no new APIs
+ * needed. Loading state shows a skeleton strip.
+ *
+ * @example
+ * ```tsx
+ * const { summary, isLoading } = useWorkflowDashboardSummary({ org });
+ * <HealthMetricsStrip summary={summary} isLoading={isLoading} />
+ * ```
+ */
+export declare const HealthMetricsStrip: import("react").NamedExoticComponent<HealthMetricsStripProps>;
+//# sourceMappingURL=HealthMetricsStrip.d.ts.map

package/workflow/execution-history/HealthMetricsStrip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HealthMetricsStrip.d.ts","sourceRoot":"","sources":["../../../src/workflow/execution-history/HealthMetricsStrip.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+DAA+D,CAAC;AAGtG,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC,mFAAmF;IACnF,QAAQ,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,4CAA4C;IAC5C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,kBAAkB,+DAiF7B,CAAC"}