@buoy-gg/assets 7.0.41 → 7.0.42

package/lib/module/components/AssetDetail.js

@@ -1,207 +1 @@
-"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
+"use strict";import{ScrollView as h,StyleSheet as f,Text as u,View as r}from"react-native";import{night as o}from"@buoy-gg/shared-ui";import{AssetImage as g}from"./AssetImage";import{formatBytes as p,formatDimensions as b,formatScales as S}from"../format";import{estDecodedBytes as x}from"../store/assetStore";import{ASSETS_TEST_IDS as d,assetDetailRowTestID as w,assetFindingTestID as D}from"../utils/testIDs";import{jsx as t,jsxs as y}from"react/jsx-runtime";function i({label:e,value:n}){const l=w(e);return y(r,{style:s.kvRow,testID:l,children:[t(u,{style:s.kvLabel,children:e}),t(u,{style:s.kvValue,selectable:true,testID:`${l}-value`,children:n})]})}function I({record:e}){if(e.kind==="image"){return t(r,{style:s.previewBox,testID:d.detailPreview,children:t(g,{testID:"buoy-internal-assets-preview",record:e,style:s.previewImage})})}if(e.kind==="font"){return t(r,{style:s.previewBox,testID:d.detailFontPreview,children:t(u,{style:[s.fontPreview,{fontFamily:e.name}],children:"The quick brown fox jumps over the lazy dog 0123456789"})})}return null}export function AssetDetail({record:e,insights:n}){const l=[];if(n.neverLoaded.includes(e.id)){l.push("Not observed in the runtime registry this app run. This does not prove the asset is unused.")}if(n.scaleGaps.includes(e.id)){l.push("Scale gap \u2014 no variant covers this device's pixel ratio")}if(n.webpCandidates.includes(e.id)){l.push("WebP candidate \u2014 large png/jpeg, converting typically saves 20\u201340%")}const v=n.duplicates.find(a=>a.ids.includes(e.id));if(v){l.push(`Duplicate content \u2014 identical bytes shipped ${v.ids.length} times`)}if(n.overDecode.includes(e.id)){l.push("Decodes larger than 2\xD7 this entire screen \u2014 resize the source, no view can need this many pixels")}if(n.heavyGifs.includes(e.id)){l.push("Heavy GIF \u2014 every frame decodes into memory; a video or Lottie is typically ~90% smaller")}if(n.heavyFonts.includes(e.id)){l.push("Heavy font \u2014 likely an unsubset icon font; subsetting to used glyphs usually saves most of it")}if(n.scaleAnomalies.includes(e.id)){l.push("Scale anomaly \u2014 a higher-resolution variant is smaller in bytes than a lower one; check the exports")}const m=x(e);return y(h,{style:s.scroll,contentContainerStyle:s.content,testID:d.detailScroll,children:[t(I,{record:e}),l.length>0?t(r,{style:s.findings,testID:d.detailFindings,children:l.map((a,c)=>t(u,{style:s.findingText,testID:D(c),children:a},a))}):null,t(i,{label:"Name",value:`${e.name}.${e.type}`}),t(i,{label:"Kind",value:e.kind}),t(i,{label:"Status",value:e.loaded?"Loaded (registered at runtime)":"Not observed in the runtime registry"}),e.kind==="image"?t(i,{label:"Dimensions",value:`${b(e)} (logical)`}):null,e.kind==="image"&&e.scales.length?t(i,{label:"Scales",value:S(e.scales)}):null,e.sizesByScale?Object.entries(e.sizesByScale).map(([a,c])=>t(i,{label:`Size @${a}x`,value:p(c)},a)):null,e.sizeBytes!=null&&e.sizeSource==="measured"?t(i,{label:"Total size",value:p(e.sizeBytes)}):null,m>0?t(i,{label:"Decoded memory",value:`~${p(m)} (RGBA)`}):null,e.registryId!=null?t(i,{label:"Registry id",value:String(e.registryId)}):null,e.hash?t(i,{label:"Hash",value:e.hash}):null,e.httpServerLocation?t(i,{label:"Location",value:e.httpServerLocation}):null,e.fileSystemLocation?t(i,{label:"Source dir",value:e.fileSystemLocation}):null,e.resolvedUri?t(i,{label:"Resolved URI",value:e.resolvedUri}):null]})}const s=f.create({scroll:{flex:1},content:{padding:12,gap:8},previewBox:{borderRadius:8,backgroundColor:o.color.bg,padding:12,alignItems:"center",justifyContent:"center",minHeight:96},previewImage:{width:"100%",height:140},fontPreview:{color:o.color.text,fontSize:16,textAlign:"center"},findings:{borderRadius:8,borderWidth:1,borderColor:o.color.border,backgroundColor:o.color.surface,padding:10,gap:6},findingText:{color:o.color.textSecondary,fontSize:11,lineHeight:15},kvRow:{gap:2},kvLabel:{color:o.color.textTertiary,fontSize:9,fontWeight:"700",letterSpacing:.5,textTransform:"uppercase"},kvValue:{color:o.color.text,fontSize:12}});

