@buoy-gg/route-events 3.0.2 → 4.0.1

package/lib/commonjs/components/NavigationStack.js

@@ -31,10 +31,14 @@ var _jsxRuntime = require("react/jsx-runtime");
 function NavigationStack({
   style,
   injectedStack,
-  onAction
+  onAction,
+  onCopyValueChange
 }) {
   const hookResult = (0, _useNavigationStack.useNavigationStack)();
   const isInjected = injectedStack != null;
+  const insets = (0, _sharedUi.useSafeAreaInsets)({
+    minBottom: 8
+  });
 
   // Data source: injected (dashboard) or the local navigation container.
   const stack = isInjected ? injectedStack : hookResult.stack;
@@ -51,7 +55,6 @@ function NavigationStack({
   const goBack = () => onAction ? onAction("goBack") : hookResult.goBack();
   const popToTop = () => onAction ? onAction("popToTop") : hookResult.popToTop();
   const [expandedIndex, setExpandedIndex] = (0, _react.useState)(null);
-  const [showHelp, setShowHelp] = (0, _react.useState)(false);
   const [showUpgradeModal, setShowUpgradeModal] = (0, _react.useState)(false);
 
   // Check Pro status internally
@@ -76,6 +79,12 @@ function NavigationStack({
     return JSON.stringify(stackData, null, 2);
   }, [stack]);
 
+  // Report the copy payload up so the host can render the copy button in the
+  // shared navbar.
+  (0, _react.useEffect)(() => {
+    onCopyValueChange?.(stackDataForCopy);
+  }, [stackDataForCopy, onCopyValueChange]);
+
   // Determine which route actions should operate on
   // If a stack item is expanded, actions target that route
   // Otherwise, actions target the focused (visible) route
@@ -229,23 +238,10 @@ function NavigationStack({
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.container, style],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.header,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: [styles.iconButton, showHelp && styles.iconButtonActive],
-        onPress: () => setShowHelp(!showHelp),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Info, {
-          size: 16,
-          color: showHelp ? _sharedUi.buoyColors.primary : _sharedUi.buoyColors.textSecondary
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.InlineCopyButton, {
-        value: stackDataForCopy,
-        buttonStyle: styles.iconButton
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
       style: styles.stackScroll,
       contentContainerStyle: [styles.stackContent, {
-        paddingBottom: showHelp ? 72 : 56
+        paddingBottom: styles.stackContent.padding + insets.bottom
       }],
       children: [...stack].reverse().map((item, reverseIndex) => {
         const actualIndex = stack.length - 1 - reverseIndex;
@@ -314,59 +310,56 @@ function NavigationStack({
                   data: item.params,
                   showTypeFilter: false
                 })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                style: styles.actionsRow,
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                  style: styles.actionWrapper,
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+                    style: [styles.actionButton, isAtRoot && styles.actionButtonDisabled],
+                    onPress: handleGoBack,
+                    disabled: isAtRoot,
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                      style: [styles.actionButtonText, isAtRoot && styles.actionButtonTextDisabled],
+                      children: "Back"
+                    })
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                    style: styles.helpText,
+                    children: "Go back one screen"
+                  })]
+                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                  style: styles.actionWrapper,
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+                    style: [styles.actionButton, item.isFocused && styles.actionButtonDisabled],
+                    onPress: handleGo,
+                    disabled: item.isFocused,
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                      style: [styles.actionButtonText, item.isFocused && styles.actionButtonTextDisabled],
+                      children: "Go"
+                    })
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                    style: styles.helpText,
+                    children: "Navigate to this route"
+                  })]
+                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                  style: styles.actionWrapper,
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+                    style: [styles.actionButton, (item.isFocused || actualIndex === stackDepth - 1) && styles.actionButtonDisabled],
+                    onPress: handlePopTo,
+                    disabled: item.isFocused || actualIndex === stackDepth - 1,
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                      style: [styles.actionButtonText, (item.isFocused || actualIndex === stackDepth - 1) && styles.actionButtonTextDisabled],
+                      children: "Pop To"
+                    })
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                    style: styles.helpText,
+                    children: "Remove screens above this"
+                  })]
+                })]
               })]
             })]
           })
         }, `stack-${actualIndex}-${item.key}`);
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.actionsContainer,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.actionsRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.actionWrapper,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            style: [styles.actionButton, isAtRoot && styles.actionButtonDisabled],
-            onPress: handleGoBack,
-            disabled: isAtRoot,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.actionButtonText, isAtRoot && styles.actionButtonTextDisabled],
-              children: "Back"
-            })
-          }), showHelp && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.helpText,
-            children: "Go back one screen"
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.actionWrapper,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            style: [styles.actionButton, selectedRoute?.isFocused && styles.actionButtonDisabled],
-            onPress: handleGo,
-            disabled: selectedRoute?.isFocused,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.actionButtonText, selectedRoute?.isFocused && styles.actionButtonTextDisabled],
-              children: "Go"
-            })
-          }), showHelp && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.helpText,
-            children: "Navigate to selected route"
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.actionWrapper,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            style: [styles.actionButton, (selectedRoute?.isFocused || selectedRoute?.index === stackDepth - 1) && styles.actionButtonDisabled],
-            onPress: handlePopTo,
-            disabled: selectedRoute?.isFocused || selectedRoute?.index === stackDepth - 1,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.actionButtonText, (selectedRoute?.isFocused || selectedRoute?.index === stackDepth - 1) && styles.actionButtonTextDisabled],
-              children: "Pop To"
-            })
-          }), showHelp && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.helpText,
-            children: "Remove screens above selected"
-          })]
-        })]
-      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProUpgradeModal, {
       visible: showUpgradeModal,
       onClose: () => setShowUpgradeModal(false),
@@ -433,22 +426,6 @@ const styles = _reactNative.StyleSheet.create({
     fontFamily: "monospace",
     textAlign: "center"
   },
-  header: {
-    flexDirection: "row",
-    padding: 8,
-    gap: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.buoyColors.border,
-    alignItems: "center",
-    justifyContent: "flex-end"
-  },
-  iconButton: {
-    padding: 6,
-    borderRadius: 4
-  },
-  iconButtonActive: {
-    backgroundColor: _sharedUi.buoyColors.input
-  },
   stackScroll: {
     flex: 1
   },
@@ -528,22 +505,10 @@ const styles = _reactNative.StyleSheet.create({
     marginHorizontal: -12,
     marginBottom: 8
   },
-  actionsContainer: {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    bottom: 0,
-    borderTopWidth: 1,
-    borderTopColor: _sharedUi.buoyColors.border,
-    backgroundColor: _sharedUi.buoyColors.base,
-    paddingHorizontal: 8,
-    paddingTop: 8,
-    paddingBottom: 8
-  },
   actionsRow: {
     flexDirection: "row",
     gap: 6,
-    marginBottom: 6
+    marginTop: 12
   },
   actionWrapper: {
     flex: 1

package/lib/commonjs/components/RouteEventsModalWithTabs.js

@@ -79,6 +79,9 @@ function RouteEventsModalWithTabs({
   const hasExpoRouter = (0, _sharedUi.isExpoRouterAvailable)();
   const [activeTab, setActiveTab] = (0, _react.useState)("events");
   const [showUpgradeModal, setShowUpgradeModal] = (0, _react.useState)(false);
+  // Serialized stack reported up by NavigationStack so the copy button can live
+  // in the shared navbar.
+  const [stackCopyValue, setStackCopyValue] = (0, _react.useState)("");
 
   // Check Pro status internally
   const isPro = (0, _license.useIsPro)();
@@ -377,7 +380,8 @@ function RouteEventsModalWithTabs({
     }
     if (activeTab === "stack") {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavigationStack.NavigationStack, {
-        style: styles.contentWrapper
+        style: styles.contentWrapper,
+        onCopyValueChange: setStackCopyValue
       });
     }
 
@@ -482,8 +486,11 @@ function RouteEventsModalWithTabs({
               activeTab: activeTab,
               onTabChange: tab => setActiveTab(tab)
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Actions, {
-            children: activeTab === "events" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions, {
+            children: [activeTab === "stack" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton, {
+              value: stackCopyValue,
+              buttonStyle: styles.iconButton
+            }), activeTab === "events" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton, {
                 value: copyAllEventsData,
                 buttonStyle: styles.iconButton
@@ -506,7 +513,7 @@ function RouteEventsModalWithTabs({
                   color: _sharedUi.buoyColors.error
                 })
               })]
-            })
+            })]
           })]
         })
       },

