@buoy-gg/time-machine 7.0.21 → 7.0.23

package/src/ui/primitives.tsx

@@ -0,0 +1,157 @@
+/**
+ * Grouped-inset list primitives — the building blocks of the Time Machine
+ * surface (see ./tmTheme for the tokens and the promotion plan).
+ *
+ * The shape they compose to:
+ *
+ *   SectionLabel      SOURCES                 ← outside the card, uppercase
+ *   Group             ┌──────────────────┐
+ *     <row>           │ All sources …  6 ›│    ← rows are plain children;
+ *     <row>           ├──────────────────┤      Group draws the hairlines
+ *                     └──────────────────┘
+ *   Footnote          Route is captured with… ← explains the group above
+ *
+ * Rows are whatever a screen needs — Group only owns the card, the clipping
+ * and the separators, so a row never has to know its position in the list.
+ */
+import { Children, type ReactNode } from "react";
+import { StyleSheet, Text, View, type ViewStyle } from "react-native";
+import { ChevronRight } from "@buoy-gg/shared-ui";
+import { tm } from "./tmTheme";
+
+/** Uppercase section label that sits above a Group. */
+export function SectionLabel({ children }: { children: string }) {
+  return <Text style={styles.sectionLabel}>{children}</Text>;
+}
+
+/**
+ * Explanatory line under a Group ("Swipe a restore point to delete it").
+ * `centered` matches the iOS convention for a footnote under a lone button.
+ */
+export function Footnote({
+  children,
+  centered,
+  tone = "secondary",
+}: {
+  children: ReactNode;
+  centered?: boolean;
+  tone?: "secondary" | "warning";
+}) {
+  return (
+    <Text
+      style={[
+        styles.footnote,
+        centered ? styles.footnoteCentered : null,
+        tone === "warning" ? styles.footnoteWarning : null,
+      ]}
+    >
+      {children}
+    </Text>
+  );
+}
+
+/**
+ * A rounded grouped card. Draws a hairline between consecutive children and
+ * clips them, so a row can paint edge-to-edge (swipe actions, press washes)
+ * without punching through the corners.
+ */
+export function Group({
+  children,
+  style,
+}: {
+  children: ReactNode;
+  style?: ViewStyle;
+}) {
+  const rows = Children.toArray(children);
+  return (
+    <View style={[styles.group, style]}>
+      {rows.map((row, index) => (
+        // Children.toArray assigns stable synthetic keys ('.$id' for keyed
+        // children), so a row keeps its identity as the list changes.
+        <View key={(row as { key?: string }).key ?? index}>
+          {index > 0 ? <View style={styles.separator} /> : null}
+          {row}
+        </View>
+      ))}
+    </View>
+  );
+}
+
+/**
+ * Trailing disclosure chevron for a row that opens or expands.
+ *
+ * A real glyph, not two rotated hairlines: at this size the hand-built
+ * version's strokes never met at the vertex, so it read as a broken arrow.
+ */
+export function DisclosureChevron() {
+  return <ChevronRight size={16} color={tm.color.labelTertiary} />;
+}
+
+/**
+ * Pill button. Parameterized by color rather than by variant flags so a
+ * screen can name its own (`CapturePill`, `RestorePill`) in one line.
+ */
+export function PillLabel({
+  label,
+  color,
+  background,
+}: {
+  label: string;
+  color: string;
+  background: string;
+}) {
+  return (
+    <View style={[styles.pill, { backgroundColor: background }]}>
+      <Text style={[styles.pillText, { color }]}>{label}</Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  sectionLabel: {
+    color: tm.color.labelSecondary,
+    fontSize: tm.font.footnote,
+    fontWeight: "500",
+    textTransform: "uppercase",
+    letterSpacing: 0.4,
+    paddingHorizontal: tm.gutter + tm.textInset,
+    paddingTop: 22,
+    paddingBottom: 7,
+  },
+  footnote: {
+    color: tm.color.labelSecondary,
+    fontSize: tm.font.footnote,
+    lineHeight: tm.font.footnote * 1.35,
+    paddingHorizontal: tm.gutter + tm.textInset,
+    paddingTop: 7,
+  },
+  footnoteCentered: {
+    textAlign: "center",
+  },
+  footnoteWarning: {
+    color: tm.color.warning,
+  },
+  group: {
+    marginHorizontal: tm.gutter,
+    backgroundColor: tm.color.group,
+    borderRadius: tm.radius.group,
+    overflow: "hidden",
+  },
+  separator: {
+    height: StyleSheet.hairlineWidth,
+    marginLeft: tm.separatorInset,
+    backgroundColor: tm.color.separator,
+  },
+  pill: {
+    height: 32,
+    paddingHorizontal: 15,
+    borderRadius: tm.radius.pill,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  pillText: {
+    fontSize: tm.font.control,
+    fontWeight: "600",
+    letterSpacing: tm.tracking.control,
+  },
+});

package/src/ui/tmTheme.ts

@@ -0,0 +1,107 @@
+/**
+ * Time Machine design tokens — the "modern" surface language.
+ *
+ * A grouped-inset list system (iOS Settings shape): one dark sheet, rounded
+ * grouped cards holding hairline-separated rows, uppercase section labels
+ * outside the cards, and explanatory footnotes under them.
+ *
+ * COLOR COMES FROM `buoyColors` — the shared dev-tools palette — not from a
+ * private set. The mockup this layout came from used the Apple system colors;
+ * those are mapped onto Buoy's equivalents here (system green → Buoy teal,
+ * and so on) so the tool reads as part of the same product as every other
+ * one. Change a value in gameUIColors.ts and it lands here.
+ *
+ * Only shape, spacing and type live as literals below — those ARE the design
+ * language and have no palette equivalent.
+ *
+ * SCOPE: this is Time Machine's pilot of the new look. If it lands, promote
+ * this file (and ./primitives) into @buoy-gg/shared-ui and let the other
+ * tools import it — nothing in here is Time-Machine-specific.
+ *
+ * Note: like every StyleSheet in the repo, these values are read once at
+ * module load, so the desktop dashboard's in-place re-tint needs a reload to
+ * reach them.
+ */
+import { buoyColors } from "@buoy-gg/shared-ui";
+
+/** Hex opacity suffixes, so tinted fills stay tied to the palette color. */
+const A18 = "2E";
+const A30 = "4D";
+
+export const tm = {
+  color: {
+    /** Sheet background behind the grouped cards. */
+    sheet: buoyColors.base,
+    /** A grouped card. */
+    group: buoyColors.card,
+    /** Row press / hover wash on top of a group. */
+    rowPressed: buoyColors.hover,
+    /** Hairline between rows, inset from the left like iOS. */
+    separator: buoyColors.border,
+    /** Neutral control fill (icon discs, chips, round buttons). */
+    fill: buoyColors.input,
+    fillStrong: buoyColors.borderStrong,
+
+    label: buoyColors.text,
+    labelSecondary: buoyColors.textSecondary,
+    labelTertiary: buoyColors.textMuted,
+
+    /** Primary action + "this is healthy" (Buoy teal). */
+    accent: buoyColors.primary,
+    accentSoft: `${buoyColors.primary}${A18}`,
+    accentSoftStrong: `${buoyColors.primary}${A30}`,
+    /** Text/icons ON an accent fill — the palette's teal wants dark ink. */
+    onAccent: "#0A0A0A",
+
+    warning: buoyColors.warning,
+    warningSoft: `${buoyColors.warning}${A18}`,
+
+    danger: buoyColors.error,
+    dangerSoft: `${buoyColors.error}${A18}`,
+    /** Text/icons ON a danger fill. */
+    onDanger: "#FFFFFF",
+
+    info: buoyColors.info,
+  },
+
+  radius: {
+    /** Grouped card + the capture field that visually matches one. */
+    group: 14,
+    /** Fully rounded pills and status circles. */
+    pill: 99,
+  },
+
+  /** Horizontal inset of the grouped cards from the sheet edge. */
+  gutter: 14,
+  /** Extra inset for labels/footnotes, measured from the card edge. */
+  textInset: 16,
+  /** Left inset of a row separator, measured from the card edge. */
+  separatorInset: 16,
+
+  font: {
+    /** Row titles and primary values. */
+    row: 17,
+    /** Buttons and pill labels. */
+    control: 15,
+    /** Section labels, row captions, footnotes. */
+    footnote: 13,
+    /** Route paths and other monospace detail. */
+    mono: 12,
+  },
+
+  /** iOS tracks display text slightly tighter than the default. */
+  tracking: {
+    row: -0.43,
+    control: -0.2,
+  },
+
+  /** Standard grouped-row height before content forces it taller. */
+  rowMinHeight: 52,
+} as const;
+
+/**
+ * Monospace family. RN native resolves a single family name only (no CSS
+ * stack), and "monospace" is the one token both platforms honor — it is what
+ * the rest of the design system uses.
+ */
+export const TM_MONO = "monospace";

package/lib/commonjs/components/preview/ItemDetailScreen.js

@@ -1,189 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ItemDetailScreen = ItemDetailScreen;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _core = require("@buoy-gg/core");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _verdictMeta = require("./verdictMeta");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Item detail — one preview item's before/after, rendered with the two
- * familiar views (TREE / SPLIT, same as storage events).
- *
- * The render-layer viewers only handle plain JSON faithfully, so both sides
- * pass through toDiffable (Dates→ISO, Maps→objects, BigInt→"1n", cycles→
- * "[Circular]") and the pair is memoized ONCE per item — the storage tool's
- * fix for the fresh-identity-every-render trap that redux/zustand still have.
- */
-
-const DIFF_MODE_KEY = _sharedUi.devToolsStorageKeys.timeMachine.diffViewerMode();
-const TABS = [{
-  key: "tree",
-  label: "TREE VIEW"
-}, {
-  key: "split",
-  label: "SPLIT VIEW"
-}];
-function ItemDetailScreen({
-  sourceLabel,
-  item,
-  leftLabel,
-  rightLabel,
-  onBack
-}) {
-  // Persisted view preference — storage's load-guard/validate/optimistic
-  // pattern, default TREE (structured state reads better as a tree).
-  const [diffMode, setDiffMode] = (0, _react.useState)("tree");
-  const hasLoadedMode = (0, _react.useRef)(false);
-  (0, _react.useEffect)(() => {
-    if (hasLoadedMode.current) return;
-    hasLoadedMode.current = true;
-    void _sharedUi.persistentStorage.getItem(DIFF_MODE_KEY).then(saved => {
-      if (saved === "tree" || saved === "split") setDiffMode(saved);
-    });
-  }, []);
-  const changeMode = mode => {
-    setDiffMode(mode);
-    void _sharedUi.persistentStorage.setItem(DIFF_MODE_KEY, mode).catch(() => {});
-  };
-  const meta = _verdictMeta.VERDICT_META[item.verdict];
-  const host = (0, _core.useToolHost)();
-  const hosted = host.instanceId !== undefined;
-
-  // Hosted: the shared modal header shows this item's identity + back.
-  (0, _core.useToolHeader)(hosted ? {
-    title: item.label,
-    subtitle: `${sourceLabel} · ${meta.label} · ${leftLabel} → ${rightLabel}`,
-    onBack,
-    searchable: false // nothing searchable on a single item's diff
-  } : null,
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [hosted, item.key, sourceLabel, leftLabel, rightLabel]);
-
-  // Normalize ONCE per item; ABSENT_VALUE keeps added/removed reading as
-  // pure additions/removals instead of diffs against the literal "null".
-  const {
-    oldValue,
-    newValue
-  } = (0, _react.useMemo)(() => ({
-    oldValue: item.verdict === "added" ? _dataViewer.ABSENT_VALUE : (0, _dataViewer.toDiffable)(item.oldValue),
-    newValue: item.verdict === "removed" ? _dataViewer.ABSENT_VALUE : (0, _dataViewer.toDiffable)(item.newValue)
-  }), [item]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [!hosted && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.screenHeader,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: onBack,
-        hitSlop: HIT,
-        testID: "tm-item-back",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.backText,
-          children: "\u2039 Preview"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.titleBlock,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.title,
-          numberOfLines: 1,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: {
-              color: meta.color
-            },
-            children: [meta.glyph, " "]
-          }), item.label]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.subtitle,
-          numberOfLines: 1,
-          children: [sourceLabel, " \xB7 ", meta.label, " \xB7 ", leftLabel, " \u2192 ", rightLabel]
-        })]
-      })]
-    }), item.reason && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-      style: styles.reason,
-      children: ["\u26A0 ", item.reason]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.tabs,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.DiffModeTabs, {
-        tabs: TABS,
-        activeTab: diffMode,
-        onTabChange: changeMode
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      style: styles.scroll,
-      contentContainerStyle: styles.scrollContent,
-      children: diffMode === "tree" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.TreeDiffViewer, {
-        oldValue: oldValue,
-        newValue: newValue,
-        theme: "dark",
-        showUnchanged: false,
-        scrollEnabled: false
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.ThemedSplitView, {
-        oldValue: oldValue,
-        newValue: newValue,
-        differences: EMPTY,
-        theme: _dataViewer.devToolsDefaultTheme,
-        scrollEnabled: false
-      })
-    })]
-  });
-}
-const EMPTY = [];
-const HIT = {
-  top: 10,
-  bottom: 10,
-  left: 10,
-  right: 10
-};
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  screenHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    gap: 10
-  },
-  backText: {
-    color: _sharedUi.buoyColors.primary,
-    fontSize: 14
-  },
-  titleBlock: {
-    flex: 1,
-    minWidth: 0
-  },
-  title: {
-    color: _sharedUi.buoyColors.text,
-    fontSize: 13,
-    fontWeight: "700"
-  },
-  subtitle: {
-    color: _sharedUi.buoyColors.textMuted,
-    fontSize: 10,
-    marginTop: 2
-  },
-  reason: {
-    color: _sharedUi.buoyColors.warning,
-    fontSize: 11,
-    paddingHorizontal: 12,
-    paddingBottom: 6
-  },
-  tabs: {
-    paddingHorizontal: 12,
-    paddingBottom: 8
-  },
-  scroll: {
-    flex: 1
-  },
-  scrollContent: {
-    paddingHorizontal: 12,
-    paddingBottom: 24
-  }
-});
-//# sourceMappingURL=ItemDetailScreen.js.map

