@stigmer/react 0.4.8 → 0.5.0

package/version-history/DiffSummary.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+/**
+ * Summary bar showing aggregate diff statistics.
+ *
+ * Renders "N files changed, +X additions, -Y deletions" in a compact
+ * single-line format. Uses diff-specific design tokens for coloring.
+ *
+ * Zero Console dependencies — safe for platform builder embedding.
+ */
+export function DiffSummary({ fileCount, additions, deletions, className, }) {
+    const fileLabel = fileCount === 1 ? "1 file changed" : `${fileCount} files changed`;
+    return (_jsxs("div", { role: "status", "aria-live": "polite", className: cn("flex items-center gap-2 text-xs text-muted-foreground", className), children: [_jsx("span", { children: fileLabel }), additions > 0 && (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsxs("span", { className: "font-mono text-diff-added-fg", children: ["+", additions, " ", additions === 1 ? "addition" : "additions"] })] })), deletions > 0 && (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsxs("span", { className: "font-mono text-diff-removed-fg", children: ["-", deletions, " ", deletions === 1 ? "deletion" : "deletions"] })] }))] }));
+}
+//# sourceMappingURL=DiffSummary.js.map

package/version-history/DiffSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffSummary.js","sourceRoot":"","sources":["../../src/version-history/DiffSummary.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAcpC;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,GACQ;IACjB,MAAM,SAAS,GAAG,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAAS,gBAAgB,CAAC;IAEpF,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,eACH,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,SAAS,CACV,aAED,yBAAO,SAAS,GAAQ,EACvB,SAAS,GAAG,CAAC,IAAI,CAChB,8BACE,8BAAkB,MAAM,uBAAgB,EACxC,gBAAM,SAAS,EAAC,8BAA8B,kBAC1C,SAAS,OAAG,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,IACnD,IACN,CACJ,EACA,SAAS,GAAG,CAAC,IAAI,CAChB,8BACE,8BAAkB,MAAM,uBAAgB,EACxC,gBAAM,SAAS,EAAC,gCAAgC,kBAC5C,SAAS,OAAG,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,IACnD,IACN,CACJ,IACG,CACP,CAAC;AACJ,CAAC"}

package/version-history/DiffViewer.d.ts

