@buoy-gg/network 7.0.41 → 7.0.42

package/lib/module/network/components/NetworkHeaderMenu.js

@@ -1,184 +1 @@
-"use strict";
-
-import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { absoluteFill, night } from "@buoy-gg/shared-ui";
-
-/**
- * The header's overflow menu.
- *
- * The toolbar had grown to three status badges and six icon buttons, which on a
- * 402pt screen meant the pending badge was being overlapped by the search
- * button. Something had to leave, and the rule for deciding what is:
- *
- *   **A control that COMMUNICATES STATE stays visible. A destination or a rare
- *   action goes in the menu.**
- *
- * That keeps the power toggle (are we capturing?), the overrides flask (is the
- * app being lied to, and how many rules?), the status badges (what happened)
- * and Clear (the reproduce loop is clear → repro → read, and burying the first
- * step doubles it). Search stays because it's the only way through 500 rows.
- *
- * Filters, Saved and Copy leave. Filters is the interesting one — it does show
- * state, so the ⋯ carries a dot when a filter is applied rather than hiding
- * that fact.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function NetworkHeaderMenuButton({
-  onPress,
-  isOpen,
-  hasIndicator
-}) {
-  return /*#__PURE__*/_jsxs(TouchableOpacity, {
-    onPress: onPress,
-    "sentry-label": "ignore toggle header menu",
-    testID: "buoy-network-menu",
-    accessibilityRole: "button",
-    accessibilityLabel: isOpen ? "Close menu" : "More actions",
-    style: [styles.button, isOpen && styles.buttonOpen],
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.dots,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: [styles.dot, isOpen && styles.dotOpen]
-      }), /*#__PURE__*/_jsx(View, {
-        style: [styles.dot, isOpen && styles.dotOpen]
-      }), /*#__PURE__*/_jsx(View, {
-        style: [styles.dot, isOpen && styles.dotOpen]
-      })]
-    }), hasIndicator ? /*#__PURE__*/_jsx(View, {
-      style: styles.indicator
-    }) : null]
-  });
-}
-/**
- * The dropdown itself, rendered in the modal BODY rather than the header —
- * the header is a fixed-height row and anything overflowing it is clipped, so
- * a panel anchored to the top-right of the body lands exactly where a dropdown
- * from the ⋯ should appear.
- */
-export function NetworkHeaderMenu({
-  onClose,
-  children
-}) {
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.overlay,
-    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-      style: styles.backdrop,
-      activeOpacity: 1,
-      onPress: onClose,
-      "sentry-label": "ignore dismiss header menu"
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.panel,
-      children: children
-    })]
-  });
-}
-export function NetworkHeaderMenuItem({
-  icon,
-  label,
-  detail,
-  testID,
-  onPress
-}) {
-  return /*#__PURE__*/_jsxs(TouchableOpacity, {
-    onPress: onPress,
-    "sentry-label": "ignore header menu item",
-    testID: testID,
-    accessibilityRole: "button",
-    accessibilityLabel: label,
-    style: styles.item,
-    children: [/*#__PURE__*/_jsx(View, {
-      style: styles.itemIcon,
-      children: icon
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.itemLabel,
-      children: label
-    }), detail ? /*#__PURE__*/_jsx(Text, {
-      style: styles.itemDetail,
-      children: detail
-    }) : null]
-  });
-}
-const styles = StyleSheet.create({
-  // The same 32×32 box every other header action uses, minus the fill and
-  // border. Padding alone gave a 3pt-wide hit area AND a shorter box than its
-  // neighbours, which is why the dots sat high in the row; a fixed square
-  // centres the glyph on the same baseline as the search/power/clear icons.
-  button: {
-    width: 32,
-    height: 32,
-    borderRadius: 8,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  // Only lit while the menu is down — the button is the one thing not covered
-  // by the backdrop, so it has to look like the thing that is currently open.
-  buttonOpen: {
-    backgroundColor: night.color.surfaceElevated
-  },
-  dots: {
-    flexDirection: "column",
-    gap: 2.5,
-    alignItems: "center"
-  },
-  dot: {
-    width: 3,
-    height: 3,
-    borderRadius: 2,
-    backgroundColor: night.color.textSecondary
-  },
-  dotOpen: {
-    backgroundColor: night.color.text
-  },
-  indicator: {
-    position: "absolute",
-    // Sits just up-and-right of the top dot. Anchored to the 32pt box's corner
-    // it would float off on its own, since the dot column is only 3pt wide.
-    top: 6,
-    right: 8,
-    width: 6,
-    height: 6,
-    borderRadius: 3,
-    backgroundColor: night.color.accent
-  },
-  overlay: {
-    ...absoluteFill,
-    zIndex: 50
-  },
-  backdrop: {
-    ...absoluteFill,
-    backgroundColor: "rgba(0,0,0,0.5)"
-  },
-  // The night card: near-black surface, hairline border, row radius.
-  panel: {
-    position: "absolute",
-    top: 6,
-    right: 8,
-    minWidth: 196,
-    paddingVertical: 4,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surface
-  },
-  item: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingHorizontal: 12,
-    paddingVertical: 11
-  },
-  itemIcon: {
-    width: 16,
-    alignItems: "center"
-  },
-  itemLabel: {
-    flex: 1,
-    fontSize: 13,
-    fontWeight: "600",
-    color: night.color.text
-  },
-  itemDetail: {
-    fontSize: 11,
-    color: night.color.textTertiary
-  }
-});
+"use strict";import{StyleSheet as y,Text as s,TouchableOpacity as c,View as r}from"react-native";import{absoluteFill as d,night as i}from"@buoy-gg/shared-ui";import{jsx as o,jsxs as a}from"react/jsx-runtime";export function NetworkHeaderMenuButton({onPress:n,isOpen:t,hasIndicator:l}){return a(c,{onPress:n,"sentry-label":"ignore toggle header menu",testID:"buoy-network-menu",accessibilityRole:"button",accessibilityLabel:t?"Close menu":"More actions",style:[e.button,t&&e.buttonOpen],children:[a(r,{style:e.dots,children:[o(r,{style:[e.dot,t&&e.dotOpen]}),o(r,{style:[e.dot,t&&e.dotOpen]}),o(r,{style:[e.dot,t&&e.dotOpen]})]}),l?o(r,{style:e.indicator}):null]})}export function NetworkHeaderMenu({onClose:n,children:t}){return a(r,{style:e.overlay,children:[o(c,{style:e.backdrop,activeOpacity:1,onPress:n,"sentry-label":"ignore dismiss header menu"}),o(r,{style:e.panel,children:t})]})}export function NetworkHeaderMenuItem({icon:n,label:t,detail:l,testID:u,onPress:b}){return a(c,{onPress:b,"sentry-label":"ignore header menu item",testID:u,accessibilityRole:"button",accessibilityLabel:t,style:e.item,children:[o(r,{style:e.itemIcon,children:n}),o(s,{style:e.itemLabel,children:t}),l?o(s,{style:e.itemDetail,children:l}):null]})}const e=y.create({button:{width:32,height:32,borderRadius:8,alignItems:"center",justifyContent:"center"},buttonOpen:{backgroundColor:i.color.surfaceElevated},dots:{flexDirection:"column",gap:2.5,alignItems:"center"},dot:{width:3,height:3,borderRadius:2,backgroundColor:i.color.textSecondary},dotOpen:{backgroundColor:i.color.text},indicator:{position:"absolute",top:6,right:8,width:6,height:6,borderRadius:3,backgroundColor:i.color.accent},overlay:{...d,zIndex:50},backdrop:{...d,backgroundColor:"rgba(0,0,0,0.5)"},panel:{position:"absolute",top:6,right:8,minWidth:196,paddingVertical:4,borderRadius:10,borderWidth:1,borderColor:i.color.border,backgroundColor:i.color.surface},item:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:12,paddingVertical:11},itemIcon:{width:16,alignItems:"center"},itemLabel:{flex:1,fontSize:13,fontWeight:"600",color:i.color.text},itemDetail:{fontSize:11,color:i.color.textTertiary}});