package/lib/module/components/AssetImage.js

@@ -1,62 +1 @@
-"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
+"use strict";import{useState as S}from"react";import{Image as g,Platform as u,StyleSheet as x,Text as v,View as I}from"react-native";import{night as w}from"@buoy-gg/shared-ui";import{displaySource as h}from"../capture/measure";import{getExpoPreviewImage as E}from"./optionalExpoImage";import{jsx as r}from"react/jsx-runtime";export function AssetImage({record:t,style:n,testID:a,compact:f=false}){const e=h(t);const o=t.type.toLowerCase()==="svg";const s=o&&u.OS!=="web"?E():null;const l=`${t.key}:${t.hash??""}:${typeof e==="number"?e:e?.uri??""}`;const[p,b]=S(null);const y=e==null||p===l||o&&u.OS!=="web"&&!s;if(y){const c=o?"SVG preview unavailable":"Image preview unavailable";return r(I,{style:[n,m.fallback],accessibilityLabel:c,testID:`${a}-unavailable`,children:r(v,{style:m.text,children:f?o?"SVG":"IMG":c})})}const i=()=>b(l);if(s){return r(s,{source:e,style:n,contentFit:"contain",onError:i,testID:a})}return r(g,{source:e,style:n,resizeMode:"contain",onError:i,testID:a})}const m=x.create({fallback:{alignItems:"center",justifyContent:"center"},text:{color:w.color.textSecondary,fontSize:10,textAlign:"center"}});

package/lib/module/components/AssetRow.js

