@buoy-gg/network 7.0.40 → 7.0.42

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

@@ -1,190 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkHeaderMenu = NetworkHeaderMenu;
-exports.NetworkHeaderMenuButton = NetworkHeaderMenuButton;
-exports.NetworkHeaderMenuItem = NetworkHeaderMenuItem;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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.
- */
-
-function NetworkHeaderMenuButton({
-  onPress,
-  isOpen,
-  hasIndicator
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.dots,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.dot, isOpen && styles.dotOpen]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.dot, isOpen && styles.dotOpen]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.dot, isOpen && styles.dotOpen]
-      })]
-    }), hasIndicator ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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.
- */
-function NetworkHeaderMenu({
-  onClose,
-  children
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.overlay,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      style: styles.backdrop,
-      activeOpacity: 1,
-      onPress: onClose,
-      "sentry-label": "ignore dismiss header menu"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.panel,
-      children: children
-    })]
-  });
-}
-function NetworkHeaderMenuItem({
-  icon,
-  label,
-  detail,
-  testID,
-  onPress
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    onPress: onPress,
-    "sentry-label": "ignore header menu item",
-    testID: testID,
-    accessibilityRole: "button",
-    accessibilityLabel: label,
-    style: styles.item,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.itemIcon,
-      children: icon
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.itemLabel,
-      children: label
-    }), detail ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.itemDetail,
-      children: detail
-    }) : null]
-  });
-}
-const styles = _reactNative.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: _sharedUi.night.color.surfaceElevated
-  },
-  dots: {
-    flexDirection: "column",
-    gap: 2.5,
-    alignItems: "center"
-  },
-  dot: {
-    width: 3,
-    height: 3,
-    borderRadius: 2,
-    backgroundColor: _sharedUi.night.color.textSecondary
-  },
-  dotOpen: {
-    backgroundColor: _sharedUi.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: _sharedUi.night.color.accent
-  },
-  overlay: {
-    ..._sharedUi.absoluteFill,
-    zIndex: 50
-  },
-  backdrop: {
-    ..._sharedUi.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: _sharedUi.night.color.border,
-    backgroundColor: _sharedUi.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: _sharedUi.night.color.text
-  },
-  itemDetail: {
-    fontSize: 11,
-    color: _sharedUi.night.color.textTertiary
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkHeaderMenu=NetworkHeaderMenu;exports.NetworkHeaderMenuButton=NetworkHeaderMenuButton;exports.NetworkHeaderMenuItem=NetworkHeaderMenuItem;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function NetworkHeaderMenuButton({onPress:t,isOpen:e,hasIndicator:o}){return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:t,"sentry-label":"ignore toggle header menu",testID:"buoy-network-menu",accessibilityRole:"button",accessibilityLabel:e?"Close menu":"More actions",style:[styles.button,e&&styles.buttonOpen],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.dots,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dot,e&&styles.dotOpen]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dot,e&&styles.dotOpen]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dot,e&&styles.dotOpen]})]}),o?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.indicator}):null]})}function NetworkHeaderMenu({onClose:t,children:e}){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.overlay,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.backdrop,activeOpacity:1,onPress:t,"sentry-label":"ignore dismiss header menu"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.panel,children:e})]})}function NetworkHeaderMenuItem({icon:t,label:e,detail:o,testID:r,onPress:i}){return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:i,"sentry-label":"ignore header menu item",testID:r,accessibilityRole:"button",accessibilityLabel:e,style:styles.item,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.itemIcon,children:t}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.itemLabel,children:e}),o?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.itemDetail,children:o}):null]})}const styles=_reactNative.StyleSheet.create({button:{width:32,height:32,borderRadius:8,alignItems:"center",justifyContent:"center"},buttonOpen:{backgroundColor:_sharedUi.night.color.surfaceElevated},dots:{flexDirection:"column",gap:2.5,alignItems:"center"},dot:{width:3,height:3,borderRadius:2,backgroundColor:_sharedUi.night.color.textSecondary},dotOpen:{backgroundColor:_sharedUi.night.color.text},indicator:{position:"absolute",top:6,right:8,width:6,height:6,borderRadius:3,backgroundColor:_sharedUi.night.color.accent},overlay:{..._sharedUi.absoluteFill,zIndex:50},backdrop:{..._sharedUi.absoluteFill,backgroundColor:"rgba(0,0,0,0.5)"},panel:{position:"absolute",top:6,right:8,minWidth:196,paddingVertical:4,borderRadius:10,borderWidth:1,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.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:_sharedUi.night.color.text},itemDetail:{fontSize:11,color:_sharedUi.night.color.textTertiary}});

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