@@ -0,0 +1,31 @@
+import type { DiffHunk } from "./types";
+/** Props for {@link DiffViewer}. */
+export interface DiffViewerProps {
+    /** Hunks to render — output of `computeDiff()`. */
+    readonly hunks: readonly DiffHunk[];
+    /** File path displayed in the header. */
+    readonly filePath?: string;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * Generic unified diff renderer for a single file.
+ *
+ * Renders a unified diff with line numbers, `+`/`-` prefix indicators,
+ * and hunk separator headers. Uses `--stgm-diff-*` design tokens for
+ * all colors — respects light/dark mode and preset overrides.
+ *
+ * Accessibility: uses a `<table>` with proper column headers, `+`/`-`
+ * text indicators alongside color (color is never the sole channel),
+ * and ARIA labels on change lines for screen readers.
+ *
+ * Zero Console dependencies — safe for platform builder embedding.
+ *
+ * @example
+ * ```tsx
+ * const hunks = computeDiff(oldText, newText);
+ * <DiffViewer hunks={hunks} filePath="SKILL.md" />
+ * ```
+ */
+export declare function DiffViewer({ hunks, filePath, className }: DiffViewerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DiffViewer.d.ts.map

package/version-history/DiffViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffViewer.d.ts","sourceRoot":"","sources":["../../src/version-history/DiffViewer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAY,MAAM,SAAS,CAAC;AAElD,oCAAoC;AACpC,MAAM,WAAW,eAAe;IAC9B,mDAAmD;IACnD,QAAQ,CAAC,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;IACpC,yCAAyC;IACzC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,2CA6CzE"}

package/version-history/DiffViewer.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+/**
+ * Generic unified diff renderer for a single file.
+ *
+ * Renders a unified diff with line numbers, `+`/`-` prefix indicators,
+ * and hunk separator headers. Uses `--stgm-diff-*` design tokens for
+ * all colors — respects light/dark mode and preset overrides.
+ *
+ * Accessibility: uses a `<table>` with proper column headers, `+`/`-`
+ * text indicators alongside color (color is never the sole channel),
+ * and ARIA labels on change lines for screen readers.
+ *
+ * Zero Console dependencies — safe for platform builder embedding.
+ *
+ * @example
+ * ```tsx
+ * const hunks = computeDiff(oldText, newText);
+ * <DiffViewer hunks={hunks} filePath="SKILL.md" />
+ * ```
+ */
+export function DiffViewer({ hunks, filePath, className }) {
+    if (hunks.length === 0) {
+        return (_jsx("div", { role: "status", className: cn("flex items-center justify-center py-8 text-sm text-muted-foreground", className), children: "No changes" }));
+    }
+    return (_jsxs("div", { className: cn("overflow-auto rounded-lg border border-border font-mono text-[13px] leading-[1.6]", className), children: [filePath && (_jsx("div", { className: "sticky top-0 z-10 border-b border-border bg-muted px-3 py-1.5 text-xs font-medium text-muted-foreground", children: filePath })), _jsxs("table", { className: "w-full border-collapse", role: "table", children: [_jsx("thead", { className: "sr-only", children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "Old line" }), _jsx("th", { scope: "col", children: "New line" }), _jsx("th", { scope: "col", children: "Change" }), _jsx("th", { scope: "col", children: "Content" })] }) }), _jsx("tbody", { children: hunks.map((hunk, hunkIdx) => (_jsx(HunkRows, { hunk: hunk, isFirst: hunkIdx === 0 }, hunkIdx))) })] })] }));
+}
+// ---------------------------------------------------------------------------
+// Hunk rendering
+// ---------------------------------------------------------------------------
+function HunkRows({ hunk, isFirst, }) {
+    const header = `@@ -${hunk.oldStart},${hunk.oldLines} +${hunk.newStart},${hunk.newLines} @@`;
+    return (_jsxs(_Fragment, { children: [!isFirst && (_jsx("tr", { children: _jsx("td", { colSpan: 4, className: "select-none bg-diff-hunk-header-bg px-3 py-1 text-[11px] text-diff-hunk-header-fg", "aria-label": `Hunk: ${header}`, children: header }) })), hunk.lines.map((line, lineIdx) => (_jsx(DiffLineRow, { line: line }, lineIdx)))] }));
+}
+// ---------------------------------------------------------------------------
+// Line rendering
+// ---------------------------------------------------------------------------
+const LINE_NUM_CLASSES = "w-[1px] min-w-10 select-none whitespace-nowrap px-2 text-right text-[11px] text-muted-foreground-faint";
+const MARKER_CLASSES = "w-[1px] select-none px-1 text-center";
+function DiffLineRow({ line }) {
+    const marker = line.type === "added" ? "+" : line.type === "removed" ? "-" : " ";
+    const rowClass = line.type === "added"
+        ? "bg-diff-added-bg"
+        : line.type === "removed"
+            ? "bg-diff-removed-bg"
+            : "";
+    const markerColor = line.type === "added"
+        ? "text-diff-added-fg"
+        : line.type === "removed"
+            ? "text-diff-removed-fg"
+            : "text-muted-foreground-faint";
+    const ariaLabel = line.type === "added"
+        ? `Added line ${line.newLineNumber}: ${line.content}`
+        : line.type === "removed"
+            ? `Removed line ${line.oldLineNumber}: ${line.content}`
+            : undefined;
+    return (_jsxs("tr", { className: rowClass, "aria-label": ariaLabel, children: [_jsx("td", { className: LINE_NUM_CLASSES, children: line.oldLineNumber ?? "" }), _jsx("td", { className: LINE_NUM_CLASSES, children: line.newLineNumber ?? "" }), _jsx("td", { className: cn(MARKER_CLASSES, markerColor), "aria-hidden": "true", children: marker }), _jsx("td", { className: "whitespace-pre-wrap break-all px-2", children: line.content })] }));
+}
+//# sourceMappingURL=DiffViewer.js.map

package/version-history/DiffViewer.js.map

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

package/version-history/MultiFileDiffView.d.ts

