@buoy-gg/assets 7.0.36 → 7.0.38

package/lib/commonjs/components/AssetsFilterBar.js

@@ -1,96 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AssetsFilterBar = AssetsFilterBar;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _format = require("../format");
-var _testIDs = require("../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * AssetsFilterBar — kind filter pills with counts, styled like the network
- * tool's bordered pills: outlined, kind-accent-colored when active. Wrapping
- * row, not a horizontal ScrollView (same height-measurement pitfall the
- * images tool documents).
- */
-
-function AssetsFilterBar({
-  stats,
-  filter,
-  onChange
-}) {
-  const chips = [{
-    key: "all",
-    label: `ALL ${stats.total}`,
-    accent: _sharedUi.night.color.textSecondary
-  }];
-  for (const kind of Object.keys(stats.byKind)) {
-    const entry = stats.byKind[kind];
-    if (entry.count > 0) {
-      chips.push({
-        key: kind,
-        label: `${_format.KIND_LABELS[kind]} ${entry.count}`,
-        accent: _format.KIND_COLORS[kind]
-      });
-    }
-  }
-  if (stats.neverLoaded > 0) {
-    // Amber, not semantic.warning — the bright yellow reads as an alarm.
-    chips.push({
-      key: "unused",
-      label: `UNUSED ${stats.neverLoaded}`,
-      accent: "#FF9F1C"
-    });
-  }
-  if (chips.length <= 1) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.bar,
-    testID: _testIDs.ASSETS_TEST_IDS.filterBar,
-    children: chips.map(chip => {
-      const active = chip.key === filter;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        testID: (0, _testIDs.assetFilterTestID)(chip.key),
-        style: [styles.chip, active && {
-          borderColor: chip.accent,
-          backgroundColor: `${chip.accent}1A`
-        }]
-        // Tapping the active chip again untoggles back to ALL.
-        ,
-        onPress: () => onChange(active ? "all" : chip.key),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          testID: `${(0, _testIDs.assetFilterTestID)(chip.key)}-label`,
-          style: [styles.chipText, {
-            color: active ? chip.accent : _sharedUi.night.color.textSecondary
-          }],
-          children: chip.label
-        })
-      }, chip.key);
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  bar: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6,
-    paddingHorizontal: 10,
-    paddingVertical: 8
-  },
-  chip: {
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 999,
-    paddingHorizontal: 10,
-    paddingVertical: 5
-  },
-  chipText: {
-    fontSize: 10,
-    fontWeight: "700",
-    letterSpacing: 0.4,
-    lineHeight: 13
-  }
-});
-//# sourceMappingURL=AssetsFilterBar.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AssetsFilterBar=AssetsFilterBar;var _reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_format=require("../format"),_testIDs=require("../utils/testIDs"),_jsxRuntime=require("react/jsx-runtime");function AssetsFilterBar({stats:e,duplicateCount:t,filter:r,onChange:a}){const s=[{key:"all",label:`ALL ${e.total}`,accent:_sharedUi.night.color.textSecondary},{key:"duplicates",label:`DUPLICATES ${t}`,accent:"#FF9F1C"}];for(const t of Object.keys(e.byKind)){const r=e.byKind[t];r.count>0&&s.push({key:t,label:`${_format.KIND_LABELS[t]} ${r.count}`,accent:_format.KIND_COLORS[t]})}return e.neverLoaded>0&&s.push({key:"unused",label:`NOT OBSERVED ${e.neverLoaded}`,accent:"#FF9F1C"}),s.length<=1?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.bar,testID:_testIDs.ASSETS_TEST_IDS.filterBar,children:s.map(e=>{const t=e.key===r;return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{accessibilityRole:"button",accessibilityState:{selected:t},testID:(0,_testIDs.assetFilterTestID)(e.key),style:[styles.chip,t&&{borderColor:e.accent,backgroundColor:`${e.accent}1A`}],onPress:()=>a(t?"all":e.key),children:(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:`${(0,_testIDs.assetFilterTestID)(e.key)}-label`,style:[styles.chipText,{color:t?e.accent:_sharedUi.night.color.textSecondary}],children:e.label})},e.key)})})}const styles=_reactNative.StyleSheet.create({bar:{flexDirection:"row",flexWrap:"wrap",gap:6,paddingHorizontal:10,paddingVertical:8},chip:{borderWidth:1,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.surface,borderRadius:999,paddingHorizontal:10,paddingVertical:5},chipText:{fontSize:10,fontWeight:"700",letterSpacing:.4,lineHeight:13}});

package/lib/commonjs/components/AssetsHeader.js

