@buoy-gg/route-events 7.0.41 → 7.0.43

package/lib/module/components/ReactNavigationRoutes.web.js

@@ -1,3 +1 @@
-"use strict";
-
-export { RoutesSitemap as ReactNavigationRoutes } from './RoutesSitemap';
+"use strict";export{RoutesSitemap as ReactNavigationRoutes}from"./RoutesSitemap";

package/lib/module/components/RouteEventDetail.js

@@ -1,93 +1 @@
-"use strict";
-
-/**
- * RouteEventDetail - Full-screen detail view for a single route event.
- *
- * Mirrors how the Events tool shows a detail page for every other event
- * source: the readable route sections (reusing RouteEventExpandedContent)
- * plus a prominent "Go to route" action. The back header and toolbar copy
- * button are owned by the surrounding modal.
- */
-
-import { View, Text, StyleSheet, TouchableOpacity, ScrollView } from "react-native";
-import { Navigation, night, monoFont } from "@buoy-gg/shared-ui";
-import { RouteEventExpandedContent } from "./RouteEventExpandedContent";
-import { getRouteTemplate, routeHref } from "../utils/routeTemplate";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function RouteEventDetail({
-  event,
-  visitNumber = 1,
-  onNavigate
-}) {
-  const routeTemplate = getRouteTemplate(event.pathname, event.segments);
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
-    children: [/*#__PURE__*/_jsx(ScrollView, {
-      testID: "buoy-routes-detail-scroll",
-      style: styles.scroll,
-      contentContainerStyle: styles.scrollContent,
-      showsVerticalScrollIndicator: true,
-      children: /*#__PURE__*/_jsx(RouteEventExpandedContent, {
-        event: event,
-        visitNumber: visitNumber,
-        routeTemplate: routeTemplate
-      })
-    }), onNavigate && /*#__PURE__*/_jsx(View, {
-      style: styles.footer,
-      children: /*#__PURE__*/_jsxs(TouchableOpacity, {
-        style: styles.goButton,
-        onPress: () => onNavigate(routeHref(event.pathname, event.params)),
-        activeOpacity: 0.8,
-        testID: "buoy-routes-detail-go",
-        accessibilityRole: "button",
-        accessibilityLabel: `Go to route ${event.pathname}`,
-        children: [/*#__PURE__*/_jsx(Navigation, {
-          size: 16,
-          color: night.color.onAccent
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.goButtonText,
-          children: "Go to route"
-        })]
-      })
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    // Transparent so the night sheet's star field shows through.
-    backgroundColor: "transparent"
-  },
-  scroll: {
-    flex: 1
-  },
-  scrollContent: {
-    padding: 14
-  },
-  footer: {
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    // Transparent so the night sheet's star field shows through.
-    backgroundColor: "transparent",
-    borderTopWidth: 1,
-    borderTopColor: night.color.border
-  },
-  goButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 8,
-    backgroundColor: night.color.accent,
-    paddingVertical: 12,
-    borderRadius: 8
-  },
-  goButtonText: {
-    fontSize: 13,
-    fontWeight: "600",
-    // Ink on a filled accent surface — the night accent takes dark ink.
-    color: night.color.onAccent,
-    fontFamily: monoFont,
-    textTransform: "uppercase",
-    letterSpacing: 0.5
-  }
-});
+"use strict";import{View as l,Text as s,StyleSheet as u,TouchableOpacity as p,ScrollView as d}from"react-native";import{Navigation as m,night as r,monoFont as g}from"@buoy-gg/shared-ui";import{RouteEventExpandedContent as f}from"./RouteEventExpandedContent";import{getRouteTemplate as y,routeHref as b}from"../utils/routeTemplate";import{jsx as e,jsxs as i}from"react/jsx-runtime";export function RouteEventDetail({event:t,visitNumber:a=1,onNavigate:n}){const c=y(t.pathname,t.segments);return i(l,{style:o.container,children:[e(d,{testID:"buoy-routes-detail-scroll",style:o.scroll,contentContainerStyle:o.scrollContent,showsVerticalScrollIndicator:true,children:e(f,{event:t,visitNumber:a,routeTemplate:c})}),n&&e(l,{style:o.footer,children:i(p,{style:o.goButton,onPress:()=>n(b(t.pathname,t.params)),activeOpacity:.8,testID:"buoy-routes-detail-go",accessibilityRole:"button",accessibilityLabel:`Go to route ${t.pathname}`,children:[e(m,{size:16,color:r.color.onAccent}),e(s,{style:o.goButtonText,children:"Go to route"})]})})]})}const o=u.create({container:{flex:1,backgroundColor:"transparent"},scroll:{flex:1},scrollContent:{padding:14},footer:{paddingHorizontal:16,paddingVertical:12,backgroundColor:"transparent",borderTopWidth:1,borderTopColor:r.color.border},goButton:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:8,backgroundColor:r.color.accent,paddingVertical:12,borderRadius:8},goButtonText:{fontSize:13,fontWeight:"600",color:r.color.onAccent,fontFamily:g,textTransform:"uppercase",letterSpacing:.5}});

