@reactra/replay-devtools 0.1.0-alpha.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Akhil Shastri and the Reactra contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,69 @@
+# @reactra/replay-devtools
+
+The Reactra **session-recorder panel** — a drop-in devtools drawer for apps
+using `uses replayable` (Replay spec §4). Mount it anywhere in your tree:
+
+```tsx
+import { ReplayDevtools } from "@reactra/replay-devtools"
+
+// at the end of your root view / layout:
+<ReplayDevtools endpoint="/replay" token={import.meta.env.VITE_REPLAY_TOKEN} />
+```
+
+It is a **UI companion** package (Runtime spec §2): hand-mounted, never
+imported by compiler-emitted code — an app that doesn't mount it ships none
+of it.
+
+## What you get
+
+- **Finish & inspect** — finalize the live recording into a `SessionBundle`.
+- **Visual timeline** — color-coded ticks per event (▶ action · ⬛ keyframe ·
+  Δ delta · ◆ resource · +/− mount · ⚠ gap); keyframes render taller; click
+  anywhere to scrub.
+- **Transport** — ⏮/⏭ event stepping, ▶ auto-playback at recorded pacing
+  (1×/2×/4×, long idles clamped), keyboard: `←`/`→` step, `space` play/pause.
+- **Per-instance state cards** — `ReplayPlayer.statesAt` folds (Replay §5
+  v1.8); keys the current stop changed are highlighted.
+- **Filters** — toggle event types and instances on the timeline + table.
+- **Live re-drive** — drives the folded state into the mounted components as
+  you scrub/play, so the live app replays in step with the timeline (Replay §5;
+  recording is suspended meanwhile). **On by default** when a session loads
+  (parity with the devtools Time Travel tab); the toggle switches to
+  **inspect-only** to read recorded state without touching the live app.
+- **Server sessions** — list/load/delete sessions from a replay ingest
+  server, with meta chips and a `key=value` filter
+  (`GET /sessions?meta.<key>=<value>`).
+
+## Props
+
+| Prop | Default | Purpose |
+|---|---|---|
+| `endpoint` | `"/replay"` | Base path of the server's HTTP **read** API |
+| `token` | — | `Authorization: Bearer <token>` sugar |
+| `headers` | — | Custom auth-header supplier (wins over `token`) |
+| `defaultOpen` | `false` | Start with the drawer open |
+| `drive` | `true` | Show the live re-drive toggle |
+
+## The server read API (not a Reactra spec contract)
+
+The panel fetches these routes, matching `examples/replay-server`:
+
+```
+GET    {endpoint}/sessions[?meta.<key>=<value>&since=<ms>]  → SessionSummary[]
+GET    {endpoint}/sessions/:id/bundle                        → SessionBundle
+DELETE {endpoint}/sessions/:id                               → 204
+```
+
+This shape is **owned by the server** (`examples/replay-server/PLAN.md`),
+not by a Reactra spec — any backend serving the same shapes works. The
+streaming **ingest transport** (`createReplayServerSink` — WebSocket NDJSON,
+first-message auth, sendBeacon tail) is browser-only user code and stays in
+the examples (see `examples/board-replay/src/replayTransport.ts`); wire it
+into `configureReplay({ sink })` yourself.
+
+## Node-portability
+
+No JSX in source (written against `React.createElement`), no `.css` imports
+(one `<style>` tag injected behind a `typeof document` guard), browser
+globals only inside handlers. `import("@reactra/replay-devtools")` works
+under plain Node ≥ 22.18.

package/dist/chrome.d.ts