@@ -1,72 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AssetsHeader = AssetsHeader;
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _format = require("../format");
-var _testIDs = require("../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * AssetsHeader — shared ModalHeader wiring, matching the Images/Console
- * header pattern. List mode shows inventory totals plus the shared
- * ToolbarCopyButton (full markdown report); detail mode shows back
- * navigation and the single-asset report.
- */
-
-function AssetsHeader({
-  stats,
-  measuring,
-  detailOpen,
-  detailIndex = -1,
-  detailTotal = 0,
-  onCloseDetail,
-  onClear,
-  getReport,
-  onBack
-}) {
-  if (detailOpen) {
-    const counter = detailIndex >= 0 && detailTotal > 0 ? `${detailIndex + 1} of ${detailTotal}` : undefined;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
-        onBack: onCloseDetail
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
-        title: "Asset detail",
-        subtitle: counter,
-        testID: _testIDs.ASSETS_TEST_IDS.title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Actions, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton, {
-          value: getReport,
-          testID: _testIDs.ASSETS_TEST_IDS.copy
-        })
-      })]
-    });
-  }
-  const subtitleParts = [`${stats.total} assets`];
-  // A mid-measure byte total reads as nonsense ("653 B+") — wait it out.
-  if (stats.totalBytes > 0 && !measuring) {
-    const partial = stats.measuredCount < stats.total ? "+" : "";
-    subtitleParts.push(`${(0, _format.formatBytes)(stats.totalBytes)}${partial}`);
-  }
-  if (stats.neverLoaded > 0) subtitleParts.push(`${stats.neverLoaded} never loaded`);
-  if (stats.fontFamilies > 0) subtitleParts.push(`${stats.fontFamilies} fonts`);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
-    children: [onBack ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
-      onBack: onBack
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
-      title: "Assets",
-      subtitle: subtitleParts.join(" · "),
-      testID: _testIDs.ASSETS_TEST_IDS.title
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton, {
-        value: getReport,
-        testID: _testIDs.ASSETS_TEST_IDS.copy
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolbarClearButton, {
-        onPress: onClear,
-        testID: _testIDs.ASSETS_TEST_IDS.clear
-      })]
-    })]
-  });
-}
-//# sourceMappingURL=AssetsHeader.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AssetsHeader=AssetsHeader;var _sharedUi=require("@buoy-gg/shared-ui"),_format=require("../format"),_testIDs=require("../utils/testIDs"),_jsxRuntime=require("react/jsx-runtime");function AssetsHeader({stats:e,measuring:t,discovering:s=!1,detailOpen:a,detailIndex:r=-1,detailTotal:i=0,onCloseDetail:o,onClear:n,getReport:d,onBack:l}){if(a){const e=r>=0&&i>0?`${r+1} of ${i}`:void 0;return(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation,{onBack:o}),(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Content,{title:"Asset detail",subtitle:e,testID:_testIDs.ASSETS_TEST_IDS.title}),(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Actions,{children:(0,_jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton,{value:d,testID:_testIDs.ASSETS_TEST_IDS.copy})})]})}const _=[`${e.total} assets${s?" so far":""}`];if(e.totalBytes>0&&!t&&!s){const t=e.measuredCount<e.total?"+":"";_.push(`${(0,_format.formatBytes)(e.totalBytes)}${t}`)}return e.neverLoaded>0&&_.push(`${e.neverLoaded} not observed`),e.fontFamilies>0&&_.push(`${e.fontFamilies} fonts`),(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader,{children:[l?(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation,{onBack:l}):null,(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Content,{title:"Assets",subtitle:_.join(" · "),testID:_testIDs.ASSETS_TEST_IDS.title}),(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions,{children:[(0,_jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton,{value:d,testID:_testIDs.ASSETS_TEST_IDS.copy}),(0,_jsxRuntime.jsx)(_sharedUi.ToolbarClearButton,{onPress:n,testID:_testIDs.ASSETS_TEST_IDS.clear})]})]})}

package/lib/commonjs/components/AssetsIcon.js

@@ -1,19 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ASSETS_ICON_COLOR", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.ASSETS_ICON_COLOR;
-  }
-});
-Object.defineProperty(exports, "AssetsIcon", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.AssetsIcon;
-  }
-});
-var _sharedUi = require("@buoy-gg/shared-ui");
-//# sourceMappingURL=AssetsIcon.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ASSETS_ICON_COLOR",{enumerable:!0,get:function(){return _sharedUi.ASSETS_ICON_COLOR}}),Object.defineProperty(exports,"AssetsIcon",{enumerable:!0,get:function(){return _sharedUi.AssetsIcon}});var _sharedUi=require("@buoy-gg/shared-ui");