package/lib/module/components/RouteEventExpandedContent.js

@@ -1,200 +1 @@
-"use strict";
-
-/**
- * RouteEventExpandedContent - Expanded view for route event details
- *
- * Shows 3 organized sections:
- * - Section A: Route Information (Template, From, To)
- * - Section B: Timing Information (Duration, Time)
- * - Section C: Parameters & Metadata (Segments, Parameters, Visit count)
- */
-
-import { View, Text, StyleSheet } from "react-native";
-import { InlineCopyButton, night, monoFont } from "@buoy-gg/shared-ui";
-import { DataViewer } from "@buoy-gg/shared-ui/dataViewer";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Format duration in milliseconds to human-readable string
-function formatDuration(ms) {
-  if (ms < 1000) {
-    return `${ms}ms`;
-  }
-  if (ms < 60000) {
-    return `${(ms / 1000).toFixed(1)}s`;
-  }
-  const minutes = Math.floor(ms / 60000);
-  const seconds = (ms % 60000 / 1000).toFixed(0);
-  return `${minutes}m ${seconds}s`;
-}
-export function RouteEventExpandedContent({
-  event,
-  visitNumber,
-  routeTemplate
-}) {
-  const hasParams = event.params && Object.keys(event.params).length > 0;
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.section,
-      children: [routeTemplate && /*#__PURE__*/_jsxs(View, {
-        style: styles.detailRow,
-        testID: "buoy-routes-detail-template",
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.detailLabel,
-          children: "Template:"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.detailValue,
-          testID: "buoy-routes-detail-template-value",
-          children: routeTemplate
-        }), /*#__PURE__*/_jsx(InlineCopyButton, {
-          value: routeTemplate,
-          buttonStyle: styles.copyButton
-        })]
-      }), event.previousPathname && /*#__PURE__*/_jsxs(View, {
-        style: styles.detailRow,
-        testID: "buoy-routes-detail-from",
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.detailLabel,
-          children: "From:"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.detailValue,
-          testID: "buoy-routes-detail-from-value",
-          children: event.previousPathname
-        }), /*#__PURE__*/_jsx(InlineCopyButton, {
-          value: event.previousPathname,
-          buttonStyle: styles.copyButton
-        })]
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.detailRow,
-        testID: "buoy-routes-detail-to",
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.detailLabel,
-          children: "To:"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.detailValue,
-          testID: "buoy-routes-detail-to-value",
-          children: event.pathname
-        }), /*#__PURE__*/_jsx(InlineCopyButton, {
-          value: event.pathname,
-          buttonStyle: styles.copyButton
-        })]
-      })]
-    }), /*#__PURE__*/_jsxs(View, {
-      style: styles.section,
-      children: [event.timeSincePrevious !== undefined && /*#__PURE__*/_jsxs(View, {
-        style: styles.detailRow,
-        testID: "buoy-routes-detail-duration",
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.detailLabel,
-          children: "Duration:"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.detailValue,
-          testID: "buoy-routes-detail-duration-value",
-          children: formatDuration(event.timeSincePrevious)
-        })]
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.detailRow,
-        testID: "buoy-routes-detail-time",
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.detailLabel,
-          children: "Time:"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.detailValue,
-          testID: "buoy-routes-detail-time-value",
-          children: new Date(event.timestamp).toLocaleString()
-        })]
-      })]
-    }), /*#__PURE__*/_jsxs(View, {
-      style: styles.section,
-      children: [event.segments && event.segments.length > 0 && /*#__PURE__*/_jsxs(View, {
-        style: styles.detailRow,
-        testID: "buoy-routes-detail-segments",
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.detailLabel,
-          children: "Segments:"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.detailValue,
-          testID: "buoy-routes-detail-segments-value",
-          children: event.segments.join(' → ')
-        }), /*#__PURE__*/_jsx(InlineCopyButton, {
-          value: JSON.stringify(event.segments),
-          buttonStyle: styles.copyButton
-        })]
-      }), hasParams && /*#__PURE__*/_jsxs(View, {
-        style: styles.dataViewerContainer,
-        children: [/*#__PURE__*/_jsxs(View, {
-          style: styles.dataViewerHeader,
-          children: [/*#__PURE__*/_jsxs(Text, {
-            style: styles.dataViewerTitle,
-            testID: "buoy-routes-detail-params-title",
-            children: ["Parameters (", Object.keys(event.params).length, ")"]
-          }), /*#__PURE__*/_jsx(InlineCopyButton, {
-            value: JSON.stringify(event.params, null, 2),
-            buttonStyle: styles.copyButton
-          })]
-        }), /*#__PURE__*/_jsx(DataViewer, {
-          data: event.params,
-          title: "",
-          showTypeFilter: true,
-          rawMode: true,
-          initialExpanded: true
-        })]
-      }), visitNumber > 1 && /*#__PURE__*/_jsxs(View, {
-        style: styles.detailRow,
-        testID: "buoy-routes-detail-visited",
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.detailLabel,
-          children: "Visited:"
-        }), /*#__PURE__*/_jsxs(Text, {
-          style: styles.detailValue,
-          testID: "buoy-routes-detail-visited-value",
-          children: [visitNumber, " time", visitNumber !== 1 ? 's' : '']
-        })]
-      })]
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  container: {
-    gap: 12
-  },
-  section: {
-    gap: 8
-  },
-  detailRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  detailLabel: {
-    fontSize: 10,
-    color: night.color.textSecondary,
-    fontFamily: monoFont,
-    fontWeight: "600",
-    minWidth: 70
-  },
-  detailValue: {
-    fontSize: 11,
-    color: night.color.text,
-    fontFamily: monoFont,
-    flex: 1
-  },
-  copyButton: {
-    padding: 4,
-    borderRadius: 4
-  },
-  dataViewerContainer: {
-    marginTop: 4
-  },
-  dataViewerHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    marginBottom: 8
-  },
-  dataViewerTitle: {
-    fontSize: 11,
-    color: night.color.textSecondary,
-    fontFamily: monoFont,
-    fontWeight: "600"
-  }
-});
+"use strict";import{View as o,Text as i,StyleSheet as c}from"react-native";import{InlineCopyButton as n,night as d,monoFont as u}from"@buoy-gg/shared-ui";import{DataViewer as m}from"@buoy-gg/shared-ui/dataViewer";import{jsx as l,jsxs as a}from"react/jsx-runtime";function h(t){if(t<1e3){return`${t}ms`}if(t<6e4){return`${(t/1e3).toFixed(1)}s`}const r=Math.floor(t/6e4);const s=(t%6e4/1e3).toFixed(0);return`${r}m ${s}s`}export function RouteEventExpandedContent({event:t,visitNumber:r,routeTemplate:s}){const y=t.params&&Object.keys(t.params).length>0;return a(o,{style:e.container,children:[a(o,{style:e.section,children:[s&&a(o,{style:e.detailRow,testID:"buoy-routes-detail-template",children:[l(i,{style:e.detailLabel,children:"Template:"}),l(i,{style:e.detailValue,testID:"buoy-routes-detail-template-value",children:s}),l(n,{value:s,buttonStyle:e.copyButton})]}),t.previousPathname&&a(o,{style:e.detailRow,testID:"buoy-routes-detail-from",children:[l(i,{style:e.detailLabel,children:"From:"}),l(i,{style:e.detailValue,testID:"buoy-routes-detail-from-value",children:t.previousPathname}),l(n,{value:t.previousPathname,buttonStyle:e.copyButton})]}),a(o,{style:e.detailRow,testID:"buoy-routes-detail-to",children:[l(i,{style:e.detailLabel,children:"To:"}),l(i,{style:e.detailValue,testID:"buoy-routes-detail-to-value",children:t.pathname}),l(n,{value:t.pathname,buttonStyle:e.copyButton})]})]}),a(o,{style:e.section,children:[t.timeSincePrevious!==void 0&&a(o,{style:e.detailRow,testID:"buoy-routes-detail-duration",children:[l(i,{style:e.detailLabel,children:"Duration:"}),l(i,{style:e.detailValue,testID:"buoy-routes-detail-duration-value",children:h(t.timeSincePrevious)})]}),a(o,{style:e.detailRow,testID:"buoy-routes-detail-time",children:[l(i,{style:e.detailLabel,children:"Time:"}),l(i,{style:e.detailValue,testID:"buoy-routes-detail-time-value",children:new Date(t.timestamp).toLocaleString()})]})]}),a(o,{style:e.section,children:[t.segments&&t.segments.length>0&&a(o,{style:e.detailRow,testID:"buoy-routes-detail-segments",children:[l(i,{style:e.detailLabel,children:"Segments:"}),l(i,{style:e.detailValue,testID:"buoy-routes-detail-segments-value",children:t.segments.join(" \u2192 ")}),l(n,{value:JSON.stringify(t.segments),buttonStyle:e.copyButton})]}),y&&a(o,{style:e.dataViewerContainer,children:[a(o,{style:e.dataViewerHeader,children:[a(i,{style:e.dataViewerTitle,testID:"buoy-routes-detail-params-title",children:["Parameters (",Object.keys(t.params).length,")"]}),l(n,{value:JSON.stringify(t.params,null,2),buttonStyle:e.copyButton})]}),l(m,{data:t.params,title:"",showTypeFilter:true,rawMode:true,initialExpanded:true})]}),r>1&&a(o,{style:e.detailRow,testID:"buoy-routes-detail-visited",children:[l(i,{style:e.detailLabel,children:"Visited:"}),a(i,{style:e.detailValue,testID:"buoy-routes-detail-visited-value",children:[r," time",r!==1?"s":""]})]})]})]})}const e=c.create({container:{gap:12},section:{gap:8},detailRow:{flexDirection:"row",alignItems:"center",gap:8},detailLabel:{fontSize:10,color:d.color.textSecondary,fontFamily:u,fontWeight:"600",minWidth:70},detailValue:{fontSize:11,color:d.color.text,fontFamily:u,flex:1},copyButton:{padding:4,borderRadius:4},dataViewerContainer:{marginTop:4},dataViewerHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:8},dataViewerTitle:{fontSize:11,color:d.color.textSecondary,fontFamily:u,fontWeight:"600"}});

