@buoy-gg/shared-ui 3.0.2 → 4.0.1

package/lib/commonjs/hooks/safe-area-impl.js

@@ -7,7 +7,7 @@ exports.useNativeSafeAreaInsets = exports.safeAreaType = exports.hasSafeAreaPack
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-06-23T21:16:34.896Z
+ * Generated at: 2026-06-30T15:42:30.947Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/commonjs/icons/lucide-icons.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PlayIcon = exports.Play = exports.PhoneIcon = exports.Phone = exports.PauseIcon = exports.Pause = exports.PaletteIcon = exports.Palette = exports.NavigationIcon = exports.Navigation = exports.MusicIcon = exports.Music = exports.MinusIcon = exports.Minus = exports.Maximize2Icon = exports.Maximize2 = exports.LockIcon = exports.Lock = exports.LinkIcon = exports.Link = exports.LayersIcon = exports.Layers = exports.KeyIcon = exports.Key = exports.InfoIcon = exports.Info = exports.ImageIcon = exports.Image = exports.HomeIcon = exports.Home = exports.HelpCircle = exports.HashIcon = exports.Hash = exports.HardDriveIcon = exports.HardDrive = exports.HandIcon = exports.Hand = exports.GlobeIcon = exports.Globe = exports.GitBranchIcon = exports.GitBranch = exports.FloatWindow = exports.FlaskConicalIcon = exports.FlaskConical = exports.FilterIcon = exports.Filter = exports.FilmIcon = exports.Film = exports.FileTextIcon = exports.FileText = exports.FileJsonIcon = exports.FileJson = exports.FileCodeIcon = exports.FileCode = exports.EyeOffIcon = exports.EyeOff = exports.EyeIcon = exports.Eye = exports.Edit3Icon = exports.Edit3 = exports.DownloadIcon = exports.Download = exports.DockBottom = exports.DatabaseIcon = exports.Database = exports.CopyIcon = exports.Copy = exports.CloudIcon = exports.Cloud = exports.ClockIcon = exports.Clock = exports.ChevronUpIcon = exports.ChevronUp = exports.ChevronRightIcon = exports.ChevronRight = exports.ChevronLeftIcon = exports.ChevronLeft = exports.ChevronDownIcon = exports.ChevronDown = exports.CheckSquareIcon = exports.CheckSquare = exports.CheckIcon = exports.CheckCircleIcon = exports.CheckCircle2Icon = exports.CheckCircle2 = exports.CheckCircle = exports.Check = exports.BugIcon = exports.Bug = exports.BoxIcon = exports.Box = exports.BarChart3Icon = exports.BarChart3 = exports.AlertTriangleIcon = exports.AlertTriangle = exports.AlertOctagon = exports.AlertCircleIcon = exports.AlertCircle = exports.ActivityIcon = exports.Activity = void 0;
-exports.ZapIcon = exports.Zap = exports.XIcon = exports.XCircleIcon = exports.XCircle = exports.X = exports.WifiIcon = exports.Wifi = exports.VolumeIcon = exports.Volume = exports.UsersIcon = exports.Users = exports.UserIcon = exports.User = exports.UploadIcon = exports.Upload = exports.UnlockIcon = exports.Unlock = exports.TriangleAlertIcon = exports.TriangleAlert = exports.TrashIcon = exports.Trash2Icon = exports.Trash2 = exports.Trash = exports.TouchpadIcon = exports.Touchpad = exports.TimerIcon = exports.Timer = exports.TestTube2Icon = exports.TestTube2 = exports.SquareIcon = exports.SquareDashedIcon = exports.SquareDashed = exports.Square = exports.SmartphoneIcon = exports.Smartphone = exports.ShieldIcon = exports.Shield = exports.SettingsIcon = exports.Settings = exports.ServerIcon = exports.Server = exports.SearchIcon = exports.Search = exports.RouteIcon = exports.Route = exports.RefreshCwIcon = exports.RefreshCw = exports.PowerIcon = exports.Power = exports.PlusIcon = exports.Plus = void 0;
+exports.Play = exports.Pin = exports.PhoneIcon = exports.Phone = exports.PauseIcon = exports.Pause = exports.PaletteIcon = exports.Palette = exports.NavigationIcon = exports.Navigation = exports.MusicIcon = exports.Music = exports.MinusIcon = exports.Minus = exports.Maximize2Icon = exports.Maximize2 = exports.LockIcon = exports.Lock = exports.LinkIcon = exports.Link = exports.LayersIcon = exports.Layers = exports.KeyIcon = exports.Key = exports.InfoIcon = exports.Info = exports.ImageIcon = exports.Image = exports.HomeIcon = exports.Home = exports.HelpCircle = exports.HashIcon = exports.Hash = exports.HardDriveIcon = exports.HardDrive = exports.HandIcon = exports.Hand = exports.GlobeIcon = exports.Globe = exports.GitBranchIcon = exports.GitBranch = exports.FloatWindow = exports.FlaskConicalIcon = exports.FlaskConical = exports.FilterIcon = exports.Filter = exports.FilmIcon = exports.Film = exports.FileTextIcon = exports.FileText = exports.FileJsonIcon = exports.FileJson = exports.FileCodeIcon = exports.FileCode = exports.EyeOffIcon = exports.EyeOff = exports.EyeIcon = exports.Eye = exports.Edit3Icon = exports.Edit3 = exports.DownloadIcon = exports.Download = exports.DockBottom = exports.DatabaseIcon = exports.Database = exports.CopyIcon = exports.Copy = exports.CloudIcon = exports.Cloud = exports.ClockIcon = exports.Clock = exports.ChevronUpIcon = exports.ChevronUp = exports.ChevronRightIcon = exports.ChevronRight = exports.ChevronLeftIcon = exports.ChevronLeft = exports.ChevronDownIcon = exports.ChevronDown = exports.CheckSquareIcon = exports.CheckSquare = exports.CheckIcon = exports.CheckCircleIcon = exports.CheckCircle2Icon = exports.CheckCircle2 = exports.CheckCircle = exports.Check = exports.BugIcon = exports.Bug = exports.BoxIcon = exports.Box = exports.BarChart3Icon = exports.BarChart3 = exports.AlertTriangleIcon = exports.AlertTriangle = exports.AlertOctagon = exports.AlertCircleIcon = exports.AlertCircle = exports.ActivityIcon = exports.Activity = void 0;
+exports.ZapIcon = exports.Zap = exports.XIcon = exports.XCircleIcon = exports.XCircle = exports.X = exports.WifiIcon = exports.Wifi = exports.VolumeIcon = exports.Volume = exports.UsersIcon = exports.Users = exports.UserIcon = exports.User = exports.UploadIcon = exports.Upload = exports.UnlockIcon = exports.Unlock = exports.TriangleAlertIcon = exports.TriangleAlert = exports.TrashIcon = exports.Trash2Icon = exports.Trash2 = exports.Trash = exports.TouchpadIcon = exports.Touchpad = exports.TimerIcon = exports.Timer = exports.TestTube2Icon = exports.TestTube2 = exports.SquareIcon = exports.SquareDashedIcon = exports.SquareDashed = exports.Square = exports.SmartphoneIcon = exports.Smartphone = exports.ShieldIcon = exports.Shield = exports.SettingsIcon = exports.Settings = exports.ServerIcon = exports.Server = exports.SearchIcon = exports.Search = exports.RouteIcon = exports.Route = exports.RefreshCwIcon = exports.RefreshCw = exports.PowerIcon = exports.Power = exports.PlusIcon = exports.Plus = exports.PlayIcon = void 0;
 var _reactNative = require("react-native");
 var OriginalIcons = _interopRequireWildcard(require("./lucide-icons-original-full.js"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -524,6 +524,32 @@ const Eye = ({
   })]
 });
 exports.Eye = Eye;
