@buoy-gg/route-events 7.0.41 → 7.0.43

package/lib/commonjs/components/RoutesSitemap.js

@@ -1,1036 +1,3 @@
-"use strict";
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.RoutesSitemap=RoutesSitemap;var _react=require("react");var _sharedUi=require("@buoy-gg/shared-ui");var _reactNative=require("react-native");var _license=require("@buoy-gg/license");var _useRouteSitemap=require("../useRouteSitemap");var _testIDs=require("../utils/testIDs");var _jsxRuntime=require("react/jsx-runtime");const IS_DESKTOP=_reactNative.Platform.OS==="web";const ACTION_ICON_SIZE=IS_DESKTOP?22:16;const HOME_ROUTE={path:"/",name:"index",type:"index",params:[],nodeType:"route",contextKey:"/",isInternal:false,children:[],depth:0};function RoutesSitemap({style:e,injectedRoutes:s,injectedSource:l,injectedLastUpdatedAt:h,onNavigateRoute:d}){const[r,p]=(0,_react.useState)("");const[x,a]=(0,_react.useState)(false);const[m,C]=(0,_react.useState)(new Set(["Static Routes","Dynamic Routes"]));const[u,b]=(0,_react.useState)(false);const[S,T]=(0,_react.useState)(false);const f=(0,_license.useIsPro)();(0,_react.useEffect)(()=>{if(S&&f){T(false)}},[S,f]);const y=(0,_sharedUi.useSafeRouter)();const{groups:j,stats:n,isLoaded:W,isSupported:$,filteredRoutes:w,routes:L,refresh:F,lastUpdatedAt:D,source:I}=(0,_useRouteSitemap.useRouteSitemap)({searchQuery:r,sortBy:"path",injectedRoutes:s,injectedSource:l,injectedLastUpdatedAt:h});const H=(0,_react.useMemo)(()=>{return{summary:{total:n.total,static:n.static,dynamic:n.dynamic,layouts:n.layouts,groups:n.groups,timestamp:new Date().toISOString()},groups:j.map(t=>({title:t.title,description:t.description,count:t.routes.length,routes:t.routes.map(o=>({path:o.path,name:o.name,type:o.type,params:o.params,depth:o.depth,hasChildren:o.children.length>0,childrenCount:o.children.length}))})),allRoutes:L.map(t=>t.path)}},[j,n,L]);const E=(0,_react.useCallback)(t=>{C(o=>{const i=new Set(o);if(i.has(t)){i.delete(t)}else{i.add(t)}return i})},[]);const B=(0,_react.useCallback)((t,o=0,i={})=>{const v=t.params;if(o>=v.length){let c=t.path;Object.entries(i).forEach(([g,k])=>{if(t.type==="catch-all"){c=c.replace(`[...${g}]`,k)}else{c=c.replace(`[${g}]`,k)}});try{y.push(c)}catch(g){_reactNative.Alert.alert("Navigation Error",String(g))}return}const V=v[o];const N=t.type==="catch-all"?`[...${V}]`:`[${V}]`;_reactNative.Alert.prompt("Enter Parameter Value",`Enter value for ${N}:
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RoutesSitemap = RoutesSitemap;
-var _react = require("react");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _reactNative = require("react-native");
-var _license = require("@buoy-gg/license");
-var _useRouteSitemap = require("../useRouteSitemap");
-var _testIDs = require("../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * RoutesSitemap - Visual sitemap of all app routes
- *
- * Displays parsed route information from Expo Router with:
- * - Search/filter
- * - Organized groups
- * - Route details
- * - Copy to clipboard
- * - Navigation
- */
-
-// ============================================================================
-// 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 = {
-  path: "/",
-  name: "index",
-  type: "index",
-  params: [],
-  nodeType: "route",
-  contextKey: "/",
-  isInternal: false,
-  children: [],
-  depth: 0
-};
-
-// ============================================================================
-// Main Component
-// ============================================================================
-
-function RoutesSitemap({
-  style,
-  injectedRoutes,
-  injectedSource,
-  injectedLastUpdatedAt,
-  onNavigateRoute
-}) {
-  const [searchQuery, setSearchQuery] = (0, _react.useState)("");
-  const [isSearching, setIsSearching] = (0, _react.useState)(false);
-  const [expandedGroups, setExpandedGroups] = (0, _react.useState)(new Set(["Static Routes", "Dynamic Routes"]));
-  const [isRefreshing, setIsRefreshing] = (0, _react.useState)(false);
-  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]);
-  const router = (0, _sharedUi.useSafeRouter)();
-  const {
-    groups,
-    stats,
-    isLoaded,
-    isSupported,
-    filteredRoutes,
-    routes,
-    refresh,
-    lastUpdatedAt,
-    source
-  } = (0, _useRouteSitemap.useRouteSitemap)({
-    searchQuery,
-    sortBy: "path",
-    injectedRoutes,
-    injectedSource,
-    injectedLastUpdatedAt
-  });
-
-  // Prepare copy data - memoized so it only rebuilds when dependencies change
-  const copyAllData = (0, _react.useMemo)(() => {
-    return {
-      summary: {
-        total: stats.total,
-        static: stats.static,
-        dynamic: stats.dynamic,
-        layouts: stats.layouts,
-        groups: stats.groups,
-        timestamp: new Date().toISOString()
-      },
-      groups: groups.map(group => ({
-        title: group.title,
-        description: group.description,
-        count: group.routes.length,
-        routes: group.routes.map(route => ({
-          path: route.path,
-          name: route.name,
-          type: route.type,
-          params: route.params,
-          depth: route.depth,
-          hasChildren: route.children.length > 0,
-          childrenCount: route.children.length
-        }))
-      })),
-      allRoutes: routes.map(route => route.path)
-    };
-  }, [groups, stats, routes]);
-  const handleToggleGroup = (0, _react.useCallback)(groupTitle => {
-    setExpandedGroups(prev => {
-      const next = new Set(prev);
-      if (next.has(groupTitle)) {
-        next.delete(groupTitle);
-      } else {
-        next.add(groupTitle);
-      }
-      return next;
-    });
-  }, []);
-  const promptForParams = (0, _react.useCallback)((route, paramIndex = 0, collectedParams = {}) => {
-    const params = route.params;
-    if (paramIndex >= params.length) {
-      // All parameters collected, build path and navigate
-      let finalPath = route.path;
-
-      // Replace each parameter in the path
-      Object.entries(collectedParams).forEach(([param, value]) => {
-        if (route.type === "catch-all") {
-          // For catch-all routes, replace [...param] with the value
-          finalPath = finalPath.replace(`[...${param}]`, value);
-        } else {
-          // For regular dynamic routes, replace [param] with the value
-          finalPath = finalPath.replace(`[${param}]`, value);
-        }
-      });
-
-      // Navigate
-      try {
-        router.push(finalPath);
-      } catch (error) {
-        _reactNative.Alert.alert("Navigation Error", String(error));
-      }
-      return;
-    }
-    const currentParam = params[paramIndex];
-    const paramDisplay = route.type === "catch-all" ? `[...${currentParam}]` : `[${currentParam}]`;
-    _reactNative.Alert.prompt("Enter Parameter Value", `Enter value for ${paramDisplay}:\n\nRoute: ${route.path}`, [{
-      text: "Cancel",
-      style: "cancel"
-    }, {
-      text: paramIndex < params.length - 1 ? "Next" : "Navigate",
-      onPress: value => {
-        if (value && value.trim()) {
-          const newParams = {
-            ...collectedParams,
-            [currentParam]: value.trim()
-          };
-          promptForParams(route, paramIndex + 1, newParams);
-        } else {
-          _reactNative.Alert.alert("Invalid Value", "Please enter a value for the parameter");
-        }
-      }
-    }], "plain-text");
-  }, [router]);
-  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) {
-      onNavigateRoute(route);
-      return;
-    }
-
-    // Gate behind Pro (the Home shortcut bypasses this — it's always free)
-    if (!isPro && !options?.bypassPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-
-    // Don't navigate to layouts or groups
-    if (route.type === "layout" || route.type === "group") {
-      _reactNative.Alert.alert("Cannot Navigate", `${route.type === "layout" ? "Layouts" : "Route groups"} are not navigable routes`);
-      return;
-    }
-
-    // For dynamic routes, prompt for parameters
-    if (route.type === "dynamic" || route.type === "catch-all") {
-      if (route.params.length === 0) {
-        // No parameters despite being dynamic? Just navigate
-        try {
-          router.push(route.path);
-        } catch (error) {
-          _reactNative.Alert.alert("Navigation Error", String(error));
-        }
-        return;
-      }
-
-      // Start the parameter prompting flow
-      promptForParams(route);
-      return;
-    }
-
-    // Navigate to static route
-    try {
-      router.push(route.path);
-    } catch (error) {
-      _reactNative.Alert.alert("Navigation Error", String(error));
-    }
-  }, [router, promptForParams, isPro, onNavigateRoute]);
-  const handleGoHome = (0, _react.useCallback)(() => {
-    handleNavigate(HOME_ROUTE, {
-      bypassPro: true
-    });
-  }, [handleNavigate]);
-  const handleManualRefresh = (0, _react.useCallback)(() => {
-    if (isRefreshing) return;
-    setIsRefreshing(true);
-    refresh();
-    setTimeout(() => setIsRefreshing(false), 400);
-  }, [isRefreshing, refresh]);
-  const lastRefreshLabel = (0, _react.useMemo)(() => {
-    if (!lastUpdatedAt) return "Awaiting route data";
-    return `Updated ${(0, _sharedUi.formatRelativeTime)(lastUpdatedAt)}`;
-  }, [lastUpdatedAt]);
-  const sourceLabel = (0, _react.useMemo)(() => {
-    if (!source) return "Source: unknown";
-    return `Source: ${source}`;
-  }, [source]);
-
-  // When searching, show filtered routes, otherwise show groups
-  const displayGroups = (0, _react.useMemo)(() => {
-    if (searchQuery && filteredRoutes.length > 0) {
-      // Create a single "Search Results" group
-      return [{
-        title: "Search Results",
-        icon: "",
-        routes: filteredRoutes
-      }];
-    }
-    return groups;
-  }, [searchQuery, filteredRoutes, groups]);
-  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-sitemap-loading",
-          children: isSupported ? "Loading routes..." : "Route sitemap isn't available on the dashboard — the route tree lives on the device. Use the Events tab to see navigation here."
-        })
-      })
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, style],
-    children: [isSearching &&
-    /*#__PURE__*/
-    // The wrapper carries the handle as well as the field: a TextInput's
-    // own testID never reaches the XCUITest element tree on this RN
-    // version, so the a11y lane has nothing else to aim at.
-    (0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.searchContainer,
-      testID: "buoy-routes-sitemap-search-field",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
-        size: 16,
-        color: _sharedUi.night.color.textTertiary
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-        style: styles.searchInput,
-        placeholder: "Search routes...",
-        placeholderTextColor: _sharedUi.night.color.placeholder,
-        value: searchQuery,
-        onChangeText: setSearchQuery,
-        autoCapitalize: "none",
-        autoCorrect: false,
-        autoFocus: true,
-        testID: "buoy-routes-sitemap-search",
-        accessibilityLabel: "Search routes"
-      }), searchQuery.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: () => setSearchQuery(""),
-        style: styles.clearButton,
-        testID: "buoy-routes-sitemap-search-clear",
-        accessibilityRole: "button",
-        accessibilityLabel: "Clear route search",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.clearButtonText,
-          children: "\u2715"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: styles.closeSearchButton,
-        onPress: () => {
-          setIsSearching(false);
-          setSearchQuery("");
-        },
-        testID: "buoy-routes-sitemap-search-done",
-        accessibilityRole: "button",
-        accessibilityLabel: "Done searching routes",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.closeSearchText,
-          children: "Done"
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      testID: "buoy-routes-sitemap-scroll",
-      style: styles.scrollView,
-      contentContainerStyle: styles.scrollContent,
-      children: [!isSearching && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.header,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.actionsRow,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: [styles.actionWrapper, IS_DESKTOP && styles.actionWrapperDesktop],
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-              style: [styles.iconButton, IS_DESKTOP && styles.iconButtonDesktop],
-              onPress: handleGoHome,
-              accessibilityLabel: "Go to home route",
-              accessibilityRole: "button",
-              testID: "buoy-routes-sitemap-home",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Home, {
-                size: ACTION_ICON_SIZE,
-                color: _sharedUi.night.color.textSecondary
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.actionLabel, IS_DESKTOP && styles.actionLabelDesktop],
-              children: "Home"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: [styles.actionWrapper, IS_DESKTOP && styles.actionWrapperDesktop],
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CopyButton, {
-              value: copyAllData,
-              testID: "buoy-routes-sitemap-copy",
-              size: IS_DESKTOP ? ACTION_ICON_SIZE : 14,
-              buttonStyle: IS_DESKTOP ? styles.actionButtonHeaderDesktop : styles.actionButtonHeader
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.actionLabel, IS_DESKTOP && styles.actionLabelDesktop],
-              children: "Copy"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: [styles.actionWrapper, IS_DESKTOP && styles.actionWrapperDesktop],
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-              style: [styles.iconButton, IS_DESKTOP && styles.iconButtonDesktop, isRefreshing && styles.refreshButtonDisabled],
-              onPress: handleManualRefresh,
-              disabled: isRefreshing,
-              testID: "buoy-routes-sitemap-refresh",
-              accessibilityRole: "button",
-              accessibilityLabel: "Refresh route tree",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.RefreshCw, {
-                size: ACTION_ICON_SIZE,
-                color: isRefreshing ? _sharedUi.night.color.textTertiary : _sharedUi.night.color.textSecondary
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.actionLabel, IS_DESKTOP && styles.actionLabelDesktop],
-              children: "Refresh"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: [styles.actionWrapper, IS_DESKTOP && styles.actionWrapperDesktop],
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-              style: [styles.iconButton, IS_DESKTOP && styles.iconButtonDesktop],
-              onPress: () => setIsSearching(true),
-              testID: "buoy-routes-sitemap-search-open",
-              accessibilityRole: "button",
-              accessibilityLabel: "Search routes",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
-                size: ACTION_ICON_SIZE,
-                color: _sharedUi.night.color.textSecondary
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.actionLabel, IS_DESKTOP && styles.actionLabelDesktop],
-              children: "Search"
-            })]
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.statsGrid,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StatItem, {
-            value: stats.total,
-            label: "Total",
-            id: "total"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StatItem, {
-            value: stats.static,
-            label: "Static",
-            id: "static"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StatItem, {
-            value: stats.dynamic,
-            label: "Dynamic",
-            id: "dynamic"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StatItem, {
-            value: stats.catchAll,
-            label: "Catch-All",
-            id: "catch-all"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StatItem, {
-            value: stats.layouts,
-            label: "Layouts",
-            id: "layouts"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StatItem, {
-            value: stats.groups,
-            label: "Groups",
-            id: "groups"
-          })]
-        })]
-      }), displayGroups.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-        testID: "buoy-routes-sitemap-empty"
-        // map = "route inspector; where am I in the navigator" — the one
-        // OTTO_USES sentence written for this screen.
-        ,
-        otto: "map",
-        title: "No routes found",
-        message: "Nothing in the router matches. Clear the search to see the whole tree."
-      }) : displayGroups.map(group => /*#__PURE__*/(0, _jsxRuntime.jsx)(RouteGroupView, {
-        group: group,
-        isExpanded: searchQuery.length > 0 || expandedGroups.has(group.title),
-        onToggleExpand: () => handleToggleGroup(group.title),
-        onNavigate: handleNavigate
-      }, group.title)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.metaFooter,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.metaText,
-          testID: "buoy-routes-sitemap-updated",
-          children: lastRefreshLabel
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.sourceBadge,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sourceText,
-            testID: "buoy-routes-sitemap-source",
-            children: sourceLabel
-          })
-        })]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProUpgradeModal, {
-      visible: showUpgradeModal,
-      onClose: () => setShowUpgradeModal(false),
-      featureName: "Route Navigation"
-    })]
-  });
-}
-
-// ============================================================================
-// Sub-components
-// ============================================================================
-
-function StatItem({
-  value,
-  label,
-  id
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.statItem,
-    testID: `buoy-routes-stat-${id}`
-    // Fabric merges the number and its caption into this container, so a
-    // stat that isn't spelled out announces as a bare digit.
-    ,
-    accessibilityLabel: `${label}, ${value}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.statValue,
-      testID: `buoy-routes-stat-${id}-value`,
-      children: value
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.statLabel,
-      children: label
-    })]
-  });
-}
-function RouteGroupView({
-  group,
-  isExpanded,
-  onToggleExpand,
-  onNavigate
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.groupContainer,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-      style: styles.groupHeader,
-      onPress: onToggleExpand,
-      activeOpacity: 0.7,
-      testID: (0, _testIDs.sitemapGroupTestID)(group.title),
-      accessibilityRole: "button",
-      accessibilityLabel: `${group.title}, ${group.routes.length} routes`,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.groupHeaderLeft,
-        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.groupTitle,
-          children: group.title
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.groupBadge,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.groupCount,
-          testID: `${(0, _testIDs.sitemapGroupTestID)(group.title)}-count`,
-          children: group.routes.length
-        })
-      })]
-    }), 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.routes.map((route, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(RouteItemView, {
-        route: route,
-        onNavigate: onNavigate
-      }, `${route.path}-${index}`))
-    })]
-  });
-}
-function RouteItemView({
-  route,
-  depth = 0,
-  onNavigate
-}) {
-  const [isExpanded, setIsExpanded] = (0, _react.useState)(false);
-  const hasChildren = route.children.length > 0;
-  const typeColor = getRouteTypeColor(route.type);
-  const canNavigate = route.type !== "layout" && route.type !== "group";
-  const testID = (0, _testIDs.sitemapRouteTestID)(route.path);
-
-  // Leaf routes (no children) have nothing to drill into — expanding would only
-  // reveal the Copy/Go actions, so show those inline instead of behind a toggle.
-  const isExpandable = hasChildren;
-  const showDetails = isExpandable ? isExpanded : true;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.routeItem, {
-      marginLeft: depth * 12
-    }],
-    testID: testID,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.routeCard,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.routeHeader,
-        children: [isExpandable ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-          style: styles.routeHeaderLeft,
-          onPress: () => setIsExpanded(!isExpanded),
-          activeOpacity: 0.7,
-          testID: `${testID}-toggle`,
-          accessibilityRole: "button",
-          accessibilityLabel: `${route.path}, ${route.type}, ${route.children.length} nested`,
-          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.routePath,
-            numberOfLines: 3,
-            testID: `${testID}-path`,
-            children: route.path
-          })]
-        }) :
-        /*#__PURE__*/
-        // Non-toggling header for leaf routes (keeps the chevron column as a
-        // spacer so paths stay aligned with expandable siblings).
-        (0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.routeHeaderLeft
-          // `accessible` as well as the label: a plain View is not an
-          // element, so without it the label is never announced and the
-          // path is read as a bare text node with no type beside it.
-          ,
-          accessible: true,
-          accessibilityLabel: `${route.path}, ${route.type}`,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.expandIndicator
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.routePath,
-            numberOfLines: 3,
-            testID: `${testID}-path`,
-            children: route.path
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.routeHeaderActions,
-          children: [hasChildren && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.childCountBadge,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.childCountText,
-              testID: `${testID}-children-count`,
-              children: route.children.length
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: [styles.typeTag, {
-              backgroundColor: `${typeColor}15`,
-              borderColor: `${typeColor}40`
-            }],
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.typeText, {
-                color: typeColor
-              }],
-              testID: `${testID}-type`,
-              children: route.type.toUpperCase()
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.InlineCopyButton, {
-            value: route.path,
-            buttonStyle: styles.iconAction,
-            testID: `${testID}-copy`
-          }), canNavigate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            style: styles.goButton,
-            onPress: () => onNavigate(route),
-            activeOpacity: 0.7,
-            testID: `${testID}-go`,
-            accessibilityRole: "button",
-            accessibilityLabel: `Go to ${route.path}`,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.goButtonText,
-              children: "Go"
-            })
-          })]
-        })]
-      }), showDetails && hasChildren && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.childrenContainer,
-        children: route.children.map((child, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(RouteItemView, {
-          route: child,
-          depth: depth + 1,
-          onNavigate: onNavigate
-        }, `${child.path}-${index}`))
-      })]
-    })
-  });
-}
-
-// ============================================================================
-// Helpers
-// ============================================================================
-
-function getRouteTypeColor(type) {
-  switch (type) {
-    case "static":
-      return "#3B82F6";
-    // Blue
-    case "dynamic":
-      return "#F59E0B";
-    // Orange
-    case "catch-all":
-      return "#EC4899";
-    // Pink
-    case "index":
-      return "#10B981";
-    // Green
-    case "layout":
-      return "#8B5CF6";
-    // Purple
-    case "group":
-      return "#6366F1";
-    // Indigo
-    case "not-found":
-      return "#EF4444";
-    // Red
-    default:
-      return "#6B7280";
-    // Gray
-  }
-}
-
-// ============================================================================
-// 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"
-  },
-  loadingText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 14,
-    fontFamily: _sharedUi.monoFont,
-    textAlign: "center",
-    lineHeight: 20,
-    paddingHorizontal: 32,
-    maxWidth: 420
-  },
-  header: {
-    flexDirection: "column",
-    padding: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.night.color.border,
-    gap: 12,
-    marginBottom: 8
-  },
-  actionsRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: 12,
-    paddingBottom: 4
-  },
-  statsGrid: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 8
-  },
-  statItem: {
-    flexGrow: 1,
-    flexShrink: 1,
-    flexBasis: "30%",
-    minWidth: 90,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 8,
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    alignItems: "center"
-  },
-  statValue: {
-    fontSize: 18,
-    fontWeight: "800",
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont
-  },
-  statLabel: {
-    fontSize: 10,
-    color: _sharedUi.night.color.textTertiary,
-    marginTop: 4,
-    fontFamily: _sharedUi.monoFont,
-    textTransform: "uppercase",
-    letterSpacing: 0.5
-  },
-  actionWrapper: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 4,
-    minWidth: 48
-  },
-  actionWrapperDesktop: {
-    gap: 8,
-    minWidth: 72
-  },
-  actionButtonHeader: {
-    padding: 6,
-    borderRadius: 4,
-    backgroundColor: _sharedUi.night.color.surfaceElevated
-  },
-  actionButtonHeaderDesktop: {
-    padding: 12,
-    borderRadius: 8,
-    backgroundColor: _sharedUi.night.color.surfaceElevated
-  },
-  iconButton: {
-    padding: 6,
-    borderRadius: 4,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  iconButtonDesktop: {
-    padding: 12,
-    borderRadius: 8,
-    backgroundColor: _sharedUi.night.color.surfaceElevated
-  },
-  actionLabel: {
-    fontSize: 8,
-    color: _sharedUi.night.color.textTertiary,
-    fontFamily: _sharedUi.monoFont,
-    textTransform: "uppercase",
-    letterSpacing: 0.5
-  },
-  actionLabelDesktop: {
-    fontSize: 12
-  },
-  refreshButtonDisabled: {
-    opacity: 0.5
-  },
-  metaFooter: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: 8,
-    paddingHorizontal: 16,
-    paddingVertical: 16,
-    marginTop: 16,
-    borderTopWidth: 1,
-    borderTopColor: _sharedUi.night.color.border
-  },
-  metaText: {
-    fontSize: 12,
-    color: _sharedUi.night.color.textSecondary,
-    fontFamily: _sharedUi.monoFont
-  },
-  sourceBadge: {
-    paddingHorizontal: 8,
-    paddingVertical: 2,
-    borderRadius: 999,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    backgroundColor: _sharedUi.night.color.surface
-  },
-  sourceText: {
-    fontSize: 11,
-    color: _sharedUi.night.color.textSecondary,
-    textTransform: "capitalize",
-    fontFamily: _sharedUi.monoFont
-  },
-  searchContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    padding: 8,
-    gap: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.night.color.border
-  },
-  searchInput: {
-    flex: 1,
-    color: _sharedUi.night.color.text,
-    fontSize: 14,
-    fontFamily: _sharedUi.monoFont
-  },
-  clearButton: {
-    padding: 4
-  },
-  clearButtonText: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 18
-  },
-  closeSearchButton: {
-    paddingHorizontal: 8,
-    paddingVertical: 4
-  },
-  closeSearchText: {
-    color: _sharedUi.night.color.accent,
-    fontSize: 14,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont
-  },
-  scrollView: {
-    flex: 1
-  },
-  scrollContent: {
-    paddingBottom: 8
-  },
-  emptyState: {
-    padding: 32,
-    alignItems: "center"
-  },
-  emptyText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 14,
-    fontFamily: _sharedUi.monoFont
-  },
-  groupContainer: {
-    marginVertical: 4
-  },
-  groupHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    padding: 12,
-    paddingHorizontal: 16,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderLeftWidth: 3,
-    borderLeftColor: _sharedUi.night.color.fillTertiary
-  },
-  groupHeaderLeft: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    flex: 1
-  },
-  groupTitle: {
-    fontSize: 12,
-    fontWeight: "700",
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont,
-    textTransform: "uppercase",
-    letterSpacing: 0.8
-  },
-  groupBadge: {
-    backgroundColor: "#3B82F615",
-    borderColor: "#3B82F640",
-    borderWidth: 1,
-    borderRadius: 12,
-    paddingHorizontal: 8,
-    paddingVertical: 3,
-    minWidth: 24,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  groupCount: {
-    fontSize: 11,
-    fontWeight: "600",
-    color: "#3B82F6",
-    fontFamily: _sharedUi.monoFont
-  },
-  routesList: {
-    // Transparent so the night sheet's star field shows through.
-    backgroundColor: "transparent"
-  },
-  groupDescription: {
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    marginBottom: 8,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderLeftWidth: 3,
-    borderLeftColor: _sharedUi.night.color.fillTertiary
-  },
-  groupDescriptionText: {
-    fontSize: 11,
-    color: _sharedUi.night.color.textSecondary,
-    fontFamily: _sharedUi.monoFont,
-    lineHeight: 16
-  },
-  routeItem: {
-    marginBottom: 6
-  },
-  routeCard: {
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    overflow: "hidden",
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.05,
-    shadowRadius: 2,
-    elevation: 1
-  },
-  routeHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingVertical: 7,
-    paddingHorizontal: 10,
-    gap: 8
-  },
-  expandIndicator: {
-    width: 18,
-    alignItems: "center"
-  },
-  routeHeaderLeft: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    flex: 1
-  },
-  routePath: {
-    fontSize: 13,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont,
-    flex: 1
-  },
-  routeHeaderActions: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6
-  },
-  childCountBadge: {
-    backgroundColor: "#6B728015",
-    borderColor: "#6B728040",
-    borderWidth: 1,
-    borderRadius: 12,
-    paddingHorizontal: 7,
-    paddingVertical: 2,
-    minWidth: 22,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  childCountText: {
-    fontSize: 11,
-    fontWeight: "600",
-    color: _sharedUi.night.color.textSecondary,
-    fontFamily: _sharedUi.monoFont
-  },
-  typeTag: {
-    borderRadius: 4,
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderWidth: 1
-  },
-  typeText: {
-    fontSize: 10,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont
-  },
-  // Compact icon-sized Copy button in the header action cluster.
-  iconAction: {
-    width: 28,
-    height: 24,
-    borderRadius: 4,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  // Small "Go" pill in the header action cluster.
-  goButton: {
-    height: 24,
-    paddingHorizontal: 10,
-    borderRadius: 4,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.accentBorder
-  },
-  goButtonText: {
-    fontSize: 12,
-    color: _sharedUi.night.color.accent,
-    fontFamily: _sharedUi.monoFont,
-    fontWeight: "600"
-  },
-  childrenContainer: {
-    borderLeftWidth: 2,
-    borderLeftColor: _sharedUi.night.color.border,
-    marginLeft: 16,
-    marginRight: 8,
-    marginTop: 2,
-    marginBottom: 8
-  }
-});
+Route: ${t.path}`,[{text:"Cancel",style:"cancel"},{text:o<v.length-1?"Next":"Navigate",onPress:c=>{if(c&&c.trim()){const g={...i,[V]:c.trim()};B(t,o+1,g)}else{_reactNative.Alert.alert("Invalid Value","Please enter a value for the parameter")}}}],"plain-text")},[y]);const R=(0,_react.useCallback)((t,o)=>{if(d){d(t);return}if(!f&&!o?.bypassPro){T(true);return}if(t.type==="layout"||t.type==="group"){_reactNative.Alert.alert("Cannot Navigate",`${t.type==="layout"?"Layouts":"Route groups"} are not navigable routes`);return}if(t.type==="dynamic"||t.type==="catch-all"){if(t.params.length===0){try{y.push(t.path)}catch(i){_reactNative.Alert.alert("Navigation Error",String(i))}return}B(t);return}try{y.push(t.path)}catch(i){_reactNative.Alert.alert("Navigation Error",String(i))}},[y,B,f,d]);const P=(0,_react.useCallback)(()=>{R(HOME_ROUTE,{bypassPro:true})},[R]);const O=(0,_react.useCallback)(()=>{if(u)return;b(true);F();setTimeout(()=>b(false),400)},[u,F]);const A=(0,_react.useMemo)(()=>{if(!D)return"Awaiting route data";return`Updated ${(0,_sharedUi.formatRelativeTime)(D)}`},[D]);const G=(0,_react.useMemo)(()=>{if(!I)return"Source: unknown";return`Source: ${I}`},[I]);const z=(0,_react.useMemo)(()=>{if(r&&w.length>0){return[{title:"Search Results",icon:"",routes:w}]}return j},[r,w,j]);if(!W){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.container,e],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.loadingContainer,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.loadingText,testID:"buoy-routes-sitemap-loading",children:$?"Loading routes...":"Route sitemap isn't available on the dashboard \u2014 the route tree lives on the device. Use the Events tab to see navigation here."})})})}return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.container,e],children:[x&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.searchContainer,testID:"buoy-routes-sitemap-search-field",children:[(0,_jsxRuntime.jsx)(_sharedUi.Search,{size:16,color:_sharedUi.night.color.textTertiary}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{style:styles.searchInput,placeholder:"Search routes...",placeholderTextColor:_sharedUi.night.color.placeholder,value:r,onChangeText:p,autoCapitalize:"none",autoCorrect:false,autoFocus:true,testID:"buoy-routes-sitemap-search",accessibilityLabel:"Search routes"}),r.length>0&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:()=>p(""),style:styles.clearButton,testID:"buoy-routes-sitemap-search-clear",accessibilityRole:"button",accessibilityLabel:"Clear route search",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.clearButtonText,children:"\u2715"})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.closeSearchButton,onPress:()=>{a(false);p("")},testID:"buoy-routes-sitemap-search-done",accessibilityRole:"button",accessibilityLabel:"Done searching routes",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.closeSearchText,children:"Done"})})]}),(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{testID:"buoy-routes-sitemap-scroll",style:styles.scrollView,contentContainerStyle:styles.scrollContent,children:[!x&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.header,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actionsRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.actionWrapper,IS_DESKTOP&&styles.actionWrapperDesktop],children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.iconButton,IS_DESKTOP&&styles.iconButtonDesktop],onPress:P,accessibilityLabel:"Go to home route",accessibilityRole:"button",testID:"buoy-routes-sitemap-home",children:(0,_jsxRuntime.jsx)(_sharedUi.Home,{size:ACTION_ICON_SIZE,color:_sharedUi.night.color.textSecondary})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.actionLabel,IS_DESKTOP&&styles.actionLabelDesktop],children:"Home"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.actionWrapper,IS_DESKTOP&&styles.actionWrapperDesktop],children:[(0,_jsxRuntime.jsx)(_sharedUi.CopyButton,{value:H,testID:"buoy-routes-sitemap-copy",size:IS_DESKTOP?ACTION_ICON_SIZE:14,buttonStyle:IS_DESKTOP?styles.actionButtonHeaderDesktop:styles.actionButtonHeader}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.actionLabel,IS_DESKTOP&&styles.actionLabelDesktop],children:"Copy"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.actionWrapper,IS_DESKTOP&&styles.actionWrapperDesktop],children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.iconButton,IS_DESKTOP&&styles.iconButtonDesktop,u&&styles.refreshButtonDisabled],onPress:O,disabled:u,testID:"buoy-routes-sitemap-refresh",accessibilityRole:"button",accessibilityLabel:"Refresh route tree",children:(0,_jsxRuntime.jsx)(_sharedUi.RefreshCw,{size:ACTION_ICON_SIZE,color:u?_sharedUi.night.color.textTertiary:_sharedUi.night.color.textSecondary})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.actionLabel,IS_DESKTOP&&styles.actionLabelDesktop],children:"Refresh"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.actionWrapper,IS_DESKTOP&&styles.actionWrapperDesktop],children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.iconButton,IS_DESKTOP&&styles.iconButtonDesktop],onPress:()=>a(true),testID:"buoy-routes-sitemap-search-open",accessibilityRole:"button",accessibilityLabel:"Search routes",children:(0,_jsxRuntime.jsx)(_sharedUi.Search,{size:ACTION_ICON_SIZE,color:_sharedUi.night.color.textSecondary})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.actionLabel,IS_DESKTOP&&styles.actionLabelDesktop],children:"Search"})]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.statsGrid,children:[(0,_jsxRuntime.jsx)(StatItem,{value:n.total,label:"Total",id:"total"}),(0,_jsxRuntime.jsx)(StatItem,{value:n.static,label:"Static",id:"static"}),(0,_jsxRuntime.jsx)(StatItem,{value:n.dynamic,label:"Dynamic",id:"dynamic"}),(0,_jsxRuntime.jsx)(StatItem,{value:n.catchAll,label:"Catch-All",id:"catch-all"}),(0,_jsxRuntime.jsx)(StatItem,{value:n.layouts,label:"Layouts",id:"layouts"}),(0,_jsxRuntime.jsx)(StatItem,{value:n.groups,label:"Groups",id:"groups"})]})]}),z.length===0?(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{testID:"buoy-routes-sitemap-empty",otto:"map",title:"No routes found",message:"Nothing in the router matches. Clear the search to see the whole tree."}):z.map(t=>(0,_jsxRuntime.jsx)(RouteGroupView,{group:t,isExpanded:r.length>0||m.has(t.title),onToggleExpand:()=>E(t.title),onNavigate:R},t.title)),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.metaFooter,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.metaText,testID:"buoy-routes-sitemap-updated",children:A}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.sourceBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sourceText,testID:"buoy-routes-sitemap-source",children:G})})]})]}),(0,_jsxRuntime.jsx)(_sharedUi.ProUpgradeModal,{visible:S,onClose:()=>T(false),featureName:"Route Navigation"})]})}function StatItem({value:e,label:s,id:l}){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.statItem,testID:`buoy-routes-stat-${l}`,accessibilityLabel:`${s}, ${e}`,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.statValue,testID:`buoy-routes-stat-${l}-value`,children:e}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.statLabel,children:s})]})}function RouteGroupView({group:e,isExpanded:s,onToggleExpand:l,onNavigate:h}){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.groupContainer,children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.groupHeader,onPress:l,activeOpacity:.7,testID:(0,_testIDs.sitemapGroupTestID)(e.title),accessibilityRole:"button",accessibilityLabel:`${e.title}, ${e.routes.length} routes`,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.groupHeaderLeft,children:[s?(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.groupTitle,children:e.title})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.groupBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.groupCount,testID:`${(0,_testIDs.sitemapGroupTestID)(e.title)}-count`,children:e.routes.length})})]}),e.description&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.groupDescription,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.groupDescriptionText,children:e.description})}),s&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.routesList,children:e.routes.map((d,r)=>(0,_jsxRuntime.jsx)(RouteItemView,{route:d,onNavigate:h},`${d.path}-${r}`))})]})}function RouteItemView({route:e,depth:s=0,onNavigate:l}){const[h,d]=(0,_react.useState)(false);const r=e.children.length>0;const p=getRouteTypeColor(e.type);const x=e.type!=="layout"&&e.type!=="group";const a=(0,_testIDs.sitemapRouteTestID)(e.path);const m=r;const C=m?h:true;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.routeItem,{marginLeft:s*12}],testID:a,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.routeCard,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.routeHeader,children:[m?(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.routeHeaderLeft,onPress:()=>d(!h),activeOpacity:.7,testID:`${a}-toggle`,accessibilityRole:"button",accessibilityLabel:`${e.path}, ${e.type}, ${e.children.length} nested`,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.expandIndicator,children:h?(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.routePath,numberOfLines:3,testID:`${a}-path`,children:e.path})]}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.routeHeaderLeft,accessible:true,accessibilityLabel:`${e.path}, ${e.type}`,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.expandIndicator}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.routePath,numberOfLines:3,testID:`${a}-path`,children:e.path})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.routeHeaderActions,children:[r&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.childCountBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.childCountText,testID:`${a}-children-count`,children:e.children.length})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.typeTag,{backgroundColor:`${p}15`,borderColor:`${p}40`}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.typeText,{color:p}],testID:`${a}-type`,children:e.type.toUpperCase()})}),(0,_jsxRuntime.jsx)(_sharedUi.InlineCopyButton,{value:e.path,buttonStyle:styles.iconAction,testID:`${a}-copy`}),x&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.goButton,onPress:()=>l(e),activeOpacity:.7,testID:`${a}-go`,accessibilityRole:"button",accessibilityLabel:`Go to ${e.path}`,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.goButtonText,children:"Go"})})]})]}),C&&r&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.childrenContainer,children:e.children.map((u,b)=>(0,_jsxRuntime.jsx)(RouteItemView,{route:u,depth:s+1,onNavigate:l},`${u.path}-${b}`))})]})})}function getRouteTypeColor(e){switch(e){case"static":return"#3B82F6";case"dynamic":return"#F59E0B";case"catch-all":return"#EC4899";case"index":return"#10B981";case"layout":return"#8B5CF6";case"group":return"#6366F1";case"not-found":return"#EF4444";default:return"#6B7280"}}const styles=_reactNative.StyleSheet.create({container:{flex:1,backgroundColor:"transparent"},loadingContainer:{flex:1,justifyContent:"center",alignItems:"center"},loadingText:{color:_sharedUi.night.color.textSecondary,fontSize:14,fontFamily:_sharedUi.monoFont,textAlign:"center",lineHeight:20,paddingHorizontal:32,maxWidth:420},header:{flexDirection:"column",padding:8,borderBottomWidth:1,borderBottomColor:_sharedUi.night.color.border,gap:12,marginBottom:8},actionsRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:12,paddingBottom:4},statsGrid:{flexDirection:"row",flexWrap:"wrap",gap:8},statItem:{flexGrow:1,flexShrink:1,flexBasis:"30%",minWidth:90,backgroundColor:_sharedUi.night.color.surface,borderRadius:8,paddingVertical:10,paddingHorizontal:12,alignItems:"center"},statValue:{fontSize:18,fontWeight:"800",color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont},statLabel:{fontSize:10,color:_sharedUi.night.color.textTertiary,marginTop:4,fontFamily:_sharedUi.monoFont,textTransform:"uppercase",letterSpacing:.5},actionWrapper:{flex:1,alignItems:"center",justifyContent:"center",gap:4,minWidth:48},actionWrapperDesktop:{gap:8,minWidth:72},actionButtonHeader:{padding:6,borderRadius:4,backgroundColor:_sharedUi.night.color.surfaceElevated},actionButtonHeaderDesktop:{padding:12,borderRadius:8,backgroundColor:_sharedUi.night.color.surfaceElevated},iconButton:{padding:6,borderRadius:4,alignItems:"center",justifyContent:"center"},iconButtonDesktop:{padding:12,borderRadius:8,backgroundColor:_sharedUi.night.color.surfaceElevated},actionLabel:{fontSize:8,color:_sharedUi.night.color.textTertiary,fontFamily:_sharedUi.monoFont,textTransform:"uppercase",letterSpacing:.5},actionLabelDesktop:{fontSize:12},refreshButtonDisabled:{opacity:.5},metaFooter:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:8,paddingHorizontal:16,paddingVertical:16,marginTop:16,borderTopWidth:1,borderTopColor:_sharedUi.night.color.border},metaText:{fontSize:12,color:_sharedUi.night.color.textSecondary,fontFamily:_sharedUi.monoFont},sourceBadge:{paddingHorizontal:8,paddingVertical:2,borderRadius:999,borderWidth:1,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.surface},sourceText:{fontSize:11,color:_sharedUi.night.color.textSecondary,textTransform:"capitalize",fontFamily:_sharedUi.monoFont},searchContainer:{flexDirection:"row",alignItems:"center",padding:8,gap:8,borderBottomWidth:1,borderBottomColor:_sharedUi.night.color.border},searchInput:{flex:1,color:_sharedUi.night.color.text,fontSize:14,fontFamily:_sharedUi.monoFont},clearButton:{padding:4},clearButtonText:{color:_sharedUi.night.color.textTertiary,fontSize:18},closeSearchButton:{paddingHorizontal:8,paddingVertical:4},closeSearchText:{color:_sharedUi.night.color.accent,fontSize:14,fontWeight:"600",fontFamily:_sharedUi.monoFont},scrollView:{flex:1},scrollContent:{paddingBottom:8},emptyState:{padding:32,alignItems:"center"},emptyText:{color:_sharedUi.night.color.textSecondary,fontSize:14,fontFamily:_sharedUi.monoFont},groupContainer:{marginVertical:4},groupHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",padding:12,paddingHorizontal:16,backgroundColor:_sharedUi.night.color.surface,borderLeftWidth:3,borderLeftColor:_sharedUi.night.color.fillTertiary},groupHeaderLeft:{flexDirection:"row",alignItems:"center",gap:8,flex:1},groupTitle:{fontSize:12,fontWeight:"700",color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont,textTransform:"uppercase",letterSpacing:.8},groupBadge:{backgroundColor:"#3B82F615",borderColor:"#3B82F640",borderWidth:1,borderRadius:12,paddingHorizontal:8,paddingVertical:3,minWidth:24,alignItems:"center",justifyContent:"center"},groupCount:{fontSize:11,fontWeight:"600",color:"#3B82F6",fontFamily:_sharedUi.monoFont},routesList:{backgroundColor:"transparent"},groupDescription:{paddingHorizontal:16,paddingVertical:8,marginBottom:8,backgroundColor:_sharedUi.night.color.surfaceElevated,borderLeftWidth:3,borderLeftColor:_sharedUi.night.color.fillTertiary},groupDescriptionText:{fontSize:11,color:_sharedUi.night.color.textSecondary,fontFamily:_sharedUi.monoFont,lineHeight:16},routeItem:{marginBottom:6},routeCard:{backgroundColor:_sharedUi.night.color.surface,borderRadius:6,borderWidth:1,borderColor:_sharedUi.night.color.border,overflow:"hidden",shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:2,elevation:1},routeHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:7,paddingHorizontal:10,gap:8},expandIndicator:{width:18,alignItems:"center"},routeHeaderLeft:{flexDirection:"row",alignItems:"center",gap:8,flex:1},routePath:{fontSize:13,fontWeight:"600",color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont,flex:1},routeHeaderActions:{flexDirection:"row",alignItems:"center",gap:6},childCountBadge:{backgroundColor:"#6B728015",borderColor:"#6B728040",borderWidth:1,borderRadius:12,paddingHorizontal:7,paddingVertical:2,minWidth:22,alignItems:"center",justifyContent:"center"},childCountText:{fontSize:11,fontWeight:"600",color:_sharedUi.night.color.textSecondary,fontFamily:_sharedUi.monoFont},typeTag:{borderRadius:4,paddingHorizontal:6,paddingVertical:2,borderWidth:1},typeText:{fontSize:10,fontWeight:"600",fontFamily:_sharedUi.monoFont},iconAction:{width:28,height:24,borderRadius:4,backgroundColor:_sharedUi.night.color.surfaceElevated,borderWidth:1,borderColor:_sharedUi.night.color.border,alignItems:"center",justifyContent:"center"},goButton:{height:24,paddingHorizontal:10,borderRadius:4,alignItems:"center",justifyContent:"center",backgroundColor:_sharedUi.night.color.accentSoft,borderWidth:1,borderColor:_sharedUi.night.color.accentBorder},goButtonText:{fontSize:12,color:_sharedUi.night.color.accent,fontFamily:_sharedUi.monoFont,fontWeight:"600"},childrenContainer:{borderLeftWidth:2,borderLeftColor:_sharedUi.night.color.border,marginLeft:16,marginRight:8,marginTop:2,marginBottom:8}});