footprint-explainable-ui 0.3.2 → 0.5.0

package/dist/components/FlowchartView/useSubflowNavigation.js

@@ -0,0 +1,80 @@
+import { useState, useCallback, useMemo } from "react";
+import { specToReactFlow } from "./specToReactFlow";
+/**
+ * Hook that manages subflow drill-down navigation for a flowchart spec.
+ *
+ * Maintains a breadcrumb stack. When a subflow node is clicked, pushes its
+ * nested spec onto the stack and re-derives nodes/edges. Breadcrumb clicks
+ * pop back to that level.
+ */
+export function useSubflowNavigation(rootSpec, overlay, colors) {
+    const [stack, setStack] = useState([]);
+    // Current spec = top of stack, or root
+    const currentSpec = stack.length > 0 ? stack[stack.length - 1].spec : rootSpec;
+    // Derive nodes/edges from current spec
+    // Overlay is always passed through — consumer provides the appropriate overlay
+    // (root overlay at root level, subflow overlay when drilled in)
+    const { nodes, edges } = useMemo(() => {
+        if (!currentSpec)
+            return { nodes: [], edges: [] };
+        return specToReactFlow(currentSpec, overlay, colors);
+    }, [currentSpec, overlay, colors]);
+    // Build a lookup of subflow nodes at the current level
+    const subflowMap = useMemo(() => {
+        const map = new Map();
+        if (!currentSpec)
+            return map;
+        function collectSubflows(node) {
+            if (node.isSubflowRoot && node.subflowStructure) {
+                const id = node.name || node.id || "";
+                map.set(id, node);
+            }
+            if (node.children)
+                node.children.forEach(collectSubflows);
+            if (node.next)
+                collectSubflows(node.next);
+        }
+        collectSubflows(currentSpec);
+        return map;
+    }, [currentSpec]);
+    const breadcrumbs = useMemo(() => {
+        const root = {
+            label: rootSpec?.name || "Pipeline",
+            spec: rootSpec,
+            description: rootSpec?.description,
+        };
+        return [root, ...stack];
+    }, [rootSpec, stack]);
+    const handleNodeClick = useCallback((nodeId) => {
+        const subflowNode = subflowMap.get(nodeId);
+        if (!subflowNode?.subflowStructure)
+            return false;
+        setStack((prev) => [
+            ...prev,
+            {
+                label: subflowNode.subflowName || subflowNode.name,
+                spec: subflowNode.subflowStructure,
+                description: subflowNode.description,
+            },
+        ]);
+        return true;
+    }, [subflowMap]);
+    const navigateTo = useCallback((level) => {
+        if (level === 0) {
+            setStack([]);
+        }
+        else {
+            setStack((prev) => prev.slice(0, level));
+        }
+    }, []);
+    return {
+        breadcrumbs,
+        nodes,
+        edges,
+        handleNodeClick,
+        navigateTo,
+        isInSubflow: stack.length > 0,
+        currentSubflowNodeName: stack.length > 0 ? stack[stack.length - 1].label : null,
+    };
+}
+//# sourceMappingURL=useSubflowNavigation.js.map

package/dist/components/FlowchartView/useSubflowNavigation.js.map

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

package/dist/components/GanttTimeline/GanttTimeline.d.ts