+const Pin = ({
+  size = 24,
+  color = "currentColor",
+  strokeWidth = 2,
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  ...props,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Circle, {
+    cx: 12,
+    cy: 9,
+    r: 5,
+    stroke: color,
+    strokeWidth: strokeWidth
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+    x1: 12,
+    y1: 14,
+    x2: 12,
+    y2: 21,
+    stroke: color,
+    strokeWidth: strokeWidth
+  })]
+});
+exports.Pin = Pin;
 const EyeOff = ({
   size = 24,
   color = "currentColor",

package/lib/commonjs/index.js

@@ -36,6 +36,7 @@ var _exportNames = {
   useSafeSegments: true,
   useSafeGlobalSearchParams: true,
   getSafeRouter: true,
+  getSafeCurrentPathname: true,
   isExpoRouterAvailable: true,
   isPlainObjectUtil: true,
   useSafeAreaInsets: true,
@@ -216,6 +217,12 @@ Object.defineProperty(exports, "getSafeAreaInsets", {
     return _index3.getSafeAreaInsets;
   }
 });
+Object.defineProperty(exports, "getSafeCurrentPathname", {
+  enumerable: true,
+  get: function () {
+    return _index3.getSafeCurrentPathname;
+  }
+});
 Object.defineProperty(exports, "getSafeRouter", {
   enumerable: true,
   get: function () {

package/lib/commonjs/license/FeatureGate.js

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UpgradePrompt = exports.UpgradeModal = exports.ProUpgradeModal = exports.ProFeatureBanner = exports.ProBadge = exports.FeatureGate = void 0;
+exports.WEEKEND_PASS_LABEL = exports.UpgradePrompt = exports.UpgradeModal = exports.ProUpgradeModal = exports.ProFeatureBanner = exports.ProBadge = exports.FeatureGate = void 0;
 exports.useFeatureGate = useFeatureGate;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _gameUIColors = require("../ui/gameUI/constants/gameUIColors.js");
 var _lucideIcons = require("../icons/lucide-icons.js");
 var _LicenseEntryModal = require("./LicenseEntryModal.js");
+var _openPricing = require("./openPricing.js");
 var _license = require("@buoy-gg/license");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -19,18 +20,33 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * Wraps premium features and shows an upgrade prompt for free users.
  */
 
+// Weekend Pass branding — a distinct violet so it never reads as the gold PRO.
+const WEEKEND_PASS_LABEL = exports.WEEKEND_PASS_LABEL = "WEEKEND PASS";
+const WEEKEND_VIOLET = "#BF5AF2";
+
 /**
- * Simple Pro badge for marking premium features
+ * Simple Pro badge for marking premium features.
+ *
+ * Reason-aware: when the free Weekend Pass is the active unlock (a free user on
+ * a weekend), it shows a violet "WEEKEND PASS" badge instead of the gold "PRO"
+ * so people know Pro is free this weekend. A real license — or a free user on a
+ * weekday seeing the badge as a Pro-feature marker — shows "PRO".
  */
 const ProBadge = ({
   style
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-  style: [styles.proBadge, style],
-  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: styles.proBadgeText,
-    children: "PRO"
-  })
-});
+}) => {
+  const {
+    reason
+  } = (0, _license.useProAccess)();
+  const weekend = reason === "weekend";
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.proBadge, weekend && styles.weekendBadge, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.proBadgeText, weekend && styles.weekendBadgeText],
+      children: weekend ? WEEKEND_PASS_LABEL : "PRO"
+    })
+  });
+};
 
 /**
  * Simple Pro upgrade modal - minimal modal with just upgrade button
@@ -63,6 +79,10 @@ const UpgradePrompt = ({
   const handlePress = (0, _react.useCallback)(() => {
     if (onUpgradePress) {
       onUpgradePress();
+    } else if (_openPricing.isWeb) {
+      // Desktop dashboard: buy on the website, not via the mobile Buoy.init()
+      // code path. (Already have a key? Enter it from the toolbar Upgrade button.)
+      (0, _openPricing.openPricing)();
     } else {
       setShowLicenseModal(true);
     }
@@ -190,13 +210,21 @@ const FeatureGate = ({
  */
 exports.FeatureGate = FeatureGate;
 function useFeatureGate() {
-  const isPro = (0, _license.useIsPro)();
+  const {
+    isPro,
+    isLicensed,
+    isWeekendFree,
+    reason
+  } = (0, _license.useProAccess)();
   const showUpgrade = () => {
-    _reactNative.Linking.openURL("https://buoy.gg/pro");
+    (0, _openPricing.openPricing)("https://buoy.gg/pro");
   };
   return {
     hasAccess: isPro,
     isPro,
+    isLicensed,
+    isWeekendFree,
+    reason,
     showUpgrade
   };
 }
