@buoy-gg/images 7.0.29 → 7.0.30

package/src/components/ImagesModal.tsx

@@ -1,266 +0,0 @@
-/**
- * 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.
- */
-
-import { useEffect, useState } from "react";
-import { FlatList, StyleSheet, Text, View } from "react-native";
-import { JsModal, macOSColors, night } from "@buoy-gg/shared-ui";
-import type { ModalState } from "@buoy-gg/shared-ui";
-import { getCaptureStatus, installImageCapture } from "../capture/install";
-import { getGlobalModes } from "../capture/overrides";
-import { formatRecordMarkdown, formatRegistryMarkdown } from "../export";
-import { useImageRecords } from "../hooks/useImageRecords";
-import { remoteImagesDispatch } from "../remote";
-import { clearRecords, getRecord, updateRecord } from "../store/imageEventStore";
-import { ImageDetail } from "./ImageDetail";
-import { ImageDetailFooter } from "./ImageDetailFooter";
-import { ImageRow } from "./ImageRow";
-import { ImagesHeader } from "./ImagesHeader";
-import { ImagesListFooter } from "./ImagesListFooter";
-import { InsightsBar } from "./InsightsBar";
-import { computeInsights } from "../store/insights";
-import type { ImageRecord } from "../types";
-
-interface ImagesModalProps {
-  visible: boolean;
-  onClose: () => void;
-  onBack?: () => void;
-  onMinimize?: (modalState: ModalState) => void;
-  persistenceKey?: string;
-  /** Render as a plain header-bar + body stack instead of a JsModal (desktop). */
-  inline?: boolean;
-}
-
-function CaptureNotice() {
-  const status = getCaptureStatus();
-  const notices: string[] = [];
-  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.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 (
-    <View style={styles.notice}>
-      {notices.map((n) => (
-        <Text key={n} style={styles.noticeText}>
-          {n}
-        </Text>
-      ))}
-    </View>
-  );
-}
-
-function EmptyState() {
-  return (
-    <View style={styles.empty}>
-      <Text style={styles.emptyTitle}>No images captured yet</Text>
-      <Text style={styles.emptyText}>
-        Every RN {"<Image>"} and expo-image load is recorded here with cache
-        verdicts, timings, and oversize checks.
-      </Text>
-    </View>
-  );
-}
-
-export function ImagesModal({
-  visible,
-  onClose,
-  onBack,
-  onMinimize,
-  persistenceKey,
-  inline = false,
-}: ImagesModalProps) {
-  // Safety net: ensures capture is live even without the early register
-  // import (expo-image capture is timing-immune, so this still gets most data).
-  installImageCapture();
-
-  const { records, stats } = useImageRecords();
-  const [selectedId, setSelectedId] = useState<number | null>(null);
-  const selected = selectedId != null ? 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;
-  useEffect(() => {
-    const remote = remoteImagesDispatch();
-    if (wantHeadersFor == null || !remote) return;
-    let cancelled = false;
-    remote("getDetail", { id: wantHeadersFor })
-      .then((detail) => {
-        if (cancelled) return;
-        const headers = (detail as { errorHeaders?: Record<string, string> | null })
-          ?.errorHeaders;
-        // `{}` (not undefined) so a headerless error doesn't refetch forever.
-        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: number) => {
-    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
-      ? formatRecordMarkdown(selected)
-      : formatRegistryMarkdown(
-          records,
-          stats,
-          computeInsights(records),
-          getCaptureStatus(),
-          getGlobalModes()
-        );
-
-  const headerContent = (
-    <ImagesHeader
-      stats={stats}
-      detailOpen={selected != null}
-      detailIndex={selectedIndex}
-      detailTotal={records.length}
-      onCloseDetail={() => setSelectedId(null)}
-      onClear={clearRecords}
-      getReport={getReport}
-      onBack={onBack}
-    />
-  );
-
-  const body = selected ? (
-    <View style={styles.detailContainer}>
-      <ImageDetail record={selected} />
-      <ImageDetailFooter
-        key={selected.id}
-        record={selected}
-        hasPrevious={selectedIndex > 0}
-        hasNext={selectedIndex >= 0 && selectedIndex < records.length - 1}
-        onPrevious={() => stepTo(selectedIndex - 1)}
-        onNext={() => stepTo(selectedIndex + 1)}
-      />
-    </View>
-  ) : (
-    <View style={styles.listContainer}>
-      <InsightsBar insights={computeInsights(records)} />
-      <CaptureNotice />
-      <FlatList
-        data={records}
-        keyExtractor={(item: ImageRecord) => String(item.id)}
-        renderItem={({ item }) => <ImageRow record={item} onPress={setSelectedId} />}
-        ListEmptyComponent={<EmptyState />}
-      />
-      <ImagesListFooter />
-    </View>
-  );
-
-  // 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 (
-      <View style={styles.inlineRoot}>
-        {/* Flex-less wrapper — `ModalHeader` is `flex: 1` for JsModal's
-            ROW-direction header slot and would grow vertically here. */}
-        <View style={styles.inlineHeader}>{headerContent}</View>
-        {body}
-      </View>
-    );
-  }
-
-  return (
-    <JsModal
-      visible={visible}
-      onClose={onClose}
-      onMinimize={onMinimize}
-      persistenceKey={persistenceKey}
-      header={{
-        showToggleButton: true,
-        customContent: headerContent,
-      }}
-      enablePersistence
-      initialMode="bottomSheet"
-      disableScrollWrapper
-    >
-      {body}
-    </JsModal>
-  );
-}
-
-/**
- * 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.
- */
-export function ImagesToolView(
-  props: Omit<ImagesModalProps, "visible" | "onClose" | "inline"> = {}
-) {
-  return <ImagesModal {...props} inline visible onClose={() => {}} />;
-}
-
-const styles = StyleSheet.create({
-  inlineRoot: {
-    flex: 1,
-    minHeight: 0,
-    // Transparent so the desktop workbench's hoisted sky (one field spanning
-    // sidebar + panel) shows through — the shell paints its base beneath it.
-    backgroundColor: "transparent",
-  },
-  inlineHeader: {
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: macOSColors.border.default,
-    // Clear, like Bench — the host's hoisted sky shows through the header.
-    backgroundColor: "transparent",
-  },
-  listContainer: {
-    flex: 1,
-  },
-  detailContainer: {
-    flex: 1,
-  },
-  notice: {
-    margin: 10,
-    padding: 10,
-    borderRadius: 8,
-    backgroundColor: night.color.warningSoft,
-    gap: 4,
-  },
-  noticeText: {
-    color: night.color.warning,
-    fontSize: 11,
-  },
-  empty: {
-    alignItems: "center",
-    padding: 32,
-    gap: 8,
-  },
-  emptyTitle: {
-    color: night.color.text,
-    fontSize: 13,
-    fontWeight: "600",
-  },
-  emptyText: {
-    color: night.color.textSecondary,
-    fontSize: 11,
-    textAlign: "center",
-    lineHeight: 16,
-  },
-});

package/src/components/ImagesRoot.tsx

@@ -1,18 +0,0 @@
-/**
- * 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.
- */
-
-import { installImageCapture } from "../capture/install";
-
-export function ImagesRoot(): null {
-  // Synchronous on first render — earlier than an effect, though still later
-  // than the register import. Idempotent.
-  installImageCapture();
-  return null;
-}

package/src/components/InsightsBar.tsx

@@ -1,51 +0,0 @@
-/**
- * InsightsBar — compact warning chips above the list when cross-record
- * findings exist (duplicates, retry storms, queue saturation, missing alt,
- * layout shifts). Renders nothing when all clear.
- *
- * A wrapping row (not a horizontal ScrollView — that under-measures its
- * height inside the modal's flex column and clips the chips).
- */
-
-import { StyleSheet, Text, View } from "react-native";
-import { night } from "@buoy-gg/shared-ui";
-import { insightChips } from "../store/insights";
-import type { ImageInsights } from "../types";
-
-export function InsightsBar({ insights }: { insights: ImageInsights }) {
-  const chips = insightChips(insights);
-  if (chips.length === 0) return null;
-  return (
-    <View style={styles.bar}>
-      {chips.map((chip) => (
-        <View key={chip} style={styles.chip}>
-          <Text style={styles.chipText}>{chip}</Text>
-        </View>
-      ))}
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  bar: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6,
-    paddingHorizontal: 10,
-    paddingVertical: 8,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: night.color.border,
-  },
-  chip: {
-    backgroundColor: night.color.warningSoft,
-    borderRadius: 999,
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-  },
-  chipText: {
-    color: night.color.warning,
-    fontSize: 10,
-    fontWeight: "600",
-    lineHeight: 13,
-  },
-});

package/src/export.ts

@@ -1,100 +0,0 @@
-/**
- * Copy-friendly markdown reports — paste-ready context for an issue, PR, or
- * an AI chat. One for the whole registry (list header copy) and one for a
- * single record (detail header copy).
- */
-
-import { PixelRatio } from "react-native";
-import {
-  estDecodedBytes,
-  estWastedBytes,
-  neededPixels,
-} from "./store/imageEventStore";
-import { insightChips } from "./store/insights";
-import { cacheBadge, formatBytes, formatMs, sizeVerdict, uriTail } from "./format";
-import type { CaptureStatus, ImageInsights, ImageRecord, ImageStats } from "./types";
-
-export function formatRecordMarkdown(record: ImageRecord): string {
-  const verdict = sizeVerdict(record);
-  const cache = cacheBadge(record);
-  const needed = neededPixels(record);
-  const decoded = estDecodedBytes(record);
-  const wasted = estWastedBytes(record);
-
-  const lines: string[] = [];
-  lines.push(`## Image report — ${uriTail(record.uri)}`);
-  lines.push("");
-  lines.push(`- URI: ${record.uri || "(none)"}`);
-  lines.push(`- Library: ${record.lib === "expo" ? "expo-image" : "RN <Image>"} · kind: ${record.sourceKind} · mounted: ${record.mounted ? "yes" : "no"}`);
-  lines.push(`- Status: ${record.status}${record.errorCode ? ` (HTTP ${record.errorCode})` : ""} · load cycles: ${record.loadCount}`);
-  lines.push(`- Cache: ${cache.label}${record.cacheVerdictSource ? ` (via ${record.cacheVerdictSource === "event" ? "expo onLoad" : "Image.queryCache"})` : ""}`);
-  lines.push(`- Load time: ${formatMs(record.durationMs)}${record.displayedAt && record.loadedAt ? ` · decode→display ${formatMs(Math.max(0, record.displayedAt - record.loadedAt))}` : ""}`);
-  if (record.intrinsic) {
-    lines.push(`- Decoded: ${record.intrinsic.width}×${record.intrinsic.height}px${record.mediaType ? ` (${record.mediaType})` : ""}${record.isAnimated ? " animated" : ""} ≈ ${formatBytes(decoded)} decoded memory`);
-  }
-  if (record.layout) {
-    lines.push(`- Displayed: ${Math.round(record.layout.width)}×${Math.round(record.layout.height)}dp @${PixelRatio.get()}x (needs ${needed ? `${needed.width}×${needed.height}px` : "?"})`);
-  }
-  if (verdict.label) {
-    lines.push(`- Size verdict: ${verdict.label}${wasted > 0 && needed ? ` — wasting ≈${formatBytes(wasted)}; serve ${needed.width}×${needed.height}` : ""}`);
-  }
-  if (record.progressSeen) {
-    lines.push(`- Network transfer: ${record.bytesTotal ? formatBytes(record.bytesTotal) : "observed"}`);
-  }
-  if (record.hasAltText === false) lines.push(`- Accessibility: MISSING alt/accessibilityLabel`);
-  if ((record.layoutShifts ?? 0) > 0) lines.push(`- Layout shifts after load: ${record.layoutShifts} (reserve explicit dimensions)`);
-  if (record.error) {
-    lines.push(`- Error: ${record.error}`);
-    if (record.errorHeaders) {
-      lines.push(`- Response headers: ${JSON.stringify(record.errorHeaders)}`);
-    }
-  }
-  if (record.overrideLabel) lines.push(`- Simulation active: ${record.overrideLabel}`);
-  return lines.join("\n");
-}
-
-export function formatRegistryMarkdown(
-  records: ImageRecord[],
-  stats: ImageStats,
-  insights: ImageInsights,
-  captureStatus: CaptureStatus,
-  modes: { network: string; blank: boolean }
-): string {
-  const lines: string[] = [];
-  lines.push(`## Buoy Images registry (${stats.total} records)`);
-  lines.push("");
-  lines.push(
-    `${stats.loaded} loaded · ${stats.errors} failed · ${stats.loading} in flight · ≈${formatBytes(stats.estDecodedBytes)} decoded` +
-      (stats.estWastedBytes > 0 ? ` · ${formatBytes(stats.estWastedBytes)} wasted on oversized sources` : "")
-  );
-  const chips = insightChips(insights);
-  if (chips.length > 0) lines.push(`Insights: ${chips.join(" · ")}`);
-  if (modes.network !== "normal" || modes.blank) {
-    lines.push(`Simulation active: network=${modes.network}${modes.blank ? ", blank images" : ""}`);
-  }
-  if (captureStatus.rnDecoratorTooLate) {
-    lines.push(`⚠ RN <Image> capture inactive (register import too late)`);
-  }
-  lines.push("");
-  lines.push("| image | lib | status | cache | ms | decoded px | shown dp | verdict | notes |");
-  lines.push("|---|---|---|---|---|---|---|---|---|");
-  for (const r of records) {
-    const verdict = sizeVerdict(r);
-    const cache = cacheBadge(r);
-    const dims = r.intrinsic ? `${r.intrinsic.width}×${r.intrinsic.height}` : "–";
-    const layout = r.layout ? `${Math.round(r.layout.width)}×${Math.round(r.layout.height)}` : "–";
-    const notes = [
-      r.error ? `error: ${r.error}` : null,
-      r.overrideLabel ? `sim: ${r.overrideLabel}` : null,
-      r.hasAltText === false ? "no alt" : null,
-      (r.layoutShifts ?? 0) > 0 ? `${r.layoutShifts} layout shifts` : null,
-      r.mounted ? null : "unmounted",
-    ]
-      .filter(Boolean)
-      .join("; ");
-    lines.push(
-      `| ${uriTail(r.uri)} | ${r.lib} | ${r.status} | ${cache.label} | ${r.durationMs != null ? Math.round(r.durationMs) : "–"} | ${dims} | ${layout} | ${verdict.label || "–"} | ${notes || "–"} |`
-    );
-  }
-  return lines.join("\n");
-}

package/src/format.ts

@@ -1,85 +0,0 @@
-/**
- * Formatting + verdict helpers shared by list rows and the detail view.
- */
-
-import { macOSColors, night } from "@buoy-gg/shared-ui";
-import { oversizeFactor } from "./store/imageEventStore";
-import type { ImageRecord } from "./types";
-
-export function formatBytes(bytes: number): string {
-  if (bytes <= 0) return "0 B";
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}
-
-export function formatMs(ms: number | undefined): string {
-  if (ms == null) return "—";
-  if (ms < 1000) return `${Math.round(ms)}ms`;
-  return `${(ms / 1000).toFixed(2)}s`;
-}
-
-/** Last path segment of a URI, for compact row display. */
-export function uriTail(uri: string): string {
-  if (!uri) return "(no source)";
-  // Metro dev-server asset URLs put the real path in ?unstable_path=…
-  const unstable = uri.match(/[?&]unstable_path=([^&?]+)/);
-  const effective = unstable ? decodeURIComponent(unstable[1]!) : uri;
-  const withoutQuery = effective.split("?")[0] ?? effective;
-  const segments = withoutQuery.split("/").filter(Boolean);
-  return segments[segments.length - 1] ?? effective;
-}
-
-export interface SizeVerdict {
-  label: string;
-  color: string;
-  /** Linear factor (2 = twice as wide/tall as needed). */
-  factor: number | null;
-}
-
-/**
- * Fresco-style fit verdict: green within 10%, yellow within 50%, red beyond.
- * Undersized sources (upscaled, likely blurry) get their own callout.
- */
-export function sizeVerdict(record: ImageRecord): SizeVerdict {
-  const factor = oversizeFactor(record);
-  if (factor == null) return { label: "", color: night.color.textTertiary, factor };
-  if (factor < 0.9) {
-    return { label: `${factor.toFixed(1)}× upscaled`, color: macOSColors.semantic.info, factor };
-  }
-  if (factor <= 1.1) {
-    return { label: "right-sized", color: macOSColors.semantic.success, factor };
-  }
-  if (factor <= 1.5) {
-    return { label: `${factor.toFixed(1)}× oversized`, color: macOSColors.semantic.warning, factor };
-  }
-  return { label: `${factor.toFixed(1)}× oversized`, color: macOSColors.semantic.error, factor };
-}
-
-export function statusColor(record: ImageRecord): string {
-  switch (record.status) {
-    case "loaded":
-      return macOSColors.semantic.success;
-    case "error":
-      return macOSColors.semantic.error;
-    case "loading":
-      return macOSColors.semantic.warning;
-    default:
-      return night.color.textTertiary;
-  }
-}
-
-/** Cache verdict badge text + tint (memory=green, disk=yellow, network=red). */
-export function cacheBadge(record: ImageRecord): { label: string; color: string } {
-  const verdict = record.cacheVerdict;
-  if (verdict === "memory" || verdict === "disk/memory") {
-    return { label: verdict.toUpperCase(), color: macOSColors.semantic.success };
-  }
-  if (verdict === "disk") {
-    return { label: "DISK", color: macOSColors.semantic.warning };
-  }
-  if (verdict === "none" || record.progressSeen) {
-    return { label: "NETWORK", color: macOSColors.semantic.error };
-  }
-  return { label: "?", color: night.color.textTertiary };
-}

package/src/hooks/useImageRecords.ts

@@ -1,24 +0,0 @@
-/**
- * React bindings for the image event store.
- */
-
-import { useMemo, useSyncExternalStore } from "react";
-import { computeStats, getSnapshot, subscribe } from "../store/imageEventStore";
-import type { ImageRecord, ImageStats } from "../types";
-
-export interface UseImageRecordsResult {
-  /** Newest first. */
-  records: ImageRecord[];
-  stats: ImageStats;
-}
-
-export function useImageRecords(): UseImageRecordsResult {
-  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-  return useMemo(
-    () => ({
-      records: [...snapshot].reverse(),
-      stats: computeStats(snapshot),
-    }),
-    [snapshot]
-  );
-}

package/src/index.tsx

@@ -1,120 +0,0 @@
-/**
- * @buoy-gg/images
- *
- * Image debugger for React Native: a live registry of every image the app
- * loads — RN core <Image> (via the official component-decorator hook) and
- * expo-image (via a timing-immune class patch) — with cache verdicts
- * (memory/disk/network), load timings, decoded-vs-displayed oversize checks,
- * estimated decoded/wasted memory, and a failure log with HTTP details where
- * the platform provides them.
- *
- * Image HTTP traffic never touches the JS network stack, so network devtools
- * cannot see it — this tool is the visibility layer for images.
- */
-
-// Side-effect: install capture as early as this package is imported. For full
-// RN-core coverage, import "@buoy-gg/images/register" FIRST in your entry file
-// (the RN decorator must beat React Native's Image module evaluation).
-import "./register";
-
-// =============================================================================
-// PRESET (Primary entry point — pass to <FloatingDevTools apps={[...]} />)
-// =============================================================================
-export { imagesToolPreset, createImagesTool } from "./preset";
-
-// =============================================================================
-// ROOT (optional; capture also auto-installs on package import)
-// =============================================================================
-export { ImagesRoot } from "./components/ImagesRoot";
-
-// =============================================================================
-// COMPONENTS
-// =============================================================================
-export { ImagesModal } from "./components/ImagesModal";
-export { ImagesIcon, IMAGES_ICON_COLOR } from "./components/ImagesIcon";
-
-// =============================================================================
-// CAPTURE
-// =============================================================================
-export { installImageCapture, getCaptureStatus } from "./capture/install";
-
-// =============================================================================
-// ACTIONS
-// =============================================================================
-export {
-  hardReloadRecord,
-  retryRecord,
-  evictExpoDiskEntry,
-} from "./capture/actions";
-export type { ActionResult } from "./capture/actions";
-
-// =============================================================================
-// SIMULATION OVERRIDES
-// =============================================================================
-export {
-  setOverride,
-  clearOverride,
-  getOverride,
-  flashRecord,
-  setNetworkMode,
-  setBlankImages,
-  getGlobalModes,
-  setOverrideForAllMounted,
-  clearAllOverrides,
-  flashAllMounted,
-} from "./capture/overrides";
-export { hardReloadAllMounted } from "./capture/actions";
-export type { ImageOverride, OverrideSource, NetworkMode } from "./capture/overrides";
-
-// =============================================================================
-// SAVINGS PROVER + INSIGHTS
-// =============================================================================
-export { proveSavings } from "./capture/savings";
-export type { SavingsResult } from "./capture/savings";
-export { computeInsights, insightChips } from "./store/insights";
-export { formatRecordMarkdown, formatRegistryMarkdown } from "./export";
-
-// =============================================================================
-// EXTERNAL SYNC (device → desktop dashboard / MCP)
-// =============================================================================
-export { imagesSyncAdapter } from "./sync/imagesSyncAdapter";
-
-// =============================================================================
-// DASHBOARD MIRROR (Buoy Desktop renders ImagesToolView fed by these)
-// =============================================================================
-export { ImagesToolView } from "./components/ImagesModal";
-export {
-  disableImagesCapture,
-  replaceImagesFromSnapshot,
-} from "./store/imageEventStore";
-export { setRemoteImagesHandler } from "./remote";
-export type { ImagesRemoteDispatch } from "./remote";
-export type { ImageRecordWire, ImagesSnapshotPayload } from "./types";
-
-// =============================================================================
-// STORE + HOOKS
-// =============================================================================
-export { useImageRecords } from "./hooks/useImageRecords";
-export {
-  clearRecords,
-  getSnapshot as getImageRecords,
-  subscribe as subscribeImageRecords,
-  computeStats,
-  oversizeFactor,
-  estDecodedBytes,
-  estWastedBytes,
-} from "./store/imageEventStore";
-
-// =============================================================================
-// TYPES
-// =============================================================================
-export type {
-  ImageRecord,
-  ImageStats,
-  ImageInsights,
-  ImageLib,
-  ImageStatus,
-  CacheVerdict,
-  SourceKind,
-  CaptureStatus,
-} from "./types";