package/lib/commonjs/components/AssetsListControls.js

@@ -1,96 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AssetsListControls = AssetsListControls;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _baseline = require("../store/baseline");
-var _testIDs = require("../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * AssetsListControls — one compact row: name search, sort cycle (SIZE →
- * NAME → TYPE), and — when no baseline exists yet — the BASE button that
- * saves one. Once a baseline exists the BaselineBar takes over the diff UI,
- * so this row never wastes space on a hint sentence.
- */
-
-const NEXT_SORT = {
-  size: "name",
-  name: "type",
-  type: "size"
-};
-function AssetsListControls({
-  query,
-  onQueryChange,
-  sort,
-  onSortChange,
-  showBaselineButton
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.row,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-      style: styles.input,
-      value: query,
-      onChangeText: onQueryChange,
-      placeholder: "Search assets\u2026",
-      placeholderTextColor: _sharedUi.night.color.placeholder,
-      autoCapitalize: "none",
-      autoCorrect: false,
-      testID: _testIDs.ASSETS_TEST_IDS.search
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      style: styles.button,
-      onPress: () => onSortChange(NEXT_SORT[sort]),
-      testID: _testIDs.ASSETS_TEST_IDS.sort,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.buttonText,
-        testID: `${_testIDs.ASSETS_TEST_IDS.sort}-label`,
-        children: ["\u2193 ", sort.toUpperCase()]
-      })
-    }), showBaselineButton ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      style: styles.button,
-      onPress: () => void (0, _baseline.saveBaseline)(),
-      testID: _testIDs.ASSETS_TEST_IDS.saveBaseline,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.buttonText,
-        children: "BASE"
-      })
-    }) : null]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 10,
-    paddingBottom: 8
-  },
-  input: {
-    flex: 1,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    borderRadius: 8,
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    color: _sharedUi.night.color.text,
-    fontSize: 12
-  },
-  button: {
-    backgroundColor: _sharedUi.night.color.surface,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    borderRadius: 8,
-    paddingHorizontal: 10,
-    paddingVertical: 7
-  },
-  buttonText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 10,
-    fontWeight: "700",
-    letterSpacing: 0.5
-  }
-});
-//# sourceMappingURL=AssetsListControls.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AssetsListControls=AssetsListControls;var _reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_testIDs=require("../utils/testIDs"),_jsxRuntime=require("react/jsx-runtime");const NEXT_SORT={size:"name",name:"type",type:"size"};function AssetsListControls({query:e,onQueryChange:t,sort:r,onSortChange:o}){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.row,children:[(0,_jsxRuntime.jsx)(_reactNative.TextInput,{style:styles.input,value:e,onChangeText:t,placeholder:"Search assets…",placeholderTextColor:_sharedUi.night.color.placeholder,autoCapitalize:"none",autoCorrect:!1,testID:_testIDs.ASSETS_TEST_IDS.search}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.button,onPress:()=>o(NEXT_SORT[r]),testID:_testIDs.ASSETS_TEST_IDS.sort,children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.buttonText,testID:`${_testIDs.ASSETS_TEST_IDS.sort}-label`,children:["↓ ",r.toUpperCase()]})})]})}const styles=_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:10,paddingBottom:8},input:{flex:1,backgroundColor:_sharedUi.night.color.surfaceElevated,borderWidth:1,borderColor:_sharedUi.night.color.border,borderRadius:8,paddingHorizontal:10,paddingVertical:6,color:_sharedUi.night.color.text,fontSize:12},button:{backgroundColor:_sharedUi.night.color.surface,borderWidth:1,borderColor:_sharedUi.night.color.border,borderRadius:8,paddingHorizontal:10,paddingVertical:7},buttonText:{color:_sharedUi.night.color.textSecondary,fontSize:10,fontWeight:"700",letterSpacing:.5}});

package/lib/commonjs/components/AssetsModal.js