@@ -0,0 +1,30 @@
+import type { MultiFileDiffResult } from "./types";
+/** Props for {@link MultiFileDiffView}. */
+export interface MultiFileDiffViewProps {
+    /** Multi-file diff result from `computeMultiFileDiff()`. */
+    readonly diff: MultiFileDiffResult;
+    /**
+     * Initially selected file path. When omitted, defaults to the first
+     * changed file (SKILL.md if present, per the sort order).
+     */
+    readonly initialSelectedPath?: string;
+    /** Additional CSS classes for the root container. */
+    readonly className?: string;
+}
+/**
+ * Composed multi-file diff view with file list and per-file unified diff.
+ *
+ * Layout: summary bar at top, file list as a horizontal scrollable bar,
+ * and the full unified diff for the selected file below. Designed to
+ * work within a dialog or a detail page panel.
+ *
+ * Zero Console dependencies — safe for platform builder embedding.
+ *
+ * @example
+ * ```tsx
+ * const diff = computeMultiFileDiff(oldFiles, newFiles);
+ * <MultiFileDiffView diff={diff} />
+ * ```
+ */
+export declare function MultiFileDiffView({ diff, initialSelectedPath, className, }: MultiFileDiffViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultiFileDiffView.d.ts.map

package/version-history/MultiFileDiffView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiFileDiffView.d.ts","sourceRoot":"","sources":["../../src/version-history/MultiFileDiffView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAKnD,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,4DAA4D;IAC5D,QAAQ,CAAC,IAAI,EAAE,mBAAmB,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACtC,qDAAqD;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,mBAAmB,EACnB,SAAS,GACV,EAAE,sBAAsB,2CAkDxB"}

package/version-history/MultiFileDiffView.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { DiffViewer } from "./DiffViewer";
+import { DiffFileList } from "./DiffFileList";
+import { DiffSummary } from "./DiffSummary";
+/**
+ * Composed multi-file diff view with file list and per-file unified diff.
+ *
+ * Layout: summary bar at top, file list as a horizontal scrollable bar,
+ * and the full unified diff for the selected file below. Designed to
+ * work within a dialog or a detail page panel.
+ *
+ * Zero Console dependencies — safe for platform builder embedding.
+ *
+ * @example
+ * ```tsx
+ * const diff = computeMultiFileDiff(oldFiles, newFiles);
+ * <MultiFileDiffView diff={diff} />
+ * ```
+ */
+export function MultiFileDiffView({ diff, initialSelectedPath, className, }) {
+    const [selectedPath, setSelectedPath] = useState(initialSelectedPath ?? diff.files[0]?.path ?? null);
+    const handleSelect = useCallback((path) => {
+        setSelectedPath(path);
+    }, []);
+    const hunks = selectedPath ? diff.getDiff(selectedPath) : [];
+    if (diff.files.length === 0) {
+        return (_jsxs("div", { role: "status", className: cn("flex flex-col items-center gap-2 py-12 text-center", className), children: [_jsx(NoDiffIcon, { className: "size-8 text-muted-foreground-faint" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "No differences found" }), _jsx("p", { className: "text-xs text-muted-foreground-subtle", children: "These two versions have identical content." })] }));
+    }
+    return (_jsxs("div", { className: cn("flex flex-col gap-3", className), children: [_jsx(DiffSummary, { fileCount: diff.files.length, additions: diff.totalAdditions, deletions: diff.totalDeletions }), diff.files.length > 1 && (_jsx("div", { className: "overflow-hidden rounded-lg border border-border", children: _jsx(DiffFileList, { files: diff.files, selectedPath: selectedPath, onSelect: handleSelect }) })), _jsx(DiffViewer, { hunks: hunks, filePath: selectedPath ?? undefined })] }));
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function NoDiffIcon({ className }) {
+    return (_jsxs("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M8 3v10M3 8h10" }), _jsx("circle", { cx: "8", cy: "8", r: "7" })] }));
+}
+//# sourceMappingURL=MultiFileDiffView.js.map

package/version-history/MultiFileDiffView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiFileDiffView.js","sourceRoot":"","sources":["../../src/version-history/MultiFileDiffView.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAe5C;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EACJ,mBAAmB,EACnB,SAAS,GACc;IACvB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,mBAAmB,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,IAAI,CACnD,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;QAChD,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7D,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,SAAS,CACV,aAED,KAAC,UAAU,IAAC,SAAS,EAAC,oCAAoC,GAAG,EAC7D,YAAG,SAAS,EAAC,+BAA+B,qCAAyB,EACrE,YAAG,SAAS,EAAC,sCAAsC,2DAE/C,IACA,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAClD,KAAC,WAAW,IACV,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAC5B,SAAS,EAAE,IAAI,CAAC,cAAc,EAC9B,SAAS,EAAE,IAAI,CAAC,cAAc,GAC9B,EAED,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,cAAK,SAAS,EAAC,iDAAiD,YAC9D,KAAC,YAAY,IACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,GACtB,GACE,CACP,EAED,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,IAAI,SAAS,GAAI,IAC7D,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,QAAQ;AACR,8EAA8E;AAE9E,SAAS,UAAU,CAAC,EAAE,SAAS,EAAmC;IAChE,OAAO,CACL,eACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,aAElB,eAAM,CAAC,EAAC,gBAAgB,GAAG,EAC3B,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,GAAG,IAC1B,CACP,CAAC;AACJ,CAAC"}

package/version-history/VersionTimeline.d.ts

