footprint-explainable-ui 0.3.2 → 0.5.0

package/dist/components/StageNode/StageNode.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo } from "react";
+import { Handle, Position } from "@xyflow/react";
+import { theme } from "../../theme";
+/**
+ * Custom ReactFlow node for pipeline stages.
+ * All colors and fonts come from `--fp-*` CSS variables (via theme).
+ * Shows execution state via color, icon, step badge, and pulse animation.
+ */
+export const StageNode = memo(function StageNode({ data, }) {
+    const { label, active, done, error, linked, stepNumbers, dimmed, isSubflow, description } = data;
+    const isOnPath = active || done;
+    const bg = active
+        ? theme.primary
+        : done
+            ? theme.success
+            : error
+                ? theme.error
+                : theme.bgSecondary;
+    const borderColor = active
+        ? theme.primary
+        : done
+            ? theme.success
+            : error
+                ? theme.error
+                : theme.border;
+    const shadow = active
+        ? `0 0 16px color-mix(in srgb, ${theme.primary} 40%, transparent)`
+        : done
+            ? `0 0 8px color-mix(in srgb, ${theme.success} 20%, transparent)`
+            : error
+                ? `0 0 12px color-mix(in srgb, ${theme.error} 30%, transparent)`
+                : `0 2px 8px rgba(0,0,0,0.15)`;
+    // Colored states use white for contrast; default uses consumer's text color.
+    const textColor = active || done || error ? "#fff" : theme.textPrimary;
+    return (_jsxs(_Fragment, { children: [_jsx(Handle, { type: "target", position: Position.Top, style: { opacity: 0 } }), _jsxs("div", { style: {
+                    position: "relative",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 6,
+                }, children: [stepNumbers && stepNumbers.length > 0 && isOnPath && (_jsx("div", { style: {
+                            position: "absolute",
+                            top: -10,
+                            left: -10,
+                            display: "flex",
+                            gap: 3,
+                            zIndex: 10,
+                        }, children: stepNumbers.map((num, i) => {
+                            const isLatest = i === stepNumbers.length - 1;
+                            const badgeBg = isLatest && active ? theme.primary : theme.success;
+                            const glow = isLatest && active
+                                ? `color-mix(in srgb, ${theme.primary} 50%, transparent)`
+                                : `color-mix(in srgb, ${theme.success} 40%, transparent)`;
+                            return (_jsx("div", { style: {
+                                    width: 22,
+                                    height: 22,
+                                    borderRadius: "50%",
+                                    background: badgeBg,
+                                    color: "#fff",
+                                    fontSize: 11,
+                                    fontWeight: 700,
+                                    display: "flex",
+                                    alignItems: "center",
+                                    justifyContent: "center",
+                                    boxShadow: `0 0 8px ${glow}`,
+                                }, children: num }, num));
+                        }) })), linked && (_jsx("div", { style: {
+                            position: "absolute",
+                            inset: -6,
+                            borderRadius: `calc(${theme.radius} + 4px)`,
+                            border: `2px solid ${theme.primary}`,
+                            opacity: 0.4,
+                            animation: "fp-pulse 2s ease-in-out infinite",
+                        } })), active && (_jsx("div", { style: {
+                            position: "absolute",
+                            inset: -6,
+                            borderRadius: `calc(${theme.radius} + 4px)`,
+                            border: `2px solid ${theme.primary}`,
+                            opacity: 0.3,
+                            animation: "fp-pulse 1.5s ease-out infinite",
+                        } })), _jsxs("div", { style: {
+                            background: bg,
+                            border: `2px solid ${borderColor}`,
+                            borderRadius: theme.radius,
+                            padding: description ? "8px 16px" : "10px 20px",
+                            display: "flex",
+                            flexDirection: "column",
+                            alignItems: "center",
+                            gap: description ? 2 : 0,
+                            boxShadow: shadow,
+                            transition: "all 0.3s ease",
+                            fontFamily: theme.fontSans,
+                            minWidth: 100,
+                            justifyContent: "center",
+                        }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [done && (_jsx("span", { style: { fontSize: 10, color: textColor }, children: "\u2713" })), active && (_jsx("span", { style: {
+                                            width: 8,
+                                            height: 8,
+                                            borderRadius: "50%",
+                                            background: "#fff",
+                                            animation: "fp-blink 1s ease-in-out infinite",
+                                            flexShrink: 0,
+                                        } })), error && (_jsx("span", { style: { fontSize: 10, color: textColor }, children: "\u2717" })), _jsx("span", { style: {
+                                            fontSize: 13,
+                                            fontWeight: 500,
+                                            color: textColor,
+                                            whiteSpace: "nowrap",
+                                        }, children: label }), isSubflow && (_jsx("span", { style: {
+                                            display: "inline-flex",
+                                            alignItems: "center",
+                                            justifyContent: "center",
+                                            width: 16,
+                                            height: 16,
+                                            borderRadius: 3,
+                                            border: `1.5px solid ${textColor}`,
+                                            position: "relative",
+                                            opacity: 0.7,
+                                            flexShrink: 0,
+                                        }, children: _jsx("span", { style: {
+                                                width: 8,
+                                                height: 8,
+                                                borderRadius: 2,
+                                                border: `1px solid ${textColor}`,
+                                            } }) }))] }), description && (_jsx("span", { style: {
+                                    fontSize: 10,
+                                    fontWeight: 400,
+                                    color: textColor,
+                                    opacity: 0.7,
+                                    whiteSpace: "nowrap",
+                                    overflow: "hidden",
+                                    textOverflow: "ellipsis",
+                                    maxWidth: 160,
+                                }, children: description }))] })] }), _jsx(Handle, { type: "source", position: Position.Bottom, style: { opacity: 0 } }), _jsx(Handle, { id: "loop-source", type: "source", position: Position.Right, style: { background: "transparent", border: "none", width: 6, height: 6 } }), _jsx(Handle, { id: "loop-target", type: "target", position: Position.Right, style: { background: "transparent", border: "none", width: 6, height: 6 } })] }));
+});
+//# sourceMappingURL=StageNode.js.map