package/lib/commonjs/components/RoutesSitemap.js

@@ -25,6 +25,11 @@ var _jsxRuntime = require("react/jsx-runtime");
 // Types
 // ============================================================================
 
+// On desktop (web) the toolbar has far more room, so scale the action buttons
+// up for easier clicking and a less cramped header.
+const IS_DESKTOP = _reactNative.Platform.OS === "web";
+const ACTION_ICON_SIZE = IS_DESKTOP ? 22 : 16;
+
 // Synthetic route representing the app's home/index ("/"). Used by the
 // "Home" toolbar shortcut so navigation works the same as tapping any route.
 const HOME_ROUTE = {
@@ -168,7 +173,7 @@ function RoutesSitemap({
       }
     }], "plain-text");
   }, [router]);
-  const handleNavigate = (0, _react.useCallback)(route => {
+  const handleNavigate = (0, _react.useCallback)((route, options) => {
     // When a navigation delegate is supplied (dashboard → device), hand off
     // entirely: the delegate owns Pro gating and param resolution.
     if (onNavigateRoute) {
@@ -176,8 +181,8 @@ function RoutesSitemap({
       return;
     }
 
-    // Gate behind Pro
-    if (!isPro) {
+    // Gate behind Pro (the Home shortcut bypasses this — it's always free)
+    if (!isPro && !options?.bypassPro) {
       setShowUpgradeModal(true);
       return;
     }
@@ -213,7 +218,9 @@ function RoutesSitemap({
     }
   }, [router, promptForParams, isPro, onNavigateRoute]);
   const handleGoHome = (0, _react.useCallback)(() => {
-    handleNavigate(HOME_ROUTE);
+    handleNavigate(HOME_ROUTE, {
+      bypassPro: true
+    });
   }, [handleNavigate]);
   const handleManualRefresh = (0, _react.useCallback)(() => {
     if (isRefreshing) return;
@@ -261,53 +268,54 @@ function RoutesSitemap({
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.actionsRow,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.actionWrapper,
+          style: [styles.actionWrapper, IS_DESKTOP && styles.actionWrapperDesktop],
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            style: styles.iconButton,
+            style: [styles.iconButton, IS_DESKTOP && styles.iconButtonDesktop],
             onPress: handleGoHome,
             accessibilityLabel: "Go to home route",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Home, {
-              size: 16,
+              size: ACTION_ICON_SIZE,
               color: _sharedUi.buoyColors.textSecondary
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.actionLabel,
+            style: [styles.actionLabel, IS_DESKTOP && styles.actionLabelDesktop],
             children: "Home"
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.actionWrapper,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton, {
+          style: [styles.actionWrapper, IS_DESKTOP && styles.actionWrapperDesktop],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CopyButton, {
             value: copyAllData,
-            buttonStyle: styles.actionButtonHeader
+            size: IS_DESKTOP ? ACTION_ICON_SIZE : 14,
+            buttonStyle: IS_DESKTOP ? styles.actionButtonHeaderDesktop : styles.actionButtonHeader
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.actionLabel,
+            style: [styles.actionLabel, IS_DESKTOP && styles.actionLabelDesktop],
             children: "Copy"
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.actionWrapper,
+          style: [styles.actionWrapper, IS_DESKTOP && styles.actionWrapperDesktop],
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            style: [styles.iconButton, isRefreshing && styles.refreshButtonDisabled],
+            style: [styles.iconButton, IS_DESKTOP && styles.iconButtonDesktop, isRefreshing && styles.refreshButtonDisabled],
             onPress: handleManualRefresh,
             disabled: isRefreshing,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.RefreshCw, {
-              size: 16,
+              size: ACTION_ICON_SIZE,
               color: isRefreshing ? _sharedUi.buoyColors.textMuted : _sharedUi.buoyColors.textSecondary
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.actionLabel,
+            style: [styles.actionLabel, IS_DESKTOP && styles.actionLabelDesktop],
             children: "Refresh"
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.actionWrapper,
+          style: [styles.actionWrapper, IS_DESKTOP && styles.actionWrapperDesktop],
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            style: styles.iconButton,
+            style: [styles.iconButton, IS_DESKTOP && styles.iconButtonDesktop],
             onPress: () => setIsSearching(true),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
-              size: 16,
+              size: ACTION_ICON_SIZE,
               color: _sharedUi.buoyColors.textSecondary
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.actionLabel,
+            style: [styles.actionLabel, IS_DESKTOP && styles.actionLabelDesktop],
             children: "Search"
           })]
         })]
@@ -453,18 +461,18 @@ function RouteGroupView({
           children: group.routes.length
         })
       })]
-    }), isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    }), group.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.groupDescription,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.groupDescriptionText,
+        children: group.description
+      })
+    }), isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.routesList,
-      children: [group.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.groupDescription,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.groupDescriptionText,
-          children: group.description
-        })
-      }), group.routes.map((route, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(RouteItemView, {
+      children: group.routes.map((route, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(RouteItemView, {
         route: route,
         onNavigate: onNavigate
-      }, `${route.path}-${index}`))]
+      }, `${route.path}-${index}`))
     })]
   });
 }
