@buoy-gg/network 7.0.41 → 7.0.43

package/lib/commonjs/network/components/NetworkEventDetailView.js

@@ -1,1150 +1,35 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkEventDetailView = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _formatting = require("../utils/formatting");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _formatGraphQLVariables = require("../utils/formatGraphQLVariables");
-var _networkBodyResolver = require("../sync/networkBodyResolver");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Colour for the icons that merely LABEL a section (Sent/Received, the JSON
- * body glyphs). The Lock/Unlock pair keeps its colour because
- * secure-vs-insecure is a genuine signal, as does the status pill.
- */const NEUTRAL_ICON = _sharedUi.night.color.accent;
-
-/** Hoisted so the defaults don't mint a new Set/function per render. */
-const EMPTY_PATTERNS = new Set();
-const noop = () => {};
-/**
- * The measurable slice of a request's lifetime, as proportional bars.
- *
- * Renders NOTHING when the interceptor couldn't measure it — an older device
- * talking to a newer dashboard, or a request that died before headers. A phase
- * row reading `0ms` would claim we measured zero, which is a different and
- * false statement from "we didn't measure this".
- *
- * Only two phases, on purpose. Queueing / DNS / TLS / request-send all happen
- * below the JS layer with nothing to read them from — see NetworkTimings. The
- * design this came from shows five, but derives the other three by multiplying
- * the total by fixed fractions, i.e. they are invented. Two real ones are worth
- * more than five where three are decoration.
- */
-const TimingPhases = ({
-  timings,
-  total
-}) => {
-  // Guard the divisor: a sub-millisecond request would otherwise divide by 0.
-  const span = Math.max(1, total);
-  const phases = [{
-    // Deliberately NOT called "server time". Measured from JS, this includes
-    // queueing, DNS, TLS and sending the request — everything before the
-    // headers land. The subtitle says so rather than implying Chrome-grade
-    // precision we don't have.
-    label: "Waiting (TTFB)",
-    hint: "incl. queue, DNS, TLS",
-    value: timings.ttfb,
-    color: _sharedUi.macOSColors.semantic.warning
-  }, {
-    label: "Content download",
-    hint: undefined,
-    value: timings.download,
-    color: _sharedUi.macOSColors.semantic.success
-  }];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.phaseList,
-    children: phases.map(phase => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.phaseRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.phaseLabelGroup,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.phaseLabel,
-          children: phase.label
-        }), phase.hint ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.phaseHint,
-          children: phase.hint
-        }) : null]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.phaseTrack,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.phaseBar, {
-            backgroundColor: phase.color,
-            // A floor so a 1ms phase is still a visible tick, and a
-            // ceiling because `total` and the phases are measured at
-            // different points — ttfb can exceed event.duration, which
-            // would push the bar past its track and over the label.
-            width: `${Math.min(100, Math.max(1, phase.value / span * 100))}%`
-          }]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.phaseValue,
-        children: (0, _formatting.formatDuration)(phase.value)
-      })]
-    }, phase.label))
-  });
-};
-
-/**
- * Stand-in for a body tree while the prev/next cursor is still moving.
- *
- * Deliberately a fixed-height nothing: it must cost ~0 to render (that is the
- * entire point) and it must not resize the scroll view as the real tree swaps
- * in, or fast stepping would make the page jump under the reader.
- */
-const BodyDeferred = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-  style: styles.bodyDeferred
-});
-
-// Component for collapsible sections matching Sentry style
-const CollapsibleSection = ({
-  title,
-  icon,
-  children,
-  defaultOpen = false,
-  count
-}) => {
-  const [isOpen, setIsOpen] = (0, _react.useState)(defaultOpen);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.collapsibleSection,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-      style: styles.collapsibleHeader,
-      onPress: () => setIsOpen(!isOpen),
-      testID: `buoy-network-section-${title.toLowerCase().replace(/\s+/g, "-")}`,
-      accessibilityRole: "button",
-      accessibilityLabel: title,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.collapsibleTitle,
-        children: [icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.collapsibleTitleText,
-          children: title
-        }), count !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.collapsibleCount,
-          children: count
-        }) : null]
-      }), isOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronUp, {
-        size: 16,
-        color: _sharedUi.night.color.textSecondary
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronDown, {
-        size: 16,
-        color: _sharedUi.night.color.textSecondary
-      })]
-    }), isOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.collapsibleContent,
-      children: children
-    }) : null]
-  });
-};
-
-// URL breakdown component matching Sentry style
-const UrlBreakdown = ({
-  url,
-  requestData,
-  operationName,
-  graphqlVariables,
-  requestClient,
-  isPro = false,
-  onUpgradePress
-}) => {
-  const parseUrl = urlString => {
-    try {
-      const urlObj = new URL(urlString);
-      const protocol = String(urlObj.protocol || "");
-      const host = String(urlObj.host || "");
-      const isSecure = protocol === "https:";
-      let pathname = String(urlObj.pathname || "");
-
-      // If this is a GraphQL request with operation name, format with arrow notation
-      // Matches React Query pattern: "GetPokemon › Sandshrew"
-      if (requestClient === "graphql" && operationName) {
-        const graphqlDisplay = (0, _formatGraphQLVariables.formatGraphQLDisplay)(operationName, graphqlVariables);
-        pathname = `${pathname} (${graphqlDisplay})`;
-      } else if (operationName) {
-        // For non-GraphQL requests with operation names (e.g., gRPC)
-        pathname = `${pathname} (${operationName})`;
-      }
-
-      // Parse query parameters
-      const params = {};
-      const searchParams = urlObj.searchParams;
-      if (searchParams && typeof searchParams.forEach === "function") {
-        searchParams.forEach((value, key) => {
-          params[key] = value;
-        });
-      }
-      return {
-        protocol: protocol.replace(":", ""),
-        host,
-        pathname,
-        params: Object.keys(params).length > 0 ? params : null,
-        isSecure
-      };
-    } catch {
-      return {
-        protocol: "",
-        host: url,
-        pathname: "",
-        params: null,
-        isSecure: false
-      };
-    }
-  };
-
-  /**
-   * MUST be memoized. `parseUrl` builds a fresh `params` object every call, and
-   * that object is handed to `DataViewer` as its `data` prop — whose flattening
-   * effect keys on `data` by IDENTITY. Computed inline, every render of this
-   * component produced a new object, so the effect re-fired and re-entered
-   * "Processing data…" forever. The detail view re-renders constantly on the
-   * dashboard (it tracks the live event as the device pushes snapshots ~4×/sec),
-   * so this pinned the query-parameter viewer in a permanent processing loop.
-   *
-   * `url` is a string, so this is stable by value.
-   */
-  const urlParts = (0, _react.useMemo)(() => parseUrl(url),
-  // parseUrl closes over the graphql/operation props, which are what change
-  // the derived pathname.
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [url, requestClient, operationName, graphqlVariables]);
-  const [showParams, setShowParams] = (0, _react.useState)(false);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.urlBreakdown,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.urlRow,
-      children: [urlParts.isSecure ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Lock, {
-        size: 12,
-        color: _sharedUi.macOSColors.semantic.success
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Unlock, {
-        size: 12,
-        color: _sharedUi.macOSColors.semantic.warning
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.urlDomain,
-        children: urlParts.host
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.urlProtocol,
-        children: ["(", urlParts.protocol.toUpperCase(), ")"]
-      }), isPro ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.InlineCopyButton, {
-        value: url,
-        buttonStyle: styles.copyButton
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: styles.copyButton,
-        onPress: onUpgradePress,
-        activeOpacity: 0.7,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Copy, {
-          size: 14,
-          color: _sharedUi.night.color.textSecondary
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.urlPathRow,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.urlPath,
-        numberOfLines: 2,
-        children: [urlParts.pathname, urlParts.params ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.urlQueryString,
-          children: ["?", new URLSearchParams(urlParts.params).toString()]
-        }) : null]
-      })
-    }), urlParts.params ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.queryParamsCollapsible,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: styles.queryParamsToggle,
-        onPress: () => setShowParams(!showParams),
-        activeOpacity: 0.7,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.queryParamsToggleText,
-          children: "Query Parameters"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.collapsibleCount,
-          children: Object.keys(urlParts.params).length
-        }), showParams ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronUp, {
-          size: 14,
-          color: _sharedUi.night.color.textSecondary
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronDown, {
-          size: 14,
-          color: _sharedUi.night.color.textSecondary
-        })]
-      }), showParams ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-        title: "",
-        data: urlParts.params,
-        showTypeFilter: true,
-        rawMode: true,
-        initialExpanded: true
-      }) : null]
-    }) : null]
-  });
-};
-
-/**
- * Detailed inspector rendering request/response metadata for a single network event. Designed to
- * mimic Sentry’s layout with collapsible sections, diff views, and quick copy affordances.
- *
- * MEMOIZED with profiling evidence, not by reflex. Two render paths hit this
- * subtree with unchanged props:
- *
- *  1. `useLiveNetworkEvent` re-subscribes when the selected ID changes, and
- *     `subscribeToEvents` replays immediately — so every step through the
- *     prev/next footer committed the SAME event object twice, rendering this
- *     whole tree (expanded DataViewer included) a second time for nothing.
- *  2. Any modal-root state change (header search, mode toggle) re-renders the
- *     shell, and the detail body has nothing to do with it.
- *
- * Both props besides `event` are stable by construction — `values` is memoized
- * in `useIgnoredPatterns` and `toggle` is module-scope there — so the bail-out
- * actually fires.
- *
- * Measured baseline (js-top, example-dev-build, 5 steps over 109–324KB
- * pokeapi responses): 307ms of React work across 5 steps ≈ 61ms of JS per
- * step. Case 1 alone is half of that, since it re-ran the whole body render.
- */
-const NetworkEventDetailView = exports.NetworkEventDetailView = /*#__PURE__*/(0, _react.memo)(function NetworkEventDetailView({
-  event,
-  ignoredPatterns = EMPTY_PATTERNS,
-  onTogglePattern = noop,
-  showBodies = true
-}) {
-  const status = event.status ? (0, _formatting.formatHttpStatus)(event.status) : null;
-  const isPending = !event.status && !event.error;
-
-  // Check Pro status for copy features
-  const {
-    isPro
-  } = (0, _sharedUi.useFeatureGate)();
-  const [showUpgradeModal, setShowUpgradeModal] = (0, _react.useState)(false);
-
-  // Auto-close upgrade modal when user becomes Pro
-  (0, _react.useEffect)(() => {
-    if (showUpgradeModal && isPro) {
-      setShowUpgradeModal(false);
-    }
-  }, [showUpgradeModal, isPro]);
-
-  // Large bodies are omitted from synced snapshots (see networkSyncAdapter) and
-  // fetched on demand through the resolver. On the device there is no resolver
-  // and bodies are always inline, so this is a no-op there.
-  const resolveBody = (0, _networkBodyResolver.useNetworkBodyResolver)();
-  // The explicit flag is authoritative (adapter v5+). The size>0 fallback keeps
-  // detail-on-demand working against a device on an older adapter, which marked
-  // a withheld body only by leaving `data` undefined with a non-zero size.
-  const requestBodyOmitted = event.requestData === undefined && (event.requestBodyOmitted === true || (event.requestSize ?? 0) > 0);
-  const responseBodyOmitted = event.responseData === undefined && (event.responseBodyOmitted === true || (event.responseSize ?? 0) > 0);
-  const headersOmitted = event.headersOmitted === true;
-  const [resolvedBody, setResolvedBody] = (0, _react.useState)(null);
-  const [isLoadingBody, setIsLoadingBody] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    setResolvedBody(null);
-    if (!resolveBody || !requestBodyOmitted && !responseBodyOmitted && !headersOmitted) {
-      setIsLoadingBody(false);
-      return;
-    }
-    let cancelled = false;
-    setIsLoadingBody(true);
-    resolveBody(event.id).then(body => {
-      if (!cancelled) setResolvedBody(body);
-    }).catch(() => {}).finally(() => {
-      if (!cancelled) setIsLoadingBody(false);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [event.id, resolveBody, requestBodyOmitted, responseBodyOmitted, headersOmitted]);
-
-  // Effective bodies: inline data when present, otherwise the lazily resolved
-  // body. `null`/`undefined` both collapse to undefined ("no body").
-  const requestData = event.requestData ?? resolvedBody?.requestData ?? undefined;
-  const responseData = event.responseData ?? resolvedBody?.responseData ?? undefined;
-  const requestHeaders = (headersOmitted ? resolvedBody?.requestHeaders : undefined) ?? event.requestHeaders;
-  const responseHeaders = (headersOmitted ? resolvedBody?.responseHeaders : undefined) ?? event.responseHeaders;
-
-  // Generate full request details for copying
-  const getFullRequestDetails = () => {
-    const requestDetails = {
-      method: event.method,
-      url: event.url,
-      status: event.status,
-      statusText: event.statusText,
-      timestamp: new Date(event.timestamp).toISOString(),
-      duration: event.duration ? `${event.duration}ms` : "N/A",
-      requestHeaders,
-      requestData,
-      responseHeaders,
-      responseData,
-      requestSize: event.requestSize ? (0, _formatting.formatBytes)(event.requestSize) : "N/A",
-      responseSize: event.responseSize ? (0, _formatting.formatBytes)(event.responseSize) : "N/A",
-      error: event.error,
-      client: event.requestClient
-    };
-    return `# Network Request Details
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkEventDetailView=void 0;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _formatting=require("../utils/formatting");var _dataViewer=require("@buoy-gg/shared-ui/dataViewer");var _formatGraphQLVariables=require("../utils/formatGraphQLVariables");var _networkBodyResolver=require("../sync/networkBodyResolver");var _jsxRuntime=require("react/jsx-runtime");const NEUTRAL_ICON=_sharedUi.night.color.accent;const EMPTY_PATTERNS=new Set;const noop=()=>{};const TimingPhases=({timings:i,total:e})=>{const l=Math.max(1,e);const a=[{label:"Waiting (TTFB)",hint:"incl. queue, DNS, TLS",value:i.ttfb,color:_sharedUi.macOSColors.semantic.warning},{label:"Content download",hint:void 0,value:i.download,color:_sharedUi.macOSColors.semantic.success}];return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.phaseList,children:a.map(o=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.phaseRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.phaseLabelGroup,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.phaseLabel,children:o.label}),o.hint?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.phaseHint,children:o.hint}):null]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.phaseTrack,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.phaseBar,{backgroundColor:o.color,width:`${Math.min(100,Math.max(1,o.value/l*100))}%`}]})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.phaseValue,children:(0,_formatting.formatDuration)(o.value)})]},o.label))})};const BodyDeferred=()=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.bodyDeferred});const CollapsibleSection=({title:i,icon:e,children:l,defaultOpen:a=false,count:o})=>{const[n,w]=(0,_react.useState)(a);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.collapsibleSection,children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.collapsibleHeader,onPress:()=>w(!n),testID:`buoy-network-section-${i.toLowerCase().replace(/\s+/g,"-")}`,accessibilityRole:"button",accessibilityLabel:i,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.collapsibleTitle,children:[e,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.collapsibleTitleText,children:i}),o!==void 0?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.collapsibleCount,children:o}):null]}),n?(0,_jsxRuntime.jsx)(_sharedUi.ChevronUp,{size:16,color:_sharedUi.night.color.textSecondary}):(0,_jsxRuntime.jsx)(_sharedUi.ChevronDown,{size:16,color:_sharedUi.night.color.textSecondary})]}),n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.collapsibleContent,children:l}):null]})};const UrlBreakdown=({url:i,requestData:e,operationName:l,graphqlVariables:a,requestClient:o,isPro:n=false,onUpgradePress:w})=>{const s=j=>{try{const d=new URL(j);const x=String(d.protocol||"");const y=String(d.host||"");const z=x==="https:";let u=String(d.pathname||"");if(o==="graphql"&&l){const f=(0,_formatGraphQLVariables.formatGraphQLDisplay)(l,a);u=`${u} (${f})`}else if(l){u=`${u} (${l})`}const p={};const g=d.searchParams;if(g&&typeof g.forEach==="function"){g.forEach((f,m)=>{p[m]=f})}return{protocol:x.replace(":",""),host:y,pathname:u,params:Object.keys(p).length>0?p:null,isSecure:z}}catch{return{protocol:"",host:i,pathname:"",params:null,isSecure:false}}};const r=(0,_react.useMemo)(()=>s(i),[i,o,l,a]);const[c,b]=(0,_react.useState)(false);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.urlBreakdown,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.urlRow,children:[r.isSecure?(0,_jsxRuntime.jsx)(_sharedUi.Lock,{size:12,color:_sharedUi.macOSColors.semantic.success}):(0,_jsxRuntime.jsx)(_sharedUi.Unlock,{size:12,color:_sharedUi.macOSColors.semantic.warning}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.urlDomain,children:r.host}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.urlProtocol,children:["(",r.protocol.toUpperCase(),")"]}),n?(0,_jsxRuntime.jsx)(_sharedUi.InlineCopyButton,{value:i,buttonStyle:styles.copyButton}):(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.copyButton,onPress:w,activeOpacity:.7,children:(0,_jsxRuntime.jsx)(_sharedUi.Copy,{size:14,color:_sharedUi.night.color.textSecondary})})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.urlPathRow,children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.urlPath,numberOfLines:2,children:[r.pathname,r.params?(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.urlQueryString,children:["?",new URLSearchParams(r.params).toString()]}):null]})}),r.params?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.queryParamsCollapsible,children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.queryParamsToggle,onPress:()=>b(!c),activeOpacity:.7,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.queryParamsToggleText,children:"Query Parameters"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.collapsibleCount,children:Object.keys(r.params).length}),c?(0,_jsxRuntime.jsx)(_sharedUi.ChevronUp,{size:14,color:_sharedUi.night.color.textSecondary}):(0,_jsxRuntime.jsx)(_sharedUi.ChevronDown,{size:14,color:_sharedUi.night.color.textSecondary})]}),c?(0,_jsxRuntime.jsx)(_dataViewer.DataViewer,{title:"",data:r.params,showTypeFilter:true,rawMode:true,initialExpanded:true}):null]}):null]})};const NetworkEventDetailView=exports.NetworkEventDetailView=(0,_react.memo)(function i({event:e,ignoredPatterns:l=EMPTY_PATTERNS,onTogglePattern:a=noop,showBodies:o=true}){const n=e.status?(0,_formatting.formatHttpStatus)(e.status):null;const w=!e.status&&!e.error;const{isPro:s}=(0,_sharedUi.useFeatureGate)();const[r,c]=(0,_react.useState)(false);(0,_react.useEffect)(()=>{if(r&&s){c(false)}},[r,s]);const b=(0,_networkBodyResolver.useNetworkBodyResolver)();const j=e.requestData===void 0&&(e.requestBodyOmitted===true||(e.requestSize??0)>0);const d=e.responseData===void 0&&(e.responseBodyOmitted===true||(e.responseSize??0)>0);const x=e.headersOmitted===true;const[y,z]=(0,_react.useState)(null);const[u,p]=(0,_react.useState)(false);(0,_react.useEffect)(()=>{z(null);if(!b||!j&&!d&&!x){p(false);return}let t=false;p(true);b(e.id).then(h=>{if(!t)z(h)}).catch(()=>{}).finally(()=>{if(!t)p(false)});return()=>{t=true}},[e.id,b,j,d,x]);const g=e.requestData??y?.requestData??void 0;const f=e.responseData??y?.responseData??void 0;const m=(x?y?.requestHeaders:void 0)??e.requestHeaders;const C=(x?y?.responseHeaders:void 0)??e.responseHeaders;const D=()=>{const t={method:e.method,url:e.url,status:e.status,statusText:e.statusText,timestamp:new Date(e.timestamp).toISOString(),duration:e.duration?`${e.duration}ms`:"N/A",requestHeaders:m,requestData:g,responseHeaders:C,responseData:f,requestSize:e.requestSize?(0,_formatting.formatBytes)(e.requestSize):"N/A",responseSize:e.responseSize?(0,_formatting.formatBytes)(e.responseSize):"N/A",error:e.error,client:e.requestClient};return`# Network Request Details
 
 ## Request
-- **Method:** ${requestDetails.method}
-- **URL:** ${requestDetails.url}
-- **Client:** ${requestDetails.client || "N/A"}
-- **Timestamp:** ${requestDetails.timestamp}
+- **Method:** ${t.method}
+- **URL:** ${t.url}
+- **Client:** ${t.client||"N/A"}
+- **Timestamp:** ${t.timestamp}
 
 ## Response
-- **Status:** ${requestDetails.status || "Pending"}${requestDetails.statusText ? ` (${requestDetails.statusText})` : ""}
-- **Duration:** ${requestDetails.duration}
-- **Request Size:** ${requestDetails.requestSize}
-- **Response Size:** ${requestDetails.responseSize}
-${requestDetails.error ? `- **Error:** ${requestDetails.error}` : ""}
+- **Status:** ${t.status||"Pending"}${t.statusText?` (${t.statusText})`:""}
+- **Duration:** ${t.duration}
+- **Request Size:** ${t.requestSize}
+- **Response Size:** ${t.responseSize}
+${t.error?`- **Error:** ${t.error}`:""}
 
 ## Request Headers
 \`\`\`json
-${JSON.stringify(requestDetails.requestHeaders, null, 2)}
+${JSON.stringify(t.requestHeaders,null,2)}
 \`\`\`
 
 ## Request Data
 \`\`\`json
-${JSON.stringify(requestDetails.requestData, null, 2)}
+${JSON.stringify(t.requestData,null,2)}
 \`\`\`
 
 ## Response Headers
 \`\`\`json
-${JSON.stringify(requestDetails.responseHeaders, null, 2)}
+${JSON.stringify(t.responseHeaders,null,2)}
 \`\`\`
 
 ## Response Data
 \`\`\`json
-${JSON.stringify(requestDetails.responseData, null, 2)}
+${JSON.stringify(t.responseData,null,2)}
 \`\`\`
-`;
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      testID: "buoy-network-detail-scroll",
-      style: styles.container,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.requestDetailsSection,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.httpHeader,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.httpMethodBadge,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.httpMethod,
-              children: event.method
-            })
-          }), event.status ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: [styles.httpStatusBadge, {
-              backgroundColor: `${status?.color}20`
-            }],
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-              style: [styles.httpStatusText, {
-                color: status?.color
-              }],
-              children: [status?.text, " ", status?.meaning]
-            })
-          }) : isPending ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.pendingBadge,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Clock, {
-              size: 10,
-              color: _sharedUi.night.color.warning
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.pendingBadgeText,
-              children: "Pending"
-            })]
-          }) : null, event.condition && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: {
-              color: "#FFCC66"
-            },
-            children: ["Conditions: ", event.condition.profile, " (+", event.condition.delayMs, " ms)"]
-          }), event.duration ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.httpDuration,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Clock, {
-              size: 10,
-              color: _sharedUi.night.color.textTertiary
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.httpDurationText,
-              children: (0, _formatting.formatDuration)(event.duration)
-            })]
-          }) : null, event.override ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.overrideBadge,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.FlaskConical, {
-              size: 10,
-              color: _sharedUi.night.color.warning
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.overrideBadgeText,
-              children: event.override.ruleName || "Overridden"
-            })]
-          }) : null, isPro ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.InlineCopyButton
-          // LAZY, not `getFullRequestDetails()`. CopyButton resolves a
-          // function value at press time; calling it here instead
-          // pretty-printed the headers AND both bodies on every render —
-          // four JSON.stringify passes over the full payload just to have
-          // a string nobody asked for yet. Same shape NetworkSavedScreen
-          // already uses for its copy button.
-          , {
-            value: getFullRequestDetails,
-            buttonStyle: styles.copyFullButton
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            style: styles.copyFullButton,
-            onPress: () => setShowUpgradeModal(true),
-            activeOpacity: 0.7,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Copy, {
-              size: 14,
-              color: _sharedUi.night.color.textSecondary
-            })
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(UrlBreakdown, {
-          url: event.url,
-          requestData: requestData,
-          operationName: event.operationName,
-          graphqlVariables: event.graphqlVariables,
-          requestClient: event.requestClient,
-          isPro: isPro,
-          onUpgradePress: () => setShowUpgradeModal(true)
-        }), event.error ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.errorBox,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertCircle, {
-            size: 12,
-            color: _sharedUi.night.color.danger
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.errorText,
-            children: event.error
-          })]
-        }) : null]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.timingSection,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.timingRow,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Clock, {
-            size: 12,
-            color: _sharedUi.night.color.textSecondary
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.timingLabel,
-            children: "Started:"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.timingValue,
-            children: (0, _sharedUi.formatRelativeTime)(event.timestamp)
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: styles.timingExact,
-            children: ["(", new Date(event.timestamp).toLocaleTimeString(), ")"]
-          }), event.requestSize || event.responseSize ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.sizeRow,
-            children: [event.requestSize !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.sizeItem,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Upload, {
-                size: 10,
-                color: _sharedUi.night.color.info
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.sizeLabel,
-                children: "Sent:"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.sizeValue,
-                children: (0, _formatting.formatBytes)(event.requestSize)
-              })]
-            }) : null, event.responseSize !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.sizeItem,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Download, {
-                size: 10,
-                color: NEUTRAL_ICON
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.sizeLabel,
-                children: "Received:"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.sizeValue,
-                children: (0, _formatting.formatBytes)(event.responseSize)
-              })]
-            }) : null]
-          }) : null]
-        }), event.timings ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.phaseDivider
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TimingPhases, {
-            timings: event.timings,
-            total: event.duration ?? event.timings.ttfb + event.timings.download
-          })]
-        }) : null]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapsibleSection, {
-        title: "Request Headers",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Upload, {
-          size: 14,
-          color: _sharedUi.night.color.info
-        }),
-        defaultOpen: false,
-        count: Object.keys(requestHeaders).length,
-        children: Object.keys(requestHeaders).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.dataViewerContainer,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-            title: "",
-            data: requestHeaders,
-            showTypeFilter: true,
-            rawMode: true,
-            initialExpanded: true,
-            disableCopy: !isPro
-          })
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.emptyText,
-          children: "No request headers"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapsibleSection, {
-        title: "Response Headers",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Download, {
-          size: 14,
-          color: NEUTRAL_ICON
-        }),
-        defaultOpen: false,
-        count: Object.keys(responseHeaders).length,
-        children: Object.keys(responseHeaders).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.dataViewerContainer,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-            title: "",
-            data: responseHeaders,
-            showTypeFilter: true,
-            rawMode: true,
-            initialExpanded: true,
-            disableCopy: !isPro
-          })
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.emptyText,
-          children: "No response headers yet"
-        })
-      }), requestData !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapsibleSection, {
-        title: "Request Body",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.FileJson, {
-          size: 14,
-          color: _sharedUi.night.color.accent
-        }),
-        defaultOpen: false,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.dataViewerContainer,
-          children: showBodies ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-            title: "",
-            data: requestData,
-            showTypeFilter: true,
-            rawMode: true,
-            initialExpanded: true,
-            disableCopy: !isPro
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(BodyDeferred, {})
-        })
-      }) : requestBodyOmitted ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapsibleSection, {
-        title: "Request Body",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.FileJson, {
-          size: 14,
-          color: _sharedUi.night.color.accent
-        }),
-        defaultOpen: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.emptyText,
-          children: isLoadingBody ? `Loading request body (${(0, _formatting.formatBytes)(event.requestSize ?? 0)})…` : "Request body unavailable"
-        })
-      }) : null, responseData !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapsibleSection, {
-        title: "Response Body",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.FileJson, {
-          size: 14,
-          color: NEUTRAL_ICON
-        })
-        // The body is what you opened the row FOR — the design has it
-        // expanded on arrival, everything else closed.
-        ,
-        defaultOpen: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.dataViewerContainer,
-          children: showBodies ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-            title: "",
-            data: responseData,
-            showTypeFilter: true,
-            rawMode: true,
-            initialExpanded: true,
-            disableCopy: !isPro
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(BodyDeferred, {})
-        })
-      }) : responseBodyOmitted ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapsibleSection, {
-        title: "Response Body",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.FileJson, {
-          size: 14,
-          color: NEUTRAL_ICON
-        }),
-        defaultOpen: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.emptyText,
-          children: isLoadingBody ? `Loading response body (${(0, _formatting.formatBytes)(event.responseSize ?? 0)})…` : "Response body unavailable"
-        })
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapsibleSection, {
-        title: "Filter Options",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Filter, {
-          size: 14,
-          color: _sharedUi.night.color.warning
-        }),
-        defaultOpen: false,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.filterOptionsContainer,
-          children: (() => {
-            let domain = "";
-            let urlPath = "";
-            try {
-              const url = new URL(event.url);
-              domain = url.hostname;
-              urlPath = url.pathname;
-            } catch {
-              urlPath = event.url;
-            }
-            const isDomainIgnored = ignoredPatterns.has(domain);
-            const isUrlIgnored = ignoredPatterns.has(urlPath);
-            return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-                style: [styles.filterOption, isDomainIgnored && styles.filterOptionActive],
-                onPress: () => domain && onTogglePattern(domain),
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                  style: styles.filterOptionLeft,
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Globe, {
-                    size: 16,
-                    color: isDomainIgnored ? _sharedUi.night.color.warning : _sharedUi.night.color.textTertiary
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                    style: styles.filterOptionContent,
-                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                      style: styles.filterOptionLabel,
-                      children: "Ignore Domain"
-                    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                      style: styles.filterOptionValue,
-                      children: domain || "N/A"
-                    })]
-                  })]
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: [styles.filterToggle, isDomainIgnored && styles.filterToggleActive],
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: [styles.filterToggleText, isDomainIgnored && styles.filterToggleTextActive],
-                    children: isDomainIgnored ? "IGNORED" : "IGNORE"
-                  })
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-                style: [styles.filterOption, isUrlIgnored && styles.filterOptionActive],
-                onPress: () => urlPath && onTogglePattern(urlPath),
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                  style: styles.filterOptionLeft,
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Link, {
-                    size: 16,
-                    color: isUrlIgnored ? _sharedUi.night.color.warning : _sharedUi.night.color.textTertiary
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                    style: styles.filterOptionContent,
-                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                      style: styles.filterOptionLabel,
-                      children: "Ignore URL Pattern"
-                    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                      style: styles.filterOptionValue,
-                      numberOfLines: 1,
-                      children: urlPath || "N/A"
-                    })]
-                  })]
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: [styles.filterToggle, isUrlIgnored && styles.filterToggleActive],
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: [styles.filterToggleText, isUrlIgnored && styles.filterToggleTextActive],
-                    children: isUrlIgnored ? "IGNORED" : "IGNORE"
-                  })
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: styles.filterInfoBox,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.filterInfoText,
-                  children: "Ignored requests will be hidden from the network list. You can manage filters in the Filters tab."
-                })
-              })]
-            });
-          })()
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.UpgradeModal, {
-      visible: showUpgradeModal,
-      onClose: () => setShowUpgradeModal(false),
-      featureName: "Copy Request Details",
-      description: "Copy network request details to share or debug issues.",
-      benefits: ["Copy full request details including headers and body", "Export to JSON, Markdown, or plain text", "Share request data with teammates", "Feed data to AI assistants for debugging"]
-    })]
-  });
-});
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    // Transparent so the night sheet's star field shows through.
-    backgroundColor: "transparent"
-  },
-  // Request details section - always visible
-  requestDetailsSection: {
-    marginHorizontal: 12,
-    marginTop: 12,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    padding: 12
-  },
-  httpHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    marginBottom: 12,
-    flexWrap: "nowrap"
-  },
-  httpMethodBadge: {
-    backgroundColor: _sharedUi.night.color.infoSoft,
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 4
-  },
-  httpMethod: {
-    color: _sharedUi.night.color.info,
-    fontSize: 11,
-    fontWeight: "700",
-    letterSpacing: 0.5
-  },
-  httpStatusBadge: {
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 4
-  },
-  httpStatusText: {
-    fontSize: 11,
-    fontWeight: "600"
-  },
-  pendingBadge: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4,
-    backgroundColor: _sharedUi.night.color.warningSoft,
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 4
-  },
-  pendingBadgeText: {
-    color: _sharedUi.night.color.warning,
-    fontSize: 11,
-    fontWeight: "600"
-  },
-  httpDuration: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4
-  },
-  httpDurationText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 11
-  },
-  overrideBadge: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4,
-    paddingHorizontal: 6,
-    paddingVertical: 3,
-    borderRadius: 4,
-    backgroundColor: _sharedUi.night.color.warningSoft
-  },
-  overrideBadgeText: {
-    color: _sharedUi.night.color.warning,
-    fontSize: 10,
-    fontWeight: "700"
-  },
-  copyFullButton: {
-    marginLeft: "auto",
-    flexShrink: 0,
-    padding: 4
-  },
-  // URL breakdown styles
-  urlBreakdown: {
-    // Inset code box — darker than the card, the night track color.
-    backgroundColor: _sharedUi.night.color.bg,
-    borderRadius: 4,
-    padding: 8
-  },
-  urlRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    marginBottom: 4
-  },
-  urlDomain: {
-    color: _sharedUi.night.color.text,
-    fontSize: 12,
-    fontWeight: "600",
-    flex: 1
-  },
-  urlProtocol: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 10
-  },
-  copyButton: {
-    padding: 4
-  },
-  urlPathRow: {
-    paddingLeft: 18
-  },
-  urlPath: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 11,
-    fontFamily: _sharedUi.monoFont
-  },
-  urlQueryString: {
-    color: _sharedUi.night.color.info,
-    fontSize: 11,
-    fontFamily: _sharedUi.monoFont
-  },
-  // Query Parameters - Collapsible section
-  queryParamsCollapsible: {
-    marginTop: 8
-  },
-  queryParamsToggle: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    marginBottom: 8
-  },
-  queryParamsToggleText: {
-    flexGrow: 0,
-    color: _sharedUi.night.color.text,
-    fontSize: 12,
-    fontWeight: "600",
-    letterSpacing: 0.3
-  },
-  // Timing section - always visible
-  timingSection: {
-    marginHorizontal: 12,
-    marginTop: 8,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    padding: 12
-  },
-  timingRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    // Wraps rather than squashing when the card is narrow (a phone, or a
-    // half-width panel) — the sizes drop to their own line there.
-    flexWrap: "wrap"
-  },
-  timingLabel: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 11
-  },
-  timingValue: {
-    color: _sharedUi.night.color.text,
-    fontSize: 11,
-    fontWeight: "600"
-  },
-  timingExact: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 10,
-    marginLeft: 4
-  },
-  sizeRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 16,
-    // Pushed to the far end of the Started row. No top border/padding — it is
-    // no longer a separate strip.
-    marginLeft: "auto"
-  },
-  sizeItem: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4
-  },
-  sizeLabel: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 10
-  },
-  sizeValue: {
-    color: _sharedUi.night.color.info,
-    fontSize: 10,
-    fontFamily: _sharedUi.monoFont,
-    fontWeight: "600"
-  },
-  /* ---- Timing phases ---- */
-  phaseDivider: {
-    height: 1,
-    backgroundColor: _sharedUi.night.color.border,
-    marginTop: 12,
-    marginBottom: 12
-  },
-  phaseList: {
-    gap: 8
-  },
-  phaseRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 14
-  },
-  phaseLabelGroup: {
-    width: 150
-  },
-  phaseLabel: {
-    fontSize: 12,
-    color: _sharedUi.night.color.textSecondary
-  },
-  phaseHint: {
-    fontSize: 10,
-    color: _sharedUi.night.color.textTertiary
-  },
-  phaseTrack: {
-    flex: 1,
-    height: 7,
-    borderRadius: 4,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    justifyContent: "center",
-    overflow: "hidden"
-  },
-  phaseBar: {
-    height: 7,
-    borderRadius: 4
-  },
-  phaseValue: {
-    width: 72,
-    textAlign: "right",
-    fontSize: 12,
-    fontFamily: _sharedUi.monoFont,
-    color: _sharedUi.night.color.text
-  },
-  // Collapsible section styles
-  collapsibleSection: {
-    marginHorizontal: 12,
-    marginTop: 8,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    overflow: "hidden"
-  },
-  collapsibleHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    padding: 12,
-    // `background.hover` is the SELECTION grey — heavy enough here that every
-    // section header read as a toolbar. The design uses a near-white strip.
-    backgroundColor: _sharedUi.night.color.surfaceElevated
-  },
-  collapsibleTitle: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  collapsibleTitleText: {
-    color: _sharedUi.night.color.text,
-    fontSize: 13,
-    fontWeight: "600"
-  },
-  /** The "how much is in here" number beside a section title. */
-  collapsibleCount: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 11.5,
-    fontFamily: _sharedUi.monoFont
-  },
-  collapsibleContent: {
-    padding: 12
-  },
-  // Data viewer container
-  dataViewerContainer: {
-    marginTop: -12,
-    marginHorizontal: -12,
-    marginBottom: -12
-  },
-  /** Placeholder for a not-yet-mounted body tree. See BodyDeferred. */
-  bodyDeferred: {
-    height: 120
-  },
-  // Error box
-  errorBox: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    backgroundColor: _sharedUi.night.color.dangerSoft,
-    padding: 8,
-    borderRadius: 4,
-    marginTop: 8
-  },
-  errorText: {
-    color: _sharedUi.night.color.danger,
-    fontSize: 11,
-    flex: 1
-  },
-  // Empty state
-  emptyText: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 12,
-    fontStyle: "italic",
-    textAlign: "center"
-  },
-  // Filter options styles
-  filterOptionsContainer: {
-    gap: 12
-  },
-  filterOption: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderRadius: 8,
-    padding: 12,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  filterOptionActive: {
-    backgroundColor: _sharedUi.night.color.warningSoft,
-    borderColor: _sharedUi.night.color.warning + "33"
-  },
-  filterOptionLeft: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 12,
-    flex: 1
-  },
-  filterOptionContent: {
-    flex: 1
-  },
-  filterOptionLabel: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 11,
-    marginBottom: 2,
-    textTransform: "uppercase",
-    letterSpacing: 0.5
-  },
-  filterOptionValue: {
-    color: _sharedUi.night.color.text,
-    fontSize: 13,
-    fontFamily: _sharedUi.monoFont
-  },
-  filterToggle: {
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    borderRadius: 4,
-    backgroundColor: _sharedUi.night.color.bg,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  filterToggleActive: {
-    backgroundColor: _sharedUi.night.color.warningSoft,
-    borderColor: _sharedUi.night.color.warning + "4D"
-  },
-  filterToggleText: {
-    fontSize: 10,
-    fontWeight: "600",
-    color: _sharedUi.night.color.textTertiary,
-    letterSpacing: 0.5
-  },
-  filterToggleTextActive: {
-    color: _sharedUi.night.color.warning
-  },
-  filterInfoBox: {
-    backgroundColor: _sharedUi.night.color.infoSoft,
-    borderRadius: 6,
-    padding: 10,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.info + "33"
-  },
-  filterInfoText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 11,
-    lineHeight: 16
-  }
-});
+`};return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{testID:"buoy-network-detail-scroll",style:styles.container,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.requestDetailsSection,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.httpHeader,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.httpMethodBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.httpMethod,children:e.method})}),e.status?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.httpStatusBadge,{backgroundColor:`${n?.color}20`}],children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[styles.httpStatusText,{color:n?.color}],children:[n?.text," ",n?.meaning]})}):w?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.pendingBadge,children:[(0,_jsxRuntime.jsx)(_sharedUi.Clock,{size:10,color:_sharedUi.night.color.warning}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.pendingBadgeText,children:"Pending"})]}):null,e.condition&&(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:{color:"#FFCC66"},children:["Conditions: ",e.condition.profile," (+",e.condition.delayMs," ms)"]}),e.duration?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.httpDuration,children:[(0,_jsxRuntime.jsx)(_sharedUi.Clock,{size:10,color:_sharedUi.night.color.textTertiary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.httpDurationText,children:(0,_formatting.formatDuration)(e.duration)})]}):null,e.override?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.overrideBadge,children:[(0,_jsxRuntime.jsx)(_sharedUi.FlaskConical,{size:10,color:_sharedUi.night.color.warning}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.overrideBadgeText,children:e.override.ruleName||"Overridden"})]}):null,s?(0,_jsxRuntime.jsx)(_sharedUi.InlineCopyButton,{value:D,buttonStyle:styles.copyFullButton}):(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.copyFullButton,onPress:()=>c(true),activeOpacity:.7,children:(0,_jsxRuntime.jsx)(_sharedUi.Copy,{size:14,color:_sharedUi.night.color.textSecondary})})]}),(0,_jsxRuntime.jsx)(UrlBreakdown,{url:e.url,requestData:g,operationName:e.operationName,graphqlVariables:e.graphqlVariables,requestClient:e.requestClient,isPro:s,onUpgradePress:()=>c(true)}),e.error?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.errorBox,children:[(0,_jsxRuntime.jsx)(_sharedUi.AlertCircle,{size:12,color:_sharedUi.night.color.danger}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.errorText,children:e.error})]}):null]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.timingSection,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.timingRow,children:[(0,_jsxRuntime.jsx)(_sharedUi.Clock,{size:12,color:_sharedUi.night.color.textSecondary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.timingLabel,children:"Started:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.timingValue,children:(0,_sharedUi.formatRelativeTime)(e.timestamp)}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.timingExact,children:["(",new Date(e.timestamp).toLocaleTimeString(),")"]}),e.requestSize||e.responseSize?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sizeRow,children:[e.requestSize!==void 0?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sizeItem,children:[(0,_jsxRuntime.jsx)(_sharedUi.Upload,{size:10,color:_sharedUi.night.color.info}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sizeLabel,children:"Sent:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sizeValue,children:(0,_formatting.formatBytes)(e.requestSize)})]}):null,e.responseSize!==void 0?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sizeItem,children:[(0,_jsxRuntime.jsx)(_sharedUi.Download,{size:10,color:NEUTRAL_ICON}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sizeLabel,children:"Received:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sizeValue,children:(0,_formatting.formatBytes)(e.responseSize)})]}):null]}):null]}),e.timings?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.phaseDivider}),(0,_jsxRuntime.jsx)(TimingPhases,{timings:e.timings,total:e.duration??e.timings.ttfb+e.timings.download})]}):null]}),(0,_jsxRuntime.jsx)(CollapsibleSection,{title:"Request Headers",icon:(0,_jsxRuntime.jsx)(_sharedUi.Upload,{size:14,color:_sharedUi.night.color.info}),defaultOpen:false,count:Object.keys(m).length,children:Object.keys(m).length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.dataViewerContainer,children:(0,_jsxRuntime.jsx)(_dataViewer.DataViewer,{title:"",data:m,showTypeFilter:true,rawMode:true,initialExpanded:true,disableCopy:!s})}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyText,children:"No request headers"})}),(0,_jsxRuntime.jsx)(CollapsibleSection,{title:"Response Headers",icon:(0,_jsxRuntime.jsx)(_sharedUi.Download,{size:14,color:NEUTRAL_ICON}),defaultOpen:false,count:Object.keys(C).length,children:Object.keys(C).length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.dataViewerContainer,children:(0,_jsxRuntime.jsx)(_dataViewer.DataViewer,{title:"",data:C,showTypeFilter:true,rawMode:true,initialExpanded:true,disableCopy:!s})}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyText,children:"No response headers yet"})}),g!==void 0?(0,_jsxRuntime.jsx)(CollapsibleSection,{title:"Request Body",icon:(0,_jsxRuntime.jsx)(_sharedUi.FileJson,{size:14,color:_sharedUi.night.color.accent}),defaultOpen:false,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.dataViewerContainer,children:o?(0,_jsxRuntime.jsx)(_dataViewer.DataViewer,{title:"",data:g,showTypeFilter:true,rawMode:true,initialExpanded:true,disableCopy:!s}):(0,_jsxRuntime.jsx)(BodyDeferred,{})})}):j?(0,_jsxRuntime.jsx)(CollapsibleSection,{title:"Request Body",icon:(0,_jsxRuntime.jsx)(_sharedUi.FileJson,{size:14,color:_sharedUi.night.color.accent}),defaultOpen:true,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyText,children:u?`Loading request body (${(0,_formatting.formatBytes)(e.requestSize??0)})\u2026`:"Request body unavailable"})}):null,f!==void 0?(0,_jsxRuntime.jsx)(CollapsibleSection,{title:"Response Body",icon:(0,_jsxRuntime.jsx)(_sharedUi.FileJson,{size:14,color:NEUTRAL_ICON}),defaultOpen:true,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.dataViewerContainer,children:o?(0,_jsxRuntime.jsx)(_dataViewer.DataViewer,{title:"",data:f,showTypeFilter:true,rawMode:true,initialExpanded:true,disableCopy:!s}):(0,_jsxRuntime.jsx)(BodyDeferred,{})})}):d?(0,_jsxRuntime.jsx)(CollapsibleSection,{title:"Response Body",icon:(0,_jsxRuntime.jsx)(_sharedUi.FileJson,{size:14,color:NEUTRAL_ICON}),defaultOpen:true,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyText,children:u?`Loading response body (${(0,_formatting.formatBytes)(e.responseSize??0)})\u2026`:"Response body unavailable"})}):null,(0,_jsxRuntime.jsx)(CollapsibleSection,{title:"Filter Options",icon:(0,_jsxRuntime.jsx)(_sharedUi.Filter,{size:14,color:_sharedUi.night.color.warning}),defaultOpen:false,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.filterOptionsContainer,children:(()=>{let t="";let h="";try{const V=new URL(e.url);t=V.hostname;h=V.pathname}catch{h=e.url}const T=l.has(t);const S=l.has(h);return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.filterOption,T&&styles.filterOptionActive],onPress:()=>t&&a(t),children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.filterOptionLeft,children:[(0,_jsxRuntime.jsx)(_sharedUi.Globe,{size:16,color:T?_sharedUi.night.color.warning:_sharedUi.night.color.textTertiary}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.filterOptionContent,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.filterOptionLabel,children:"Ignore Domain"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.filterOptionValue,children:t||"N/A"})]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.filterToggle,T&&styles.filterToggleActive],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.filterToggleText,T&&styles.filterToggleTextActive],children:T?"IGNORED":"IGNORE"})})]}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.filterOption,S&&styles.filterOptionActive],onPress:()=>h&&a(h),children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.filterOptionLeft,children:[(0,_jsxRuntime.jsx)(_sharedUi.Link,{size:16,color:S?_sharedUi.night.color.warning:_sharedUi.night.color.textTertiary}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.filterOptionContent,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.filterOptionLabel,children:"Ignore URL Pattern"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.filterOptionValue,numberOfLines:1,children:h||"N/A"})]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.filterToggle,S&&styles.filterToggleActive],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.filterToggleText,S&&styles.filterToggleTextActive],children:S?"IGNORED":"IGNORE"})})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.filterInfoBox,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.filterInfoText,children:"Ignored requests will be hidden from the network list. You can manage filters in the Filters tab."})})]})})()})})]}),(0,_jsxRuntime.jsx)(_sharedUi.UpgradeModal,{visible:r,onClose:()=>c(false),featureName:"Copy Request Details",description:"Copy network request details to share or debug issues.",benefits:["Copy full request details including headers and body","Export to JSON, Markdown, or plain text","Share request data with teammates","Feed data to AI assistants for debugging"]})]})});const styles=_reactNative.StyleSheet.create({container:{flex:1,backgroundColor:"transparent"},requestDetailsSection:{marginHorizontal:12,marginTop:12,backgroundColor:_sharedUi.night.color.surface,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,padding:12},httpHeader:{flexDirection:"row",alignItems:"center",gap:8,marginBottom:12,flexWrap:"nowrap"},httpMethodBadge:{backgroundColor:_sharedUi.night.color.infoSoft,paddingHorizontal:8,paddingVertical:4,borderRadius:4},httpMethod:{color:_sharedUi.night.color.info,fontSize:11,fontWeight:"700",letterSpacing:.5},httpStatusBadge:{paddingHorizontal:8,paddingVertical:4,borderRadius:4},httpStatusText:{fontSize:11,fontWeight:"600"},pendingBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:_sharedUi.night.color.warningSoft,paddingHorizontal:8,paddingVertical:4,borderRadius:4},pendingBadgeText:{color:_sharedUi.night.color.warning,fontSize:11,fontWeight:"600"},httpDuration:{flexDirection:"row",alignItems:"center",gap:4},httpDurationText:{color:_sharedUi.night.color.textSecondary,fontSize:11},overrideBadge:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:6,paddingVertical:3,borderRadius:4,backgroundColor:_sharedUi.night.color.warningSoft},overrideBadgeText:{color:_sharedUi.night.color.warning,fontSize:10,fontWeight:"700"},copyFullButton:{marginLeft:"auto",flexShrink:0,padding:4},urlBreakdown:{backgroundColor:_sharedUi.night.color.bg,borderRadius:4,padding:8},urlRow:{flexDirection:"row",alignItems:"center",gap:6,marginBottom:4},urlDomain:{color:_sharedUi.night.color.text,fontSize:12,fontWeight:"600",flex:1},urlProtocol:{color:_sharedUi.night.color.textTertiary,fontSize:10},copyButton:{padding:4},urlPathRow:{paddingLeft:18},urlPath:{color:_sharedUi.night.color.textSecondary,fontSize:11,fontFamily:_sharedUi.monoFont},urlQueryString:{color:_sharedUi.night.color.info,fontSize:11,fontFamily:_sharedUi.monoFont},queryParamsCollapsible:{marginTop:8},queryParamsToggle:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:10,backgroundColor:_sharedUi.night.color.surfaceElevated,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,marginBottom:8},queryParamsToggleText:{flexGrow:0,color:_sharedUi.night.color.text,fontSize:12,fontWeight:"600",letterSpacing:.3},timingSection:{marginHorizontal:12,marginTop:8,backgroundColor:_sharedUi.night.color.surface,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,padding:12},timingRow:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"},timingLabel:{color:_sharedUi.night.color.textSecondary,fontSize:11},timingValue:{color:_sharedUi.night.color.text,fontSize:11,fontWeight:"600"},timingExact:{color:_sharedUi.night.color.textTertiary,fontSize:10,marginLeft:4},sizeRow:{flexDirection:"row",alignItems:"center",gap:16,marginLeft:"auto"},sizeItem:{flexDirection:"row",alignItems:"center",gap:4},sizeLabel:{color:_sharedUi.night.color.textTertiary,fontSize:10},sizeValue:{color:_sharedUi.night.color.info,fontSize:10,fontFamily:_sharedUi.monoFont,fontWeight:"600"},phaseDivider:{height:1,backgroundColor:_sharedUi.night.color.border,marginTop:12,marginBottom:12},phaseList:{gap:8},phaseRow:{flexDirection:"row",alignItems:"center",gap:14},phaseLabelGroup:{width:150},phaseLabel:{fontSize:12,color:_sharedUi.night.color.textSecondary},phaseHint:{fontSize:10,color:_sharedUi.night.color.textTertiary},phaseTrack:{flex:1,height:7,borderRadius:4,backgroundColor:_sharedUi.night.color.surfaceElevated,justifyContent:"center",overflow:"hidden"},phaseBar:{height:7,borderRadius:4},phaseValue:{width:72,textAlign:"right",fontSize:12,fontFamily:_sharedUi.monoFont,color:_sharedUi.night.color.text},collapsibleSection:{marginHorizontal:12,marginTop:8,backgroundColor:_sharedUi.night.color.surface,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,overflow:"hidden"},collapsibleHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",padding:12,backgroundColor:_sharedUi.night.color.surfaceElevated},collapsibleTitle:{flexDirection:"row",alignItems:"center",gap:8},collapsibleTitleText:{color:_sharedUi.night.color.text,fontSize:13,fontWeight:"600"},collapsibleCount:{color:_sharedUi.night.color.textTertiary,fontSize:11.5,fontFamily:_sharedUi.monoFont},collapsibleContent:{padding:12},dataViewerContainer:{marginTop:-12,marginHorizontal:-12,marginBottom:-12},bodyDeferred:{height:120},errorBox:{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:_sharedUi.night.color.dangerSoft,padding:8,borderRadius:4,marginTop:8},errorText:{color:_sharedUi.night.color.danger,fontSize:11,flex:1},emptyText:{color:_sharedUi.night.color.textTertiary,fontSize:12,fontStyle:"italic",textAlign:"center"},filterOptionsContainer:{gap:12},filterOption:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:_sharedUi.night.color.surfaceElevated,borderRadius:8,padding:12,borderWidth:1,borderColor:_sharedUi.night.color.border},filterOptionActive:{backgroundColor:_sharedUi.night.color.warningSoft,borderColor:_sharedUi.night.color.warning+"33"},filterOptionLeft:{flexDirection:"row",alignItems:"center",gap:12,flex:1},filterOptionContent:{flex:1},filterOptionLabel:{color:_sharedUi.night.color.textSecondary,fontSize:11,marginBottom:2,textTransform:"uppercase",letterSpacing:.5},filterOptionValue:{color:_sharedUi.night.color.text,fontSize:13,fontFamily:_sharedUi.monoFont},filterToggle:{paddingHorizontal:10,paddingVertical:6,borderRadius:4,backgroundColor:_sharedUi.night.color.bg,borderWidth:1,borderColor:_sharedUi.night.color.border},filterToggleActive:{backgroundColor:_sharedUi.night.color.warningSoft,borderColor:_sharedUi.night.color.warning+"4D"},filterToggleText:{fontSize:10,fontWeight:"600",color:_sharedUi.night.color.textTertiary,letterSpacing:.5},filterToggleTextActive:{color:_sharedUi.night.color.warning},filterInfoBox:{backgroundColor:_sharedUi.night.color.infoSoft,borderRadius:6,padding:10,borderWidth:1,borderColor:_sharedUi.night.color.info+"33"},filterInfoText:{color:_sharedUi.night.color.textSecondary,fontSize:11,lineHeight:16}});