@@ -0,0 +1,18 @@
+import type { StageSnapshot, BaseComponentProps } from "../../types";
+export interface GanttTimelineProps extends BaseComponentProps {
+    /** Stage snapshots with timing info */
+    snapshots: StageSnapshot[];
+    /** Currently selected stage index */
+    selectedIndex?: number;
+    /** Callback when a stage bar is clicked */
+    onSelect?: (index: number) => void;
+    /** Max visible rows before collapsing (0 = no collapse). Default: 5 */
+    maxVisibleRows?: number;
+}
+/**
+ * Horizontal Gantt-style timeline showing stage durations and overlap.
+ * Collapses to `maxVisibleRows` with expand/collapse toggle.
+ * Auto-scrolls to keep the active stage visible when collapsed.
+ */
+export declare function GanttTimeline({ snapshots, selectedIndex, onSelect, size, unstyled, className, style, maxVisibleRows, }: GanttTimelineProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GanttTimeline.d.ts.map

package/dist/components/GanttTimeline/GanttTimeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GanttTimeline.d.ts","sourceRoot":"","sources":["../../../src/components/GanttTimeline/GanttTimeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGrE,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,uCAAuC;IACvC,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,aAAiB,EACjB,QAAQ,EACR,IAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,cAAkB,GACnB,EAAE,kBAAkB,2CAiNpB"}

package/dist/components/GanttTimeline/GanttTimeline.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo, useRef, useEffect } from "react";
+import { theme, fontSize, padding } from "../../theme";
+/**
+ * Horizontal Gantt-style timeline showing stage durations and overlap.
+ * Collapses to `maxVisibleRows` with expand/collapse toggle.
+ * Auto-scrolls to keep the active stage visible when collapsed.
+ */
+export function GanttTimeline({ snapshots, selectedIndex = 0, onSelect, size = "default", unstyled = false, className, style, maxVisibleRows = 5, }) {
+    const [expanded, setExpanded] = useState(false);
+    const activeRowRef = useRef(null);
+    const scrollContainerRef = useRef(null);
+    const totalWallTime = useMemo(() => Math.max(...snapshots.map((s) => s.startMs + s.durationMs), 1), [snapshots]);
+    const fs = fontSize[size];
+    const pad = padding[size];
+    const labelWidth = size === "compact" ? 50 : size === "detailed" ? 100 : 80;
+    const msWidth = size === "compact" ? 28 : 36;
+    const rowHeight = size === "compact" ? 18 : 22;
+    const collapsible = maxVisibleRows > 0 && snapshots.length > maxVisibleRows;
+    const showAll = expanded || !collapsible;
+    // Auto-scroll to active row when collapsed
+    useEffect(() => {
+        if (!showAll && activeRowRef.current && scrollContainerRef.current) {
+            activeRowRef.current.scrollIntoView({
+                block: "nearest",
+                behavior: "smooth",
+            });
+        }
+    }, [selectedIndex, showAll]);
+    if (unstyled) {
+        return (_jsx("div", { className: className, style: style, "data-fp": "gantt-timeline", children: snapshots.map((snap, idx) => (_jsxs("div", { "data-fp": "gantt-bar", "data-selected": idx === selectedIndex, "data-visible": idx <= selectedIndex, onClick: () => onSelect?.(idx), children: [_jsx("span", { "data-fp": "gantt-label", children: snap.stageLabel }), _jsxs("span", { "data-fp": "gantt-duration", children: [snap.durationMs, "ms"] })] }, snap.stageName))) }));
+    }
+    return (_jsxs("div", { className: className, style: { padding: pad, fontFamily: theme.fontSans, ...style }, "data-fp": "gantt-timeline", children: [_jsxs("div", { style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                }, children: [_jsx("span", { style: {
+                            fontSize: fs.label,
+                            fontWeight: 600,
+                            color: theme.textMuted,
+                            textTransform: "uppercase",
+                            letterSpacing: "0.08em",
+                        }, children: size === "compact" ? "Timeline" : "Execution Timeline" }), collapsible && (_jsx("button", { onClick: () => setExpanded((e) => !e), style: {
+                            background: "none",
+                            border: `1px solid ${theme.border}`,
+                            borderRadius: 4,
+                            color: theme.textSecondary,
+                            fontSize: fs.small,
+                            padding: "2px 8px",
+                            cursor: "pointer",
+                            fontFamily: theme.fontSans,
+                        }, children: expanded
+                            ? "Collapse"
+                            : `${snapshots.length - maxVisibleRows} more...` }))] }), _jsx("div", { ref: scrollContainerRef, style: {
+                    marginTop: 8,
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 4,
+                    ...(showAll
+                        ? {}
+                        : {
+                            maxHeight: maxVisibleRows * (rowHeight + 4),
+                            overflowY: "auto",
+                            scrollbarWidth: "thin",
+                        }),
+                }, children: snapshots.map((snap, idx) => {
+                    const leftPct = (snap.startMs / totalWallTime) * 100;
+                    const widthPct = Math.max((snap.durationMs / totalWallTime) * 100, 1);
+                    const isSelected = idx === selectedIndex;
+                    const isVisible = idx <= selectedIndex;
+                    return (_jsxs("div", { ref: isSelected ? activeRowRef : undefined, onClick: () => onSelect?.(idx), style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: size === "compact" ? 4 : 8,
+                            cursor: onSelect ? "pointer" : "default",
+                            opacity: isVisible ? 1 : 0.3,
+                            transition: "opacity 0.3s ease",
+                            height: rowHeight,
+                            flexShrink: 0,
+                        }, children: [_jsx("span", { style: {
+                                    width: labelWidth,
+                                    fontSize: fs.small,
+                                    color: isSelected ? theme.primary : theme.textMuted,
+                                    fontWeight: isSelected ? 600 : 400,
+                                    textAlign: "right",
+                                    flexShrink: 0,
+                                    overflow: "hidden",
+                                    textOverflow: "ellipsis",
+                                    whiteSpace: "nowrap",
+                                }, children: snap.stageLabel }), _jsx("div", { style: {
+                                    flex: 1,
+                                    height: size === "compact" ? 6 : 8,
+                                    position: "relative",
+                                    background: theme.bgTertiary,
+                                    borderRadius: 3,
+                                }, children: isVisible && (_jsx("div", { style: {
+                                        position: "absolute",
+                                        left: `${leftPct}%`,
+                                        top: 0,
+                                        width: `${widthPct}%`,
+                                        height: "100%",
+                                        borderRadius: 3,
+                                        background: isSelected ? theme.primary : theme.success,
+                                        transition: "width 0.3s ease",
+                                    } })) }), _jsxs("span", { style: {
+                                    fontSize: fs.small,
+                                    color: theme.textMuted,
+                                    fontFamily: theme.fontMono,
+                                    width: msWidth,
+                                    flexShrink: 0,
+                                }, children: [snap.durationMs, "ms"] })] }, snap.stageName));
+                }) }), _jsxs("div", { style: {
+                    marginTop: 4,
+                    marginLeft: labelWidth + (size === "compact" ? 4 : 8),
+                    marginRight: msWidth + (size === "compact" ? 4 : 8),
+                    display: "flex",
+                    justifyContent: "space-between",
+                    fontSize: fs.small - 1,
+                    color: theme.textMuted,
+                    fontFamily: theme.fontMono,
+                }, children: [_jsx("span", { children: "0ms" }), size !== "compact" && (_jsxs("span", { children: [(totalWallTime / 2).toFixed(1), "ms"] })), _jsxs("span", { children: [totalWallTime.toFixed(1), "ms"] })] })] }));
+}
+//# sourceMappingURL=GanttTimeline.js.map