@@ -475,7 +483,6 @@ function RouteItemView({
 }) {
   const [isExpanded, setIsExpanded] = (0, _react.useState)(false);
   const hasChildren = route.children.length > 0;
-  const hasParams = route.params.length > 0;
   const typeColor = getRouteTypeColor(route.type);
   const canNavigate = route.type !== "layout" && route.type !== "group";
 
@@ -554,15 +561,6 @@ function RouteItemView({
             })
           })]
         })]
-      }), showDetails && hasParams && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.paramsRow,
-        children: route.params.map(param => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.paramTag,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.paramText,
-            children: param
-          })
-        }, param))
       }), showDetails && hasChildren && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.childrenContainer,
         children: route.children.map((child, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(RouteItemView, {
@@ -682,17 +680,31 @@ const styles = _reactNative.StyleSheet.create({
     gap: 4,
     minWidth: 48
   },
+  actionWrapperDesktop: {
+    gap: 8,
+    minWidth: 72
+  },
   actionButtonHeader: {
     padding: 6,
     borderRadius: 4,
     backgroundColor: _sharedUi.buoyColors.input
   },
+  actionButtonHeaderDesktop: {
+    padding: 12,
+    borderRadius: 8,
+    backgroundColor: _sharedUi.buoyColors.input
+  },
   iconButton: {
     padding: 6,
     borderRadius: 4,
     alignItems: "center",
     justifyContent: "center"
   },
+  iconButtonDesktop: {
+    padding: 12,
+    borderRadius: 8,
+    backgroundColor: _sharedUi.buoyColors.input
+  },
   actionLabel: {
     fontSize: 8,
     color: _sharedUi.buoyColors.textMuted,
@@ -700,6 +712,9 @@ const styles = _reactNative.StyleSheet.create({
     textTransform: "uppercase",
     letterSpacing: 0.5
   },
+  actionLabelDesktop: {
+    fontSize: 12
+  },
   refreshButtonDisabled: {
     opacity: 0.5
   },
@@ -944,28 +959,6 @@ const styles = _reactNative.StyleSheet.create({
     fontFamily: "monospace",
     fontWeight: "600"
   },
-  paramsRow: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6,
-    paddingHorizontal: 10,
-    paddingTop: 2,
-    paddingBottom: 8
-  },
-  paramTag: {
-    backgroundColor: "#F59E0B15",
-    borderColor: "#F59E0B40",
-    borderWidth: 1,
-    borderRadius: 4,
-    paddingHorizontal: 6,
-    paddingVertical: 2
-  },
-  paramText: {
-    fontSize: 10,
-    color: "#F59E0B",
-    fontFamily: "monospace",
-    fontWeight: "600"
-  },
   childrenContainer: {
     borderLeftWidth: 2,
     borderLeftColor: _sharedUi.buoyColors.border,

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, Info, InlineCopyButton, ProUpgradeModal, buoyColors } from "@buoy-gg/shared-ui";
+import { ChevronDown, ChevronRight, InlineCopyButton, ProUpgradeModal, buoyColors, useSafeAreaInsets } from "@buoy-gg/shared-ui";
 import { useIsPro } from "@buoy-gg/license";
 import { DataViewer } from "@buoy-gg/shared-ui/dataViewer";
 import { useNavigationStack } from "../useNavigationStack";
@@ -27,10 +27,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function NavigationStack({
   style,
   injectedStack,
-  onAction
+  onAction,
+  onCopyValueChange
 }) {
   const hookResult = useNavigationStack();
   const isInjected = injectedStack != null;
+  const insets = useSafeAreaInsets({
+    minBottom: 8
+  });
 
   // Data source: injected (dashboard) or the local navigation container.
   const stack = isInjected ? injectedStack : hookResult.stack;
@@ -47,7 +51,6 @@ export function NavigationStack({
   const goBack = () => onAction ? onAction("goBack") : hookResult.goBack();
   const popToTop = () => onAction ? onAction("popToTop") : hookResult.popToTop();
   const [expandedIndex, setExpandedIndex] = useState(null);
-  const [showHelp, setShowHelp] = useState(false);
   const [showUpgradeModal, setShowUpgradeModal] = useState(false);
 
   // Check Pro status internally
@@ -72,6 +75,12 @@ export function NavigationStack({
     return JSON.stringify(stackData, null, 2);
   }, [stack]);
 
+  // Report the copy payload up so the host can render the copy button in the
+  // shared navbar.
+  useEffect(() => {
+    onCopyValueChange?.(stackDataForCopy);
+  }, [stackDataForCopy, onCopyValueChange]);
+
   // Determine which route actions should operate on
   // If a stack item is expanded, actions target that route
   // Otherwise, actions target the focused (visible) route
@@ -225,23 +234,10 @@ export function NavigationStack({
   };
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.container, style],
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.header,
-      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-        style: [styles.iconButton, showHelp && styles.iconButtonActive],
-        onPress: () => setShowHelp(!showHelp),
-        children: /*#__PURE__*/_jsx(Info, {
-          size: 16,
-          color: showHelp ? buoyColors.primary : buoyColors.textSecondary
-        })
-      }), /*#__PURE__*/_jsx(InlineCopyButton, {
-        value: stackDataForCopy,
-        buttonStyle: styles.iconButton
-      })]
-    }), /*#__PURE__*/_jsx(ScrollView, {
+    children: [/*#__PURE__*/_jsx(ScrollView, {
       style: styles.stackScroll,
       contentContainerStyle: [styles.stackContent, {
-        paddingBottom: showHelp ? 72 : 56
+        paddingBottom: styles.stackContent.padding + insets.bottom
       }],
       children: [...stack].reverse().map((item, reverseIndex) => {
         const actualIndex = stack.length - 1 - reverseIndex;
@@ -310,59 +306,56 @@ export function NavigationStack({
                   data: item.params,
                   showTypeFilter: false
                 })
+              }), /*#__PURE__*/_jsxs(View, {
+                style: styles.actionsRow,
+                children: [/*#__PURE__*/_jsxs(View, {
+                  style: styles.actionWrapper,
+                  children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+                    style: [styles.actionButton, isAtRoot && styles.actionButtonDisabled],
+                    onPress: handleGoBack,
+                    disabled: isAtRoot,
+                    children: /*#__PURE__*/_jsx(Text, {
+                      style: [styles.actionButtonText, isAtRoot && styles.actionButtonTextDisabled],
+                      children: "Back"
+                    })
+                  }), /*#__PURE__*/_jsx(Text, {
+                    style: styles.helpText,
+                    children: "Go back one screen"
+                  })]
+                }), /*#__PURE__*/_jsxs(View, {
+                  style: styles.actionWrapper,
+                  children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+                    style: [styles.actionButton, item.isFocused && styles.actionButtonDisabled],
+                    onPress: handleGo,
+                    disabled: item.isFocused,
+                    children: /*#__PURE__*/_jsx(Text, {
+                      style: [styles.actionButtonText, item.isFocused && styles.actionButtonTextDisabled],
+                      children: "Go"
+                    })
+                  }), /*#__PURE__*/_jsx(Text, {
+                    style: styles.helpText,
+                    children: "Navigate to this route"
+                  })]
+                }), /*#__PURE__*/_jsxs(View, {
+                  style: styles.actionWrapper,
+                  children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+                    style: [styles.actionButton, (item.isFocused || actualIndex === stackDepth - 1) && styles.actionButtonDisabled],
+                    onPress: handlePopTo,
+                    disabled: item.isFocused || actualIndex === stackDepth - 1,
+                    children: /*#__PURE__*/_jsx(Text, {
+                      style: [styles.actionButtonText, (item.isFocused || actualIndex === stackDepth - 1) && styles.actionButtonTextDisabled],
+                      children: "Pop To"
+                    })
+                  }), /*#__PURE__*/_jsx(Text, {
+                    style: styles.helpText,
+                    children: "Remove screens above this"
+                  })]
+                })]
               })]
             })]
           })
         }, `stack-${actualIndex}-${item.key}`);
       })
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.actionsContainer,
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.actionsRow,
-        children: [/*#__PURE__*/_jsxs(View, {
-          style: styles.actionWrapper,
-          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-            style: [styles.actionButton, isAtRoot && styles.actionButtonDisabled],
-            onPress: handleGoBack,
-            disabled: isAtRoot,
-            children: /*#__PURE__*/_jsx(Text, {
-              style: [styles.actionButtonText, isAtRoot && styles.actionButtonTextDisabled],
-              children: "Back"
-            })
-          }), showHelp && /*#__PURE__*/_jsx(Text, {
-            style: styles.helpText,
-            children: "Go back one screen"
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.actionWrapper,
-          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-            style: [styles.actionButton, selectedRoute?.isFocused && styles.actionButtonDisabled],
-            onPress: handleGo,
-            disabled: selectedRoute?.isFocused,
-            children: /*#__PURE__*/_jsx(Text, {
-              style: [styles.actionButtonText, selectedRoute?.isFocused && styles.actionButtonTextDisabled],
-              children: "Go"
-            })
-          }), showHelp && /*#__PURE__*/_jsx(Text, {
-            style: styles.helpText,
-            children: "Navigate to selected route"
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.actionWrapper,
-          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-            style: [styles.actionButton, (selectedRoute?.isFocused || selectedRoute?.index === stackDepth - 1) && styles.actionButtonDisabled],
-            onPress: handlePopTo,
-            disabled: selectedRoute?.isFocused || selectedRoute?.index === stackDepth - 1,
-            children: /*#__PURE__*/_jsx(Text, {
-              style: [styles.actionButtonText, (selectedRoute?.isFocused || selectedRoute?.index === stackDepth - 1) && styles.actionButtonTextDisabled],
-              children: "Pop To"
-            })
-          }), showHelp && /*#__PURE__*/_jsx(Text, {
-            style: styles.helpText,
-            children: "Remove screens above selected"
-          })]
-        })]
-      })
     }), /*#__PURE__*/_jsx(ProUpgradeModal, {
       visible: showUpgradeModal,
       onClose: () => setShowUpgradeModal(false),
@@ -429,22 +422,6 @@ const styles = StyleSheet.create({
     fontFamily: "monospace",
     textAlign: "center"
   },
-  header: {
-    flexDirection: "row",
-    padding: 8,
-    gap: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: buoyColors.border,
-    alignItems: "center",
-    justifyContent: "flex-end"
-  },
-  iconButton: {
-    padding: 6,
-    borderRadius: 4
-  },
-  iconButtonActive: {
-    backgroundColor: buoyColors.input
-  },
   stackScroll: {
     flex: 1
   },
@@ -524,22 +501,10 @@ const styles = StyleSheet.create({
     marginHorizontal: -12,
     marginBottom: 8
   },
-  actionsContainer: {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    bottom: 0,
-    borderTopWidth: 1,
-    borderTopColor: buoyColors.border,
-    backgroundColor: buoyColors.base,
-    paddingHorizontal: 8,
-    paddingTop: 8,
-    paddingBottom: 8
-  },
   actionsRow: {
     flexDirection: "row",
     gap: 6,
-    marginBottom: 6
+    marginTop: 12
   },
   actionWrapper: {
     flex: 1

package/lib/module/components/RouteEventsModalWithTabs.js

@@ -77,6 +77,9 @@ export function RouteEventsModalWithTabs({
   const hasExpoRouter = isExpoRouterAvailable();
   const [activeTab, setActiveTab] = useState("events");
   const [showUpgradeModal, setShowUpgradeModal] = useState(false);
+  // Serialized stack reported up by NavigationStack so the copy button can live
+  // in the shared navbar.
+  const [stackCopyValue, setStackCopyValue] = useState("");
 
   // Check Pro status internally
   const isPro = useIsPro();
@@ -375,7 +378,8 @@ export function RouteEventsModalWithTabs({
     }
     if (activeTab === "stack") {
       return /*#__PURE__*/_jsx(NavigationStack, {
-        style: styles.contentWrapper
+        style: styles.contentWrapper,
+        onCopyValueChange: setStackCopyValue
       });
     }
 
@@ -480,8 +484,11 @@ export function RouteEventsModalWithTabs({
               activeTab: activeTab,
               onTabChange: tab => setActiveTab(tab)
             })
-          }), /*#__PURE__*/_jsx(ModalHeader.Actions, {
-            children: activeTab === "events" && /*#__PURE__*/_jsxs(_Fragment, {
+          }), /*#__PURE__*/_jsxs(ModalHeader.Actions, {
+            children: [activeTab === "stack" && /*#__PURE__*/_jsx(ToolbarCopyButton, {
+              value: stackCopyValue,
+              buttonStyle: styles.iconButton
+            }), activeTab === "events" && /*#__PURE__*/_jsxs(_Fragment, {
               children: [/*#__PURE__*/_jsx(ToolbarCopyButton, {
                 value: copyAllEventsData,
                 buttonStyle: styles.iconButton
@@ -504,7 +511,7 @@ export function RouteEventsModalWithTabs({
                   color: buoyColors.error
                 })
               })]
-            })
+            })]
           })]
         })
       },

package/lib/module/components/RoutesSitemap.js

@@ -12,9 +12,9 @@
  */
 
 import { useState, useCallback, useMemo, useEffect } from "react";
-import { View, Text, TextInput, TouchableOpacity, ScrollView, StyleSheet, Alert } from "react-native";
+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, ToolbarCopyButton, RefreshCw, formatRelativeTime, ProUpgradeModal, buoyColors } from "@buoy-gg/shared-ui";
+import { Search, ChevronDown, ChevronRight, Home, InlineCopyButton, CopyButton, RefreshCw, formatRelativeTime, ProUpgradeModal, buoyColors } from "@buoy-gg/shared-ui";
 import { useIsPro } from "@buoy-gg/license";
 import { useRouteSitemap } from "../useRouteSitemap";
 
@@ -22,6 +22,11 @@ import { useRouteSitemap } from "../useRouteSitemap";
 // Types
 // ============================================================================
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// On desktop (web) the toolbar has far more room, so scale the action buttons
+// up for easier clicking and a less cramped header.
+const IS_DESKTOP = Platform.OS === "web";
+const ACTION_ICON_SIZE = IS_DESKTOP ? 22 : 16;
+
 // Synthetic route representing the app's home/index ("/"). Used by the
 // "Home" toolbar shortcut so navigation works the same as tapping any route.
 const HOME_ROUTE = {
@@ -165,7 +170,7 @@ export function RoutesSitemap({
       }
     }], "plain-text");
   }, [router]);