package/lib/module/components/RouteEventItemCompact.js

@@ -1,187 +1 @@
-"use strict";
-
-/**
- * RouteEventItemCompact - Compact list item for route events
- *
- * Uses CompactRow pattern matching network/storage/redux components
- */
-
-import { memo, useMemo } from "react";
-import { Text, TouchableOpacity, StyleSheet } from "react-native";
-import { CompactRow, RelativeTime, buoyColors, night, monoFont } from "@buoy-gg/shared-ui";
-import { RouteEventExpandedContent } from "./RouteEventExpandedContent";
-import { getRouteTemplate, routeHref } from "../utils/routeTemplate";
-import { eventRowTestID } from "../utils/testIDs";
-
-// Route type for color coding
-import { jsx as _jsx } from "react/jsx-runtime";
-// Get route type for color coding
-function getRouteType(event) {
-  if (event.pathname === "/") {
-    return "home";
-  }
-  if (getRouteTemplate(event.pathname, event.segments)) {
-    return "dynamic";
-  }
-  if (event.params && Object.keys(event.params).length > 0) {
-    return "with-params";
-  }
-  return "default";
-}
-
-// Get color for route type
-function getRouteTypeColor(routeType) {
-  switch (routeType) {
-    case "home":
-      return buoyColors.success;
-    case "dynamic":
-      return night.color.accent;
-    case "with-params":
-      return buoyColors.warning;
-    default:
-      return night.color.textSecondary;
-    // More visible than border color
-  }
-}
-
-// Get status label (route type name)
-function getStatusLabel(routeType) {
-  switch (routeType) {
-    case "home":
-      return "Home";
-    case "dynamic":
-      return "Dynamic";
-    case "with-params":
-      return "Params";
-    default:
-      return "Static";
-  }
-}
-
-// Format duration in human-readable format
-function formatDuration(ms) {
-  if (ms < 1000) return `${Math.round(ms)}ms`;
-  if (ms < 60000) return `${(ms / 1000).toFixed(1)}s`;
-  const minutes = Math.floor(ms / 60000);
-  const seconds = Math.floor(ms % 60000 / 1000);
-  return seconds > 0 ? `${minutes}m ${seconds}s` : `${minutes}m`;
-}
-
-// Get status sublabel (time on previous route + depth info)
-function getStatusSublabel(event) {
-  const parts = [];
-
-  // Show time spent on previous route if available
-  if (event.timeSincePrevious !== undefined && event.timeSincePrevious > 0) {
-    parts.push(formatDuration(event.timeSincePrevious));
-  }
-
-  // Show segment depth (e.g., "depth 2" for /users/profile)
-  const depth = event.segments?.length || 0;
-  if (depth > 0) {
-    parts.push(`depth ${depth}`);
-  }
-  return parts.join(" · ") || "root";
-}
-
-// Get badge text - only show when there's additional info beyond the status label
-function getBadgeText(event) {
-  const hasParams = event.params && Object.keys(event.params).length > 0;
-  if (hasParams) {
-    const paramCount = Object.keys(event.params).length;
-    return `${paramCount} PARAM${paramCount !== 1 ? "S" : ""}`;
-  }
-
-  // Don't show badge text - route type is already shown in status label
-  return undefined;
-}
-
-// Memo justified by profiling (tool-bench 2026-07-06): 400 row renders
-// during a 5s dwell at 500 events (timeline re-renders cascaded into all
-// mounted rows via an inline onPress closure).
-export const RouteEventItemCompact = /*#__PURE__*/memo(function RouteEventItemCompact({
-  event,
-  visitNumber,
-  isExpanded,
-  onPress,
-  onNavigate,
-  index
-}) {
-  const routeType = useMemo(() => getRouteType(event), [event]);
-  const routeTemplate = useMemo(() => getRouteTemplate(event.pathname, event.segments), [event.pathname, event.segments]);
-  const statusColor = useMemo(() => getRouteTypeColor(routeType), [routeType]);
-  const statusLabel = useMemo(() => getStatusLabel(routeType), [routeType]);
-  const statusSublabel = useMemo(() => getStatusSublabel(event), [event]);
-  const badgeText = useMemo(() => getBadgeText(event), [event]);
-  const testID = useMemo(() => eventRowTestID(event.pathname, visitNumber), [event.pathname, visitNumber]);
-  // Spelled out for assistive tech: the row's whole verdict is a coloured dot
-  // and two short words that Fabric merges into the row's container, so
-  // VoiceOver would otherwise announce a control it cannot describe.
-  const accessibilityLabel = useMemo(() => `${event.pathname}, ${statusLabel}, ${statusSublabel}`, [event.pathname, statusLabel, statusSublabel]);
-  const expandedContent = useMemo(() => {
-    if (!isExpanded) return undefined;
-    return /*#__PURE__*/_jsx(RouteEventExpandedContent, {
-      event: event,
-      visitNumber: visitNumber,
-      routeTemplate: routeTemplate
-    });
-  }, [isExpanded, event, visitNumber, routeTemplate]);
-
-  // The Go button lives beside the row, not inside its touchable (see
-  // CompactRow.trailingAction), so a press never opens the row as well.
-  const goButton = useMemo(() => {
-    if (!onNavigate) return undefined;
-    return /*#__PURE__*/_jsx(TouchableOpacity, {
-      style: styles.goButton,
-      onPress: () => onNavigate(routeHref(event.pathname, event.params)),
-      testID: `${testID}-go`,
-      accessibilityRole: "button",
-      accessibilityLabel: `Go to ${event.pathname}`,
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.goButtonText,
-        children: "Go"
-      })
-    });
-  }, [onNavigate, event.pathname, testID]);
-  return /*#__PURE__*/_jsx(CompactRow, {
-    statusDotColor: statusColor,
-    statusLabel: statusLabel,
-    statusSublabel: statusSublabel,
-    primaryText: event.pathname,
-    badgeText: badgeText,
-    badgeColor: statusColor,
-    trailingAction: goButton,
-    bottomRightText: /*#__PURE__*/_jsx(RelativeTime, {
-      timestamp: event.timestamp
-    }),
-    showChevron: true,
-    expandedContent: expandedContent,
-    isExpanded: isExpanded,
-    expandedGlowColor: statusColor,
-    onPress: () => onPress(index),
-    testID: testID,
-    statusTestID: `${testID}-status`,
-    statusSublabelTestID: `${testID}-sublabel`,
-    accessibilityLabel: accessibilityLabel
-  });
-});
-const styles = StyleSheet.create({
-  badgeText: {
-    fontSize: 11,
-    fontWeight: "600",
-    fontFamily: monoFont
-  },
-  goButton: {
-    backgroundColor: night.color.accent,
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 4
-  },
-  goButtonText: {
-    fontSize: 10,
-    fontWeight: "600",
-    // Ink on a filled accent surface — the night accent takes dark ink.
-    color: night.color.onAccent,
-    fontFamily: monoFont
-  }
-});
+"use strict";import{memo as R,useMemo as a}from"react";import{Text as w,TouchableOpacity as D,StyleSheet as I}from"react-native";import{CompactRow as P,RelativeTime as j,buoyColors as f,night as u,monoFont as d}from"@buoy-gg/shared-ui";import{RouteEventExpandedContent as B}from"./RouteEventExpandedContent";import{getRouteTemplate as g,routeHref as L}from"../utils/routeTemplate";import{eventRowTestID as M}from"../utils/testIDs";import{jsx as n}from"react/jsx-runtime";function k(o){if(o.pathname==="/"){return"home"}if(g(o.pathname,o.segments)){return"dynamic"}if(o.params&&Object.keys(o.params).length>0){return"with-params"}return"default"}function A(o){switch(o){case"home":return f.success;case"dynamic":return u.color.accent;case"with-params":return f.warning;default:return u.color.textSecondary}}function F(o){switch(o){case"home":return"Home";case"dynamic":return"Dynamic";case"with-params":return"Params";default:return"Static"}}function O(o){if(o<1e3)return`${Math.round(o)}ms`;if(o<6e4)return`${(o/1e3).toFixed(1)}s`;const t=Math.floor(o/6e4);const e=Math.floor(o%6e4/1e3);return e>0?`${t}m ${e}s`:`${t}m`}function z(o){const t=[];if(o.timeSincePrevious!==void 0&&o.timeSincePrevious>0){t.push(O(o.timeSincePrevious))}const e=o.segments?.length||0;if(e>0){t.push(`depth ${e}`)}return t.join(" \xB7 ")||"root"}function E(o){const t=o.params&&Object.keys(o.params).length>0;if(t){const e=Object.keys(o.params).length;return`${e} PARAM${e!==1?"S":""}`}return void 0}export const RouteEventItemCompact=R(function o({event:t,visitNumber:e,isExpanded:i,onPress:y,onNavigate:c,index:T}){const s=a(()=>k(t),[t]);const h=a(()=>g(t.pathname,t.segments),[t.pathname,t.segments]);const m=a(()=>A(s),[s]);const l=a(()=>F(s),[s]);const p=a(()=>z(t),[t]);const x=a(()=>E(t),[t]);const r=a(()=>M(t.pathname,e),[t.pathname,e]);const S=a(()=>`${t.pathname}, ${l}, ${p}`,[t.pathname,l,p]);const C=a(()=>{if(!i)return void 0;return n(B,{event:t,visitNumber:e,routeTemplate:h})},[i,t,e,h]);const $=a(()=>{if(!c)return void 0;return n(D,{style:b.goButton,onPress:()=>c(L(t.pathname,t.params)),testID:`${r}-go`,accessibilityRole:"button",accessibilityLabel:`Go to ${t.pathname}`,children:n(w,{style:b.goButtonText,children:"Go"})})},[c,t.pathname,r]);return n(P,{statusDotColor:m,statusLabel:l,statusSublabel:p,primaryText:t.pathname,badgeText:x,badgeColor:m,trailingAction:$,bottomRightText:n(j,{timestamp:t.timestamp}),showChevron:true,expandedContent:C,isExpanded:i,expandedGlowColor:m,onPress:()=>y(T),testID:r,statusTestID:`${r}-status`,statusSublabelTestID:`${r}-sublabel`,accessibilityLabel:S})});const b=I.create({badgeText:{fontSize:11,fontWeight:"600",fontFamily:d},goButton:{backgroundColor:u.color.accent,paddingHorizontal:8,paddingVertical:4,borderRadius:4},goButtonText:{fontSize:10,fontWeight:"600",color:u.color.onAccent,fontFamily:d}});