@@ -0,0 +1,81 @@
+import type { MouseEvent as ReactMouseEvent } from "react";
+/** Theme mode — "system" defers to prefers-color-scheme CSS. */
+export type PanelTheme = "system" | "light" | "dark";
+/** Options for `usePanelHeight`. */
+export interface PanelHeightOptions {
+    /** Initial height when no persisted value is found (default 400). */
+    defaultHeight?: number;
+    /** Minimum clamped height in px (default 100). */
+    min?: number;
+    /** Maximum clamped height in px (default 1200). */
+    max?: number;
+}
+/** Props for the drag-resize handle element. */
+export interface ResizeHandleProps {
+    /** Attach to the resize-handle element's `onMouseDown`. */
+    onMouseDown: (e: ReactMouseEvent) => void;
+}
+/**
+ * Manage panel height with drag-to-resize and localStorage persistence.
+ *
+ * @param storageKey - Package-namespaced key (e.g. `"@scope/pkg:panel-height"`)
+ *   to avoid collisions with co-mounted panels that share the same origin.
+ * @param opts - Clamp bounds and default height.
+ * @returns `[height, handleProps]` — apply `handleProps` to the resize-handle element.
+ */
+export declare const usePanelHeight: (storageKey: string, opts?: PanelHeightOptions) => [number, ResizeHandleProps];
+/**
+ * Manage the panel's System→Light→Dark theme with localStorage persistence.
+ *
+ * @param storageKey - Package-namespaced key (e.g. `"@scope/pkg:theme"`)
+ *   to avoid collisions with co-mounted panels that share the same origin.
+ * @returns `[theme, cycleTheme]` — `cycleTheme` advances System→Light→Dark→System.
+ */
+export declare const usePanelTheme: (storageKey: string) => [PanelTheme, () => void];
+/** Options for `openPanelWindow`. */
+export interface OpenPanelWindowOptions {
+    /** Unique window name (used as the `target` argument to `window.open`). */
+    name: string;
+    /** Browser window title. */
+    title: string;
+    /** Initial width (px, default 1100). */
+    width?: number;
+    /** Initial height (px, default 520). */
+    height?: number;
+    /** Background color for the popup body (default `"#15171c"`). */
+    background?: string;
+    /**
+     * Style injectors to call once the window is ready. Each receives the
+     * popup's `document` so it can append a `<style>` tag. Do NOT call
+     * `createPortal` here — that stays at the call site (C2).
+     */
+    injectStyles?: Array<(doc: Document) => void>;
+}
+/**
+ * Open a blank popup window and prepare it for `createPortal` re-attach.
+ *
+ * Returns the new `Window` on success, or `null` if the browser blocked it.
+ * `createPortal` stays at the caller's call site (C2 — no react-dom dep here).
+ */
+export declare const openPanelWindow: (opts: OpenPanelWindowOptions) => Window | null;
+/** Modifier keys for `useToggleHotkey`. */
+export interface HotkeyModifiers {
+    shift?: boolean;
+    alt?: boolean;
+    ctrl?: boolean;
+    /** Match `e.metaKey` (Cmd on Mac). */
+    meta?: boolean;
+}
+/**
+ * Register a global keyboard shortcut that fires `onTrigger`.
+ *
+ * The listener attaches to `document` in a `useEffect` so it's browser-only
+ * and cleaned up on unmount.
+ *
+ * @param key - The key string (e.g. `"D"`) matched case-insensitively.
+ * @param modifiers - Which modifier keys must be held.
+ * @param onTrigger - `onTrigger` may be a fresh closure each render — its
+ *   latest identity is always used (captured via ref).
+ */
+export declare const useToggleHotkey: (key: string, modifiers: HotkeyModifiers, onTrigger: () => void) => void;
+//# sourceMappingURL=chrome.d.ts.map

package/dist/chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../src/chrome.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAA;AAE1D,gEAAgE;AAChE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;AAEpD,oCAAoC;AACpC,MAAM,WAAW,kBAAkB;IACjC,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,mDAAmD;IACnD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,gDAAgD;AAChD,MAAM,WAAW,iBAAiB;IAChC,2DAA2D;IAC3D,WAAW,EAAE,CAAC,CAAC,EAAE,eAAe,KAAK,IAAI,CAAA;CAC1C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GACzB,YAAY,MAAM,EAClB,OAAM,kBAAuB,KAC5B,CAAC,MAAM,EAAE,iBAAiB,CAkD5B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,YAAY,MAAM,KAAG,CAAC,UAAU,EAAE,MAAM,IAAI,CAkBzE,CAAA;AAED,qCAAqC;AACrC,MAAM,WAAW,sBAAsB;IACrC,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAA;IACZ,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC,CAAA;CAC9C;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,MAAM,sBAAsB,KAAG,MAAM,GAAG,IAYvE,CAAA;AAED,2CAA2C;AAC3C,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe,GAC1B,KAAK,MAAM,EACX,WAAW,eAAe,EAC1B,WAAW,MAAM,IAAI,KACpB,IAoBF,CAAA"}

package/dist/chrome.js

