@buoy-gg/shared-ui 7.0.39 → 7.0.41

package/lib/module/stores/ignoredPatternsStore.shared.js

@@ -0,0 +1,189 @@
+"use strict";
+
+/**
+ * Shared "ignored patterns" store for network-style URL filtering.
+ *
+ * This is the SINGLE source of truth for the domains/URL patterns that the
+ * Network tool (and now the Events tool) hide from their lists. Both tools read
+ * and mutate this one singleton, so an ignore toggled in either place is shared
+ * everywhere and persisted to the same storage key.
+ *
+ * Lives in @buoy-gg/shared-ui (a hard dependency of both @buoy-gg/network and
+ * @buoy-gg/events) so the filter logic can be shared without @buoy-gg/events
+ * having to take a hard dependency on @buoy-gg/network (which is optional).
+ */
+
+import { useEffect, useMemo, useState } from "react";
+import { persistentStorage } from "../utils/persistentStorage";
+import { devToolsStorageKeys } from "../storage/devToolsStorageKeys.js";
+
+// Pure matching types/helpers live in ignoredPatternsCore.ts (web-shim-safe);
+// re-exported here so the shared-ui barrel surface is unchanged.
+import { DEFAULT_IGNORED_PATTERNS } from "./ignoredPatternsCore.js";
+export { urlMatchesIgnoredPattern, isUrlIgnored } from "./ignoredPatternsCore.js";
+const DEFAULT_PATTERNS = DEFAULT_IGNORED_PATTERNS;
+
+/** Tolerate the legacy `string[]` persisted format and stray junk. */
+function migratePatterns(raw) {
+  if (!Array.isArray(raw)) return [];
+  const migrated = [];
+  for (const entry of raw) {
+    if (typeof entry === "string" && entry.trim()) {
+      migrated.push({
+        value: entry,
+        mode: "contains"
+      });
+    } else if (entry && typeof entry === "object" && typeof entry.value === "string") {
+      const e = entry;
+      migrated.push({
+        value: e.value,
+        mode: e.mode === "exact" ? "exact" : "contains"
+      });
+    }
+  }
+  return migrated;
+}
+
+/** Always keep the default patterns present (e.g. Buoy's license API). */
+function ensureDefaults(patterns) {
+  const result = [...patterns];
+  for (const def of DEFAULT_PATTERNS) {
+    if (!result.some(p => p.value === def.value)) {
+      result.push({
+        ...def
+      });
+    }
+  }
+  return result;
+}
+/**
+ * Singleton store. One instance per JS runtime, so every consumer (Network tool,
+ * Events tool, on mobile or on the desktop dashboard) shares the same patterns.
+ */
+class IgnoredPatternsStore {
+  patterns = ensureDefaults(DEFAULT_PATTERNS.map(p => ({
+    ...p
+  })));
+  listeners = new Set();
+  loaded = false;
+  loadPromise = null;
+  /** Set once a mutation happens so a slow initial load can't clobber it. */
+  dirty = false;
+
+  /** Current patterns (stable reference until a mutation occurs). */
+  getPatterns() {
+    return this.patterns;
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    // Lazily hydrate from storage the first time anyone cares.
+    void this.ensureLoaded();
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  emit() {
+    this.listeners.forEach(l => l());
+  }
+  ensureLoaded() {
+    if (this.loaded) return Promise.resolve();
+    if (this.loadPromise) return this.loadPromise;
+    this.loadPromise = (async () => {
+      try {
+        const stored = await persistentStorage.getItem(devToolsStorageKeys.network.ignoredDomains());
+        // A mutation may have raced this read — never overwrite user intent.
+        if (stored && !this.dirty) {
+          const migrated = ensureDefaults(migratePatterns(JSON.parse(stored)));
+          this.patterns = migrated;
+        }
+      } catch {
+        // Silently fall back to defaults.
+      } finally {
+        this.loaded = true;
+        this.emit();
+      }
+    })();
+    return this.loadPromise;
+  }
+  persist() {
+    persistentStorage.setItem(devToolsStorageKeys.network.ignoredDomains(), JSON.stringify(this.patterns)).catch(() => {
+      // Silently fail — patterns remain in memory.
+    });
+  }
+  commit(next) {
+    this.dirty = true;
+    this.patterns = next;
+    this.emit();
+    this.persist();
+  }
+
+  /** Add a pattern (no-op if its value already exists). */
+  add(pattern) {
+    const value = pattern.value.trim();
+    if (!value) return;
+    if (this.patterns.some(p => p.value === value)) return;
+    this.commit([...this.patterns, {
+      value,
+      mode: pattern.mode
+    }]);
+  }
+
+  /** Remove a pattern by value. */
+  remove(value) {
+    if (!this.patterns.some(p => p.value === value)) return;
+    this.commit(this.patterns.filter(p => p.value !== value));
+  }
+
+  /** Add as `contains` if absent, otherwise remove (used by detail-view chips). */
+  toggle(value) {
+    const trimmed = value.trim();
+    if (!trimmed) return;
+    this.commit(this.patterns.some(p => p.value === trimmed) ? this.patterns.filter(p => p.value !== trimmed) : [...this.patterns, {
+      value: trimmed,
+      mode: "contains"
+    }]);
+  }
+
+  /** Flip an existing pattern between `contains` and `exact`. */
+  toggleMode(value) {
+    if (!this.patterns.some(p => p.value === value)) return;
+    this.commit(this.patterns.map(p => p.value === value ? {
+      ...p,
+      mode: p.mode === "contains" ? "exact" : "contains"
+    } : p));
+  }
+}
+export const ignoredPatternsStore = new IgnoredPatternsStore();
+/**
+ * Mutations live at module scope so they keep a STABLE identity across
+ * renders. They used to be inline arrows in the return object, which handed
+ * every consumer a fresh `toggle` on each render and defeated `memo` on
+ * anything they were passed down to — measured on the network detail view,
+ * where it forced a full re-render of the inspector per step.
+ */
+const addPattern = pattern => ignoredPatternsStore.add(pattern);
+const removePattern = value => ignoredPatternsStore.remove(value);
+const togglePattern = value => ignoredPatternsStore.toggle(value);
+const togglePatternMode = value => ignoredPatternsStore.toggleMode(value);
+
+/**
+ * Subscribe to the shared ignored-patterns store. All consumers in a runtime
+ * see the same patterns and the same mutations.
+ */
+export function useIgnoredPatterns() {
+  const [patterns, setPatterns] = useState(() => ignoredPatternsStore.getPatterns());
+  useEffect(() => {
+    return ignoredPatternsStore.subscribe(() => {
+      setPatterns(ignoredPatternsStore.getPatterns());
+    });
+  }, []);
+  const values = useMemo(() => new Set(patterns.map(p => p.value)), [patterns]);
+  return {
+    patterns,
+    values,
+    add: addPattern,
+    remove: removePattern,
+    toggle: togglePattern,
+    toggleMode: togglePatternMode
+  };
+}

package/lib/module/stores/ignoredPatternsStore.web.js

@@ -1,221 +1,3 @@
 "use strict";
 
-/**
- * ignoredPatternsStore.web — web twin of ignoredPatternsStore.ts (the shared
- * persisted "ignored patterns" singleton for network-style URL filtering).
- *
- * The native store imports shared's RN `persistentStorage` (whose module graph
- * carries guarded expo-file-system / async-storage requires), which is why the
- * web shims never re-exported it. This twin keeps the ENTIRE store class, hook
- * and persistence contract identical — same class shape, same
- * `devToolsStorageKeys.network.ignoredDomains()` storage key, same persisted
- * JSON shape (`IgnoredPattern[]`, with the legacy `string[]` migration) — and
- * swaps only the storage backing: a file-local localStorage adapter that
- * matches the `persistentStorage` API (async getItem/setItem, best-effort,
- * provenance: example-tauri/src/shims/shared-ui.web.ts's adapter — web Buoy
- * chrome persistence lives in webview localStorage).
- *
- * Everything else — pure matching (`ignoredPatternsCore`), the migration +
- * ensure-defaults logic, the dirty-flag load race guard, the module-scope
- * stable mutation identities — is the native code, not a fork of its
- * semantics. Web consumers get the same shared, persisted pattern list the
- * phone has, keyed identically, so a DOM port and a react-native-web port of
- * the same app read/write the same entry.
- *
- * @platform React DOM Web
- */
-
-import { useEffect, useMemo, useState } from "react";
-import { devToolsStorageKeys } from "../storage/devToolsStorageKeys.js";
-
-// Pure matching types/helpers live in ignoredPatternsCore.ts (web-shim-safe);
-// re-exported here so this module's surface twins the native store's.
-import { DEFAULT_IGNORED_PATTERNS } from "./ignoredPatternsCore.js";
-export { urlMatchesIgnoredPattern, isUrlIgnored } from "./ignoredPatternsCore.js";
-
-/**
- * localStorage-backed implementation of the shared `persistentStorage` API
- * (getItem/setItem returning promises, silent best-effort failure) — the same
- * adapter recipe the web shared-ui shims use for Buoy chrome persistence.
- * Local to this file so the web store pulls zero RN/expo modules.
- */
-const persistentStorage = {
-  async getItem(key) {
-    try {
-      return window.localStorage.getItem(key);
-    } catch {
-      return null;
-    }
-  },
-  async setItem(key, value) {
-    try {
-      window.localStorage.setItem(key, value);
-    } catch {
-      // Ignore quota/availability errors — callers treat this as best-effort.
-    }
-  }
-};
-const DEFAULT_PATTERNS = DEFAULT_IGNORED_PATTERNS;
-
-/** Tolerate the legacy `string[]` persisted format and stray junk. */
-function migratePatterns(raw) {
-  if (!Array.isArray(raw)) return [];
-  const migrated = [];
-  for (const entry of raw) {
-    if (typeof entry === "string" && entry.trim()) {
-      migrated.push({
-        value: entry,
-        mode: "contains"
-      });
-    } else if (entry && typeof entry === "object" && typeof entry.value === "string") {
-      const e = entry;
-      migrated.push({
-        value: e.value,
-        mode: e.mode === "exact" ? "exact" : "contains"
-      });
-    }
-  }
-  return migrated;
-}
-
-/** Always keep the default patterns present (e.g. Buoy's license API). */
-function ensureDefaults(patterns) {
-  const result = [...patterns];
-  for (const def of DEFAULT_PATTERNS) {
-    if (!result.some(p => p.value === def.value)) {
-      result.push({
-        ...def
-      });
-    }
-  }
-  return result;
-}
-/**
- * Singleton store. One instance per JS runtime, so every consumer (Network
- * tool, Events tool, any web panel) shares the same patterns.
- */
-class IgnoredPatternsStore {
-  patterns = ensureDefaults(DEFAULT_PATTERNS.map(p => ({
-    ...p
-  })));
-  listeners = new Set();
-  loaded = false;
-  loadPromise = null;
-  /** Set once a mutation happens so a slow initial load can't clobber it. */
-  dirty = false;
-
-  /** Current patterns (stable reference until a mutation occurs). */
-  getPatterns() {
-    return this.patterns;
-  }
-  subscribe(listener) {
-    this.listeners.add(listener);
-    // Lazily hydrate from storage the first time anyone cares.
-    void this.ensureLoaded();
-    return () => {
-      this.listeners.delete(listener);
-    };
-  }
-  emit() {
-    this.listeners.forEach(l => l());
-  }
-  ensureLoaded() {
-    if (this.loaded) return Promise.resolve();
-    if (this.loadPromise) return this.loadPromise;
-    this.loadPromise = (async () => {
-      try {
-        const stored = await persistentStorage.getItem(devToolsStorageKeys.network.ignoredDomains());
-        // A mutation may have raced this read — never overwrite user intent.
-        if (stored && !this.dirty) {
-          const migrated = ensureDefaults(migratePatterns(JSON.parse(stored)));
-          this.patterns = migrated;
-        }
-      } catch {
-        // Silently fall back to defaults.
-      } finally {
-        this.loaded = true;
-        this.emit();
-      }
-    })();
-    return this.loadPromise;
-  }
-  persist() {
-    persistentStorage.setItem(devToolsStorageKeys.network.ignoredDomains(), JSON.stringify(this.patterns)).catch(() => {
-      // Silently fail — patterns remain in memory.
-    });
-  }
-  commit(next) {
-    this.dirty = true;
-    this.patterns = next;
-    this.emit();
-    this.persist();
-  }
-
-  /** Add a pattern (no-op if its value already exists). */
-  add(pattern) {
-    const value = pattern.value.trim();
-    if (!value) return;
-    if (this.patterns.some(p => p.value === value)) return;
-    this.commit([...this.patterns, {
-      value,
-      mode: pattern.mode
-    }]);
-  }
-
-  /** Remove a pattern by value. */
-  remove(value) {
-    if (!this.patterns.some(p => p.value === value)) return;
-    this.commit(this.patterns.filter(p => p.value !== value));
-  }
-
-  /** Add as `contains` if absent, otherwise remove (used by detail-view chips). */
-  toggle(value) {
-    const trimmed = value.trim();
-    if (!trimmed) return;
-    this.commit(this.patterns.some(p => p.value === trimmed) ? this.patterns.filter(p => p.value !== trimmed) : [...this.patterns, {
-      value: trimmed,
-      mode: "contains"
-    }]);
-  }
-
-  /** Flip an existing pattern between `contains` and `exact`. */
-  toggleMode(value) {
-    if (!this.patterns.some(p => p.value === value)) return;
-    this.commit(this.patterns.map(p => p.value === value ? {
-      ...p,
-      mode: p.mode === "contains" ? "exact" : "contains"
-    } : p));
-  }
-}
-export const ignoredPatternsStore = new IgnoredPatternsStore();
-/**
- * Mutations live at module scope so they keep a STABLE identity across
- * renders (same rationale as native: inline arrows handed every consumer a
- * fresh `toggle` per render and defeated `memo` downstream).
- */
-const addPattern = pattern => ignoredPatternsStore.add(pattern);
-const removePattern = value => ignoredPatternsStore.remove(value);
-const togglePattern = value => ignoredPatternsStore.toggle(value);
-const togglePatternMode = value => ignoredPatternsStore.toggleMode(value);
-
-/**
- * Subscribe to the shared ignored-patterns store. All consumers in a runtime
- * see the same patterns and the same mutations.
- */
-export function useIgnoredPatterns() {
-  const [patterns, setPatterns] = useState(() => ignoredPatternsStore.getPatterns());
-  useEffect(() => {
-    return ignoredPatternsStore.subscribe(() => {
-      setPatterns(ignoredPatternsStore.getPatterns());
-    });
-  }, []);
-  const values = useMemo(() => new Set(patterns.map(p => p.value)), [patterns]);
-  return {
-    patterns,
-    values,
-    add: addPattern,
-    remove: removePattern,
-    toggle: togglePattern,
-    toggleMode: togglePatternMode
-  };
-}
+export * from "./ignoredPatternsStore.shared.js";

package/lib/module/ui/backgrounds/backgroundStore.js

@@ -12,7 +12,7 @@
 
 import { useEffect, useState } from "react";
 import { devToolsStorageKeys } from "../../storage/devToolsStorageKeys.js";
-import { persistentStorage } from "../../utils/persistentStorage.js";
+import { persistentStorage } from "../../utils/persistentStorage";
 import { BACKGROUND_PRESETS, DEFAULT_BACKGROUND, presetAt, presetIndex } from "./registry.js";
 // v3: bumped when the default became "off" (backgrounds are opt-in now), so
 // devices that stepped the switcher during the (unreleased) audition rounds

package/lib/module/ui/backgrounds/variants/wormhole.js

@@ -99,12 +99,14 @@ export const Wormhole = /*#__PURE__*/memo(function Wormhole({
           }]
         }],
         children: /*#__PURE__*/_jsx(Image, {
+          testID: "buoy-internal-background",
           source: WORMHOLE_SHEET,
           resizeMode: "stretch",
           fadeDuration: 0,
           style: fill
         })
       }, i)), /*#__PURE__*/_jsx(Image, {
+        testID: "buoy-internal-background",
         source: WORMHOLE_CORE,
         resizeMode: "stretch",
         fadeDuration: 0,
@@ -119,6 +121,7 @@ export const Wormhole = /*#__PURE__*/memo(function Wormhole({
     }) : /*#__PURE__*/_jsx(Animated.View, {
       style: [plane, camera],
       children: /*#__PURE__*/_jsx(Image, {
+        testID: "buoy-internal-background",
         source: WORMHOLE_STILL,
         resizeMode: "stretch",
         fadeDuration: 0,

package/lib/module/ui/components/CopyButton.js

@@ -8,7 +8,7 @@ import { Copy, CheckCircle2, AlertTriangle, Trash2 } from "../../icons/lucide-ic
 import { macOSColors } from "../gameUI/constants/macOSDesignSystemColors.js";
 import { ClipboardHintBanner } from "./ClipboardHintBanner.js";
 import { devToolsStorageKeys } from "../../storage/devToolsStorageKeys.js";
-import { persistentStorage } from "../../utils/persistentStorage.js";
+import { persistentStorage } from "../../utils/persistentStorage";
 import { useHintsDisabled } from "../../context/index.js";
 import { ProUpgradeModal } from "../../license/index.js";
 import { useIsPro } from "@buoy-gg/license";

package/lib/module/ui/components/EventStepperFooter.js

@@ -13,7 +13,7 @@ import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
 import { ChevronLeft, ChevronRight } from "../../icons/lucide-icons.js";
 import { macOSColors } from "../gameUI/constants/macOSDesignSystemColors.js";
 import { night } from "../night/nightTheme.js";
-import { useSafeAreaInsets } from "../../hooks/useSafeAreaInsets.js";
+import { useSafeAreaInsets } from "../../hooks/useSafeAreaInsets";
 import { monoFont } from "../fonts.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**

package/lib/module/ui/components/ToolFooter.js

@@ -14,7 +14,7 @@
 
 import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
 import { night } from "../night/nightTheme.js";
-import { useSafeAreaInsets } from "../../hooks/useSafeAreaInsets.js";
+import { useSafeAreaInsets } from "../../hooks/useSafeAreaInsets";
 import { monoFont } from "../fonts.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ToolFooter({

package/lib/module/ui/floating/FloatingTool.web.js

@@ -126,6 +126,7 @@ export function UserStatus({
   const handleClick = e => {
     if (!isDragging && onPress) {
       e.stopPropagation();
+      e.currentTarget.focus();
       onPress();
     }
   };
@@ -463,6 +464,8 @@ export function FloatingTool({
   const spaceAbove = Math.max(0, animatedPosition.y - 8);
   const spaceBelow = Math.max(0, window.innerHeight - animatedPosition.y - state.bubbleSize.height - 8);
   const accessoryAbove = spaceAbove > spaceBelow;
+  // Keep the minimized stack above the handle unless even one row cannot fit.
+  const stackAbove = spaceAbove >= 48 || spaceAbove >= spaceBelow;
   return /*#__PURE__*/_jsxs("div", {
     ref: bubbleRef,
     "data-testid": id ?? "buoy-floating-tool",
@@ -473,7 +476,7 @@ export function FloatingTool({
       position: 'fixed',
       left: animatedPosition.x,
       top: animatedPosition.y,
-      zIndex: 9999,
+      zIndex: pushToSide ? 8999 : 9999,
       display: 'flex',
       flexDirection: 'row',
       alignItems: 'center',
@@ -507,7 +510,14 @@ export function FloatingTool({
     children: [minimizedStack && /*#__PURE__*/_jsx("div", {
       style: {
         position: 'absolute',
-        bottom: '100%',
+        ...(stackAbove ? {
+          bottom: '100%'
+        } : {
+          top: '100%'
+        }),
+        '--buoy-stack-bottom': stackAbove ? '0px' : 'auto',
+        '--buoy-stack-top': stackAbove ? 'auto' : '0px',
+        '--buoy-stack-space': `${stackAbove ? spaceAbove : spaceBelow}px`,
         left: -1,
         // align with the bubble border edge
         width: VISIBLE_HANDLE_WIDTH,

package/lib/module/ui/night/primitives.js

@@ -20,7 +20,7 @@
  * underline), NightBadge (small status caps).
  */
 import { Children, useEffect, useRef } from "react";
-import { Animated, StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { Animated, Platform, StyleSheet, Text, TouchableOpacity, View } from "react-native";
 import { night, NIGHT_LABEL_TRACKING } from "./nightTheme.js";
 
 /** Uppercase section label that sits ABOVE a NightCard. */
@@ -42,8 +42,13 @@ export function NightFootnote({
   tone = "tertiary",
   style
 }) {
+  // The inset is a marginLeft, and a marginLeft beats a caller's
+  // marginHorizontal or margin, so those were silently ignored on the left.
+  // A caller that sets either owns the horizontal margins.
+  const flat = StyleSheet.flatten(style);
+  const ownsMargin = !!flat && (flat.marginHorizontal != null || flat.margin != null);
   return /*#__PURE__*/_jsx(Text, {
-    style: [styles.footnote, tone === "secondary" ? styles.footnoteSecondary : null, tone === "warning" ? styles.footnoteWarning : null, tone === "danger" ? styles.footnoteDanger : null, centered ? styles.footnoteCentered : null, style],
+    style: [styles.footnote, ownsMargin ? null : styles.footnoteInset, tone === "secondary" ? styles.footnoteSecondary : null, tone === "warning" ? styles.footnoteWarning : null, tone === "danger" ? styles.footnoteDanger : null, centered ? styles.footnoteCentered : null, style],
     children: children
   });
 }
@@ -118,7 +123,7 @@ export function NightSwitch({
     Animated.timing(progress, {
       toValue: value ? 1 : 0,
       duration: 200,
-      useNativeDriver: true
+      useNativeDriver: Platform.OS !== "web"
     }).start();
   }, [value, progress]);
   return /*#__PURE__*/_jsx(TouchableOpacity, {
@@ -271,7 +276,9 @@ const styles = StyleSheet.create({
     fontSize: night.font.caption,
     fontWeight: "500",
     lineHeight: night.font.caption * 1.4,
-    marginTop: 8,
+    marginTop: 8
+  },
+  footnoteInset: {
     marginLeft: night.labelInset
   },
   footnoteSecondary: {

package/lib/module/ui/otto/OttoSprite.js

@@ -215,7 +215,7 @@ function useOttoMotionClock(units, tickMs, active, restartKey) {
       toValue: units,
       duration: units * tickMs,
       easing: Easing.linear,
-      useNativeDriver: true,
+      useNativeDriver: Platform.OS !== "web",
       isInteraction: false
     }), {
       resetBeforeIteration: true