@buoy-gg/assets 7.0.41 → 7.0.43

package/lib/commonjs/components/AssetsHeader.js

@@ -1,73 +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,
-  discovering = false,
-  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${discovering ? " so far" : ""}`];
-  // A mid-measure byte total reads as nonsense ("653 B+") — wait it out.
-  if (stats.totalBytes > 0 && !measuring && !discovering) {
-    const partial = stats.measuredCount < stats.total ? "+" : "";
-    subtitleParts.push(`${(0, _format.formatBytes)(stats.totalBytes)}${partial}`);
-  }
-  if (stats.neverLoaded > 0) subtitleParts.push(`${stats.neverLoaded} not observed`);
-  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: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");function AssetsHeader({stats:e,measuring:n,discovering:o=false,detailOpen:u,detailIndex:s=-1,detailTotal:a=0,onCloseDetail:d,onClear:S,getReport:i,onBack:l}){if(u){const r=s>=0&&a>0?`${s+1} of ${a}`:void 0;return(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation,{onBack:d}),(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Content,{title:"Asset detail",subtitle:r,testID:_testIDs.ASSETS_TEST_IDS.title}),(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Actions,{children:(0,_jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton,{value:i,testID:_testIDs.ASSETS_TEST_IDS.copy})})]})}const t=[`${e.total} assets${o?" so far":""}`];if(e.totalBytes>0&&!n&&!o){const r=e.measuredCount<e.total?"+":"";t.push(`${(0,_format.formatBytes)(e.totalBytes)}${r}`)}if(e.neverLoaded>0)t.push(`${e.neverLoaded} not observed`);if(e.fontFamilies>0)t.push(`${e.fontFamilies} fonts`);return(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:t.join(" \xB7 "),testID:_testIDs.ASSETS_TEST_IDS.title}),(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions,{children:[(0,_jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton,{value:i,testID:_testIDs.ASSETS_TEST_IDS.copy}),(0,_jsxRuntime.jsx)(_sharedUi.ToolbarClearButton,{onPress:S,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: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");

package/lib/commonjs/components/AssetsListControls.js

@@ -1,81 +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 _testIDs = require("../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-/** Asset list search and sort controls. */
-
-const NEXT_SORT = {
-  size: "name",
-  name: "type",
-  type: "size"
-};
-function AssetsListControls({
-  query,
-  onQueryChange,
-  sort,
-  onSortChange
-}) {
-  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()]
-      })
-    })]
-  });
-}
-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:true});exports.AssetsListControls=AssetsListControls;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _testIDs=require("../utils/testIDs");var _jsxRuntime=require("react/jsx-runtime");const NEXT_SORT={size:"name",name:"type",type:"size"};function AssetsListControls({query:t,onQueryChange:r,sort:e,onSortChange:o}){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.row,children:[(0,_jsxRuntime.jsx)(_reactNative.TextInput,{style:styles.input,value:t,onChangeText:r,placeholder:"Search assets\u2026",placeholderTextColor:_sharedUi.night.color.placeholder,autoCapitalize:"none",autoCorrect:false,testID:_testIDs.ASSETS_TEST_IDS.search}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.button,onPress:()=>o(NEXT_SORT[e]),testID:_testIDs.ASSETS_TEST_IDS.sort,children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.buttonText,testID:`${_testIDs.ASSETS_TEST_IDS.sort}-label`,children:["\u2193 ",e.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,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,86 +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.browser && !status.graphSupported) notices.push('Showing resources this page has loaded. Add an asset manifest to include files the page has not requested.');
-  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}});