@buoy-gg/route-events 7.0.36 → 7.0.38

package/README.md

@@ -2,7 +2,7 @@
 
 [![npm version](https://img.shields.io/npm/v/@buoy-gg/route-events?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/route-events) [![npm downloads](https://img.shields.io/npm/dm/@buoy-gg/route-events?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/route-events)
 
-**See every route in your app, watch navigation happen in real time, and jump to any screen from a full sitemap.**
+Inspect observed navigation events, browse supported routes, and navigate using the parameters your app requires.
 
 Part of [Buoy](https://github.com/Buoy-gg/buoy) — devtools that live inside your React Native app. Install it and it auto-appears in the floating menu from [`@buoy-gg/core`](https://www.npmjs.com/package/@buoy-gg/core).
 
@@ -14,6 +14,24 @@ Part of [Buoy](https://github.com/Buoy-gg/buoy) — devtools that live inside yo
 npm install @buoy-gg/core @buoy-gg/route-events
 ```
 
+## Before you start
+
+Use a development build with `@buoy-gg/core` and a Free or Pro Buoy account key. From your app’s directory, sign in:
+
+```bash
+npx --package=@buoy-gg/core buoy login
+```
+
+For Expo, initialize Buoy before rendering the menu:
+
+```tsx
+import { Buoy } from "@buoy-gg/core";
+
+Buoy.init({ licenseKey: process.env.EXPO_PUBLIC_BUOY_KEY });
+```
+
+The login command writes the Expo key to `.env.local`. For React Native CLI, pass the key from your app’s environment configuration; React Native does not load `.env.local` automatically. Mount `FloatingDevTools` inside the same providers as your screens and restart the development server after installation. The [Quick Start](https://buoy.gg/buoy/latest/docs/quick-start) shows the complete root component setup.
+
 ## Quick start
 
 ```tsx
@@ -31,25 +49,25 @@ export default function RootLayout() {
 }
 ```
 
-That's it. `FloatingDevTools` detects the package, mounts the route tracker for you, and the ROUTES tool shows up in the menu. It auto-detects whether you're on Expo Router or React Navigation and adapts.
+After account setup, open Routes and navigate between two known screens. Check their paths and parameters. Keep your existing navigator and providers; supported data differs between Expo Router and React Navigation. The event duration is time since the previous navigation, not screen render time.
 
 ## What you get
 
-- **Full sitemap** — browse every route in your app, searchable, with route types (static, dynamic, layout) labeled
-- **Jump to any screen** — tap a route in the sitemap and navigate straight to it, params and all
+- **Sitemap** — browse discovered routes, searchable, with route types (static, dynamic, layout) labeled
+- **Navigate** — select a supported route and supply its required parameters. App navigation guards still apply
 - **Live navigation stack** — watch the stack push, pop, and replace as you move through the app
 - **Navigation event timeline** — every navigation logged with path, params, timestamp, and time since the previous one
 - **Filtering & search** — filter events by pathname pattern, search across routes
-- **Zero setup** — no `<RouteTracker />` to place, no config; the core menu wires it automatically
+- **Tracker integration** — the core menu mounts the package’s route tracker
 - **Hooks for custom UIs** — `useRouteEvents`, `useRouteSitemap`, and `useNavigationStack` if you want the data without the modal
 
 ## Desktop & AI
 
-The same live session streams to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) (free, macOS/Windows/Linux) and to Claude Code or Cursor via the [Buoy MCP server](https://buoy.gg/buoy/latest/docs/mcp).
+To connect a React Native app to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) or MCP, install `@buoy-gg/external-sync` and follow the [Desktop connection guide](https://buoy.gg/buoy/latest/docs/desktop). Sign in to Desktop separately. [MCP setup](https://buoy.gg/buoy/latest/docs/mcp) also requires a process account and Pro access. Available remote actions depend on the tool and app integration.
 
-## Free vs Pro
+## Account and plan requirements
 
-Every tool is free. [Pro](https://buoy.gg/pricing) unlocks production builds, the MCP server, and unlimited capture. Every weekend, Pro features unlock free for anyone holding a key — including a free one (`npx buoy login`).
+Use a Free or Pro Buoy account. History limits and paid features vary by tool; see [pricing](https://buoy.gg/pricing). Production access requires Pro where supported. Development-only hooks and actions remain unavailable in release builds.
 
 ---
 

package/lib/commonjs/RouteTracker.js

@@ -10,6 +10,7 @@ var _useRouteObserver = require("./useRouteObserver");
 var _useRouteObserverReactNavigation = require("./useRouteObserverReactNavigation");
 var _useNavigationStack = require("./useNavigationStack");
 var _navigationStackStore = require("./stores/navigationStackStore");
+var _routeEventStore = require("./stores/routeEventStore");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * RouteTracker - A component to place inside your navigation tree
@@ -52,11 +53,20 @@ var _jsxRuntime = require("react/jsx-runtime");
  * ```
  */
 
+// Mounted at boot by FloatingDevTools, so this is where capture starts —
+// routeEventStore.hydrateBootCapture explains why the store needs it.
+function useBootCapture() {
+  (0, _react.useEffect)(() => {
+    _routeEventStore.routeEventStore.hydrateBootCapture();
+  }, []);
+}
 function ExpoRouteTracker() {
+  useBootCapture();
   (0, _useRouteObserver.useRouteObserver)();
   return null;
 }
 function ReactNavigationRouteTracker() {
+  useBootCapture();
   (0, _useRouteObserverReactNavigation.useRouteObserverReactNavigation)();
   return null;
 }

package/lib/commonjs/components/RouteEventItemCompact.js

@@ -131,43 +131,30 @@ const RouteEventItemCompact = exports.RouteEventItemCompact = /*#__PURE__*/(0, _
     });
   }, [isExpanded, event, visitNumber, routeTemplate]);
 
-  // Custom badge shows Go button (and badge text if present) when onNavigate is provided
-  const customBadge = (0, _react.useMemo)(() => {
+  // The Go button lives beside the row, not inside its touchable (see
+  // CompactRow.trailingAction), so a press never opens the row as well.
+  const goButton = (0, _react.useMemo)(() => {
     if (!onNavigate) return undefined;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.badgeContainer,
-      children: [badgeText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.badgeText, {
-          color: statusColor
-        }],
-        testID: `${testID}-badge`,
-        children: badgeText
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: styles.goButton,
-        onPress: e => {
-          e.stopPropagation();
-          onNavigate(event.pathname);
-        },
-        testID: `${testID}-go`,
-        accessibilityRole: "button",
-        accessibilityLabel: `Go to ${event.pathname}`,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.goButtonText,
-          children: "Go"
-        })
-      })]
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      style: styles.goButton,
+      onPress: () => onNavigate(event.pathname),
+      testID: `${testID}-go`,
+      accessibilityRole: "button",
+      accessibilityLabel: `Go to ${event.pathname}`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.goButtonText,
+        children: "Go"
+      })
     });
