@buoy-gg/assets 7.0.38 → 7.0.40

package/lib/module/components/AssetDetail.js

@@ -1 +1,207 @@
-"use strict";import{ScrollView,StyleSheet,Text,View}from"react-native";import{night}from"@buoy-gg/shared-ui";import{AssetImage}from"./AssetImage";import{formatBytes,formatDimensions,formatScales}from"../format";import{estDecodedBytes}from"../store/assetStore";import{ASSETS_TEST_IDS,assetDetailRowTestID,assetFindingTestID}from"../utils/testIDs";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function Row({label:e,value:t}){const s=assetDetailRowTestID(e);return _jsxs(View,{style:styles.kvRow,testID:s,children:[_jsx(Text,{style:styles.kvLabel,children:e}),_jsx(Text,{style:styles.kvValue,selectable:!0,testID:`${s}-value`,children:t})]})}function Preview({record:e}){return"image"===e.kind?_jsx(View,{style:styles.previewBox,testID:ASSETS_TEST_IDS.detailPreview,children:_jsx(AssetImage,{testID:"buoy-internal-assets-preview",record:e,style:styles.previewImage})}):"font"===e.kind?_jsx(View,{style:styles.previewBox,testID:ASSETS_TEST_IDS.detailFontPreview,children:_jsx(Text,{style:[styles.fontPreview,{fontFamily:e.name}],children:"The quick brown fox jumps over the lazy dog 0123456789"})}):null}export function AssetDetail({record:e,insights:t}){const s=[];t.neverLoaded.includes(e.id)&&s.push("Not observed in the runtime registry this app run. This does not prove the asset is unused."),t.scaleGaps.includes(e.id)&&s.push("Scale gap — no variant covers this device's pixel ratio"),t.webpCandidates.includes(e.id)&&s.push("WebP candidate — large png/jpeg, converting typically saves 20–40%");const i=t.duplicates.find(t=>t.ids.includes(e.id));i&&s.push(`Duplicate content — identical bytes shipped ${i.ids.length} times`),t.overDecode.includes(e.id)&&s.push("Decodes larger than 2× this entire screen — resize the source, no view can need this many pixels"),t.heavyGifs.includes(e.id)&&s.push("Heavy GIF — every frame decodes into memory; a video or Lottie is typically ~90% smaller"),t.heavyFonts.includes(e.id)&&s.push("Heavy font — likely an unsubset icon font; subsetting to used glyphs usually saves most of it"),t.scaleAnomalies.includes(e.id)&&s.push("Scale anomaly — a higher-resolution variant is smaller in bytes than a lower one; check the exports");const l=estDecodedBytes(e);return _jsxs(ScrollView,{style:styles.scroll,contentContainerStyle:styles.content,testID:ASSETS_TEST_IDS.detailScroll,children:[_jsx(Preview,{record:e}),s.length>0?_jsx(View,{style:styles.findings,testID:ASSETS_TEST_IDS.detailFindings,children:s.map((e,t)=>_jsx(Text,{style:styles.findingText,testID:assetFindingTestID(t),children:e},e))}):null,_jsx(Row,{label:"Name",value:`${e.name}.${e.type}`}),_jsx(Row,{label:"Kind",value:e.kind}),_jsx(Row,{label:"Status",value:e.loaded?"Loaded (registered at runtime)":"Not observed in the runtime registry"}),"image"===e.kind?_jsx(Row,{label:"Dimensions",value:`${formatDimensions(e)} (logical)`}):null,"image"===e.kind&&e.scales.length?_jsx(Row,{label:"Scales",value:formatScales(e.scales)}):null,e.sizesByScale?Object.entries(e.sizesByScale).map(([e,t])=>_jsx(Row,{label:`Size @${e}x`,value:formatBytes(t)},e)):null,null!=e.sizeBytes&&"measured"===e.sizeSource?_jsx(Row,{label:"Total size",value:formatBytes(e.sizeBytes)}):null,l>0?_jsx(Row,{label:"Decoded memory",value:`~${formatBytes(l)} (RGBA)`}):null,null!=e.registryId?_jsx(Row,{label:"Registry id",value:String(e.registryId)}):null,e.hash?_jsx(Row,{label:"Hash",value:e.hash}):null,e.httpServerLocation?_jsx(Row,{label:"Location",value:e.httpServerLocation}):null,e.fileSystemLocation?_jsx(Row,{label:"Source dir",value:e.fileSystemLocation}):null,e.resolvedUri?_jsx(Row,{label:"Resolved URI",value:e.resolvedUri}):null]})}const styles=StyleSheet.create({scroll:{flex:1},content:{padding:12,gap:8},previewBox:{borderRadius:8,backgroundColor:night.color.bg,padding:12,alignItems:"center",justifyContent:"center",minHeight:96},previewImage:{width:"100%",height:140},fontPreview:{color:night.color.text,fontSize:16,textAlign:"center"},findings:{borderRadius:8,borderWidth:1,borderColor:night.color.border,backgroundColor:night.color.surface,padding:10,gap:6},findingText:{color:night.color.textSecondary,fontSize:11,lineHeight:15},kvRow:{gap:2},kvLabel:{color:night.color.textTertiary,fontSize:9,fontWeight:"700",letterSpacing:.5,textTransform:"uppercase"},kvValue:{color:night.color.text,fontSize:12}});
+"use strict";
+
+/**
+ * AssetDetail — full metadata for one asset: preview, identity, dimensions,
+ * per-scale sizes, resolution info, and which audit findings apply.
+ *
+ * Image previews use registry ids or asset URLs, with optional expo-image for
+ * native SVGs; fonts render a pangram with fontFamily set to the asset name
+ * — a best-effort guess (family ≠ filename for many fonts) that falls back
+ * to the system font silently when it misses.
+ */
+
+import { ScrollView, StyleSheet, Text, View } from "react-native";
+import { night } from "@buoy-gg/shared-ui";
+import { AssetImage } from "./AssetImage";
+import { formatBytes, formatDimensions, formatScales } from "../format";
+import { estDecodedBytes } from "../store/assetStore";
+import { ASSETS_TEST_IDS, assetDetailRowTestID, assetFindingTestID } from "../utils/testIDs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function Row({
+  label,
+  value
+}) {
+  const testID = assetDetailRowTestID(label);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.kvRow,
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.kvLabel,
+      children: label
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.kvValue,
+      selectable: true,
+      testID: `${testID}-value`,
+      children: value
+    })]
+  });
+}
+function Preview({
+  record
+}) {
+  if (record.kind === "image") {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.previewBox,
+      testID: ASSETS_TEST_IDS.detailPreview,
+      children: /*#__PURE__*/_jsx(AssetImage, {
+        testID: "buoy-internal-assets-preview",
+        record: record,
+        style: styles.previewImage
+      })
+    });
+  }
+  if (record.kind === "font") {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.previewBox,
+      testID: ASSETS_TEST_IDS.detailFontPreview,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.fontPreview, {
+          fontFamily: record.name
+        }],
+        children: "The quick brown fox jumps over the lazy dog 0123456789"
+      })
+    });
+  }
+  return null;
+}
+export function AssetDetail({
+  record,
+  insights
+}) {
+  const findings = [];
+  if (insights.neverLoaded.includes(record.id)) {
+    findings.push("Not observed in the runtime registry this app run. This does not prove the asset is unused.");
+  }
+  if (insights.scaleGaps.includes(record.id)) {
+    findings.push("Scale gap — no variant covers this device's pixel ratio");
+  }
+  if (insights.webpCandidates.includes(record.id)) {
+    findings.push("WebP candidate — large png/jpeg, converting typically saves 20–40%");
+  }
+  const duplicate = insights.duplicates.find(d => d.ids.includes(record.id));
+  if (duplicate) {
+    findings.push(`Duplicate content — identical bytes shipped ${duplicate.ids.length} times`);
+  }
+  if (insights.overDecode.includes(record.id)) {
+    findings.push("Decodes larger than 2× this entire screen — resize the source, no view can need this many pixels");
+  }
+  if (insights.heavyGifs.includes(record.id)) {
+    findings.push("Heavy GIF — every frame decodes into memory; a video or Lottie is typically ~90% smaller");
+  }
+  if (insights.heavyFonts.includes(record.id)) {
+    findings.push("Heavy font — likely an unsubset icon font; subsetting to used glyphs usually saves most of it");
+  }
+  if (insights.scaleAnomalies.includes(record.id)) {
+    findings.push("Scale anomaly — a higher-resolution variant is smaller in bytes than a lower one; check the exports");
+  }
+  const estimate = estDecodedBytes(record);
+  return /*#__PURE__*/_jsxs(ScrollView, {
+    style: styles.scroll,
+    contentContainerStyle: styles.content,
+    testID: ASSETS_TEST_IDS.detailScroll,
+    children: [/*#__PURE__*/_jsx(Preview, {
+      record: record
+    }), findings.length > 0 ? /*#__PURE__*/_jsx(View, {
+      style: styles.findings,
+      testID: ASSETS_TEST_IDS.detailFindings,
+      children: findings.map((finding, index) => /*#__PURE__*/_jsx(Text, {
+        style: styles.findingText,
+        testID: assetFindingTestID(index),
+        children: finding
+      }, finding))
+    }) : null, /*#__PURE__*/_jsx(Row, {
+      label: "Name",
+      value: `${record.name}.${record.type}`
+    }), /*#__PURE__*/_jsx(Row, {
+      label: "Kind",
+      value: record.kind
+    }), /*#__PURE__*/_jsx(Row, {
+      label: "Status",
+      value: record.loaded ? "Loaded (registered at runtime)" : "Not observed in the runtime registry"
+    }), record.kind === "image" ? /*#__PURE__*/_jsx(Row, {
+      label: "Dimensions",
+      value: `${formatDimensions(record)} (logical)`
+    }) : null, record.kind === "image" && record.scales.length ? /*#__PURE__*/_jsx(Row, {
+      label: "Scales",
+      value: formatScales(record.scales)
+    }) : null, record.sizesByScale ? Object.entries(record.sizesByScale).map(([scale, bytes]) => /*#__PURE__*/_jsx(Row, {
+      label: `Size @${scale}x`,
+      value: formatBytes(bytes)
+    }, scale)) : null, record.sizeBytes != null && record.sizeSource === "measured" ? /*#__PURE__*/_jsx(Row, {
+      label: "Total size",
+      value: formatBytes(record.sizeBytes)
+    }) : null, estimate > 0 ? /*#__PURE__*/_jsx(Row, {
+      label: "Decoded memory",
+      value: `~${formatBytes(estimate)} (RGBA)`
+    }) : null, record.registryId != null ? /*#__PURE__*/_jsx(Row, {
+      label: "Registry id",
+      value: String(record.registryId)
+    }) : null, record.hash ? /*#__PURE__*/_jsx(Row, {
+      label: "Hash",
+      value: record.hash
+    }) : null, record.httpServerLocation ? /*#__PURE__*/_jsx(Row, {
+      label: "Location",
+      value: record.httpServerLocation
+    }) : null, record.fileSystemLocation ? /*#__PURE__*/_jsx(Row, {
+      label: "Source dir",
+      value: record.fileSystemLocation
+    }) : null, record.resolvedUri ? /*#__PURE__*/_jsx(Row, {
+      label: "Resolved URI",
+      value: record.resolvedUri
+    }) : null]
+  });
+}
+const styles = StyleSheet.create({
+  scroll: {
+    flex: 1
+  },
+  content: {
+    padding: 12,
+    gap: 8
+  },
+  previewBox: {
+    borderRadius: 8,
+    backgroundColor: night.color.bg,
+    padding: 12,
+    alignItems: "center",
+    justifyContent: "center",
+    minHeight: 96
+  },
+  previewImage: {
+    width: "100%",
+    height: 140
+  },
+  fontPreview: {
+    color: night.color.text,
+    fontSize: 16,
+    textAlign: "center"
+  },
+  findings: {
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: night.color.border,
+    backgroundColor: night.color.surface,
+    padding: 10,
+    gap: 6
+  },
+  findingText: {
+    color: night.color.textSecondary,
+    fontSize: 11,
+    lineHeight: 15
+  },
+  kvRow: {
+    gap: 2
+  },
+  kvLabel: {
+    color: night.color.textTertiary,
+    fontSize: 9,
+    fontWeight: "700",
+    letterSpacing: 0.5,
+    textTransform: "uppercase"
+  },
+  kvValue: {
+    color: night.color.text,
+    fontSize: 12
+  }
+});
+//# sourceMappingURL=AssetDetail.js.map