package/lib/module/network/components/NetworkListScreen.js

@@ -1,399 +1 @@
-"use strict";
-
-/**
- * The network tool's LIST screen — owns the event-store subscription, the
- * FlatList, empty state, disabled banner, and the free-tier locked-history
- * footer. Decomposed from NetworkModal per rule3 so per-event re-renders
- * are confined to this subtree (plus the header's live leaves) instead of
- * the whole modal.
- *
- * Stable-tree contract (rule4): hooks run unconditionally, then the
- * component returns null when not visible. The subscription is gated with
- * `paused || !visible` so a hidden list doesn't subscribe at all.
- */
-
-import { useCallback } from "react";
-import { FlatList, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { FlaskConical, Pin, Power, macOSColors, ToolEmptyState, resolveListEmptyState, EVENT_LIST_PRESET, monoFont } from "@buoy-gg/shared-ui";
-import { NetworkEventItemCompact } from "./NetworkEventItemCompact";
-import { NetworkUpgradeBanner } from "./NetworkUpgradeBanner";
-import { useNetworkEventList } from "../hooks/useNetworkEventList";
-import { useNetworkSaved } from "../hooks/useNetworkSaved";
-import { useOverrideRules } from "../hooks/useOverrideRules";
-import { overriddenEvents } from "../overrides/overriddenRows";
-import { splitPinned } from "../utils/withPinnedFirst";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const keyExtractor = item => item.id;
-
-/**
- * The PINNED strip above the live list.
- *
- * It renders OUTSIDE the FlatList on purpose. The list's window/batch values
- * are a measured configuration (see the FlatList below), and merging pins into
- * `data` would mean sentinel items in `keyExtractor`/`renderItem` and a
- * section boundary that moves as events arrive. Keeping pins in their own
- * bounded strip (capped at MAX_PINNED in the store) leaves that tuning
- * untouched — and makes "pins ignore the filters" fall out for free, because
- * this strip is never handed the filter.
- */
-function PinnedSection({
-  events,
-  onEventPress,
-  onLongPress,
-  savedLiveIds,
-  onClearPinned
-}) {
-  if (events.length === 0) return null;
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.pinnedSection,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.pinnedHeader,
-      children: [/*#__PURE__*/_jsx(Pin, {
-        size: 11,
-        active: true,
-        color: macOSColors.semantic.info
-      }), /*#__PURE__*/_jsxs(Text, {
-        style: styles.pinnedTitle,
-        children: ["PINNED \xB7 ", events.length]
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-        onPress: onClearPinned,
-        "sentry-label": "ignore unpin all",
-        style: styles.pinnedClear,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.pinnedClearText,
-          children: "Unpin all"
-        })
-      })]
-    }), events.map(event => /*#__PURE__*/_jsx(NetworkEventItemCompact, {
-      event: event,
-      onPress: onEventPress,
-      onLongPress: onLongPress,
-      pinned: true,
-      saved: savedLiveIds.has(event.id)
-    }, event.id))]
-  });
-}
-
-/**
- * The OVERRIDDEN strip, above the pins.
- *
- * An overridden request is the one thing in this list that isn't true — the app
- * got something the server never sent. That has to be impossible to miss, and a
- * glyph on a row twenty scroll-positions down isn't. It sits ABOVE pins because
- * a stale override explains a bug, whereas a pin only marks one.
- *
- * Rows are matched against the RULES rather than filtered on the `override`
- * mark, so the request you built a rule from hoists immediately instead of
- * waiting for the endpoint to be called again.
- *
- * The header button is PAUSE, not "Manage". Flipping overrides off and on is by
- * far the most repeated action in a testing session — force the failure, check
- * the UI, turn it off, check the happy path, turn it back on — and it used to
- * cost a trip to another screen each way. The manager is still one tap away on
- * the toolbar; it just isn't the thing you reach for twenty times an hour.
- */
-function OverriddenSection({
-  events,
-  onEventPress,
-  onLongPress,
-  savedLiveIds,
-  paused,
-  onTogglePaused
-}) {
-  if (events.length === 0) return null;
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.overriddenSection, paused && styles.overriddenSectionOff],
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.overriddenHeader,
-      children: [/*#__PURE__*/_jsx(FlaskConical, {
-        size: 11,
-        color: paused ? macOSColors.text.muted : macOSColors.semantic.warning
-      }), /*#__PURE__*/_jsx(Text, {
-        testID: "buoy-network-overridden-strip",
-        style: [styles.overriddenTitle, paused && styles.overriddenTitleOff],
-        children: paused ? `PAUSED · ${events.length}` : `OVERRIDDEN · ${events.length}`
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-        onPress: onTogglePaused,
-        "sentry-label": "ignore pause overrides",
-        style: styles.overriddenManage,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: [styles.overriddenManageText, paused && styles.overriddenTitleOff],
-          children: paused ? "Resume" : "Pause"
-        })
-      })]
-    }), events.map(event => /*#__PURE__*/_jsx(NetworkEventItemCompact, {
-      event: event,
-      onPress: onEventPress,
-      onLongPress: onLongPress,
-      overridden: true,
-      saved: savedLiveIds.has(event.id)
-    }, event.id))]
-  });
-}
-export function NetworkListScreen({
-  visible,
-  paused,
-  filter,
-  ignoredPatterns,
-  isPro,
-  searchText,
-  onEventPress,
-  onUpgradePress
-}) {
-  const {
-    visibleEvents,
-    hasLockedEvents,
-    lockedEventCount,
-    totalEvents
-  } = useNetworkEventList({
-    filter,
-    ignoredPatterns,
-    paused,
-    visible,
-    isPro
-  });
-
-  // Pins come from the persisted saved store, NOT from the live list — that is
-  // what lets a pinned failure survive Clear, the 500-event cap and a reload.
-  const {
-    pinnedEvents,
-    pinnedLiveIds,
-    savedLiveIds,
-    togglePin,
-    clearPinned
-  } = useNetworkSaved();
-
-  // Which rules are live right now — the strip below reflects the rules, not
-  // the history, so it's correct the moment a rule is made or removed.
-  const {
-    rules,
-    enabled: overridesEnabled,
-    setEnabled,
-    isRuleSpent
-  } = useOverrideRules();
-
-  // Stable identity: handed to memoized rows.
-  const handleLongPress = useCallback(event => {
-    togglePin(event);
-  }, [togglePin]);
-
-  // Everything above is a hook and must run unconditionally; everything below
-  // is work. `splitPinned` is an O(n) pass over the whole list, and this screen
-  // re-renders on every modal-root state change — including every prev/next
-  // step, where it is hidden and the result is thrown away.
-  if (!visible) return null;
-  const {
-    pinned,
-    rest
-  } = splitPinned(visibleEvents, pinnedEvents, pinnedLiveIds);
-
-  // Hoist anything an active rule covers. Done after `splitPinned` so a request
-  // that is both pinned and overridden appears once, in the louder section.
-  // Paused rules still populate the strip — that's how you find the thing you
-  // paused in order to resume it. The header says PAUSED instead.
-  const activeRules = rules.filter(rule => rule.enabled && !isRuleSpent(rule));
-  const overridden = overriddenEvents([...pinned, ...rest], activeRules);
-  const overriddenIds = new Set(overridden.map(event => event.id));
-  const pinnedRows = pinned.filter(event => !overriddenIds.has(event.id));
-  const restRows = overriddenIds.size ? rest.filter(event => !overriddenIds.has(event.id)) : rest;
-  const isEnabled = !paused;
-  const renderItem = ({
-    item
-  }) => /*#__PURE__*/_jsx(NetworkEventItemCompact, {
-    event: item,
-    onPress: onEventPress,
-    onLongPress: handleLongPress,
-    saved: savedLiveIds.has(item.id)
-  });
-
-  // Which flavour of "nothing here" this is. Pins and overrides render
-  // outside the list, so a screen showing only those is not empty at all.
-  const renderEmpty = () => {
-    // Pins and overrides render outside the list, so a screen showing only
-    // those is not empty at all.
-    if (pinnedRows.length > 0 || overridden.length > 0) return null;
-    return /*#__PURE__*/_jsx(ToolEmptyState, {
-      testID: "buoy-network-empty",
-      ...resolveListEmptyState({
-        subject: "requests",
-        search: searchText,
-        total: totalEvents,
-        capturing: isEnabled,
-        waiting: {
-          // fishing = capture is on and nothing has arrived.
-          otto: "fishing",
-          title: "No network events",
-          message: "Network requests will appear here"
-        },
-        paused: {
-          // paused = capture off. Both are literally what the copy says.
-          title: "No network events",
-          message: "Enable interception to start capturing"
-        }
-      })
-    });
-  };
-  const renderListFooter = () => {
-    if (!hasLockedEvents) return null;
-    const isSearching = searchText.length > 0;
-    const bannerText = isSearching ? `${lockedEventCount} matching ${lockedEventCount === 1 ? "request" : "requests"} in locked history` : `${lockedEventCount} requests locked`;
-    const subtextMessage = isSearching ? "Upgrade to Pro to search your full request history" : "Upgrade to Pro to unlock full request history";
-    return /*#__PURE__*/_jsx(NetworkUpgradeBanner, {
-      title: bannerText,
-      subtitle: subtextMessage,
-      onPress: onUpgradePress
-    });
-  };
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.root,
-    children: [!isEnabled ? /*#__PURE__*/_jsxs(View, {
-      style: styles.disabledBanner,
-      children: [/*#__PURE__*/_jsx(Power, {
-        size: 14,
-        color: macOSColors.semantic.warning
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.disabledText,
-        children: "Network interception is disabled"
-      })]
-    }) : null, /*#__PURE__*/_jsx(OverriddenSection, {
-      events: overridden,
-      onEventPress: onEventPress,
-      onLongPress: handleLongPress,
-      savedLiveIds: savedLiveIds,
-      paused: !overridesEnabled,
-      onTogglePaused: () => setEnabled(!overridesEnabled)
-    }), /*#__PURE__*/_jsx(PinnedSection, {
-      events: pinnedRows,
-      onEventPress: onEventPress,
-      onLongPress: handleLongPress,
-      savedLiveIds: savedLiveIds,
-      onClearPinned: clearPinned
-    }), restRows.length > 0 || hasLockedEvents ? /*#__PURE__*/_jsx(FlatList, {
-      testID: "buoy-network-list",
-      data: restRows,
-      renderItem: renderItem,
-      keyExtractor: keyExtractor,
-      contentContainerStyle: styles.listContent,
-      showsVerticalScrollIndicator: true
-      // Clipped cells falsely fail Detox's hittability check (known
-      // RN+Detox issue), so e2e bundles (Metro started with
-      // EXPO_PUBLIC_E2E=1) turn clipping off — see EVENT_LIST_PRESET.
-      ,
-      onEndReachedThreshold: 0.8
-      // The list OWNS scrolling (NetworkModal passes
-      // disableScrollWrapper while this screen is visible) so FlatList
-      // virtualization actually works. The previous shipped config —
-      // scrollEnabled=false inside JsModal's ScrollView — mounted ALL
-      // rows: at the store's 500-event cap that measured 17 JS FPS /
-      // 133% CPU / 1.4GB vs ~53 JS FPS / 52% / 360MB virtualized
-      // (buoy-optimize batch 2026-07-06, batch-1783396983529-6l7w).
-      // Window/batch values are the batch's "tuned" winner (EVENT_LIST_PRESET).
-      ,
-      scrollEnabled: true,
-      ...EVENT_LIST_PRESET,
-      // Saving a request from the detail view changes a row's glyph
-      // without changing `data`. VirtualizedList is a PureComponent, so
-      // the Set has to be declared as a re-render marker rather than
-      // relying on `renderItem` getting a fresh identity.
-      extraData: savedLiveIds,
-      "sentry-label": "ignore network events list",
-      ListFooterComponent: renderListFooter
-    }) : renderEmpty()]
-  });
-}
-const styles = StyleSheet.create({
-  root: {
-    flex: 1,
-    minHeight: 0
-  },
-  /**
-   * The strip is separated from the live list by a real rule, not just space:
-   * these rows do NOT obey the filters, and the boundary is what tells the
-   * user why a request they just filtered out is still on screen.
-   */
-  overriddenSection: {
-    borderBottomWidth: 1,
-    borderBottomColor: macOSColors.semantic.warning + "44",
-    backgroundColor: macOSColors.semantic.warningBackground
-  },
-  overriddenSectionOff: {
-    borderBottomColor: macOSColors.border.default,
-    backgroundColor: macOSColors.background.card
-  },
-  overriddenTitleOff: {
-    color: macOSColors.text.muted
-  },
-  overriddenHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingHorizontal: 12,
-    paddingTop: 8,
-    paddingBottom: 4
-  },
-  overriddenTitle: {
-    flex: 1,
-    fontSize: 10,
-    fontWeight: "700",
-    letterSpacing: 0.8,
-    color: macOSColors.semantic.warning
-  },
-  overriddenManage: {
-    paddingHorizontal: 6,
-    paddingVertical: 2
-  },
-  overriddenManageText: {
-    fontSize: 10,
-    fontWeight: "600",
-    color: macOSColors.semantic.warning
-  },
-  pinnedSection: {
-    borderBottomWidth: 1,
-    borderBottomColor: macOSColors.border.default,
-    paddingBottom: 4
-  },
-  pinnedHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingHorizontal: 20,
-    paddingTop: 10,
-    paddingBottom: 6
-  },
-  pinnedTitle: {
-    flex: 1,
-    color: macOSColors.semantic.info,
-    fontSize: 10,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    fontFamily: monoFont
-  },
-  pinnedClear: {
-    paddingHorizontal: 6,
-    paddingVertical: 2
-  },
-  pinnedClearText: {
-    color: macOSColors.text.muted,
-    fontSize: 10
-  },
-  disabledBanner: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    padding: 10,
-    marginHorizontal: 12,
-    marginTop: 8,
-    backgroundColor: macOSColors.semantic.warningBackground,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: macOSColors.semantic.warning + "20"
-  },
-  disabledText: {
-    color: macOSColors.semantic.warning,
-    fontSize: 11,
-    flex: 1
-  },
-  listContent: {
-    paddingTop: 8
-  }
-});
+"use strict";import{useCallback as $}from"react";import{FlatList as _,StyleSheet as A,Text as m,TouchableOpacity as I,View as c}from"react-native";import{FlaskConical as G,Pin as J,Power as K,macOSColors as e,ToolEmptyState as Q,resolveListEmptyState as X,EVENT_LIST_PRESET as Y,monoFont as Z}from"@buoy-gg/shared-ui";import{NetworkEventItemCompact as w}from"./NetworkEventItemCompact";import{NetworkUpgradeBanner as ee}from"./NetworkUpgradeBanner";import{useNetworkEventList as ne}from"../hooks/useNetworkEventList";import{useNetworkSaved as te}from"../hooks/useNetworkSaved";import{useOverrideRules as re}from"../hooks/useOverrideRules";import{overriddenEvents as oe}from"../overrides/overriddenRows";import{splitPinned as ie}from"../utils/withPinnedFirst";import{jsx as n,jsxs as l}from"react/jsx-runtime";const de=o=>o.id;function se({events:o,onEventPress:a,onLongPress:g,savedLiveIds:p,onClearPinned:i}){if(o.length===0)return null;return l(c,{style:t.pinnedSection,children:[l(c,{style:t.pinnedHeader,children:[n(J,{size:11,active:true,color:e.semantic.info}),l(m,{style:t.pinnedTitle,children:["PINNED \xB7 ",o.length]}),n(I,{onPress:i,"sentry-label":"ignore unpin all",style:t.pinnedClear,children:n(m,{style:t.pinnedClearText,children:"Unpin all"})})]}),o.map(d=>n(w,{event:d,onPress:a,onLongPress:g,pinned:true,saved:p.has(d.id)},d.id))]})}function le({events:o,onEventPress:a,onLongPress:g,savedLiveIds:p,paused:i,onTogglePaused:d}){if(o.length===0)return null;return l(c,{style:[t.overriddenSection,i&&t.overriddenSectionOff],children:[l(c,{style:t.overriddenHeader,children:[n(G,{size:11,color:i?e.text.muted:e.semantic.warning}),n(m,{testID:"buoy-network-overridden-strip",style:[t.overriddenTitle,i&&t.overriddenTitleOff],children:i?`PAUSED \xB7 ${o.length}`:`OVERRIDDEN \xB7 ${o.length}`}),n(I,{onPress:d,"sentry-label":"ignore pause overrides",style:t.overriddenManage,children:n(m,{style:[t.overriddenManageText,i&&t.overriddenTitleOff],children:i?"Resume":"Pause"})})]}),o.map(s=>n(w,{event:s,onPress:a,onLongPress:g,overridden:true,saved:p.has(s.id)},s.id))]})}export function NetworkListScreen({visible:o,paused:a,filter:g,ignoredPatterns:p,isPro:i,searchText:d,onEventPress:s,onUpgradePress:L}){const{visibleEvents:z,hasLockedEvents:S,lockedEventCount:f,totalEvents:B}=ne({filter:g,ignoredPatterns:p,paused:a,visible:o,isPro:i});const{pinnedEvents:N,pinnedLiveIds:D,savedLiveIds:u,togglePin:k,clearPinned:R}=te();const{rules:H,enabled:x,setEnabled:O,isRuleSpent:q}=re();const h=$(r=>{k(r)},[k]);if(!o)return null;const{pinned:E,rest:v}=ie(z,N,D);const F=H.filter(r=>r.enabled&&!q(r));const b=oe([...E,...v],F);const y=new Set(b.map(r=>r.id));const P=E.filter(r=>!y.has(r.id));const T=y.size?v.filter(r=>!y.has(r.id)):v;const C=!a;const V=({item:r})=>n(w,{event:r,onPress:s,onLongPress:h,saved:u.has(r.id)});const W=()=>{if(P.length>0||b.length>0)return null;return n(Q,{testID:"buoy-network-empty",...X({subject:"requests",search:d,total:B,capturing:C,waiting:{otto:"fishing",title:"No network events",message:"Network requests will appear here"},paused:{title:"No network events",message:"Enable interception to start capturing"}})})};const j=()=>{if(!S)return null;const r=d.length>0;const M=r?`${f} matching ${f===1?"request":"requests"} in locked history`:`${f} requests locked`;const U=r?"Upgrade to Pro to search your full request history":"Upgrade to Pro to unlock full request history";return n(ee,{title:M,subtitle:U,onPress:L})};return l(c,{style:t.root,children:[!C?l(c,{style:t.disabledBanner,children:[n(K,{size:14,color:e.semantic.warning}),n(m,{style:t.disabledText,children:"Network interception is disabled"})]}):null,n(le,{events:b,onEventPress:s,onLongPress:h,savedLiveIds:u,paused:!x,onTogglePaused:()=>O(!x)}),n(se,{events:P,onEventPress:s,onLongPress:h,savedLiveIds:u,onClearPinned:R}),T.length>0||S?n(_,{testID:"buoy-network-list",data:T,renderItem:V,keyExtractor:de,contentContainerStyle:t.listContent,showsVerticalScrollIndicator:true,onEndReachedThreshold:.8,scrollEnabled:true,...Y,extraData:u,"sentry-label":"ignore network events list",ListFooterComponent:j}):W()]})}const t=A.create({root:{flex:1,minHeight:0},overriddenSection:{borderBottomWidth:1,borderBottomColor:e.semantic.warning+"44",backgroundColor:e.semantic.warningBackground},overriddenSectionOff:{borderBottomColor:e.border.default,backgroundColor:e.background.card},overriddenTitleOff:{color:e.text.muted},overriddenHeader:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:12,paddingTop:8,paddingBottom:4},overriddenTitle:{flex:1,fontSize:10,fontWeight:"700",letterSpacing:.8,color:e.semantic.warning},overriddenManage:{paddingHorizontal:6,paddingVertical:2},overriddenManageText:{fontSize:10,fontWeight:"600",color:e.semantic.warning},pinnedSection:{borderBottomWidth:1,borderBottomColor:e.border.default,paddingBottom:4},pinnedHeader:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:20,paddingTop:10,paddingBottom:6},pinnedTitle:{flex:1,color:e.semantic.info,fontSize:10,fontWeight:"700",letterSpacing:.6,fontFamily:Z},pinnedClear:{paddingHorizontal:6,paddingVertical:2},pinnedClearText:{color:e.text.muted,fontSize:10},disabledBanner:{flexDirection:"row",alignItems:"center",gap:8,padding:10,marginHorizontal:12,marginTop:8,backgroundColor:e.semantic.warningBackground,borderRadius:8,borderWidth:1,borderColor:e.semantic.warning+"20"},disabledText:{color:e.semantic.warning,fontSize:11,flex:1},listContent:{paddingTop:8}});