@buoy-gg/assets 7.0.40 → 7.0.42

package/lib/commonjs/components/AssetsModal.js

@@ -1,378 +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 _useAssetScanStatus = require("../hooks/useAssetScanStatus");
-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 _ScanNotice = require("./ScanNotice");
-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 FontFamilies({
-  names
-}) {
-  const families = [...new Set(names)];
-  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({
-  duplicates = false
-}) {
-  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: duplicates ? "No duplicates found" : "No assets found yet",
-    message: duplicates ? "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."
-  });
-}
-
-/** 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 status = (0, _useAssetScanStatus.useAssetScanStatus)();
-  const [remoteError, setRemoteError] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    setRemoteError(false);
-  }, [status.graphFetchInFlight, status.lastScanAt]);
-  const retry = () => {
-    setRemoteError(false);
-    const remote = (0, _remote.remoteAssetsDispatch)();
-    if (remote) void remote("rescan").catch(() => setRemoteError(true));else void (0, _install.rescan)();
-  };
-  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)();
-    setRemoteError(false);
-    const remote = (0, _remote.remoteAssetsDispatch)();
-    if (remote) {
-      remote("rescan").catch(() => setRemoteError(true));
-    } else {
-      void (0, _install.rescan)();
-    }
-  }, [visible]);
-  const duplicateIds = new Set(insights.duplicates.flatMap(group => group.ids));
-  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 === "duplicates" && !duplicateIds.has(r.id)) return false;
-    if (filter !== "all" && filter !== "unused" && filter !== "duplicates" && 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: duplicateIds,
-    webpCandidates: new Set(insights.webpCandidates),
-    overDecode: new Set(insights.overDecode),
-    heavy: new Set([...insights.heavyGifs, ...insights.heavyFonts])
-  };
-
-  // 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: status.measuring,
-    discovering: status.graphFetchInFlight,
-    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,
-      duplicateCount: duplicateIds.size,
-      filter: filter,
-      onChange: next => {
-        setFilter(next);
-        if (next === "duplicates") setQuery("");
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssetsListControls.AssetsListControls, {
-      query: query,
-      onQueryChange: setQuery,
-      sort: sort,
-      onSortChange: setSort
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScanNotice.ScanNotice, {
-      status: status,
-      total: stats.total,
-      onRetry: retry
-    }), remoteError && !status.graphFetchInFlight ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.notice,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.noticeText,
-        children: "Couldn't request an asset scan from the device."
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        accessibilityRole: "button",
-        onPress: retry,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.retryText,
-          children: "Retry"
-        })
-      })]
-    }) : null, filter === "unused" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.notice,
-      children: /*#__PURE__*/(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, filter === "font" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(FontFamilies, {
-      names: status.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: status.graphFetchInFlight ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyState, {
-        duplicates: filter === "duplicates"
-      })
-    })]
-  });
-
-  // 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
-  },
-  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: 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: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 _useAssetScanStatus=require("../hooks/useAssetScanStatus");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 _ScanNotice=require("./ScanNotice");var _testIDs=require("../utils/testIDs");var _jsxRuntime=require("react/jsx-runtime");function FontFamilies({names:t}){const s=[...new Set(t)];if(!s.length)return null;return(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 (",s.length,")"]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.fontsWrap,children:s.map(d=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.fontChip,testID:(0,_testIDs.assetFontChipTestID)(d),children:d},d))})]})}function EmptyState({duplicates:t=false}){return(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{testID:_testIDs.ASSETS_TEST_IDS.empty,otto:"scanning",title:t?"No duplicates found":"No assets found yet",message:t?"No assets in this view share a content hash.":"Every bundled asset \u2014 images, fonts, video, audio \u2014 appears here with sizes, scale coverage, and runtime registration status. Try Rescan after navigating around the app."})}function bySizeDesc(t,s){return(s.sizeBytes??(0,_assetStore.estDecodedBytes)(s))-(t.sizeBytes??(0,_assetStore.estDecodedBytes)(t))}const COMPARATORS={size:bySizeDesc,name:(t,s)=>t.name.localeCompare(s.name)||t.type.localeCompare(s.type),type:(t,s)=>t.type.localeCompare(s.type)||bySizeDesc(t,s)};function AssetsModal({visible:t,onClose:s,onBack:d,onMinimize:j,persistenceKey:I,inline:_=false}){(0,_install.installAssetCapture)();const{records:R,stats:p,insights:o}=(0,_useAssetRecords.useAssetRecords)();const n=(0,_useAssetScanStatus.useAssetScanStatus)();const[z,u]=(0,_react.useState)(false);(0,_react.useEffect)(()=>{u(false)},[n.graphFetchInFlight,n.lastScanAt]);const S=()=>{u(false);const e=(0,_remote.remoteAssetsDispatch)();if(e)void e("rescan").catch(()=>u(true));else void(0,_install.rescan)()};const[x,f]=(0,_react.useState)(null);const[r,F]=(0,_react.useState)("all");const[m,v]=(0,_react.useState)("");const[A,q]=(0,_react.useState)("size");const i=x!=null?(0,_assetStore.getRecord)(x):void 0;(0,_react.useEffect)(()=>{if(!t)return;void(0,_baseline.loadBaseline)();u(false);const e=(0,_remote.remoteAssetsDispatch)();if(e){e("rescan").catch(()=>u(true))}else{void(0,_install.rescan)()}},[t]);const y=new Set(o.duplicates.flatMap(e=>e.ids));const C=[...R].sort(COMPARATORS[A]);const T=m.trim().toLowerCase();const l=C.filter(e=>{if(r==="unused"&&e.loaded)return false;if(r==="duplicates"&&!y.has(e.id))return false;if(r!=="all"&&r!=="unused"&&r!=="duplicates"&&e.kind!==r)return false;if(T&&!`${e.name}.${e.type}`.toLowerCase().includes(T)){return false}return true});const h=i?l.findIndex(e=>e.id===i.id):-1;const w=e=>{const a=l[e];if(a)f(a.id)};const c={scaleGaps:new Set(o.scaleGaps),scaleAnomalies:new Set(o.scaleAnomalies),duplicates:y,webpCandidates:new Set(o.webpCandidates),overDecode:new Set(o.overDecode),heavy:new Set([...o.heavyGifs,...o.heavyFonts])};let g=0;for(const e of l){const a=e.sizeBytes??(0,_assetStore.estDecodedBytes)(e);if(a>g)g=a}const B=()=>i?(0,_export.formatAssetMarkdown)(i):(0,_export.formatInventoryMarkdown)(C,p,o,(0,_install.getScanStatus)(),(0,_baseline.getDiff)());const b=(0,_jsxRuntime.jsx)(_AssetsHeader.AssetsHeader,{stats:p,measuring:n.measuring,discovering:n.graphFetchInFlight,detailOpen:i!=null,detailIndex:h,detailTotal:l.length,onCloseDetail:()=>f(null),onClear:_assetStore.clearRecords,getReport:B,onBack:d});const D=i?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.detailContainer,children:[(0,_jsxRuntime.jsx)(_AssetDetail.AssetDetail,{record:i,insights:o}),h>=0?(0,_jsxRuntime.jsx)(_sharedUi.EventStepperFooter,{currentIndex:h,totalItems:l.length,itemLabel:"Asset",onPrevious:()=>w(h-1),onNext:()=>w(h+1)}):null]}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.listContainer,children:[(0,_jsxRuntime.jsx)(_AssetsFilterBar.AssetsFilterBar,{stats:p,duplicateCount:y.size,filter:r,onChange:e=>{F(e);if(e==="duplicates")v("")}}),(0,_jsxRuntime.jsx)(_AssetsListControls.AssetsListControls,{query:m,onQueryChange:v,sort:A,onSortChange:q}),(0,_jsxRuntime.jsx)(_ScanNotice.ScanNotice,{status:n,total:p.total,onRetry:S}),z&&!n.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:S,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.retryText,children:"Retry"})})]}):null,r==="unused"?(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,r==="font"?(0,_jsxRuntime.jsx)(FontFamilies,{names:n.fontFamilies}):null,(0,_jsxRuntime.jsx)(_reactNative.FlatList,{testID:_testIDs.ASSETS_TEST_IDS.list,data:l,keyExtractor:e=>String(e.id),contentContainerStyle:styles.listContent,renderItem:({item:e})=>(0,_jsxRuntime.jsx)(_AssetRow.AssetRow,{record:e,flags:{scaleGap:c.scaleGaps.has(e.id),scaleAnomaly:c.scaleAnomalies.has(e.id),duplicate:c.duplicates.has(e.id),webp:c.webpCandidates.has(e.id),oversize:c.overDecode.has(e.id),heavy:c.heavy.has(e.id)},sizeFraction:g>0?(e.sizeBytes??(0,_assetStore.estDecodedBytes)(e))/g:0,onPress:a=>f(typeof a==="number"?a:null)}),ListEmptyComponent:n.graphFetchInFlight?null:(0,_jsxRuntime.jsx)(EmptyState,{duplicates:r==="duplicates"})})]});if(_){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.inlineRoot,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.inlineHeader,..._sharedUi.windowDragProps,children:b}),D]})}return(0,_jsxRuntime.jsx)(_sharedUi.JsModal,{visible:t,onClose:s,onMinimize:j,persistenceKey:I,header:{showToggleButton:true,customContent:b},enablePersistence:true,initialMode:"bottomSheet",disableScrollWrapper:true,children:D})}function AssetsToolView(t={}){return(0,_jsxRuntime.jsx)(AssetsModal,{...t,inline:true,visible:true,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

@@ -1,85 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ScanNotice = ScanNotice;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _testIDs = require("../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-function ScanNotice({
-  status,
-  total,
-  onRetry
-}) {
-  const [slow, setSlow] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    setSlow(false);
-    if (!status.graphFetchInFlight) return;
-    // Start locally for older snapshots that omit the device timestamp.
-    const elapsed = status.graphFetchStartedAt == null ? 0 : Math.max(0, Date.now() - status.graphFetchStartedAt);
-    const timer = setTimeout(() => setSlow(true), Math.max(0, 8_000 - elapsed));
-    return () => clearTimeout(timer);
-  }, [status.graphFetchInFlight, status.graphFetchStartedAt]);
-  const notices = [];
-  if (status.graphFetchInFlight) {
-    notices.push(`Finding assets… ${total} found so far.`);
-    if (slow) notices.push("Still finding assets. This is taking longer than usual.");
-  }
-  if (!status.registryAvailable) {
-    notices.push("The asset registry is unavailable in this environment.");
-  }
-  if (!status.graphFetchInFlight && !status.graphSupported && status.graphError) {
-    notices.push("Showing runtime-registered assets only. A development server is needed to find more assets and measure their sizes.");
-  }
-  const failed = !status.graphFetchInFlight && status.graphSupported && !!status.graphError;
-  if (failed) notices.push(`Couldn't finish finding assets. Showing ${total} assets found so far.`);
-  if (status.measuring && !status.graphFetchInFlight) notices.push("Checking asset sizes…");
-  if (notices.length === 0) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.notice,
-    testID: _testIDs.ASSETS_TEST_IDS.notice,
-    children: [status.graphFetchInFlight ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-      size: "small",
-      color: _sharedUi.night.color.textSecondary,
-      accessibilityLabel: "Finding assets",
-      testID: _testIDs.ASSETS_TEST_IDS.discoverySpinner
-    }) : null, notices.map(n => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.noticeText,
-      testID: _testIDs.ASSETS_TEST_IDS.noticeText,
-      children: n
-    }, n)), failed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      accessibilityRole: "button",
-      onPress: onRetry,
-      testID: _testIDs.ASSETS_TEST_IDS.retry,
-      children: /*#__PURE__*/(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
-  }
-});
-//# sourceMappingURL=ScanNotice.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ScanNotice=ScanNotice;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _testIDs=require("../utils/testIDs");var _jsxRuntime=require("react/jsx-runtime");function ScanNotice({status:e,total:i,onRetry:s}){const[a,n]=(0,_react.useState)(false);(0,_react.useEffect)(()=>{n(false);if(!e.graphFetchInFlight)return;const t=e.graphFetchStartedAt==null?0:Math.max(0,Date.now()-e.graphFetchStartedAt);const h=setTimeout(()=>n(true),Math.max(0,8e3-t));return()=>clearTimeout(h)},[e.graphFetchInFlight,e.graphFetchStartedAt]);const r=[];if(e.browser&&!e.graphSupported)r.push("Showing resources this page has loaded. Add an asset manifest to include files the page has not requested.");if(e.graphFetchInFlight){r.push(`Finding assets\u2026 ${i} found so far.`);if(a)r.push("Still finding assets. This is taking longer than usual.")}if(!e.registryAvailable){r.push("The asset registry is unavailable in this environment.")}if(!e.graphFetchInFlight&&!e.graphSupported&&e.graphError){r.push("Showing runtime-registered assets only. A development server is needed to find more assets and measure their sizes.")}const o=!e.graphFetchInFlight&&e.graphSupported&&!!e.graphError;if(o)r.push(`Couldn't finish finding assets. Showing ${i} assets found so far.`);if(e.measuring&&!e.graphFetchInFlight)r.push("Checking asset sizes\u2026");if(r.length===0)return null;return(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,r.map(t=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.noticeText,testID:_testIDs.ASSETS_TEST_IDS.noticeText,children:t},t)),o?(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{accessibilityRole:"button",onPress:s,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

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getExpoPreviewImage = getExpoPreviewImage;
-let ExpoImage = null;
-try {
-  ExpoImage = require("expo-image").Image ?? null;
-} catch {
-  // Optional peer: the package or its native module may be unavailable.
-}
-function getExpoPreviewImage() {
-  return ExpoImage;
-}
-//# sourceMappingURL=optionalExpoImage.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});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