@@ -1,347 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AssetsModal = AssetsModal;
-exports.AssetsToolView = AssetsToolView;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _install = require("../capture/install");
-var _export = require("../export");
-var _useAssetRecords = require("../hooks/useAssetRecords");
-var _remote = require("../remote");
-var _assetStore = require("../store/assetStore");
-var _baseline = require("../store/baseline");
-var _AssetDetail = require("./AssetDetail");
-var _AssetRow = require("./AssetRow");
-var _AssetsFilterBar = require("./AssetsFilterBar");
-var _AssetsHeader = require("./AssetsHeader");
-var _AssetsListControls = require("./AssetsListControls");
-var _BaselineBar = require("./BaselineBar");
-var _testIDs = require("../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * AssetsModal — bottom-sheet wrapper rendered by FloatingDevTools when the
- * Assets tool is opened. Inventory list (largest first) → tap for detail.
- * Opening triggers a full rescan (registry walk + Metro graph + size
- * measurement); merely installing the package never hits the network.
- */
-
-function ScanNotice() {
-  const status = (0, _install.getScanStatus)();
-  const notices = [];
-  if (!status.registryAvailable) {
-    notices.push("Asset registry unavailable — this environment doesn't expose @react-native/assets-registry.");
-  } else if (!status.graphSupported && status.graphError) {
-    notices.push("No Metro dev server — showing runtime-registered assets only. The full bundle inventory and byte sizes need a dev build.");
-  }
-  if (status.measuring) notices.push("Measuring sizes from the dev server…");
-  if (notices.length === 0) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.notice,
-    testID: _testIDs.ASSETS_TEST_IDS.notice,
-    children: notices.map(n => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.noticeText,
-      testID: _testIDs.ASSETS_TEST_IDS.noticeText,
-      children: n
-    }, n))
-  });
-}
-function FontFamilies() {
-  const families = (0, _install.getScanStatus)().fontFamilies;
-  if (!families.length) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.fontsBox,
-    testID: _testIDs.ASSETS_TEST_IDS.fonts,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-      style: styles.fontsTitle,
-      testID: _testIDs.ASSETS_TEST_IDS.fontsTitle,
-      children: ["LOADED FONT FAMILIES (", families.length, ")"]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.fontsWrap,
-      children: families.map(family => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.fontChip,
-        testID: (0, _testIDs.assetFontChipTestID)(family),
-        children: family
-      }, family))
-    })]
-  });
-}
-function EmptyState() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-    testID: _testIDs.ASSETS_TEST_IDS.empty
-    // scanning: a scan ran and found nothing — the copy says "try Rescan".
-    ,
-    otto: "scanning",
-    title: "No assets found yet",
-    message: "Every bundled asset — images, fonts, video, audio — appears here with sizes, scale coverage, and never-loaded detection. Try Rescan after navigating around the app."
-  });
-}
-
-/** Largest first — measured bytes, falling back to decoded estimate. */
-function bySizeDesc(a, b) {
-  return (b.sizeBytes ?? (0, _assetStore.estDecodedBytes)(b)) - (a.sizeBytes ?? (0, _assetStore.estDecodedBytes)(a));
-}
-const COMPARATORS = {
-  size: bySizeDesc,
-  name: (a, b) => a.name.localeCompare(b.name) || a.type.localeCompare(b.type),
-  type: (a, b) => a.type.localeCompare(b.type) || bySizeDesc(a, b)
-};
-function AssetsModal({
-  visible,
-  onClose,
-  onBack,
-  onMinimize,
-  persistenceKey,
-  inline = false
-}) {
-  // Safety net: the index import normally installed this already.
-  (0, _install.installAssetCapture)();
-  const {
-    records,
-    stats,
-    insights
-  } = (0, _useAssetRecords.useAssetRecords)();
-  const [selectedId, setSelectedId] = (0, _react.useState)(null);
-  const [filter, setFilter] = (0, _react.useState)("all");
-  const [query, setQuery] = (0, _react.useState)("");
-  const [sort, setSort] = (0, _react.useState)("size");
-  const selected = selectedId != null ? (0, _assetStore.getRecord)(selectedId) : undefined;
-
-  // Full scan on open — locally on device, forwarded on dashboard mirrors.
-  // The baseline load is async and re-renders through the store emit.
-  (0, _react.useEffect)(() => {
-    if (!visible) return;
-    void (0, _baseline.loadBaseline)();
-    const remote = (0, _remote.remoteAssetsDispatch)();
-    if (remote) {
-      remote("rescan").catch(() => {});
-    } else {
-      void (0, _install.rescan)();
-    }
-  }, [visible]);
-  const sorted = [...records].sort(COMPARATORS[sort]);
-  const trimmedQuery = query.trim().toLowerCase();
-  const filtered = sorted.filter(r => {
-    if (filter === "unused" && r.loaded) return false;
-    if (filter !== "all" && filter !== "unused" && r.kind !== filter) return false;
-    if (trimmedQuery && !`${r.name}.${r.type}`.toLowerCase().includes(trimmedQuery)) {
-      return false;
-    }
-    return true;
-  });
-  const selectedIndex = selected ? filtered.findIndex(r => r.id === selected.id) : -1;
-  const stepTo = index => {
-    const target = filtered[index];
-    if (target) setSelectedId(target.id);
-  };
-
-  // Set lookups so each row's badge checks are O(1).
-  const flagSets = {
-    scaleGaps: new Set(insights.scaleGaps),
-    scaleAnomalies: new Set(insights.scaleAnomalies),
-    duplicates: new Set(insights.duplicates.flatMap(d => d.ids)),
-    webpCandidates: new Set(insights.webpCandidates),
-    overDecode: new Set(insights.overDecode),
-    heavy: new Set([...insights.heavyGifs, ...insights.heavyFonts])
-  };
-  const diff = (0, _baseline.getDiff)();
-
-  // The proportional size bar is relative to the largest asset in view.
-  let maxBytes = 0;
-  for (const r of filtered) {
-    const bytes = r.sizeBytes ?? (0, _assetStore.estDecodedBytes)(r);
-    if (bytes > maxBytes) maxBytes = bytes;
-  }
-  const getReport = () => selected ? (0, _export.formatAssetMarkdown)(selected) : (0, _export.formatInventoryMarkdown)(sorted, stats, insights, (0, _install.getScanStatus)(), (0, _baseline.getDiff)());
-  const headerContent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssetsHeader.AssetsHeader, {
-    stats: stats,
-    measuring: (0, _install.getScanStatus)().measuring,
-    detailOpen: selected != null,
-    detailIndex: selectedIndex,
-    detailTotal: filtered.length,
-    onCloseDetail: () => setSelectedId(null),
-    onClear: _assetStore.clearRecords,
-    getReport: getReport,
-    onBack: onBack
-  });
-  const body = selected ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.detailContainer,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AssetDetail.AssetDetail, {
-      record: selected,
-      insights: insights
-    }), selectedIndex >= 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.EventStepperFooter, {
-      currentIndex: selectedIndex,
-      totalItems: filtered.length,
-      itemLabel: "Asset",
-      onPrevious: () => stepTo(selectedIndex - 1),
-      onNext: () => stepTo(selectedIndex + 1)
-    }) : null]
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.listContainer,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AssetsFilterBar.AssetsFilterBar, {
-      stats: stats,
-      filter: filter,
-      onChange: setFilter
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssetsListControls.AssetsListControls, {
-      query: query,
-      onQueryChange: setQuery,
-      sort: sort,
-      onSortChange: setSort,
-      showBaselineButton: diff == null
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaselineBar.BaselineBar, {
-      diff: diff
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ScanNotice, {}), filter === "font" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(FontFamilies, {}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
-      testID: _testIDs.ASSETS_TEST_IDS.list,
-      data: filtered,
-      keyExtractor: item => String(item.id),
-      contentContainerStyle: styles.listContent,
-      renderItem: ({
-        item
-      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssetRow.AssetRow, {
-        record: item,
-        flags: {
-          scaleGap: flagSets.scaleGaps.has(item.id),
-          scaleAnomaly: flagSets.scaleAnomalies.has(item.id),
-          duplicate: flagSets.duplicates.has(item.id),
-          webp: flagSets.webpCandidates.has(item.id),
-          oversize: flagSets.overDecode.has(item.id),
-          heavy: flagSets.heavy.has(item.id)
-        },
-        sizeFraction: maxBytes > 0 ? (item.sizeBytes ?? (0, _assetStore.estDecodedBytes)(item)) / maxBytes : 0
-        // Guarded: programmatic invocations (automation) can call this
-        // with an event object instead of an id.
-        ,
-        onPress: id => setSelectedId(typeof id === "number" ? id : null)
-      }),
-      ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyState, {})
-    })]
-  });
-
-  // The ONLY difference between phone and desktop is which shell the header
-  // and body go in (same pattern as ImagesModal).
-  if (inline) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.inlineRoot,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.inlineHeader,
-        ..._sharedUi.windowDragProps,
-        children: headerContent
-      }), body]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.JsModal, {
-    visible: visible,
-    onClose: onClose,
-    onMinimize: onMinimize,
-    persistenceKey: persistenceKey,
-    header: {
-      showToggleButton: true,
-      customContent: headerContent
-    },
-    enablePersistence: true,
-    initialMode: "bottomSheet",
-    disableScrollWrapper: true,
-    children: body
-  });
-}
-
-/**
- * The same Assets tool rendered INLINE for hosts that place tools in a panel
- * rather than a modal (the desktop dashboard). One implementation only.
- */
-function AssetsToolView(props = {}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AssetsModal, {
-    ...props,
-    inline: true,
-    visible: true,
-    onClose: () => {}
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  inlineRoot: {
-    flex: 1,
-    minHeight: 0,
-    // Transparent so the desktop workbench's hoisted sky (one field spanning
-    // sidebar + panel) shows through — the shell paints its base beneath it.
-    backgroundColor: "transparent"
-  },
-  inlineHeader: {
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.macOSColors.border.default,
-    // Clear, like Bench — the host's hoisted sky shows through the header.
-    backgroundColor: "transparent"
-  },
-  listContainer: {
-    flex: 1
-  },
-  listContent: {
-    paddingBottom: 16
-  },
-  detailContainer: {
-    flex: 1
-  },
-  notice: {
-    marginHorizontal: 10,
-    marginBottom: 8,
-    padding: 10,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    backgroundColor: _sharedUi.night.color.surface,
-    gap: 4
-  },
-  noticeText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 11
-  },
-  fontsBox: {
-    marginHorizontal: 10,
-    marginTop: 8,
-    padding: 10,
-    borderRadius: 8,
-    backgroundColor: _sharedUi.night.color.surface,
-    gap: 6
-  },
-  fontsTitle: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.5
-  },
-  fontsWrap: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6
-  },
-  fontChip: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 10,
-    backgroundColor: _sharedUi.night.color.bg,
-    borderRadius: 999,
-    paddingHorizontal: 8,
-    paddingVertical: 3,
-    overflow: "hidden"
-  },
-  empty: {
-    alignItems: "center",
-    padding: 32,
-    gap: 8
-  },
-  emptyTitle: {
-    color: _sharedUi.night.color.text,
-    fontSize: 13,
-    fontWeight: "600"
-  },
-  emptyText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 11,
-    textAlign: "center",
-    lineHeight: 16
-  }
-});
-//# sourceMappingURL=AssetsModal.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AssetsModal=AssetsModal,exports.AssetsToolView=AssetsToolView;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_install=require("../capture/install"),_export=require("../export"),_useAssetRecords=require("../hooks/useAssetRecords"),_useAssetScanStatus=require("../hooks/useAssetScanStatus"),_remote=require("../remote"),_assetStore=require("../store/assetStore"),_baseline=require("../store/baseline"),_AssetDetail=require("./AssetDetail"),_AssetRow=require("./AssetRow"),_AssetsFilterBar=require("./AssetsFilterBar"),_AssetsHeader=require("./AssetsHeader"),_AssetsListControls=require("./AssetsListControls"),_ScanNotice=require("./ScanNotice"),_testIDs=require("../utils/testIDs"),_jsxRuntime=require("react/jsx-runtime");function FontFamilies({names:e}){const t=[...new Set(e)];return t.length?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.fontsBox,testID:_testIDs.ASSETS_TEST_IDS.fonts,children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.fontsTitle,testID:_testIDs.ASSETS_TEST_IDS.fontsTitle,children:["LOADED FONT FAMILIES (",t.length,")"]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.fontsWrap,children:t.map(e=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.fontChip,testID:(0,_testIDs.assetFontChipTestID)(e),children:e},e))})]}):null}function EmptyState({duplicates:e=!1}){return(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{testID:_testIDs.ASSETS_TEST_IDS.empty,otto:"scanning",title:e?"No duplicates found":"No assets found yet",message:e?"No assets in this view share a content hash.":"Every bundled asset — images, fonts, video, audio — appears here with sizes, scale coverage, and runtime registration status. Try Rescan after navigating around the app."})}function bySizeDesc(e,t){return(t.sizeBytes??(0,_assetStore.estDecodedBytes)(t))-(e.sizeBytes??(0,_assetStore.estDecodedBytes)(e))}const COMPARATORS={size:bySizeDesc,name:(e,t)=>e.name.localeCompare(t.name)||e.type.localeCompare(t.type),type:(e,t)=>e.type.localeCompare(t.type)||bySizeDesc(e,t)};function AssetsModal({visible:e,onClose:t,onBack:s,onMinimize:i,persistenceKey:a,inline:r=!1}){(0,_install.installAssetCapture)();const{records:n,stats:o,insights:l}=(0,_useAssetRecords.useAssetRecords)(),c=(0,_useAssetScanStatus.useAssetScanStatus)(),[d,u]=(0,_react.useState)(!1);(0,_react.useEffect)(()=>{u(!1)},[c.graphFetchInFlight,c.lastScanAt]);const _=()=>{u(!1);const e=(0,_remote.remoteAssetsDispatch)();e?e("rescan").catch(()=>u(!0)):(0,_install.rescan)()},[h,p]=(0,_react.useState)(null),[x,m]=(0,_react.useState)("all"),[y,S]=(0,_react.useState)(""),[g,f]=(0,_react.useState)("size"),j=null!=h?(0,_assetStore.getRecord)(h):void 0;(0,_react.useEffect)(()=>{if(!e)return;(0,_baseline.loadBaseline)(),u(!1);const t=(0,_remote.remoteAssetsDispatch)();t?t("rescan").catch(()=>u(!0)):(0,_install.rescan)()},[e]);const A=new Set(l.duplicates.flatMap(e=>e.ids)),R=[...n].sort(COMPARATORS[g]),v=y.trim().toLowerCase(),C=R.filter(e=>!("unused"===x&&e.loaded||"duplicates"===x&&!A.has(e.id)||"all"!==x&&"unused"!==x&&"duplicates"!==x&&e.kind!==x||v&&!`${e.name}.${e.type}`.toLowerCase().includes(v))),T=j?C.findIndex(e=>e.id===j.id):-1,b=e=>{const t=C[e];t&&p(t.id)},D={scaleGaps:new Set(l.scaleGaps),scaleAnomalies:new Set(l.scaleAnomalies),duplicates:A,webpCandidates:new Set(l.webpCandidates),overDecode:new Set(l.overDecode),heavy:new Set([...l.heavyGifs,...l.heavyFonts])};let w=0;for(const e of C){const t=e.sizeBytes??(0,_assetStore.estDecodedBytes)(e);t>w&&(w=t)}const I=(0,_jsxRuntime.jsx)(_AssetsHeader.AssetsHeader,{stats:o,measuring:c.measuring,discovering:c.graphFetchInFlight,detailOpen:null!=j,detailIndex:T,detailTotal:C.length,onCloseDetail:()=>p(null),onClear:_assetStore.clearRecords,getReport:()=>j?(0,_export.formatAssetMarkdown)(j):(0,_export.formatInventoryMarkdown)(R,o,l,(0,_install.getScanStatus)(),(0,_baseline.getDiff)()),onBack:s}),N=j?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.detailContainer,children:[(0,_jsxRuntime.jsx)(_AssetDetail.AssetDetail,{record:j,insights:l}),T>=0?(0,_jsxRuntime.jsx)(_sharedUi.EventStepperFooter,{currentIndex:T,totalItems:C.length,itemLabel:"Asset",onPrevious:()=>b(T-1),onNext:()=>b(T+1)}):null]}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.listContainer,children:[(0,_jsxRuntime.jsx)(_AssetsFilterBar.AssetsFilterBar,{stats:o,duplicateCount:A.size,filter:x,onChange:e=>{m(e),"duplicates"===e&&S("")}}),(0,_jsxRuntime.jsx)(_AssetsListControls.AssetsListControls,{query:y,onQueryChange:S,sort:g,onSortChange:f}),(0,_jsxRuntime.jsx)(_ScanNotice.ScanNotice,{status:c,total:o.total,onRetry:_}),d&&!c.graphFetchInFlight?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.notice,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.noticeText,children:"Couldn't request an asset scan from the device."}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{accessibilityRole:"button",onPress:_,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.retryText,children:"Retry"})})]}):null,"unused"===x?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.notice,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.noticeText,children:"Not seen in React Native's asset registry this app run. Assets loaded through other paths may appear here; this does not prove they are unused."})}):null,"font"===x?(0,_jsxRuntime.jsx)(FontFamilies,{names:c.fontFamilies}):null,(0,_jsxRuntime.jsx)(_reactNative.FlatList,{testID:_testIDs.ASSETS_TEST_IDS.list,data:C,keyExtractor:e=>String(e.id),contentContainerStyle:styles.listContent,renderItem:({item:e})=>(0,_jsxRuntime.jsx)(_AssetRow.AssetRow,{record:e,flags:{scaleGap:D.scaleGaps.has(e.id),scaleAnomaly:D.scaleAnomalies.has(e.id),duplicate:D.duplicates.has(e.id),webp:D.webpCandidates.has(e.id),oversize:D.overDecode.has(e.id),heavy:D.heavy.has(e.id)},sizeFraction:w>0?(e.sizeBytes??(0,_assetStore.estDecodedBytes)(e))/w:0,onPress:e=>p("number"==typeof e?e:null)}),ListEmptyComponent:c.graphFetchInFlight?null:(0,_jsxRuntime.jsx)(EmptyState,{duplicates:"duplicates"===x})})]});return r?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.inlineRoot,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.inlineHeader,..._sharedUi.windowDragProps,children:I}),N]}):(0,_jsxRuntime.jsx)(_sharedUi.JsModal,{visible:e,onClose:t,onMinimize:i,persistenceKey:a,header:{showToggleButton:!0,customContent:I},enablePersistence:!0,initialMode:"bottomSheet",disableScrollWrapper:!0,children:N})}function AssetsToolView(e={}){return(0,_jsxRuntime.jsx)(AssetsModal,{...e,inline:!0,visible:!0,onClose:()=>{}})}const styles=_reactNative.StyleSheet.create({inlineRoot:{flex:1,minHeight:0,backgroundColor:"transparent"},inlineHeader:{paddingHorizontal:12,paddingVertical:8,borderBottomWidth:1,borderBottomColor:_sharedUi.macOSColors.border.default,backgroundColor:"transparent"},listContainer:{flex:1},listContent:{paddingBottom:16},detailContainer:{flex:1},notice:{marginHorizontal:10,marginBottom:8,padding:10,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.surface,gap:4},noticeText:{color:_sharedUi.night.color.textSecondary,fontSize:11},retryText:{color:_sharedUi.night.color.text,fontSize:12,paddingVertical:6},fontsBox:{marginHorizontal:10,marginTop:8,padding:10,borderRadius:8,backgroundColor:_sharedUi.night.color.surface,gap:6},fontsTitle:{color:_sharedUi.night.color.textTertiary,fontSize:9,fontWeight:"700",letterSpacing:.5},fontsWrap:{flexDirection:"row",flexWrap:"wrap",gap:6},fontChip:{color:_sharedUi.night.color.textSecondary,fontSize:10,backgroundColor:_sharedUi.night.color.bg,borderRadius:999,paddingHorizontal:8,paddingVertical:3,overflow:"hidden"},empty:{alignItems:"center",padding:32,gap:8},emptyTitle:{color:_sharedUi.night.color.text,fontSize:13,fontWeight:"600"},emptyText:{color:_sharedUi.night.color.textSecondary,fontSize:11,textAlign:"center",lineHeight:16}});