@@ -214,6 +242,12 @@ const ProFeatureBanner = ({
   const [showLicenseModal, setShowLicenseModal] = (0, _react.useState)(false);
   const license = (0, _license.useLicense)();
   const handleUpgrade = (0, _react.useCallback)(() => {
+    // Desktop dashboard: open pricing in the browser instead of the mobile
+    // license-entry modal.
+    if (_openPricing.isWeb) {
+      (0, _openPricing.openPricing)();
+      return;
+    }
     setShowLicenseModal(true);
   }, []);
   const handleCloseModal = (0, _react.useCallback)(() => {
@@ -289,6 +323,12 @@ const UpgradeModal = ({
   const [showLicenseModal, setShowLicenseModal] = (0, _react.useState)(false);
   const license = (0, _license.useLicense)();
   const handleUpgrade = (0, _react.useCallback)(() => {
+    // Desktop dashboard: send users straight to the pricing page in their
+    // browser instead of the mobile Buoy.init() license-entry modal.
+    if (_openPricing.isWeb) {
+      (0, _openPricing.openPricing)();
+      return;
+    }
     setShowLicenseModal(true);
   }, []);
   const handleCloseLicenseModal = (0, _react.useCallback)(() => {
@@ -424,6 +464,15 @@ const styles = _reactNative.StyleSheet.create({
     color: _gameUIColors.buoyColors.primary,
     letterSpacing: 0.5
   },
+  // Weekend Pass variant — violet instead of the gold/primary PRO.
+  weekendBadge: {
+    backgroundColor: WEEKEND_VIOLET + "1A",
+    borderColor: WEEKEND_VIOLET + "55"
+  },
+  weekendBadgeText: {
+    color: WEEKEND_VIOLET,
+    letterSpacing: 0.4
+  },
   container: {
     padding: 20,
     alignItems: "center",

package/lib/commonjs/license/LicenseEntryModal.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _absoluteFill = require("../utils/absoluteFill.js");
 var _macOSDesignSystemColors = require("../ui/gameUI/constants/macOSDesignSystemColors.js");
+var _openPricing = require("./openPricing.js");
 var _lucideIcons = require("../icons/lucide-icons.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -41,7 +42,7 @@ const LicenseEntryModal = ({
 }) => {
   const [copied, setCopied] = _react.default.useState(false);
   const handleGetLicense = (0, _react.useCallback)(() => {
-    _reactNative.Linking.openURL(purchaseUrl);
+    (0, _openPricing.openPricing)(purchaseUrl);
   }, [purchaseUrl]);
   const handleCopyCode = (0, _react.useCallback)(() => {
     if (Clipboard?.setString) {
@@ -107,7 +108,16 @@ const LicenseEntryModal = ({
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
             style: styles.dividerLine
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        }), _openPricing.isWeb ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.instructionsContainer,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.instructionsNote,
+            children: "Click the Upgrade button in the top toolbar and paste your license key. It also unlocks automatically when a connected device is running Buoy Pro."
+          })
+        }) :
+        /*#__PURE__*/
+        /* Option 2: Instructions */
+        (0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: styles.instructionsContainer,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
             style: styles.instructionsHeader,

package/lib/commonjs/license/openPricing.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isWeb = exports.PRICING_URL = void 0;
+exports.openPricing = openPricing;
+var _reactNative = require("react-native");
+const PRICING_URL = exports.PRICING_URL = "https://buoy.gg/pricing";
+
+/** True when running on the desktop dashboard / web (react-native-web). */
+const isWeb = exports.isWeb = _reactNative.Platform.OS === "web";
+
+/**
+ * Open an upgrade/pricing URL.
+ *
+ * On the desktop dashboard (web) the upgrade flow is NOT the mobile
+ * `Buoy.init()` code path — the user buys on the website (or enters a key in
+ * the toolbar). Route the link through the Electron shell bridge so it lands in
+ * the user's DEFAULT browser instead of a bare in-app window; fall back to
+ * window.open for a plain browser tab. On native, use React Native Linking.
+ */
+function openPricing(url = PRICING_URL) {
+  // Access the browser globals via globalThis so this file doesn't depend on
+  // the DOM lib (the shared package targets React Native).
+  const win = globalThis.window;
+  if (isWeb && win) {
+    if (win.buoyShell?.openExternal) {
+      win.buoyShell.openExternal(url);
+      return;
+    }
+    win.open?.(url, "_blank", "noopener");
+    return;
+  }
+  _reactNative.Linking.openURL(url);
+}

package/lib/commonjs/storage/devToolsStorageKeys.js

@@ -98,6 +98,7 @@ const devToolsStorageKeys = exports.devToolsStorageKeys = {
     filters: () => `${devToolsStorageKeys.storage.root()}_filters`,
     eventFilters: () => `${devToolsStorageKeys.storage.root()}_event_filters`,
     keyFilters: () => `${devToolsStorageKeys.storage.root()}_key_filters`,
+    pinnedKeys: () => `${devToolsStorageKeys.storage.root()}_pinned_keys`,
     preferences: () => `${devToolsStorageKeys.storage.root()}_preferences`,
     activeTab: () => `${devToolsStorageKeys.storage.root()}_active_tab`,
     isMonitoring: () => `${devToolsStorageKeys.storage.root()}_is_monitoring`,

package/lib/commonjs/stores/ignoredPatternsStore.js

@@ -0,0 +1,229 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ignoredPatternsStore = void 0;
+exports.isUrlIgnored = isUrlIgnored;
+exports.urlMatchesIgnoredPattern = urlMatchesIgnoredPattern;
+exports.useIgnoredPatterns = useIgnoredPatterns;
+var _react = require("react");
+var _persistentStorage = require("../utils/persistentStorage.js");
+var _devToolsStorageKeys = require("../storage/devToolsStorageKeys.js");
+/**
+ * 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).
+ */
+
+/**
+ * How an ignored-pattern entry should be compared against captured URLs.
+ *
+ * - `contains`: case-insensitive substring match on the full URL (legacy behavior).
+ * - `exact`: smart equality — if pattern starts with `/`, matches URL.pathname;
+ *   if it starts with `http://`/`https://`, matches origin+pathname; otherwise
+ *   matches URL.host.
+ */
+
+/** A single exclude pattern with its match mode. */
+
+/** Patterns hidden by default — Buoy's own license API traffic. */
+const DEFAULT_PATTERNS = [{
+  value: "api.keygen.sh",
+  mode: "contains"
+}];
+
+/**
+ * Returns true when `url` matches the ignored `pattern` according to its mode.
+ *
+ * `contains` → case-insensitive substring on the full URL (legacy behavior).
+ * `exact`    → smart equality: pattern starting with `/` compares URL.pathname,
+ *              full URLs compare origin+pathname (ignoring query/hash), bare
+ *              values compare URL.host. Falls back to literal equality if URL
+ *              parsing fails (e.g. relative URLs).
+ */
+function urlMatchesIgnoredPattern(url, pattern) {
+  const lowerUrl = url.toLowerCase();
+  const lowerValue = pattern.value.toLowerCase();
+  if (pattern.mode === "contains") {
+    return lowerUrl.includes(lowerValue);
+  }
+  try {
+    const parsed = new URL(url);
+    if (lowerValue.startsWith("/")) {
+      return parsed.pathname.toLowerCase() === lowerValue;
+    }
+    if (lowerValue.startsWith("http://") || lowerValue.startsWith("https://")) {
+      return `${parsed.origin}${parsed.pathname}`.toLowerCase() === lowerValue;
+    }
+    return parsed.host.toLowerCase() === lowerValue;
+  } catch {
+    return lowerUrl === lowerValue;
+  }
+}
+
+/** Convenience: does `url` match ANY of the ignored `patterns`? */
+function isUrlIgnored(url, patterns) {
+  if (!url || patterns.length === 0) return false;
+  return patterns.some(pattern => urlMatchesIgnoredPattern(url, pattern));
+}
+
+/** 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.persistentStorage.getItem(_devToolsStorageKeys.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.persistentStorage.setItem(_devToolsStorageKeys.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));
+  }
+}
+const ignoredPatternsStore = exports.ignoredPatternsStore = new IgnoredPatternsStore();
+/**
+ * Subscribe to the shared ignored-patterns store. All consumers in a runtime
+ * see the same patterns and the same mutations.
+ */
+function useIgnoredPatterns() {
+  const [patterns, setPatterns] = (0, _react.useState)(() => ignoredPatternsStore.getPatterns());
+  (0, _react.useEffect)(() => {
+    return ignoredPatternsStore.subscribe(() => {
+      setPatterns(ignoredPatternsStore.getPatterns());
+    });
+  }, []);
+  const values = (0, _react.useMemo)(() => new Set(patterns.map(p => p.value)), [patterns]);
+  return {
+    patterns,
+    values,
+    add: pattern => ignoredPatternsStore.add(pattern),
+    remove: value => ignoredPatternsStore.remove(value),
+    toggle: value => ignoredPatternsStore.toggle(value),
+    toggleMode: value => ignoredPatternsStore.toggleMode(value)
+  };
+}

package/lib/commonjs/stores/index.js

@@ -9,4 +9,29 @@ Object.defineProperty(exports, "BaseEventStore", {
     return _BaseEventStore.BaseEventStore;
   }
 });
-var _BaseEventStore = require("./BaseEventStore.js");
+Object.defineProperty(exports, "ignoredPatternsStore", {
+  enumerable: true,
+  get: function () {
+    return _ignoredPatternsStore.ignoredPatternsStore;
+  }
+});
+Object.defineProperty(exports, "isUrlIgnored", {
+  enumerable: true,
+  get: function () {
+    return _ignoredPatternsStore.isUrlIgnored;
+  }
+});
+Object.defineProperty(exports, "urlMatchesIgnoredPattern", {
+  enumerable: true,
+  get: function () {
+    return _ignoredPatternsStore.urlMatchesIgnoredPattern;
+  }
+});
+Object.defineProperty(exports, "useIgnoredPatterns", {
+  enumerable: true,
+  get: function () {
+    return _ignoredPatternsStore.useIgnoredPatterns;
+  }
+});
+var _BaseEventStore = require("./BaseEventStore.js");
+var _ignoredPatternsStore = require("./ignoredPatternsStore.js");

package/lib/commonjs/ui/components/CompactRow.js

@@ -14,6 +14,7 @@ function CompactRow({
   statusSublabel,
   primaryText,
   secondaryText,
+  secondaryAccessory,
   expandedContent,
   isExpanded,
   badgeText,
@@ -65,10 +66,13 @@ function CompactRow({
               style: styles.queryHash,
               numberOfLines: isExpanded ? undefined : 2,
               children: primaryText
-            }), !isExpanded && secondaryText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.secondaryText,
-              numberOfLines: 1,
-              children: secondaryText
+            }), !isExpanded && (secondaryText || secondaryAccessory) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: styles.secondaryRow,
+              children: [secondaryText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.secondaryText,
+                numberOfLines: 1,
+                children: secondaryText
+              }) : null, secondaryAccessory]
             }) : null]
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
             style: styles.rightSection,
@@ -189,6 +193,12 @@ const styles = _reactNative.StyleSheet.create({
     color: _gameUIColors.buoyColors.text,
     lineHeight: 16
   },
+  secondaryRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    marginTop: 1
+  },
   secondaryText: {
     fontSize: 10,
     color: _gameUIColors.buoyColors.textMuted,

package/lib/commonjs/ui/components/ExpandedInfoRow.js

@@ -44,10 +44,12 @@ function ExpandedInfoRow({
 function PillBadge({
   color,
   children,
-  icon
+  icon,
+  size = "md"
 }) {
+  const isSm = size === "sm";
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.pill, {
+    style: [styles.pill, isSm && styles.pillSm, {
       backgroundColor: color + "20",
       borderColor: color + "40"
     }],
@@ -55,7 +57,7 @@ function PillBadge({
       style: styles.pillIcon,
       children: icon
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.pillText, {
+      style: [styles.pillText, isSm && styles.pillTextSm, {
         color
       }],
       children: children
@@ -83,6 +85,10 @@ const styles = _reactNative.StyleSheet.create({
     borderRadius: 999,
     borderWidth: 1
   },
+  pillSm: {
+    paddingHorizontal: 5,
+    paddingVertical: 1
+  },
   pillIcon: {
     marginRight: 4
   },
@@ -91,5 +97,9 @@ const styles = _reactNative.StyleSheet.create({
     fontWeight: "700",
     fontFamily: "monospace",
     letterSpacing: 0.5
+  },
+  pillTextSm: {
+    fontSize: 9,
+    letterSpacing: 0.3
   }
 });

package/lib/commonjs/utils/index.js

@@ -57,6 +57,12 @@ Object.defineProperty(exports, "getSafeAreaInsets", {
     return _getSafeAreaInsets.getSafeAreaInsets;
   }
 });
+Object.defineProperty(exports, "getSafeCurrentPathname", {
+  enumerable: true,
+  get: function () {
+    return _safeExpoRouter.getSafeCurrentPathname;
+  }
+});
 Object.defineProperty(exports, "getSafeRouter", {
   enumerable: true,
   get: function () {