@@ -1,11 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getExpoPreviewImage = getExpoPreviewImage;
-/** Browser image elements already support SVG. */
-function getExpoPreviewImage() {
-  return null;
-}
-//# sourceMappingURL=optionalExpoImage.web.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.getExpoPreviewImage=getExpoPreviewImage;function getExpoPreviewImage(){return null}

package/lib/commonjs/export.js

@@ -1,62 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.formatAssetMarkdown = formatAssetMarkdown;
-exports.formatInventoryMarkdown = formatInventoryMarkdown;
-var _format = require("./format");
-var _assetStore = require("./store/assetStore");
-/**
- * Markdown reports for the shared ToolbarCopyButton — the paste-into-your-
- * issue-tracker view of the inventory.
- */
-
-function formatAssetMarkdown(record) {
-  const lines = [`# Asset: ${record.name}.${record.type}`, "", `- Kind: ${record.kind}`, `- Status: ${record.loaded ? "loaded at runtime" : "not observed in the runtime registry"}`];
-  if (record.kind === "image") lines.push(`- Dimensions: ${(0, _format.formatDimensions)(record)} (logical)`);
-  if (record.scales.length) lines.push(`- Scales: ${(0, _format.formatScales)(record.scales)}`);
-  if (record.sizeBytes != null && record.sizeSource === "measured") {
-    lines.push(`- Size (all variants): ${(0, _format.formatBytes)(record.sizeBytes)}`);
-  }
-  const estimate = (0, _assetStore.estDecodedBytes)(record);
-  if (estimate > 0) lines.push(`- Decoded memory: ~${(0, _format.formatBytes)(estimate)}`);
-  if (record.hash) lines.push(`- Hash: ${record.hash}`);
-  if (record.httpServerLocation) lines.push(`- Location: ${record.httpServerLocation}`);
-  if (record.fileSystemLocation) lines.push(`- Source dir: ${record.fileSystemLocation}`);
-  if (record.resolvedUri) lines.push(`- Resolved URI: ${record.resolvedUri}`);
-  return lines.join("\n");
-}
-function formatInventoryMarkdown(records, stats, insights, scanStatus, diff) {
-  const lines = ["# Asset inventory", "", `${stats.total} assets · ${stats.loaded} loaded · ${stats.neverLoaded} not observed` + (stats.totalBytes > 0 ? ` · ${(0, _format.formatBytes)(stats.totalBytes)} measured (${stats.measuredCount}/${stats.total})` : "")];
-  if (scanStatus.fontFamilies.length) {
-    lines.push(`Fonts loaded: ${scanStatus.fontFamilies.join(", ")}`);
-  }
-  if (!scanStatus.graphSupported) {
-    lines.push(scanStatus.graphError ? `_Metro bundle graph unavailable (${scanStatus.graphError}) — runtime-registered assets only._` : "_No Metro bundle graph — runtime-registered assets only (release build)._");
-  }
-  if (diff) {
-    const net = diff.netBytes != null ? `${diff.netBytes >= 0 ? "+" : "−"}${(0, _format.formatBytes)(Math.abs(diff.netBytes))} net` : "net size unknown";
-    lines.push("", `## Since baseline (${new Date(diff.baselineSavedAt).toISOString()})`, `- ${diff.added.length} added · ${diff.removed.length} removed · ${diff.grown.length} grew · ${net}`);
-    for (const gone of diff.removed.slice(0, 20)) {
-      lines.push(`- removed: ${gone.name}.${gone.type}`);
-    }
-  }
-  const findings = [];
-  if (insights.neverLoaded.length) findings.push(`- ${insights.neverLoaded.length} shipped but not observed`);
-  if (insights.duplicates.length) findings.push(`- ${insights.duplicates.length} duplicate content groups`);
-  if (insights.webpCandidates.length) findings.push(`- ${insights.webpCandidates.length} WebP conversion candidates`);
-  if (insights.scaleGaps.length) findings.push(`- ${insights.scaleGaps.length} scale-coverage gaps`);
-  if (insights.overDecode.length) findings.push(`- ${insights.overDecode.length} images decoding larger than 2× the screen`);
-  if (insights.heavyGifs.length) findings.push(`- ${insights.heavyGifs.length} heavy GIFs (convert to video/Lottie)`);
-  if (insights.heavyFonts.length) findings.push(`- ${insights.heavyFonts.length} heavy fonts (subset candidates)`);
-  if (insights.scaleAnomalies.length) findings.push(`- ${insights.scaleAnomalies.length} scale-variant anomalies (check exports)`);
-  if (findings.length) lines.push("", "## Findings", ...findings);
-  lines.push("", "## Assets (largest first)", "", "| Asset | Kind | Dimensions | Scales | Size | Loaded |", "| --- | --- | --- | --- | --- | --- |");
-  for (const r of records) {
-    const size = r.sizeBytes != null && r.sizeSource === "measured" ? (0, _format.formatBytes)(r.sizeBytes) : (0, _assetStore.estDecodedBytes)(r) > 0 ? `~${(0, _format.formatBytes)((0, _assetStore.estDecodedBytes)(r))}` : "—";
-    lines.push(`| ${r.name}.${r.type} | ${r.kind} | ${r.kind === "image" ? (0, _format.formatDimensions)(r) : "—"} | ${(0, _format.formatScales)(r.scales)} | ${size} | ${r.loaded ? "yes" : "NO"} |`);
-  }
-  return lines.join("\n");
-}
-//# sourceMappingURL=export.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.formatAssetMarkdown=formatAssetMarkdown;exports.formatInventoryMarkdown=formatInventoryMarkdown;var _format=require("./format");var _assetStore=require("./store/assetStore");function formatAssetMarkdown(e){const s=[`# Asset: ${e.name}.${e.type}`,"",`- Kind: ${e.kind}`,`- Status: ${e.loaded?"loaded at runtime":"not observed in the runtime registry"}`];if(e.kind==="image")s.push(`- Dimensions: ${(0,_format.formatDimensions)(e)} (logical)`);if(e.scales.length)s.push(`- Scales: ${(0,_format.formatScales)(e.scales)}`);if(e.sizeBytes!=null&&e.sizeSource==="measured"){s.push(`- Size (all variants): ${(0,_format.formatBytes)(e.sizeBytes)}`)}const t=(0,_assetStore.estDecodedBytes)(e);if(t>0)s.push(`- Decoded memory: ~${(0,_format.formatBytes)(t)}`);if(e.hash)s.push(`- Hash: ${e.hash}`);if(e.httpServerLocation)s.push(`- Location: ${e.httpServerLocation}`);if(e.fileSystemLocation)s.push(`- Source dir: ${e.fileSystemLocation}`);if(e.resolvedUri)s.push(`- Resolved URI: ${e.resolvedUri}`);return s.join("\n")}function formatInventoryMarkdown(e,s,t,r,a){const l=["# Asset inventory","",`${s.total} assets \xB7 ${s.loaded} loaded \xB7 ${s.neverLoaded} not observed`+(s.totalBytes>0?` \xB7 ${(0,_format.formatBytes)(s.totalBytes)} measured (${s.measuredCount}/${s.total})`:"")];if(r.fontFamilies.length){l.push(`Fonts loaded: ${r.fontFamilies.join(", ")}`)}if(!r.graphSupported){l.push(r.graphError?`_Metro bundle graph unavailable (${r.graphError}) \u2014 runtime-registered assets only._`:"_No Metro bundle graph \u2014 runtime-registered assets only (release build)._")}if(a){const n=a.netBytes!=null?`${a.netBytes>=0?"+":"\u2212"}${(0,_format.formatBytes)(Math.abs(a.netBytes))} net`:"net size unknown";l.push("",`## Since baseline (${new Date(a.baselineSavedAt).toISOString()})`,`- ${a.added.length} added \xB7 ${a.removed.length} removed \xB7 ${a.grown.length} grew \xB7 ${n}`);for(const i of a.removed.slice(0,20)){l.push(`- removed: ${i.name}.${i.type}`)}}const o=[];if(t.neverLoaded.length)o.push(`- ${t.neverLoaded.length} shipped but not observed`);if(t.duplicates.length)o.push(`- ${t.duplicates.length} duplicate content groups`);if(t.webpCandidates.length)o.push(`- ${t.webpCandidates.length} WebP conversion candidates`);if(t.scaleGaps.length)o.push(`- ${t.scaleGaps.length} scale-coverage gaps`);if(t.overDecode.length)o.push(`- ${t.overDecode.length} images decoding larger than 2\xD7 the screen`);if(t.heavyGifs.length)o.push(`- ${t.heavyGifs.length} heavy GIFs (convert to video/Lottie)`);if(t.heavyFonts.length)o.push(`- ${t.heavyFonts.length} heavy fonts (subset candidates)`);if(t.scaleAnomalies.length)o.push(`- ${t.scaleAnomalies.length} scale-variant anomalies (check exports)`);if(o.length)l.push("","## Findings",...o);l.push("","## Assets (largest first)","","| Asset | Kind | Dimensions | Scales | Size | Loaded |","| --- | --- | --- | --- | --- | --- |");for(const n of e){const i=n.sizeBytes!=null&&n.sizeSource==="measured"?(0,_format.formatBytes)(n.sizeBytes):(0,_assetStore.estDecodedBytes)(n)>0?`~${(0,_format.formatBytes)((0,_assetStore.estDecodedBytes)(n))}`:"\u2014";l.push(`| ${n.name}.${n.type} | ${n.kind} | ${n.kind==="image"?(0,_format.formatDimensions)(n):"\u2014"} | ${(0,_format.formatScales)(n.scales)} | ${i} | ${n.loaded?"yes":"NO"} |`)}return l.join("\n")}