package/lib/commonjs/components/ScanNotice.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ScanNotice=ScanNotice;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_testIDs=require("../utils/testIDs"),_jsxRuntime=require("react/jsx-runtime");function ScanNotice({status:e,total:t,onRetry:r}){const[s,i]=(0,_react.useState)(!1);(0,_react.useEffect)(()=>{if(i(!1),!e.graphFetchInFlight)return;const t=null==e.graphFetchStartedAt?0:Math.max(0,Date.now()-e.graphFetchStartedAt),r=setTimeout(()=>i(!0),Math.max(0,8e3-t));return()=>clearTimeout(r)},[e.graphFetchInFlight,e.graphFetchStartedAt]);const a=[];e.graphFetchInFlight&&(a.push(`Finding assets… ${t} found so far.`),s&&a.push("Still finding assets. This is taking longer than usual.")),e.registryAvailable||a.push("The asset registry is unavailable in this environment."),e.graphFetchInFlight||e.graphSupported||!e.graphError||a.push("Showing runtime-registered assets only. A development server is needed to find more assets and measure their sizes.");const n=!e.graphFetchInFlight&&e.graphSupported&&!!e.graphError;return n&&a.push(`Couldn't finish finding assets. Showing ${t} assets found so far.`),e.measuring&&!e.graphFetchInFlight&&a.push("Checking asset sizes…"),0===a.length?null:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.notice,testID:_testIDs.ASSETS_TEST_IDS.notice,children:[e.graphFetchInFlight?(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{size:"small",color:_sharedUi.night.color.textSecondary,accessibilityLabel:"Finding assets",testID:_testIDs.ASSETS_TEST_IDS.discoverySpinner}):null,a.map(e=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.noticeText,testID:_testIDs.ASSETS_TEST_IDS.noticeText,children:e},e)),n?(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{accessibilityRole:"button",onPress:r,testID:_testIDs.ASSETS_TEST_IDS.retry,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.retryText,children:"Retry"})}):null]})}const styles=_reactNative.StyleSheet.create({notice:{marginHorizontal:10,marginBottom:8,padding:10,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.surface,gap:4},noticeText:{color:_sharedUi.night.color.textSecondary,fontSize:11},retryText:{color:_sharedUi.night.color.text,fontSize:12,paddingVertical:6}});

package/lib/commonjs/components/optionalExpoImage.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getExpoPreviewImage=getExpoPreviewImage;let ExpoImage=null;try{ExpoImage=require("expo-image").Image??null}catch{}function getExpoPreviewImage(){return ExpoImage}

package/lib/commonjs/components/optionalExpoImage.web.js

@@ -0,0 +1 @@
+"use strict";function getExpoPreviewImage(){return null}Object.defineProperty(exports,"__esModule",{value:!0}),exports.getExpoPreviewImage=getExpoPreviewImage;