@buoy-gg/images 7.0.41 → 7.0.43

package/lib/commonjs/components/ImageRow.js

@@ -1,156 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageRow = ImageRow;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _format = require("../format");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * ImageRow — one captured image in the list: thumbnail, filename, library +
- * cache badges, load time, and the size verdict.
- *
- * Thumbnails carry the buoy-internal testID so the capture layer skips them —
- * the tool must never appear in its own registry.
- */
-
-function ImageRow({
-  record,
-  onPress
-}) {
-  const verdict = (0, _format.sizeVerdict)(record);
-  const cache = (0, _format.cacheBadge)(record);
-  const showThumb = record.sourceKind === "network" || record.sourceKind === "asset" || record.sourceKind === "file";
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    style: styles.row,
-    testID: `buoy-image-row-${record.id}`,
-    onPress: () => onPress(record.id),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.thumbBox,
-      children: [showThumb && record.uri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-        testID: "buoy-internal-images-thumb",
-        source: {
-          uri: record.uri
-        },
-        style: styles.thumb,
-        resizeMode: "cover"
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.thumbFallback,
-        children: "?"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.statusDot, {
-          backgroundColor: (0, _format.statusColor)(record)
-        }]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.main,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.name,
-        numberOfLines: 1,
-        children: (0, _format.uriTail)(record.uri)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.metaRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Pill, {
-          variant: "text",
-          label: record.lib === "web" ? "WEB" : record.lib === "expo" ? "EXPO" : "RN",
-          color: _sharedUi.night.color.textTertiary
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Pill, {
-          variant: "text",
-          label: cache.label,
-          color: cache.color
-        }), record.overrideLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Pill, {
-          variant: "text",
-          label: "SIM",
-          color: _sharedUi.night.color.warning
-        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.meta,
-          children: (0, _format.formatMs)(record.durationMs)
-        }), record.intrinsic ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.meta,
-          children: [record.intrinsic.width, "\xD7", record.intrinsic.height]
-        }) : null]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.right,
-      children: record.status === "error" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.verdict, {
-          color: _sharedUi.macOSColors.semantic.error
-        }],
-        children: "FAILED"
-      }) : verdict.label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.verdict, {
-          color: verdict.color
-        }],
-        children: verdict.label
-      }) : null
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderBottomColor: _sharedUi.night.color.border,
-    gap: 10
-  },
-  thumbBox: {
-    width: 40,
-    height: 40,
-    borderRadius: 6,
-    backgroundColor: _sharedUi.night.color.bg,
-    alignItems: "center",
-    justifyContent: "center",
-    overflow: "hidden"
-  },
-  thumb: {
-    width: 40,
-    height: 40
-  },
-  thumbFallback: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 16,
-    fontWeight: "700"
-  },
-  statusDot: {
-    position: "absolute",
-    right: 2,
-    bottom: 2,
-    width: 8,
-    height: 8,
-    borderRadius: 4,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.bg
-  },
-  main: {
-    flex: 1,
-    gap: 2
-  },
-  name: {
-    color: _sharedUi.night.color.text,
-    fontSize: 12,
-    fontWeight: "600"
-  },
-  metaRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  meta: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 10,
-    fontVariant: ["tabular-nums"]
-  },
-  right: {
-    alignItems: "flex-end"
-  },
-  verdict: {
-    fontSize: 10,
-    fontWeight: "700"
-  }
-});
-//# sourceMappingURL=ImageRow.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ImageRow=ImageRow;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _format=require("../format");var _jsxRuntime=require("react/jsx-runtime");function ImageRow({record:t,onPress:o}){const e=(0,_format.sizeVerdict)(t);const i=(0,_format.cacheBadge)(t);const r=t.sourceKind==="network"||t.sourceKind==="asset"||t.sourceKind==="file";return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.row,testID:`buoy-image-row-${t.id}`,onPress:()=>o(t.id),children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.thumbBox,children:[r&&t.uri?(0,_jsxRuntime.jsx)(_reactNative.Image,{testID:"buoy-internal-images-thumb",source:{uri:t.uri},style:styles.thumb,resizeMode:"cover"}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.thumbFallback,children:"?"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.statusDot,{backgroundColor:(0,_format.statusColor)(t)}]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.main,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.name,numberOfLines:1,children:(0,_format.uriTail)(t.uri)}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.metaRow,children:[(0,_jsxRuntime.jsx)(_sharedUi.Pill,{variant:"text",label:t.lib==="web"?"WEB":t.lib==="expo"?"EXPO":"RN",color:_sharedUi.night.color.textTertiary}),(0,_jsxRuntime.jsx)(_sharedUi.Pill,{variant:"text",label:i.label,color:i.color}),t.overrideLabel?(0,_jsxRuntime.jsx)(_sharedUi.Pill,{variant:"text",label:"SIM",color:_sharedUi.night.color.warning}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.meta,children:(0,_format.formatMs)(t.durationMs)}),t.intrinsic?(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.meta,children:[t.intrinsic.width,"\xD7",t.intrinsic.height]}):null]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.right,children:t.status==="error"?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.verdict,{color:_sharedUi.macOSColors.semantic.error}],children:"FAILED"}):e.label?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.verdict,{color:e.color}],children:e.label}):null})]})}const styles=_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center",paddingHorizontal:12,paddingVertical:8,borderBottomWidth:_reactNative.StyleSheet.hairlineWidth,borderBottomColor:_sharedUi.night.color.border,gap:10},thumbBox:{width:40,height:40,borderRadius:6,backgroundColor:_sharedUi.night.color.bg,alignItems:"center",justifyContent:"center",overflow:"hidden"},thumb:{width:40,height:40},thumbFallback:{color:_sharedUi.night.color.textTertiary,fontSize:16,fontWeight:"700"},statusDot:{position:"absolute",right:2,bottom:2,width:8,height:8,borderRadius:4,borderWidth:1,borderColor:_sharedUi.night.color.bg},main:{flex:1,gap:2},name:{color:_sharedUi.night.color.text,fontSize:12,fontWeight:"600"},metaRow:{flexDirection:"row",alignItems:"center",gap:8},meta:{color:_sharedUi.night.color.textSecondary,fontSize:10,fontVariant:["tabular-nums"]},right:{alignItems:"flex-end"},verdict:{fontSize:10,fontWeight:"700"}});