package/dist/components/GanttTimeline/GanttTimeline.js.map

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

package/dist/components/GanttTimeline/index.d.ts

@@ -0,0 +1,3 @@
+export { GanttTimeline } from "./GanttTimeline";
+export type { GanttTimelineProps } from "./GanttTimeline";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/GanttTimeline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GanttTimeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/GanttTimeline/index.js

@@ -0,0 +1,2 @@
+export { GanttTimeline } from "./GanttTimeline";
+//# sourceMappingURL=index.js.map

package/dist/components/GanttTimeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/GanttTimeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/MemoryInspector/MemoryInspector.d.ts

@@ -0,0 +1,19 @@
+import type { StageSnapshot, BaseComponentProps } from "../../types";
+export interface MemoryInspectorProps extends BaseComponentProps {
+    /** Single memory object or snapshots (will accumulate up to selectedIndex) */
+    data?: Record<string, unknown>;
+    /** When using snapshots mode, pass these instead of data */
+    snapshots?: StageSnapshot[];
+    /** Index to accumulate up to (for time-travel) */
+    selectedIndex?: number;
+    /** Show data types alongside values */
+    showTypes?: boolean;
+    /** Highlight keys that are new at this step */
+    highlightNew?: boolean;
+}
+/**
+ * Displays pipeline memory state as formatted JSON.
+ * Supports both static (data prop) and time-travel (snapshots + selectedIndex) modes.
+ */
+export declare function MemoryInspector({ data, snapshots, selectedIndex, showTypes, highlightNew, size, unstyled, className, style, }: MemoryInspectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MemoryInspector.d.ts.map

package/dist/components/MemoryInspector/MemoryInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemoryInspector.d.ts","sourceRoot":"","sources":["../../../src/components/MemoryInspector/MemoryInspector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGrE,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,aAAa,EAAE,CAAC;IAC5B,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,aAAiB,EACjB,SAAiB,EACjB,YAAmB,EACnB,IAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,KAAK,GACN,EAAE,oBAAoB,2CAsItB"}

package/dist/components/MemoryInspector/MemoryInspector.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { theme, fontSize, padding } from "../../theme";
+/**
+ * Displays pipeline memory state as formatted JSON.
+ * Supports both static (data prop) and time-travel (snapshots + selectedIndex) modes.
+ */
+export function MemoryInspector({ data, snapshots, selectedIndex = 0, showTypes = false, highlightNew = true, size = "default", unstyled = false, className, style, }) {
+    // Compute accumulated memory from snapshots
+    const { memory, newKeys } = useMemo(() => {
+        if (data) {
+            return { memory: data, newKeys: new Set() };
+        }
+        if (!snapshots || snapshots.length === 0) {
+            return { memory: {}, newKeys: new Set() };
+        }
+        const merged = {};
+        for (let i = 0; i <= Math.min(selectedIndex, snapshots.length - 1); i++) {
+            Object.assign(merged, snapshots[i]?.memory);
+        }
+        const nk = new Set();
+        if (highlightNew && selectedIndex > 0) {
+            const prev = {};
+            for (let i = 0; i < selectedIndex; i++) {
+                Object.assign(prev, snapshots[i]?.memory);
+            }
+            const current = snapshots[selectedIndex]?.memory ?? {};
+            for (const k of Object.keys(current)) {
+                if (!(k in prev))
+                    nk.add(k);
+            }
+        }
+        else if (highlightNew && selectedIndex === 0 && snapshots[0]) {
+            for (const k of Object.keys(snapshots[0].memory))
+                nk.add(k);
+        }
+        return { memory: merged, newKeys: nk };
+    }, [data, snapshots, selectedIndex, highlightNew]);
+    const entries = Object.entries(memory);
+    const fs = fontSize[size];
+    const pad = padding[size];
+    if (unstyled) {
+        return (_jsxs("div", { className: className, style: style, "data-fp": "memory-inspector", children: [_jsx("div", { "data-fp": "memory-label", children: "Memory State" }), _jsx("pre", { "data-fp": "memory-json", children: JSON.stringify(memory, null, 2) })] }));
+    }
+    return (_jsxs("div", { className: className, style: {
+            padding: pad,
+            fontFamily: theme.fontSans,
+            ...style,
+        }, "data-fp": "memory-inspector", children: [_jsx("span", { style: {
+                    fontSize: fs.label,
+                    fontWeight: 600,
+                    color: theme.textMuted,
+                    textTransform: "uppercase",
+                    letterSpacing: "0.08em",
+                }, children: "Memory State" }), _jsxs("div", { style: {
+                    marginTop: 8,
+                    background: theme.bgSecondary,
+                    border: `1px solid ${theme.border}`,
+                    borderRadius: theme.radius,
+                    padding: `${pad}px ${pad + 4}px`,
+                    fontFamily: theme.fontMono,
+                    fontSize: fs.body,
+                    lineHeight: 1.8,
+                }, children: [_jsx("span", { style: { color: theme.textMuted }, children: "{" }), entries.length === 0 && (_jsx("div", { style: {
+                            paddingLeft: 16,
+                            color: theme.textMuted,
+                            fontStyle: "italic",
+                        }, children: "// empty" })), entries.map(([key, value], i) => {
+                        const isNew = newKeys.has(key);
+                        const isLast = i === entries.length - 1;
+                        return (_jsxs("div", { style: {
+                                paddingLeft: 16,
+                                background: isNew
+                                    ? `color-mix(in srgb, ${theme.success} 10%, transparent)`
+                                    : "transparent",
+                                borderRadius: 4,
+                                marginLeft: -4,
+                                marginRight: -4,
+                                paddingRight: 4,
+                            }, children: [_jsxs("span", { style: { color: theme.primary }, children: ["\"", key, "\""] }), _jsx("span", { style: { color: theme.textMuted }, children: ": " }), _jsx("span", { style: { color: theme.success }, children: formatValue(value) }), showTypes && (_jsxs("span", { style: {
+                                        color: theme.textMuted,
+                                        fontSize: fs.small,
+                                        marginLeft: 8,
+                                        opacity: 0.6,
+                                    }, children: ["(", typeof value, ")"] })), !isLast && _jsx("span", { style: { color: theme.textMuted }, children: "," })] }, key));
+                    }), _jsx("span", { style: { color: theme.textMuted }, children: "}" })] })] }));
+}
+function formatValue(value) {
+    if (typeof value === "string")
+        return `"${value}"`;
+    if (typeof value === "object" && value !== null)
+        return JSON.stringify(value);
+    return String(value);
+}
+//# sourceMappingURL=MemoryInspector.js.map

package/dist/components/MemoryInspector/MemoryInspector.js.map

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

package/dist/components/MemoryInspector/index.d.ts

@@ -0,0 +1,3 @@
+export { MemoryInspector } from "./MemoryInspector";
+export type { MemoryInspectorProps } from "./MemoryInspector";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MemoryInspector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MemoryInspector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/MemoryInspector/index.js

@@ -0,0 +1,2 @@
+export { MemoryInspector } from "./MemoryInspector";
+//# sourceMappingURL=index.js.map

package/dist/components/MemoryInspector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MemoryInspector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/NarrativeLog/NarrativeLog.d.ts

@@ -0,0 +1,15 @@
+import type { StageSnapshot, BaseComponentProps } from "../../types";
+export interface NarrativeLogProps extends BaseComponentProps {
+    /** Snapshots to display narratives from */
+    snapshots: StageSnapshot[];
+    /** Show narratives up to this index (for time-travel sync) */
+    selectedIndex?: number;
+    /** Show a single narrative string (simple mode) */
+    narrative?: string;
+}
+/**
+ * Timeline-style execution log showing what happened at each stage.
+ * Supports both full snapshots mode and single-narrative mode.
+ */
+export declare function NarrativeLog({ snapshots, selectedIndex, narrative, size, unstyled, className, style, }: NarrativeLogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NarrativeLog.d.ts.map

package/dist/components/NarrativeLog/NarrativeLog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NarrativeLog.d.ts","sourceRoot":"","sources":["../../../src/components/NarrativeLog/NarrativeLog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGrE,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,2CAA2C;IAC3C,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,aAAa,EACb,SAAS,EACT,IAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,KAAK,GACN,EAAE,iBAAiB,2CAqHnB"}

package/dist/components/NarrativeLog/NarrativeLog.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { theme, fontSize, padding } from "../../theme";
+/**
+ * Timeline-style execution log showing what happened at each stage.
+ * Supports both full snapshots mode and single-narrative mode.
+ */
+export function NarrativeLog({ snapshots, selectedIndex, narrative, size = "default", unstyled = false, className, style, }) {
+    const entries = useMemo(() => {
+        if (narrative) {
+            return [{ label: "Output", text: narrative, isCurrent: true }];
+        }
+        const idx = selectedIndex ?? snapshots.length - 1;
+        return snapshots.slice(0, idx + 1).map((s, i) => ({
+            label: s.stageLabel,
+            text: s.narrative,
+            isCurrent: i === idx,
+        }));
+    }, [snapshots, selectedIndex, narrative]);
+    const fs = fontSize[size];
+    const pad = padding[size];
+    if (unstyled) {
+        return (_jsx("div", { className: className, style: style, "data-fp": "narrative-log", children: entries.map((entry, i) => (_jsxs("div", { "data-fp": "narrative-entry", "data-current": entry.isCurrent, children: [_jsx("strong", { children: entry.label }), _jsx("p", { children: entry.text })] }, i))) }));
+    }
+    return (_jsxs("div", { className: className, style: { padding: pad, fontFamily: theme.fontSans, ...style }, "data-fp": "narrative-log", children: [_jsx("span", { style: {
+                    fontSize: fs.label,
+                    fontWeight: 600,
+                    color: theme.textMuted,
+                    textTransform: "uppercase",
+                    letterSpacing: "0.08em",
+                }, children: "Execution Log" }), _jsx("div", { style: { marginTop: 8, display: "flex", flexDirection: "column" }, children: entries.map((entry, i) => (_jsxs("div", { style: {
+                        display: "flex",
+                        gap: 10,
+                        padding: `${pad}px 0`,
+                        borderBottom: i < entries.length - 1 ? `1px solid ${theme.border}` : "none",
+                    }, children: [_jsxs("div", { style: {
+                                display: "flex",
+                                flexDirection: "column",
+                                alignItems: "center",
+                                width: 12,
+                                flexShrink: 0,
+                                paddingTop: 5,
+                            }, children: [_jsx("div", { style: {
+                                        width: 8,
+                                        height: 8,
+                                        borderRadius: "50%",
+                                        background: entry.isCurrent ? theme.primary : theme.success,
+                                        flexShrink: 0,
+                                    } }), i < entries.length - 1 && (_jsx("div", { style: {
+                                        width: 1,
+                                        flex: 1,
+                                        background: theme.border,
+                                        marginTop: 4,
+                                    } }))] }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx("span", { style: {
+                                        fontSize: fs.label,
+                                        fontWeight: 600,
+                                        color: entry.isCurrent ? theme.primary : theme.textMuted,
+                                    }, children: entry.label }), _jsx("div", { style: {
+                                        fontSize: fs.body,
+                                        lineHeight: 1.5,
+                                        color: entry.isCurrent ? theme.textPrimary : theme.textSecondary,
+                                        marginTop: 2,
+                                    }, children: entry.text })] })] }, i))) })] }));
+}
+//# sourceMappingURL=NarrativeLog.js.map

