@buoy-gg/route-events 7.0.34 → 7.0.36

package/lib/module/components/NavigationStack.js

@@ -9,7 +9,7 @@
 
 import { useState, useMemo, useEffect } from "react";
 import { View, Text, ScrollView, TouchableOpacity, StyleSheet, Alert } from "react-native";
-import { ChevronDown, ChevronRight, InlineCopyButton, ProUpgradeModal, buoyColors, night, useSafeAreaInsets, ToolEmptyState } from "@buoy-gg/shared-ui";
+import { ChevronDown, ChevronRight, InlineCopyButton, ProUpgradeModal, buoyColors, night, useSafeAreaInsets, ToolEmptyState, monoFont } from "@buoy-gg/shared-ui";
 import { useIsPro } from "@buoy-gg/license";
 import { DataViewer } from "@buoy-gg/shared-ui/dataViewer";
 import { useNavigationStack } from "../useNavigationStack";
@@ -412,7 +412,7 @@ const styles = StyleSheet.create({
   loadingText: {
     color: night.color.textSecondary,
     fontSize: 14,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   errorContainer: {
     flex: 1,
@@ -424,13 +424,13 @@ const styles = StyleSheet.create({
     color: buoyColors.error,
     fontSize: 16,
     fontWeight: "600",
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     marginBottom: 8
   },
   errorDetail: {
     color: night.color.textSecondary,
     fontSize: 12,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     textAlign: "center"
   },
   emptyContainer: {
@@ -443,13 +443,13 @@ const styles = StyleSheet.create({
     color: night.color.text,
     fontSize: 16,
     fontWeight: "600",
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     marginBottom: 8
   },
   emptySubtext: {
     color: night.color.textSecondary,
     fontSize: 14,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     textAlign: "center"
   },
   stackScroll: {
@@ -487,7 +487,7 @@ const styles = StyleSheet.create({
     fontSize: 13,
     fontWeight: "600",
     color: night.color.text,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     flex: 1
   },
   copyRouteButton: {
@@ -503,7 +503,7 @@ const styles = StyleSheet.create({
   statusBadgeText: {
     fontSize: 10,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   expandedContent: {
     paddingHorizontal: 12,
@@ -518,13 +518,13 @@ const styles = StyleSheet.create({
   detailLabel: {
     fontSize: 10,
     color: night.color.textSecondary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     marginBottom: 2
   },
   detailValue: {
     fontSize: 12,
     color: night.color.text,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   dataViewerContainer: {
     marginTop: 4,
@@ -553,7 +553,7 @@ const styles = StyleSheet.create({
     fontSize: 12,
     fontWeight: "600",
     color: night.color.text,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   actionButtonTextDisabled: {
     color: night.color.textTertiary
@@ -561,7 +561,7 @@ const styles = StyleSheet.create({
   helpText: {
     fontSize: 9,
     color: night.color.textSecondary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     textAlign: "center",
     marginTop: 4,
     lineHeight: 12

package/lib/module/components/ReactNavigationRoutes.js

@@ -18,7 +18,7 @@ import { getCommonActions, useSafeNavigationContainerRef } from "../utils/safeRe
 // (useSafeNavigationContainerRef then yields undefined, so the dispatch
 // paths below never execute).
 const CommonActions = getCommonActions();
-import { Search, ChevronDown, ChevronRight, InlineCopyButton, ToolbarCopyButton, RefreshCw, ProUpgradeModal, buoyColors, night } from "@buoy-gg/shared-ui";
+import { Search, ChevronDown, ChevronRight, InlineCopyButton, ToolbarCopyButton, RefreshCw, ProUpgradeModal, buoyColors, night, monoFont } from "@buoy-gg/shared-ui";
 import { useIsPro } from "@buoy-gg/license";
 
 // ============================================================================
@@ -546,12 +546,12 @@ const styles = StyleSheet.create({
   emptyText: {
     color: night.color.textSecondary,
     fontSize: 14,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   emptySubtext: {
     color: night.color.textTertiary,
     fontSize: 12,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     marginTop: 8
   },
   header: {
@@ -589,7 +589,7 @@ const styles = StyleSheet.create({
   actionLabel: {
     fontSize: 8,
     color: night.color.textTertiary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     textTransform: "uppercase",
     letterSpacing: 0.5
   },
@@ -616,13 +616,13 @@ const styles = StyleSheet.create({
     fontSize: 18,
     fontWeight: "800",
     color: night.color.text,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   statLabel: {
     fontSize: 10,
     color: night.color.textTertiary,
     marginTop: 4,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     textTransform: "uppercase",
     letterSpacing: 0.5
   },
@@ -638,7 +638,7 @@ const styles = StyleSheet.create({
     flex: 1,
     color: night.color.text,
     fontSize: 14,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   clearButton: {
     padding: 4
@@ -655,7 +655,7 @@ const styles = StyleSheet.create({
     color: night.color.accent,
     fontSize: 14,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   scrollView: {
     flex: 1
@@ -677,7 +677,7 @@ const styles = StyleSheet.create({
   metaText: {
     fontSize: 12,
     color: night.color.textSecondary,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   sourceBadge: {
     paddingHorizontal: 8,
@@ -691,7 +691,7 @@ const styles = StyleSheet.create({
     fontSize: 11,
     color: night.color.textSecondary,
     textTransform: "capitalize",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   groupContainer: {
     marginVertical: 4
@@ -716,7 +716,7 @@ const styles = StyleSheet.create({
     fontSize: 12,
     fontWeight: "700",
     color: night.color.text,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     textTransform: "uppercase",
     letterSpacing: 0.8
   },
@@ -735,7 +735,7 @@ const styles = StyleSheet.create({
     fontSize: 11,
     fontWeight: "600",
     color: "#3B82F6",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   screensList: {
     // Transparent so the night sheet's star field shows through.
@@ -752,7 +752,7 @@ const styles = StyleSheet.create({
   groupDescriptionText: {
     fontSize: 11,
     color: night.color.textSecondary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     lineHeight: 16
   },
   screenItem: {
@@ -791,7 +791,7 @@ const styles = StyleSheet.create({
     fontSize: 13,
     fontWeight: "600",
     color: night.color.text,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     flex: 1
   },
   screenHeaderActions: {
@@ -808,7 +808,7 @@ const styles = StyleSheet.create({
   statusText: {
     fontSize: 10,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   headerActionButton: {
     padding: 6,
@@ -826,7 +826,7 @@ const styles = StyleSheet.create({
   navigateButtonText: {
     fontSize: 12,
     color: night.color.accent,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     fontWeight: "600"
   }
 });

package/lib/module/components/RouteEventDetail.js

@@ -10,7 +10,7 @@
  */
 
 import { View, Text, StyleSheet, TouchableOpacity, ScrollView } from "react-native";
-import { Navigation, night } from "@buoy-gg/shared-ui";
+import { Navigation, night, monoFont } from "@buoy-gg/shared-ui";
 import { RouteEventExpandedContent } from "./RouteEventExpandedContent";
 import { getRouteTemplate } from "../utils/routeTemplate";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -86,7 +86,7 @@ const styles = StyleSheet.create({
     fontWeight: "600",
     // Ink on a filled accent surface — the night accent takes dark ink.
     color: night.color.onAccent,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     textTransform: "uppercase",
     letterSpacing: 0.5
   }

package/lib/module/components/RouteEventExpandedContent.js

@@ -10,7 +10,7 @@
  */
 
 import { View, Text, StyleSheet } from "react-native";
-import { InlineCopyButton, night } from "@buoy-gg/shared-ui";
+import { InlineCopyButton, night, monoFont } from "@buoy-gg/shared-ui";
 import { DataViewer } from "@buoy-gg/shared-ui/dataViewer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Format duration in milliseconds to human-readable string
@@ -168,14 +168,14 @@ const styles = StyleSheet.create({
   detailLabel: {
     fontSize: 10,
     color: night.color.textSecondary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     fontWeight: "600",
     minWidth: 70
   },
   detailValue: {
     fontSize: 11,
     color: night.color.text,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     flex: 1
   },
   copyButton: {
@@ -194,7 +194,7 @@ const styles = StyleSheet.create({
   dataViewerTitle: {
     fontSize: 11,
     color: night.color.textSecondary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     fontWeight: "600"
   }
 });

package/lib/module/components/RouteEventItemCompact.js

@@ -8,7 +8,7 @@
 
 import { memo, useMemo } from "react";
 import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
-import { CompactRow, RelativeTime, buoyColors, night } from "@buoy-gg/shared-ui";
+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";
@@ -187,7 +187,7 @@ const styles = StyleSheet.create({
   badgeText: {
     fontSize: 11,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   goButton: {
     backgroundColor: night.color.accent,
@@ -200,6 +200,6 @@ const styles = StyleSheet.create({
     fontWeight: "600",
     // Ink on a filled accent surface — the night accent takes dark ink.
     color: night.color.onAccent,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   }
 });

package/lib/module/components/RouteEventsModalWithTabs.js

@@ -8,7 +8,7 @@ import { getCommonActions, useSafeNavigationContainerRef } from "../utils/safeRe
 // (useSafeNavigationContainerRef then yields undefined, so the dispatch
 // paths below never execute).
 const CommonActions = getCommonActions();
-import { useSafeRouter, isExpoRouterAvailable, windowDragProps, ToolEmptyState, resolveListEmptyState, usePersistedState } from "@buoy-gg/shared-ui";
+import { useSafeRouter, isExpoRouterAvailable, windowDragProps, ToolEmptyState, resolveListEmptyState, usePersistedState, monoFont } from "@buoy-gg/shared-ui";
 import { JsModal, ModalHeader, TabSelector, formatRelativeTime, devToolsStorageKeys, Trash2, Filter, SearchBar, ToolbarCopyButton, Lock, ProUpgradeModal, PowerToggleButton, buoyColors, night, TickProvider, useLimit } from "@buoy-gg/shared-ui";
 import { useIsPro } from "@buoy-gg/license";
 
@@ -643,7 +643,7 @@ const styles = StyleSheet.create({
     fontWeight: "600",
     marginTop: 16,
     marginBottom: 8,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     letterSpacing: 0.5,
     textTransform: "uppercase"
   },
@@ -651,7 +651,7 @@ const styles = StyleSheet.create({
     color: night.color.textSecondary,
     fontSize: 14,
     textAlign: "center",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   contentWrapper: {
     flex: 1
@@ -666,7 +666,7 @@ const styles = StyleSheet.create({
   statsText: {
     fontSize: 11,
     color: night.color.textSecondary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     textAlign: "center"
   },
   statsWarning: {
@@ -696,7 +696,7 @@ const styles = StyleSheet.create({
     fontSize: 12,
     fontWeight: "600",
     color: night.color.warning,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   lockedEventsBannerSubtext: {
     fontSize: 11,

package/lib/module/components/RouteEventsTimeline.js

@@ -12,7 +12,7 @@
 
 import { useCallback } from "react";
 import { View, Text, FlatList, StyleSheet } from "react-native";
-import { Navigation, night, EVENT_LIST_PRESET } from "@buoy-gg/shared-ui";
+import { Navigation, night, EVENT_LIST_PRESET, monoFont } from "@buoy-gg/shared-ui";
 import { RouteEventItemCompact } from "./RouteEventItemCompact";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function RouteEventsTimeline({
@@ -90,7 +90,7 @@ const styles = StyleSheet.create({
     fontWeight: "600",
     marginTop: 16,
     marginBottom: 8,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     letterSpacing: 0.5,
     textTransform: "uppercase"
   },
@@ -98,6 +98,6 @@ const styles = StyleSheet.create({
     color: night.color.textSecondary,
     fontSize: 14,
     textAlign: "center",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   }
 });

package/lib/module/components/RoutesSitemap.js

@@ -12,7 +12,7 @@
  */
 
 import { useState, useCallback, useMemo, useEffect } from "react";
-import { night, ToolEmptyState } from "@buoy-gg/shared-ui";
+import { night, ToolEmptyState, monoFont } from "@buoy-gg/shared-ui";
 import { View, Text, TextInput, TouchableOpacity, ScrollView, StyleSheet, Alert, Platform } from "react-native";
 import { useSafeRouter } from "@buoy-gg/shared-ui";
 import { Search, ChevronDown, ChevronRight, Home, InlineCopyButton, CopyButton, RefreshCw, formatRelativeTime, ProUpgradeModal } from "@buoy-gg/shared-ui";
@@ -685,7 +685,7 @@ const styles = StyleSheet.create({
   loadingText: {
     color: night.color.textSecondary,
     fontSize: 14,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     textAlign: "center",
     lineHeight: 20,
     paddingHorizontal: 32,
@@ -726,13 +726,13 @@ const styles = StyleSheet.create({
     fontSize: 18,
     fontWeight: "800",
     color: night.color.text,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   statLabel: {
     fontSize: 10,
     color: night.color.textTertiary,
     marginTop: 4,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     textTransform: "uppercase",
     letterSpacing: 0.5
   },
@@ -771,7 +771,7 @@ const styles = StyleSheet.create({
   actionLabel: {
     fontSize: 8,
     color: night.color.textTertiary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     textTransform: "uppercase",
     letterSpacing: 0.5
   },
@@ -795,7 +795,7 @@ const styles = StyleSheet.create({
   metaText: {
     fontSize: 12,
     color: night.color.textSecondary,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   sourceBadge: {
     paddingHorizontal: 8,
@@ -809,7 +809,7 @@ const styles = StyleSheet.create({
     fontSize: 11,
     color: night.color.textSecondary,
     textTransform: "capitalize",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   searchContainer: {
     flexDirection: "row",
@@ -823,7 +823,7 @@ const styles = StyleSheet.create({
     flex: 1,
     color: night.color.text,
     fontSize: 14,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   clearButton: {
     padding: 4
@@ -840,7 +840,7 @@ const styles = StyleSheet.create({
     color: night.color.accent,
     fontSize: 14,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   scrollView: {
     flex: 1
@@ -855,7 +855,7 @@ const styles = StyleSheet.create({
   emptyText: {
     color: night.color.textSecondary,
     fontSize: 14,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   groupContainer: {
     marginVertical: 4
@@ -880,7 +880,7 @@ const styles = StyleSheet.create({
     fontSize: 12,
     fontWeight: "700",
     color: night.color.text,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     textTransform: "uppercase",
     letterSpacing: 0.8
   },
@@ -899,7 +899,7 @@ const styles = StyleSheet.create({
     fontSize: 11,
     fontWeight: "600",
     color: "#3B82F6",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   routesList: {
     // Transparent so the night sheet's star field shows through.
@@ -916,7 +916,7 @@ const styles = StyleSheet.create({
   groupDescriptionText: {
     fontSize: 11,
     color: night.color.textSecondary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     lineHeight: 16
   },
   routeItem: {
@@ -959,7 +959,7 @@ const styles = StyleSheet.create({
     fontSize: 13,
     fontWeight: "600",
     color: night.color.text,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     flex: 1
   },
   routeHeaderActions: {
@@ -982,7 +982,7 @@ const styles = StyleSheet.create({
     fontSize: 11,
     fontWeight: "600",
     color: night.color.textSecondary,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   typeTag: {
     borderRadius: 4,
@@ -993,7 +993,7 @@ const styles = StyleSheet.create({
   typeText: {
     fontSize: 10,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   // Compact icon-sized Copy button in the header action cluster.
   iconAction: {
@@ -1020,7 +1020,7 @@ const styles = StyleSheet.create({
   goButtonText: {
     fontSize: 12,
     color: night.color.accent,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     fontWeight: "600"
   },
   childrenContainer: {

package/lib/module/sync/routeEventsSyncAdapter.js

@@ -129,7 +129,21 @@ export const routeEventsSyncAdapter = {
       // BaseEventStore is newest-FIRST, and the store only captures while
       // something is subscribed.
       const latest = routeEventStore.getEvents()[0];
-      if (latest) {
+
+      /**
+       * A RECORDED event only wins while the recorder is running.
+       *
+       * The store starts capturing when its first subscriber arrives and stops
+       * with the last one, so an app with Ask Buoy on the phone and no
+       * dashboard attached has NO route events at all — the stack fallback
+       * below is its normal path, not the fresh-launch edge case this code was
+       * written for. Worse, events left over from a closed capture window are
+       * stale the moment the user navigates again: a live QA session read
+       * `/(tabs)/menu` from an event six scenarios after the app had moved to
+       * `/cart`. The live stack cannot be stale, so it wins whenever nothing
+       * is recording.
+       */
+      if (latest && routeEventStore.isCapturing()) {
         return {
           path: latest.pathname,
           params: toWireParams(latest.params),
@@ -137,13 +151,12 @@ export const routeEventsSyncAdapter = {
           source: "event"
         };
       }
-      // Nothing has navigated yet — which is exactly the state a freshly
-      // launched app is in, and exactly when a macro recorder needs to know
-      // where it is starting from. The live stack knows even when the history
-      // is empty, so falling back to it is the difference between a macro that
-      // can run from anywhere and one that only works if you happen to be on
-      // the screen it was recorded from.
-      const focused = navigationStackStore.getStack().find(item => item.isFocused) ?? navigationStackStore.getStack().slice(-1)[0];
+
+      // The live stack knows even when the history is empty, which is the
+      // difference between a macro that can run from anywhere and one that
+      // only works if you happen to be on the screen it was recorded from.
+      const stack = navigationStackStore.getStack();
+      const focused = stack.find(item => item.isFocused) ?? stack[stack.length - 1];
       if (focused?.pathname) {
         return {
           path: focused.pathname,
@@ -152,6 +165,19 @@ export const routeEventsSyncAdapter = {
           source: "stack"
         };
       }
+
+      // No live stack (no <RouteTracker/>) and the recorder is off: an old
+      // event is all there is. Say that it may be stale rather than passing it
+      // off as where the app is.
+      if (latest) {
+        return {
+          path: latest.pathname,
+          params: toWireParams(latest.params),
+          at: latest.timestamp,
+          source: "event",
+          stale: true
+        };
+      }
       return {
         path: null,
         params: {},