@@ -1,404 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkListScreen = NetworkListScreen;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _NetworkEventItemCompact = require("./NetworkEventItemCompact");
-var _NetworkUpgradeBanner = require("./NetworkUpgradeBanner");
-var _useNetworkEventList = require("../hooks/useNetworkEventList");
-var _useNetworkSaved = require("../hooks/useNetworkSaved");
-var _useOverrideRules = require("../hooks/useOverrideRules");
-var _matchRule = require("../overrides/matchRule");
-var _withPinnedFirst = require("../utils/withPinnedFirst");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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.
- */
-
-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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.pinnedSection,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.pinnedHeader,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Pin, {
-        size: 11,
-        active: true,
-        color: _sharedUi.macOSColors.semantic.info
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.pinnedTitle,
-        children: ["PINNED \xB7 ", events.length]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: onClearPinned,
-        "sentry-label": "ignore unpin all",
-        style: styles.pinnedClear,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.pinnedClearText,
-          children: "Unpin all"
-        })
-      })]
-    }), events.map(event => /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkEventItemCompact.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.overriddenSection, paused && styles.overriddenSectionOff],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.overriddenHeader,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.FlaskConical, {
-        size: 11,
-        color: paused ? _sharedUi.macOSColors.text.muted : _sharedUi.macOSColors.semantic.warning
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        testID: "buoy-network-overridden-strip",
-        style: [styles.overriddenTitle, paused && styles.overriddenTitleOff],
-        children: paused ? `PAUSED · ${events.length}` : `OVERRIDDEN · ${events.length}`
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: onTogglePaused,
-        "sentry-label": "ignore pause overrides",
-        style: styles.overriddenManage,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.overriddenManageText, paused && styles.overriddenTitleOff],
-          children: paused ? "Resume" : "Pause"
-        })
-      })]
-    }), events.map(event => /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkEventItemCompact.NetworkEventItemCompact, {
-      event: event,
-      onPress: onEventPress,
-      onLongPress: onLongPress,
-      overridden: true,
-      saved: savedLiveIds.has(event.id)
-    }, event.id))]
-  });
-}
-function NetworkListScreen({
-  visible,
-  paused,
-  filter,
-  ignoredPatterns,
-  isPro,
-  searchText,
-  onEventPress,
-  onUpgradePress
-}) {
-  const {
-    visibleEvents,
-    hasLockedEvents,
-    lockedEventCount,
-    totalEvents
-  } = (0, _useNetworkEventList.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
-  } = (0, _useNetworkSaved.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
-  } = (0, _useOverrideRules.useOverrideRules)();
-
-  // Stable identity: handed to memoized rows.
-  const handleLongPress = (0, _react.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
-  } = (0, _withPinnedFirst.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 isOverridden = event => activeRules.some(rule => (0, _matchRule.ruleMatches)(rule, event.url, String(event.method || "GET")));
-  const overridden = activeRules.length ? [...pinned, ...rest].filter(isOverridden) : [];
-  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__*/(0, _jsxRuntime.jsx)(_NetworkEventItemCompact.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__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-      testID: "buoy-network-empty",
-      ...(0, _sharedUi.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__*/(0, _jsxRuntime.jsx)(_NetworkUpgradeBanner.NetworkUpgradeBanner, {
-      title: bannerText,
-      subtitle: subtextMessage,
-      onPress: onUpgradePress
-    });
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.root,
-    children: [!isEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.disabledBanner,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Power, {
-        size: 14,
-        color: _sharedUi.macOSColors.semantic.warning
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.disabledText,
-        children: "Network interception is disabled"
-      })]
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(OverriddenSection, {
-      events: overridden,
-      onEventPress: onEventPress,
-      onLongPress: handleLongPress,
-      savedLiveIds: savedLiveIds,
-      paused: !overridesEnabled,
-      onTogglePaused: () => setEnabled(!overridesEnabled)
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PinnedSection, {
-      events: pinnedRows,
-      onEventPress: onEventPress,
-      onLongPress: handleLongPress,
-      savedLiveIds: savedLiveIds,
-      onClearPinned: clearPinned
-    }), restRows.length > 0 || hasLockedEvents ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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,
-      ..._sharedUi.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 = _reactNative.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: _sharedUi.macOSColors.semantic.warning + "44",
-    backgroundColor: _sharedUi.macOSColors.semantic.warningBackground
-  },
-  overriddenSectionOff: {
-    borderBottomColor: _sharedUi.macOSColors.border.default,
-    backgroundColor: _sharedUi.macOSColors.background.card
-  },
-  overriddenTitleOff: {
-    color: _sharedUi.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: _sharedUi.macOSColors.semantic.warning
-  },
-  overriddenManage: {
-    paddingHorizontal: 6,
-    paddingVertical: 2
-  },
-  overriddenManageText: {
-    fontSize: 10,
-    fontWeight: "600",
-    color: _sharedUi.macOSColors.semantic.warning
-  },
-  pinnedSection: {
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.macOSColors.border.default,
-    paddingBottom: 4
-  },
-  pinnedHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingHorizontal: 20,
-    paddingTop: 10,
-    paddingBottom: 6
-  },
-  pinnedTitle: {
-    flex: 1,
-    color: _sharedUi.macOSColors.semantic.info,
-    fontSize: 10,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    fontFamily: _sharedUi.monoFont
-  },
-  pinnedClear: {
-    paddingHorizontal: 6,
-    paddingVertical: 2
-  },
-  pinnedClearText: {
-    color: _sharedUi.macOSColors.text.muted,
-    fontSize: 10
-  },
-  disabledBanner: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    padding: 10,
-    marginHorizontal: 12,
-    marginTop: 8,
-    backgroundColor: _sharedUi.macOSColors.semantic.warningBackground,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.semantic.warning + "20"
-  },
-  disabledText: {
-    color: _sharedUi.macOSColors.semantic.warning,
-    fontSize: 11,
-    flex: 1
-  },
-  listContent: {
-    paddingTop: 8
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkListScreen=NetworkListScreen;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _NetworkEventItemCompact=require("./NetworkEventItemCompact");var _NetworkUpgradeBanner=require("./NetworkUpgradeBanner");var _useNetworkEventList=require("../hooks/useNetworkEventList");var _useNetworkSaved=require("../hooks/useNetworkSaved");var _useOverrideRules=require("../hooks/useOverrideRules");var _overriddenRows=require("../overrides/overriddenRows");var _withPinnedFirst=require("../utils/withPinnedFirst");var _jsxRuntime=require("react/jsx-runtime");const keyExtractor=r=>r.id;function PinnedSection({events:r,onEventPress:i,onLongPress:s,savedLiveIds:a,onClearPinned:t}){if(r.length===0)return null;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.pinnedSection,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.pinnedHeader,children:[(0,_jsxRuntime.jsx)(_sharedUi.Pin,{size:11,active:true,color:_sharedUi.macOSColors.semantic.info}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.pinnedTitle,children:["PINNED \xB7 ",r.length]}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:t,"sentry-label":"ignore unpin all",style:styles.pinnedClear,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.pinnedClearText,children:"Unpin all"})})]}),r.map(n=>(0,_jsxRuntime.jsx)(_NetworkEventItemCompact.NetworkEventItemCompact,{event:n,onPress:i,onLongPress:s,pinned:true,saved:a.has(n.id)},n.id))]})}function OverriddenSection({events:r,onEventPress:i,onLongPress:s,savedLiveIds:a,paused:t,onTogglePaused:n}){if(r.length===0)return null;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.overriddenSection,t&&styles.overriddenSectionOff],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.overriddenHeader,children:[(0,_jsxRuntime.jsx)(_sharedUi.FlaskConical,{size:11,color:t?_sharedUi.macOSColors.text.muted:_sharedUi.macOSColors.semantic.warning}),(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:"buoy-network-overridden-strip",style:[styles.overriddenTitle,t&&styles.overriddenTitleOff],children:t?`PAUSED \xB7 ${r.length}`:`OVERRIDDEN \xB7 ${r.length}`}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:n,"sentry-label":"ignore pause overrides",style:styles.overriddenManage,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.overriddenManageText,t&&styles.overriddenTitleOff],children:t?"Resume":"Pause"})})]}),r.map(o=>(0,_jsxRuntime.jsx)(_NetworkEventItemCompact.NetworkEventItemCompact,{event:o,onPress:i,onLongPress:s,overridden:true,saved:a.has(o.id)},o.id))]})}function NetworkListScreen({visible:r,paused:i,filter:s,ignoredPatterns:a,isPro:t,searchText:n,onEventPress:o,onUpgradePress:k}){const{visibleEvents:b,hasLockedEvents:v,lockedEventCount:l,totalEvents:C}=(0,_useNetworkEventList.useNetworkEventList)({filter:s,ignoredPatterns:a,paused:i,visible:r,isPro:t});const{pinnedEvents:y,pinnedLiveIds:E,savedLiveIds:d,togglePin:p,clearPinned:O}=(0,_useNetworkSaved.useNetworkSaved)();const{rules:T,enabled:h,setEnabled:P,isRuleSpent:j}=(0,_useOverrideRules.useOverrideRules)();const c=(0,_react.useCallback)(e=>{p(e)},[p]);if(!r)return null;const{pinned:x,rest:u}=(0,_withPinnedFirst.splitPinned)(b,y,E);const N=T.filter(e=>e.enabled&&!j(e));const g=(0,_overriddenRows.overriddenEvents)([...x,...u],N);const m=new Set(g.map(e=>e.id));const w=x.filter(e=>!m.has(e.id));const S=m.size?u.filter(e=>!m.has(e.id)):u;const f=!i;const I=({item:e})=>(0,_jsxRuntime.jsx)(_NetworkEventItemCompact.NetworkEventItemCompact,{event:e,onPress:o,onLongPress:c,saved:d.has(e.id)});const L=()=>{if(w.length>0||g.length>0)return null;return(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{testID:"buoy-network-empty",...(0,_sharedUi.resolveListEmptyState)({subject:"requests",search:n,total:C,capturing:f,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 q=()=>{if(!v)return null;const e=n.length>0;const B=e?`${l} matching ${l===1?"request":"requests"} in locked history`:`${l} requests locked`;const R=e?"Upgrade to Pro to search your full request history":"Upgrade to Pro to unlock full request history";return(0,_jsxRuntime.jsx)(_NetworkUpgradeBanner.NetworkUpgradeBanner,{title:B,subtitle:R,onPress:k})};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.root,children:[!f?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.disabledBanner,children:[(0,_jsxRuntime.jsx)(_sharedUi.Power,{size:14,color:_sharedUi.macOSColors.semantic.warning}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.disabledText,children:"Network interception is disabled"})]}):null,(0,_jsxRuntime.jsx)(OverriddenSection,{events:g,onEventPress:o,onLongPress:c,savedLiveIds:d,paused:!h,onTogglePaused:()=>P(!h)}),(0,_jsxRuntime.jsx)(PinnedSection,{events:w,onEventPress:o,onLongPress:c,savedLiveIds:d,onClearPinned:O}),S.length>0||v?(0,_jsxRuntime.jsx)(_reactNative.FlatList,{testID:"buoy-network-list",data:S,renderItem:I,keyExtractor,contentContainerStyle:styles.listContent,showsVerticalScrollIndicator:true,onEndReachedThreshold:.8,scrollEnabled:true,..._sharedUi.EVENT_LIST_PRESET,extraData:d,"sentry-label":"ignore network events list",ListFooterComponent:q}):L()]})}const styles=_reactNative.StyleSheet.create({root:{flex:1,minHeight:0},overriddenSection:{borderBottomWidth:1,borderBottomColor:_sharedUi.macOSColors.semantic.warning+"44",backgroundColor:_sharedUi.macOSColors.semantic.warningBackground},overriddenSectionOff:{borderBottomColor:_sharedUi.macOSColors.border.default,backgroundColor:_sharedUi.macOSColors.background.card},overriddenTitleOff:{color:_sharedUi.macOSColors.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:_sharedUi.macOSColors.semantic.warning},overriddenManage:{paddingHorizontal:6,paddingVertical:2},overriddenManageText:{fontSize:10,fontWeight:"600",color:_sharedUi.macOSColors.semantic.warning},pinnedSection:{borderBottomWidth:1,borderBottomColor:_sharedUi.macOSColors.border.default,paddingBottom:4},pinnedHeader:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:20,paddingTop:10,paddingBottom:6},pinnedTitle:{flex:1,color:_sharedUi.macOSColors.semantic.info,fontSize:10,fontWeight:"700",letterSpacing:.6,fontFamily:_sharedUi.monoFont},pinnedClear:{paddingHorizontal:6,paddingVertical:2},pinnedClearText:{color:_sharedUi.macOSColors.text.muted,fontSize:10},disabledBanner:{flexDirection:"row",alignItems:"center",gap:8,padding:10,marginHorizontal:12,marginTop:8,backgroundColor:_sharedUi.macOSColors.semantic.warningBackground,borderRadius:8,borderWidth:1,borderColor:_sharedUi.macOSColors.semantic.warning+"20"},disabledText:{color:_sharedUi.macOSColors.semantic.warning,fontSize:11,flex:1},listContent:{paddingTop:8}});