@@ -1,228 +1 @@
-"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
+"use strict";import{StyleSheet as p,Text as r,TouchableOpacity as g,View as o}from"react-native";import{macOSColors as c,night as n,Pill as y}from"@buoy-gg/shared-ui";import{AssetImage as f}from"./AssetImage";import{formatDimensions as x,formatScales as D,formatSize as w,KIND_COLORS as S,KIND_LABELS as I}from"../format";import{estDecodedBytes as z}from"../store/assetStore";import{assetBadgeTestID as R,assetRowTestID as d}from"../utils/testIDs";import{jsx as l,jsxs as s}from"react/jsx-runtime";function k({label:e,color:i,testID:m}){return l(y,{label:e,color:i,variant:"quiet",dot:Boolean(i),style:{paddingVertical:2.5},testID:m})}export function AssetRow({record:e,flags:i,sizeFraction:m,onPress:b}){const u=S[e.kind];const a=[];if(!e.loaded)a.push({label:"NOT OBSERVED"});if(i.oversize)a.push({label:"OVERSIZE",color:c.semantic.error});if(i.duplicate)a.push({label:"DUP"});if(i.heavy)a.push({label:"HEAVY"});if(i.scaleAnomaly)a.push({label:"BAD SCALE",color:c.semantic.error});else if(i.scaleGap)a.push({label:"LOW-RES"});if(i.webp)a.push({label:"WEBP",color:c.semantic.info});return s(g,{style:t.card,testID:d(e.name,e.type),onPress:()=>b(e.id),activeOpacity:.7,children:[s(o,{style:t.body,children:[l(o,{style:t.thumbBox,children:e.kind==="image"?l(f,{testID:"buoy-internal-assets-thumb",record:e,style:t.thumb,compact:true}):l(r,{style:[t.thumbFallback,{color:u}],children:I[e.kind]})}),s(o,{style:t.main,children:[s(r,{style:t.name,numberOfLines:1,testID:`${d(e.name,e.type)}-name`,children:[e.name,s(r,{style:t.ext,children:[".",e.type]})]}),s(o,{style:t.metaRow,children:[e.kind==="image"&&e.width!=null?l(r,{style:t.meta,children:x(e)}):null,e.kind==="image"&&e.scales.length?l(r,{style:t.meta,children:D(e.scales)}):null]})]}),s(o,{style:t.right,children:[l(r,{style:t.size,testID:`${d(e.name,e.type)}-size`,children:w(e,z(e))}),a.length?l(o,{style:t.badgeRow,children:a.slice(0,3).map(h=>l(k,{label:h.label,color:h.color,testID:R(e.name,e.type,h.label)},h.label))}):null]})]}),m>0?l(o,{style:t.sizeTrack,children:l(o,{style:[t.sizeFill,{backgroundColor:u,width:`${Math.max(2,Math.round(m*100))}%`}]})}):null]})}const t=p.create({card:{marginHorizontal:10,marginTop:6,borderRadius:10,backgroundColor:n.color.surface,borderWidth:1,borderColor:n.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:n.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:n.color.text,fontSize:12,fontWeight:"600"},ext:{color:n.color.textTertiary,fontWeight:"400"},metaRow:{flexDirection:"row",alignItems:"center",gap:8},meta:{color:n.color.textSecondary,fontSize:10,fontVariant:["tabular-nums"]},right:{alignItems:"flex-end",gap:4},size:{color:n.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}});

package/lib/module/components/AssetsFilterBar.js

@@ -1,101 +1 @@
-"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
+"use strict";import{StyleSheet as y,Text as b,TouchableOpacity as u,View as f}from"react-native";import{night as l}from"@buoy-gg/shared-ui";import{KIND_COLORS as p,KIND_LABELS as S}from"../format";import{ASSETS_TEST_IDS as k,assetFilterTestID as a}from"../utils/testIDs";import{jsx as n}from"react/jsx-runtime";export function AssetsFilterBar({stats:r,duplicateCount:i,filter:d,onChange:s}){const o=[{key:"all",label:`ALL ${r.total}`,accent:l.color.textSecondary},{key:"duplicates",label:`DUPLICATES ${i}`,accent:"#FF9F1C"}];for(const e of Object.keys(r.byKind)){const t=r.byKind[e];if(t.count>0){o.push({key:e,label:`${S[e]} ${t.count}`,accent:p[e]})}}if(r.neverLoaded>0){o.push({key:"unused",label:`NOT OBSERVED ${r.neverLoaded}`,accent:"#FF9F1C"})}if(o.length<=1)return null;return n(f,{style:c.bar,testID:k.filterBar,children:o.map(e=>{const t=e.key===d;return n(u,{accessibilityRole:"button",accessibilityState:{selected:t},testID:a(e.key),style:[c.chip,t&&{borderColor:e.accent,backgroundColor:`${e.accent}1A`}],onPress:()=>s(t?"all":e.key),children:n(b,{testID:`${a(e.key)}-label`,style:[c.chipText,{color:t?e.accent:l.color.textSecondary}],children:e.label})},e.key)})})}const c=y.create({bar:{flexDirection:"row",flexWrap:"wrap",gap:6,paddingHorizontal:10,paddingVertical:8},chip:{borderWidth:1,borderColor:l.color.border,backgroundColor:l.color.surface,borderRadius:999,paddingHorizontal:10,paddingVertical:5},chipText:{fontSize:10,fontWeight:"700",letterSpacing:.4,lineHeight:13}});