@@ -0,0 +1,156 @@
+// @reactra/replay-devtools/chrome — headless window-chrome helpers.
+//
+// Owner: reactra-runtime-spec.md §3 (/chrome subpath row, Discussion v11).
+// Shared by `@reactra/replay-devtools` (panel.ts) and `@reactra/devtools`
+// (panel.ts). C1: one implementation, not two forks.
+//
+// Node-portability rules (C5/C6; CLAUDE.md §6):
+//   - No browser global at module top level.
+//   - Every `window`/`document`/`localStorage` access is inside a useState
+//     initializer, a useEffect, or an event handler — React only runs these
+//     client-side.
+import { useEffect, useRef, useState } from "react";
+/**
+ * Manage panel height with drag-to-resize and localStorage persistence.
+ *
+ * @param storageKey - Package-namespaced key (e.g. `"@scope/pkg:panel-height"`)
+ *   to avoid collisions with co-mounted panels that share the same origin.
+ * @param opts - Clamp bounds and default height.
+ * @returns `[height, handleProps]` — apply `handleProps` to the resize-handle element.
+ */
+export const usePanelHeight = (storageKey, opts = {}) => {
+    const { defaultHeight = 400, min = 100, max = 1200 } = opts;
+    const [height, setHeight] = useState(() => {
+        // localStorage access is inside the initializer — React only calls this
+        // once on the client side.
+        if (typeof localStorage !== "undefined") {
+            const saved = localStorage.getItem(storageKey);
+            if (saved) {
+                const n = parseInt(saved, 10);
+                if (!Number.isNaN(n) && n >= min && n <= max)
+                    return n;
+            }
+        }
+        return defaultHeight;
+    });
+    // Drag state lives in a ref — the mousemove/mouseup listeners are imperative
+    // and fire outside React's event loop.
+    const dragRef = useRef(null);
+    const onMouseDown = (e) => {
+        e.preventDefault();
+        if (typeof window === "undefined")
+            return;
+        dragRef.current = { startY: e.clientY, startH: height };
+        const onMove = (ev) => {
+            if (!dragRef.current)
+                return;
+            // Dragging UP (negative deltaY) grows the panel (it anchors to the bottom).
+            const delta = dragRef.current.startY - ev.clientY;
+            const next = Math.max(min, Math.min(max, dragRef.current.startH + delta));
+            setHeight(next);
+        };
+        const onUp = (ev) => {
+            if (!dragRef.current)
+                return;
+            const delta = dragRef.current.startY - ev.clientY;
+            const next = Math.max(min, Math.min(max, dragRef.current.startH + delta));
+            dragRef.current = null;
+            setHeight(next);
+            try {
+                localStorage.setItem(storageKey, String(next));
+            }
+            catch {
+                // Quota exceeded or sandboxed iframe — ignore.
+            }
+            document.removeEventListener("mousemove", onMove);
+            document.removeEventListener("mouseup", onUp);
+        };
+        document.addEventListener("mousemove", onMove);
+        document.addEventListener("mouseup", onUp);
+    };
+    return [height, { onMouseDown }];
+};
+/**
+ * Manage the panel's System→Light→Dark theme with localStorage persistence.
+ *
+ * @param storageKey - Package-namespaced key (e.g. `"@scope/pkg:theme"`)
+ *   to avoid collisions with co-mounted panels that share the same origin.
+ * @returns `[theme, cycleTheme]` — `cycleTheme` advances System→Light→Dark→System.
+ */
+export const usePanelTheme = (storageKey) => {
+    const [theme, setTheme] = useState(() => {
+        if (typeof localStorage !== "undefined") {
+            const saved = localStorage.getItem(storageKey);
+            if (saved === "light" || saved === "dark" || saved === "system")
+                return saved;
+        }
+        return "system";
+    });
+    const cycleTheme = () => {
+        const next = theme === "system" ? "light" : theme === "light" ? "dark" : "system";
+        setTheme(next);
+        if (typeof localStorage !== "undefined") {
+            localStorage.setItem(storageKey, next);
+        }
+    };
+    return [theme, cycleTheme];
+};
+/**
+ * Open a blank popup window and prepare it for `createPortal` re-attach.
+ *
+ * Returns the new `Window` on success, or `null` if the browser blocked it.
+ * `createPortal` stays at the caller's call site (C2 — no react-dom dep here).
+ */
+export const openPanelWindow = (opts) => {
+    // `window` access is intentional here: this function is only ever called
+    // from an event handler (a button click), never at module top level.
+    if (typeof window === "undefined")
+        return null;
+    const { name, title, width = 1100, height = 520, background = "#15171c", injectStyles = [] } = opts;
+    const w = window.open("", name, `width=${width},height=${height}`);
+    if (!w)
+        return null;
+    w.document.title = title;
+    w.document.body.style.margin = "0";
+    w.document.body.style.background = background;
+    for (const inject of injectStyles)
+        inject(w.document);
+    return w;
+};
+/**
+ * Register a global keyboard shortcut that fires `onTrigger`.
+ *
+ * The listener attaches to `document` in a `useEffect` so it's browser-only
+ * and cleaned up on unmount.
+ *
+ * @param key - The key string (e.g. `"D"`) matched case-insensitively.
+ * @param modifiers - Which modifier keys must be held.
+ * @param onTrigger - `onTrigger` may be a fresh closure each render — its
+ *   latest identity is always used (captured via ref).
+ */
+export const useToggleHotkey = (key, modifiers, onTrigger) => {
+    // Latest-value ref so the effect doesn't need onTrigger in its dep array —
+    // avoids re-attaching the listener when the callback identity changes.
+    const cbRef = useRef(onTrigger);
+    cbRef.current = onTrigger;
+    useEffect(() => {
+        const handler = (e) => {
+            if (modifiers.shift && !e.shiftKey)
+                return;
+            if (modifiers.alt && !e.altKey)
+                return;
+            if (modifiers.ctrl && !e.ctrlKey)
+                return;
+            if (modifiers.meta && !e.metaKey)
+                return;
+            if (e.key.toLowerCase() !== key.toLowerCase())
+                return;
+            e.preventDefault();
+            cbRef.current();
+        };
+        // document access inside useEffect — browser-only (C5/C6).
+        document.addEventListener("keydown", handler);
+        return () => document.removeEventListener("keydown", handler);
+    }, [key, modifiers.shift, modifiers.alt, modifiers.ctrl, modifiers.meta]);
+};
+//# sourceMappingURL=chrome.js.map

