@buoy-gg/route-events 7.0.1 → 7.0.3

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"RouteEventsModalWithTabs.d.ts","sourceRoot":"","sources":["../../../src/components/RouteEventsModalWithTabs.tsx"],"names":[],"mappings":"AA6DA,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"}
+{"version":3,"file":"RouteEventsModalWithTabs.d.ts","sourceRoot":"","sources":["../../../src/components/RouteEventsModalWithTabs.tsx"],"names":[],"mappings":"AA0DA,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,sCAwmB/B"}

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

@@ -4,14 +4,16 @@
  * Shows events in the order they happened (most recent first),
  * providing a clear history of navigation actions.
  *
- * Uses two-level expansion pattern matching network/storage components.
+ * Tapping a row opens the full-screen detail view (parity with the Events
+ * tool) via onSelectEvent — rows no longer expand inline.
  */
 import type { RouteChangeEvent } from "../RouteObserver";
 interface RouteEventsTimelineProps {
     events: RouteChangeEvent[];
     visitCounts: Map<number, number>;
     onNavigate?: (pathname: string) => void;
+    onSelectEvent: (event: RouteChangeEvent, visitNumber: number) => void;
 }
-export declare function RouteEventsTimeline({ events, visitCounts, onNavigate, }: RouteEventsTimelineProps): import("react").JSX.Element;
+export declare function RouteEventsTimeline({ events, visitCounts, onNavigate, onSelectEvent, }: RouteEventsTimelineProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=RouteEventsTimeline.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RouteEventsTimeline.d.ts","sourceRoot":"","sources":["../../../src/components/RouteEventsTimeline.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAaH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,UAAU,wBAAwB;IAChC,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,WAAW,EACX,UAAU,GACX,EAAE,wBAAwB,+BAoD1B"}
+{"version":3,"file":"RouteEventsTimeline.d.ts","sourceRoot":"","sources":["../../../src/components/RouteEventsTimeline.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAaH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,UAAU,wBAAwB;IAChC,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACvE;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,WAAW,EACX,UAAU,EACV,aAAa,GACd,EAAE,wBAAwB,+BAqD1B"}

package/lib/typescript/index.d.ts

@@ -18,6 +18,8 @@ export { RouteEventItemCompact } from "./components/RouteEventItemCompact";
 export type { RouteEventItemCompactProps } from "./components/RouteEventItemCompact";
 export { RouteEventExpandedContent } from "./components/RouteEventExpandedContent";
 export type { RouteEventExpandedContentProps } from "./components/RouteEventExpandedContent";
+export { RouteEventDetail } from "./components/RouteEventDetail";
+export type { RouteEventDetailProps } from "./components/RouteEventDetail";
 export { useRouteObserver } from "./useRouteObserver";
 export { useRouteObserverReactNavigation } from "./useRouteObserverReactNavigation";
 export { useRouteEvents } from "./hooks/useRouteEvents";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAKxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,YAAY,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AAK3F,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK9C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,YAAY,EACV,oBAAoB,EACpB,yBAAyB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AACrF,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AACnF,YAAY,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AAK7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,YAAY,EACV,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/E,YAAY,EACV,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,wBAAwB,EACxB,gBAAgB,GACjB,MAAM,sBAAsB,CAAC;AAK9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,YAAY,EACV,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,+BAA+B,CAAC;AAKvC,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACxD,YAAY,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,GACX,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAKhD,qEAAqE;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,qEAAqE;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,YAAY,EACV,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAKxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,YAAY,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AAK3F,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK9C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,YAAY,EACV,oBAAoB,EACpB,yBAAyB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AACrF,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AACnF,YAAY,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAK3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,YAAY,EACV,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/E,YAAY,EACV,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,wBAAwB,EACxB,gBAAgB,GACjB,MAAM,sBAAsB,CAAC;AAK9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,YAAY,EACV,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,+BAA+B,CAAC;AAKvC,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACxD,YAAY,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,GACX,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAKhD,qEAAqE;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,qEAAqE;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,YAAY,EACV,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC"}

package/lib/typescript/utils/routeTemplate.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Infer a route template from a concrete pathname and its segments.
+ * Dynamic segments (numeric ids, UUIDs) collapse to `[id]`, so
+ * `/products/42` becomes `/products/[id]`. Returns null when the template
+ * matches the pathname (i.e. the route is fully static).
+ */
+export declare function getRouteTemplate(pathname: string, segments: string[]): string | null;
+//# sourceMappingURL=routeTemplate.d.ts.map

package/lib/typescript/utils/routeTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"routeTemplate.d.ts","sourceRoot":"","sources":["../../../src/utils/routeTemplate.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAAE,GACjB,MAAM,GAAG,IAAI,CAqBf"}

package/package.json

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

package/lib/commonjs/components/RouteEventDetailContent.js

@@ -1,499 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RouteEventDetailContent = RouteEventDetailContent;
-exports.RouteEventDetailFooter = RouteEventDetailFooter;
-var _reactNative = require("react-native");
-var _react = require("react");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _jsxRuntime = require("react/jsx-runtime");
-function RouteEventDetailContent({
-  conversation,
-  selectedEventIndex = 0,
-  onEventIndexChange = () => {},
-  disableInternalFooter = false
-}) {
-  // Internal view state
-  const [internalActiveView, setInternalActiveView] = (0, _react.useState)("current");
-
-  // Track if preferences have been loaded
-  const hasLoadedPreferences = (0, _react.useRef)(false);
-
-  // Load saved preferences on mount
-  (0, _react.useEffect)(() => {
-    if (hasLoadedPreferences.current) return;
-    const loadPreferences = async () => {
-      try {
-        // Load detail view preference (current/diff)
-        const savedDetailView = await _sharedUi.persistentStorage.getItem(_sharedUi.devToolsStorageKeys.routeEvents.detailView());
-        if (savedDetailView === "current" || savedDetailView === "diff") {
-          setInternalActiveView(savedDetailView);
-        }
-        hasLoadedPreferences.current = true;
-      } catch (error) {
-        // Failed to load view preferences
-      }
-    };
-    loadPreferences();
-  }, []);
-
-  // Save detail view preference when changed
-  const handleViewChange = (0, _react.useCallback)(async view => {
-    setInternalActiveView(view);
-    try {
-      await _sharedUi.persistentStorage.setItem(_sharedUi.devToolsStorageKeys.routeEvents.detailView(), view);
-    } catch (error) {
-      // Failed to save detail view preference
-    }
-  }, []);
-  const renderRouteContent = (event, label) => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.valueContent,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.valueHeader,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.valueLabel,
-          children: label
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.dataViewerContainer,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-          title: "",
-          data: {
-            pathname: event.pathname,
-            segments: event.segments,
-            params: event.params,
-            timestamp: new Date(event.timestamp).toISOString()
-          },
-          showTypeFilter: true,
-          rawMode: true,
-          initialExpanded: true
-        })
-      })]
-    });
-  };
-
-  // Get all events sorted by time
-  const navigationItems = conversation.events.sort((a, b) => a.timestamp - b.timestamp);
-  const totalEvents = navigationItems.length;
-
-  // Precise time HH:MM:SS.mmm
-  const formatTimeWithMs = (0, _react.useCallback)(timestamp => {
-    const date = new Date(timestamp);
-    const h = String(date.getHours()).padStart(2, "0");
-    const m = String(date.getMinutes()).padStart(2, "0");
-    const s = String(date.getSeconds()).padStart(2, "0");
-    const ms = String(date.getMilliseconds()).padStart(3, "0");
-    return `${h}:${m}:${s}.${ms}`;
-  }, []);
-
-  // Render current value tab
-  const renderCurrentValue = () => {
-    const selectedEvent = navigationItems[selectedEventIndex];
-    const eventToShow = selectedEvent ?? conversation.lastEvent;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.fullPageSection,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.contentCard,
-        children: renderRouteContent(eventToShow, "CURRENT ROUTE STATE")
-      })
-    });
-  };
-
-  // Render diff tab
-  const renderDiff = () => {
-    if (navigationItems.length === 0) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.emptyState,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertCircle, {
-          size: 32,
-          color: _sharedUi.buoyColors.textMuted
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.emptyText,
-          children: "No changes to display"
-        })]
-      });
-    }
-    const prevIndex = Math.max(0, selectedEventIndex - 1);
-    const currentIndex = selectedEventIndex;
-    const previousEvent = navigationItems[prevIndex];
-    const currentEvent = navigationItems[currentIndex];
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      style: styles.fullPageSection,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.diffContainer,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.diffSection,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.diffSectionTitle,
-            children: "PREVIOUS"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.contentCard,
-            children: renderRouteContent(previousEvent, `Event #${prevIndex + 1}`)
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.diffDivider
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.diffSection,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.diffSectionTitle,
-            children: "CURRENT"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.contentCard,
-            children: renderRouteContent(currentEvent, `Event #${currentIndex + 1}`)
-          })]
-        })]
-      })
-    });
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.contentOnly, {
-        flex: 1,
-        paddingBottom: !disableInternalFooter && totalEvents > 1 ? 80 : 0
-      }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.viewToggleContainer,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-          style: [styles.viewToggleCard, internalActiveView === "current" && styles.viewToggleCardActive],
-          onPress: () => handleViewChange("current"),
-          activeOpacity: 0.8,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.viewToggleContent,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Navigation, {
-              size: 16,
-              color: internalActiveView === "current" ? _sharedUi.buoyColors.primary : _sharedUi.buoyColors.textSecondary
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.viewToggleLabel, internalActiveView === "current" && styles.viewToggleLabelActive],
-              children: "CURRENT STATE"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.viewToggleDescription, internalActiveView === "current" && {
-              color: _sharedUi.buoyColors.text
-            }],
-            children: "View the current route state"
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-          style: [styles.viewToggleCard, internalActiveView === "diff" && styles.viewToggleCardActive],
-          onPress: () => handleViewChange("diff"),
-          activeOpacity: 0.8,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.viewToggleContent,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.GitBranch, {
-              size: 16,
-              color: internalActiveView === "diff" ? _sharedUi.buoyColors.success : _sharedUi.buoyColors.textSecondary
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.viewToggleLabel, internalActiveView === "diff" && styles.viewToggleLabelActive],
-              children: "DIFF VIEW"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.viewToggleDescription, internalActiveView === "diff" && {
-              color: _sharedUi.buoyColors.text
-            }],
-            children: "Compare changes between events"
-          })]
-        })]
-      }), internalActiveView === "current" && renderCurrentValue(), internalActiveView === "diff" && renderDiff()]
-    }), totalEvents > 1 && !disableInternalFooter && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.stickyFooter,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        onPress: () => onEventIndexChange(Math.max(0, selectedEventIndex - 1)),
-        disabled: selectedEventIndex === 0,
-        style: [styles.navButton, selectedEventIndex === 0 && styles.navButtonDisabled],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronLeft, {
-          size: 20,
-          color: selectedEventIndex === 0 ? _sharedUi.buoyColors.textMuted : _sharedUi.buoyColors.text
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.navButtonText, selectedEventIndex === 0 && styles.navButtonTextDisabled],
-          children: "Previous"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.eventCounterContainer,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.eventCounter,
-          children: ["Event ", selectedEventIndex + 1, " of ", totalEvents]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.eventTimestamp,
-          children: (0, _sharedUi.formatRelativeTime)(new Date(navigationItems[selectedEventIndex]?.timestamp))
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        onPress: () => onEventIndexChange(Math.min(totalEvents - 1, selectedEventIndex + 1)),
-        disabled: selectedEventIndex === totalEvents - 1,
-        style: [styles.navButton, selectedEventIndex === totalEvents - 1 && styles.navButtonDisabled],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.navButtonText, selectedEventIndex === totalEvents - 1 && styles.navButtonTextDisabled],
-          children: "Next"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-          size: 20,
-          color: selectedEventIndex === totalEvents - 1 ? _sharedUi.buoyColors.textMuted : _sharedUi.buoyColors.text
-        })]
-      })]
-    })]
-  });
-}
-
-// External footer component to be rendered by the modal outside the ScrollView
-function RouteEventDetailFooter({
-  conversation,
-  selectedEventIndex = 0,
-  onEventIndexChange = () => {}
-}) {
-  const navigationItems = conversation.events.sort((a, b) => a.timestamp - b.timestamp);
-  const totalEvents = navigationItems.length;
-  if (totalEvents <= 1) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.externalFooterBar,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-      onPress: () => onEventIndexChange(Math.max(0, selectedEventIndex - 1)),
-      disabled: selectedEventIndex === 0,
-      style: [styles.navButton, selectedEventIndex === 0 && styles.navButtonDisabled],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronLeft, {
-        size: 20,
-        color: selectedEventIndex === 0 ? _sharedUi.buoyColors.textMuted : _sharedUi.buoyColors.text
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.navButtonText, selectedEventIndex === 0 && styles.navButtonTextDisabled],
-        children: "Previous"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.eventCounterContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.eventCounter,
-        children: ["Event ", selectedEventIndex + 1, " of ", totalEvents]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.eventTimestamp,
-        children: (0, _sharedUi.formatRelativeTime)(new Date(navigationItems[selectedEventIndex]?.timestamp))
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-      onPress: () => onEventIndexChange(Math.min(totalEvents - 1, selectedEventIndex + 1)),
-      disabled: selectedEventIndex === totalEvents - 1,
-      style: [styles.navButton, selectedEventIndex === totalEvents - 1 && styles.navButtonDisabled],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.navButtonText, selectedEventIndex === totalEvents - 1 && styles.navButtonTextDisabled],
-        children: "Next"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-        size: 20,
-        color: selectedEventIndex === totalEvents - 1 ? _sharedUi.buoyColors.textMuted : _sharedUi.buoyColors.text
-      })]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  contentOnly: {
-    flex: 1,
-    backgroundColor: _sharedUi.buoyColors.base
-  },
-  stickyFooter: {
-    position: "absolute",
-    bottom: 0,
-    left: 0,
-    right: 0,
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    backgroundColor: _sharedUi.buoyColors.base,
-    borderTopWidth: 1,
-    borderTopColor: _sharedUi.buoyColors.border,
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: -2
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    elevation: 5
-  },
-  externalFooterBar: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    backgroundColor: _sharedUi.buoyColors.base,
-    borderTopWidth: 1,
-    borderTopColor: _sharedUi.buoyColors.border,
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: -2
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    elevation: 5
-  },
-  fullPageSection: {
-    flex: 1,
-    paddingHorizontal: 14,
-    paddingVertical: 10
-  },
-  emptyState: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 48
-  },
-  emptyText: {
-    marginTop: 12,
-    fontSize: 14,
-    color: _sharedUi.buoyColors.textSecondary,
-    fontFamily: "monospace"
-  },
-  valueContent: {
-    marginTop: 4
-  },
-  valueHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    marginBottom: 4
-  },
-  valueLabel: {
-    fontSize: 10,
-    color: _sharedUi.buoyColors.textSecondary,
-    fontFamily: "monospace",
-    letterSpacing: 0.5,
-    fontWeight: "600",
-    textTransform: "uppercase"
-  },
-  valueBox: {
-    backgroundColor: _sharedUi.buoyColors.card,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.border,
-    padding: 8
-  },
-  navButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderRadius: 6,
-    backgroundColor: _sharedUi.buoyColors.card,
-    minWidth: 100,
-    justifyContent: "center"
-  },
-  navButtonDisabled: {
-    opacity: 0.3
-  },
-  navButtonText: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: _sharedUi.buoyColors.text,
-    fontFamily: "monospace",
-    textTransform: "uppercase"
-  },
-  navButtonTextDisabled: {
-    color: _sharedUi.buoyColors.textMuted
-  },
-  eventCounterContainer: {
-    alignItems: "center"
-  },
-  eventCounter: {
-    fontSize: 14,
-    fontWeight: "700",
-    color: _sharedUi.buoyColors.text,
-    fontFamily: "monospace",
-    textTransform: "uppercase"
-  },
-  eventTimestamp: {
-    fontSize: 11,
-    color: _sharedUi.buoyColors.textSecondary,
-    fontFamily: "monospace",
-    marginTop: 2
-  },
-  contentCard: {
-    backgroundColor: _sharedUi.buoyColors.card,
-    borderRadius: 14,
-    padding: 14,
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.border,
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    shadowOpacity: 0.04,
-    shadowRadius: 16,
-    elevation: 2
-  },
-  // View Toggle Cards
-  viewToggleContainer: {
-    flexDirection: "row",
-    gap: 12,
-    padding: 14,
-    backgroundColor: _sharedUi.buoyColors.base
-  },
-  viewToggleCard: {
-    flex: 1,
-    backgroundColor: _sharedUi.buoyColors.card,
-    borderRadius: 14,
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.border,
-    padding: 14,
-    gap: 8
-  },
-  viewToggleCardActive: {
-    borderWidth: 1.5,
-    borderColor: _sharedUi.buoyColors.primary,
-    backgroundColor: _sharedUi.buoyColors.primary + "15",
-    shadowColor: _sharedUi.buoyColors.primary,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 8,
-    elevation: 3
-  },
-  viewToggleContent: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  viewToggleLabel: {
-    fontSize: 12,
-    fontWeight: "700",
-    letterSpacing: 0.5,
-    color: _sharedUi.buoyColors.textSecondary,
-    textTransform: "uppercase"
-  },
-  viewToggleLabelActive: {
-    color: _sharedUi.buoyColors.text
-  },
-  viewToggleDescription: {
-    fontSize: 11,
-    color: _sharedUi.buoyColors.textMuted,
-    lineHeight: 16
-  },
-  // Diff view styles
-  diffContainer: {
-    gap: 16
-  },
-  diffSection: {
-    gap: 8
-  },
-  diffSectionTitle: {
-    fontSize: 10,
-    fontWeight: "700",
-    color: _sharedUi.buoyColors.textSecondary,
-    fontFamily: "monospace",
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    paddingHorizontal: 4
-  },
-  diffDivider: {
-    height: 1,
-    backgroundColor: _sharedUi.buoyColors.border,
-    marginVertical: 8
-  },
-  dataViewerContainer: {
-    marginTop: -12,
-    marginHorizontal: -12,
-    marginBottom: -12
-  }
-});