package/lib/commonjs/components/ImagesHeader.js

@@ -1,63 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImagesHeader = ImagesHeader;
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _format = require("../format");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * ImagesHeader — shared ModalHeader wiring for the Images tool, matching the
- * Console/Network header pattern. List mode shows aggregate stats, the shared
- * ToolbarCopyButton (full registry report) and the shared ToolbarClearButton;
- * detail mode shows back navigation plus the copy button for that record's
- * report. Copy behavior (Pro gating, hint banner, success/error feedback)
- * comes from shared-ui — identical to every other tool.
- */
-
-function ImagesHeader({
-  stats,
-  detailOpen,
-  detailIndex = -1,
-  detailTotal = 0,
-  onCloseDetail,
-  onClear,
-  getReport,
-  onBack
-}) {
-  if (detailOpen) {
-    const counter = detailIndex >= 0 && detailTotal > 0 ? `${detailIndex + 1} of ${detailTotal}` : undefined;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
-        onBack: onCloseDetail
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
-        title: "Image detail",
-        subtitle: counter
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Actions, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton, {
-          value: getReport
-        })
-      })]
-    });
-  }
-  const subtitleParts = [`${stats.total} images`, `${stats.errors} failed`, `≈${(0, _format.formatBytes)(stats.estDecodedBytes)} decoded`];
-  if (stats.estWastedBytes > 0) {
-    subtitleParts.push(`${(0, _format.formatBytes)(stats.estWastedBytes)} wasted`);
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
-    children: [onBack ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
-      onBack: onBack
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
-      title: "Images",
-      subtitle: subtitleParts.join(" · ")
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton, {
-        value: getReport
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolbarClearButton, {
-        onPress: onClear
-      })]
-    })]
-  });
-}
-//# sourceMappingURL=ImagesHeader.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ImagesHeader=ImagesHeader;var _sharedUi=require("@buoy-gg/shared-ui");var _format=require("../format");var _jsxRuntime=require("react/jsx-runtime");function ImagesHeader({stats:e,detailOpen:d,detailIndex:r=-1,detailTotal:t=0,onCloseDetail:i,onClear:n,getReport:a,onBack:o}){if(d){const l=r>=0&&t>0?`${r+1} of ${t}`:void 0;return(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation,{onBack:i}),(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Content,{title:"Image detail",subtitle:l}),(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Actions,{children:(0,_jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton,{value:a})})]})}const s=[`${e.total} images`,`${e.errors} failed`,`\u2248${(0,_format.formatBytes)(e.estDecodedBytes)} decoded`];if(e.estWastedBytes>0){s.push(`${(0,_format.formatBytes)(e.estWastedBytes)} wasted`)}return(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader,{children:[o?(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation,{onBack:o}):null,(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Content,{title:"Images",subtitle:s.join(" \xB7 ")}),(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions,{children:[(0,_jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton,{value:a}),(0,_jsxRuntime.jsx)(_sharedUi.ToolbarClearButton,{onPress:n})]})]})}