package/lib/module/components/AssetDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","StyleSheet","Text","View","night","AssetImage","formatBytes","formatDimensions","formatScales","estDecodedBytes","ASSETS_TEST_IDS","assetDetailRowTestID","assetFindingTestID","jsx","_jsx","jsxs","_jsxs","Row","label","value","testID","style","styles","kvRow","children","kvLabel","kvValue","selectable","Preview","record","kind","previewBox","detailPreview","previewImage","detailFontPreview","fontPreview","fontFamily","name","AssetDetail","insights","findings","neverLoaded","includes","id","push","scaleGaps","webpCandidates","duplicate","duplicates","find","d","ids","length","overDecode","heavyGifs","heavyFonts","scaleAnomalies","estimate","scroll","contentContainerStyle","content","detailScroll","detailFindings","map","finding","index","findingText","type","loaded","scales","sizesByScale","Object","entries","scale","bytes","sizeBytes","sizeSource","registryId","String","hash","httpServerLocation","fileSystemLocation","resolvedUri","create","flex","padding","gap","borderRadius","backgroundColor","color","bg","alignItems","justifyContent","minHeight","width","height","text","fontSize","textAlign","borderWidth","borderColor","border","surface","textSecondary","lineHeight","textTertiary","fontWeight","letterSpacing","textTransform"],"sourceRoot":"../../../src","sources":["components/AssetDetail.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/AssetImage.js