package/lib/commonjs/components/preview/ItemDetailScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","_sharedUi","_core","_dataViewer","_verdictMeta","_jsxRuntime","DIFF_MODE_KEY","devToolsStorageKeys","timeMachine","diffViewerMode","TABS","key","label","ItemDetailScreen","sourceLabel","item","leftLabel","rightLabel","onBack","diffMode","setDiffMode","useState","hasLoadedMode","useRef","useEffect","current","persistentStorage","getItem","then","saved","changeMode","mode","setItem","catch","meta","VERDICT_META","verdict","host","useToolHost","hosted","instanceId","undefined","useToolHeader","title","subtitle","searchable","oldValue","newValue","useMemo","ABSENT_VALUE","toDiffable","jsxs","View","style","styles","container","children","screenHeader","jsx","TouchableOpacity","onPress","hitSlop","HIT","testID","Text","backText","titleBlock","numberOfLines","color","glyph","reason","tabs","DiffModeTabs","activeTab","onTabChange","ScrollView","scroll","contentContainerStyle","scrollContent","TreeDiffViewer","theme","showUnchanged","scrollEnabled","ThemedSplitView","differences","EMPTY","devToolsDefaultTheme","top","bottom","left","right","StyleSheet","create","flex","flexDirection","alignItems","paddingHorizontal","paddingVertical","gap","buoyColors","primary","fontSize","minWidth","text","fontWeight","textMuted","marginTop","warning","paddingBottom"],"sourceRoot":"../../../../src","sources":["components/preview/ItemDetailScreen.tsx"],"mappings":";;;;;;AASA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAMA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AAOA,IAAAK,YAAA,GAAAL,OAAA;AAA6C,IAAAM,WAAA,GAAAN,OAAA;AA1B7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBA,MAAMO,aAAa,GAAGC,6BAAmB,CAACC,WAAW,CAACC,cAAc,CAAC,CAAC;AACtE,MAAMC,IAAI,GAAG,CACX;EAAEC,GAAG,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAY,CAAC,EACnC;EAAED,GAAG,EAAE,OAAO;EAAEC,KAAK,EAAE;AAAa,CAAC,CACtC;AAWM,SAASC,gBAAgBA,CAAC;EAC/BC,WAAW;EACXC,IAAI;EACJC,SAAS;EACTC,UAAU;EACVC;AACqB,CAAC,EAAE;EACxB;EACA;EACA,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAS,MAAM,CAAC;EACxD,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EACnC,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIF,aAAa,CAACG,OAAO,EAAE;IAC3BH,aAAa,CAACG,OAAO,GAAG,IAAI;IAC5B,KAAKC,2BAAiB,CAACC,OAAO,CAACrB,aAAa,CAAC,CAACsB,IAAI,CAAEC,KAAK,IAAK;MAC5D,IAAIA,KAAK,KAAK,MAAM,IAAIA,KAAK,KAAK,OAAO,EAAET,WAAW,CAACS,KAAK,CAAC;IAC/D,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EACN,MAAMC,UAAU,GAAIC,IAAY,IAAK;IACnCX,WAAW,CAACW,IAAI,CAAC;IACjB,KAAKL,2BAAiB,CAACM,OAAO,CAAC1B,aAAa,EAAEyB,IAAI,CAAC,CAACE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;EACrE,CAAC;EAED,MAAMC,IAAI,GAAGC,yBAAY,CAACpB,IAAI,CAACqB,OAAO,CAAC;EACvC,MAAMC,IAAI,GAAG,IAAAC,iBAAW,EAAC,CAAC;EAC1B,MAAMC,MAAM,GAAGF,IAAI,CAACG,UAAU,KAAKC,SAAS;;EAE5C;EACA,IAAAC,mBAAa,EACXH,MAAM,GACF;IACEI,KAAK,EAAE5B,IAAI,CAACH,KAAK;IACjBgC,QAAQ,EAAE,GAAG9B,WAAW,MAAMoB,IAAI,CAACtB,KAAK,MAAMI,SAAS,MAAMC,UAAU,EAAE;IACzEC,MAAM;IACN2B,UAAU,EAAE,KAAK,CAAE;EACrB,CAAC,GACD,IAAI;EACR;EACA,CAACN,MAAM,EAAExB,IAAI,CAACJ,GAAG,EAAEG,WAAW,EAAEE,SAAS,EAAEC,UAAU,CACvD,CAAC;;EAED;EACA;EACA,MAAM;IAAE6B,QAAQ;IAAEC;EAAS,CAAC,GAAG,IAAAC,cAAO,EACpC,OAAO;IACLF,QAAQ,EACN/B,IAAI,CAACqB,OAAO,KAAK,OAAO,GAAGa,wBAAY,GAAG,IAAAC,sBAAU,EAACnC,IAAI,CAAC+B,QAAQ,CAAC;IACrEC,QAAQ,EACNhC,IAAI,CAACqB,OAAO,KAAK,SAAS,GAAGa,wBAAY,GAAG,IAAAC,sBAAU,EAACnC,IAAI,CAACgC,QAAQ;EACxE,CAAC,CAAC,EACF,CAAChC,IAAI,CACP,CAAC;EAED,oBACE,IAAAV,WAAA,CAAA8C,IAAA,EAACnD,YAAA,CAAAoD,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,GAC3B,CAACjB,MAAM,iBACN,IAAAlC,WAAA,CAAA8C,IAAA,EAACnD,YAAA,CAAAoD,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACG,YAAa;MAAAD,QAAA,gBAC/B,IAAAnD,WAAA,CAAAqD,GAAA,EAAC1D,YAAA,CAAA2D,gBAAgB;QAACC,OAAO,EAAE1C,MAAO;QAAC2C,OAAO,EAAEC,GAAI;QAACC,MAAM,EAAC,cAAc;QAAAP,QAAA,eACpE,IAAAnD,WAAA,CAAAqD,GAAA,EAAC1D,YAAA,CAAAgE,IAAI;UAACX,KAAK,EAAEC,MAAM,CAACW,QAAS;UAAAT,QAAA,EAAC;QAAS,CAAM;MAAC,CAC9B,CAAC,eACnB,IAAAnD,WAAA,CAAA8C,IAAA,EAACnD,YAAA,CAAAoD,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACY,UAAW;QAAAV,QAAA,gBAC7B,IAAAnD,WAAA,CAAA8C,IAAA,EAACnD,YAAA,CAAAgE,IAAI;UAACX,KAAK,EAAEC,MAAM,CAACX,KAAM;UAACwB,aAAa,EAAE,CAAE;UAAAX,QAAA,gBAC1C,IAAAnD,WAAA,CAAA8C,IAAA,EAACnD,YAAA,CAAAgE,IAAI;YAACX,KAAK,EAAE;cAAEe,KAAK,EAAElC,IAAI,CAACkC;YAAM,CAAE;YAAAZ,QAAA,GAAEtB,IAAI,CAACmC,KAAK,EAAC,GAAC;UAAA,CAAM,CAAC,EACvDtD,IAAI,CAACH,KAAK;QAAA,CACP,CAAC,eACP,IAAAP,WAAA,CAAA8C,IAAA,EAACnD,YAAA,CAAAgE,IAAI;UAACX,KAAK,EAAEC,MAAM,CAACV,QAAS;UAACuB,aAAa,EAAE,CAAE;UAAAX,QAAA,GAC5C1C,WAAW,EAAC,QAAG,EAACoB,IAAI,CAACtB,KAAK,EAAC,QAAG,EAACI,SAAS,EAAC,UAAG,EAACC,UAAU;QAAA,CACpD,CAAC;MAAA,CACH,CAAC;IAAA,CACH,CACP,EAEAF,IAAI,CAACuD,MAAM,iBAAI,IAAAjE,WAAA,CAAA8C,IAAA,EAACnD,YAAA,CAAAgE,IAAI;MAACX,KAAK,EAAEC,MAAM,CAACgB,MAAO;MAAAd,QAAA,GAAC,SAAE,EAACzC,IAAI,CAACuD,MAAM;IAAA,CAAO,CAAC,eAElE,IAAAjE,WAAA,CAAAqD,GAAA,EAAC1D,YAAA,CAAAoD,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACiB,IAAK;MAAAf,QAAA,eACvB,IAAAnD,WAAA,CAAAqD,GAAA,EAACzD,SAAA,CAAAuE,YAAY;QAACD,IAAI,EAAE7D,IAAK;QAAC+D,SAAS,EAAEtD,QAAS;QAACuD,WAAW,EAAE5C;MAAW,CAAE;IAAC,CACtE,CAAC,eAIP,IAAAzB,WAAA,CAAAqD,GAAA,EAAC1D,YAAA,CAAA2E,UAAU;MAACtB,KAAK,EAAEC,MAAM,CAACsB,MAAO;MAACC,qBAAqB,EAAEvB,MAAM,CAACwB,aAAc;MAAAtB,QAAA,EAC3ErC,QAAQ,KAAK,MAAM,gBAClB,IAAAd,WAAA,CAAAqD,GAAA,EAACvD,WAAA,CAAA4E,cAAc;QACbjC,QAAQ,EAAEA,QAAS;QACnBC,QAAQ,EAAEA,QAAS;QACnBiC,KAAK,EAAC,MAAM;QACZC,aAAa,EAAE,KAAM;QACrBC,aAAa,EAAE;MAAM,CACtB,CAAC,gBAEF,IAAA7E,WAAA,CAAAqD,GAAA,EAACvD,WAAA,CAAAgF,eAAe;QACdrC,QAAQ,EAAEA,QAAS;QACnBC,QAAQ,EAAEA,QAAS;QACnBqC,WAAW,EAAEC,KAAM;QACnBL,KAAK,EAAEM,gCAAqB;QAC5BJ,aAAa,EAAE;MAAM,CACtB;IACF,CACS,CAAC;EAAA,CACT,CAAC;AAEX;AAEA,MAAMG,KAAgB,GAAG,EAAE;AAC3B,MAAMvB,GAAG,GAAG;EAAEyB,GAAG,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;AAExD,MAAMpC,MAAM,GAAGqC,uBAAU,CAACC,MAAM,CAAC;EAC/BrC,SAAS,EAAE;IAAEsC,IAAI,EAAE;EAAE,CAAC;EACtBpC,YAAY,EAAE;IACZqC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBC,GAAG,EAAE;EACP,CAAC;EACDjC,QAAQ,EAAE;IAAEG,KAAK,EAAE+B,oBAAU,CAACC,OAAO;IAAEC,QAAQ,EAAE;EAAG,CAAC;EACrDnC,UAAU,EAAE;IAAE2B,IAAI,EAAE,CAAC;IAAES,QAAQ,EAAE;EAAE,CAAC;EACpC3D,KAAK,EAAE;IAAEyB,KAAK,EAAE+B,oBAAU,CAACI,IAAI;IAAEF,QAAQ,EAAE,EAAE;IAAEG,UAAU,EAAE;EAAM,CAAC;EAClE5D,QAAQ,EAAE;IAAEwB,KAAK,EAAE+B,oBAAU,CAACM,SAAS;IAAEJ,QAAQ,EAAE,EAAE;IAAEK,SAAS,EAAE;EAAE,CAAC;EACrEpC,MAAM,EAAE;IACNF,KAAK,EAAE+B,oBAAU,CAACQ,OAAO;IACzBN,QAAQ,EAAE,EAAE;IACZL,iBAAiB,EAAE,EAAE;IACrBY,aAAa,EAAE;EACjB,CAAC;EACDrC,IAAI,EAAE;IAAEyB,iBAAiB,EAAE,EAAE;IAAEY,aAAa,EAAE;EAAE,CAAC;EACjDhC,MAAM,EAAE;IAAEiB,IAAI,EAAE;EAAE,CAAC;EACnBf,aAAa,EAAE;IAAEkB,iBAAiB,EAAE,EAAE;IAAEY,aAAa,EAAE;EAAG;AAC5D,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/preview/ItemDetailScreen.js