package/lib/commonjs/components/ImagesIcon.js

@@ -1,19 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "IMAGES_ICON_COLOR", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.IMAGES_ICON_COLOR;
-  }
-});
-Object.defineProperty(exports, "ImagesIcon", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.ImagesIcon;
-  }
-});
-var _sharedUi = require("@buoy-gg/shared-ui");
-//# sourceMappingURL=ImagesIcon.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"IMAGES_ICON_COLOR",{enumerable:true,get:function(){return _sharedUi.IMAGES_ICON_COLOR}});Object.defineProperty(exports,"ImagesIcon",{enumerable:true,get:function(){return _sharedUi.ImagesIcon}});var _sharedUi=require("@buoy-gg/shared-ui");

package/lib/commonjs/components/ImagesListFooter.js

@@ -1,126 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImagesListFooter = ImagesListFooter;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _actions = require("../capture/actions");
-var _overrides = require("../capture/overrides");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * ImagesListFooter — the list screen's action bar: mass simulations applied
- * to EVERY mounted image at once (error / loading / blank), mass hard-reload,
- * flash everything, restore all — plus the global network simulation modes
- * (Normal / Offline / Cold). Styled to match the detail footer.
- */
-
-const NETWORK_MODES = [{
-  key: "normal",
-  label: "Normal"
-}, {
-  key: "offline",
-  label: "Offline"
-}, {
-  key: "cold",
-  label: "Cold"
-}];
-function ImagesListFooter() {
-  const [message, setMessage] = (0, _react.useState)(null);
-  const network = (0, _react.useSyncExternalStore)(_actions.subscribeActions, () => (0, _overrides.getGlobalModes)().network);
-  const massOverride = (source, label) => {
-    const count = (0, _overrides.setOverrideForAllMounted)(source, label);
-    setMessage(count > 0 ? `${label} on ${count} image${count === 1 ? "" : "s"} — Restore all to undo` : "No mounted images");
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ToolFooter, {
-    paddingBottom: 10,
-    style: {
-      paddingTop: 8
-    },
-    children: [message ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.FooterMessage, {
-      children: message
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.FooterCaption, {
-      children: "MASS ACTIONS \u2014 every image on screen"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.FooterRow, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(MassButton, {
-        label: "Error",
-        onPress: () => massOverride({
-          type: "error"
-        }, "Forced error")
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MassButton, {
-        label: "Loading",
-        onPress: () => massOverride({
-          type: "hang"
-        }, "Forced loading")
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MassButton, {
-        label: "Blank",
-        onPress: () => massOverride({
-          type: "blank"
-        }, "Blanked")
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MassButton, {
-        label: "Reload",
-        onPress: () => {
-          setMessage("…");
-          (0, _actions.hardReloadAllMounted)().then(r => setMessage(r.message));
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MassButton, {
-        label: "Find",
-        onPress: () => {
-          const count = (0, _overrides.flashAllMounted)();
-          setMessage(`Flashing ${count} image${count === 1 ? "" : "s"} (2.5s)`);
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MassButton, {
-        label: "Restore",
-        accent: true,
-        onPress: () => {
-          const count = (0, _overrides.clearAllOverrides)();
-          setMessage(count > 0 ? `Restored ${count} image${count === 1 ? "" : "s"}` : "No overrides active");
-        }
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.FooterRow, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.netLabel,
-        children: "NET"
-      }), NETWORK_MODES.map(mode => {
-        const active = network === mode.key;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.FooterButton, {
-          label: mode.label,
-          active: active,
-          style: {
-            paddingVertical: 6
-          },
-          onPress: () => {
-            (0, _overrides.setNetworkMode)(mode.key);
-            // Modes only affect loads that happen AFTER they're set — an
-            // on-screen image keeps its bitmap until something reloads it.
-            setMessage(mode.key === "normal" ? "Network simulation off — tap RELOAD to load normally again" : mode.key === "offline" ? "Offline: network images FAIL (bundled assets still load) — tap RELOAD to apply to on-screen images" : "Cold (bypass caches) — tap RELOAD: everything refetches like first launch");
-          }
-        }, mode.key);
-      })]
-    })]
-  });
-}
-function MassButton({
-  label,
-  onPress,
-  accent
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.FooterButton, {
-    label: label,
-    onPress: onPress,
-    accent: accent
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  netLabel: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.8,
-    alignSelf: "center",
-    marginRight: 2
-  }
-});
-//# sourceMappingURL=ImagesListFooter.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ImagesListFooter=ImagesListFooter;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _actions=require("../capture/actions");var _overrides=require("../capture/overrides");var _jsxRuntime=require("react/jsx-runtime");const NETWORK_MODES=[{key:"normal",label:"Normal"},{key:"offline",label:"Offline"},{key:"cold",label:"Cold"}];function ImagesListFooter(){const[r,t]=(0,_react.useState)(null);const s=(0,_react.useSyncExternalStore)(_actions.subscribeActions,()=>(0,_overrides.getGlobalModes)().network);const a=(e,o)=>{const n=(0,_overrides.setOverrideForAllMounted)(e,o);t(n>0?`${o} on ${n} image${n===1?"":"s"} \u2014 Restore all to undo`:"No mounted images")};return(0,_jsxRuntime.jsxs)(_sharedUi.ToolFooter,{paddingBottom:10,style:{paddingTop:8},children:[r?(0,_jsxRuntime.jsx)(_sharedUi.FooterMessage,{children:r}):(0,_jsxRuntime.jsx)(_sharedUi.FooterCaption,{children:"MASS ACTIONS \u2014 every image on screen"}),(0,_jsxRuntime.jsxs)(_sharedUi.FooterRow,{children:[(0,_jsxRuntime.jsx)(MassButton,{label:"Error",onPress:()=>a({type:"error"},"Forced error")}),(0,_jsxRuntime.jsx)(MassButton,{label:"Loading",onPress:()=>a({type:"hang"},"Forced loading")}),(0,_jsxRuntime.jsx)(MassButton,{label:"Blank",onPress:()=>a({type:"blank"},"Blanked")}),(0,_jsxRuntime.jsx)(MassButton,{label:"Reload",onPress:()=>{t("\u2026");(0,_actions.hardReloadAllMounted)().then(e=>t(e.message))}}),(0,_jsxRuntime.jsx)(MassButton,{label:"Find",onPress:()=>{const e=(0,_overrides.flashAllMounted)();t(`Flashing ${e} image${e===1?"":"s"} (2.5s)`)}}),(0,_jsxRuntime.jsx)(MassButton,{label:"Restore",accent:true,onPress:()=>{const e=(0,_overrides.clearAllOverrides)();t(e>0?`Restored ${e} image${e===1?"":"s"}`:"No overrides active")}})]}),(0,_jsxRuntime.jsxs)(_sharedUi.FooterRow,{children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.netLabel,children:"NET"}),NETWORK_MODES.map(e=>{const o=s===e.key;return(0,_jsxRuntime.jsx)(_sharedUi.FooterButton,{label:e.label,active:o,style:{paddingVertical:6},onPress:()=>{(0,_overrides.setNetworkMode)(e.key);t(e.key==="normal"?"Network simulation off \u2014 tap RELOAD to load normally again":e.key==="offline"?"Offline: network images FAIL (bundled assets still load) \u2014 tap RELOAD to apply to on-screen images":"Cold (bypass caches) \u2014 tap RELOAD: everything refetches like first launch")}},e.key)})]})]})}function MassButton({label:r,onPress:t,accent:s}){return(0,_jsxRuntime.jsx)(_sharedUi.FooterButton,{label:r,onPress:t,accent:s})}const styles=_reactNative.StyleSheet.create({netLabel:{color:_sharedUi.night.color.textTertiary,fontSize:9,fontWeight:"700",letterSpacing:.8,alignSelf:"center",marginRight:2}});

package/lib/commonjs/components/ImagesModal.js

@@ -1,240 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImagesModal = ImagesModal;
-exports.ImagesToolView = ImagesToolView;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _install = require("../capture/install");
-var _overrides = require("../capture/overrides");
-var _export = require("../export");
-var _useImageRecords = require("../hooks/useImageRecords");
-var _remote = require("../remote");
-var _imageEventStore = require("../store/imageEventStore");
-var _ImageDetail = require("./ImageDetail");
-var _ImageDetailFooter = require("./ImageDetailFooter");
-var _ImageRow = require("./ImageRow");
-var _ImagesHeader = require("./ImagesHeader");
-var _ImagesListFooter = require("./ImagesListFooter");
-var _InsightsBar = require("./InsightsBar");
-var _insights = require("../store/insights");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * ImagesModal — bottom-sheet wrapper rendered by FloatingDevTools when the
- * Images tool is opened. List of captured images → tap for detail. Also
- * surfaces the capture status so a mis-ordered install is self-diagnosing
- * instead of silently empty.
- */
-
-function CaptureNotice() {
-  const status = (0, _install.getCaptureStatus)();
-  const notices = [];
-  if (status.rnDecoratorTooLate) {
-    notices.push('RN <Image> instrumentation missed the module-load race — add `import "@buoy-gg/images/register"` as the FIRST import of your entry file.');
-  }
-  if (!status.browserObserverActive && !status.expoAvailable && !status.rnDecoratorActive && !status.rnDecoratorTooLate) {
-    notices.push("Waiting for images… render some <Image> components to populate the list.");
-  }
-  if (notices.length === 0) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.notice,
-    children: notices.map(n => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.noticeText,
-      children: n
-    }, n))
-  });
-}
-function EmptyState() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-    testID: "buoy-images-empty"
-    // listening: capture is armed, waiting for the first image load.
-    ,
-    otto: "listening",
-    title: "No images captured yet",
-    message: "Every RN <Image> and expo-image load is recorded here with cache verdicts, timings, and oversize checks."
-  });
-}
-function ImagesModal({
-  visible,
-  onClose,
-  onBack,
-  onMinimize,
-  persistenceKey,
-  inline = false
-}) {
-  // Safety net: ensures capture is live even without the early register
-  // import (expo-image capture is timing-immune, so this still gets most data).
-  (0, _install.installImageCapture)();
-  const {
-    records,
-    stats
-  } = (0, _useImageRecords.useImageRecords)();
-  const [selectedId, setSelectedId] = (0, _react.useState)(null);
-  const selected = selectedId != null ? (0, _imageEventStore.getRecord)(selectedId) : undefined;
-
-  // Mirror mode: the synced wire records omit errorHeaders (detail-only data)
-  // — pull them from the device the first time a failed record is opened.
-  const wantHeadersFor = selected?.status === "error" && selected.errorHeaders == null ? selected.id : null;
-  (0, _react.useEffect)(() => {
-    const remote = (0, _remote.remoteImagesDispatch)();
-    if (wantHeadersFor == null || !remote) return;
-    let cancelled = false;
-    remote("getDetail", {
-      id: wantHeadersFor
-    }).then(detail => {
-      if (cancelled) return;
-      const headers = detail?.errorHeaders;
-      // `{}` (not undefined) so a headerless error doesn't refetch forever.
-      (0, _imageEventStore.updateRecord)(wantHeadersFor, {
-        errorHeaders: headers ?? {}
-      });
-    }).catch(() => {});
-    return () => {
-      cancelled = true;
-    };
-  }, [wantHeadersFor]);
-
-  // Stepping is relative to the live list (newest first): previous = newer.
-  const selectedIndex = selected ? records.findIndex(r => r.id === selected.id) : -1;
-  const stepTo = index => {
-    const target = records[index];
-    if (target) setSelectedId(target.id);
-  };
-
-  // Mode-appropriate report: single record in detail, full registry (stats +
-  // insights + table) in the list. The shared ToolbarCopyButton resolves this
-  // lazily on press and handles clipboard + feedback + gating.
-  const getReport = () => selected ? (0, _export.formatRecordMarkdown)(selected) : (0, _export.formatRegistryMarkdown)(records, stats, (0, _insights.computeInsights)(records), (0, _install.getCaptureStatus)(), (0, _overrides.getGlobalModes)());
-  const headerContent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagesHeader.ImagesHeader, {
-    stats: stats,
-    detailOpen: selected != null,
-    detailIndex: selectedIndex,
-    detailTotal: records.length,
-    onCloseDetail: () => setSelectedId(null),
-    onClear: _imageEventStore.clearRecords,
-    getReport: getReport,
-    onBack: onBack
-  });
-  const body = selected ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.detailContainer,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageDetail.ImageDetail, {
-      record: selected
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageDetailFooter.ImageDetailFooter, {
-      record: selected,
-      hasPrevious: selectedIndex > 0,
-      hasNext: selectedIndex >= 0 && selectedIndex < records.length - 1,
-      onPrevious: () => stepTo(selectedIndex - 1),
-      onNext: () => stepTo(selectedIndex + 1)
-    }, selected.id)]
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.listContainer,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InsightsBar.InsightsBar, {
-      insights: (0, _insights.computeInsights)(records)
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CaptureNotice, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
-      data: records,
-      keyExtractor: item => String(item.id),
-      renderItem: ({
-        item
-      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageRow.ImageRow, {
-        record: item,
-        onPress: setSelectedId
-      }),
-      ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyState, {})
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagesListFooter.ImagesListFooter, {})]
-  });
-
-  // The ONLY difference between the phone and the desktop dashboard is which
-  // shell the header and body go in. Everything above this is shared.
-  if (inline) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.inlineRoot,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.inlineHeader,
-        ..._sharedUi.windowDragProps,
-        children: headerContent
-      }), body]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.JsModal, {
-    visible: visible,
-    onClose: onClose,
-    onMinimize: onMinimize,
-    persistenceKey: persistenceKey,
-    header: {
-      showToggleButton: true,
-      customContent: headerContent
-    },
-    enablePersistence: true,
-    initialMode: "bottomSheet",
-    disableScrollWrapper: true,
-    children: body
-  });
-}
-
-/**
- * The same Images tool as `ImagesModal`, rendered INLINE for hosts that place
- * tools in a panel rather than a modal (the desktop dashboard). Exists so
- * there is exactly one implementation of the tool's header, list and detail.
- */
-function ImagesToolView(props = {}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ImagesModal, {
-    ...props,
-    inline: true,
-    visible: true,
-    onClose: () => {}
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  inlineRoot: {
-    flex: 1,
-    minHeight: 0,
-    // Transparent so the desktop workbench's hoisted sky (one field spanning
-    // sidebar + panel) shows through — the shell paints its base beneath it.
-    backgroundColor: "transparent"
-  },
-  inlineHeader: {
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.macOSColors.border.default,
-    // Clear, like Bench — the host's hoisted sky shows through the header.
-    backgroundColor: "transparent"
-  },
-  listContainer: {
-    flex: 1
-  },
-  detailContainer: {
-    flex: 1
-  },
-  notice: {
-    margin: 10,
-    padding: 10,
-    borderRadius: 8,
-    backgroundColor: _sharedUi.night.color.warningSoft,
-    gap: 4
-  },
-  noticeText: {
-    color: _sharedUi.night.color.warning,
-    fontSize: 11
-  },
-  empty: {
-    alignItems: "center",
-    padding: 32,
-    gap: 8
-  },
-  emptyTitle: {
-    color: _sharedUi.night.color.text,
-    fontSize: 13,
-    fontWeight: "600"
-  },
-  emptyText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 11,
-    textAlign: "center",
-    lineHeight: 16
-  }
-});
-//# sourceMappingURL=ImagesModal.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ImagesModal=ImagesModal;exports.ImagesToolView=ImagesToolView;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _install=require("../capture/install");var _overrides=require("../capture/overrides");var _export=require("../export");var _useImageRecords=require("../hooks/useImageRecords");var _remote=require("../remote");var _imageEventStore=require("../store/imageEventStore");var _ImageDetail=require("./ImageDetail");var _ImageDetailFooter=require("./ImageDetailFooter");var _ImageRow=require("./ImageRow");var _ImagesHeader=require("./ImagesHeader");var _ImagesListFooter=require("./ImagesListFooter");var _InsightsBar=require("./InsightsBar");var _insights=require("../store/insights");var _jsxRuntime=require("react/jsx-runtime");function CaptureNotice(){const r=(0,_install.getCaptureStatus)();const i=[];if(r.rnDecoratorTooLate){i.push('RN <Image> instrumentation missed the module-load race \u2014 add `import "@buoy-gg/images/register"` as the FIRST import of your entry file.')}if(!r.browserObserverActive&&!r.expoAvailable&&!r.rnDecoratorActive&&!r.rnDecoratorTooLate){i.push("Waiting for images\u2026 render some <Image> components to populate the list.")}if(i.length===0)return null;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.notice,children:i.map(n=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.noticeText,children:n},n))})}function EmptyState(){return(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{testID:"buoy-images-empty",otto:"listening",title:"No images captured yet",message:"Every RN <Image> and expo-image load is recorded here with cache verdicts, timings, and oversize checks."})}function ImagesModal({visible:r,onClose:i,onBack:n,onMinimize:h,persistenceKey:x,inline:I=false}){(0,_install.installImageCapture)();const{records:o,stats:c}=(0,_useImageRecords.useImageRecords)();const[u,d]=(0,_react.useState)(null);const e=u!=null?(0,_imageEventStore.getRecord)(u):void 0;const l=e?.status==="error"&&e.errorHeaders==null?e.id:null;(0,_react.useEffect)(()=>{const t=(0,_remote.remoteImagesDispatch)();if(l==null||!t)return;let s=false;t("getDetail",{id:l}).then(f=>{if(s)return;const y=f?.errorHeaders;(0,_imageEventStore.updateRecord)(l,{errorHeaders:y??{}})}).catch(()=>{});return()=>{s=true}},[l]);const a=e?o.findIndex(t=>t.id===e.id):-1;const g=t=>{const s=o[t];if(s)d(s.id)};const v=()=>e?(0,_export.formatRecordMarkdown)(e):(0,_export.formatRegistryMarkdown)(o,c,(0,_insights.computeInsights)(o),(0,_install.getCaptureStatus)(),(0,_overrides.getGlobalModes)());const m=(0,_jsxRuntime.jsx)(_ImagesHeader.ImagesHeader,{stats:c,detailOpen:e!=null,detailIndex:a,detailTotal:o.length,onCloseDetail:()=>d(null),onClear:_imageEventStore.clearRecords,getReport:v,onBack:n});const p=e?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.detailContainer,children:[(0,_jsxRuntime.jsx)(_ImageDetail.ImageDetail,{record:e}),(0,_jsxRuntime.jsx)(_ImageDetailFooter.ImageDetailFooter,{record:e,hasPrevious:a>0,hasNext:a>=0&&a<o.length-1,onPrevious:()=>g(a-1),onNext:()=>g(a+1)},e.id)]}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.listContainer,children:[(0,_jsxRuntime.jsx)(_InsightsBar.InsightsBar,{insights:(0,_insights.computeInsights)(o)}),(0,_jsxRuntime.jsx)(CaptureNotice,{}),(0,_jsxRuntime.jsx)(_reactNative.FlatList,{data:o,keyExtractor:t=>String(t.id),renderItem:({item:t})=>(0,_jsxRuntime.jsx)(_ImageRow.ImageRow,{record:t,onPress:d}),ListEmptyComponent:(0,_jsxRuntime.jsx)(EmptyState,{})}),(0,_jsxRuntime.jsx)(_ImagesListFooter.ImagesListFooter,{})]});if(I){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.inlineRoot,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.inlineHeader,..._sharedUi.windowDragProps,children:m}),p]})}return(0,_jsxRuntime.jsx)(_sharedUi.JsModal,{visible:r,onClose:i,onMinimize:h,persistenceKey:x,header:{showToggleButton:true,customContent:m},enablePersistence:true,initialMode:"bottomSheet",disableScrollWrapper:true,children:p})}function ImagesToolView(r={}){return(0,_jsxRuntime.jsx)(ImagesModal,{...r,inline:true,visible:true,onClose:()=>{}})}const styles=_reactNative.StyleSheet.create({inlineRoot:{flex:1,minHeight:0,backgroundColor:"transparent"},inlineHeader:{paddingHorizontal:12,paddingVertical:8,borderBottomWidth:1,borderBottomColor:_sharedUi.macOSColors.border.default,backgroundColor:"transparent"},listContainer:{flex:1},detailContainer:{flex:1},notice:{margin:10,padding:10,borderRadius:8,backgroundColor:_sharedUi.night.color.warningSoft,gap:4},noticeText:{color:_sharedUi.night.color.warning,fontSize:11},empty:{alignItems:"center",padding:32,gap:8},emptyTitle:{color:_sharedUi.night.color.text,fontSize:13,fontWeight:"600"},emptyText:{color:_sharedUi.night.color.textSecondary,fontSize:11,textAlign:"center",lineHeight:16}});