-  }, [onNavigate, event.pathname, badgeText, statusColor, testID]);
+  }, [onNavigate, event.pathname, testID]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CompactRow, {
     statusDotColor: statusColor,
     statusLabel: statusLabel,
     statusSublabel: statusSublabel,
-    primaryText: event.pathname
-    // Use badgeText when no customBadge, otherwise badge is inside customBadge
-    ,
-    badgeText: onNavigate ? undefined : badgeText,
+    primaryText: event.pathname,
+    badgeText: badgeText,
     badgeColor: statusColor,
-    customBadge: customBadge,
+    trailingAction: goButton,
     bottomRightText: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.RelativeTime, {
       timestamp: event.timestamp
     }),
@@ -183,11 +170,6 @@ const RouteEventItemCompact = exports.RouteEventItemCompact = /*#__PURE__*/(0, _
   });
 });
 const styles = _reactNative.StyleSheet.create({
-  badgeContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6
-  },
   badgeText: {
     fontSize: 11,
     fontWeight: "600",

package/lib/commonjs/components/RouteEventsModalWithTabs.js

@@ -11,6 +11,7 @@ var _safeReactNavigation = require("../utils/safeReactNavigation");
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _license = require("@buoy-gg/license");
 var _useRouteEvents = require("../hooks/useRouteEvents");
+var _routeEventStore = require("../stores/routeEventStore");
 var _RouteEventDetail = require("./RouteEventDetail");
 var _RouteFilterViewV = require("./RouteFilterViewV2");
 var _RoutesSitemap = require("./RoutesSitemap");
@@ -138,6 +139,13 @@ function RouteEventsModalWithTabs({
 
   // isListening = enabled and store is listening
   const isListening = isListeningEnabled && isStoreListening;
+
+  // The switch above only governs THIS component's subscription; the store
+  // also holds one of its own from boot (routeEventStore.setBootCapture), so
+  // pausing here has to release that too or capture would never stop.
+  (0, _react.useEffect)(() => {
+    _routeEventStore.routeEventStore.setBootCapture(isListeningEnabled);
+  }, [isListeningEnabled]);
   const [showFilters, setShowFilters] = (0, _react.useState)(false);
   // Selected event drives the full-screen detail view (parity with the Events
   // tool). null = list view. visitNumber feeds the "Visited N times" section.

package/lib/commonjs/stores/routeEventStore.js

@@ -40,6 +40,45 @@ var _RouteObserver = require("../RouteObserver");
 class RouteEventStore extends _sharedUi.BaseEventStore {
   // Unsubscribe function for routeObserver
   routeObserverUnsubscribe = null;
+  // The store's own subscription — see setBootCapture.
+  bootCaptureRelease = null;
+  bootCaptureHydrated = false;
+
+  /**
+   * Capture from app launch, not from the first open of the tool.
+   *
+   * A BaseEventStore only listens while something subscribes to it, and for
+   * routes that was the open modal or a watching desktop — so every
+   * navigation before the tool was first opened was simply never recorded,
+   * and the Events tab opened on "No route events yet" after a session of
+   * navigating. (It looked fine on any machine with Buoy Desktop running,
+   * because the desktop's watch subscribed at boot.) Network and storage both
+   * capture from launch; this holds a subscription of the store's own so
+   * routes does too.
+   *
+   * The hold follows the tool's persisted monitoring switch: the modal calls
+   * this on every toggle, and `hydrateBootCapture` reads the persisted value
+   * at boot so a paused tool stays paused across a relaunch.
+   */
+  setBootCapture(enabled) {
+    if (enabled && !this.bootCaptureRelease) {
+      this.bootCaptureRelease = this.subscribeToEvents(() => {});
+    } else if (!enabled && this.bootCaptureRelease) {
+      this.bootCaptureRelease();
+      this.bootCaptureRelease = null;
+    }
+  }
+
+  /** Arm boot capture from the persisted monitoring switch (default on). */
+  hydrateBootCapture() {
+    if (this.bootCaptureHydrated) return;
+    this.bootCaptureHydrated = true;
+    void _sharedUi.persistentStorage.getItem(_sharedUi.devToolsStorageKeys.routeEvents.isMonitoring()).then(raw => {
+      // The modal may already have decided while the read was in flight.
+      if (this.bootCaptureRelease) return;
+      this.setBootCapture(raw !== "false");
+    }).catch(() => this.setBootCapture(true));
+  }
   constructor() {
     super({
       storeName: "route-events",

package/lib/module/RouteTracker.js

@@ -47,12 +47,23 @@ import { useRouteObserver } from "./useRouteObserver";
 import { useRouteObserverReactNavigation } from "./useRouteObserverReactNavigation";
 import { useNavigationStack } from "./useNavigationStack";
 import { navigationStackStore } from "./stores/navigationStackStore";
+import { routeEventStore } from "./stores/routeEventStore";
+
+// Mounted at boot by FloatingDevTools, so this is where capture starts —
+// routeEventStore.hydrateBootCapture explains why the store needs it.
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function useBootCapture() {
+  useEffect(() => {
+    routeEventStore.hydrateBootCapture();
+  }, []);
+}
 function ExpoRouteTracker() {
+  useBootCapture();
   useRouteObserver();
   return null;
 }
 function ReactNavigationRouteTracker() {
+  useBootCapture();
   useRouteObserverReactNavigation();
   return null;
 }

package/lib/module/components/RouteEventItemCompact.js

@@ -7,14 +7,14 @@
  */
 
 import { memo, useMemo } from "react";
-import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
+import { Text, TouchableOpacity, StyleSheet } from "react-native";
 import { CompactRow, RelativeTime, buoyColors, night, monoFont } from "@buoy-gg/shared-ui";
 import { RouteEventExpandedContent } from "./RouteEventExpandedContent";
 import { getRouteTemplate } from "../utils/routeTemplate";
 import { eventRowTestID } from "../utils/testIDs";
 
 // Route type for color coding
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 // Get route type for color coding
 function getRouteType(event) {
   if (event.pathname === "/") {
@@ -127,43 +127,30 @@ export const RouteEventItemCompact = /*#__PURE__*/memo(function RouteEventItemCo
     });
   }, [isExpanded, event, visitNumber, routeTemplate]);
 
-  // Custom badge shows Go button (and badge text if present) when onNavigate is provided
-  const customBadge = useMemo(() => {
+  // The Go button lives beside the row, not inside its touchable (see
+  // CompactRow.trailingAction), so a press never opens the row as well.
+  const goButton = useMemo(() => {
     if (!onNavigate) return undefined;
-    return /*#__PURE__*/_jsxs(View, {
-      style: styles.badgeContainer,
-      children: [badgeText && /*#__PURE__*/_jsx(Text, {
-        style: [styles.badgeText, {
-          color: statusColor
-        }],
-        testID: `${testID}-badge`,
-        children: badgeText
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-        style: styles.goButton,
-        onPress: e => {
-          e.stopPropagation();
-          onNavigate(event.pathname);
-        },
-        testID: `${testID}-go`,
-        accessibilityRole: "button",
-        accessibilityLabel: `Go to ${event.pathname}`,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.goButtonText,
-          children: "Go"
-        })
-      })]
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: styles.goButton,
+      onPress: () => onNavigate(event.pathname),
+      testID: `${testID}-go`,
+      accessibilityRole: "button",
+      accessibilityLabel: `Go to ${event.pathname}`,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.goButtonText,
+        children: "Go"
+      })
     });
-  }, [onNavigate, event.pathname, badgeText, statusColor, testID]);
+  }, [onNavigate, event.pathname, testID]);
   return /*#__PURE__*/_jsx(CompactRow, {
     statusDotColor: statusColor,
     statusLabel: statusLabel,
     statusSublabel: statusSublabel,
-    primaryText: event.pathname
-    // Use badgeText when no customBadge, otherwise badge is inside customBadge
-    ,
-    badgeText: onNavigate ? undefined : badgeText,
+    primaryText: event.pathname,
+    badgeText: badgeText,
     badgeColor: statusColor,
-    customBadge: customBadge,
+    trailingAction: goButton,
     bottomRightText: /*#__PURE__*/_jsx(RelativeTime, {
       timestamp: event.timestamp
     }),
@@ -179,11 +166,6 @@ export const RouteEventItemCompact = /*#__PURE__*/memo(function RouteEventItemCo
   });
 });
 const styles = StyleSheet.create({
-  badgeContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6
-  },
   badgeText: {
     fontSize: 11,
     fontWeight: "600",

package/lib/module/components/RouteEventsModalWithTabs.js

@@ -15,6 +15,7 @@ import { useIsPro } from "@buoy-gg/license";
 // Free tier limit for route events
 
 import { useRouteEvents } from "../hooks/useRouteEvents";
+import { routeEventStore } from "../stores/routeEventStore";
 import { RouteEventDetail } from "./RouteEventDetail";
 import { RouteFilterViewV2 } from "./RouteFilterViewV2";
 import { RoutesSitemap } from "./RoutesSitemap";
@@ -135,6 +136,13 @@ export function RouteEventsModalWithTabs({
 
   // isListening = enabled and store is listening
   const isListening = isListeningEnabled && isStoreListening;
+
+  // The switch above only governs THIS component's subscription; the store
+  // also holds one of its own from boot (routeEventStore.setBootCapture), so
+  // pausing here has to release that too or capture would never stop.
+  useEffect(() => {
+    routeEventStore.setBootCapture(isListeningEnabled);
+  }, [isListeningEnabled]);
   const [showFilters, setShowFilters] = useState(false);
   // Selected event drives the full-screen detail view (parity with the Events
   // tool). null = list view. visitNumber feeds the "Visited N times" section.

package/lib/module/stores/routeEventStore.js

@@ -21,7 +21,7 @@
  * ```
  */
 
-import { BaseEventStore } from "@buoy-gg/shared-ui";
+import { BaseEventStore, devToolsStorageKeys, persistentStorage } from "@buoy-gg/shared-ui";
 import { routeObserver } from "../RouteObserver";
 
 // Re-export types for convenience
@@ -37,6 +37,45 @@ import { routeObserver } from "../RouteObserver";
 class RouteEventStore extends BaseEventStore {
   // Unsubscribe function for routeObserver
   routeObserverUnsubscribe = null;
+  // The store's own subscription — see setBootCapture.
+  bootCaptureRelease = null;
+  bootCaptureHydrated = false;
+
+  /**
+   * Capture from app launch, not from the first open of the tool.
+   *
+   * A BaseEventStore only listens while something subscribes to it, and for
+   * routes that was the open modal or a watching desktop — so every
+   * navigation before the tool was first opened was simply never recorded,
+   * and the Events tab opened on "No route events yet" after a session of
+   * navigating. (It looked fine on any machine with Buoy Desktop running,
+   * because the desktop's watch subscribed at boot.) Network and storage both
+   * capture from launch; this holds a subscription of the store's own so
+   * routes does too.
+   *
+   * The hold follows the tool's persisted monitoring switch: the modal calls
+   * this on every toggle, and `hydrateBootCapture` reads the persisted value
+   * at boot so a paused tool stays paused across a relaunch.
+   */
+  setBootCapture(enabled) {
+    if (enabled && !this.bootCaptureRelease) {
+      this.bootCaptureRelease = this.subscribeToEvents(() => {});
+    } else if (!enabled && this.bootCaptureRelease) {
+      this.bootCaptureRelease();
+      this.bootCaptureRelease = null;
+    }
+  }
+
+  /** Arm boot capture from the persisted monitoring switch (default on). */
+  hydrateBootCapture() {
+    if (this.bootCaptureHydrated) return;
+    this.bootCaptureHydrated = true;
+    void persistentStorage.getItem(devToolsStorageKeys.routeEvents.isMonitoring()).then(raw => {
+      // The modal may already have decided while the read was in flight.
+      if (this.bootCaptureRelease) return;
+      this.setBootCapture(raw !== "false");
+    }).catch(() => this.setBootCapture(true));
+  }
   constructor() {
     super({
       storeName: "route-events",

package/lib/typescript/RouteTracker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteTracker.d.ts","sourceRoot":"","sources":["../../src/RouteTracker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAiDH,wBAAgB,YAAY,gCAQ3B"}
+{"version":3,"file":"RouteTracker.d.ts","sourceRoot":"","sources":["../../src/RouteTracker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AA4DH,wBAAgB,YAAY,gCAQ3B"}

package/lib/typescript/components/RouteEventItemCompact.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteEventItemCompact.d.ts","sourceRoot":"","sources":["../../../src/components/RouteEventItemCompact.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKzD,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,gBAAgB,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB;0DACsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AA6FD,eAAO,MAAM,qBAAqB,kEA0FhC,CAAC"}
+{"version":3,"file":"RouteEventItemCompact.d.ts","sourceRoot":"","sources":["../../../src/components/RouteEventItemCompact.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKzD,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,gBAAgB,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB;0DACsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AA6FD,eAAO,MAAM,qBAAqB,kEA6EhC,CAAC"}

package/lib/typescript/components/RouteEventsModalWithTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteEventsModalWithTabs.d.ts","sourceRoot":"","sources":["../../../src/components/RouteEventsModalWithTabs.tsx"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,MAAM,WAAW,6BAA6B;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE;YACR,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;YACrB,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC;YAChC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;SAC/B,CAAC;QACF,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;QAC3B;;;;WAIG;QACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;QAC7C;;;;;WAKG;QACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;QAC5C,2EAA2E;QAC3E,aAAa,CAAC,EAAE,CACd,MAAM,EAAE,yBAAyB,EACjC,OAAO,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,KACzB,IAAI,CAAC;KACX,CAAC;CACH;AAgED,wBAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,MAAc,EACd,MAAM,GACP,EAAE,6BAA6B,sCAqmB/B;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,KAAK,GAAE,IAAI,CAAC,6BAA6B,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAM,+BAKlF"}
+{"version":3,"file":"RouteEventsModalWithTabs.d.ts","sourceRoot":"","sources":["../../../src/components/RouteEventsModalWithTabs.tsx"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,MAAM,WAAW,6BAA6B;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE;YACR,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;YACrB,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC;YAChC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;SAC/B,CAAC;QACF,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;QAC3B;;;;WAIG;QACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;QAC7C;;;;;WAKG;QACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;QAC5C,2EAA2E;QAC3E,aAAa,CAAC,EAAE,CACd,MAAM,EAAE,yBAAyB,EACjC,OAAO,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,KACzB,IAAI,CAAC;KACX,CAAC;CACH;AAgED,wBAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,MAAc,EACd,MAAM,GACP,EAAE,6BAA6B,sCA4mB/B;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,KAAK,GAAE,IAAI,CAAC,6BAA6B,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAM,+BAKlF"}

package/lib/typescript/stores/routeEventStore.d.ts

@@ -31,6 +31,27 @@ export type RouteEventListener = (events: RouteChangeEvent[]) => void;
 export type RouteEventCallback = (event: RouteChangeEvent) => void;
 declare class RouteEventStore extends BaseEventStore<RouteChangeEvent> {
     private routeObserverUnsubscribe;
+    private bootCaptureRelease;
+    private bootCaptureHydrated;
+    /**
+     * Capture from app launch, not from the first open of the tool.
+     *
+     * A BaseEventStore only listens while something subscribes to it, and for
+     * routes that was the open modal or a watching desktop — so every
+     * navigation before the tool was first opened was simply never recorded,
+     * and the Events tab opened on "No route events yet" after a session of
+     * navigating. (It looked fine on any machine with Buoy Desktop running,
+     * because the desktop's watch subscribed at boot.) Network and storage both
+     * capture from launch; this holds a subscription of the store's own so
+     * routes does too.
+     *
+     * The hold follows the tool's persisted monitoring switch: the modal calls
+     * this on every toggle, and `hydrateBootCapture` reads the persisted value
+     * at boot so a paused tool stays paused across a relaunch.
+     */
+    setBootCapture(enabled: boolean): void;
+    /** Arm boot capture from the persisted monitoring switch (default on). */
+    hydrateBootCapture(): void;
     constructor();
     /**
      * Start listening to route changes from routeObserver

package/lib/typescript/stores/routeEventStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routeEventStore.d.ts","sourceRoot":"","sources":["../../../src/stores/routeEventStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAiB,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGxE,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;AAEtE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAEnE,cAAM,eAAgB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAE5D,OAAO,CAAC,wBAAwB,CAA6B;;IAS7D;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAQhC;;OAEG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAO/B;;OAEG;IACH,WAAW,IAAI,OAAO;IAKtB,WAAW,IAAI,OAAO;CAGvB;AAGD,eAAO,MAAM,eAAe,iBAAwB,CAAC;AAGrD,eAAO,MAAM,sBAAsB,GAAI,UAAU,kBAAkB,eACtB,CAAC;AAC9C,eAAO,MAAM,YAAY,GAAI,UAAU,kBAAkB,eACtB,CAAC;AACpC,eAAO,MAAM,cAAc,0BAAoC,CAAC;AAChE,eAAO,MAAM,gBAAgB,YAAsC,CAAC;AACpE,eAAO,MAAM,gBAAgB,eAAsC,CAAC"}
+{"version":3,"file":"routeEventStore.d.ts","sourceRoot":"","sources":["../../../src/stores/routeEventStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EACL,cAAc,EAGf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAiB,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGxE,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;AAEtE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAEnE,cAAM,eAAgB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAE5D,OAAO,CAAC,wBAAwB,CAA6B;IAE7D,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,mBAAmB,CAAS;IAEpC;;;;;;;;;;;;;;;OAeG;IACH,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAStC,0EAA0E;IAC1E,kBAAkB,IAAI,IAAI;;IAoB1B;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAQhC;;OAEG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAO/B;;OAEG;IACH,WAAW,IAAI,OAAO;IAKtB,WAAW,IAAI,OAAO;CAGvB;AAGD,eAAO,MAAM,eAAe,iBAAwB,CAAC;AAGrD,eAAO,MAAM,sBAAsB,GAAI,UAAU,kBAAkB,eACtB,CAAC;AAC9C,eAAO,MAAM,YAAY,GAAI,UAAU,kBAAkB,eACtB,CAAC;AACpC,eAAO,MAAM,cAAc,0BAAoC,CAAC;AAChE,eAAO,MAAM,gBAAgB,YAAsC,CAAC;AACpE,eAAO,MAAM,gBAAgB,eAAsC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@buoy-gg/route-events",
-  "version": "7.0.36",
-  "description": "Navigation devtool for React Native — live stack, full sitemap, jump to any screen. Expo Router & React Navigation. Part of Buoy devtools.",
+  "version": "7.0.38",
+  "description": "Inspect reported navigation state and supported route actions in React Native apps using Expo Router or React Navigation.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "types": "lib/typescript/index.d.ts",
@@ -26,12 +26,11 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/shared-ui": "^7.0.36",
-    "@buoy-gg/floating-tools-core": "^7.0.36"
+    "@buoy-gg/floating-tools-core": "^7.0.38",
+    "@buoy-gg/shared-ui": "^7.0.38"
   },
   "peerDependencies": {
-    "@buoy-gg/license": "7.0.36",
-    "@react-native-async-storage/async-storage": "^2.0.0 || ^3.1.0",
+    "@buoy-gg/license": "7.0.38",
     "@react-navigation/native": "*",
     "expo-router": "*",
     "react": "*",
@@ -52,7 +51,7 @@
     "@types/react-native": "^0.73.0",
     "expo-router": "~5.0.7",
     "typescript": "~5.8.3",
-    "@buoy-gg/license": "^7.0.36"
+    "@buoy-gg/license": "^7.0.38"
   },
   "react-native-builder-bob": {
     "source": "src",