@buoy-gg/assets 7.0.40 → 7.0.42

package/lib/module/components/AssetsIcon.js

@@ -1,12 +1 @@
-"use strict";
-
-/**
- * AssetsIcon — re-exported from the Buoy Icon Format.
- *
- * The artwork lives in shared/icons/assets.json and is generated into
- * @buoy-gg/floating-tools-core, so React Native, the desktop dashboard and
- * Flutter all render the same drawing. Edit the JSON, then `pnpm icons`.
- */
-
-export { AssetsIcon, ASSETS_ICON_COLOR } from "@buoy-gg/shared-ui";
-//# sourceMappingURL=AssetsIcon.js.map
+"use strict";export{AssetsIcon,ASSETS_ICON_COLOR}from"@buoy-gg/shared-ui";

package/lib/module/components/AssetsListControls.js

@@ -1,77 +1 @@
-"use strict";
-
-/** Asset list search and sort controls. */
-
-import { StyleSheet, Text, TextInput, TouchableOpacity, View } from "react-native";
-import { night } from "@buoy-gg/shared-ui";
-import { ASSETS_TEST_IDS } from "../utils/testIDs";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const NEXT_SORT = {
-  size: "name",
-  name: "type",
-  type: "size"
-};
-export function AssetsListControls({
-  query,
-  onQueryChange,
-  sort,
-  onSortChange
-}) {
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.row,
-    children: [/*#__PURE__*/_jsx(TextInput, {
-      style: styles.input,
-      value: query,
-      onChangeText: onQueryChange,
-      placeholder: "Search assets\u2026",
-      placeholderTextColor: night.color.placeholder,
-      autoCapitalize: "none",
-      autoCorrect: false,
-      testID: ASSETS_TEST_IDS.search
-    }), /*#__PURE__*/_jsx(TouchableOpacity, {
-      style: styles.button,
-      onPress: () => onSortChange(NEXT_SORT[sort]),
-      testID: ASSETS_TEST_IDS.sort,
-      children: /*#__PURE__*/_jsxs(Text, {
-        style: styles.buttonText,
-        testID: `${ASSETS_TEST_IDS.sort}-label`,
-        children: ["\u2193 ", sort.toUpperCase()]
-      })
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 10,
-    paddingBottom: 8
-  },
-  input: {
-    flex: 1,
-    backgroundColor: night.color.surfaceElevated,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    borderRadius: 8,
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    color: night.color.text,
-    fontSize: 12
-  },
-  button: {
-    backgroundColor: night.color.surface,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    borderRadius: 8,
-    paddingHorizontal: 10,
-    paddingVertical: 7
-  },
-  buttonText: {
-    color: night.color.textSecondary,
-    fontSize: 10,
-    fontWeight: "700",
-    letterSpacing: 0.5
-  }
-});
-//# sourceMappingURL=AssetsListControls.js.map
+"use strict";import{StyleSheet as c,Text as d,TextInput as p,TouchableOpacity as u,View as b}from"react-native";import{night as o}from"@buoy-gg/shared-ui";import{ASSETS_TEST_IDS as t}from"../utils/testIDs";import{jsx as l,jsxs as a}from"react/jsx-runtime";const h={size:"name",name:"type",type:"size"};export function AssetsListControls({query:n,onQueryChange:s,sort:r,onSortChange:i}){return a(b,{style:e.row,children:[l(p,{style:e.input,value:n,onChangeText:s,placeholder:"Search assets\u2026",placeholderTextColor:o.color.placeholder,autoCapitalize:"none",autoCorrect:false,testID:t.search}),l(u,{style:e.button,onPress:()=>i(h[r]),testID:t.sort,children:a(d,{style:e.buttonText,testID:`${t.sort}-label`,children:["\u2193 ",r.toUpperCase()]})})]})}const e=c.create({row:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:10,paddingBottom:8},input:{flex:1,backgroundColor:o.color.surfaceElevated,borderWidth:1,borderColor:o.color.border,borderRadius:8,paddingHorizontal:10,paddingVertical:6,color:o.color.text,fontSize:12},button:{backgroundColor:o.color.surface,borderWidth:1,borderColor:o.color.border,borderRadius:8,paddingHorizontal:10,paddingVertical:7},buttonText:{color:o.color.textSecondary,fontSize:10,fontWeight:"700",letterSpacing:.5}});