package/lib/commonjs/components/ImagesRoot.js

@@ -1,24 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImagesRoot = ImagesRoot;
-var _install = require("../capture/install");
-/**
- * Mount once near the app root to start image capture immediately.
- *
- * NOTE: for full RN-core <Image> coverage prefer the side-effect import
- * `import "@buoy-gg/images/register"` as the first import of your entry file —
- * the RN decorator must be installed before React Native's Image module first
- * evaluates. ImagesRoot alone still captures every expo-image instance
- * (timing-immune) and reports whether the RN hook landed.
- */
-
-function ImagesRoot() {
-  // Synchronous on first render — earlier than an effect, though still later
-  // than the register import. Idempotent.
-  (0, _install.installImageCapture)();
-  return null;
-}
-//# sourceMappingURL=ImagesRoot.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ImagesRoot=ImagesRoot;var _install=require("../capture/install");function ImagesRoot(){(0,_install.installImageCapture)();return null}

package/lib/commonjs/components/ImagesRoot.web.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImagesRoot = ImagesRoot;
-var _react = require("react");
-var _install = require("../capture/install.web");
-function ImagesRoot() {
-  (0, _react.useEffect)(_install.startBrowserImageCapture, []);
-  return null;
-}
-//# sourceMappingURL=ImagesRoot.web.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ImagesRoot=ImagesRoot;var _react=require("react");var _install=require("../capture/install.web");function ImagesRoot(){(0,_react.useEffect)(_install.startBrowserImageCapture,[]);return null}