package/dist/components/StageNode/StageNode.js.map

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

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

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

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

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

package/dist/components/StageNode/index.js

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

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

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

package/dist/components/TimeTravelControls/TimeTravelControls.d.ts

@@ -0,0 +1,13 @@
+import type { StageSnapshot, BaseComponentProps } from "../../types";
+export interface TimeTravelControlsProps extends BaseComponentProps {
+    /** Stage snapshots */
+    snapshots: StageSnapshot[];
+    /** Currently selected stage index */
+    selectedIndex: number;
+    /** Callback when selected index changes */
+    onIndexChange: (index: number) => void;
+    /** Enable auto-play with Gantt-proportional timing */
+    autoPlayable?: boolean;
+}
+export declare function TimeTravelControls({ snapshots, selectedIndex, onIndexChange, autoPlayable, size, unstyled, className, style, }: TimeTravelControlsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TimeTravelControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeTravelControls.d.ts","sourceRoot":"","sources":["../../../src/components/TimeTravelControls/TimeTravelControls.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGrE,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,sBAAsB;IACtB,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,qCAAqC;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,aAAa,EACb,aAAa,EACb,YAAmB,EACnB,IAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,KAAK,GACN,EAAE,uBAAuB,2CAuLzB"}

package/dist/components/TimeTravelControls/TimeTravelControls.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback } from "react";
+import { theme, fontSize } from "../../theme";
+export function TimeTravelControls({ snapshots, selectedIndex, onIndexChange, autoPlayable = true, size = "default", unstyled = false, className, style, }) {
+    const [playing, setPlaying] = useState(false);
+    const playRef = useRef(null);
+    const total = snapshots.length;
+    const canPrev = selectedIndex > 0;
+    const canNext = selectedIndex < total - 1;
+    // Auto-advance with proportional timing
+    useEffect(() => {
+        if (!playing || !autoPlayable)
+            return;
+        if (selectedIndex >= total - 1) {
+            setPlaying(false);
+            return;
+        }
+        const stageDur = snapshots[selectedIndex]?.durationMs ?? 1;
+        const totalDur = snapshots.reduce((s, snap) => s + snap.durationMs, 0) || 1;
+        const fraction = stageDur / totalDur;
+        const baseMs = 3000;
+        const delay = Math.max(200, Math.min(fraction * baseMs, 2000));
+        playRef.current = setTimeout(() => {
+            onIndexChange(selectedIndex + 1);
+        }, delay);
+        return () => {
+            if (playRef.current)
+                clearTimeout(playRef.current);
+        };
+    }, [playing, selectedIndex, snapshots, total, onIndexChange, autoPlayable]);
+    const togglePlay = useCallback(() => {
+        if (playing) {
+            setPlaying(false);
+        }
+        else {
+            if (selectedIndex >= total - 1)
+                onIndexChange(0);
+            setPlaying(true);
+        }
+    }, [playing, selectedIndex, total, onIndexChange]);
+    const fs = fontSize[size];
+    if (unstyled) {
+        return (_jsxs("div", { className: className, style: style, "data-fp": "time-travel-controls", children: [_jsx("button", { "data-fp": "tt-prev", disabled: !canPrev || playing, onClick: () => { setPlaying(false); onIndexChange(selectedIndex - 1); }, children: "Prev" }), autoPlayable && (_jsx("button", { "data-fp": "tt-play", onClick: togglePlay, children: playing ? "Pause" : "Play" })), _jsx("button", { "data-fp": "tt-next", disabled: !canNext || playing, onClick: () => { setPlaying(false); onIndexChange(selectedIndex + 1); }, children: "Next" }), _jsx("div", { "data-fp": "tt-ticks", children: snapshots.map((snap, i) => (_jsx("button", { "data-fp": "tt-tick", "data-active": i === selectedIndex, "data-done": i < selectedIndex, onClick: () => { setPlaying(false); onIndexChange(i); }, title: snap.stageLabel }, i))) })] }));
+    }
+    const btnStyle = (disabled) => ({
+        background: theme.bgTertiary,
+        border: `1px solid ${theme.border}`,
+        color: disabled ? theme.textMuted : theme.textPrimary,
+        borderRadius: "6px",
+        padding: "4px 12px",
+        fontSize: fs.body,
+        fontWeight: 600,
+        cursor: disabled ? "not-allowed" : "pointer",
+        opacity: disabled ? 0.5 : 1,
+        flexShrink: 0,
+    });
+    return (_jsxs("div", { className: className, style: {
+            padding: "6px 12px",
+            background: theme.bgSecondary,
+            borderBottom: `1px solid ${theme.border}`,
+            display: "flex",
+            alignItems: "center",
+            gap: 6,
+            flexShrink: 0,
+            ...style,
+        }, "data-fp": "time-travel-controls", children: [_jsx("button", { style: btnStyle(!canPrev || playing), disabled: !canPrev || playing, onClick: () => { setPlaying(false); onIndexChange(selectedIndex - 1); }, children: "\u25C0" }), autoPlayable && (_jsx("button", { onClick: togglePlay, style: {
+                    background: playing ? theme.primary : theme.bgTertiary,
+                    border: `1px solid ${theme.border}`,
+                    color: playing ? "white" : theme.textPrimary,
+                    borderRadius: "6px",
+                    width: 28,
+                    height: 28,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    cursor: "pointer",
+                    fontSize: 14,
+                    flexShrink: 0,
+                }, title: playing ? "Pause" : "Play", children: playing ? "\u23F8" : "\u25B6" })), _jsx("button", { style: btnStyle(!canNext || playing), disabled: !canNext || playing, onClick: () => { setPlaying(false); onIndexChange(selectedIndex + 1); }, children: "\u25B6" }), _jsx("div", { style: {
+                    flex: 1,
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 2,
+                    padding: "0 4px",
+                }, children: snapshots.map((snap, i) => {
+                    const isActive = i === selectedIndex;
+                    const isDone = i < selectedIndex;
+                    return (_jsx("button", { onClick: () => { setPlaying(false); onIndexChange(i); }, title: snap.stageLabel, style: {
+                            flex: 1,
+                            height: isActive ? 14 : 8,
+                            borderRadius: 3,
+                            border: "none",
+                            cursor: "pointer",
+                            background: isActive
+                                ? theme.primary
+                                : isDone
+                                    ? theme.success
+                                    : theme.bgTertiary,
+                            opacity: isDone || isActive ? 1 : 0.4,
+                            transition: "all 0.15s ease",
+                        } }, i));
+                }) })] }));
+}
+//# sourceMappingURL=TimeTravelControls.js.map