@@ -1,184 +0,0 @@
-"use strict";
-
-/**
- * Item detail — one preview item's before/after, rendered with the two
- * familiar views (TREE / SPLIT, same as storage events).
- *
- * The render-layer viewers only handle plain JSON faithfully, so both sides
- * pass through toDiffable (Dates→ISO, Maps→objects, BigInt→"1n", cycles→
- * "[Circular]") and the pair is memoized ONCE per item — the storage tool's
- * fix for the fresh-identity-every-render trap that redux/zustand still have.
- */
-import { useEffect, useMemo, useRef, useState } from "react";
-import { ScrollView, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { DiffModeTabs, buoyColors, devToolsStorageKeys, persistentStorage } from "@buoy-gg/shared-ui";
-import { useToolHeader, useToolHost } from "@buoy-gg/core";
-import { ABSENT_VALUE, ThemedSplitView, TreeDiffViewer, devToolsDefaultTheme, toDiffable } from "@buoy-gg/shared-ui/dataViewer";
-import { VERDICT_META } from "./verdictMeta";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DIFF_MODE_KEY = devToolsStorageKeys.timeMachine.diffViewerMode();
-const TABS = [{
-  key: "tree",
-  label: "TREE VIEW"
-}, {
-  key: "split",
-  label: "SPLIT VIEW"
-}];
-export function ItemDetailScreen({
-  sourceLabel,
-  item,
-  leftLabel,
-  rightLabel,
-  onBack
-}) {
-  // Persisted view preference — storage's load-guard/validate/optimistic
-  // pattern, default TREE (structured state reads better as a tree).
-  const [diffMode, setDiffMode] = useState("tree");
-  const hasLoadedMode = useRef(false);
-  useEffect(() => {
-    if (hasLoadedMode.current) return;
-    hasLoadedMode.current = true;
-    void persistentStorage.getItem(DIFF_MODE_KEY).then(saved => {
-      if (saved === "tree" || saved === "split") setDiffMode(saved);
-    });
-  }, []);
-  const changeMode = mode => {
-    setDiffMode(mode);
-    void persistentStorage.setItem(DIFF_MODE_KEY, mode).catch(() => {});
-  };
-  const meta = VERDICT_META[item.verdict];
-  const host = useToolHost();
-  const hosted = host.instanceId !== undefined;
-
-  // Hosted: the shared modal header shows this item's identity + back.
-  useToolHeader(hosted ? {
-    title: item.label,
-    subtitle: `${sourceLabel} · ${meta.label} · ${leftLabel} → ${rightLabel}`,
-    onBack,
-    searchable: false // nothing searchable on a single item's diff
-  } : null,
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [hosted, item.key, sourceLabel, leftLabel, rightLabel]);
-
-  // Normalize ONCE per item; ABSENT_VALUE keeps added/removed reading as
-  // pure additions/removals instead of diffs against the literal "null".
-  const {
-    oldValue,
-    newValue
-  } = useMemo(() => ({
-    oldValue: item.verdict === "added" ? ABSENT_VALUE : toDiffable(item.oldValue),
-    newValue: item.verdict === "removed" ? ABSENT_VALUE : toDiffable(item.newValue)
-  }), [item]);
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
-    children: [!hosted && /*#__PURE__*/_jsxs(View, {
-      style: styles.screenHeader,
-      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-        onPress: onBack,
-        hitSlop: HIT,
-        testID: "tm-item-back",
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.backText,
-          children: "\u2039 Preview"
-        })
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.titleBlock,
-        children: [/*#__PURE__*/_jsxs(Text, {
-          style: styles.title,
-          numberOfLines: 1,
-          children: [/*#__PURE__*/_jsxs(Text, {
-            style: {
-              color: meta.color
-            },
-            children: [meta.glyph, " "]
-          }), item.label]
-        }), /*#__PURE__*/_jsxs(Text, {
-          style: styles.subtitle,
-          numberOfLines: 1,
-          children: [sourceLabel, " \xB7 ", meta.label, " \xB7 ", leftLabel, " \u2192 ", rightLabel]
-        })]
-      })]
-    }), item.reason && /*#__PURE__*/_jsxs(Text, {
-      style: styles.reason,
-      children: ["\u26A0 ", item.reason]
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.tabs,
-      children: /*#__PURE__*/_jsx(DiffModeTabs, {
-        tabs: TABS,
-        activeTab: diffMode,
-        onTabChange: changeMode
-      })
-    }), /*#__PURE__*/_jsx(ScrollView, {
-      style: styles.scroll,
-      contentContainerStyle: styles.scrollContent,
-      children: diffMode === "tree" ? /*#__PURE__*/_jsx(TreeDiffViewer, {
-        oldValue: oldValue,
-        newValue: newValue,
-        theme: "dark",
-        showUnchanged: false,
-        scrollEnabled: false
-      }) : /*#__PURE__*/_jsx(ThemedSplitView, {
-        oldValue: oldValue,
-        newValue: newValue,
-        differences: EMPTY,
-        theme: devToolsDefaultTheme,
-        scrollEnabled: false
-      })
-    })]
-  });
-}
-const EMPTY = [];
-const HIT = {
-  top: 10,
-  bottom: 10,
-  left: 10,
-  right: 10
-};
-const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  screenHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    gap: 10
-  },
-  backText: {
-    color: buoyColors.primary,
-    fontSize: 14
-  },
-  titleBlock: {
-    flex: 1,
-    minWidth: 0
-  },
-  title: {
-    color: buoyColors.text,
-    fontSize: 13,
-    fontWeight: "700"
-  },
-  subtitle: {
-    color: buoyColors.textMuted,
-    fontSize: 10,
-    marginTop: 2
-  },
-  reason: {
-    color: buoyColors.warning,
-    fontSize: 11,
-    paddingHorizontal: 12,
-    paddingBottom: 6
-  },
-  tabs: {
-    paddingHorizontal: 12,
-    paddingBottom: 8
-  },
-  scroll: {
-    flex: 1
-  },
-  scrollContent: {
-    paddingHorizontal: 12,
-    paddingBottom: 24
-  }
-});
-//# sourceMappingURL=ItemDetailScreen.js.map