-  const handleNavigate = useCallback(route => {
+  const handleNavigate = useCallback((route, options) => {
     // When a navigation delegate is supplied (dashboard → device), hand off
     // entirely: the delegate owns Pro gating and param resolution.
     if (onNavigateRoute) {
@@ -173,8 +178,8 @@ export function RoutesSitemap({
       return;
     }
 
-    // Gate behind Pro
-    if (!isPro) {
+    // Gate behind Pro (the Home shortcut bypasses this — it's always free)
+    if (!isPro && !options?.bypassPro) {
       setShowUpgradeModal(true);
       return;
     }
@@ -210,7 +215,9 @@ export function RoutesSitemap({
     }
   }, [router, promptForParams, isPro, onNavigateRoute]);
   const handleGoHome = useCallback(() => {
-    handleNavigate(HOME_ROUTE);
+    handleNavigate(HOME_ROUTE, {
+      bypassPro: true
+    });
   }, [handleNavigate]);
   const handleManualRefresh = useCallback(() => {
     if (isRefreshing) return;
@@ -258,53 +265,54 @@ export function RoutesSitemap({
       children: [/*#__PURE__*/_jsxs(View, {
         style: styles.actionsRow,
         children: [/*#__PURE__*/_jsxs(View, {
-          style: styles.actionWrapper,
+          style: [styles.actionWrapper, IS_DESKTOP && styles.actionWrapperDesktop],
           children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-            style: styles.iconButton,
+            style: [styles.iconButton, IS_DESKTOP && styles.iconButtonDesktop],
             onPress: handleGoHome,
             accessibilityLabel: "Go to home route",
             children: /*#__PURE__*/_jsx(Home, {
-              size: 16,
+              size: ACTION_ICON_SIZE,
               color: buoyColors.textSecondary
             })
           }), /*#__PURE__*/_jsx(Text, {
-            style: styles.actionLabel,
+            style: [styles.actionLabel, IS_DESKTOP && styles.actionLabelDesktop],
             children: "Home"
           })]
         }), /*#__PURE__*/_jsxs(View, {
-          style: styles.actionWrapper,
-          children: [/*#__PURE__*/_jsx(ToolbarCopyButton, {
+          style: [styles.actionWrapper, IS_DESKTOP && styles.actionWrapperDesktop],
+          children: [/*#__PURE__*/_jsx(CopyButton, {
             value: copyAllData,
-            buttonStyle: styles.actionButtonHeader
+            size: IS_DESKTOP ? ACTION_ICON_SIZE : 14,
+            buttonStyle: IS_DESKTOP ? styles.actionButtonHeaderDesktop : styles.actionButtonHeader
           }), /*#__PURE__*/_jsx(Text, {
-            style: styles.actionLabel,
+            style: [styles.actionLabel, IS_DESKTOP && styles.actionLabelDesktop],
             children: "Copy"
           })]
         }), /*#__PURE__*/_jsxs(View, {
-          style: styles.actionWrapper,
+          style: [styles.actionWrapper, IS_DESKTOP && styles.actionWrapperDesktop],
           children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-            style: [styles.iconButton, isRefreshing && styles.refreshButtonDisabled],
+            style: [styles.iconButton, IS_DESKTOP && styles.iconButtonDesktop, isRefreshing && styles.refreshButtonDisabled],
             onPress: handleManualRefresh,
             disabled: isRefreshing,
             children: /*#__PURE__*/_jsx(RefreshCw, {
-              size: 16,
+              size: ACTION_ICON_SIZE,
               color: isRefreshing ? buoyColors.textMuted : buoyColors.textSecondary
             })
           }), /*#__PURE__*/_jsx(Text, {
-            style: styles.actionLabel,
+            style: [styles.actionLabel, IS_DESKTOP && styles.actionLabelDesktop],
             children: "Refresh"
           })]
         }), /*#__PURE__*/_jsxs(View, {
-          style: styles.actionWrapper,
+          style: [styles.actionWrapper, IS_DESKTOP && styles.actionWrapperDesktop],
           children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-            style: styles.iconButton,
+            style: [styles.iconButton, IS_DESKTOP && styles.iconButtonDesktop],
             onPress: () => setIsSearching(true),
             children: /*#__PURE__*/_jsx(Search, {
-              size: 16,
+              size: ACTION_ICON_SIZE,
               color: buoyColors.textSecondary
             })
           }), /*#__PURE__*/_jsx(Text, {
-            style: styles.actionLabel,
+            style: [styles.actionLabel, IS_DESKTOP && styles.actionLabelDesktop],
             children: "Search"
           })]
         })]
@@ -450,18 +458,18 @@ function RouteGroupView({
           children: group.routes.length
         })
       })]
-    }), isExpanded && /*#__PURE__*/_jsxs(View, {
+    }), group.description && /*#__PURE__*/_jsx(View, {
+      style: styles.groupDescription,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.groupDescriptionText,
+        children: group.description
+      })
+    }), isExpanded && /*#__PURE__*/_jsx(View, {
       style: styles.routesList,
-      children: [group.description && /*#__PURE__*/_jsx(View, {
-        style: styles.groupDescription,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.groupDescriptionText,
-          children: group.description
-        })
-      }), group.routes.map((route, index) => /*#__PURE__*/_jsx(RouteItemView, {
+      children: group.routes.map((route, index) => /*#__PURE__*/_jsx(RouteItemView, {
         route: route,
         onNavigate: onNavigate
-      }, `${route.path}-${index}`))]
+      }, `${route.path}-${index}`))
     })]
   });
 }