@@ -0,0 +1,29 @@
+import type { VersionTimelineProps } from "./types";
+/**
+ * Accessible vertical timeline for version history.
+ *
+ * Renders a chronologically-ordered list of version entries with a
+ * connecting line, selection state, and optional compare mode. Designed
+ * as a generic SDK primitive usable for any versioned resource (skills,
+ * and in future, agents, MCP servers).
+ *
+ * Supports two interaction modes:
+ * - **Select mode** (default): single-click selects an entry, fires `onEntrySelect`
+ * - **Compare mode** (when `onCompare` is provided): selecting two entries fires
+ *   `onCompare(fromId, toId)` — designed for T05-D diff viewer integration
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ * Zero Console dependencies — safe for platform builder embedding.
+ *
+ * @example
+ * ```tsx
+ * const { versions } = useSkillVersions(org, slug);
+ *
+ * <VersionTimeline
+ *   entries={versions}
+ *   onEntrySelect={(id) => console.log("Selected:", id)}
+ * />
+ * ```
+ */
+export declare function VersionTimeline({ entries, onEntrySelect, onCompare, selectedId, isLoading, emptyMessage, className, }: VersionTimelineProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VersionTimeline.d.ts.map

package/version-history/VersionTimeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionTimeline.d.ts","sourceRoot":"","sources":["../../src/version-history/VersionTimeline.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,aAAa,EACb,SAAS,EACT,UAAU,EACV,SAAS,EACT,YAA6C,EAC7C,SAAS,GACV,EAAE,oBAAoB,2CA4DtB"}

package/version-history/VersionTimeline.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { VersionTimelineEntry } from "./VersionTimelineEntry";
+/**
+ * Accessible vertical timeline for version history.
+ *
+ * Renders a chronologically-ordered list of version entries with a
+ * connecting line, selection state, and optional compare mode. Designed
+ * as a generic SDK primitive usable for any versioned resource (skills,
+ * and in future, agents, MCP servers).
+ *
+ * Supports two interaction modes:
+ * - **Select mode** (default): single-click selects an entry, fires `onEntrySelect`
+ * - **Compare mode** (when `onCompare` is provided): selecting two entries fires
+ *   `onCompare(fromId, toId)` — designed for T05-D diff viewer integration
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ * Zero Console dependencies — safe for platform builder embedding.
+ *
+ * @example
+ * ```tsx
+ * const { versions } = useSkillVersions(org, slug);
+ *
+ * <VersionTimeline
+ *   entries={versions}
+ *   onEntrySelect={(id) => console.log("Selected:", id)}
+ * />
+ * ```
+ */
+export function VersionTimeline({ entries, onEntrySelect, onCompare, selectedId, isLoading, emptyMessage = "No version history available", className, }) {
+    const [compareSelection, setCompareSelection] = useState(null);
+    const handleSelect = useCallback((id) => {
+        if (onCompare) {
+            if (compareSelection === null) {
+                setCompareSelection(id);
+            }
+            else if (compareSelection === id) {
+                setCompareSelection(null);
+            }
+            else {
+                onCompare(compareSelection, id);
+                setCompareSelection(null);
+            }
+        }
+        onEntrySelect?.(id);
+    }, [onCompare, onEntrySelect, compareSelection]);
+    const cancelCompare = useCallback(() => {
+        setCompareSelection(null);
+    }, []);
+    if (isLoading) {
+        return _jsx(TimelineSkeleton, { className: className });
+    }
+    if (entries.length === 0) {
+        return _jsx(EmptyState, { message: emptyMessage, className: className });
+    }
+    const compareLabel = compareSelection
+        ? entries.find((e) => e.id === compareSelection)?.label ?? compareSelection.slice(0, 12)
+        : null;
+    return (_jsxs("div", { className: cn("flex flex-col pt-2", className), children: [compareSelection && (_jsx(CompareInfoBar, { selectedLabel: compareLabel, onCancel: cancelCompare })), _jsx("div", { role: "list", "aria-label": "Version history", children: entries.map((entry, index) => (_jsx(VersionTimelineEntry, { entry: entry, isSelected: entry.id === selectedId, isCompareSource: entry.id === compareSelection, isLast: index === entries.length - 1, onSelect: () => handleSelect(entry.id) }, entry.id))) })] }));
+}
+// ---------------------------------------------------------------------------
+// Compare-mode info bar
+// ---------------------------------------------------------------------------
+function CompareInfoBar({ selectedLabel, onCancel, }) {
+    return (_jsxs("div", { role: "status", "aria-live": "polite", className: "mb-3 flex items-center gap-2 rounded-md border border-dashed border-primary bg-primary-subtle px-3 py-2 text-xs", children: [_jsx(CompareIcon, { className: "size-3.5 shrink-0 text-primary" }), _jsxs("span", { className: "flex-1 text-foreground", children: ["Select another version to compare with", " ", _jsx("code", { className: "rounded bg-muted px-1 py-0.5 font-mono text-[10px] font-medium", children: selectedLabel })] }), _jsx("button", { type: "button", onClick: onCancel, className: cn("rounded px-2 py-0.5 text-[10px] font-medium text-muted-foreground transition-colors", "hover:bg-accent-hover hover:text-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: "Cancel" })] }));
+}
+function CompareIcon({ className }) {
+    return (_jsx("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M5 12V4M5 4l-3 3M11 4v8M11 12l3-3" }) }));
+}
+// ---------------------------------------------------------------------------
+// Non-happy states
+// ---------------------------------------------------------------------------
+function TimelineSkeleton({ className }) {
+    return (_jsx("div", { className: cn("flex flex-col gap-4 pt-2", className), "aria-busy": "true", "aria-label": "Loading version history", children: [1, 2, 3].map((i) => (_jsxs("div", { className: "flex gap-3", children: [_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "size-2.5 animate-pulse rounded-full bg-muted" }), i < 3 && _jsx("div", { className: "mt-1 w-px flex-1 bg-border" })] }), _jsxs("div", { className: "mb-4 flex-1 space-y-2 px-2.5 py-2", children: [_jsxs("div", { className: "flex gap-2", children: [_jsx("div", { className: "h-4 w-20 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-4 w-12 animate-pulse rounded-full bg-muted" })] }), _jsx("div", { className: "h-3 w-32 animate-pulse rounded bg-muted" })] })] }, i))) }));
+}
+function EmptyState({ message, className, }) {
+    return (_jsxs("div", { role: "status", className: cn("flex flex-col items-center gap-2 py-8 text-center", className), children: [_jsx(HistoryIcon, { className: "size-8 text-muted-foreground-faint" }), _jsx("p", { className: "text-sm text-muted-foreground", children: message })] }));
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function HistoryIcon({ className }) {
+    return (_jsxs("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M8 4v4l2.5 1.5" }), _jsx("circle", { cx: "8", cy: "8", r: "6" }), _jsx("path", { d: "M2 8a6 6 0 0 1 6-6" })] }));
+}
+//# sourceMappingURL=VersionTimeline.js.map