package/dist/chrome.js.map

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

package/dist/compare.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode } from "react";
+import { type DiffResult, ReplayPlayer } from "@reactra/replay";
+import type { SessionBundle } from "@reactra/behaviours/replayable";
+/**
+ * The active compare session: two loaded bundles, their diff, the currently
+ * selected component instance, and the selected divergence ordinal.
+ */
+export interface CompareSession {
+    bundleA: SessionBundle;
+    bundleB: SessionBundle;
+    playerA: ReplayPlayer;
+    playerB: ReplayPlayer;
+    diff: DiffResult;
+    /** The selected componentId (full, with `#N` suffix). */
+    componentId: string;
+    /** The ordinal index (into `stops`) of the selected divergence row. -1 = none. */
+    selectedOrdinal: number;
+}
+/**
+ * Props for the compare-mode body. `panel.ts` owns all state mutations and
+ * passes down callbacks so this module stays pure.
+ */
+export interface CompareBodyProps {
+    session: CompareSession;
+    onSelectComponent: (id: string) => void;
+    onSelectOrdinal: (ordinal: number) => void;
+    onExit: () => void;
+}
+/** Render the compare-mode panel body. */
+export declare const CompareBody: (props: CompareBodyProps) => ReactNode;
+//# sourceMappingURL=compare.d.ts.map

package/dist/compare.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare.d.ts","sourceRoot":"","sources":["../src/compare.ts"],"names":[],"mappings":"AAOA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EACL,KAAK,UAAU,EAGf,YAAY,EACb,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAInE;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,aAAa,CAAA;IACtB,OAAO,EAAE,aAAa,CAAA;IACtB,OAAO,EAAE,YAAY,CAAA;IACrB,OAAO,EAAE,YAAY,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAA;IACnB,kFAAkF;IAClF,eAAe,EAAE,MAAM,CAAA;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,cAAc,CAAA;IACvB,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB;AAED,0CAA0C;AAC1C,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,KAAG,SAmIrD,CAAA"}

package/dist/compare.js