@@ -1 +1,62 @@
-"use strict";import{useState}from"react";import{Image,Platform,StyleSheet,Text,View}from"react-native";import{night}from"@buoy-gg/shared-ui";import{displaySource}from"../capture/measure";import{getExpoPreviewImage}from"./optionalExpoImage";import{jsx as _jsx}from"react/jsx-runtime";export function AssetImage({record:e,style:t,testID:r,compact:o=!1}){const s=displaySource(e),a="svg"===e.type.toLowerCase(),i=a&&"web"!==Platform.OS?getExpoPreviewImage():null,l=`${e.key}:${e.hash??""}:${"number"==typeof s?s:s?.uri??""}`,[n,c]=useState(null);if(null==s||n===l||a&&"web"!==Platform.OS&&!i){const e=a?"SVG preview unavailable":"Image preview unavailable";return _jsx(View,{style:[t,styles.fallback],accessibilityLabel:e,testID:`${r}-unavailable`,children:_jsx(Text,{style:styles.text,children:o?a?"SVG":"IMG":e})})}const m=()=>c(l);return i?_jsx(i,{source:s,style:t,contentFit:"contain",onError:m,testID:r}):_jsx(Image,{source:s,style:t,resizeMode:"contain",onError:m,testID:r})}const styles=StyleSheet.create({fallback:{alignItems:"center",justifyContent:"center"},text:{color:night.color.textSecondary,fontSize:10,textAlign:"center"}});
+"use strict";
+
+import { useState } from "react";
+import { Image, Platform, StyleSheet, Text, View } from "react-native";
+import { night } from "@buoy-gg/shared-ui";
+import { displaySource } from "../capture/measure";
+import { getExpoPreviewImage } from "./optionalExpoImage";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function AssetImage({
+  record,
+  style,
+  testID,
+  compact = false
+}) {
+  const source = displaySource(record);
+  const svg = record.type.toLowerCase() === "svg";
+  const ExpoImage = svg && Platform.OS !== "web" ? getExpoPreviewImage() : null;
+  const sourceKey = `${record.key}:${record.hash ?? ""}:${typeof source === "number" ? source : source?.uri ?? ""}`;
+  const [failedSource, setFailedSource] = useState(null);
+  const unavailable = source == null || failedSource === sourceKey || svg && Platform.OS !== "web" && !ExpoImage;
+  if (unavailable) {
+    const label = svg ? "SVG preview unavailable" : "Image preview unavailable";
+    return /*#__PURE__*/_jsx(View, {
+      style: [style, styles.fallback],
+      accessibilityLabel: label,
+      testID: `${testID}-unavailable`,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.text,
+        children: compact ? svg ? "SVG" : "IMG" : label
+      })
+    });
+  }
+  const onError = () => setFailedSource(sourceKey);
+  if (ExpoImage) {
+    return /*#__PURE__*/_jsx(ExpoImage, {
+      source: source,
+      style: style,
+      contentFit: "contain",
+      onError: onError,
+      testID: testID
+    });
+  }
+  return /*#__PURE__*/_jsx(Image, {
+    source: source,
+    style: style,
+    resizeMode: "contain",
+    onError: onError,
+    testID: testID
+  });
+}
+const styles = StyleSheet.create({
+  fallback: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  text: {
+    color: night.color.textSecondary,
+    fontSize: 10,
+    textAlign: "center"
+  }
+});
+//# sourceMappingURL=AssetImage.js.map