package/lib/module/components/preview/ItemDetailScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useEffect","useMemo","useRef","useState","ScrollView","StyleSheet","Text","TouchableOpacity","View","DiffModeTabs","buoyColors","devToolsStorageKeys","persistentStorage","useToolHeader","useToolHost","ABSENT_VALUE","ThemedSplitView","TreeDiffViewer","devToolsDefaultTheme","toDiffable","VERDICT_META","jsx","_jsx","jsxs","_jsxs","DIFF_MODE_KEY","timeMachine","diffViewerMode","TABS","key","label","ItemDetailScreen","sourceLabel","item","leftLabel","rightLabel","onBack","diffMode","setDiffMode","hasLoadedMode","current","getItem","then","saved","changeMode","mode","setItem","catch","meta","verdict","host","hosted","instanceId","undefined","title","subtitle","searchable","oldValue","newValue","style","styles","container","children","screenHeader","onPress","hitSlop","HIT","testID","backText","titleBlock","numberOfLines","color","glyph","reason","tabs","activeTab","onTabChange","scroll","contentContainerStyle","scrollContent","theme","showUnchanged","scrollEnabled","differences","EMPTY","top","bottom","left","right","create","flex","flexDirection","alignItems","paddingHorizontal","paddingVertical","gap","primary","fontSize","minWidth","text","fontWeight","textMuted","marginTop","warning","paddingBottom"],"sourceRoot":"../../../../src","sources":["components/preview/ItemDetailScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/components/preview/ItemDetailScreen.d.ts

@@ -1,11 +0,0 @@
-import type { StateSnapshotPreviewItem } from "@buoy-gg/shared-ui";
-export interface ItemDetailScreenProps {
-    sourceLabel: string;
-    item: StateSnapshotPreviewItem;
-    /** "old → new" side labels, e.g. "CURRENT STATE" / snapshot name. */
-    leftLabel: string;
-    rightLabel: string;
-    onBack: () => void;
-}
-export declare function ItemDetailScreen({ sourceLabel, item, leftLabel, rightLabel, onBack, }: ItemDetailScreenProps): import("react").JSX.Element;
-//# sourceMappingURL=ItemDetailScreen.d.ts.map

package/lib/typescript/components/preview/ItemDetailScreen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemDetailScreen.d.ts","sourceRoot":"","sources":["../../../../src/components/preview/ItemDetailScreen.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAgBnE,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,wBAAwB,CAAC;IAC/B,qEAAqE;IACrE,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,IAAI,EACJ,SAAS,EACT,UAAU,EACV,MAAM,GACP,EAAE,qBAAqB,+BA+FvB"}