@buoy-gg/network 7.0.41 → 7.0.43

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

@@ -1,781 +1 @@
-"use strict";
-
-import { createRemoteConditionsSource, openNetworkFloatingTool } from "../conditions/NetworkFloatingTool";
-import { useState, useRef, useEffect, useCallback } from "react";
-import { View, StyleSheet, TouchableOpacity } from "react-native";
-import { Search, Wifi, Filter, Bookmark, JsModal, ModalHeader, devToolsStorageKeys, macOSColors, night, persistentStorage, NightSegmented, useFeatureGate, UpgradeModal, PowerToggleButton, useIgnoredPatterns, windowDragProps } from "@buoy-gg/shared-ui";
-import { NetworkFilterViewV3 } from "./NetworkFilterViewV3";
-import { TickProvider } from "../hooks/useTickEveryMinute";
-import { NetworkEventDetailView } from "./NetworkEventDetailView";
-import { NetworkCopySettingsView, DEFAULT_COPY_SETTINGS } from "./NetworkCopySettingsView";
-import { NetworkHeaderBadges, NetworkClearButton, NetworkDetailPinActions, NetworkHeaderCopyButton } from "./NetworkHeaderLive";
-import { NetworkListScreen } from "./NetworkListScreen";
-import { NetworkSavedScreen } from "./NetworkSavedScreen";
-import { NetworkOverridesScreen } from "./NetworkOverridesScreen";
-import { NetworkOverridesButton } from "./NetworkOverridesButton";
-import { NetworkOverrideHeaderButton } from "./NetworkOverrideHeaderButton";
-import { NetworkHeaderMenu, NetworkHeaderMenuButton, NetworkHeaderMenuItem } from "./NetworkHeaderMenu";
-import { NetworkDetailStepper } from "./NetworkDetailStepper";
-import { useNetworkEventList } from "../hooks/useNetworkEventList";
-import { useLiveNetworkEvent } from "../hooks/useLiveNetworkEvent";
-import { useHasNetworkSelection, useNetworkBodyEventId, useSelectedNetworkEventId } from "../hooks/useNetworkSelection";
-import { networkSelectionStore } from "../utils/networkSelectionStore";
-import { FREE_TIER_SAVED_LIMIT, MAX_SAVED } from "../utils/networkSavedStore";
-import { FREE_TIER_RULE_LIMIT as FREE_TIER_OVERRIDE_LIMIT, MAX_RULES as MAX_OVERRIDE_RULES } from "../overrides/types";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "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 = useSelectedNetworkEventId();
-  const settledId = 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 = 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.
-  useEffect(() => {
-    if (visible && event && heavyReady) {
-      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__*/_jsxs(View, {
-    style: styles.detailRoot,
-    children: [event ? /*#__PURE__*/_jsx(NetworkEventDetailView, {
-      event: event,
-      ignoredPatterns: ignoredPatternValues,
-      onTogglePattern: onTogglePattern,
-      showBodies: heavyReady
-    }) : /*#__PURE__*/_jsx(View, {
-      style: styles.detailBodyFallback
-    }), /*#__PURE__*/_jsx(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
-  } = useNetworkEventList({
-    filter,
-    ignoredPatterns,
-    paused,
-    visible,
-    isPro
-  });
-  if (!visible) return null;
-  return /*#__PURE__*/_jsx(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
-  } = useNetworkEventList({
-    filter,
-    ignoredPatterns,
-    paused,
-    visible,
-    isPro
-  });
-  if (!visible) return null;
-  return /*#__PURE__*/_jsx(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
-  } = 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] = 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] = 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 = useHasNetworkSelection();
-  const [showFilterView, setShowFilterView] = useState(false);
-  const [showSavedView, setShowSavedView] = useState(false);
-  const [showOverridesView, setShowOverridesView] = useState(false);
-  const [showHeaderMenu, setShowHeaderMenu] = useState(false);
-  const [minimizeRequest, setMinimizeRequest] = useState(0);
-  const [remoteConditionsSource] = useState(createRemoteConditionsSource);
-  useEffect(() => {
-    remoteConditionsSource.update(remoteConditions);
-  }, [remoteConditionsSource, remoteConditions]);
-  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] = useState(null);
-  const [activeTab, setActiveTab] = useState("filters");
-  const [searchText, setSearchText] = useState("");
-  const [isSearchActive, setIsSearchActive] = 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 = 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] = useState("");
-  const searchInputRef = 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
-  } = useIgnoredPatterns();
-  const [copySettings, setCopySettings] = useState(DEFAULT_COPY_SETTINGS);
-  const hasLoadedCopySettings = useRef(false);
-  const [showUpgradeModal, setShowUpgradeModal] = 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] = useState("export");
-  const showUpgrade = reason => {
-    setUpgradeReason(reason);
-    setShowUpgradeModal(true);
-  };
-
-  // Auto-close upgrade modal when user becomes Pro
-  useEffect(() => {
-    if (showUpgradeModal && isPro) {
-      setShowUpgradeModal(false);
-    }
-  }, [showUpgradeModal, isPro]);
-
-  // Load persisted copy settings on mount
-  useEffect(() => {
-    if (!visible || hasLoadedCopySettings.current) return;
-    const loadCopySettings = async () => {
-      try {
-        const stored = await persistentStorage.getItem(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
-  useEffect(() => {
-    if (!hasLoadedCopySettings.current) return; // Don't save on initial load
-
-    const saveCopySettings = async () => {
-      try {
-        await persistentStorage.setItem(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.clear();
-  };
-
-  // Stable identity: this is passed down to the memoized list rows.
-  const handleEventPress = useCallback(event => {
-    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 = 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.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 = 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 = 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] = useState("bottomSheet");
-  const handleModeChange = mode => {
-    setModalMode(mode);
-  };
-  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__*/_jsxs(ModalHeader, {
-        children: [/*#__PURE__*/_jsx(ModalHeader.Navigation, {
-          onBack: () => setShowFilterView(false)
-        }), /*#__PURE__*/_jsx(ModalHeader.Content, {
-          title: "",
-          noMargin: true,
-          children: /*#__PURE__*/_jsx(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__*/_jsxs(ModalHeader, {
-        children: [/*#__PURE__*/_jsx(ModalHeader.Navigation, {
-          onBack: handleBack
-        }), /*#__PURE__*/_jsx(ModalHeader.Content, {
-          title: "Request Details",
-          centered: true
-        }), /*#__PURE__*/_jsxs(ModalHeader.Actions, {
-          children: [overridesAvailable ? /*#__PURE__*/_jsx(NetworkOverrideHeaderButton, {
-            onOpen: handleOverridePress
-          }) : null, /*#__PURE__*/_jsx(NetworkDetailPinActions, {
-            isPro: isPro,
-            onUpgradePress: () => showUpgrade("saved")
-          })]
-        })]
-      });
-    }
-
-    // Overrides manager header.
-    if (showOverridesView && overridesAvailable) {
-      return /*#__PURE__*/_jsxs(ModalHeader, {
-        children: [/*#__PURE__*/_jsx(ModalHeader.Navigation, {
-          onBack: () => {
-            if (overridesBackRef.current?.()) return;
-            setShowOverridesView(false);
-            setPendingOverrideDraft(null);
-          }
-        }), /*#__PURE__*/_jsx(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__*/_jsxs(ModalHeader, {
-        children: [/*#__PURE__*/_jsx(ModalHeader.Navigation, {
-          onBack: () => setShowSavedView(false)
-        }), /*#__PURE__*/_jsx(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__*/_jsxs(ModalHeader, {
-      children: [onBack && /*#__PURE__*/_jsx(ModalHeader.Navigation, {
-        onBack: onBack
-      }), /*#__PURE__*/_jsx(ModalHeader.Content, {
-        title: "",
-        children: isSearchActive ? /*#__PURE__*/_jsx(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__*/_jsx(NetworkHeaderBadges, {
-          activeStatus: filter.status,
-          onToggleStatus: toggleStatusFilter,
-          ignoredPatterns: ignoredPatterns,
-          paused: paused
-        })
-      }), /*#__PURE__*/_jsxs(ModalHeader.Actions, {
-        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-          "sentry-label": "ignore open search",
-          testID: "buoy-network-search-open",
-          accessibilityLabel: "Open search",
-          accessibilityRole: "button",
-          onPress: () => setIsSearchActive(true),
-          style: styles.headerActionButton,
-          children: /*#__PURE__*/_jsx(Search, {
-            size: 14,
-            color: night.color.textSecondary
-          })
-        }), overridesAvailable ? /*#__PURE__*/_jsx(NetworkOverridesButton, {
-          onPress: () => setShowOverridesView(true)
-        }) : null, /*#__PURE__*/_jsx(PowerToggleButton, {
-          isEnabled: !paused,
-          onToggle: () => setPaused(prev => !prev),
-          accessibilityLabel: paused ? "Resume network capture" : "Pause network capture",
-          testID: "buoy-network-power"
-        }), /*#__PURE__*/_jsx(NetworkClearButton, {
-          paused: paused
-        }), /*#__PURE__*/_jsx(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 ? devToolsStorageKeys.modal.root() : 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__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.container,
-      children: [/*#__PURE__*/_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__*/_jsx(NetworkFilterScreen, {
-        visible: showFilterView && activeTab === "filters" && !hasSelection,
-        paused: paused,
-        isPro: isPro,
-        filter: filter,
-        onFilterChange: setFilter,
-        ignoredPatterns: ignoredPatterns,
-        onRemovePattern: removeIgnoredPattern,
-        onAddPattern: addIgnoredPattern,
-        onTogglePatternMode: toggleIgnoredPatternMode
-      }), /*#__PURE__*/_jsx(NetworkCopyScreen, {
-        visible: showFilterView && activeTab === "copy" && !hasSelection,
-        paused: paused,
-        isPro: isPro,
-        filter: filter,
-        ignoredPatterns: ignoredPatterns,
-        settings: copySettings,
-        onSettingsChange: setCopySettings
-      }), /*#__PURE__*/_jsx(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__*/_jsx(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__*/_jsx(NetworkListScreen, {
-        visible: !hasSelection && !showFilterView && !showSavedView && !(showOverridesView && overridesAvailable),
-        paused: paused,
-        filter: filter,
-        ignoredPatterns: ignoredPatterns,
-        isPro: isPro,
-        searchText: searchText,
-        onEventPress: handleEventPress,
-        onUpgradePress: () => showUpgrade("export")
-      })]
-    }), showHeaderMenu ? /*#__PURE__*/_jsxs(NetworkHeaderMenu, {
-      onClose: () => setShowHeaderMenu(false),
-      children: [/*#__PURE__*/_jsx(NetworkHeaderMenuItem, {
-        icon: /*#__PURE__*/_jsx(Wifi, {
-          size: 14,
-          color: night.color.textSecondary
-        }),
-        label: "Network throttling",
-        testID: "buoy-network-menu-throttling",
-        onPress: () => {
-          setShowHeaderMenu(false);
-          openNetworkFloatingTool(remoteConditions ? remoteConditionsSource : undefined);
-          if (!inline) setMinimizeRequest(value => value + 1);
-        }
-      }), /*#__PURE__*/_jsx(NetworkHeaderMenuItem, {
-        icon: /*#__PURE__*/_jsx(Filter, {
-          size: 14,
-          color: hasActiveFilter ? night.color.accent : night.color.textSecondary
-        }),
-        label: "Filters",
-        detail: hasActiveFilter ? "Active" : undefined,
-        onPress: () => {
-          setShowHeaderMenu(false);
-          setActiveTab("filters");
-          setShowFilterView(true);
-        }
-      }), /*#__PURE__*/_jsx(NetworkHeaderMenuItem, {
-        icon: /*#__PURE__*/_jsx(Bookmark, {
-          size: 14,
-          color: night.color.textSecondary
-        }),
-        label: "Saved requests",
-        onPress: () => {
-          setShowHeaderMenu(false);
-          setShowSavedView(true);
-        }
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.menuCopyRow,
-        children: /*#__PURE__*/_jsx(NetworkHeaderCopyButton, {
-          isPro: isPro,
-          filter: filter,
-          ignoredPatterns: ignoredPatterns,
-          copySettings: copySettings,
-          paused: paused,
-          onUpgradePress: () => {
-            setShowHeaderMenu(false);
-            showUpgrade("export");
-          },
-          label: "Copy requests"
-        })
-      })]
-    }) : null, /*#__PURE__*/_jsx(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 ${MAX_OVERRIDE_RULES} rules at once (free keeps ${FREE_TIER_OVERRIDE_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 ${MAX_SAVED} requests (free keeps ${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__*/_jsxs(View, {
-      style: styles.inlineRoot,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: styles.inlineHeader,
-        ...windowDragProps,
-        children: renderHeaderContent()
-      }), body]
-    });
-  }
-  return /*#__PURE__*/_jsx(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 = 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: 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: night.color.buttonSurface,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  activeFilterButton: {
-    backgroundColor: night.color.accentSoft,
-    borderColor: 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.
- */
-export function NetworkModal(props) {
-  return /*#__PURE__*/_jsx(TickProvider, {
-    children: /*#__PURE__*/_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.
- */
-export function NetworkToolView(props = {}) {
-  return /*#__PURE__*/_jsx(TickProvider, {
-    children: /*#__PURE__*/_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";import{createRemoteConditionsSource as De,openNetworkFloatingTool as _e}from"../conditions/NetworkFloatingTool";import{useState as n,useRef as x,useEffect as k,useCallback as G}from"react";import{View as E,StyleSheet as Ve,TouchableOpacity as qe}from"react-native";import{Search as He,Wifi as Le,Filter as Ue,Bookmark as ze,JsModal as je,ModalHeader as o,devToolsStorageKeys as D,macOSColors as Ke,night as u,persistentStorage as de,NightSegmented as We,useFeatureGate as Je,UpgradeModal as $e,PowerToggleButton as Ge,useIgnoredPatterns as Xe,windowDragProps as Ye}from"@buoy-gg/shared-ui";import{NetworkFilterViewV3 as Qe}from"./NetworkFilterViewV3";import{TickProvider as ue}from"../hooks/useTickEveryMinute";import{NetworkEventDetailView as Ze}from"./NetworkEventDetailView";import{NetworkCopySettingsView as et,DEFAULT_COPY_SETTINGS as tt}from"./NetworkCopySettingsView";import{NetworkHeaderBadges as rt,NetworkClearButton as ot,NetworkDetailPinActions as nt,NetworkHeaderCopyButton as st}from"./NetworkHeaderLive";import{NetworkListScreen as at}from"./NetworkListScreen";import{NetworkSavedScreen as it}from"./NetworkSavedScreen";import{NetworkOverridesScreen as lt}from"./NetworkOverridesScreen";import{NetworkOverridesButton as ct}from"./NetworkOverridesButton";import{NetworkOverrideHeaderButton as dt}from"./NetworkOverrideHeaderButton";import{NetworkHeaderMenu as ut,NetworkHeaderMenuButton as pt,NetworkHeaderMenuItem as X}from"./NetworkHeaderMenu";import{NetworkDetailStepper as ft}from"./NetworkDetailStepper";import{useNetworkEventList as pe}from"../hooks/useNetworkEventList";import{useLiveNetworkEvent as ht}from"../hooks/useLiveNetworkEvent";import{useHasNetworkSelection as gt,useNetworkBodyEventId as mt,useSelectedNetworkEventId as St}from"../hooks/useNetworkSelection";import{networkSelectionStore as _}from"../utils/networkSelectionStore";import{FREE_TIER_SAVED_LIMIT as vt,MAX_SAVED as wt}from"../utils/networkSavedStore";import{FREE_TIER_RULE_LIMIT as yt,MAX_RULES as kt}from"../overrides/types";import{jsx as e,jsxs as l,Fragment as Pt}from"react/jsx-runtime";function bt({visible:r,paused:p,ignoredPatternValues:f,onTogglePattern:h,isPro:v,filter:c,ignoredPatterns:g,fromSaved:m,savedSearch:w,applySafeAreaInset:i}){const M=St();const V=mt();const b=M!=null&&M===V;const s=ht(M,{paused:p||!r});k(()=>{if(r&&s&&b){_.reportRendered(s.id)}},[r,s,b]);if(!r)return null;return l(E,{style:P.detailRoot,children:[s?e(Ze,{event:s,ignoredPatterns:f,onTogglePattern:h,showBodies:b}):e(E,{style:P.detailBodyFallback}),e(ft,{paused:p,filter:c,ignoredPatterns:g,isPro:v,fromSaved:m,savedSearch:w,applySafeAreaInset:i})]})}function Ct({visible:r,paused:p,isPro:f,filter:h,onFilterChange:v,ignoredPatterns:c,onRemovePattern:g,onAddPattern:m,onTogglePatternMode:w}){const{events:i}=pe({filter:h,ignoredPatterns:c,paused:p,visible:r,isPro:f});if(!r)return null;return e(Qe,{events:i,filter:h,onFilterChange:v,ignoredPatterns:c,onRemovePattern:g,onAddPattern:m,onTogglePatternMode:w})}function Rt({visible:r,paused:p,isPro:f,filter:h,ignoredPatterns:v,settings:c,onSettingsChange:g}){const{events:m}=pe({filter:h,ignoredPatterns:v,paused:p,visible:r,isPro:f});if(!r)return null;return e(et,{settings:c,onSettingsChange:g,events:m})}function fe({visible:r,onClose:p,onBack:f,onMinimize:h,enableSharedModalDimensions:v=false,inline:c=false,paused:g,onPausedChange:m,remoteConditions:w}){const{isPro:i}=Je();const[M,V]=n(false);const b=g!=null&&m!=null;const s=b?g:M;const he=t=>{const a=typeof t==="function"?t(s):t;if(b)m(a);else V(a)};const[d,q]=n({});const S=gt();const[y,Y]=n(false);const[O,Q]=n(false);const[B,H]=n(false);const[Z,C]=n(false);const[ge,me]=n(0);const[T]=n(De);k(()=>{T.update(w)},[T,w]);k(()=>()=>T.update(void 0),[T]);const R=true;const[Se,L]=n(null);const[U,ee]=n("filters");const[te,ve]=n("");const[z,j]=n(false);const It=x(false);const[re,we]=n("");const ye=x(null);const{patterns:N,values:ke,add:Pe,remove:be,toggle:Ce,toggleMode:Re}=Xe();const[F,oe]=n(tt);const K=x(false);const[W,J]=n(false);const[I,Ne]=n("export");const A=t=>{Ne(t);J(true)};k(()=>{if(W&&i){J(false)}},[W,i]);k(()=>{if(!r||K.current)return;const t=async()=>{try{const a=await de.getItem(D.network.copyOptions());if(a){const xe=JSON.parse(a);oe(xe)}}catch(a){}finally{K.current=true}};t()},[r]);k(()=>{if(!K.current)return;const t=async()=>{try{await de.setItem(D.network.copyOptions(),JSON.stringify(F))}catch(a){}};t()},[F]);const Ie=()=>{_.clear()};const ne=G(t=>{_.select(t.id)},[]);const Ee=G((t,a)=>{L(a?{...t,id:a}:t);H(true);_.clear()},[]);const Me=G(()=>L(null),[]);const se=x(null);const ae=t=>{ve(t);q(a=>({...a,searchText:t}))};const Te=t=>{q(a=>({...a,status:a.status===t?void 0:t}))};const[ie,Fe]=n("bottomSheet");const Ae=t=>{Fe(t)};k(()=>{if(z){requestAnimationFrame(()=>{ye.current?.focus()})}},[z]);const le=()=>{if(y){return l(o,{children:[e(o.Navigation,{onBack:()=>Y(false)}),e(o.Content,{title:"",noMargin:true,children:e(We,{size:"sm",tabs:[{key:"filters",label:"Filters"},{key:"copy",label:"Copy"}],activeKey:U,onChange:t=>ee(t)})})]})}if(S){return l(o,{children:[e(o.Navigation,{onBack:Ie}),e(o.Content,{title:"Request Details",centered:true}),l(o.Actions,{children:[R?e(dt,{onOpen:Ee}):null,e(nt,{isPro:i,onUpgradePress:()=>A("saved")})]})]})}if(B&&R){return l(o,{children:[e(o.Navigation,{onBack:()=>{if(se.current?.())return;H(false);L(null)}}),e(o.Content,{title:"Response Overrides",centered:true})]})}if(O){return l(o,{children:[e(o.Navigation,{onBack:()=>Q(false)}),e(o.Content,{title:"Saved Requests",centered:true})]})}return l(o,{children:[f&&e(o.Navigation,{onBack:f}),e(o.Content,{title:"",children:z?e(o.Search,{value:te,onChangeText:ae,onCancel:()=>{ae("");j(false)},onDismiss:()=>j(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"}}):e(rt,{activeStatus:d.status,onToggleStatus:Te,ignoredPatterns:N,paused:s})}),l(o.Actions,{children:[e(qe,{"sentry-label":"ignore open search",testID:"buoy-network-search-open",accessibilityLabel:"Open search",accessibilityRole:"button",onPress:()=>j(true),style:P.headerActionButton,children:e(He,{size:14,color:u.color.textSecondary})}),R?e(ct,{onPress:()=>H(true)}):null,e(Ge,{isEnabled:!s,onToggle:()=>he(t=>!t),accessibilityLabel:s?"Resume network capture":"Pause network capture",testID:"buoy-network-power"}),e(ot,{paused:s}),e(pt,{onPress:()=>C(t=>!t),isOpen:Z,hasIndicator:$})]})]})};const $=!!(d.status||d.method||d.contentType);const Oe=v?D.modal.root():D.network.modal();if(!r)return null;const Be=S||!y;const ce=l(Pt,{children:[l(E,{style:P.container,children:[e(bt,{visible:S,paused:s,ignoredPatternValues:ke,onTogglePattern:Ce,isPro:i,filter:d,ignoredPatterns:N,fromSaved:O,savedSearch:re,applySafeAreaInset:!c&&ie==="bottomSheet"}),e(Ct,{visible:y&&U==="filters"&&!S,paused:s,isPro:i,filter:d,onFilterChange:q,ignoredPatterns:N,onRemovePattern:be,onAddPattern:Pe,onTogglePatternMode:Re}),e(Rt,{visible:y&&U==="copy"&&!S,paused:s,isPro:i,filter:d,ignoredPatterns:N,settings:F,onSettingsChange:oe}),e(lt,{visible:R&&B&&!S&&!y,isPro:i,onUpgradePress:()=>A("overrides"),pendingDraft:Se,onPendingConsumed:Me,backHandlerRef:se,applySafeAreaInset:!c&&ie==="bottomSheet"}),e(it,{visible:O&&!S&&!y&&!(B&&R),isPro:i,copySettings:F,search:re,onSearchChange:we,onEventPress:ne,onUpgradePress:()=>A("saved")}),e(at,{visible:!S&&!y&&!O&&!(B&&R),paused:s,filter:d,ignoredPatterns:N,isPro:i,searchText:te,onEventPress:ne,onUpgradePress:()=>A("export")})]}),Z?l(ut,{onClose:()=>C(false),children:[e(X,{icon:e(Le,{size:14,color:u.color.textSecondary}),label:"Network throttling",testID:"buoy-network-menu-throttling",onPress:()=>{C(false);_e(w?T:void 0);if(!c)me(t=>t+1)}}),e(X,{icon:e(Ue,{size:14,color:$?u.color.accent:u.color.textSecondary}),label:"Filters",detail:$?"Active":void 0,onPress:()=>{C(false);ee("filters");Y(true)}}),e(X,{icon:e(ze,{size:14,color:u.color.textSecondary}),label:"Saved requests",onPress:()=>{C(false);Q(true)}}),e(E,{style:P.menuCopyRow,children:e(st,{isPro:i,filter:d,ignoredPatterns:N,copySettings:F,paused:s,onUpgradePress:()=>{C(false);A("export")},label:"Copy requests"})})]}):null,e($e,{visible:W,onClose:()=>J(false),featureName:I==="saved"?"Saved Requests":I==="overrides"?"Response Overrides":"Network Export",description:I==="saved"?"Keep the requests that matter. Saved requests survive Clear, app restarts, and the 500-request history cap.":I==="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:I==="overrides"?[`Run ${kt} rules at once (free keeps ${yt})`,"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"]:I==="saved"?[`Save up to ${wt} requests (free keeps ${vt})`,"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(c){return l(E,{style:P.inlineRoot,children:[e(E,{style:P.inlineHeader,...Ye,children:le()}),ce]})}return e(je,{visible:r,onClose:p,onMinimize:h,minimizeRequest:ge,persistenceKey:Oe,variant:"night",header:{showToggleButton:true,customContent:le()},onModeChange:Ae,enablePersistence:true,initialMode:"bottomSheet",enableGlitchEffects:true,disableScrollWrapper:Be,styles:{},children:ce})}const P=Ve.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:Ke.border.default,backgroundColor:"transparent"},menuCopyRow:{paddingHorizontal:6},headerActionButton:{width:32,height:32,borderRadius:8,backgroundColor:u.color.buttonSurface,borderWidth:1,borderColor:u.color.border,alignItems:"center",justifyContent:"center"},activeFilterButton:{backgroundColor:u.color.accentSoft,borderColor:u.color.accentBorderStrong}});export function NetworkModal(r){return e(ue,{children:e(fe,{...r})})}export function NetworkToolView(r={}){return e(ue,{children:e(fe,{...r,inline:true,visible:true,onClose:Nt})})}const Nt=()=>{};