package/lib/module/components/AssetImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Image","Platform","StyleSheet","Text","View","night","displaySource","getExpoPreviewImage","jsx","_jsx","AssetImage","record","style","testID","compact","source","svg","type","toLowerCase","ExpoImage","OS","sourceKey","key","hash","uri","failedSource","setFailedSource","unavailable","label","styles","fallback","accessibilityLabel","children","text","onError","contentFit","resizeMode","create","alignItems","justifyContent","color","textSecondary","fontSize","textAlign"],"sourceRoot":"../../../src","sources":["components/AssetImage.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEtE,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,aAAa,QAAQ,oBAAoB;AAElD,SAASC,mBAAmB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1D,OAAO,SAASC,UAAUA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC,MAAM;EAAEC,OAAO,GAAG;AAK9D,CAAC,EAAE;EACD,MAAMC,MAAM,GAAGT,aAAa,CAACK,MAAM,CAAC;EACpC,MAAMK,GAAG,GAAGL,MAAM,CAACM,IAAI,CAACC,WAAW,CAAC,CAAC,KAAK,KAAK;EAC/C,MAAMC,SAAS,GAAGH,GAAG,IAAIf,QAAQ,CAACmB,EAAE,KAAK,KAAK,GAAGb,mBAAmB,CAAC,CAAC,GAAG,IAAI;EAC7E,MAAMc,SAAS,GAAG,GAAGV,MAAM,CAACW,GAAG,IAAIX,MAAM,CAACY,IAAI,IAAI,EAAE,IAAI,OAAOR,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAGA,MAAM,EAAES,GAAG,IAAI,EAAE,EAAE;EACjH,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG3B,QAAQ,CAAgB,IAAI,CAAC;EACrE,MAAM4B,WAAW,GAAGZ,MAAM,IAAI,IAAI,IAAIU,YAAY,KAAKJ,SAAS,IAC7DL,GAAG,IAAIf,QAAQ,CAACmB,EAAE,KAAK,KAAK,IAAI,CAACD,SAAU;EAE9C,IAAIQ,WAAW,EAAE;IACf,MAAMC,KAAK,GAAGZ,GAAG,GAAG,yBAAyB,GAAG,2BAA2B;IAC3E,oBACEP,IAAA,CAACL,IAAI;MAACQ,KAAK,EAAE,CAACA,KAAK,EAAEiB,MAAM,CAACC,QAAQ,CAAE;MAACC,kBAAkB,EAAEH,KAAM;MAACf,MAAM,EAAE,GAAGA,MAAM,cAAe;MAAAmB,QAAA,eAChGvB,IAAA,CAACN,IAAI;QAACS,KAAK,EAAEiB,MAAM,CAACI,IAAK;QAAAD,QAAA,EAAElB,OAAO,GAAIE,GAAG,GAAG,KAAK,GAAG,KAAK,GAAIY;MAAK,CAAO;IAAC,CACtE,CAAC;EAEX;EAEA,MAAMM,OAAO,GAAGA,CAAA,KAAMR,eAAe,CAACL,SAAS,CAAC;EAChD,IAAIF,SAAS,EAAE;IACb,oBAAOV,IAAA,CAACU,SAAS;MAACJ,MAAM,EAAEA,MAAO;MAACH,KAAK,EAAEA,KAAM;MAACuB,UAAU,EAAC,SAAS;MAACD,OAAO,EAAEA,OAAQ;MAACrB,MAAM,EAAEA;IAAO,CAAE,CAAC;EAC3G;EACA,oBAAOJ,IAAA,CAACT,KAAK;IAACe,MAAM,EAAEA,MAAO;IAACH,KAAK,EAAEA,KAAM;IAACwB,UAAU,EAAC,SAAS;IAACF,OAAO,EAAEA,OAAQ;IAACrB,MAAM,EAAEA;EAAO,CAAE,CAAC;AACvG;AAEA,MAAMgB,MAAM,GAAG3B,UAAU,CAACmC,MAAM,CAAC;EAC/BP,QAAQ,EAAE;IAAEQ,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS,CAAC;EAC5DN,IAAI,EAAE;IAAEO,KAAK,EAAEnC,KAAK,CAACmC,KAAK,CAACC,aAAa;IAAEC,QAAQ,EAAE,EAAE;IAAEC,SAAS,EAAE;EAAS;AAC9E,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/AssetRow.js