package/lib/module/components/AssetsModal.js

@@ -1,373 +1 @@
-"use strict";
-
-/**
- * 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.
- */
-
-import { useEffect, useState } from "react";
-import { FlatList, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { EventStepperFooter, JsModal, macOSColors, night, windowDragProps, ToolEmptyState } from "@buoy-gg/shared-ui";
-import { getScanStatus, installAssetCapture, rescan } from "../capture/install";
-import { formatAssetMarkdown, formatInventoryMarkdown } from "../export";
-import { useAssetRecords } from "../hooks/useAssetRecords";
-import { useAssetScanStatus } from "../hooks/useAssetScanStatus";
-import { remoteAssetsDispatch } from "../remote";
-import { clearRecords, estDecodedBytes, getRecord } from "../store/assetStore";
-import { getDiff, loadBaseline } from "../store/baseline";
-import { AssetDetail } from "./AssetDetail";
-import { AssetRow } from "./AssetRow";
-import { AssetsFilterBar } from "./AssetsFilterBar";
-import { AssetsHeader } from "./AssetsHeader";
-import { AssetsListControls } from "./AssetsListControls";
-import { ScanNotice } from "./ScanNotice";
-import { ASSETS_TEST_IDS, assetFontChipTestID } from "../utils/testIDs";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-function FontFamilies({
-  names
-}) {
-  const families = [...new Set(names)];
-  if (!families.length) return null;
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.fontsBox,
-    testID: ASSETS_TEST_IDS.fonts,
-    children: [/*#__PURE__*/_jsxs(Text, {
-      style: styles.fontsTitle,
-      testID: ASSETS_TEST_IDS.fontsTitle,
-      children: ["LOADED FONT FAMILIES (", families.length, ")"]
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.fontsWrap,
-      children: families.map(family => /*#__PURE__*/_jsx(Text, {
-        style: styles.fontChip,
-        testID: assetFontChipTestID(family),
-        children: family
-      }, family))
-    })]
-  });
-}
-function EmptyState({
-  duplicates = false
-}) {
-  return /*#__PURE__*/_jsx(ToolEmptyState, {
-    testID: 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 ?? estDecodedBytes(b)) - (a.sizeBytes ?? 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)
-};
-export function AssetsModal({
-  visible,
-  onClose,
-  onBack,
-  onMinimize,
-  persistenceKey,
-  inline = false
-}) {
-  // Safety net: the index import normally installed this already.
-  installAssetCapture();
-  const {
-    records,
-    stats,
-    insights
-  } = useAssetRecords();
-  const status = useAssetScanStatus();
-  const [remoteError, setRemoteError] = useState(false);
-  useEffect(() => {
-    setRemoteError(false);
-  }, [status.graphFetchInFlight, status.lastScanAt]);
-  const retry = () => {
-    setRemoteError(false);
-    const remote = remoteAssetsDispatch();
-    if (remote) void remote("rescan").catch(() => setRemoteError(true));else void rescan();
-  };
-  const [selectedId, setSelectedId] = useState(null);
-  const [filter, setFilter] = useState("all");
-  const [query, setQuery] = useState("");
-  const [sort, setSort] = useState("size");
-  const selected = selectedId != null ? 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.
-  useEffect(() => {
-    if (!visible) return;
-    void loadBaseline();
-    setRemoteError(false);
-    const remote = remoteAssetsDispatch();
-    if (remote) {
-      remote("rescan").catch(() => setRemoteError(true));
-    } else {
-      void 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 ?? estDecodedBytes(r);
-    if (bytes > maxBytes) maxBytes = bytes;
-  }
-  const getReport = () => selected ? formatAssetMarkdown(selected) : formatInventoryMarkdown(sorted, stats, insights, getScanStatus(), getDiff());
-  const headerContent = /*#__PURE__*/_jsx(AssetsHeader, {
-    stats: stats,
-    measuring: status.measuring,
-    discovering: status.graphFetchInFlight,
-    detailOpen: selected != null,
-    detailIndex: selectedIndex,
-    detailTotal: filtered.length,
-    onCloseDetail: () => setSelectedId(null),
-    onClear: clearRecords,
-    getReport: getReport,
-    onBack: onBack
-  });
-  const body = selected ? /*#__PURE__*/_jsxs(View, {
-    style: styles.detailContainer,
-    children: [/*#__PURE__*/_jsx(AssetDetail, {
-      record: selected,
-      insights: insights
-    }), selectedIndex >= 0 ? /*#__PURE__*/_jsx(EventStepperFooter, {
-      currentIndex: selectedIndex,
-      totalItems: filtered.length,
-      itemLabel: "Asset",
-      onPrevious: () => stepTo(selectedIndex - 1),
-      onNext: () => stepTo(selectedIndex + 1)
-    }) : null]
-  }) : /*#__PURE__*/_jsxs(View, {
-    style: styles.listContainer,
-    children: [/*#__PURE__*/_jsx(AssetsFilterBar, {
-      stats: stats,
-      duplicateCount: duplicateIds.size,
-      filter: filter,
-      onChange: next => {
-        setFilter(next);
-        if (next === "duplicates") setQuery("");
-      }
-    }), /*#__PURE__*/_jsx(AssetsListControls, {
-      query: query,
-      onQueryChange: setQuery,
-      sort: sort,
-      onSortChange: setSort
-    }), /*#__PURE__*/_jsx(ScanNotice, {
-      status: status,
-      total: stats.total,
-      onRetry: retry
-    }), remoteError && !status.graphFetchInFlight ? /*#__PURE__*/_jsxs(View, {
-      style: styles.notice,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.noticeText,
-        children: "Couldn't request an asset scan from the device."
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-        accessibilityRole: "button",
-        onPress: retry,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.retryText,
-          children: "Retry"
-        })
-      })]
-    }) : null, filter === "unused" ? /*#__PURE__*/_jsx(View, {
-      style: styles.notice,
-      children: /*#__PURE__*/_jsx(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__*/_jsx(FontFamilies, {
-      names: status.fontFamilies
-    }) : null, /*#__PURE__*/_jsx(FlatList, {
-      testID: ASSETS_TEST_IDS.list,
-      data: filtered,
-      keyExtractor: item => String(item.id),
-      contentContainerStyle: styles.listContent,
-      renderItem: ({
-        item
-      }) => /*#__PURE__*/_jsx(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 ?? 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__*/_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__*/_jsxs(View, {
-      style: styles.inlineRoot,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: styles.inlineHeader,
-        ...windowDragProps,
-        children: headerContent
-      }), body]
-    });
-  }
-  return /*#__PURE__*/_jsx(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.
- */
-export function AssetsToolView(props = {}) {
-  return /*#__PURE__*/_jsx(AssetsModal, {
-    ...props,
-    inline: true,
-    visible: true,
-    onClose: () => {}
-  });
-}
-const styles = 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: 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: night.color.border,
-    backgroundColor: night.color.surface,
-    gap: 4
-  },
-  noticeText: {
-    color: night.color.textSecondary,
-    fontSize: 11
-  },
-  retryText: {
-    color: night.color.text,
-    fontSize: 12,
-    paddingVertical: 6
-  },
-  fontsBox: {
-    marginHorizontal: 10,
-    marginTop: 8,
-    padding: 10,
-    borderRadius: 8,
-    backgroundColor: night.color.surface,
-    gap: 6
-  },
-  fontsTitle: {
-    color: night.color.textTertiary,
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.5
-  },
-  fontsWrap: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6
-  },
-  fontChip: {
-    color: night.color.textSecondary,
-    fontSize: 10,
-    backgroundColor: night.color.bg,
-    borderRadius: 999,
-    paddingHorizontal: 8,
-    paddingVertical: 3,
-    overflow: "hidden"
-  },
-  empty: {
-    alignItems: "center",
-    padding: 32,
-    gap: 8
-  },
-  emptyTitle: {
-    color: night.color.text,
-    fontSize: 13,
-    fontWeight: "600"
-  },
-  emptyText: {
-    color: night.color.textSecondary,
-    fontSize: 11,
-    textAlign: "center",
-    lineHeight: 16
-  }
-});
-//# sourceMappingURL=AssetsModal.js.map
+"use strict";import{useEffect as L,useState as S}from"react";import{FlatList as J,StyleSheet as K,Text as C,TouchableOpacity as U,View as d}from"react-native";import{EventStepperFooter as X,JsModal as Y,macOSColors as Z,night as i,windowDragProps as ee,ToolEmptyState as te}from"@buoy-gg/shared-ui";import{getScanStatus as oe,installAssetCapture as se,rescan as N}from"../capture/install";import{formatAssetMarkdown as re,formatInventoryMarkdown as ne}from"../export";import{useAssetRecords as ie}from"../hooks/useAssetRecords";import{useAssetScanStatus as ae}from"../hooks/useAssetScanStatus";import{remoteAssetsDispatch as W}from"../remote";import{clearRecords as le,estDecodedBytes as v,getRecord as ce}from"../store/assetStore";import{getDiff as de,loadBaseline as pe}from"../store/baseline";import{AssetDetail as ue}from"./AssetDetail";import{AssetRow as fe}from"./AssetRow";import{AssetsFilterBar as me}from"./AssetsFilterBar";import{AssetsHeader as he}from"./AssetsHeader";import{AssetsListControls as ge}from"./AssetsListControls";import{ScanNotice as ye}from"./ScanNotice";import{ASSETS_TEST_IDS as w,assetFontChipTestID as Se}from"../utils/testIDs";import{jsxs as m,jsx as t}from"react/jsx-runtime";function Ce({names:o}){const s=[...new Set(o)];if(!s.length)return null;return m(d,{style:r.fontsBox,testID:w.fonts,children:[m(C,{style:r.fontsTitle,testID:w.fontsTitle,children:["LOADED FONT FAMILIES (",s.length,")"]}),t(d,{style:r.fontsWrap,children:s.map(h=>t(C,{style:r.fontChip,testID:Se(h),children:h},h))})]})}function xe({duplicates:o=false}){return t(te,{testID:w.empty,otto:"scanning",title:o?"No duplicates found":"No assets found yet",message:o?"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 O(o,s){return(s.sizeBytes??v(s))-(o.sizeBytes??v(o))}const be={size:O,name:(o,s)=>o.name.localeCompare(s.name)||o.type.localeCompare(s.type),type:(o,s)=>o.type.localeCompare(s.type)||O(o,s)};export function AssetsModal({visible:o,onClose:s,onBack:h,onMinimize:P,persistenceKey:G,inline:V=false}){se();const{records:j,stats:x,insights:a}=ie();const l=ae();const[_,g]=S(false);L(()=>{g(false)},[l.graphFetchInFlight,l.lastScanAt]);const I=()=>{g(false);const e=W();if(e)void e("rescan").catch(()=>g(true));else void N()};const[z,T]=S(null);const[n,q]=S("all");const[D,F]=S("");const[R,Q]=S("size");const p=z!=null?ce(z):void 0;L(()=>{if(!o)return;void pe();g(false);const e=W();if(e){e("rescan").catch(()=>g(true))}else{void N()}},[o]);const A=new Set(a.duplicates.flatMap(e=>e.ids));const B=[...j].sort(be[R]);const E=D.trim().toLowerCase();const u=B.filter(e=>{if(n==="unused"&&e.loaded)return false;if(n==="duplicates"&&!A.has(e.id))return false;if(n!=="all"&&n!=="unused"&&n!=="duplicates"&&e.kind!==n)return false;if(E&&!`${e.name}.${e.type}`.toLowerCase().includes(E)){return false}return true});const y=p?u.findIndex(e=>e.id===p.id):-1;const k=e=>{const c=u[e];if(c)T(c.id)};const f={scaleGaps:new Set(a.scaleGaps),scaleAnomalies:new Set(a.scaleAnomalies),duplicates:A,webpCandidates:new Set(a.webpCandidates),overDecode:new Set(a.overDecode),heavy:new Set([...a.heavyGifs,...a.heavyFonts])};let b=0;for(const e of u){const c=e.sizeBytes??v(e);if(c>b)b=c}const $=()=>p?re(p):ne(B,x,a,oe(),de());const H=t(he,{stats:x,measuring:l.measuring,discovering:l.graphFetchInFlight,detailOpen:p!=null,detailIndex:y,detailTotal:u.length,onCloseDetail:()=>T(null),onClear:le,getReport:$,onBack:h});const M=p?m(d,{style:r.detailContainer,children:[t(ue,{record:p,insights:a}),y>=0?t(X,{currentIndex:y,totalItems:u.length,itemLabel:"Asset",onPrevious:()=>k(y-1),onNext:()=>k(y+1)}):null]}):m(d,{style:r.listContainer,children:[t(me,{stats:x,duplicateCount:A.size,filter:n,onChange:e=>{q(e);if(e==="duplicates")F("")}}),t(ge,{query:D,onQueryChange:F,sort:R,onSortChange:Q}),t(ye,{status:l,total:x.total,onRetry:I}),_&&!l.graphFetchInFlight?m(d,{style:r.notice,children:[t(C,{style:r.noticeText,children:"Couldn't request an asset scan from the device."}),t(U,{accessibilityRole:"button",onPress:I,children:t(C,{style:r.retryText,children:"Retry"})})]}):null,n==="unused"?t(d,{style:r.notice,children:t(C,{style:r.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,n==="font"?t(Ce,{names:l.fontFamilies}):null,t(J,{testID:w.list,data:u,keyExtractor:e=>String(e.id),contentContainerStyle:r.listContent,renderItem:({item:e})=>t(fe,{record:e,flags:{scaleGap:f.scaleGaps.has(e.id),scaleAnomaly:f.scaleAnomalies.has(e.id),duplicate:f.duplicates.has(e.id),webp:f.webpCandidates.has(e.id),oversize:f.overDecode.has(e.id),heavy:f.heavy.has(e.id)},sizeFraction:b>0?(e.sizeBytes??v(e))/b:0,onPress:c=>T(typeof c==="number"?c:null)}),ListEmptyComponent:l.graphFetchInFlight?null:t(xe,{duplicates:n==="duplicates"})})]});if(V){return m(d,{style:r.inlineRoot,children:[t(d,{style:r.inlineHeader,...ee,children:H}),M]})}return t(Y,{visible:o,onClose:s,onMinimize:P,persistenceKey:G,header:{showToggleButton:true,customContent:H},enablePersistence:true,initialMode:"bottomSheet",disableScrollWrapper:true,children:M})}export function AssetsToolView(o={}){return t(AssetsModal,{...o,inline:true,visible:true,onClose:()=>{}})}const r=K.create({inlineRoot:{flex:1,minHeight:0,backgroundColor:"transparent"},inlineHeader:{paddingHorizontal:12,paddingVertical:8,borderBottomWidth:1,borderBottomColor:Z.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:i.color.border,backgroundColor:i.color.surface,gap:4},noticeText:{color:i.color.textSecondary,fontSize:11},retryText:{color:i.color.text,fontSize:12,paddingVertical:6},fontsBox:{marginHorizontal:10,marginTop:8,padding:10,borderRadius:8,backgroundColor:i.color.surface,gap:6},fontsTitle:{color:i.color.textTertiary,fontSize:9,fontWeight:"700",letterSpacing:.5},fontsWrap:{flexDirection:"row",flexWrap:"wrap",gap:6},fontChip:{color:i.color.textSecondary,fontSize:10,backgroundColor:i.color.bg,borderRadius:999,paddingHorizontal:8,paddingVertical:3,overflow:"hidden"},empty:{alignItems:"center",padding:32,gap:8},emptyTitle:{color:i.color.text,fontSize:13,fontWeight:"600"},emptyText:{color:i.color.textSecondary,fontSize:11,textAlign:"center",lineHeight:16}});

package/lib/module/components/ScanNotice.js

@@ -1,81 +1 @@
-"use strict";
-
-import { useEffect, useState } from "react";
-import { ActivityIndicator, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { night } from "@buoy-gg/shared-ui";
-import { ASSETS_TEST_IDS } from "../utils/testIDs";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ScanNotice({
-  status,
-  total,
-  onRetry
-}) {
-  const [slow, setSlow] = useState(false);
-  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__*/_jsxs(View, {
-    style: styles.notice,
-    testID: ASSETS_TEST_IDS.notice,
-    children: [status.graphFetchInFlight ? /*#__PURE__*/_jsx(ActivityIndicator, {
-      size: "small",
-      color: night.color.textSecondary,
-      accessibilityLabel: "Finding assets",
-      testID: ASSETS_TEST_IDS.discoverySpinner
-    }) : null, notices.map(n => /*#__PURE__*/_jsx(Text, {
-      style: styles.noticeText,
-      testID: ASSETS_TEST_IDS.noticeText,
-      children: n
-    }, n)), failed ? /*#__PURE__*/_jsx(TouchableOpacity, {
-      accessibilityRole: "button",
-      onPress: onRetry,
-      testID: ASSETS_TEST_IDS.retry,
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.retryText,
-        children: "Retry"
-      })
-    }) : null]
-  });
-}
-const styles = StyleSheet.create({
-  notice: {
-    marginHorizontal: 10,
-    marginBottom: 8,
-    padding: 10,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surface,
-    gap: 4
-  },
-  noticeText: {
-    color: night.color.textSecondary,
-    fontSize: 11
-  },
-  retryText: {
-    color: night.color.text,
-    fontSize: 12,
-    paddingVertical: 6
-  }
-});
-//# sourceMappingURL=ScanNotice.js.map
+"use strict";import{useEffect as f,useState as m}from"react";import{ActivityIndicator as u,StyleSheet as S,Text as c,TouchableOpacity as y,View as F}from"react-native";import{night as t}from"@buoy-gg/shared-ui";import{ASSETS_TEST_IDS as o}from"../utils/testIDs";import{jsx as n,jsxs as x}from"react/jsx-runtime";export function ScanNotice({status:e,total:a,onRetry:d}){const[g,h]=m(false);f(()=>{h(false);if(!e.graphFetchInFlight)return;const i=e.graphFetchStartedAt==null?0:Math.max(0,Date.now()-e.graphFetchStartedAt);const p=setTimeout(()=>h(true),Math.max(0,8e3-i));return()=>clearTimeout(p)},[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 ${a} found so far.`);if(g)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 l=!e.graphFetchInFlight&&e.graphSupported&&!!e.graphError;if(l)r.push(`Couldn't finish finding assets. Showing ${a} assets found so far.`);if(e.measuring&&!e.graphFetchInFlight)r.push("Checking asset sizes\u2026");if(r.length===0)return null;return x(F,{style:s.notice,testID:o.notice,children:[e.graphFetchInFlight?n(u,{size:"small",color:t.color.textSecondary,accessibilityLabel:"Finding assets",testID:o.discoverySpinner}):null,r.map(i=>n(c,{style:s.noticeText,testID:o.noticeText,children:i},i)),l?n(y,{accessibilityRole:"button",onPress:d,testID:o.retry,children:n(c,{style:s.retryText,children:"Retry"})}):null]})}const s=S.create({notice:{marginHorizontal:10,marginBottom:8,padding:10,borderRadius:8,borderWidth:1,borderColor:t.color.border,backgroundColor:t.color.surface,gap:4},noticeText:{color:t.color.textSecondary,fontSize:11},retryText:{color:t.color.text,fontSize:12,paddingVertical:6}});

package/lib/module/components/optionalExpoImage.js

@@ -1,12 +1 @@
-"use strict";
-
-let ExpoImage = null;
-try {
-  ExpoImage = require("expo-image").Image ?? null;
-} catch {
-  // Optional peer: the package or its native module may be unavailable.
-}
-export function getExpoPreviewImage() {
-  return ExpoImage;
-}
-//# sourceMappingURL=optionalExpoImage.js.map
+"use strict";let e=null;try{e=require("expo-image").Image??null}catch{}export function getExpoPreviewImage(){return e}

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

@@ -1,7 +1 @@
-"use strict";
-
-/** Browser image elements already support SVG. */
-export function getExpoPreviewImage() {
-  return null;
-}
-//# sourceMappingURL=optionalExpoImage.web.js.map
+"use strict";export function getExpoPreviewImage(){return null}

package/lib/module/export.js

@@ -1,57 +1 @@
-"use strict";
-
-/**
- * Markdown reports for the shared ToolbarCopyButton — the paste-into-your-
- * issue-tracker view of the inventory.
- */
-
-import { formatBytes, formatDimensions, formatScales } from "./format";
-import { estDecodedBytes } from "./store/assetStore";
-export 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: ${formatDimensions(record)} (logical)`);
-  if (record.scales.length) lines.push(`- Scales: ${formatScales(record.scales)}`);
-  if (record.sizeBytes != null && record.sizeSource === "measured") {
-    lines.push(`- Size (all variants): ${formatBytes(record.sizeBytes)}`);
-  }
-  const estimate = estDecodedBytes(record);
-  if (estimate > 0) lines.push(`- Decoded memory: ~${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");
-}
-export function formatInventoryMarkdown(records, stats, insights, scanStatus, diff) {
-  const lines = ["# Asset inventory", "", `${stats.total} assets · ${stats.loaded} loaded · ${stats.neverLoaded} not observed` + (stats.totalBytes > 0 ? ` · ${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 ? "+" : "−"}${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" ? formatBytes(r.sizeBytes) : estDecodedBytes(r) > 0 ? `~${formatBytes(estDecodedBytes(r))}` : "—";
-    lines.push(`| ${r.name}.${r.type} | ${r.kind} | ${r.kind === "image" ? formatDimensions(r) : "—"} | ${formatScales(r.scales)} | ${size} | ${r.loaded ? "yes" : "NO"} |`);
-  }
-  return lines.join("\n");
-}
-//# sourceMappingURL=export.js.map
+"use strict";import{formatBytes as i,formatDimensions as u,formatScales as p}from"./format";import{estDecodedBytes as d}from"./store/assetStore";export function formatAssetMarkdown(e){const t=[`# Asset: ${e.name}.${e.type}`,"",`- Kind: ${e.kind}`,`- Status: ${e.loaded?"loaded at runtime":"not observed in the runtime registry"}`];if(e.kind==="image")t.push(`- Dimensions: ${u(e)} (logical)`);if(e.scales.length)t.push(`- Scales: ${p(e.scales)}`);if(e.sizeBytes!=null&&e.sizeSource==="measured"){t.push(`- Size (all variants): ${i(e.sizeBytes)}`)}const n=d(e);if(n>0)t.push(`- Decoded memory: ~${i(n)}`);if(e.hash)t.push(`- Hash: ${e.hash}`);if(e.httpServerLocation)t.push(`- Location: ${e.httpServerLocation}`);if(e.fileSystemLocation)t.push(`- Source dir: ${e.fileSystemLocation}`);if(e.resolvedUri)t.push(`- Resolved URI: ${e.resolvedUri}`);return t.join("\n")}export function formatInventoryMarkdown(e,t,n,h,a){const l=["# Asset inventory","",`${t.total} assets \xB7 ${t.loaded} loaded \xB7 ${t.neverLoaded} not observed`+(t.totalBytes>0?` \xB7 ${i(t.totalBytes)} measured (${t.measuredCount}/${t.total})`:"")];if(h.fontFamilies.length){l.push(`Fonts loaded: ${h.fontFamilies.join(", ")}`)}if(!h.graphSupported){l.push(h.graphError?`_Metro bundle graph unavailable (${h.graphError}) \u2014 runtime-registered assets only._`:"_No Metro bundle graph \u2014 runtime-registered assets only (release build)._")}if(a){const s=a.netBytes!=null?`${a.netBytes>=0?"+":"\u2212"}${i(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 ${s}`);for(const r of a.removed.slice(0,20)){l.push(`- removed: ${r.name}.${r.type}`)}}const o=[];if(n.neverLoaded.length)o.push(`- ${n.neverLoaded.length} shipped but not observed`);if(n.duplicates.length)o.push(`- ${n.duplicates.length} duplicate content groups`);if(n.webpCandidates.length)o.push(`- ${n.webpCandidates.length} WebP conversion candidates`);if(n.scaleGaps.length)o.push(`- ${n.scaleGaps.length} scale-coverage gaps`);if(n.overDecode.length)o.push(`- ${n.overDecode.length} images decoding larger than 2\xD7 the screen`);if(n.heavyGifs.length)o.push(`- ${n.heavyGifs.length} heavy GIFs (convert to video/Lottie)`);if(n.heavyFonts.length)o.push(`- ${n.heavyFonts.length} heavy fonts (subset candidates)`);if(n.scaleAnomalies.length)o.push(`- ${n.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 s of e){const r=s.sizeBytes!=null&&s.sizeSource==="measured"?i(s.sizeBytes):d(s)>0?`~${i(d(s))}`:"\u2014";l.push(`| ${s.name}.${s.type} | ${s.kind} | ${s.kind==="image"?u(s):"\u2014"} | ${p(s.scales)} | ${r} | ${s.loaded?"yes":"NO"} |`)}return l.join("\n")}