@@ -0,0 +1,165 @@
+// @reactra/replay-devtools — compare-mode render module.
+//
+// Owner: reactra-runtime-spec.md §3 (UI-companion tier). Consumed by panel.ts,
+// which owns all state — this module is pure rendering (no hooks, no state
+// setters except those passed in). Per the UI-companion tier rules: createElement
+// not JSX, no .css imports, no Bun-only APIs, browser globals in handlers only.
+import { createElement as h } from "react";
+import { ReplayPlayer, } from "@reactra/replay";
+import { formatOffset } from "./helpers.js";
+import { Timeline } from "./timeline.js";
+/** Render the compare-mode panel body. */
+export const CompareBody = (props) => {
+    const { session, onSelectComponent, onSelectOrdinal, onExit } = props;
+    const { bundleA, bundleB, playerA, playerB, diff, componentId, selectedOrdinal } = session;
+    const inst = diff.instances.find((i) => i.componentId === componentId) ?? null;
+    // Component-picker options: every id present in BOTH bundles.
+    const sharedIds = diff.instances
+        .filter((i) => i.presence === "both")
+        .map((i) => i.componentId);
+    // All instance ids (including onlyA/onlyB) for the full list.
+    const allIds = diff.instances.map((i) => i.componentId);
+    // The two players' playhead positions for the selected ordinal.
+    const selectedStop = inst?.stops[selectedOrdinal] ?? null;
+    const offsetA = selectedStop?.offsetA ?? null;
+    const offsetB = selectedStop?.offsetB ?? null;
+    // Use statesUpToIndex (not statesAt) so the displayed state is the exact
+    // snapshot the diff engine saw — avoids same-timestamp ambiguity (B1 fix).
+    const stateAtA = selectedStop !== null
+        ? (playerA.statesUpToIndex(selectedStop.globalIndexA).get(componentId) ?? null)
+        : null;
+    const stateAtB = selectedStop !== null
+        ? (playerB.statesUpToIndex(selectedStop.globalIndexB).get(componentId) ?? null)
+        : null;
+    // --- Divergence list ---
+    const divergenceList = renderDivergenceList(inst, selectedOrdinal, onSelectOrdinal);
+    // --- Dual timelines (ordinal-locked playheads) ---
+    const timelineA = h(Timeline, {
+        bundle: bundleA,
+        offset: offsetA ?? 0,
+        window: null,
+        visible: () => true,
+        // Ordinal-locked — playhead position is driven by divergence list selection only.
+        onScrub: () => { },
+        onWindowChange: () => { },
+        onGrab: () => { },
+    });
+    const timelineB = h(Timeline, {
+        bundle: bundleB,
+        offset: offsetB ?? 0,
+        window: null,
+        visible: () => true,
+        onScrub: () => { },
+        onWindowChange: () => { },
+        onGrab: () => { },
+    });
+    // --- State cards for the selected ordinal ---
+    const statePair = (stateAtA || stateAtB) && renderStatePair(stateAtA, stateAtB, selectedStop, componentId);
+    // --- onlyA / onlyB instances (COND-1: never silently dropped) ---
+    const presenceNote = renderPresenceNotes(diff, componentId);
+    return h("div", { className: "rrd-compare" }, 
+    // Header bar: component picker + A/B session ids + exit
+    h("div", { className: "rrd-compare-head" }, h("span", { className: "rrd-compare-label" }, "comparing"), h("code", { className: "rrd-compare-sid" }, bundleA.sessionId.slice(0, 8)), h("span", { className: "rrd-compare-vs" }, "⟷"), h("code", { className: "rrd-compare-sid" }, bundleB.sessionId.slice(0, 8)), h("select", {
+        className: "rrd-select",
+        value: componentId,
+        onChange: (e) => onSelectComponent(e.target.value),
+        title: "Pick the instance to compare",
+    }, 
+    // Shared instances first (they have real diffs), then onlyA/B
+    ...allIds.map((id) => {
+        const presence = diff.instances.find((i) => i.componentId === id)?.presence;
+        const label = presence === "both" ? id : `${id} (${presence})`;
+        return h("option", { key: id, value: id }, label);
+    })), h("span", { className: "rrd-spacer" }), h("button", { className: "rrd-btn rrd-mini", onClick: onExit, title: "Exit compare mode" }, "✕ exit compare")), 
+    // Alignment note
+    h("div", { className: "rrd-compare-note" }, "aligned by event ordinal (v1)"), presenceNote, 
+    // Main split: divergence list | right panel (timelines + state cards)
+    h("div", { className: "rrd-compare-body" }, 
+    // Left: divergence list
+    h("div", { className: "rrd-compare-left" }, divergenceList, 
+    // COND-1: unpaired tail — visible, not silently dropped
+    inst && renderUnpairedTail(inst, bundleA, bundleB)), 
+    // Right: dual timelines + side-by-side state cards
+    h("div", { className: "rrd-compare-right" }, sharedIds.includes(componentId) && inst && inst.stops.length > 0
+        ? h("div", { className: "rrd-compare-timelines" }, h("div", { className: "rrd-compare-track-label" }, `A · ${bundleA.sessionId.slice(0, 8)}`), timelineA, h("div", { className: "rrd-compare-track-label" }, `B · ${bundleB.sessionId.slice(0, 8)}`), timelineB)
+        : null, statePair)));
+};
+/** Divergence list: each row is one ordinal with at least one key diff. */
+const renderDivergenceList = (inst, selectedOrdinal, onSelectOrdinal) => {
+    if (!inst)
+        return null;
+    if (inst.presence !== "both") {
+        return h("div", { className: "rrd-compare-divlist" }, h("div", { className: "rrd-hint" }, inst.presence === "onlyA"
+            ? "Instance only in session A — no ordinal alignment possible."
+            : "Instance only in session B — no ordinal alignment possible."));
+    }
+    const divergentStops = inst.stops.filter((s) => s.changedKeys.length > 0);
+    const actionDivs = [
+        ...inst.actionsOnlyA.map((name, i) => h("div", { key: `a-action-${i}`, className: "rrd-compare-row rrd-compare-row--event" }, h("span", { className: "rrd-compare-ordinal" }, "–"), h("span", { className: "rrd-compare-key" }, `action: ${name}`), h("span", { className: "rrd-compare-aside" }, "A only"))),
+        ...inst.actionsOnlyB.map((name, i) => h("div", { key: `b-action-${i}`, className: "rrd-compare-row rrd-compare-row--event" }, h("span", { className: "rrd-compare-ordinal" }, "–"), h("span", { className: "rrd-compare-key" }, `action: ${name}`), h("span", { className: "rrd-compare-aside" }, "B only"))),
+        ...inst.resourcesOnlyA.map((name, i) => h("div", { key: `a-res-${i}`, className: "rrd-compare-row rrd-compare-row--event" }, h("span", { className: "rrd-compare-ordinal" }, "–"), h("span", { className: "rrd-compare-key" }, `resource: ${name}`), h("span", { className: "rrd-compare-aside" }, "A only"))),
+        ...inst.resourcesOnlyB.map((name, i) => h("div", { key: `b-res-${i}`, className: "rrd-compare-row rrd-compare-row--event" }, h("span", { className: "rrd-compare-ordinal" }, "–"), h("span", { className: "rrd-compare-key" }, `resource: ${name}`), h("span", { className: "rrd-compare-aside" }, "B only"))),
+    ];
+    if (divergentStops.length === 0 && actionDivs.length === 0) {
+        return h("div", { className: "rrd-compare-divlist" }, h("div", { className: "rrd-compare-agree" }, `No divergences — agree across ${inst.stops.length} aligned event${inst.stops.length === 1 ? "" : "s"}.`));
+    }
+    return h("div", { className: "rrd-compare-divlist" }, h("div", { className: "rrd-compare-divlist-head" }, `DIVERGENCES (${divergentStops.length + actionDivs.length})`), 
+    // State divergences
+    ...divergentStops.flatMap((stop) => stop.changedKeys.map((kd) => h("div", {
+        key: `${stop.ordinal}-${kd.key}`,
+        className: stop.ordinal === selectedOrdinal
+            ? "rrd-compare-row rrd-compare-row--selected"
+            : "rrd-compare-row",
+        onClick: () => onSelectOrdinal(stop.ordinal),
+    }, h("span", { className: "rrd-compare-ordinal" }, `#${stop.ordinal}`), h("span", { className: "rrd-compare-key" }, kd.key), h("span", { className: "rrd-compare-ab" }, h("span", { className: "rrd-compare-val rrd-compare-val--a" }, JSON.stringify(kd.valueA)), h("span", { className: "rrd-compare-neq" }, "≠"), h("span", { className: "rrd-compare-val rrd-compare-val--b" }, JSON.stringify(kd.valueB)))))), 
+    // Event-level divergences
+    ...actionDivs);
+};
+/** COND-1: render the unpaired tail as visible "session A ends here" markers. */
+const renderUnpairedTail = (inst, bundleA, bundleB) => {
+    const items = [];
+    if (inst.unpairedA.length > 0) {
+        items.push(h("div", { key: "unpairedA", className: "rrd-compare-unpaired" }, `session A continues (${inst.unpairedA.length} more stop${inst.unpairedA.length === 1 ? "" : "s"} — `, inst.unpairedA.map((off) => formatOffset(off)).join(", "), " — B ended at ordinal ", inst.stops.length - 1, ")"));
+    }
+    if (inst.unpairedB.length > 0) {
+        items.push(h("div", { key: "unpairedB", className: "rrd-compare-unpaired" }, `session B continues (${inst.unpairedB.length} more stop${inst.unpairedB.length === 1 ? "" : "s"} — `, inst.unpairedB.map((off) => formatOffset(off)).join(", "), " — A ended at ordinal ", inst.stops.length - 1, ")"));
+    }
+    return items.length > 0 ? h("div", { className: "rrd-compare-tail" }, ...items) : null;
+};
+/** Render side-by-side state cards for the selected ordinal (COND-1: amber diffs). */
+const renderStatePair = (stateA, stateB, stop, componentId) => {
+    const changedSet = new Set(stop?.changedKeys.map((k) => k.key) ?? []);
+    const allKeys = new Set([
+        ...Object.keys(stateA ?? {}),
+        ...Object.keys(stateB ?? {}),
+    ]);
+    const renderCard = (label, state, side) => h("div", { className: `rrd-compare-card rrd-compare-card--${side}` }, h("div", { className: "rrd-compare-card-head" }, h("span", { className: "rrd-compare-card-label" }, label), h("code", { className: "rrd-compare-card-id" }, componentId)), state
+        ? h("div", { className: "rrd-compare-kv-list" }, ...[...allKeys].map((k) => h("div", { key: k, className: "rrd-kv" }, h("span", { className: "rrd-k" }, `${k}:`), h("span", {
+            className: changedSet.has(k) ? "rrd-v rrd-v--changed" : "rrd-v",
+        }, k in (state ?? {}) ? JSON.stringify(state[k]) : h("em", null, "absent")))))
+        : h("div", { className: "rrd-hint" }, "no state at this ordinal"));
+    if (!stop) {
+        return h("div", { className: "rrd-compare-cards" }, h("div", { className: "rrd-hint" }, "select a divergence row to inspect state"));
+    }
+    return h("div", { className: "rrd-compare-cards" }, h("div", { className: "rrd-compare-cards-head" }, `ordinal ${stop.ordinal} · A: ${formatOffset(stop.offsetA)} · B: ${formatOffset(stop.offsetB)}`), h("div", { className: "rrd-compare-cards-row" }, renderCard("A", stateA, "a"), renderCard("B", stateB, "b")));
+};
+/** COND-1: note instances that are only in one bundle. */
+const renderPresenceNotes = (diff, currentId) => {
+    const onlyA = diff.instances.filter((i) => i.presence === "onlyA");
+    const onlyB = diff.instances.filter((i) => i.presence === "onlyB");
+    const noShared = diff.instances.every((i) => i.presence !== "both");
+    if (noShared) {
+        return h("div", { className: "rrd-compare-notice rrd-compare-notice--warn" }, "These sessions share no comparable instance.");
+    }
+    const items = [];
+    for (const i of onlyA) {
+        items.push(h("div", { key: `oa-${i.componentId}`, className: "rrd-compare-notice" }, h("code", null, i.componentId), " only in session A"));
+    }
+    for (const i of onlyB) {
+        items.push(h("div", { key: `ob-${i.componentId}`, className: "rrd-compare-notice" }, h("code", null, i.componentId), " only in session B"));
+    }
+    return items.length > 0
+        ? h("div", { className: "rrd-compare-notices" }, ...items)
+        : null;
+};
+//# sourceMappingURL=compare.js.map

package/dist/compare.js.map

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