package/dist/components/TimeTravelControls/TimeTravelControls.js.map

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

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

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

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

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

package/dist/components/TimeTravelControls/index.js

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

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

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

package/dist/components/TimeTravelDebugger/TimeTravelDebugger.d.ts

@@ -0,0 +1,22 @@
+import type { Node, Edge } from "@xyflow/react";
+import type { StageSnapshot, BaseComponentProps } from "../../types";
+export interface TimeTravelDebuggerProps extends BaseComponentProps {
+    /** Stage snapshots */
+    snapshots: StageSnapshot[];
+    /** ReactFlow nodes (required for flowchart) */
+    nodes: Node[];
+    /** ReactFlow edges (required for flowchart) */
+    edges: Edge[];
+    /** Show Gantt timeline */
+    showGantt?: boolean;
+    /** Layout direction */
+    layout?: "horizontal" | "vertical";
+    /** Title */
+    title?: string;
+}
+/**
+ * Full time-travel debugger: scrubber + flowchart + memory + narrative + gantt.
+ * This is the "batteries included" component for pipeline debugging.
+ */
+export declare function TimeTravelDebugger({ snapshots, nodes, edges, showGantt, layout, title, size, unstyled, className, style, }: TimeTravelDebuggerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TimeTravelDebugger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeTravelDebugger.d.ts","sourceRoot":"","sources":["../../../src/components/TimeTravelDebugger/TimeTravelDebugger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAOrE,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,sBAAsB;IACtB,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,+CAA+C;IAC/C,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,+CAA+C;IAC/C,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB;IACvB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,KAAK,EACL,KAAK,EACL,SAAgB,EAChB,MAAqB,EACrB,KAA8B,EAC9B,IAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,KAAK,GACN,EAAE,uBAAuB,2CAiOzB"}

package/dist/components/TimeTravelDebugger/TimeTravelDebugger.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { theme, fontSize, padding } from "../../theme";
+import { MemoryInspector } from "../MemoryInspector";
+import { NarrativeLog } from "../NarrativeLog";
+import { GanttTimeline } from "../GanttTimeline";
+import { FlowchartView } from "../FlowchartView";
+/**
+ * Full time-travel debugger: scrubber + flowchart + memory + narrative + gantt.
+ * This is the "batteries included" component for pipeline debugging.
+ */
+export function TimeTravelDebugger({ snapshots, nodes, edges, showGantt = true, layout = "horizontal", title = "Time-Travel Debugger", size = "default", unstyled = false, className, style, }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const fs = fontSize[size];
+    const pad = padding[size];
+    if (snapshots.length === 0) {
+        return (_jsx("div", { className: className, style: {
+                padding: pad * 2,
+                textAlign: "center",
+                color: theme.textMuted,
+                ...style,
+            }, children: "No snapshots to debug" }));
+    }
+    const isHorizontal = layout === "horizontal";
+    if (unstyled) {
+        return (_jsxs("div", { className: className, style: style, "data-fp": "time-travel-debugger", children: [_jsx("h3", { children: title }), _jsx("input", { type: "range", min: 0, max: snapshots.length - 1, value: selectedIndex, onChange: (e) => setSelectedIndex(parseInt(e.target.value)) }), _jsx(FlowchartView, { nodes: nodes, edges: edges, snapshots: snapshots, selectedIndex: selectedIndex, onNodeClick: setSelectedIndex, unstyled: true }), _jsx(MemoryInspector, { snapshots: snapshots, selectedIndex: selectedIndex, unstyled: true }), _jsx(NarrativeLog, { snapshots: snapshots, selectedIndex: selectedIndex, unstyled: true }), showGantt && (_jsx(GanttTimeline, { snapshots: snapshots, selectedIndex: selectedIndex, onSelect: setSelectedIndex, unstyled: true }))] }));
+    }
+    return (_jsxs("div", { className: className, style: {
+            display: "flex",
+            flexDirection: "column",
+            height: "100%",
+            background: theme.bgPrimary,
+            fontFamily: theme.fontSans,
+            overflow: "hidden",
+            ...style,
+        }, "data-fp": "time-travel-debugger", children: [_jsxs("div", { style: {
+                    padding: `${pad}px ${pad + 4}px`,
+                    borderBottom: `1px solid ${theme.border}`,
+                    background: theme.bgSecondary,
+                    flexShrink: 0,
+                }, children: [_jsxs("div", { style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: 8,
+                            marginBottom: 8,
+                        }, children: [_jsx("span", { style: {
+                                    fontSize: fs.body + 2,
+                                    fontWeight: 600,
+                                    color: theme.textPrimary,
+                                }, children: title }), _jsx("span", { style: {
+                                    fontSize: fs.small,
+                                    color: theme.textMuted,
+                                }, children: "Scrub to replay execution" })] }), _jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [_jsx(ScrubButton, { label: "\\u25C0", disabled: selectedIndex === 0, onClick: () => setSelectedIndex((i) => Math.max(0, i - 1)) }), _jsx("input", { type: "range", min: 0, max: snapshots.length - 1, value: selectedIndex, onChange: (e) => setSelectedIndex(parseInt(e.target.value)), style: {
+                                    flex: 1,
+                                    height: 4,
+                                    accentColor: theme.primary,
+                                    cursor: "pointer",
+                                } }), _jsx(ScrubButton, { label: "\\u25B6", disabled: selectedIndex === snapshots.length - 1, onClick: () => setSelectedIndex((i) => Math.min(snapshots.length - 1, i + 1)) }), _jsxs("span", { style: {
+                                    fontSize: fs.small,
+                                    color: theme.textMuted,
+                                    flexShrink: 0,
+                                    fontFamily: theme.fontMono,
+                                }, children: [selectedIndex + 1, "/", snapshots.length] })] })] }), _jsxs("div", { style: {
+                    flex: 1,
+                    display: "flex",
+                    flexDirection: isHorizontal ? "row" : "column",
+                    overflow: "hidden",
+                }, children: [_jsx("div", { style: {
+                            flex: 1,
+                            overflow: "hidden",
+                            borderRight: isHorizontal
+                                ? `1px solid ${theme.border}`
+                                : "none",
+                            borderBottom: !isHorizontal
+                                ? `1px solid ${theme.border}`
+                                : "none",
+                        }, children: _jsx(FlowchartView, { nodes: nodes, edges: edges, snapshots: snapshots, selectedIndex: selectedIndex, onNodeClick: setSelectedIndex, size: size }) }), _jsxs("div", { style: { flex: 1, overflow: "auto" }, children: [_jsx(MemoryInspector, { snapshots: snapshots, selectedIndex: selectedIndex, size: size }), _jsx("div", { style: {
+                                    height: 1,
+                                    background: theme.border,
+                                    margin: `0 ${pad}px`,
+                                } }), _jsx(NarrativeLog, { snapshots: snapshots, selectedIndex: selectedIndex, size: size })] })] }), showGantt && (_jsx("div", { style: {
+                    borderTop: `1px solid ${theme.border}`,
+                    background: theme.bgSecondary,
+                    flexShrink: 0,
+                }, children: _jsx(GanttTimeline, { snapshots: snapshots, selectedIndex: selectedIndex, onSelect: setSelectedIndex, size: size }) }))] }));
+}
+function ScrubButton({ label, disabled, onClick, }) {
+    return (_jsx("button", { onClick: onClick, disabled: disabled, style: {
+            background: theme.bgTertiary,
+            border: `1px solid ${theme.border}`,
+            color: disabled ? theme.textMuted : theme.textPrimary,
+            borderRadius: 6,
+            width: 28,
+            height: 28,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            cursor: disabled ? "not-allowed" : "pointer",
+            opacity: disabled ? 0.5 : 1,
+            fontSize: 12,
+            flexShrink: 0,
+        }, children: label }));
+}
+//# sourceMappingURL=TimeTravelDebugger.js.map

package/dist/components/TimeTravelDebugger/TimeTravelDebugger.js.map

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

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

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

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

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

package/dist/components/TimeTravelDebugger/index.js

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

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

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