@@ -1 +1,228 @@
-"use strict";import{StyleSheet,Text,TouchableOpacity,View}from"react-native";import{macOSColors,night,Pill}from"@buoy-gg/shared-ui";import{AssetImage}from"./AssetImage";import{formatDimensions,formatScales,formatSize,KIND_COLORS,KIND_LABELS}from"../format";import{estDecodedBytes}from"../store/assetStore";import{assetBadgeTestID,assetRowTestID}from"../utils/testIDs";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function Badge({label:e,color:t,testID:s}){return _jsx(Pill,{label:e,color:t,variant:"quiet",dot:Boolean(t),style:{paddingVertical:2.5},testID:s})}export function AssetRow({record:e,flags:t,sizeFraction:s,onPress:o}){const l=KIND_COLORS[e.kind],r=[];return e.loaded||r.push({label:"NOT OBSERVED"}),t.oversize&&r.push({label:"OVERSIZE",color:macOSColors.semantic.error}),t.duplicate&&r.push({label:"DUP"}),t.heavy&&r.push({label:"HEAVY"}),t.scaleAnomaly?r.push({label:"BAD SCALE",color:macOSColors.semantic.error}):t.scaleGap&&r.push({label:"LOW-RES"}),t.webp&&r.push({label:"WEBP",color:macOSColors.semantic.info}),_jsxs(TouchableOpacity,{style:styles.card,testID:assetRowTestID(e.name,e.type),onPress:()=>o(e.id),activeOpacity:.7,children:[_jsxs(View,{style:styles.body,children:[_jsx(View,{style:styles.thumbBox,children:"image"===e.kind?_jsx(AssetImage,{testID:"buoy-internal-assets-thumb",record:e,style:styles.thumb,compact:!0}):_jsx(Text,{style:[styles.thumbFallback,{color:l}],children:KIND_LABELS[e.kind]})}),_jsxs(View,{style:styles.main,children:[_jsxs(Text,{style:styles.name,numberOfLines:1,testID:`${assetRowTestID(e.name,e.type)}-name`,children:[e.name,_jsxs(Text,{style:styles.ext,children:[".",e.type]})]}),_jsxs(View,{style:styles.metaRow,children:["image"===e.kind&&null!=e.width?_jsx(Text,{style:styles.meta,children:formatDimensions(e)}):null,"image"===e.kind&&e.scales.length?_jsx(Text,{style:styles.meta,children:formatScales(e.scales)}):null]})]}),_jsxs(View,{style:styles.right,children:[_jsx(Text,{style:styles.size,testID:`${assetRowTestID(e.name,e.type)}-size`,children:formatSize(e,estDecodedBytes(e))}),r.length?_jsx(View,{style:styles.badgeRow,children:r.slice(0,3).map(t=>_jsx(Badge,{label:t.label,color:t.color,testID:assetBadgeTestID(e.name,e.type,t.label)},t.label))}):null]})]}),s>0?_jsx(View,{style:styles.sizeTrack,children:_jsx(View,{style:[styles.sizeFill,{backgroundColor:l,width:`${Math.max(2,Math.round(100*s))}%`}]})}):null]})}const styles=StyleSheet.create({card:{marginHorizontal:10,marginTop:6,borderRadius:10,backgroundColor:night.color.surface,borderWidth:1,borderColor:night.color.border,overflow:"hidden"},body:{flexDirection:"row",alignItems:"center",paddingVertical:8,paddingHorizontal:12,gap:10},thumbBox:{width:40,height:40,borderRadius:8,backgroundColor:"rgba(255,255,255,0.10)",borderWidth:1,borderColor:night.color.border,alignItems:"center",justifyContent:"center",overflow:"hidden"},thumb:{width:34,height:34},thumbFallback:{fontSize:9,fontWeight:"700",letterSpacing:.5},main:{flex:1,gap:3},name:{color:night.color.text,fontSize:12,fontWeight:"600"},ext:{color:night.color.textTertiary,fontWeight:"400"},metaRow:{flexDirection:"row",alignItems:"center",gap:8},meta:{color:night.color.textSecondary,fontSize:10,fontVariant:["tabular-nums"]},right:{alignItems:"flex-end",gap:4},size:{color:night.color.text,fontSize:12,fontWeight:"700",fontVariant:["tabular-nums"]},badgeRow:{flexDirection:"row",gap:4},sizeTrack:{height:2,backgroundColor:"transparent"},sizeFill:{height:2,opacity:.45,borderTopRightRadius:2}});
+"use strict";
+
+/**
+ * AssetRow — one bundled asset as a family-style card (matching the network
+ * tool's rows): rounded card, colored accent edge per kind, thumbnail, name,
+ * quiet metadata, bold right-aligned size, and finding badges ONLY when a
+ * finding exists. A thin proportional bar along the card bottom makes the
+ * heavy assets feel heavy at a glance.
+ *
+ * Thumbnails render through the NUMERIC registry id when available — that
+ * routes through resolveAssetSource natively, so it works in dev, iOS
+ * release (file://) and Android release (bare resource id) alike. They carry
+ * the buoy-internal testID so the images tool never records our own UI.
+ */
+
+import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { macOSColors, night, Pill } from "@buoy-gg/shared-ui";
+import { AssetImage } from "./AssetImage";
+import { formatDimensions, formatScales, formatSize, KIND_COLORS, KIND_LABELS } from "../format";
+import { estDecodedBytes } from "../store/assetStore";
+import { assetBadgeTestID, assetRowTestID } from "../utils/testIDs";
+
+/** Which audit findings apply to this record (drives the row badges). */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function Badge({
+  label,
+  color,
+  testID
+}) {
+  // Quiet chip: legibility from light-gray text on a neutral fill. Only the
+  // serious tiers (red) and WEBP (blue) carry a small dot; the rest are plain.
+  return /*#__PURE__*/_jsx(Pill, {
+    label: label,
+    color: color,
+    variant: "quiet",
+    dot: Boolean(color),
+    style: {
+      paddingVertical: 2.5
+    },
+    testID: testID
+  });
+}
+export function AssetRow({
+  record,
+  flags,
+  sizeFraction,
+  onPress
+}) {
+  const accent = KIND_COLORS[record.kind];
+  const badges = [];
+  if (!record.loaded) badges.push({
+    label: "NOT OBSERVED"
+  });
+  if (flags.oversize) badges.push({
+    label: "OVERSIZE",
+    color: macOSColors.semantic.error
+  });
+  if (flags.duplicate) badges.push({
+    label: "DUP"
+  });
+  if (flags.heavy) badges.push({
+    label: "HEAVY"
+  });
+  if (flags.scaleAnomaly) badges.push({
+    label: "BAD SCALE",
+    color: macOSColors.semantic.error
+  });else if (flags.scaleGap) badges.push({
+    label: "LOW-RES"
+  });
+  if (flags.webp) badges.push({
+    label: "WEBP",
+    color: macOSColors.semantic.info
+  });
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    style: styles.card,
+    testID: assetRowTestID(record.name, record.type),
+    onPress: () => onPress(record.id),
+    activeOpacity: 0.7,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.body,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.thumbBox,
+        children: record.kind === "image" ? /*#__PURE__*/_jsx(AssetImage
+        // buoy-internal- prefix: the images tool skips its own toolchain's
+        // views, so previewing an asset never records a render of itself.
+        , {
+          testID: "buoy-internal-assets-thumb",
+          record: record,
+          style: styles.thumb,
+          compact: true
+        }) : /*#__PURE__*/_jsx(Text, {
+          style: [styles.thumbFallback, {
+            color: accent
+          }],
+          children: KIND_LABELS[record.kind]
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.main,
+        children: [/*#__PURE__*/_jsxs(Text, {
+          style: styles.name,
+          numberOfLines: 1,
+          testID: `${assetRowTestID(record.name, record.type)}-name`,
+          children: [record.name, /*#__PURE__*/_jsxs(Text, {
+            style: styles.ext,
+            children: [".", record.type]
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.metaRow,
+          children: [record.kind === "image" && record.width != null ? /*#__PURE__*/_jsx(Text, {
+            style: styles.meta,
+            children: formatDimensions(record)
+          }) : null, record.kind === "image" && record.scales.length ? /*#__PURE__*/_jsx(Text, {
+            style: styles.meta,
+            children: formatScales(record.scales)
+          }) : null]
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.right,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.size,
+          testID: `${assetRowTestID(record.name, record.type)}-size`,
+          children: formatSize(record, estDecodedBytes(record))
+        }), badges.length ? /*#__PURE__*/_jsx(View, {
+          style: styles.badgeRow,
+          children: badges.slice(0, 3).map(b => /*#__PURE__*/_jsx(Badge, {
+            label: b.label,
+            color: b.color,
+            testID: assetBadgeTestID(record.name, record.type, b.label)
+          }, b.label))
+        }) : null]
+      })]
+    }), sizeFraction > 0 ? /*#__PURE__*/_jsx(View, {
+      style: styles.sizeTrack,
+      children: /*#__PURE__*/_jsx(View, {
+        style: [styles.sizeFill, {
+          backgroundColor: accent,
+          width: `${Math.max(2, Math.round(sizeFraction * 100))}%`
+        }]
+      })
+    }) : null]
+  });
+}
+const styles = StyleSheet.create({
+  card: {
+    marginHorizontal: 10,
+    marginTop: 6,
+    borderRadius: 10,
+    backgroundColor: night.color.surface,
+    borderWidth: 1,
+    borderColor: night.color.border,
+    overflow: "hidden"
+  },
+  body: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    gap: 10
+  },
+  thumbBox: {
+    width: 40,
+    height: 40,
+    borderRadius: 8,
+    // Light plate so dark glyph assets stay visible on the dark card.
+    backgroundColor: "rgba(255,255,255,0.10)",
+    borderWidth: 1,
+    borderColor: night.color.border,
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden"
+  },
+  thumb: {
+    width: 34,
+    height: 34
+  },
+  thumbFallback: {
+    fontSize: 9,
+    fontWeight: "700",
+    letterSpacing: 0.5
+  },
+  main: {
+    flex: 1,
+    gap: 3
+  },
+  name: {
+    color: night.color.text,
+    fontSize: 12,
+    fontWeight: "600"
+  },
+  ext: {
+    color: night.color.textTertiary,
+    fontWeight: "400"
+  },
+  metaRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  meta: {
+    color: night.color.textSecondary,
+    fontSize: 10,
+    fontVariant: ["tabular-nums"]
+  },
+  right: {
+    alignItems: "flex-end",
+    gap: 4
+  },
+  size: {
+    color: night.color.text,
+    fontSize: 12,
+    fontWeight: "700",
+    fontVariant: ["tabular-nums"]
+  },
+  badgeRow: {
+    flexDirection: "row",
+    gap: 4
+  },
+  sizeTrack: {
+    height: 2,
+    backgroundColor: "transparent"
+  },
+  sizeFill: {
+    height: 2,
+    opacity: 0.45,
+    borderTopRightRadius: 2
+  }
+});
+//# sourceMappingURL=AssetRow.js.map