package/lib/module/components/AssetsHeader.js

@@ -1,69 +1 @@
-"use strict";
-
-/**
- * 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.
- */
-
-import { ModalHeader, ToolbarClearButton, ToolbarCopyButton } from "@buoy-gg/shared-ui";
-import { formatBytes } from "../format";
-import { ASSETS_TEST_IDS } from "../utils/testIDs";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export 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__*/_jsxs(ModalHeader, {
-      children: [/*#__PURE__*/_jsx(ModalHeader.Navigation, {
-        onBack: onCloseDetail
-      }), /*#__PURE__*/_jsx(ModalHeader.Content, {
-        title: "Asset detail",
-        subtitle: counter,
-        testID: ASSETS_TEST_IDS.title
-      }), /*#__PURE__*/_jsx(ModalHeader.Actions, {
-        children: /*#__PURE__*/_jsx(ToolbarCopyButton, {
-          value: getReport,
-          testID: 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(`${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__*/_jsxs(ModalHeader, {
-    children: [onBack ? /*#__PURE__*/_jsx(ModalHeader.Navigation, {
-      onBack: onBack
-    }) : null, /*#__PURE__*/_jsx(ModalHeader.Content, {
-      title: "Assets",
-      subtitle: subtitleParts.join(" · "),
-      testID: ASSETS_TEST_IDS.title
-    }), /*#__PURE__*/_jsxs(ModalHeader.Actions, {
-      children: [/*#__PURE__*/_jsx(ToolbarCopyButton, {
-        value: getReport,
-        testID: ASSETS_TEST_IDS.copy
-      }), /*#__PURE__*/_jsx(ToolbarClearButton, {
-        onPress: onClear,
-        testID: ASSETS_TEST_IDS.clear
-      })]
-    })]
-  });
-}
-//# sourceMappingURL=AssetsHeader.js.map
+"use strict";import{ModalHeader as e,ToolbarClearButton as b,ToolbarCopyButton as d}from"@buoy-gg/shared-ui";import{formatBytes as v}from"../format";import{ASSETS_TEST_IDS as n}from"../utils/testIDs";import{jsx as o,jsxs as i}from"react/jsx-runtime";export function AssetsHeader({stats:t,measuring:m,discovering:l=false,detailOpen:p,detailIndex:a=-1,detailTotal:u=0,onCloseDetail:$,onClear:h,getReport:f,onBack:c}){if(p){const r=a>=0&&u>0?`${a+1} of ${u}`:void 0;return i(e,{children:[o(e.Navigation,{onBack:$}),o(e.Content,{title:"Asset detail",subtitle:r,testID:n.title}),o(e.Actions,{children:o(d,{value:f,testID:n.copy})})]})}const s=[`${t.total} assets${l?" so far":""}`];if(t.totalBytes>0&&!m&&!l){const r=t.measuredCount<t.total?"+":"";s.push(`${v(t.totalBytes)}${r}`)}if(t.neverLoaded>0)s.push(`${t.neverLoaded} not observed`);if(t.fontFamilies>0)s.push(`${t.fontFamilies} fonts`);return i(e,{children:[c?o(e.Navigation,{onBack:c}):null,o(e.Content,{title:"Assets",subtitle:s.join(" \xB7 "),testID:n.title}),i(e.Actions,{children:[o(d,{value:f,testID:n.copy}),o(b,{onPress:h,testID:n.clear})]})]})}