@@ -472,7 +480,6 @@ function RouteItemView({
 }) {
   const [isExpanded, setIsExpanded] = useState(false);
   const hasChildren = route.children.length > 0;
-  const hasParams = route.params.length > 0;
   const typeColor = getRouteTypeColor(route.type);
   const canNavigate = route.type !== "layout" && route.type !== "group";
 
@@ -551,15 +558,6 @@ function RouteItemView({
             })
           })]
         })]
-      }), showDetails && hasParams && /*#__PURE__*/_jsx(View, {
-        style: styles.paramsRow,
-        children: route.params.map(param => /*#__PURE__*/_jsx(View, {
-          style: styles.paramTag,
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.paramText,
-            children: param
-          })
-        }, param))
       }), showDetails && hasChildren && /*#__PURE__*/_jsx(View, {
         style: styles.childrenContainer,
         children: route.children.map((child, index) => /*#__PURE__*/_jsx(RouteItemView, {
@@ -679,17 +677,31 @@ const styles = StyleSheet.create({
     gap: 4,
     minWidth: 48
   },
+  actionWrapperDesktop: {
+    gap: 8,
+    minWidth: 72
+  },
   actionButtonHeader: {
     padding: 6,
     borderRadius: 4,
     backgroundColor: buoyColors.input
   },
+  actionButtonHeaderDesktop: {
+    padding: 12,
+    borderRadius: 8,
+    backgroundColor: buoyColors.input
+  },
   iconButton: {
     padding: 6,
     borderRadius: 4,
     alignItems: "center",
     justifyContent: "center"
   },
+  iconButtonDesktop: {
+    padding: 12,
+    borderRadius: 8,
+    backgroundColor: buoyColors.input
+  },
   actionLabel: {
     fontSize: 8,
     color: buoyColors.textMuted,
@@ -697,6 +709,9 @@ const styles = StyleSheet.create({
     textTransform: "uppercase",
     letterSpacing: 0.5
   },
+  actionLabelDesktop: {
+    fontSize: 12
+  },
   refreshButtonDisabled: {
     opacity: 0.5
   },
@@ -941,28 +956,6 @@ const styles = StyleSheet.create({
     fontFamily: "monospace",
     fontWeight: "600"
   },
-  paramsRow: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6,
-    paddingHorizontal: 10,
-    paddingTop: 2,
-    paddingBottom: 8
-  },
-  paramTag: {
-    backgroundColor: "#F59E0B15",
-    borderColor: "#F59E0B40",
-    borderWidth: 1,
-    borderRadius: 4,
-    paddingHorizontal: 6,
-    paddingVertical: 2
-  },
-  paramText: {
-    fontSize: 10,
-    color: "#F59E0B",
-    fontFamily: "monospace",
-    fontWeight: "600"
-  },
   childrenContainer: {
     borderLeftWidth: 2,
     borderLeftColor: buoyColors.border,

package/lib/typescript/components/NavigationStack.d.ts

@@ -23,6 +23,12 @@ export interface NavigationStackProps {
     onAction?: (action: NavigationStackActionType, payload?: {
         index?: number;
     }) => void;
+    /**
+     * Reports the serialized stack (used for the "copy" toolbar action) up to the
+     * host so the copy button can live in the shared navbar instead of inside
+     * this component. Called whenever the stack changes.
+     */
+    onCopyValueChange?: (value: string) => void;
 }
-export declare function NavigationStack({ style, injectedStack, onAction, }: NavigationStackProps): import("react").JSX.Element;
+export declare function NavigationStack({ style, injectedStack, onAction, onCopyValueChange, }: NavigationStackProps): import("react").JSX.Element;
 //# sourceMappingURL=NavigationStack.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationStack.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationStack.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAsBH,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAM/B,uEAAuE;AACvE,MAAM,MAAM,yBAAyB,GACjC,iBAAiB,GACjB,YAAY,GACZ,QAAQ,GACR,UAAU,CAAC;AAEf,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,GAAG,CAAC;IAEZ;;;;OAIG;IACH,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEnC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,yBAAyB,EACjC,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KACzB,IAAI,CAAC;CACX;AAMD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,aAAa,EACb,QAAQ,GACT,EAAE,oBAAoB,+BAgctB"}
+{"version":3,"file":"NavigationStack.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationStack.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAsBH,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAM/B,uEAAuE;AACvE,MAAM,MAAM,yBAAyB,GACjC,iBAAiB,GACjB,YAAY,GACZ,QAAQ,GACR,UAAU,CAAC;AAEf,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,GAAG,CAAC;IAEZ;;;;OAIG;IACH,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEnC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,yBAAyB,EACjC,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KACzB,IAAI,CAAC;IAEV;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAMD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,aAAa,EACb,QAAQ,EACR,iBAAiB,GAClB,EAAE,oBAAoB,+BAgbtB"}

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

@@ -1 +1 @@
-{"version":3,"file":"RouteEventsModalWithTabs.d.ts","sourceRoot":"","sources":["../../../src/components/RouteEventsModalWithTabs.tsx"],"names":[],"mappings":"AAqDA,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;CACvC;AA8CD,wBAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,GACpC,EAAE,6BAA6B,sCAgiB/B"}
+{"version":3,"file":"RouteEventsModalWithTabs.d.ts","sourceRoot":"","sources":["../../../src/components/RouteEventsModalWithTabs.tsx"],"names":[],"mappings":"AAqDA,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;CACvC;AA8CD,wBAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,GACpC,EAAE,6BAA6B,sCA8iB/B"}

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

@@ -1 +1 @@
-{"version":3,"file":"RoutesSitemap.d.ts","sourceRoot":"","sources":["../../../src/components/RoutesSitemap.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AA2BH,OAAO,KAAK,EAAE,SAAS,EAAc,MAAM,gBAAgB,CAAC;AAM5D,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,GAAG,CAAC;IAEZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC;IAE7B,oDAAoD;IACpD,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC;IAExC,8DAA8D;IAC9D,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CAC9C;AAiCD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,eAAe,GAChB,EAAE,kBAAkB,+BAwYpB"}
+{"version":3,"file":"RoutesSitemap.d.ts","sourceRoot":"","sources":["../../../src/components/RoutesSitemap.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AA4BH,OAAO,KAAK,EAAE,SAAS,EAAc,MAAM,gBAAgB,CAAC;AAM5D,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,GAAG,CAAC;IAEZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC;IAE7B,oDAAoD;IACpD,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC;IAExC,8DAA8D;IAC9D,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CAC9C;AAsCD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,eAAe,GAChB,EAAE,kBAAkB,+BA8YpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/route-events",
-  "version": "3.0.2",
+  "version": "4.0.1",
   "description": "route-events package",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,12 +26,12 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/floating-tools-core": "3.0.2",
-    "@buoy-gg/shared-ui": "3.0.2"
+    "@buoy-gg/floating-tools-core": "4.0.1",
+    "@buoy-gg/shared-ui": "4.0.1"
   },
   "peerDependencies": {
-    "@buoy-gg/license": "3.0.2",
-    "@react-native-async-storage/async-storage": "*",
+    "@buoy-gg/license": "4.0.1",
+    "@react-native-async-storage/async-storage": "^2.0.0 || ^3.1.0",
     "@react-navigation/native": "*",
     "expo-router": "*",
     "react": "*",
@@ -49,7 +49,7 @@
     "@types/react-native": "^0.73.0",
     "expo-router": "~5.0.7",
     "typescript": "~5.8.3",
-    "@buoy-gg/license": "3.0.2"
+    "@buoy-gg/license": "4.0.1"
   },
   "react-native-builder-bob": {
     "source": "src",