package/version-history/VersionTimeline.js.map

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

package/version-history/VersionTimelineEntry.d.ts

@@ -0,0 +1,22 @@
+import type { VersionTimelineEntryProps } from "./types";
+/**
+ * A single row in a version timeline.
+ *
+ * Renders a version entry with: truncated hash badge, relative timestamp,
+ * actor info, tag badge, "current" indicator, and git provenance link.
+ * Supports keyboard activation and focus management.
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ * Zero Console dependencies — safe for platform builder embedding.
+ *
+ * @example
+ * ```tsx
+ * <VersionTimelineEntry
+ *   entry={version}
+ *   isSelected={selectedId === version.id}
+ *   onSelect={() => setSelectedId(version.id)}
+ * />
+ * ```
+ */
+export declare function VersionTimelineEntry({ entry, isSelected, isCompareSource, isLast, onSelect, trailing, }: VersionTimelineEntryProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VersionTimelineEntry.d.ts.map

package/version-history/VersionTimelineEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionTimelineEntry.d.ts","sourceRoot":"","sources":["../../src/version-history/VersionTimelineEntry.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,UAAU,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE,yBAAyB,2CA2H3B"}

package/version-history/VersionTimelineEntry.js

@@ -0,0 +1,98 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+/**
+ * A single row in a version timeline.
+ *
+ * Renders a version entry with: truncated hash badge, relative timestamp,
+ * actor info, tag badge, "current" indicator, and git provenance link.
+ * Supports keyboard activation and focus management.
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ * Zero Console dependencies — safe for platform builder embedding.
+ *
+ * @example
+ * ```tsx
+ * <VersionTimelineEntry
+ *   entry={version}
+ *   isSelected={selectedId === version.id}
+ *   onSelect={() => setSelectedId(version.id)}
+ * />
+ * ```
+ */
+export function VersionTimelineEntry({ entry, isSelected, isCompareSource, isLast, onSelect, trailing, }) {
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onSelect?.();
+        }
+    };
+    return (_jsxs("div", { role: "listitem", "aria-current": entry.isCurrent ? "true" : undefined, className: "relative flex gap-3", children: [_jsxs("div", { className: "flex flex-col items-center pt-1", children: [_jsx("div", { className: cn("size-2.5 shrink-0 rounded-full border-2", entry.isCurrent
+                            ? "border-primary bg-primary"
+                            : isCompareSource
+                                ? "border-primary border-dashed bg-background"
+                                : isSelected
+                                    ? "border-primary bg-background"
+                                    : "border-border bg-background"), "aria-hidden": "true" }), !isLast && (_jsx("div", { className: "mt-1 w-px flex-1 bg-border", "aria-hidden": "true" }))] }), _jsxs("button", { type: "button", onClick: onSelect, onKeyDown: handleKeyDown, tabIndex: 0, "aria-selected": isSelected, className: cn("mb-4 flex min-w-0 flex-1 flex-col gap-1 rounded-md px-2.5 py-2 text-left transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", isCompareSource
+                    ? "border border-dashed border-primary bg-primary-subtle"
+                    : isSelected
+                        ? "bg-accent-hover"
+                        : "hover:bg-accent-hover"), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("code", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 font-mono text-[11px] font-medium text-foreground", title: entry.id, children: entry.label }), isCompareSource && (_jsx("span", { className: "shrink-0 rounded-full bg-primary px-1.5 py-0.5 text-[10px] font-medium text-primary-foreground", children: "A" })), entry.tag && (_jsx("span", { className: "shrink-0 rounded-full bg-primary-subtle px-1.5 py-0.5 text-[10px] font-medium text-primary", children: entry.tag })), entry.isCurrent && (_jsx("span", { className: "shrink-0 rounded-full bg-status-ready-subtle px-1.5 py-0.5 text-[10px] font-medium text-status-ready", children: "current" })), trailing && (_jsx("div", { className: "ml-auto shrink-0", children: trailing }))] }), _jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [_jsx("time", { dateTime: entry.timestamp.toISOString(), title: entry.timestamp.toLocaleString(), children: formatRelativeTime(entry.timestamp) }), entry.actor && (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsxs("span", { className: "flex items-center gap-1", children: [entry.actor.avatar && (_jsx("img", { src: entry.actor.avatar, alt: "", className: "size-3.5 rounded-full" })), _jsx("span", { children: entry.actor.displayName || entry.actor.id })] })] }))] }), entry.sublabel && (_jsx("p", { className: "text-xs text-muted-foreground", children: entry.sublabel })), entry.gitProvenance && (_jsx(GitProvenanceRow, { provenance: entry.gitProvenance }))] })] }));
+}
+// ---------------------------------------------------------------------------
+// Git provenance inline display
+// ---------------------------------------------------------------------------
+function GitProvenanceRow({ provenance, }) {
+    const repoUrl = normalizeGitUrl(provenance.remoteUrl);
+    const truncatedCommit = provenance.commit.slice(0, 7);
+    const commitUrl = repoUrl
+        ? `${repoUrl}/commit/${provenance.commit}`
+        : null;
+    return (_jsxs("div", { className: "flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [_jsx(GitIcon, { className: "size-3 shrink-0" }), provenance.ref && (_jsx("span", { className: "font-medium", children: provenance.ref })), commitUrl ? (_jsx("a", { href: commitUrl, target: "_blank", rel: "noopener noreferrer", className: "font-mono text-primary underline-offset-2 hover:underline", onClick: (e) => e.stopPropagation(), children: truncatedCommit })) : (_jsx("code", { className: "font-mono", children: truncatedCommit }))] }));
+}
+// ---------------------------------------------------------------------------
+// Utilities
+// ---------------------------------------------------------------------------
+function formatRelativeTime(date) {
+    const now = Date.now();
+    const diffMs = now - date.getTime();
+    const diffSec = Math.floor(diffMs / 1000);
+    const diffMin = Math.floor(diffSec / 60);
+    const diffHr = Math.floor(diffMin / 60);
+    const diffDays = Math.floor(diffHr / 24);
+    if (diffSec < 60)
+        return "just now";
+    if (diffMin < 60)
+        return `${diffMin}m ago`;
+    if (diffHr < 24)
+        return `${diffHr}h ago`;
+    if (diffDays < 7)
+        return `${diffDays}d ago`;
+    if (diffDays < 30)
+        return `${Math.floor(diffDays / 7)}w ago`;
+    return date.toLocaleDateString(undefined, {
+        month: "short",
+        day: "numeric",
+        year: date.getFullYear() !== new Date().getFullYear() ? "numeric" : undefined,
+    });
+}
+function normalizeGitUrl(url) {
+    if (!url)
+        return null;
+    const cleaned = url.replace(/\.git$/, "");
+    if (cleaned.startsWith("https://") || cleaned.startsWith("http://")) {
+        return cleaned;
+    }
+    const sshMatch = cleaned.match(/^(?:git@|ssh:\/\/)([^:/]+)[:/](.+)$/);
+    if (sshMatch) {
+        return `https://${sshMatch[1]}/${sshMatch[2]}`;
+    }
+    return null;
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function GitIcon({ className }) {
+    return (_jsxs("svg", { className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("circle", { cx: "8", cy: "4", r: "2" }), _jsx("circle", { cx: "8", cy: "12", r: "2" }), _jsx("path", { d: "M8 6v4" })] }));
+}
+//# sourceMappingURL=VersionTimelineEntry.js.map

package/version-history/VersionTimelineEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionTimelineEntry.js","sourceRoot":"","sources":["../../src/version-history/VersionTimelineEntry.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,UAAU,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,QAAQ,GACkB;IAC1B,MAAM,aAAa,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC/C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,EAAE,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eACE,IAAI,EAAC,UAAU,kBACD,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAC,qBAAqB,aAG/B,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cACE,SAAS,EAAE,EAAE,CACX,yCAAyC,EACzC,KAAK,CAAC,SAAS;4BACb,CAAC,CAAC,2BAA2B;4BAC7B,CAAC,CAAC,eAAe;gCACf,CAAC,CAAC,4CAA4C;gCAC9C,CAAC,CAAC,UAAU;oCACV,CAAC,CAAC,8BAA8B;oCAChC,CAAC,CAAC,6BAA6B,CACtC,iBACW,MAAM,GAClB,EACD,CAAC,MAAM,IAAI,CACV,cAAK,SAAS,EAAC,4BAA4B,iBAAa,MAAM,GAAG,CAClE,IACG,EAGN,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,CAAC,mBACI,UAAU,EACzB,SAAS,EAAE,EAAE,CACX,4FAA4F,EAC5F,yEAAyE,EACzE,eAAe;oBACb,CAAC,CAAC,uDAAuD;oBACzD,CAAC,CAAC,UAAU;wBACV,CAAC,CAAC,iBAAiB;wBACnB,CAAC,CAAC,uBAAuB,CAC9B,aAGD,eAAK,SAAS,EAAC,yBAAyB,aACtC,eACE,SAAS,EAAC,2FAA2F,EACrG,KAAK,EAAE,KAAK,CAAC,EAAE,YAEd,KAAK,CAAC,KAAK,GACP,EAEN,eAAe,IAAI,CAClB,eAAM,SAAS,EAAC,gGAAgG,kBAEzG,CACR,EAEA,KAAK,CAAC,GAAG,IAAI,CACZ,eAAM,SAAS,EAAC,4FAA4F,YACzG,KAAK,CAAC,GAAG,GACL,CACR,EAEA,KAAK,CAAC,SAAS,IAAI,CAClB,eAAM,SAAS,EAAC,sGAAsG,wBAE/G,CACR,EAEA,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAO,CACnD,IACG,EAGN,eAAK,SAAS,EAAC,uDAAuD,aACpE,eACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EACvC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,YAEtC,kBAAkB,CAAC,KAAK,CAAC,SAAS,CAAC,GAC/B,EAEN,KAAK,CAAC,KAAK,IAAI,CACd,8BACE,8BAAkB,MAAM,uBAAgB,EACxC,gBAAM,SAAS,EAAC,yBAAyB,aACtC,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,CACrB,cACE,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EACvB,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,uBAAuB,GACjC,CACH,EACD,yBAAO,KAAK,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,GAAQ,IACnD,IACN,CACJ,IACG,EAGL,KAAK,CAAC,QAAQ,IAAI,CACjB,YAAG,SAAS,EAAC,+BAA+B,YACzC,KAAK,CAAC,QAAQ,GACb,CACL,EAGA,KAAK,CAAC,aAAa,IAAI,CACtB,KAAC,gBAAgB,IAAC,UAAU,EAAE,KAAK,CAAC,aAAa,GAAI,CACtD,IACM,IACL,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,gCAAgC;AAChC,8EAA8E;AAE9E,SAAS,gBAAgB,CAAC,EACxB,UAAU,GAGX;IACC,MAAM,OAAO,GAAG,eAAe,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IACtD,MAAM,eAAe,GAAG,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,OAAO;QACvB,CAAC,CAAC,GAAG,OAAO,WAAW,UAAU,CAAC,MAAM,EAAE;QAC1C,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,eAAK,SAAS,EAAC,6DAA6D,aAC1E,KAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB,GAAG,EACtC,UAAU,CAAC,GAAG,IAAI,CACjB,eAAM,SAAS,EAAC,aAAa,YAAE,UAAU,CAAC,GAAG,GAAQ,CACtD,EACA,SAAS,CAAC,CAAC,CAAC,CACX,YACE,IAAI,EAAE,SAAS,EACf,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,2DAA2D,EACrE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YAElC,eAAe,GACd,CACL,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,WAAW,YAAE,eAAe,GAAQ,CACrD,IACG,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,SAAS,kBAAkB,CAAC,IAAU;IACpC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACvB,MAAM,MAAM,GAAG,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;IACpC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEzC,IAAI,OAAO,GAAG,EAAE;QAAE,OAAO,UAAU,CAAC;IACpC,IAAI,OAAO,GAAG,EAAE;QAAE,OAAO,GAAG,OAAO,OAAO,CAAC;IAC3C,IAAI,MAAM,GAAG,EAAE;QAAE,OAAO,GAAG,MAAM,OAAO,CAAC;IACzC,IAAI,QAAQ,GAAG,CAAC;QAAE,OAAO,GAAG,QAAQ,OAAO,CAAC;IAC5C,IAAI,QAAQ,GAAG,EAAE;QAAE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC;IAE7D,OAAO,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE;QACxC,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;KAC9E,CAAC,CAAC;AACL,CAAC;AAED,SAAS,eAAe,CAAC,GAAW;IAClC,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IACtB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC1C,IAAI,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QACpE,OAAO,OAAO,CAAC;IACjB,CAAC;IACD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,qCAAqC,CAAC,CAAC;IACtE,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,WAAW,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,8EAA8E;AAC9E,QAAQ;AACR,8EAA8E;AAE9E,SAAS,OAAO,CAAC,EAAE,SAAS,EAAmC;IAC7D,OAAO,CACL,eACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,aAElB,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,GAAG,EAC9B,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,EAC/B,eAAM,CAAC,EAAC,QAAQ,GAAG,IACf,CACP,CAAC;AACJ,CAAC"}

package/version-history/computeDiff.d.ts

@@ -0,0 +1,16 @@
+import type { DiffHunk } from "./types";
+/**
+ * Compute a unified diff between two text strings.
+ *
+ * Returns an array of {@link DiffHunk} objects, each containing the
+ * changed and context lines with line numbers. Uses the `diff` library's
+ * Myers algorithm internally.
+ *
+ * Pure function — no side effects, safe to call outside React.
+ *
+ * @param oldText - The "before" text content.
+ * @param newText - The "after" text content.
+ * @param contextLines - Number of unchanged context lines around changes (default: 3).
+ */
+export declare function computeDiff(oldText: string, newText: string, contextLines?: number): readonly DiffHunk[];
+//# sourceMappingURL=computeDiff.d.ts.map

package/version-history/computeDiff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeDiff.d.ts","sourceRoot":"","sources":["../../src/version-history/computeDiff.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAY,MAAM,SAAS,CAAC;AAElD;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,YAAY,SAAI,GACf,SAAS,QAAQ,EAAE,CAwCrB"}

package/version-history/computeDiff.js

@@ -0,0 +1,54 @@
+import { structuredPatch } from "diff";
+/**
+ * Compute a unified diff between two text strings.
+ *
+ * Returns an array of {@link DiffHunk} objects, each containing the
+ * changed and context lines with line numbers. Uses the `diff` library's
+ * Myers algorithm internally.
+ *
+ * Pure function — no side effects, safe to call outside React.
+ *
+ * @param oldText - The "before" text content.
+ * @param newText - The "after" text content.
+ * @param contextLines - Number of unchanged context lines around changes (default: 3).
+ */
+export function computeDiff(oldText, newText, contextLines = 3) {
+    const patch = structuredPatch("a", "b", oldText, newText, "", "", {
+        context: contextLines,
+    });
+    return patch.hunks.map((hunk) => {
+        const lines = [];
+        let oldLine = hunk.oldStart;
+        let newLine = hunk.newStart;
+        for (const raw of hunk.lines) {
+            const prefix = raw[0];
+            const content = raw.slice(1);
+            if (prefix === "+") {
+                lines.push({ type: "added", content, newLineNumber: newLine });
+                newLine++;
+            }
+            else if (prefix === "-") {
+                lines.push({ type: "removed", content, oldLineNumber: oldLine });
+                oldLine++;
+            }
+            else {
+                lines.push({
+                    type: "context",
+                    content,
+                    oldLineNumber: oldLine,
+                    newLineNumber: newLine,
+                });
+                oldLine++;
+                newLine++;
+            }
+        }
+        return {
+            oldStart: hunk.oldStart,
+            oldLines: hunk.oldLines,
+            newStart: hunk.newStart,
+            newLines: hunk.newLines,
+            lines,
+        };
+    });
+}
+//# sourceMappingURL=computeDiff.js.map

package/version-history/computeDiff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeDiff.js","sourceRoot":"","sources":["../../src/version-history/computeDiff.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AAGvC;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,WAAW,CACzB,OAAe,EACf,OAAe,EACf,YAAY,GAAG,CAAC;IAEhB,MAAM,KAAK,GAAG,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE;QAChE,OAAO,EAAE,YAAY;KACtB,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAC9B,MAAM,KAAK,GAAe,EAAE,CAAC;QAC7B,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC5B,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAE5B,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAC7B,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAE7B,IAAI,MAAM,KAAK,GAAG,EAAE,CAAC;gBACnB,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC;gBAC/D,OAAO,EAAE,CAAC;YACZ,CAAC;iBAAM,IAAI,MAAM,KAAK,GAAG,EAAE,CAAC;gBAC1B,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC;gBACjE,OAAO,EAAE,CAAC;YACZ,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,IAAI,CAAC;oBACT,IAAI,EAAE,SAAS;oBACf,OAAO;oBACP,aAAa,EAAE,OAAO;oBACtB,aAAa,EAAE,OAAO;iBACvB,CAAC,CAAC;gBACH,OAAO,EAAE,CAAC;gBACV,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC;QAED,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,KAAK;SACN,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

package/version-history/computeMultiFileDiff.d.ts

@@ -0,0 +1,15 @@
+import type { MultiFileDiffResult } from "./types";
+/**
+ * Compute a multi-file diff between two snapshots of a file tree.
+ *
+ * Each snapshot is a `Map<path, textContent>`. The function categorises
+ * every path as `added`, `removed`, or `modified`, computes per-file
+ * unified diffs for modified files, and returns an aggregate result.
+ *
+ * Pure function — no side effects, safe to call outside React.
+ *
+ * @param oldFiles - File map for the "before" version.
+ * @param newFiles - File map for the "after" version.
+ */
+export declare function computeMultiFileDiff(oldFiles: ReadonlyMap<string, string>, newFiles: ReadonlyMap<string, string>): MultiFileDiffResult;
+//# sourceMappingURL=computeMultiFileDiff.d.ts.map

package/version-history/computeMultiFileDiff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeMultiFileDiff.d.ts","sourceRoot":"","sources":["../../src/version-history/computeMultiFileDiff.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA2B,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG5E;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,EACrC,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,mBAAmB,CAmDrB"}