@buoy-gg/network 7.0.40 → 7.0.42

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

@@ -1,786 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkModal = NetworkModal;
-exports.NetworkToolView = NetworkToolView;
-var _NetworkFloatingTool = require("../conditions/NetworkFloatingTool");
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _NetworkFilterViewV = require("./NetworkFilterViewV3");
-var _useTickEveryMinute = require("../hooks/useTickEveryMinute");
-var _NetworkEventDetailView = require("./NetworkEventDetailView");
-var _NetworkCopySettingsView = require("./NetworkCopySettingsView");
-var _NetworkHeaderLive = require("./NetworkHeaderLive");
-var _NetworkListScreen = require("./NetworkListScreen");
-var _NetworkSavedScreen = require("./NetworkSavedScreen");
-var _NetworkOverridesScreen = require("./NetworkOverridesScreen");
-var _NetworkOverridesButton = require("./NetworkOverridesButton");
-var _NetworkOverrideHeaderButton = require("./NetworkOverrideHeaderButton");
-var _NetworkHeaderMenu = require("./NetworkHeaderMenu");
-var _NetworkDetailStepper = require("./NetworkDetailStepper");
-var _useNetworkEventList = require("../hooks/useNetworkEventList");
-var _useLiveNetworkEvent = require("../hooks/useLiveNetworkEvent");
-var _useNetworkSelection = require("../hooks/useNetworkSelection");
-var _networkSelectionStore = require("../utils/networkSelectionStore");
-var _networkSavedStore = require("../utils/networkSavedStore");
-var _types = require("../overrides/types");
-var _jsxRuntime = require("react/jsx-runtime");
-// ============================================================================
-// Screens (rule4 stable router: each gates itself with `return null`; the
-// root renders all four as stable siblings instead of a nested ternary).
-// Subscribing screens run their hooks unconditionally and pass
-// `paused || !visible` so hidden screens don't subscribe.
-// ============================================================================
-
-function NetworkDetailScreen({
-  visible,
-  paused,
-  ignoredPatternValues,
-  onTogglePattern,
-  isPro,
-  filter,
-  ignoredPatterns,
-  fromSaved,
-  savedSearch,
-  applySafeAreaInset
-}) {
-  /**
-   * The detail renders at the IMMEDIATE selection — every step, no delay.
-   * Measured, 100 steps at a 150ms tap interval over 64KB payloads:
-   *
-   *   whole detail, bodies included ... 647ms/step
-   *   detail with no bodies at all ....  43ms/step (over the 150ms tap gap)
-   *
-   * So ~93% of a step is the request/response BODY trees, and everything else
-   * — status, URL breakdown, timing, header counts — is affordable at any tap
-   * rate. Deferring the whole detail (which is what this used to do) therefore
-   * bought nothing a user could feel: it made the cheap 43ms wait alongside
-   * the expensive 450ms instead of splitting them.
-   *
-   * So only the expensive part waits. `bodyId` trails `selectedId` by the
-   * settle window, so `heavyReady` is false exactly while the cursor is still
-   * moving — the JSON trees are skipped during a burst and mount once you land.
-   */
-  const eventId = (0, _useNetworkSelection.useSelectedNetworkEventId)();
-  const settledId = (0, _useNetworkSelection.useNetworkBodyEventId)();
-  const heavyReady = eventId != null && eventId === settledId;
-  // Resolve the ID to the live event so a request opened while pending picks
-  // up its response/error in place instead of freezing on the snapshot taken
-  // when the row was tapped.
-  const event = (0, _useLiveNetworkEvent.useLiveNetworkEvent)(eventId, {
-    paused: paused || !visible
-  });
-
-  // Instrumentation for the benchmark harness. Gated on `heavyReady` on
-  // purpose: the cheap chrome now renders on every step, so reporting here
-  // unconditionally would make `bodyMs` a duplicate of `cursorMs`. What the
-  // harness needs to know is when the expensive TREES landed.
-  (0, _react.useEffect)(() => {
-    if (visible && event && heavyReady) {
-      _networkSelectionStore.networkSelectionStore.reportRendered(event.id);
-    }
-  }, [visible, event, heavyReady]);
-  if (!visible) return null;
-  // Column: the detail body scrolls, the stepper stays pinned under it. The
-  // body owns its scroll here (see `bodyOwnsScroll`) — inside JsModal's
-  // wrapper the footer would scroll away with the content. The spacer keeps
-  // the footer at the bottom on the rare frame where the ID resolves to
-  // nothing (cleared, aged out, and not saved).
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.detailRoot,
-    children: [event ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkEventDetailView.NetworkEventDetailView, {
-      event: event,
-      ignoredPatterns: ignoredPatternValues,
-      onTogglePattern: onTogglePattern,
-      showBodies: heavyReady
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.detailBodyFallback
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkDetailStepper.NetworkDetailStepper, {
-      paused: paused,
-      filter: filter,
-      ignoredPatterns: ignoredPatterns,
-      isPro: isPro,
-      fromSaved: fromSaved,
-      savedSearch: savedSearch,
-      applySafeAreaInset: applySafeAreaInset
-    })]
-  });
-}
-function NetworkFilterScreen({
-  visible,
-  paused,
-  isPro,
-  filter,
-  onFilterChange,
-  ignoredPatterns,
-  onRemovePattern,
-  onAddPattern,
-  onTogglePatternMode
-}) {
-  // Facet counts read the same filtered list the user is looking at.
-  const {
-    events
-  } = (0, _useNetworkEventList.useNetworkEventList)({
-    filter,
-    ignoredPatterns,
-    paused,
-    visible,
-    isPro
-  });
-  if (!visible) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkFilterViewV.NetworkFilterViewV3, {
-    events: events,
-    filter: filter,
-    onFilterChange: onFilterChange,
-    ignoredPatterns: ignoredPatterns,
-    onRemovePattern: onRemovePattern,
-    onAddPattern: onAddPattern,
-    onTogglePatternMode: onTogglePatternMode
-  });
-}
-function NetworkCopyScreen({
-  visible,
-  paused,
-  isPro,
-  filter,
-  ignoredPatterns,
-  settings,
-  onSettingsChange
-}) {
-  const {
-    events
-  } = (0, _useNetworkEventList.useNetworkEventList)({
-    filter,
-    ignoredPatterns,
-    paused,
-    visible,
-    isPro
-  });
-  if (!visible) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkCopySettingsView.NetworkCopySettingsView, {
-    settings: settings,
-    onSettingsChange: onSettingsChange,
-    events: events
-  });
-}
-
-// ============================================================================
-// Root — UI-state orchestration ONLY (rule3). No event-store subscription
-// lives here: live data is consumed by the header leaves
-// (NetworkHeaderLive) and the screens, so network events never re-render
-// the modal shell/header. Profiling evidence: tool-bench 2026-07-06 —
-// with the subscription here, 15 events re-rendered JsModal + every
-// header button 15× and all visible rows 105×.
-// ============================================================================
-
-function NetworkModalInner({
-  visible,
-  onClose,
-  onBack,
-  onMinimize,
-  enableSharedModalDimensions = false,
-  inline = false,
-  paused: pausedProp,
-  onPausedChange,
-  remoteConditions
-}) {
-  const {
-    isPro
-  } = (0, _sharedUi.useFeatureGate)();
-
-  // Capture pause (the power toggle's freeze-stream semantic) — gates
-  // every subscriber in this modal's tree via props. Controlled when the host
-  // supplies both halves; otherwise this local state is the source of truth.
-  const [pausedState, setPausedState] = (0, _react.useState)(false);
-  const controlledPause = pausedProp != null && onPausedChange != null;
-  const paused = controlledPause ? pausedProp : pausedState;
-  const setPaused = next => {
-    const value = typeof next === "function" ? next(paused) : next;
-    if (controlledPause) onPausedChange(value);else setPausedState(value);
-  };
-  const [filter, setFilter] = (0, _react.useState)({});
-  /**
-   * The cursor lives in `networkSelectionStore`, and the root subscribes to
-   * the BOOLEAN only. That is the whole point: this component re-renders
-   * `JsModal` (which can never bail — its `header` prop is a fresh object
-   * every render), the entire header, and all five screens. None of them care
-   * WHICH request is selected, only THAT one is, and this flips twice a
-   * session instead of once per tap.
-   */
-  const hasSelection = (0, _useNetworkSelection.useHasNetworkSelection)();
-  const [showFilterView, setShowFilterView] = (0, _react.useState)(false);
-  const [showSavedView, setShowSavedView] = (0, _react.useState)(false);
-  const [showOverridesView, setShowOverridesView] = (0, _react.useState)(false);
-  const [showHeaderMenu, setShowHeaderMenu] = (0, _react.useState)(false);
-  const [minimizeRequest, setMinimizeRequest] = (0, _react.useState)(0);
-  const [remoteConditionsSource] = (0, _react.useState)(_NetworkFloatingTool.createRemoteConditionsSource);
-  (0, _react.useEffect)(() => {
-    remoteConditionsSource.update(remoteConditions);
-  }, [remoteConditionsSource, remoteConditions]);
-  (0, _react.useEffect)(() => () => remoteConditionsSource.update(undefined), [remoteConditionsSource]);
-  /**
-   * Overrides are a DEVICE capability — a rule runs inside the app's own
-   * `fetch`/`XMLHttpRequest`, which the dashboard doesn't have.
-   *
-   * That doesn't mean the dashboard can't AUTHOR them: in `inline` mode the
-   * rule store runs as a mirror of the connected device (see
-   * `overrideRulesStore.enableRemoteMode`), so the screens below are the same
-   * ones the phone renders and every edit is forwarded. The one thing the
-   * dashboard never does is apply a rule to its own traffic —
-   * `disableEngine()` guarantees that.
-   */
-  const overridesAvailable = true;
-  /**
-   * A rule prefilled from a request the user was looking at, handed to the
-   * Overrides screen when it mounts. Lives here rather than in that screen
-   * because the request that seeds it is on a DIFFERENT screen — this is the
-   * one place both are in scope.
-   */
-  const [pendingOverrideDraft, setPendingOverrideDraft] = (0, _react.useState)(null);
-  const [activeTab, setActiveTab] = (0, _react.useState)("filters");
-  const [searchText, setSearchText] = (0, _react.useState)("");
-  const [isSearchActive, setIsSearchActive] = (0, _react.useState)(false);
-  // True while the header's clear ✕ is being pressed. With a mouse, pressing
-  // the ✕ blurs the input FIRST, and the blur handler below closes search —
-  // which unmounts the ✕ before its own press can fire, so the query was
-  // never cleared (desktop). Press-in lands before the blur, so the blur
-  // handler can tell this dismissal apart from a click elsewhere.
-  const clearPressRef = (0, _react.useRef)(false);
-  // The Saved screen's search box lives HERE, not in that screen, because the
-  // detail footer steps through the same list the user was just looking at —
-  // and the Saved screen is unmounted while a detail is open.
-  const [savedSearch, setSavedSearch] = (0, _react.useState)("");
-  const searchInputRef = (0, _react.useRef)(null);
-  // Ignored domains/URL patterns live in a shared, persisted singleton store
-  // (@buoy-gg/shared-ui) so the Network tool and the Events tool stay in sync.
-  const {
-    patterns: ignoredPatterns,
-    values: ignoredPatternValues,
-    add: addIgnoredPattern,
-    remove: removeIgnoredPattern,
-    toggle: toggleIgnoredPattern,
-    toggleMode: toggleIgnoredPatternMode
-  } = (0, _sharedUi.useIgnoredPatterns)();
-  const [copySettings, setCopySettings] = (0, _react.useState)(_NetworkCopySettingsView.DEFAULT_COPY_SETTINGS);
-  const hasLoadedCopySettings = (0, _react.useRef)(false);
-  const [showUpgradeModal, setShowUpgradeModal] = (0, _react.useState)(false);
-  // Which ceiling the user hit — the upgrade sheet has to argue for the thing
-  // they were actually trying to do, not for exporting.
-  const [upgradeReason, setUpgradeReason] = (0, _react.useState)("export");
-  const showUpgrade = reason => {
-    setUpgradeReason(reason);
-    setShowUpgradeModal(true);
-  };
-
-  // Auto-close upgrade modal when user becomes Pro
-  (0, _react.useEffect)(() => {
-    if (showUpgradeModal && isPro) {
-      setShowUpgradeModal(false);
-    }
-  }, [showUpgradeModal, isPro]);
-
-  // Load persisted copy settings on mount
-  (0, _react.useEffect)(() => {
-    if (!visible || hasLoadedCopySettings.current) return;
-    const loadCopySettings = async () => {
-      try {
-        const stored = await _sharedUi.persistentStorage.getItem(_sharedUi.devToolsStorageKeys.network.copyOptions());
-        if (stored) {
-          const settings = JSON.parse(stored);
-          setCopySettings(settings);
-        }
-      } catch (_error) {
-        // Silently fail - use defaults
-      } finally {
-        hasLoadedCopySettings.current = true;
-      }
-    };
-    loadCopySettings();
-  }, [visible]);
-
-  // Save copy settings when they change
-  (0, _react.useEffect)(() => {
-    if (!hasLoadedCopySettings.current) return; // Don't save on initial load
-
-    const saveCopySettings = async () => {
-      try {
-        await _sharedUi.persistentStorage.setItem(_sharedUi.devToolsStorageKeys.network.copyOptions(), JSON.stringify(copySettings));
-      } catch (_error) {
-        // Silently fail - settings will remain in memory
-      }
-    };
-    saveCopySettings();
-  }, [copySettings]);
-
-  // Simple handlers - no useCallback needed per rule2
-  const handleBack = () => {
-    _networkSelectionStore.networkSelectionStore.clear();
-  };
-
-  // Stable identity: this is passed down to the memoized list rows.
-  const handleEventPress = (0, _react.useCallback)(event => {
-    _networkSelectionStore.networkSelectionStore.select(event.id);
-  }, []);
-
-  /**
-   * "Custom…" in a request's Override section. Stable identity because the
-   * detail view is memoized on its props and an unstable callback would defeat
-   * the bail-out that keeps prev/next stepping cheap.
-   */
-  const handleOverridePress = (0, _react.useCallback)((draft, ruleId) => {
-    setPendingOverrideDraft(ruleId ? {
-      ...draft,
-      id: ruleId
-    } : draft);
-    setShowOverridesView(true);
-    // Leave the detail view, or its header would sit on top of the editor.
-    _networkSelectionStore.networkSelectionStore.clear();
-  }, []);
-
-  // Stable identity: the Overrides screen adopts the draft in an effect keyed
-  // on both, so an unstable callback would re-run it every render.
-  const handlePendingOverrideConsumed = (0, _react.useCallback)(() => setPendingOverrideDraft(null), []);
-
-  // Non-null while the Overrides screen has its rule editor open — the editor
-  // is that screen's own state, so the header asks it first before popping the
-  // whole screen. See the prop's comment on NetworkOverridesScreen.
-  const overridesBackRef = (0, _react.useRef)(null);
-  const handleSearch = text => {
-    setSearchText(text);
-    setFilter(prev => ({
-      ...prev,
-      searchText: text
-    }));
-  };
-  const toggleStatusFilter = status => {
-    setFilter(prev => ({
-      ...prev,
-      status: prev.status === status ? undefined : status
-    }));
-  };
-
-  // JsModal owns the mode; the only thing this modal needs it for is the
-  // detail footer's bottom inset — a bottom sheet sits on the home indicator,
-  // a floating window does not (same call StorageModalWithTabs makes).
-  const [modalMode, setModalMode] = (0, _react.useState)("bottomSheet");
-  const handleModeChange = mode => {
-    setModalMode(mode);
-  };
-  (0, _react.useEffect)(() => {
-    if (isSearchActive) {
-      requestAnimationFrame(() => {
-        searchInputRef.current?.focus();
-      });
-    }
-  }, [isSearchActive]);
-
-  // Compact header with actions (like Sentry/Storage modals)
-  const renderHeaderContent = () => {
-    // Filter view header with tabs — the night segmented control (the same
-    // one the dial settings header uses).
-    if (showFilterView) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
-          onBack: () => setShowFilterView(false)
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
-          title: "",
-          noMargin: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightSegmented, {
-            size: "sm",
-            tabs: [{
-              key: "filters",
-              label: "Filters"
-            }, {
-              key: "copy",
-              label: "Copy"
-            }],
-            activeKey: activeTab,
-            onChange: tab => setActiveTab(tab)
-          })
-        })]
-      });
-    }
-
-    // Event detail view header
-    if (hasSelection) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
-          onBack: handleBack
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
-          title: "Request Details",
-          centered: true
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions, {
-          children: [overridesAvailable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkOverrideHeaderButton.NetworkOverrideHeaderButton, {
-            onOpen: handleOverridePress
-          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkHeaderLive.NetworkDetailPinActions, {
-            isPro: isPro,
-            onUpgradePress: () => showUpgrade("saved")
-          })]
-        })]
-      });
-    }
-
-    // Overrides manager header.
-    if (showOverridesView && overridesAvailable) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
-          onBack: () => {
-            if (overridesBackRef.current?.()) return;
-            setShowOverridesView(false);
-            setPendingOverrideDraft(null);
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
-          title: "Response Overrides",
-          centered: true
-        })]
-      });
-    }
-
-    // Saved (favorites) header. Checked AFTER the detail branch so opening a
-    // saved request still gets the detail header — and its pin/save toggles.
-    if (showSavedView) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
-          onBack: () => setShowSavedView(false)
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
-          title: "Saved Requests",
-          centered: true
-        })]
-      });
-    }
-
-    // Main list view header with search and filters. The live pieces
-    // (count chips, copy, trash) are self-subscribing leaves — this
-    // header function itself only re-runs on user interaction.
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
-      children: [onBack && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
-        onBack: onBack
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
-        title: "",
-        children: isSearchActive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Search, {
-          value: searchText,
-          onChangeText: handleSearch,
-          onCancel: () => {
-            handleSearch("");
-            setIsSearchActive(false);
-          },
-          onDismiss: () => setIsSearchActive(false),
-          dismissOnBlur: true,
-          clearOnlyWhenText: true,
-          placeholder: "Search URL, method, operation, error...",
-          accessibilityLabel: "Search network requests",
-          iconSize: 14,
-          testID: "buoy-network-search-input",
-          clearTestID: "buoy-network-search-clear",
-          inputProps: {
-            "sentry-label": "ignore network search header"
-          }
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkHeaderLive.NetworkHeaderBadges, {
-          activeStatus: filter.status,
-          onToggleStatus: toggleStatusFilter,
-          ignoredPatterns: ignoredPatterns,
-          paused: paused
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          "sentry-label": "ignore open search",
-          testID: "buoy-network-search-open",
-          accessibilityLabel: "Open search",
-          accessibilityRole: "button",
-          onPress: () => setIsSearchActive(true),
-          style: styles.headerActionButton,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
-            size: 14,
-            color: _sharedUi.night.color.textSecondary
-          })
-        }), overridesAvailable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkOverridesButton.NetworkOverridesButton, {
-          onPress: () => setShowOverridesView(true)
-        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PowerToggleButton, {
-          isEnabled: !paused,
-          onToggle: () => setPaused(prev => !prev),
-          accessibilityLabel: "Pause network list",
-          testID: "buoy-network-power"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkHeaderLive.NetworkClearButton, {
-          paused: paused
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkHeaderMenu.NetworkHeaderMenuButton, {
-          onPress: () => setShowHeaderMenu(prev => !prev),
-          isOpen: showHeaderMenu,
-          hasIndicator: hasActiveFilter
-        })]
-      })]
-    });
-  };
-
-  // Surfaced on the ⋯ so moving Filters into the menu doesn't hide the one
-  // thing that button was communicating.
-  const hasActiveFilter = !!(filter.status || filter.method || filter.contentType);
-  const persistenceKey = enableSharedModalDimensions ? _sharedUi.devToolsStorageKeys.modal.root() : _sharedUi.devToolsStorageKeys.network.modal();
-  if (!visible) return null;
-
-  // The LIST screen owns its scrolling (FlatList virtualization requires
-  // it — inside JsModal's ScrollView wrapper every row mounts, which at
-  // the 500-event cap measured 17 JS FPS / 133% CPU / 1.4GB; see
-  // NetworkListScreen). The Saved screen is a FlatList too, so it takes the
-  // same deal. The DETAIL screen owns it as well, so its prev/next footer
-  // stays pinned instead of scrolling away with the body. Filter/copy still
-  // use the wrapper.
-  const bodyOwnsScroll = hasSelection || !showFilterView;
-  const body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.container,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(NetworkDetailScreen, {
-        visible: hasSelection,
-        paused: paused,
-        ignoredPatternValues: ignoredPatternValues,
-        onTogglePattern: toggleIgnoredPattern,
-        isPro: isPro,
-        filter: filter,
-        ignoredPatterns: ignoredPatterns
-        // `showSavedView` is what Back returns to, so it is also which list
-        // the user came from — and therefore which one to step through.
-        ,
-        fromSaved: showSavedView,
-        savedSearch: savedSearch
-        // Inline (desktop panel) has no home indicator to clear.
-        ,
-        applySafeAreaInset: !inline && modalMode === "bottomSheet"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(NetworkFilterScreen, {
-        visible: showFilterView && activeTab === "filters" && !hasSelection,
-        paused: paused,
-        isPro: isPro,
-        filter: filter,
-        onFilterChange: setFilter,
-        ignoredPatterns: ignoredPatterns,
-        onRemovePattern: removeIgnoredPattern,
-        onAddPattern: addIgnoredPattern,
-        onTogglePatternMode: toggleIgnoredPatternMode
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(NetworkCopyScreen, {
-        visible: showFilterView && activeTab === "copy" && !hasSelection,
-        paused: paused,
-        isPro: isPro,
-        filter: filter,
-        ignoredPatterns: ignoredPatterns,
-        settings: copySettings,
-        onSettingsChange: setCopySettings
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkOverridesScreen.NetworkOverridesScreen, {
-        visible: overridesAvailable && showOverridesView && !hasSelection && !showFilterView,
-        isPro: isPro,
-        onUpgradePress: () => showUpgrade("overrides"),
-        pendingDraft: pendingOverrideDraft,
-        onPendingConsumed: handlePendingOverrideConsumed,
-        backHandlerRef: overridesBackRef
-        // Inline (desktop panel) has no home indicator to clear.
-        ,
-        applySafeAreaInset: !inline && modalMode === "bottomSheet"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkSavedScreen.NetworkSavedScreen, {
-        visible: showSavedView && !hasSelection && !showFilterView &&
-        // Overrides wins in the header branch too — the two must agree, or
-        // one screen renders under the other's header.
-        !(showOverridesView && overridesAvailable),
-        isPro: isPro,
-        copySettings: copySettings,
-        search: savedSearch,
-        onSearchChange: setSavedSearch,
-        onEventPress: handleEventPress,
-        onUpgradePress: () => showUpgrade("saved")
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkListScreen.NetworkListScreen, {
-        visible: !hasSelection && !showFilterView && !showSavedView && !(showOverridesView && overridesAvailable),
-        paused: paused,
-        filter: filter,
-        ignoredPatterns: ignoredPatterns,
-        isPro: isPro,
-        searchText: searchText,
-        onEventPress: handleEventPress,
-        onUpgradePress: () => showUpgrade("export")
-      })]
-    }), showHeaderMenu ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_NetworkHeaderMenu.NetworkHeaderMenu, {
-      onClose: () => setShowHeaderMenu(false),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkHeaderMenu.NetworkHeaderMenuItem, {
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Wifi, {
-          size: 14,
-          color: _sharedUi.night.color.textSecondary
-        }),
-        label: "Network throttling",
-        testID: "buoy-network-menu-throttling",
-        onPress: () => {
-          setShowHeaderMenu(false);
-          (0, _NetworkFloatingTool.openNetworkFloatingTool)(remoteConditions ? remoteConditionsSource : undefined);
-          if (!inline) setMinimizeRequest(value => value + 1);
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkHeaderMenu.NetworkHeaderMenuItem, {
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Filter, {
-          size: 14,
-          color: hasActiveFilter ? _sharedUi.night.color.accent : _sharedUi.night.color.textSecondary
-        }),
-        label: "Filters",
-        detail: hasActiveFilter ? "Active" : undefined,
-        onPress: () => {
-          setShowHeaderMenu(false);
-          setActiveTab("filters");
-          setShowFilterView(true);
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkHeaderMenu.NetworkHeaderMenuItem, {
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Bookmark, {
-          size: 14,
-          color: _sharedUi.night.color.textSecondary
-        }),
-        label: "Saved requests",
-        onPress: () => {
-          setShowHeaderMenu(false);
-          setShowSavedView(true);
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.menuCopyRow,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkHeaderLive.NetworkHeaderCopyButton, {
-          isPro: isPro,
-          filter: filter,
-          ignoredPatterns: ignoredPatterns,
-          copySettings: copySettings,
-          paused: paused,
-          onUpgradePress: () => {
-            setShowHeaderMenu(false);
-            showUpgrade("export");
-          },
-          label: "Copy requests"
-        })
-      })]
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.UpgradeModal, {
-      visible: showUpgradeModal,
-      onClose: () => setShowUpgradeModal(false),
-      featureName: upgradeReason === "saved" ? "Saved Requests" : upgradeReason === "overrides" ? "Response Overrides" : "Network Export",
-      description: upgradeReason === "saved" ? "Keep the requests that matter. Saved requests survive Clear, app restarts, and the 500-request history cap." : upgradeReason === "overrides" ? "Force any endpoint to fail, stall or return something else — no backend changes, no code changes. Free keeps one active rule." : "Export network requests to share with your team, debug APIs, or feed into AI tools.",
-      benefits: upgradeReason === "overrides" ? [`Run ${_types.MAX_RULES} rules at once (free keeps ${_types.FREE_TIER_RULE_LIMIT})`, "Force a 500, a 401 or an empty list in one tap", "Simulate offline, timeouts and slow connections", "Rules survive an app reload, so you can test the boot path"] : upgradeReason === "saved" ? [`Save up to ${_networkSavedStore.MAX_SAVED} requests (free keeps ${_networkSavedStore.FREE_TIER_SAVED_LIMIT})`, "Failed requests stay put through a Clear", "Snapshots survive an app restart", "Export saved requests to teammates or AI assistants"] : ["Export to JSON, Markdown, or plain text", "Customizable copy presets (URLs only, LLM-ready, full data)", "Share request details with teammates", "Feed network data directly to AI assistants"]
-    })]
-  });
-
-  // The ONLY thing that differs between the phone and the desktop dashboard is
-  // which shell the header and body go in. Everything above this line is shared.
-  if (inline) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.inlineRoot,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.inlineHeader,
-        ..._sharedUi.windowDragProps,
-        children: renderHeaderContent()
-      }), body]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.JsModal, {
-    visible: visible,
-    onClose: onClose,
-    onMinimize: onMinimize,
-    minimizeRequest: minimizeRequest,
-    persistenceKey: persistenceKey,
-    variant: "night",
-    header: {
-      showToggleButton: true,
-      customContent: renderHeaderContent()
-    },
-    onModeChange: handleModeChange,
-    enablePersistence: true,
-    initialMode: "bottomSheet",
-    enableGlitchEffects: true,
-    disableScrollWrapper: bodyOwnsScroll
-    // Night hoists the ToolBackground to the sheet root (field runs through
-    // the header). The desktop INLINE panel never goes through JsModal — its
-    // host (the workbench) hoists one shared field instead, so the body
-    // mounts none of its own in either shell.
-    ,
-    styles: {},
-    children: body
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    // Transparent so the HOST's hoisted star field shows through — the night
-    // JsModal's sheet-root field in the modal, the desktop workbench's shared
-    // row field in the inline panel.
-    backgroundColor: "transparent"
-  },
-  /** Detail = scrolling body + pinned stepper footer. `minHeight: 0` so the
-   * body's ScrollView scrolls instead of stretching the column. */
-  detailRoot: {
-    flex: 1,
-    minHeight: 0
-  },
-  /** Holds the footer down when the selected ID resolves to no event. */
-  detailBodyFallback: {
-    flex: 1
-  },
-  /** Inline shell — fills the host panel; `minHeight: 0` so the list's own
-   * FlatList can scroll instead of stretching the column. Transparent so the
-   * desktop workbench's hoisted sky (one field spanning sidebar + panel)
-   * shows through — the shell paints its own base beneath that field. */
-  inlineRoot: {
-    flex: 1,
-    minHeight: 0,
-    backgroundColor: "transparent"
-  },
-  inlineHeader: {
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.macOSColors.border.default,
-    // Clear, like Bench — the host's hoisted sky shows through the header.
-    backgroundColor: "transparent"
-  },
-  // Night chrome — the header is glass over the star field, so the search
-  // field and action chips sit on the Everlights dark-glass fill.
-  menuCopyRow: {
-    paddingHorizontal: 6
-  },
-  headerActionButton: {
-    width: 32,
-    height: 32,
-    borderRadius: 8,
-    backgroundColor: _sharedUi.night.color.buttonSurface,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  activeFilterButton: {
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderColor: _sharedUi.night.color.accentBorderStrong
-  }
-});
-
-/**
- * High-level modal surface that wraps the network monitoring experience with shared timing
- * context. Automatically injects the `TickProvider` so timestamps refresh while the modal is open.
- */
-function NetworkModal(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_useTickEveryMinute.TickProvider, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(NetworkModalInner, {
-      ...props
-    })
-  });
-}
-/**
- * The same network tool as `NetworkModal`, rendered INLINE — header bar, then
- * body — for hosts that place tools in a panel rather than a modal. Buoy Desktop
- * is the only one today.
- *
- * This exists so there is exactly ONE network tool. The desktop dashboard used
- * to ship its own 1,258-line copy of the modal's internals, which is how the two
- * surfaces drifted apart in the first place; anything added here now shows up on
- * both without a second edit.
- */
-function NetworkToolView(props = {}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_useTickEveryMinute.TickProvider, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(NetworkModalInner, {
-      ...props,
-      inline: true,
-      visible: true
-      // Inline has no chrome to drive: there is no close button, no minimize
-      // and no outer back — the host panel owns all of that.
-      ,
-      onClose: noop
-    })
-  });
-}
-const noop = () => {};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkModal=NetworkModal;exports.NetworkToolView=NetworkToolView;var _NetworkFloatingTool=require("../conditions/NetworkFloatingTool");var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _NetworkFilterViewV=require("./NetworkFilterViewV3");var _useTickEveryMinute=require("../hooks/useTickEveryMinute");var _NetworkEventDetailView=require("./NetworkEventDetailView");var _NetworkCopySettingsView=require("./NetworkCopySettingsView");var _NetworkHeaderLive=require("./NetworkHeaderLive");var _NetworkListScreen=require("./NetworkListScreen");var _NetworkSavedScreen=require("./NetworkSavedScreen");var _NetworkOverridesScreen=require("./NetworkOverridesScreen");var _NetworkOverridesButton=require("./NetworkOverridesButton");var _NetworkOverrideHeaderButton=require("./NetworkOverrideHeaderButton");var _NetworkHeaderMenu=require("./NetworkHeaderMenu");var _NetworkDetailStepper=require("./NetworkDetailStepper");var _useNetworkEventList=require("../hooks/useNetworkEventList");var _useLiveNetworkEvent=require("../hooks/useLiveNetworkEvent");var _useNetworkSelection=require("../hooks/useNetworkSelection");var _networkSelectionStore=require("../utils/networkSelectionStore");var _networkSavedStore=require("../utils/networkSavedStore");var _types=require("../overrides/types");var _jsxRuntime=require("react/jsx-runtime");function NetworkDetailScreen({visible:t,paused:i,ignoredPatternValues:l,onTogglePattern:d,isPro:S,filter:n,ignoredPatterns:c,fromSaved:u,savedSearch:g,applySafeAreaInset:s}){const x=(0,_useNetworkSelection.useSelectedNetworkEventId)();const M=(0,_useNetworkSelection.useNetworkBodyEventId)();const h=x!=null&&x===M;const r=(0,_useLiveNetworkEvent.useLiveNetworkEvent)(x,{paused:i||!t});(0,_react.useEffect)(()=>{if(t&&r&&h){_networkSelectionStore.networkSelectionStore.reportRendered(r.id)}},[t,r,h]);if(!t)return null;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.detailRoot,children:[r?(0,_jsxRuntime.jsx)(_NetworkEventDetailView.NetworkEventDetailView,{event:r,ignoredPatterns:l,onTogglePattern:d,showBodies:h}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.detailBodyFallback}),(0,_jsxRuntime.jsx)(_NetworkDetailStepper.NetworkDetailStepper,{paused:i,filter:n,ignoredPatterns:c,isPro:S,fromSaved:u,savedSearch:g,applySafeAreaInset:s})]})}function NetworkFilterScreen({visible:t,paused:i,isPro:l,filter:d,onFilterChange:S,ignoredPatterns:n,onRemovePattern:c,onAddPattern:u,onTogglePatternMode:g}){const{events:s}=(0,_useNetworkEventList.useNetworkEventList)({filter:d,ignoredPatterns:n,paused:i,visible:t,isPro:l});if(!t)return null;return(0,_jsxRuntime.jsx)(_NetworkFilterViewV.NetworkFilterViewV3,{events:s,filter:d,onFilterChange:S,ignoredPatterns:n,onRemovePattern:c,onAddPattern:u,onTogglePatternMode:g})}function NetworkCopyScreen({visible:t,paused:i,isPro:l,filter:d,ignoredPatterns:S,settings:n,onSettingsChange:c}){const{events:u}=(0,_useNetworkEventList.useNetworkEventList)({filter:d,ignoredPatterns:S,paused:i,visible:t,isPro:l});if(!t)return null;return(0,_jsxRuntime.jsx)(_NetworkCopySettingsView.NetworkCopySettingsView,{settings:n,onSettingsChange:c,events:u})}function NetworkModalInner({visible:t,onClose:i,onBack:l,onMinimize:d,enableSharedModalDimensions:S=false,inline:n=false,paused:c,onPausedChange:u,remoteConditions:g}){const{isPro:s}=(0,_sharedUi.useFeatureGate)();const[x,M]=(0,_react.useState)(false);const h=c!=null&&u!=null;const r=h?c:x;const Y=e=>{const o=typeof e==="function"?e(r):e;if(h)u(o);else M(o)};const[a,C]=(0,_react.useState)({});const v=(0,_useNetworkSelection.useHasNetworkSelection)();const[w,V]=(0,_react.useState)(false);const[j,B]=(0,_react.useState)(false);const[m,H]=(0,_react.useState)(false);const[A,p]=(0,_react.useState)(false);const[Q,Z]=(0,_react.useState)(0);const[N]=(0,_react.useState)(_NetworkFloatingTool.createRemoteConditionsSource);(0,_react.useEffect)(()=>{N.update(g)},[N,g]);(0,_react.useEffect)(()=>()=>N.update(void 0),[N]);const k=true;const[ee,R]=(0,_react.useState)(null);const[E,L]=(0,_react.useState)("filters");const[D,te]=(0,_react.useState)("");const[q,T]=(0,_react.useState)(false);const fe=(0,_react.useRef)(false);const[U,re]=(0,_react.useState)("");const oe=(0,_react.useRef)(null);const{patterns:f,values:se,add:ne,remove:ae,toggle:ie,toggleMode:le}=(0,_sharedUi.useIgnoredPatterns)();const[P,z]=(0,_react.useState)(_NetworkCopySettingsView.DEFAULT_COPY_SETTINGS);const I=(0,_react.useRef)(false);const[_,O]=(0,_react.useState)(false);const[y,de]=(0,_react.useState)("export");const b=e=>{de(e);O(true)};(0,_react.useEffect)(()=>{if(_&&s){O(false)}},[_,s]);(0,_react.useEffect)(()=>{if(!t||I.current)return;const e=async()=>{try{const o=await _sharedUi.persistentStorage.getItem(_sharedUi.devToolsStorageKeys.network.copyOptions());if(o){const ke=JSON.parse(o);z(ke)}}catch(o){}finally{I.current=true}};e()},[t]);(0,_react.useEffect)(()=>{if(!I.current)return;const e=async()=>{try{await _sharedUi.persistentStorage.setItem(_sharedUi.devToolsStorageKeys.network.copyOptions(),JSON.stringify(P))}catch(o){}};e()},[P]);const ce=()=>{_networkSelectionStore.networkSelectionStore.clear()};const K=(0,_react.useCallback)(e=>{_networkSelectionStore.networkSelectionStore.select(e.id)},[]);const ue=(0,_react.useCallback)((e,o)=>{R(o?{...e,id:o}:e);H(true);_networkSelectionStore.networkSelectionStore.clear()},[]);const ve=(0,_react.useCallback)(()=>R(null),[]);const W=(0,_react.useRef)(null);const J=e=>{te(e);C(o=>({...o,searchText:e}))};const Se=e=>{C(o=>({...o,status:o.status===e?void 0:e}))};const[$,ge]=(0,_react.useState)("bottomSheet");const we=e=>{ge(e)};(0,_react.useEffect)(()=>{if(q){requestAnimationFrame(()=>{oe.current?.focus()})}},[q]);const G=()=>{if(w){return(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation,{onBack:()=>V(false)}),(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Content,{title:"",noMargin:true,children:(0,_jsxRuntime.jsx)(_sharedUi.NightSegmented,{size:"sm",tabs:[{key:"filters",label:"Filters"},{key:"copy",label:"Copy"}],activeKey:E,onChange:e=>L(e)})})]})}if(v){return(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation,{onBack:ce}),(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Content,{title:"Request Details",centered:true}),(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions,{children:[k?(0,_jsxRuntime.jsx)(_NetworkOverrideHeaderButton.NetworkOverrideHeaderButton,{onOpen:ue}):null,(0,_jsxRuntime.jsx)(_NetworkHeaderLive.NetworkDetailPinActions,{isPro:s,onUpgradePress:()=>b("saved")})]})]})}if(m&&k){return(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation,{onBack:()=>{if(W.current?.())return;H(false);R(null)}}),(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Content,{title:"Response Overrides",centered:true})]})}if(j){return(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation,{onBack:()=>B(false)}),(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Content,{title:"Saved Requests",centered:true})]})}return(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader,{children:[l&&(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation,{onBack:l}),(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Content,{title:"",children:q?(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Search,{value:D,onChangeText:J,onCancel:()=>{J("");T(false)},onDismiss:()=>T(false),dismissOnBlur:true,clearOnlyWhenText:true,placeholder:"Search URL, method, operation, error...",accessibilityLabel:"Search network requests",iconSize:14,testID:"buoy-network-search-input",clearTestID:"buoy-network-search-clear",inputProps:{"sentry-label":"ignore network search header"}}):(0,_jsxRuntime.jsx)(_NetworkHeaderLive.NetworkHeaderBadges,{activeStatus:a.status,onToggleStatus:Se,ignoredPatterns:f,paused:r})}),(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions,{children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{"sentry-label":"ignore open search",testID:"buoy-network-search-open",accessibilityLabel:"Open search",accessibilityRole:"button",onPress:()=>T(true),style:styles.headerActionButton,children:(0,_jsxRuntime.jsx)(_sharedUi.Search,{size:14,color:_sharedUi.night.color.textSecondary})}),k?(0,_jsxRuntime.jsx)(_NetworkOverridesButton.NetworkOverridesButton,{onPress:()=>H(true)}):null,(0,_jsxRuntime.jsx)(_sharedUi.PowerToggleButton,{isEnabled:!r,onToggle:()=>Y(e=>!e),accessibilityLabel:r?"Resume network capture":"Pause network capture",testID:"buoy-network-power"}),(0,_jsxRuntime.jsx)(_NetworkHeaderLive.NetworkClearButton,{paused:r}),(0,_jsxRuntime.jsx)(_NetworkHeaderMenu.NetworkHeaderMenuButton,{onPress:()=>p(e=>!e),isOpen:A,hasIndicator:F})]})]})};const F=!!(a.status||a.method||a.contentType);const he=S?_sharedUi.devToolsStorageKeys.modal.root():_sharedUi.devToolsStorageKeys.network.modal();if(!t)return null;const pe=v||!w;const X=(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[(0,_jsxRuntime.jsx)(NetworkDetailScreen,{visible:v,paused:r,ignoredPatternValues:se,onTogglePattern:ie,isPro:s,filter:a,ignoredPatterns:f,fromSaved:j,savedSearch:U,applySafeAreaInset:!n&&$==="bottomSheet"}),(0,_jsxRuntime.jsx)(NetworkFilterScreen,{visible:w&&E==="filters"&&!v,paused:r,isPro:s,filter:a,onFilterChange:C,ignoredPatterns:f,onRemovePattern:ae,onAddPattern:ne,onTogglePatternMode:le}),(0,_jsxRuntime.jsx)(NetworkCopyScreen,{visible:w&&E==="copy"&&!v,paused:r,isPro:s,filter:a,ignoredPatterns:f,settings:P,onSettingsChange:z}),(0,_jsxRuntime.jsx)(_NetworkOverridesScreen.NetworkOverridesScreen,{visible:k&&m&&!v&&!w,isPro:s,onUpgradePress:()=>b("overrides"),pendingDraft:ee,onPendingConsumed:ve,backHandlerRef:W,applySafeAreaInset:!n&&$==="bottomSheet"}),(0,_jsxRuntime.jsx)(_NetworkSavedScreen.NetworkSavedScreen,{visible:j&&!v&&!w&&!(m&&k),isPro:s,copySettings:P,search:U,onSearchChange:re,onEventPress:K,onUpgradePress:()=>b("saved")}),(0,_jsxRuntime.jsx)(_NetworkListScreen.NetworkListScreen,{visible:!v&&!w&&!j&&!(m&&k),paused:r,filter:a,ignoredPatterns:f,isPro:s,searchText:D,onEventPress:K,onUpgradePress:()=>b("export")})]}),A?(0,_jsxRuntime.jsxs)(_NetworkHeaderMenu.NetworkHeaderMenu,{onClose:()=>p(false),children:[(0,_jsxRuntime.jsx)(_NetworkHeaderMenu.NetworkHeaderMenuItem,{icon:(0,_jsxRuntime.jsx)(_sharedUi.Wifi,{size:14,color:_sharedUi.night.color.textSecondary}),label:"Network throttling",testID:"buoy-network-menu-throttling",onPress:()=>{p(false);(0,_NetworkFloatingTool.openNetworkFloatingTool)(g?N:void 0);if(!n)Z(e=>e+1)}}),(0,_jsxRuntime.jsx)(_NetworkHeaderMenu.NetworkHeaderMenuItem,{icon:(0,_jsxRuntime.jsx)(_sharedUi.Filter,{size:14,color:F?_sharedUi.night.color.accent:_sharedUi.night.color.textSecondary}),label:"Filters",detail:F?"Active":void 0,onPress:()=>{p(false);L("filters");V(true)}}),(0,_jsxRuntime.jsx)(_NetworkHeaderMenu.NetworkHeaderMenuItem,{icon:(0,_jsxRuntime.jsx)(_sharedUi.Bookmark,{size:14,color:_sharedUi.night.color.textSecondary}),label:"Saved requests",onPress:()=>{p(false);B(true)}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.menuCopyRow,children:(0,_jsxRuntime.jsx)(_NetworkHeaderLive.NetworkHeaderCopyButton,{isPro:s,filter:a,ignoredPatterns:f,copySettings:P,paused:r,onUpgradePress:()=>{p(false);b("export")},label:"Copy requests"})})]}):null,(0,_jsxRuntime.jsx)(_sharedUi.UpgradeModal,{visible:_,onClose:()=>O(false),featureName:y==="saved"?"Saved Requests":y==="overrides"?"Response Overrides":"Network Export",description:y==="saved"?"Keep the requests that matter. Saved requests survive Clear, app restarts, and the 500-request history cap.":y==="overrides"?"Force any endpoint to fail, stall or return something else \u2014 no backend changes, no code changes. Free keeps one active rule.":"Export network requests to share with your team, debug APIs, or feed into AI tools.",benefits:y==="overrides"?[`Run ${_types.MAX_RULES} rules at once (free keeps ${_types.FREE_TIER_RULE_LIMIT})`,"Force a 500, a 401 or an empty list in one tap","Simulate offline, timeouts and slow connections","Rules survive an app reload, so you can test the boot path"]:y==="saved"?[`Save up to ${_networkSavedStore.MAX_SAVED} requests (free keeps ${_networkSavedStore.FREE_TIER_SAVED_LIMIT})`,"Failed requests stay put through a Clear","Snapshots survive an app restart","Export saved requests to teammates or AI assistants"]:["Export to JSON, Markdown, or plain text","Customizable copy presets (URLs only, LLM-ready, full data)","Share request details with teammates","Feed network data directly to AI assistants"]})]});if(n){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.inlineRoot,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.inlineHeader,..._sharedUi.windowDragProps,children:G()}),X]})}return(0,_jsxRuntime.jsx)(_sharedUi.JsModal,{visible:t,onClose:i,onMinimize:d,minimizeRequest:Q,persistenceKey:he,variant:"night",header:{showToggleButton:true,customContent:G()},onModeChange:we,enablePersistence:true,initialMode:"bottomSheet",enableGlitchEffects:true,disableScrollWrapper:pe,styles:{},children:X})}const styles=_reactNative.StyleSheet.create({container:{flex:1,backgroundColor:"transparent"},detailRoot:{flex:1,minHeight:0},detailBodyFallback:{flex:1},inlineRoot:{flex:1,minHeight:0,backgroundColor:"transparent"},inlineHeader:{paddingHorizontal:12,paddingVertical:8,borderBottomWidth:1,borderBottomColor:_sharedUi.macOSColors.border.default,backgroundColor:"transparent"},menuCopyRow:{paddingHorizontal:6},headerActionButton:{width:32,height:32,borderRadius:8,backgroundColor:_sharedUi.night.color.buttonSurface,borderWidth:1,borderColor:_sharedUi.night.color.border,alignItems:"center",justifyContent:"center"},activeFilterButton:{backgroundColor:_sharedUi.night.color.accentSoft,borderColor:_sharedUi.night.color.accentBorderStrong}});function NetworkModal(t){return(0,_jsxRuntime.jsx)(_useTickEveryMinute.TickProvider,{children:(0,_jsxRuntime.jsx)(NetworkModalInner,{...t})})}function NetworkToolView(t={}){return(0,_jsxRuntime.jsx)(_useTickEveryMinute.TickProvider,{children:(0,_jsxRuntime.jsx)(NetworkModalInner,{...t,inline:true,visible:true,onClose:noop})})}const noop=()=>{};