package/dist/components/NarrativeLog/NarrativeLog.js.map

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

package/dist/components/NarrativeLog/index.d.ts

@@ -0,0 +1,3 @@
+export { NarrativeLog } from "./NarrativeLog";
+export type { NarrativeLogProps } from "./NarrativeLog";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/NarrativeLog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NarrativeLog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/NarrativeLog/index.js

@@ -0,0 +1,2 @@
+export { NarrativeLog } from "./NarrativeLog";
+//# sourceMappingURL=index.js.map

package/dist/components/NarrativeLog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NarrativeLog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/NarrativeTrace/NarrativeTrace.d.ts

@@ -0,0 +1,13 @@
+import type { BaseComponentProps } from "../../types";
+export interface NarrativeTraceProps extends BaseComponentProps {
+    /** All narrative lines (full trace) */
+    narrative: string[];
+    /** Number of lines currently revealed (for progressive reveal). Defaults to all. */
+    revealedCount?: number;
+    /** Start with all groups collapsed */
+    defaultCollapsed?: boolean;
+    /** Called when user clicks a stage header */
+    onStageClick?: (headerIndex: number) => void;
+}
+export declare function NarrativeTrace({ narrative, revealedCount, defaultCollapsed, onStageClick, size, unstyled, className, style, }: NarrativeTraceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NarrativeTrace.d.ts.map

package/dist/components/NarrativeTrace/NarrativeTrace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NarrativeTrace.d.ts","sourceRoot":"","sources":["../../../src/components/NarrativeTrace/NarrativeTrace.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAatD,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB;IAC7D,uCAAuC;IACvC,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,oFAAoF;IACpF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AA8BD,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,aAAa,EACb,gBAAwB,EACxB,YAAY,EACZ,IAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,KAAK,GACN,EAAE,mBAAmB,2CAsMrB"}