@buoy-gg/redux 7.0.33 → 7.0.34

package/lib/commonjs/redux/hooks/useReduxActions.js

@@ -5,41 +5,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useReduxActions = useReduxActions;
 var _react = require("react");
+var _sharedUi = require("@buoy-gg/shared-ui");
 var _reduxActionStore = require("../utils/reduxActionStore");
 /**
  * Hook for consuming Redux actions from the store
+ *
+ * The subscribe / filter / pause / clear plumbing is shared `useChangeLog`;
+ * this file owns the redux-specific stats, action types and selection.
  */
 
+const filterActions = (_actions, filter) => _reduxActionStore.reduxActionStore.filterActions(filter);
 function useReduxActions() {
-  const [actions, setActions] = (0, _react.useState)(() => _reduxActionStore.reduxActionStore.getActions());
-  const [filter, setFilter] = (0, _react.useState)({});
-  const [isEnabled, setIsEnabled] = (0, _react.useState)(() => _reduxActionStore.reduxActionStore.getEnabled());
+  const log = (0, _sharedUi.useChangeLog)(_reduxActionStore.reduxActionStore, {
+    filterItems: filterActions
+  });
   const [selectedAction, setSelectedAction] = (0, _react.useState)(null);
 
-  // Subscribe to store changes
-  (0, _react.useEffect)(() => {
-    const unsubscribe = _reduxActionStore.reduxActionStore.subscribe(newActions => {
-      setActions(newActions);
-    });
-    return () => {
-      unsubscribe();
-    };
-  }, []);
-
-  // Filter actions based on current filter
-  const filteredActions = (0, _react.useMemo)(() => {
-    return _reduxActionStore.reduxActionStore.filterActions(filter);
-  }, [actions, filter]);
-
   // Get stats
   const stats = (0, _react.useMemo)(() => {
     return _reduxActionStore.reduxActionStore.getStats();
-  }, [actions]);
+  }, [log.items]);
 
   // Get unique action types
   const actionTypes = (0, _react.useMemo)(() => {
     return _reduxActionStore.reduxActionStore.getUniqueActionTypes();
-  }, [actions]);
+  }, [log.items]);
 
   // Clear actions
   const clearActions = (0, _react.useCallback)(() => {
@@ -47,26 +37,19 @@ function useReduxActions() {
     setSelectedAction(null);
   }, []);
 
-  // Toggle capture
-  const toggleCapture = (0, _react.useCallback)(() => {
-    const newEnabled = !isEnabled;
-    _reduxActionStore.reduxActionStore.setEnabled(newEnabled);
-    setIsEnabled(newEnabled);
-  }, [isEnabled]);
-
   // Get action by ID
   const getActionById = (0, _react.useCallback)(id => {
     return _reduxActionStore.reduxActionStore.getActionById(id);
   }, []);
   return {
-    actions,
-    filteredActions,
-    filter,
-    setFilter,
+    actions: log.items,
+    filteredActions: log.filteredItems,
+    filter: log.filter,
+    setFilter: log.setFilter,
     stats,
     clearActions,
-    isEnabled,
-    toggleCapture,
+    isEnabled: log.isEnabled,
+    toggleCapture: log.toggleCapture,
     actionTypes,
     getActionById,
     selectedAction,

package/lib/commonjs/redux/sync/reduxSyncAdapter.js

@@ -7,19 +7,8 @@ exports.reduxSyncAdapter = void 0;
 var _reduxActionStore = require("../utils/reduxActionStore");
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _autoInstrument = require("../utils/autoInstrument");
-/**
- * Upper bound for one on-demand action-detail response. Generous — this is a
- * single explicit fetch, not a per-action stream — but still guarded so a
- * pathological tree can't OOM the device through the reply emit.
- */
-const MAX_ACTION_DETAIL_BYTES = 8 * 1024 * 1024;
-
 /** Per-action budget for `payload`/`action`/`meta.arg`/`error` on the snapshot wire. */
-const MAX_WIRE_PAYLOAD_BYTES = 16 * 1024;
-function toWireValue(value) {
-  if (value === undefined) return value;
-  return (0, _sharedUi.isOverWireBudget)(value, MAX_WIRE_PAYLOAD_BYTES) ? _reduxActionStore.PAYLOAD_ON_DEVICE : value;
-}
+const toWireValue = value => (0, _sharedUi.toWire)(value, _reduxActionStore.PAYLOAD_ON_DEVICE);
 
 /**
  * Per-action wire cache. `reduxActionStore` never mutates an action in place —
@@ -28,10 +17,7 @@ function toWireValue(value) {
  * `action`, `meta.arg` and `error` in the list is re-measured on all ~5
  * snapshots per second for as long as it stays in the list.
  */
-const wireCache = new WeakMap();
-function toWireAction(a) {
-  const cached = wireCache.get(a);
-  if (cached) return cached;
+const toWireAction = (0, _sharedUi.memoByIdentity)(a => {
   const wire = (0, _reduxActionStore.isEvictedState)(a.prevState) ? {
     ...a
   } : {
@@ -54,9 +40,8 @@ function toWireAction(a) {
       arg
     };
   }
-  wireCache.set(a, wire);
   return wire;
-}
+});
 /** Top-level slice names of the state tree, for the compact (no-values) view. */
 function topLevelKeys(state) {
   return state && typeof state === "object" && !Array.isArray(state) ? Object.keys(state) : [];
@@ -93,7 +78,7 @@ function unavailable() {
  * dispatch actions — redux is action-based, so the *current state* isn't in the
  * action-log snapshot.
  */
-const reduxSyncAdapter = exports.reduxSyncAdapter = {
+const reduxSyncAdapter = exports.reduxSyncAdapter = (0, _sharedUi.createSyncAdapter)({
   version: 2,
   /**
    * WIRE-FORM snapshot: actions WITHOUT raw prevState/nextState trees.
@@ -118,7 +103,7 @@ const reduxSyncAdapter = exports.reduxSyncAdapter = {
     getActionDetail: params => {
       const {
         id
-      } = params ?? {};
+      } = (0, _sharedUi.readParams)(params);
       if (!id) return {
         found: false,
         reason: "missing id"
@@ -138,11 +123,7 @@ const reduxSyncAdapter = exports.reduxSyncAdapter = {
       }
       // Per-field cap: oversized fields degrade individually instead of
       // failing the whole detail (a giant payload shouldn't hide the trees).
-      const cappedNote = {
-        __buoyTruncated: true,
-        note: `Exceeds the ${MAX_ACTION_DETAIL_BYTES / (1024 * 1024)}MB detail limit — inspect it on-device.`
-      };
-      const cap = value => (0, _sharedUi.isOverWireBudget)(value, MAX_ACTION_DETAIL_BYTES) ? cappedNote : value;
+      const cap = value => (0, _sharedUi.capDetail)(value, _sharedUi.WIRE_DETAIL_LIMIT_BYTES);
       const capMeta = meta => {
         if (!meta) return meta;
         const arg = cap(meta.arg);
@@ -169,7 +150,7 @@ const reduxSyncAdapter = exports.reduxSyncAdapter = {
     getState: params => {
       const {
         includeValues = false
-      } = params ?? {};
+      } = (0, _sharedUi.readParams)(params);
       const store = (0, _autoInstrument.getActiveStore)();
       if (!store) {
         return unavailable();
@@ -191,7 +172,7 @@ const reduxSyncAdapter = exports.reduxSyncAdapter = {
     dispatch: params => {
       const {
         action
-      } = params;
+      } = (0, _sharedUi.readParams)(params);
       const store = (0, _autoInstrument.getActiveStore)();
       if (!store) {
         return {
@@ -199,11 +180,12 @@ const reduxSyncAdapter = exports.reduxSyncAdapter = {
           ...unavailable()
         };
       }
+      if (!action) throw new Error("dispatch requires an `action`");
       store.dispatch(action);
       return {
         dispatched: true,
-        type: action?.type
+        type: action.type
       };
     }
   }
-};
+});

package/lib/commonjs/redux/utils/reduxActionStore.js

@@ -238,16 +238,9 @@ function extractMeta(action) {
 // Redux Action Store
 // ============================================
 
-class ReduxActionStore {
-  actions = [];
-  listeners = new Set();
-  clearListeners = new Set();
-  maxActions = 200;
-  idCounter = 0;
-  isEnabled = true;
-  captureSuppressed = false;
+class ReduxActionStore extends _sharedUi.ChangeLog {
   addAction(action, prevState, nextState, duration) {
-    if (!this.isEnabled || this.captureSuppressed) {
+    if (!this.canRecord()) {
       return;
     }
     const actionType = action.type || "";
@@ -273,7 +266,7 @@ class ReduxActionStore {
     const isSlowAction = (duration ?? 0) > 16; // Frame budget
 
     const reduxAction = {
-      id: `${Date.now()}-${++this.idCounter}`,
+      id: this.nextId(),
       type: actionType,
       payload: action.payload,
       action,
@@ -293,7 +286,7 @@ class ReduxActionStore {
       changedKeysCount,
       isSlowAction
     };
-    this.actions = [reduxAction, ...this.actions].slice(0, this.maxActions);
+    this.push(reduxAction);
 
     // Bound raw-state retention. Every action holds prevState/nextState by
     // reference; with structural sharing that's normally cheap, but when a
@@ -302,8 +295,8 @@ class ReduxActionStore {
     // pinned by 50 slice-replacing actions, enough to OOM-kill enterprise
     // apps. Detail view + time travel realistically use recent actions, so
     // older ones keep their diff metadata but drop the raw trees.
-    for (let i = STATE_RETENTION_LIMIT; i < this.actions.length; i++) {
-      const a = this.actions[i];
+    for (let i = STATE_RETENTION_LIMIT; i < this.items.length; i++) {
+      const a = this.items[i];
       if (a.prevState !== STATE_EVICTED) {
         a.prevState = STATE_EVICTED;
         a.nextState = STATE_EVICTED;
@@ -314,63 +307,26 @@ class ReduxActionStore {
     this.notifyListeners();
   }
   getActions() {
-    return [...this.actions];
+    return this.getAll();
   }
   getActionById(id) {
-    return this.actions.find(a => a.id === id);
+    return this.getById(id);
   }
   clearActions() {
-    this.actions = [];
-    this.notifyListeners();
-    this.clearListeners.forEach(listener => {
-      try {
-        listener();
-      } catch {
-        // Ignore listener errors
-      }
-    });
-  }
-
-  /**
-   * Listen for clearActions() calls. Used in remote mirror mode to forward a
-   * clear performed in the dashboard UI to the synced device.
-   */
-  onClear(listener) {
-    this.clearListeners.add(listener);
-    return () => {
-      this.clearListeners.delete(listener);
-    };
+    this.clear();
   }
 
   // ============================================
   // Remote Mirror Mode
   // ============================================
 
-  /**
-   * Permanently suppress local capture. Use when this store acts as a mirror
-   * of a remote device's actions (e.g. the desktop dashboard): actions arrive
-   * via replaceActions() and local instrumentation must never record.
-   */
-  disableCapture() {
-    this.captureSuppressed = true;
-  }
-
-  /**
-   * Whether the store is in remote mirror mode (capture suppressed). The UI
-   * uses this to skip local-instrumentation affordances like the
-   * "react-redux not installed" banner.
-   */
-  isCaptureSuppressed() {
-    return this.captureSuppressed;
-  }
-
   /**
    * Replace the entire action list and notify listeners. Used in remote
    * mirror mode where full snapshots arrive from a synced device. Respects
    * the enabled flag so the UI's pause button freezes the mirror.
    */
   replaceActions(actions) {
-    if (!this.isEnabled) {
+    if (!this.getEnabled()) {
       return;
     }
     // Preserve any trees a remote mirror already hydrated via
@@ -378,12 +334,12 @@ class ReduxActionStore {
     // full snapshot arriving after a detail fetch must not blank the detail
     // pane back out.
     const hydrated = new Map();
-    for (const existing of this.actions) {
+    for (const existing of this.items) {
       if (existing.prevState !== undefined && !isEvictedState(existing.prevState)) {
         hydrated.set(existing.id, existing);
       }
     }
-    this.actions = actions.slice(0, this.maxActions).map(a => {
+    const merged = actions.slice(0, this.max).map(a => {
       const h = hydrated.get(a.id);
       if (!h || !isEvictedState(a.prevState)) return a;
       return {
@@ -396,7 +352,7 @@ class ReduxActionStore {
         error: isPayloadOnDevice(a.error) ? h.error : a.error
       };
     });
-    this.notifyListeners();
+    this.setItems(merged);
   }
 
   /**
@@ -405,44 +361,18 @@ class ReduxActionStore {
    * `getActionDetail` action. Remote-mirror (desktop) use only.
    */
   hydrateAction(id, patch) {
-    const index = this.actions.findIndex(a => a.id === id);
-    if (index === -1) return;
-    this.actions = [...this.actions.slice(0, index), {
-      ...this.actions[index],
-      ...patch
-    }, ...this.actions.slice(index + 1)];
-    this.notifyListeners();
-  }
-  setEnabled(enabled) {
-    this.isEnabled = enabled;
-  }
-  getEnabled() {
-    return this.isEnabled;
-  }
-  subscribe(listener) {
-    this.listeners.add(listener);
-    return () => {
-      this.listeners.delete(listener);
-    };
-  }
-  notifyListeners() {
-    const actions = this.getActions();
-    this.listeners.forEach(listener => listener(actions));
+    this.hydrateById(id, patch);
   }
   setMaxActions(max) {
-    this.maxActions = max;
-    if (this.actions.length > max) {
-      this.actions = this.actions.slice(0, max);
-      this.notifyListeners();
-    }
+    this.setMax(max);
   }
   getStats() {
-    const total = this.actions.length;
-    const withChanges = this.actions.filter(a => a.hasStateChange).length;
-    const actionTypes = new Set(this.actions.map(a => a.type));
+    const total = this.items.length;
+    const withChanges = this.items.filter(a => a.hasStateChange).length;
+    const actionTypes = new Set(this.items.map(a => a.type));
 
     // Calculate average duration
-    const durations = this.actions.filter(a => a.duration !== undefined).map(a => a.duration);
+    const durations = this.items.filter(a => a.duration !== undefined).map(a => a.duration);
     const avgDuration = durations.length > 0 ? durations.reduce((sum, d) => sum + d, 0) / durations.length : 0;
     return {
       totalActions: total,
@@ -453,7 +383,7 @@ class ReduxActionStore {
     };
   }
   filterActions(filter) {
-    let filtered = [...this.actions];
+    let filtered = [...this.items];
     if (filter.searchText) {
       const search = filter.searchText.toLowerCase();
       filtered = filtered.filter(a => a.type.toLowerCase().includes(search));
@@ -467,14 +397,14 @@ class ReduxActionStore {
     return filtered;
   }
   getUniqueActionTypes() {
-    return Array.from(new Set(this.actions.map(a => a.type))).sort();
+    return Array.from(new Set(this.items.map(a => a.type))).sort();
   }
 
   /**
    * Find related async actions by requestId
    */
   getRelatedActions(requestId) {
-    return this.actions.filter(a => a.meta?.requestId === requestId).sort((a, b) => a.timestamp - b.timestamp); // Sort chronologically
+    return this.items.filter(a => a.meta?.requestId === requestId).sort((a, b) => a.timestamp - b.timestamp); // Sort chronologically
   }
 
   /**
@@ -490,7 +420,7 @@ class ReduxActionStore {
    */
   getLinkedActionsCount(action) {
     if (!action.meta?.requestId) return 0;
-    return this.actions.filter(a => a.meta?.requestId === action.meta?.requestId).length;
+    return this.items.filter(a => a.meta?.requestId === action.meta?.requestId).length;
   }
 
   /**
@@ -528,7 +458,7 @@ class ReduxActionStore {
   getAsyncOperationIndex(requestId) {
     // Get all unique requestIds with their first timestamp
     const requestIdTimestamps = new Map();
-    for (const action of this.actions) {
+    for (const action of this.items) {
       if (action.meta?.requestId && !requestIdTimestamps.has(action.meta.requestId)) {
         requestIdTimestamps.set(action.meta.requestId, action.timestamp);
       }

package/lib/commonjs/redux/utils/snapshotProvider.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _sharedUi = require("@buoy-gg/shared-ui");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
 var _activeStoreRegistry = require("./activeStoreRegistry");
 var _buoyReduxMiddleware = require("./buoyReduxMiddleware");
 /**
@@ -65,36 +64,19 @@ async function restore(data, options) {
   const snapshot = data;
   const store = (0, _activeStoreRegistry.getActiveStore)();
   if (!store || snapshot === undefined || snapshot === null) {
-    return {
-      ok: false,
-      applied: 0,
-      skipped: [{
-        id: "redux",
-        reason: store ? "empty redux snapshot" : "no Redux store instrumented"
-      }],
-      warnings: []
-    };
+    return (0, _sharedUi.skippedRestore)("redux", store ? "empty redux snapshot" : "no Redux store instrumented");
   }
   const {
     mechanism
   } = (0, _activeStoreRegistry.getInstrumentationStatus)();
   if (mechanism === "patch") {
-    return {
-      ok: false,
-      applied: 0,
-      skipped: [{
-        id: "redux",
-        reason: `restore unavailable on auto-instrumented stores — ${ENABLE_HINT}`
-      }],
-      warnings: []
-    };
+    return (0, _sharedUi.skippedRestore)("redux", `restore unavailable on auto-instrumented stores — ${ENABLE_HINT}`);
   }
   // Untouched slices keep their LIVE values inside the jump payload, so the
   // full-state replace leaves them alone. A slice is untouched when it's
   // explicitly excluded OR outside the includeKeys scope.
-  const excludedSet = new Set(options?.excludeKeys ?? []);
-  const includedSet = options?.includeKeys ? new Set(options.includeKeys) : null;
-  const excluded = Object.keys(snapshot.state ?? {}).filter(k => excludedSet.has(k) || includedSet && !includedSet.has(k));
+  const scope = (0, _sharedUi.createRestoreScope)(options);
+  const excluded = Object.keys(snapshot.state ?? {}).filter(k => !scope.touch(k));
   let payload = snapshot.state;
   if (excluded.length > 0) {
     const live = store.getState();
@@ -120,17 +102,8 @@ async function restore(data, options) {
       warnings
     };
   }
-  return {
-    ok: false,
-    applied: 0,
-    skipped: [{
-      id: "redux",
-      reason: `store ignored the state jump — ${ENABLE_HINT}`
-    }],
-    warnings: []
-  };
+  return (0, _sharedUi.skippedRestore)("redux", `store ignored the state jump — ${ENABLE_HINT}`);
 }
-const ITEM_RENDER_BYTE_LIMIT = 256 * 1024;
 
 /** Per-slice restore preview. `base` omitted = compare against the live store. */
 async function previewItems(target, base) {
@@ -155,54 +128,18 @@ async function previewItems(target, base) {
   }
   const oldObj = baseState ?? {};
   const newObj = targetState ?? {};
-  const keys = new Set([...Object.keys(oldObj), ...Object.keys(newObj)]);
-  for (const key of keys) {
-    const inOld = Object.prototype.hasOwnProperty.call(oldObj, key);
-    const inNew = Object.prototype.hasOwnProperty.call(newObj, key);
-    let item;
-    if (!inNew) {
-      item = {
-        key,
-        label: key,
-        verdict: "removed",
-        oldValue: oldObj[key]
-      };
-    } else if (!inOld) {
-      item = {
-        key,
-        label: key,
-        verdict: "added",
-        newValue: newObj[key]
-      };
-    } else if ((0, _dataViewer.boundedDeepEqual)(oldObj[key], newObj[key])) {
-      item = {
-        key,
-        label: key,
-        verdict: "unchanged"
-      };
-    } else if ((0, _dataViewer.jsonLikelyLargerThan)(oldObj[key], ITEM_RENDER_BYTE_LIMIT) || (0, _dataViewer.jsonLikelyLargerThan)(newObj[key], ITEM_RENDER_BYTE_LIMIT)) {
-      item = {
-        key,
-        label: key,
-        verdict: "too-large",
-        reason: "slice too large to render a diff — restore still applies it"
-      };
-    } else {
-      item = {
-        key,
-        label: key,
-        verdict: "changed",
-        oldValue: oldObj[key],
-        newValue: newObj[key]
-      };
-    }
-    if (wontApplyReason && item.verdict !== "unchanged") {
-      item = {
-        ...item,
-        verdict: "wont-apply",
-        reason: wontApplyReason
-      };
-    }
+  for (const key of (0, _sharedUi.unionKeys)(oldObj, newObj)) {
+    let item = (0, _sharedUi.classifyPreviewItem)({
+      key,
+      label: key,
+      oldValue: oldObj[key],
+      newValue: newObj[key],
+      inOld: Object.prototype.hasOwnProperty.call(oldObj, key),
+      inNew: Object.prototype.hasOwnProperty.call(newObj, key)
+    }, {
+      tooLargeReason: "slice too large to render a diff — restore still applies it"
+    });
+    if (wontApplyReason) item = (0, _sharedUi.wontApply)(item, wontApplyReason);
     items.push(item);
   }
   if (wontApplyReason) notes.push(`Redux restore unavailable: ${wontApplyReason}`);

package/lib/module/preset.js

@@ -34,6 +34,7 @@
 
 import { ReduxModal } from "./redux/components/ReduxModal";
 import { ReduxIcon } from "./redux/components/ReduxIcon";
+import { createToolFactory, defineToolPreset } from "@buoy-gg/shared-ui";
 
 /**
  * Pre-configured Redux DevTools preset for FloatingDevTools.
@@ -44,7 +45,7 @@ import { ReduxIcon } from "./redux/components/ReduxIcon";
  * - Filter by action type
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-export const reduxToolPreset = {
+export const reduxToolPreset = defineToolPreset({
   id: "redux",
   name: "REDUX",
   description: "Redux action & state inspector",
@@ -58,7 +59,7 @@ export const reduxToolPreset = {
   props: {
     enableSharedModalDimensions: false
   }
-};
+});
 
 /**
  * Create a custom Redux DevTools configuration.
@@ -74,21 +75,13 @@ export const reduxToolPreset = {
  * });
  * ```
  */
-export function createReduxTool(options) {
-  return {
-    id: options?.id || "redux",
-    name: options?.name || "REDUX",
-    description: options?.description || "Redux action & state inspector",
-    slot: "both",
-    icon: ({
-      size
-    }) => /*#__PURE__*/_jsx(ReduxIcon, {
-      size: size,
-      color: options?.iconColor
-    }),
-    component: ReduxModal,
-    props: {
-      enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : false
-    }
-  };
-}
+export const createReduxTool = createToolFactory(reduxToolPreset, options => ({
+  enableSharedModalDimensions: options.enableSharedModalDimensions ?? false
+}), options => ({
+  icon: ({
+    size
+  }) => /*#__PURE__*/_jsx(ReduxIcon, {
+    size: size,
+    color: options.iconColor
+  })
+}));

package/lib/module/redux/components/ReduxActionInfoView.js

@@ -12,7 +12,7 @@
 
 import React, { memo, useMemo, useCallback, useState, useEffect } from "react";
 import { View, Text, StyleSheet, ScrollView, TouchableOpacity } from "react-native";
-import { buoyColors, night, Clock, AlertTriangle, Zap, Hash, Info, Box, AlertCircle, FileText, parseValue, ProUpgradeModal, copyToClipboard } from "@buoy-gg/shared-ui";
+import { buoyColors, night, Clock, AlertTriangle, Zap, Hash, Info, Box, AlertCircle, FileText, parseValue, ProUpgradeModal, copyToClipboard, InfoRow } from "@buoy-gg/shared-ui";
 import { useIsPro } from "@buoy-gg/license";
 import { DataViewer } from "@buoy-gg/shared-ui/dataViewer";
 import { reduxActionStore, isEvictedState } from "../utils/reduxActionStore";
@@ -104,37 +104,6 @@ function SectionHeader({
   });
 }
 
-/**
- * Info row component for key-value display
- */
-function InfoRow({
-  label,
-  value,
-  valueColor,
-  mono = false,
-  testID
-}) {
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.infoRow,
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.infoLabel,
-      children: label
-    }), /*#__PURE__*/_jsx(Text, {
-      style: [styles.infoValue, mono && styles.infoValueMono, valueColor && {
-        color: valueColor
-      }]
-      // `ellipsizeMode="middle"` truncates the RENDERED text and iOS reports
-      // the truncated string back, so anything a test reads off one of these
-      // rows has to be short enough to fit on the line.
-      ,
-      numberOfLines: 1,
-      ellipsizeMode: "middle",
-      testID: testID,
-      children: value
-    })]
-  });
-}
-
 /**
  * Format timestamp for display
  */
@@ -604,27 +573,6 @@ const styles = StyleSheet.create({
     padding: 14,
     gap: 10
   },
-  infoRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between"
-  },
-  infoLabel: {
-    fontSize: 11,
-    color: night.color.textTertiary,
-    fontWeight: "500"
-  },
-  infoValue: {
-    fontSize: 11,
-    color: night.color.text,
-    fontWeight: "500",
-    flex: 1,
-    textAlign: "right",
-    marginLeft: 12
-  },
-  infoValueMono: {
-    fontFamily: "monospace"
-  },
   badgeRow: {
     flexDirection: "row",
     flexWrap: "wrap",