@buoy-gg/route-events 7.0.40 → 7.0.42

package/lib/commonjs/components/NavigationStack.js

@@ -1,573 +1,3 @@
-"use strict";
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NavigationStack=NavigationStack;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _license=require("@buoy-gg/license");var _dataViewer=require("@buoy-gg/shared-ui/dataViewer");var _useNavigationStack=require("../useNavigationStack");var _testIDs=require("../utils/testIDs");var _jsxRuntime=require("react/jsx-runtime");function NavigationStack({style:h,injectedStack:f,onAction:r,onCopyValueChange:b}){const c=(0,_useNavigationStack.useNavigationStack)();const y=f!=null;const F=(0,_sharedUi.useSafeAreaInsets)({minBottom:8});const t=y?f:c.stack;const v=y?true:c.isLoaded;const T=y?null:c.error;const k=(0,_react.useMemo)(()=>t.find(e=>e.isFocused)??null,[t]);const l=t.length;const p=l<=1;const S=e=>r?r("navigateToIndex",{index:e}):c.navigateToIndex(e);const w=e=>r?r("popToIndex",{index:e}):c.popToIndex(e);const B=()=>r?r("goBack"):c.goBack();const D=()=>r?r("popToTop"):c.popToTop();const[a,C]=(0,_react.useState)(null);const[m,d]=(0,_react.useState)(false);const u=(0,_license.useIsPro)();(0,_react.useEffect)(()=>{if(m&&u){d(false)}},[m,u]);const I=(0,_react.useMemo)(()=>{const e=t.map(o=>({pathname:o.pathname,name:o.name,params:o.params,isFocused:o.isFocused}));return JSON.stringify(e,null,2)},[t]);(0,_react.useEffect)(()=>{b?.(I)},[I,b]);const i=(0,_react.useMemo)(()=>{if(a!==null&&t[a]){return t[a]}return k},[a,t,k]);const z=(0,_react.useMemo)(()=>{return a!==null&&t[a]&&!t[a].isFocused},[a,t]);if(!v){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.container,h],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.loadingContainer,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.loadingText,testID:"buoy-routes-stack-loading",children:"Loading navigation stack..."})})})}if(T){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.container,h],children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.errorContainer,testID:"buoy-routes-stack-error",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.errorText,children:"Error loading stack"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.errorDetail,testID:"buoy-routes-stack-error-detail",children:T.message})]})})}if(t.length===0){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.container,h],children:(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{testID:"buoy-routes-stack-empty",otto:"walking",title:"No navigation stack",message:"Navigate to a route to see the stack"})})}const j=(e,o,n,x)=>{if(r){const g=globalThis.window?.confirm;if(!g||g(`${e}
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NavigationStack = NavigationStack;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _license = require("@buoy-gg/license");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _useNavigationStack = require("../useNavigationStack");
-var _testIDs = require("../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * NavigationStack - Visual representation of current navigation stack
- *
- * Shows all screens currently mounted in memory, which one is visible,
- * and provides controls to manipulate the stack.
- */
-
-// ============================================================================
-// Types
-// ============================================================================
-
-/** Stack manipulation a host can be asked to perform on the device. */
-
-// ============================================================================
-// Main Component
-// ============================================================================
-
-function NavigationStack({
-  style,
-  injectedStack,
-  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;
-  const isLoaded = isInjected ? true : hookResult.isLoaded;
-  const error = isInjected ? null : hookResult.error;
-  const focusedRoute = (0, _react.useMemo)(() => stack.find(item => item.isFocused) ?? null, [stack]);
-  const stackDepth = stack.length;
-  const isAtRoot = stackDepth <= 1;
-
-  // Action wrappers: delegate to the host when provided, else act locally.
-  const navigateToIndex = index => onAction ? onAction("navigateToIndex", {
-    index
-  }) : hookResult.navigateToIndex(index);
-  const popToIndex = index => onAction ? onAction("popToIndex", {
-    index
-  }) : hookResult.popToIndex(index);
-  const goBack = () => onAction ? onAction("goBack") : hookResult.goBack();
-  const popToTop = () => onAction ? onAction("popToTop") : hookResult.popToTop();
-  const [expandedIndex, setExpandedIndex] = (0, _react.useState)(null);
-  const [showUpgradeModal, setShowUpgradeModal] = (0, _react.useState)(false);
-
-  // Check Pro status internally
-  const isPro = (0, _license.useIsPro)();
-
-  // Auto-close upgrade modal when user becomes Pro
-  (0, _react.useEffect)(() => {
-    if (showUpgradeModal && isPro) {
-      setShowUpgradeModal(false);
-    }
-  }, [showUpgradeModal, isPro]);
-
-  // ✅ All hooks must be called BEFORE any conditional returns
-  // Prepare stack data for copying
-  const stackDataForCopy = (0, _react.useMemo)(() => {
-    const stackData = stack.map(item => ({
-      pathname: item.pathname,
-      name: item.name,
-      params: item.params,
-      isFocused: item.isFocused
-    }));
-    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
-  const selectedRoute = (0, _react.useMemo)(() => {
-    if (expandedIndex !== null && stack[expandedIndex]) {
-      return stack[expandedIndex];
-    }
-    return focusedRoute;
-  }, [expandedIndex, stack, focusedRoute]);
-  const isNonFocusedSelected = (0, _react.useMemo)(() => {
-    return expandedIndex !== null && stack[expandedIndex] && !stack[expandedIndex].isFocused;
-  }, [expandedIndex, stack]);
-
-  // Loading state
-  if (!isLoaded) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.container, style],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.loadingContainer,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.loadingText,
-          testID: "buoy-routes-stack-loading",
-          children: "Loading navigation stack..."
-        })
-      })
-    });
-  }
-
-  // Error state
-  if (error) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.container, style],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.errorContainer,
-        testID: "buoy-routes-stack-error",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.errorText,
-          children: "Error loading stack"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.errorDetail,
-          testID: "buoy-routes-stack-error-detail",
-          children: error.message
-        })]
-      })
-    });
-  }
-
-  // Empty state
-  if (stack.length === 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.container, style],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-        testID: "buoy-routes-stack-empty",
-        otto: "walking",
-        title: "No navigation stack",
-        message: "Navigate to a route to see the stack"
-      })
-    });
-  }
-
-  // Handlers
-  // Confirm a destructive action. On device we use the native Alert; when an
-  // action delegate is set (dashboard, react-native-web) Alert button presses
-  // don't fire, so fall back to window.confirm.
-  const confirmDestructive = (title, message, confirmLabel, onConfirm) => {
-    if (onAction) {
-      const confirmFn = globalThis.window?.confirm;
-      if (!confirmFn || confirmFn(`${title}\n\n${message}`)) {
-        onConfirm();
-      }
-      return;
-    }
-    _reactNative.Alert.alert(title, message, [{
-      text: "Cancel",
-      style: "cancel"
-    }, {
-      text: confirmLabel,
-      style: "destructive",
-      onPress: onConfirm
-    }]);
-  };
-  const handleGoBack = () => {
-    // Gate behind Pro
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    if (isAtRoot) {
-      _reactNative.Alert.alert("Cannot Go Back", "Already at the root of the stack");
-      return;
-    }
-    goBack();
-  };
-  const handlePopToTop = () => {
-    // Gate behind Pro
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    if (isAtRoot) {
-      _reactNative.Alert.alert("Already at Top", "Stack only has one screen");
-      return;
-    }
-    confirmDestructive("Pop to Top", "This will remove all screens except the root screen.", "Pop to Top", popToTop);
-  };
-  const toggleExpand = index => {
-    setExpandedIndex(expandedIndex === index ? null : index);
-  };
-  const handleGo = () => {
-    // Gate behind Pro
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    if (!selectedRoute) return;
-
-    // If the selected route is already focused, do nothing
-    if (selectedRoute.isFocused) {
-      _reactNative.Alert.alert("Already There", "This route is already visible");
-      return;
-    }
-
-    // Navigate to the selected route
-    navigateToIndex(selectedRoute.index);
-  };
-  const handlePopTo = () => {
-    // Gate behind Pro
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    if (!selectedRoute) return;
-
-    // If selected route is the focused one, we can't pop to it
-    if (selectedRoute.isFocused) {
-      _reactNative.Alert.alert("Cannot Pop", "Selected route is already visible");
-      return;
-    }
-
-    // If selected route is at the top of stack, nothing to pop
-    if (selectedRoute.index === stackDepth - 1) {
-      _reactNative.Alert.alert("Cannot Pop", "No screens above selected route");
-      return;
-    }
-    const screensToRemove = stackDepth - 1 - selectedRoute.index;
-    const targetIndex = selectedRoute.index;
-    confirmDestructive("Pop to Route", `Remove ${screensToRemove} screen${screensToRemove !== 1 ? "s" : ""} above ${selectedRoute.pathname}?`, "Pop",
-    // POP, not navigate. `navigate` only returns to a mounted screen when
-    // the name AND the params match, so on any dynamic route — the common
-    // case for a stack you would want to unwind — it pushed a fresh copy
-    // instead: the dialog promised to remove two screens and the stack came
-    // back one deeper, with the route in it twice. `popToIndex` is the
-    // action the hook has always exported for this, and the same one the
-    // desktop host already dispatches over the socket.
-    () => popToIndex(targetIndex));
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, style],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      testID: "buoy-routes-stack-scroll",
-      style: styles.stackScroll,
-      contentContainerStyle: [styles.stackContent, {
-        paddingBottom: styles.stackContent.padding + insets.bottom
-      }],
-      children: [...stack].reverse().map((item, reverseIndex) => {
-        const actualIndex = stack.length - 1 - reverseIndex;
-        const isExpanded = expandedIndex === actualIndex;
-        const hasParams = Object.keys(item.params).length > 0;
-        const itemTestID = (0, _testIDs.stackItemTestID)(actualIndex);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.stackItemWrapper,
-          testID: itemTestID,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: [styles.stackItem, isExpanded && styles.stackItemSelected],
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-              style: styles.stackItemHeader,
-              onPress: () => toggleExpand(actualIndex),
-              activeOpacity: 0.7,
-              testID: `${itemTestID}-toggle`,
-              accessibilityRole: "button",
-              accessibilityLabel: `${item.pathname}, ${item.isFocused ? "focused" : "mounted"}, position ${actualIndex} of ${stackDepth - 1}`,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: styles.expandIndicator,
-                children: isExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronDown, {
-                  size: 14,
-                  color: _sharedUi.night.color.textSecondary
-                }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-                  size: 14,
-                  color: _sharedUi.night.color.textSecondary
-                })
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.stackItemPath,
-                numberOfLines: 1,
-                testID: `${itemTestID}-path`,
-                children: item.pathname
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.InlineCopyButton, {
-                value: item.pathname,
-                buttonStyle: styles.copyRouteButton,
-                testID: `${itemTestID}-copy`
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: [styles.statusBadge, {
-                  backgroundColor: item.isFocused ? `${_sharedUi.buoyColors.success}15` : "#3B82F615",
-                  borderColor: item.isFocused ? `${_sharedUi.buoyColors.success}40` : "#3B82F640"
-                }],
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: [styles.statusBadgeText, {
-                    color: item.isFocused ? _sharedUi.buoyColors.success : "#3B82F6"
-                  }],
-                  testID: `${itemTestID}-status`,
-                  children: item.isFocused ? "FOCUSED" : "MOUNTED"
-                })
-              })]
-            }), isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.expandedContent,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.detailRow,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.detailLabel,
-                  children: "Route Name:"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.detailValue,
-                  testID: `${itemTestID}-name`,
-                  children: item.name
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.detailRow,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.detailLabel,
-                  children: "Position:"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-                  style: styles.detailValue,
-                  testID: `${itemTestID}-position`,
-                  children: [actualIndex, " / ", stackDepth - 1]
-                })]
-              }), hasParams && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: styles.dataViewerContainer,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-                  title: "Parameters",
-                  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,
-                    testID: `${itemTestID}-back`,
-                    accessibilityRole: "button",
-                    accessibilityLabel: "Go back one screen",
-                    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,
-                    testID: `${itemTestID}-go`,
-                    accessibilityRole: "button",
-                    accessibilityLabel: `Navigate to ${item.pathname}`,
-                    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,
-                    testID: `${itemTestID}-pop-to`,
-                    accessibilityRole: "button",
-                    accessibilityLabel: `Remove screens above ${item.pathname}`,
-                    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)(_sharedUi.ProUpgradeModal, {
-      visible: showUpgradeModal,
-      onClose: () => setShowUpgradeModal(false),
-      featureName: "Stack Navigation"
-    })]
-  });
-}
-
-// ============================================================================
-// Styles
-// ============================================================================
-
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
-    backgroundColor: "transparent"
-  },
-  loadingContainer: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    padding: 32
-  },
-  loadingText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 14,
-    fontFamily: _sharedUi.monoFont
-  },
-  errorContainer: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    padding: 32
-  },
-  errorText: {
-    color: _sharedUi.buoyColors.error,
-    fontSize: 16,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont,
-    marginBottom: 8
-  },
-  errorDetail: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 12,
-    fontFamily: _sharedUi.monoFont,
-    textAlign: "center"
-  },
-  emptyContainer: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    padding: 32
-  },
-  emptyText: {
-    color: _sharedUi.night.color.text,
-    fontSize: 16,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont,
-    marginBottom: 8
-  },
-  emptySubtext: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 14,
-    fontFamily: _sharedUi.monoFont,
-    textAlign: "center"
-  },
-  stackScroll: {
-    flex: 1
-  },
-  stackContent: {
-    padding: 8
-  },
-  stackItemWrapper: {
-    marginBottom: 6
-  },
-  stackItem: {
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    overflow: "hidden"
-  },
-  stackItemSelected: {
-    borderColor: _sharedUi.night.color.accent,
-    borderWidth: 2
-  },
-  stackItemHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    gap: 8
-  },
-  expandIndicator: {
-    width: 20,
-    alignItems: "center"
-  },
-  stackItemPath: {
-    fontSize: 13,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont,
-    flex: 1
-  },
-  copyRouteButton: {
-    padding: 4,
-    marginLeft: 4
-  },
-  statusBadge: {
-    borderRadius: 4,
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderWidth: 1
-  },
-  statusBadgeText: {
-    fontSize: 10,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont
-  },
-  expandedContent: {
-    paddingHorizontal: 12,
-    paddingTop: 8,
-    paddingBottom: 12,
-    borderTopWidth: 1,
-    borderTopColor: _sharedUi.night.color.border
-  },
-  detailRow: {
-    marginBottom: 8
-  },
-  detailLabel: {
-    fontSize: 10,
-    color: _sharedUi.night.color.textSecondary,
-    fontFamily: _sharedUi.monoFont,
-    marginBottom: 2
-  },
-  detailValue: {
-    fontSize: 12,
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont
-  },
-  dataViewerContainer: {
-    marginTop: 4,
-    marginHorizontal: -12,
-    marginBottom: 8
-  },
-  actionsRow: {
-    flexDirection: "row",
-    gap: 6,
-    marginTop: 12
-  },
-  actionWrapper: {
-    flex: 1
-  },
-  actionButton: {
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    paddingVertical: 8,
-    paddingHorizontal: 8,
-    borderRadius: 6,
-    alignItems: "center"
-  },
-  actionButtonDisabled: {
-    opacity: 0.5
-  },
-  actionButtonText: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont
-  },
-  actionButtonTextDisabled: {
-    color: _sharedUi.night.color.textTertiary
-  },
-  helpText: {
-    fontSize: 9,
-    color: _sharedUi.night.color.textSecondary,
-    fontFamily: _sharedUi.monoFont,
-    textAlign: "center",
-    marginTop: 4,
-    lineHeight: 12
-  }
-});
+${o}`)){x()}return}_reactNative.Alert.alert(e,o,[{text:"Cancel",style:"cancel"},{text:n,style:"destructive",onPress:x}])};const V=()=>{if(!u){d(true);return}if(p){_reactNative.Alert.alert("Cannot Go Back","Already at the root of the stack");return}B()};const N=()=>{if(!u){d(true);return}if(p){_reactNative.Alert.alert("Already at Top","Stack only has one screen");return}j("Pop to Top","This will remove all screens except the root screen.","Pop to Top",D)};const R=e=>{C(a===e?null:e)};const $=()=>{if(!u){d(true);return}if(!i)return;if(i.isFocused){_reactNative.Alert.alert("Already There","This route is already visible");return}S(i.index)};const P=()=>{if(!u){d(true);return}if(!i)return;if(i.isFocused){_reactNative.Alert.alert("Cannot Pop","Selected route is already visible");return}if(i.index===l-1){_reactNative.Alert.alert("Cannot Pop","No screens above selected route");return}const e=l-1-i.index;const o=i.index;j("Pop to Route",`Remove ${e} screen${e!==1?"s":""} above ${i.pathname}?`,"Pop",()=>w(o))};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.container,h],children:[(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{testID:"buoy-routes-stack-scroll",style:styles.stackScroll,contentContainerStyle:[styles.stackContent,{paddingBottom:styles.stackContent.padding+F.bottom}],children:[...t].reverse().map((e,o)=>{const n=t.length-1-o;const x=a===n;const g=Object.keys(e.params).length>0;const s=(0,_testIDs.stackItemTestID)(n);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.stackItemWrapper,testID:s,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.stackItem,x&&styles.stackItemSelected],children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.stackItemHeader,onPress:()=>R(n),activeOpacity:.7,testID:`${s}-toggle`,accessibilityRole:"button",accessibilityLabel:`${e.pathname}, ${e.isFocused?"focused":"mounted"}, position ${n} of ${l-1}`,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.expandIndicator,children:x?(0,_jsxRuntime.jsx)(_sharedUi.ChevronDown,{size:14,color:_sharedUi.night.color.textSecondary}):(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:14,color:_sharedUi.night.color.textSecondary})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.stackItemPath,numberOfLines:1,testID:`${s}-path`,children:e.pathname}),(0,_jsxRuntime.jsx)(_sharedUi.InlineCopyButton,{value:e.pathname,buttonStyle:styles.copyRouteButton,testID:`${s}-copy`}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.statusBadge,{backgroundColor:e.isFocused?`${_sharedUi.buoyColors.success}15`:"#3B82F615",borderColor:e.isFocused?`${_sharedUi.buoyColors.success}40`:"#3B82F640"}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.statusBadgeText,{color:e.isFocused?_sharedUi.buoyColors.success:"#3B82F6"}],testID:`${s}-status`,children:e.isFocused?"FOCUSED":"MOUNTED"})})]}),x&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.expandedContent,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.detailRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.detailLabel,children:"Route Name:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.detailValue,testID:`${s}-name`,children:e.name})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.detailRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.detailLabel,children:"Position:"}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.detailValue,testID:`${s}-position`,children:[n," / ",l-1]})]}),g&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.dataViewerContainer,children:(0,_jsxRuntime.jsx)(_dataViewer.DataViewer,{title:"Parameters",data:e.params,showTypeFilter:false})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actionsRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actionWrapper,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.actionButton,p&&styles.actionButtonDisabled],onPress:V,disabled:p,testID:`${s}-back`,accessibilityRole:"button",accessibilityLabel:"Go back one screen",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.actionButtonText,p&&styles.actionButtonTextDisabled],children:"Back"})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.helpText,children:"Go back one screen"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actionWrapper,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.actionButton,e.isFocused&&styles.actionButtonDisabled],onPress:$,disabled:e.isFocused,testID:`${s}-go`,accessibilityRole:"button",accessibilityLabel:`Navigate to ${e.pathname}`,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.actionButtonText,e.isFocused&&styles.actionButtonTextDisabled],children:"Go"})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.helpText,children:"Navigate to this route"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actionWrapper,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.actionButton,(e.isFocused||n===l-1)&&styles.actionButtonDisabled],onPress:P,disabled:e.isFocused||n===l-1,testID:`${s}-pop-to`,accessibilityRole:"button",accessibilityLabel:`Remove screens above ${e.pathname}`,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.actionButtonText,(e.isFocused||n===l-1)&&styles.actionButtonTextDisabled],children:"Pop To"})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.helpText,children:"Remove screens above this"})]})]})]})]})},`stack-${n}-${e.key}`)})}),(0,_jsxRuntime.jsx)(_sharedUi.ProUpgradeModal,{visible:m,onClose:()=>d(false),featureName:"Stack Navigation"})]})}const styles=_reactNative.StyleSheet.create({container:{flex:1,backgroundColor:"transparent"},loadingContainer:{flex:1,justifyContent:"center",alignItems:"center",padding:32},loadingText:{color:_sharedUi.night.color.textSecondary,fontSize:14,fontFamily:_sharedUi.monoFont},errorContainer:{flex:1,justifyContent:"center",alignItems:"center",padding:32},errorText:{color:_sharedUi.buoyColors.error,fontSize:16,fontWeight:"600",fontFamily:_sharedUi.monoFont,marginBottom:8},errorDetail:{color:_sharedUi.night.color.textSecondary,fontSize:12,fontFamily:_sharedUi.monoFont,textAlign:"center"},emptyContainer:{flex:1,justifyContent:"center",alignItems:"center",padding:32},emptyText:{color:_sharedUi.night.color.text,fontSize:16,fontWeight:"600",fontFamily:_sharedUi.monoFont,marginBottom:8},emptySubtext:{color:_sharedUi.night.color.textSecondary,fontSize:14,fontFamily:_sharedUi.monoFont,textAlign:"center"},stackScroll:{flex:1},stackContent:{padding:8},stackItemWrapper:{marginBottom:6},stackItem:{backgroundColor:_sharedUi.night.color.surface,borderRadius:6,borderWidth:1,borderColor:_sharedUi.night.color.border,overflow:"hidden"},stackItemSelected:{borderColor:_sharedUi.night.color.accent,borderWidth:2},stackItemHeader:{flexDirection:"row",alignItems:"center",paddingVertical:10,paddingHorizontal:12,gap:8},expandIndicator:{width:20,alignItems:"center"},stackItemPath:{fontSize:13,fontWeight:"600",color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont,flex:1},copyRouteButton:{padding:4,marginLeft:4},statusBadge:{borderRadius:4,paddingHorizontal:6,paddingVertical:2,borderWidth:1},statusBadgeText:{fontSize:10,fontWeight:"600",fontFamily:_sharedUi.monoFont},expandedContent:{paddingHorizontal:12,paddingTop:8,paddingBottom:12,borderTopWidth:1,borderTopColor:_sharedUi.night.color.border},detailRow:{marginBottom:8},detailLabel:{fontSize:10,color:_sharedUi.night.color.textSecondary,fontFamily:_sharedUi.monoFont,marginBottom:2},detailValue:{fontSize:12,color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont},dataViewerContainer:{marginTop:4,marginHorizontal:-12,marginBottom:8},actionsRow:{flexDirection:"row",gap:6,marginTop:12},actionWrapper:{flex:1},actionButton:{backgroundColor:_sharedUi.night.color.surfaceElevated,paddingVertical:8,paddingHorizontal:8,borderRadius:6,alignItems:"center"},actionButtonDisabled:{opacity:.5},actionButtonText:{fontSize:12,fontWeight:"600",color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont},actionButtonTextDisabled:{color:_sharedUi.night.color.textTertiary},helpText:{fontSize:9,color:_sharedUi.night.color.textSecondary,fontFamily:_sharedUi.monoFont,textAlign:"center",marginTop:4,lineHeight:12}});