package/lib/module/components/AssetRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","TouchableOpacity","View","macOSColors","night","Pill","AssetImage","formatDimensions","formatScales","formatSize","KIND_COLORS","KIND_LABELS","estDecodedBytes","assetBadgeTestID","assetRowTestID","jsx","_jsx","jsxs","_jsxs","Badge","label","color","testID","variant","dot","Boolean","style","paddingVertical","AssetRow","record","flags","sizeFraction","onPress","accent","kind","badges","loaded","push","oversize","semantic","error","duplicate","heavy","scaleAnomaly","scaleGap","webp","info","styles","card","name","type","id","activeOpacity","children","body","thumbBox","thumb","compact","thumbFallback","main","numberOfLines","ext","metaRow","width","meta","scales","length","right","size","badgeRow","slice","map","b","sizeTrack","sizeFill","backgroundColor","Math","max","round","create","marginHorizontal","marginTop","borderRadius","surface","borderWidth","borderColor","border","overflow","flexDirection","alignItems","paddingHorizontal","gap","height","justifyContent","fontSize","fontWeight","letterSpacing","flex","text","textTertiary","textSecondary","fontVariant","opacity","borderTopRightRadius"],"sourceRoot":"../../../src","sources":["components/AssetRow.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACvE,SAASC,WAAW,EAAEC,KAAK,EAAEC,IAAI,QAAQ,oBAAoB;AAC7D,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,gBAAgB,EAChBC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,WAAW,QACN,WAAW;AAClB,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,gBAAgB,EAAEC,cAAc,QAAQ,kBAAkB;;AAGnE;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAkBA,SAASC,KAAKA,CAAC;EACbC,KAAK;EACLC,KAAK;EACLC;AAKF,CAAC,EAAE;EACD;EACA;EACA,oBACEN,IAAA,CAACX,IAAI;IAACe,KAAK,EAAEA,KAAM;IAACC,KAAK,EAAEA,KAAM;IAACE,OAAO,EAAC,OAAO;IAACC,GAAG,EAAEC,OAAO,CAACJ,KAAK,CAAE;IAACK,KAAK,EAAE;MAAEC,eAAe,EAAE;IAAI,CAAE;IAACL,MAAM,EAAEA;EAAO,CAAE,CAAC;AAE9H;AAEA,OAAO,SAASM,QAAQA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC,YAAY;EAAEC;AAAuB,CAAC,EAAE;EAChF,MAAMC,MAAM,GAAGvB,WAAW,CAACmB,MAAM,CAACK,IAAI,CAAC;EAEvC,MAAMC,MAAgD,GAAG,EAAE;EAC3D,IAAI,CAACN,MAAM,CAACO,MAAM,EAAED,MAAM,CAACE,IAAI,CAAC;IAAEjB,KAAK,EAAE;EAAe,CAAC,CAAC;EAC1D,IAAIU,KAAK,CAACQ,QAAQ,EAAEH,MAAM,CAACE,IAAI,CAAC;IAAEjB,KAAK,EAAE,UAAU;IAAEC,KAAK,EAAElB,WAAW,CAACoC,QAAQ,CAACC;EAAM,CAAC,CAAC;EACzF,IAAIV,KAAK,CAACW,SAAS,EAAEN,MAAM,CAACE,IAAI,CAAC;IAAEjB,KAAK,EAAE;EAAM,CAAC,CAAC;EAClD,IAAIU,KAAK,CAACY,KAAK,EAAEP,MAAM,CAACE,IAAI,CAAC;IAAEjB,KAAK,EAAE;EAAQ,CAAC,CAAC;EAChD,IAAIU,KAAK,CAACa,YAAY,EAAER,MAAM,CAACE,IAAI,CAAC;IAAEjB,KAAK,EAAE,WAAW;IAAEC,KAAK,EAAElB,WAAW,CAACoC,QAAQ,CAACC;EAAM,CAAC,CAAC,CAAC,KAC1F,IAAIV,KAAK,CAACc,QAAQ,EAAET,MAAM,CAACE,IAAI,CAAC;IAAEjB,KAAK,EAAE;EAAU,CAAC,CAAC;EAC1D,IAAIU,KAAK,CAACe,IAAI,EAAEV,MAAM,CAACE,IAAI,CAAC;IAAEjB,KAAK,EAAE,MAAM;IAAEC,KAAK,EAAElB,WAAW,CAACoC,QAAQ,CAACO;EAAK,CAAC,CAAC;EAEhF,oBACE5B,KAAA,CAACjB,gBAAgB;IACfyB,KAAK,EAAEqB,MAAM,CAACC,IAAK;IACnB1B,MAAM,EAAER,cAAc,CAACe,MAAM,CAACoB,IAAI,EAAEpB,MAAM,CAACqB,IAAI,CAAE;IACjDlB,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACH,MAAM,CAACsB,EAAE,CAAE;IAClCC,aAAa,EAAE,GAAI;IAAAC,QAAA,gBAEnBnC,KAAA,CAAChB,IAAI;MAACwB,KAAK,EAAEqB,MAAM,CAACO,IAAK;MAAAD,QAAA,gBACvBrC,IAAA,CAACd,IAAI;QAACwB,KAAK,EAAEqB,MAAM,CAACQ,QAAS;QAAAF,QAAA,EAC1BxB,MAAM,CAACK,IAAI,KAAK,OAAO,gBACtBlB,IAAA,CAACV;QACC;QACA;QAAA;UACAgB,MAAM,EAAC,4BAA4B;UACnCO,MAAM,EAAEA,MAAO;UACfH,KAAK,EAAEqB,MAAM,CAACS,KAAM;UACpBC,OAAO;QAAA,CACR,CAAC,gBAEFzC,IAAA,CAAChB,IAAI;UAAC0B,KAAK,EAAE,CAACqB,MAAM,CAACW,aAAa,EAAE;YAAErC,KAAK,EAAEY;UAAO,CAAC,CAAE;UAAAoB,QAAA,EACpD1C,WAAW,CAACkB,MAAM,CAACK,IAAI;QAAC,CACrB;MACP,CACG,CAAC,eAEPhB,KAAA,CAAChB,IAAI;QAACwB,KAAK,EAAEqB,MAAM,CAACY,IAAK;QAAAN,QAAA,gBACvBnC,KAAA,CAAClB,IAAI;UACH0B,KAAK,EAAEqB,MAAM,CAACE,IAAK;UACnBW,aAAa,EAAE,CAAE;UACjBtC,MAAM,EAAE,GAAGR,cAAc,CAACe,MAAM,CAACoB,IAAI,EAAEpB,MAAM,CAACqB,IAAI,CAAC,OAAQ;UAAAG,QAAA,GAE1DxB,MAAM,CAACoB,IAAI,eACZ/B,KAAA,CAAClB,IAAI;YAAC0B,KAAK,EAAEqB,MAAM,CAACc,GAAI;YAAAR,QAAA,GAAC,GAAC,EAACxB,MAAM,CAACqB,IAAI;UAAA,CAAO,CAAC;QAAA,CAC1C,CAAC,eACPhC,KAAA,CAAChB,IAAI;UAACwB,KAAK,EAAEqB,MAAM,CAACe,OAAQ;UAAAT,QAAA,GACzBxB,MAAM,CAACK,IAAI,KAAK,OAAO,IAAIL,MAAM,CAACkC,KAAK,IAAI,IAAI,gBAC9C/C,IAAA,CAAChB,IAAI;YAAC0B,KAAK,EAAEqB,MAAM,CAACiB,IAAK;YAAAX,QAAA,EAAE9C,gBAAgB,CAACsB,MAAM;UAAC,CAAO,CAAC,GACzD,IAAI,EAEPA,MAAM,CAACK,IAAI,KAAK,OAAO,IAAIL,MAAM,CAACoC,MAAM,CAACC,MAAM,gBAC9ClD,IAAA,CAAChB,IAAI;YAAC0B,KAAK,EAAEqB,MAAM,CAACiB,IAAK;YAAAX,QAAA,EAAE7C,YAAY,CAACqB,MAAM,CAACoC,MAAM;UAAC,CAAO,CAAC,GAC5D,IAAI;QAAA,CACJ,CAAC;MAAA,CACH,CAAC,eAEP/C,KAAA,CAAChB,IAAI;QAACwB,KAAK,EAAEqB,MAAM,CAACoB,KAAM;QAAAd,QAAA,gBACxBrC,IAAA,CAAChB,IAAI;UACH0B,KAAK,EAAEqB,MAAM,CAACqB,IAAK;UACnB9C,MAAM,EAAE,GAAGR,cAAc,CAACe,MAAM,CAACoB,IAAI,EAAEpB,MAAM,CAACqB,IAAI,CAAC,OAAQ;UAAAG,QAAA,EAE1D5C,UAAU,CAACoB,MAAM,EAAEjB,eAAe,CAACiB,MAAM,CAAC;QAAC,CACxC,CAAC,EACNM,MAAM,CAAC+B,MAAM,gBACZlD,IAAA,CAACd,IAAI;UAACwB,KAAK,EAAEqB,MAAM,CAACsB,QAAS;UAAAhB,QAAA,EAC1BlB,MAAM,CAACmC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAACC,GAAG,CAAEC,CAAC,iBACxBxD,IAAA,CAACG,KAAK;YAEJC,KAAK,EAAEoD,CAAC,CAACpD,KAAM;YACfC,KAAK,EAAEmD,CAAC,CAACnD,KAAM;YACfC,MAAM,EAAET,gBAAgB,CAACgB,MAAM,CAACoB,IAAI,EAAEpB,MAAM,CAACqB,IAAI,EAAEsB,CAAC,CAACpD,KAAK;UAAE,GAHvDoD,CAAC,CAACpD,KAIR,CACF;QAAC,CACE,CAAC,GACL,IAAI;MAAA,CACJ,CAAC;IAAA,CACH,CAAC,EAENW,YAAY,GAAG,CAAC,gBACff,IAAA,CAACd,IAAI;MAACwB,KAAK,EAAEqB,MAAM,CAAC0B,SAAU;MAAApB,QAAA,eAC5BrC,IAAA,CAACd,IAAI;QACHwB,KAAK,EAAE,CACLqB,MAAM,CAAC2B,QAAQ,EACf;UACEC,eAAe,EAAE1C,MAAM;UACvB8B,KAAK,EAAE,GAAGa,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAAC/C,YAAY,GAAG,GAAG,CAAC,CAAC;QACvD,CAAC;MACD,CACH;IAAC,CACE,CAAC,GACL,IAAI;EAAA,CACQ,CAAC;AAEvB;AAEA,MAAMgB,MAAM,GAAGhD,UAAU,CAACgF,MAAM,CAAC;EAC/B/B,IAAI,EAAE;IACJgC,gBAAgB,EAAE,EAAE;IACpBC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE,EAAE;IAChBP,eAAe,EAAEvE,KAAK,CAACiB,KAAK,CAAC8D,OAAO;IACpCC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEjF,KAAK,CAACiB,KAAK,CAACiE,MAAM;IAC/BC,QAAQ,EAAE;EACZ,CAAC;EACDjC,IAAI,EAAE;IACJkC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpB9D,eAAe,EAAE,CAAC;IAClB+D,iBAAiB,EAAE,EAAE;IACrBC,GAAG,EAAE;EACP,CAAC;EACDpC,QAAQ,EAAE;IACRQ,KAAK,EAAE,EAAE;IACT6B,MAAM,EAAE,EAAE;IACVV,YAAY,EAAE,CAAC;IACf;IACAP,eAAe,EAAE,wBAAwB;IACzCS,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEjF,KAAK,CAACiB,KAAK,CAACiE,MAAM;IAC/BG,UAAU,EAAE,QAAQ;IACpBI,cAAc,EAAE,QAAQ;IACxBN,QAAQ,EAAE;EACZ,CAAC;EACD/B,KAAK,EAAE;IACLO,KAAK,EAAE,EAAE;IACT6B,MAAM,EAAE;EACV,CAAC;EACDlC,aAAa,EAAE;IACboC,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE;EACjB,CAAC;EACDrC,IAAI,EAAE;IACJsC,IAAI,EAAE,CAAC;IACPN,GAAG,EAAE;EACP,CAAC;EACD1C,IAAI,EAAE;IACJ5B,KAAK,EAAEjB,KAAK,CAACiB,KAAK,CAAC6E,IAAI;IACvBJ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDlC,GAAG,EAAE;IACHxC,KAAK,EAAEjB,KAAK,CAACiB,KAAK,CAAC8E,YAAY;IAC/BJ,UAAU,EAAE;EACd,CAAC;EACDjC,OAAO,EAAE;IACP0B,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBE,GAAG,EAAE;EACP,CAAC;EACD3B,IAAI,EAAE;IACJ3C,KAAK,EAAEjB,KAAK,CAACiB,KAAK,CAAC+E,aAAa;IAChCN,QAAQ,EAAE,EAAE;IACZO,WAAW,EAAE,CAAC,cAAc;EAC9B,CAAC;EACDlC,KAAK,EAAE;IACLsB,UAAU,EAAE,UAAU;IACtBE,GAAG,EAAE;EACP,CAAC;EACDvB,IAAI,EAAE;IACJ/C,KAAK,EAAEjB,KAAK,CAACiB,KAAK,CAAC6E,IAAI;IACvBJ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBM,WAAW,EAAE,CAAC,cAAc;EAC9B,CAAC;EACDhC,QAAQ,EAAE;IACRmB,aAAa,EAAE,KAAK;IACpBG,GAAG,EAAE;EACP,CAAC;EACDlB,SAAS,EAAE;IACTmB,MAAM,EAAE,CAAC;IACTjB,eAAe,EAAE;EACnB,CAAC;EACDD,QAAQ,EAAE;IACRkB,MAAM,EAAE,CAAC;IACTU,OAAO,EAAE,IAAI;IACbC,oBAAoB,EAAE;EACxB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/AssetsFilterBar.js

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