package/lib/commonjs/format.js

@@ -1,59 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.KIND_LABELS = exports.KIND_COLORS = void 0;
-exports.formatBytes = formatBytes;
-exports.formatDimensions = formatDimensions;
-exports.formatScales = formatScales;
-exports.formatSize = formatSize;
-/**
- * Shared formatting helpers for rows, detail view, and markdown export.
- */
-
-function formatBytes(bytes) {
-  if (bytes == null || bytes <= 0) return "—";
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
-}
-function formatScales(scales) {
-  const unique = [...new Set(scales)].sort((a, b) => a - b);
-  if (!unique.length) return "—";
-  if (unique.length === 1) return `@${unique[0]}x`;
-  if (unique.length <= 3) return unique.map(s => `@${s}x`).join(" ");
-  return `@${unique[0]}x–@${unique[unique.length - 1]}x`;
-}
-function formatDimensions(record) {
-  if (record.width == null || record.height == null) return "—";
-  return `${Math.round(record.width)}×${Math.round(record.height)}`;
-}
-
-/** Display size: measured bytes, or "~" decoded estimate for unmeasured images. */
-function formatSize(record, estDecoded) {
-  if (record.sizeBytes != null && record.sizeSource === "measured") {
-    return formatBytes(record.sizeBytes);
-  }
-  if (estDecoded > 0) return `~${formatBytes(estDecoded)}`;
-  return "—";
-}
-const KIND_LABELS = exports.KIND_LABELS = {
-  image: "IMG",
-  font: "FONT",
-  video: "VID",
-  audio: "AUD",
-  data: "DATA",
-  other: "MISC"
-};
-
-/** Family accent per kind — the card's left edge, like network's method bar. */
-const KIND_COLORS = exports.KIND_COLORS = {
-  image: "#2DD4BF",
-  font: "#C084FC",
-  video: "#FF9F1C",
-  audio: "#FF3366",
-  data: "#00D4FF",
-  other: "#8E8E93"
-};
-//# sourceMappingURL=format.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.KIND_LABELS=exports.KIND_COLORS=void 0;exports.formatBytes=formatBytes;exports.formatDimensions=formatDimensions;exports.formatScales=formatScales;exports.formatSize=formatSize;function formatBytes(t){if(t==null||t<=0)return"\u2014";if(t<1024)return`${t} B`;if(t<1024*1024)return`${(t/1024).toFixed(1)} KB`;return`${(t/(1024*1024)).toFixed(2)} MB`}function formatScales(t){const e=[...new Set(t)].sort((n,r)=>n-r);if(!e.length)return"\u2014";if(e.length===1)return`@${e[0]}x`;if(e.length<=3)return e.map(n=>`@${n}x`).join(" ");return`@${e[0]}x\u2013@${e[e.length-1]}x`}function formatDimensions(t){if(t.width==null||t.height==null)return"\u2014";return`${Math.round(t.width)}\xD7${Math.round(t.height)}`}function formatSize(t,e){if(t.sizeBytes!=null&&t.sizeSource==="measured"){return formatBytes(t.sizeBytes)}if(e>0)return`~${formatBytes(e)}`;return"\u2014"}const KIND_LABELS=exports.KIND_LABELS={image:"IMG",font:"FONT",video:"VID",audio:"AUD",data:"DATA",other:"MISC"};const KIND_COLORS=exports.KIND_COLORS={image:"#2DD4BF",font:"#C084FC",video:"#FF9F1C",audio:"#FF3366",data:"#00D4FF",other:"#8E8E93"};