@buoy-gg/network 7.0.36 → 7.0.38

package/lib/commonjs/network/utils/networkListener.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.stopNetworkListener = exports.startNetworkListener = exports.removeAllNetworkListeners = exports.networkListener = exports.isNetworkListening = exports.isNetworkInterceptionLive = exports.getNetworkListenerCount = exports.addNetworkListener = exports.BUOY_XHR_INTERCEPTOR_FLAG = exports.BUOY_FETCH_INTERCEPTOR_FLAG = void 0;
+var _xhr = require("../conditions/xhr");
+var _store = require("../conditions/store");
+var _wait = require("../conditions/wait");
 var _engine = require("../overrides/engine");
 var _applyToXhr = require("../overrides/applyToXhr");
 var _applyToFetch = require("../overrides/applyToFetch");
@@ -26,7 +29,7 @@ var _httpCompletion = require("./httpCompletion");
  * executor, so a flag raised across the call expression alone is enough to
  * cover the inner `send()` without leaking across the await.
  */
-let insideOverriddenFetch = false;
+let insideFetchHandoff = false;
 
 // Extended XMLHttpRequest interface for monkey-patching
 
@@ -105,9 +108,14 @@ const INTERNAL_HOSTS_KEY = "__BUOY_INTERNAL_HOSTS__";
 function isInternalBuoyHost(url) {
   const hosts = globalThis[INTERNAL_HOSTS_KEY];
   if (!(hosts instanceof Set) || hosts.size === 0) return false;
-  const lower = url.toLowerCase();
+  let authority;
+  try {
+    authority = new URL(url).host.toLowerCase();
+  } catch {
+    return false;
+  }
   for (const host of hosts) {
-    if (typeof host === "string" && host && lower.includes(host)) return true;
+    if (typeof host === "string" && host && authority === host.toLowerCase()) return true;
   }
   return false;
 }
@@ -116,12 +124,6 @@ class NetworkListener {
   isListening = false;
   requestCounter = 1000;
 
-  // URLs to ignore (Metro bundler, symbolicate, etc.)
-  ignoredUrls = [/\/symbolicate$/, /\/logs$/, /\/debugger-proxy/, /\/reload$/, /\/launch-js-devtools/, /localhost:8081/, /100\.64\.\d+\.\d+:8081/,
-  // iOS simulator
-  /10\.0\.\d+\.\d+:8081/ // Android emulator
-  ];
-
   // Store original methods
 
   /**
@@ -145,7 +147,7 @@ class NetworkListener {
   xhrGeneration = 0;
   constructor() {
     // Store original methods
-    this.originalFetch = globalThis.fetch.bind(globalThis);
+    this.originalFetch = globalThis.fetch;
     this.originalXHROpen = XMLHttpRequest.prototype.open;
     this.originalXHRSend = XMLHttpRequest.prototype.send;
     this.originalXHRSetRequestHeader = XMLHttpRequest.prototype.setRequestHeader;
@@ -161,7 +163,14 @@ class NetworkListener {
    * @returns True if the URL should be ignored
    */
   shouldIgnoreUrl(url) {
-    if (this.ignoredUrls.some(pattern => pattern.test(url))) return true;
+    try {
+      const parsed = new URL(url);
+      if (parsed.hostname === "keygen.sh" || parsed.hostname.endsWith(".keygen.sh")) return true;
+      const local = parsed.hostname === "localhost" || parsed.hostname === "127.0.0.1" || parsed.hostname === "10.0.2.2";
+      if (local && ["8081", "8802"].includes(parsed.port)) return true;
+    } catch {
+      return false;
+    }
     return isInternalBuoyHost(url);
   }
 
@@ -247,7 +256,7 @@ class NetworkListener {
           out += decoder.decode(value, {
             stream: true
           });
-          if (out.length >= maxSize) {
+          if (size >= maxSize) {
             out = `${out.slice(0, maxSize)}\n\n... [truncated]`;
             capped = true;
             break;
@@ -344,14 +353,14 @@ class NetworkListener {
    * Handle XMLHttpRequest response processing
    * This method processes the response and emits appropriate events
    */
-  handleXHRResponse(xhr, requestId, cleanUrl, method, requestHeaders, requestData, params, startTime, isError = false, clientType = "xhr", override) {
+  handleXHRResponse(xhr, requestId, cleanUrl, method, requestHeaders, requestData, params, startTime, isError = false, clientType = "xhr", override, condition) {
     const duration = startTime ? Date.now() - startTime : 0;
 
     // XHR's duration was ALREADY total (measured at readyState 4 / load), so
-    // only the split is new. `_ttfb` is stamped at HEADERS_RECEIVED; it is
+    // only the split is new. `_buoyTtfb` is stamped at HEADERS_RECEIVED; it is
     // absent for a request that failed before any headers arrived, and the
     // breakdown is then correctly omitted rather than faked as 0.
-    const ttfb = xhr._ttfb;
+    const ttfb = xhr._buoyTtfb;
     const timings = ttfb === undefined ? undefined : {
       ttfb,
       download: Math.max(0, duration - ttfb)
@@ -374,7 +383,8 @@ class NetworkListener {
         error: {
           message: isError ? "Request failed" : "Network error or request aborted"
         },
-        override
+        override,
+        condition
       });
       return;
     }
@@ -516,7 +526,8 @@ class NetworkListener {
           body,
           size: responseSize
         },
-        override
+        override,
+        condition
       });
     } else {
       this.emit({
@@ -542,7 +553,8 @@ class NetworkListener {
         error: {
           message: "Network Error"
         },
-        override
+        override,
+        condition
       });
     }
   }
@@ -608,7 +620,7 @@ class NetworkListener {
     // re-installing after a clobber must call through the replacement, and a
     // stale generation must replay the chain exactly as it stood beneath it.
     const passthroughFetch = globalThis.fetch.bind(globalThis);
-    this.originalFetch = passthroughFetch;
+    this.originalFetch = globalThis.fetch;
     const generation = ++this.fetchGeneration;
     const wrappedFetch = async (input, init) => {
       const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
@@ -626,7 +638,11 @@ class NetworkListener {
       }
       const startTime = Date.now();
       const requestId = `fetch_${++self.requestCounter}`;
-      const method = init?.method || "GET";
+      const inputRequest = typeof input === "object" && "method" in input ? input : undefined;
+      const method = init?.method ?? inputRequest?.method ?? "GET";
+      const signal = init?.signal !== undefined ? init.signal : inputRequest?.signal;
+      (0, _wait.throwIfAborted)(signal);
+      const condition = (0, _store.snapshotNetworkCondition)(url);
       const {
         url: cleanUrl,
         params
@@ -634,17 +650,18 @@ class NetworkListener {
 
       // Parse request headers
       let requestHeaders = {};
-      if (init?.headers) {
-        if (init.headers instanceof Headers) {
-          init.headers.forEach((value, key) => {
+      const headers = init?.headers ?? inputRequest?.headers;
+      if (headers) {
+        if (headers instanceof Headers) {
+          headers.forEach((value, key) => {
             requestHeaders[key] = value;
           });
-        } else if (Array.isArray(init.headers)) {
-          init.headers.forEach(([key, value]) => {
+        } else if (Array.isArray(headers)) {
+          headers.forEach(([key, value]) => {
             requestHeaders[key] = value;
           });
         } else {
-          requestHeaders = init.headers;
+          requestHeaders = headers;
         }
       }
 
@@ -676,7 +693,7 @@ class NetworkListener {
        * Skipped when `canSynthesizeResponse()` is false so a runtime without a
        * `Response` global degrades to a real request rather than a broken one.
        */
-      const outcome = (0, _applyToFetch.canSynthesizeResponse)() ? (0, _engine.overrideForRequest)(url, method) : null;
+      const outcome = condition?.profile !== "offline" && (0, _applyToFetch.canSynthesizeResponse)() ? (0, _engine.overrideForRequest)(url, method) : null;
       const override = outcome ? (0, _types.markForOutcome)(outcome) : undefined;
 
       // Emit request event
@@ -692,24 +709,28 @@ class NetworkListener {
           params: params || undefined,
           client: clientType
         },
-        override
+        override,
+        condition
       });
       try {
-        if (outcome) await (0, _applyToFetch.sleep)(outcome.delayMs);
+        if (condition || outcome) await (0, _wait.waitBeforeDispatch)((condition?.delayMs ?? 0) + (outcome?.delayMs ?? 0), signal);
+        (0, _wait.throwIfAborted)(signal);
+        if (condition?.profile === "offline") throw new TypeError("Network request failed (Buoy Offline)");
         if (outcome?.kind === "fail") throw (0, _applyToFetch.synthesizeFetchError)(outcome);
         let response;
         if (outcome?.kind === "respond") {
           response = (0, _applyToFetch.synthesizeResponse)(url, outcome);
         } else {
-          // The flag spans the CALL only — see `insideOverriddenFetch`. It has
+          // The flag spans the CALL only — see `insideFetchHandoff`. It has
           // to be cleared before the await, or it would still be raised for
           // every unrelated request that starts while this one is in flight.
-          insideOverriddenFetch = outcome != null;
+          const previousFetchHandoff = insideFetchHandoff;
+          insideFetchHandoff = true;
           let pending;
           try {
             pending = passthroughFetch(input, init);
           } finally {
-            insideOverriddenFetch = false;
+            insideFetchHandoff = previousFetchHandoff;
           }
           response = await pending;
         }
@@ -731,7 +752,7 @@ class NetworkListener {
          * known, and the body is filled in when the stream closes: the store
          * merges a second `response` event onto the same request id.
          */
-        const streamed = isStreamedContentType(response.headers?.get?.("content-type"));
+        const streamed = typeof response.body?.getReader === "function" || isStreamedContentType(response.headers?.get?.("content-type"));
 
         // Clone response to read body with size limits
         const responseClone = response.clone();
@@ -798,11 +819,18 @@ class NetworkListener {
             body,
             size: responseSize
           },
-          override
+          override,
+          condition
         });
         if (streamed) {
           // Bounded, cancelled at the cap, and never awaited by the caller.
           void self.readStreamedBody(responseClone).then(late => {
+            let capturedBody = late.body;
+            if (response.headers?.get?.("content-type")?.includes("json")) {
+              try {
+                capturedBody = JSON.parse(late.body);
+              } catch {/* Partial or malformed JSON stays text. */}
+            }
             self.emit({
               type: "response",
               timestamp: new Date(),
@@ -821,10 +849,11 @@ class NetworkListener {
                 status: response.status,
                 statusText: response.statusText,
                 headers: responseHeaders,
-                body: late.body,
+                body: capturedBody,
                 size: late.size
               },
-              override
+              override,
+              condition
             });
           }).catch(() => {
             /* the caller's response is unaffected either way */
@@ -852,7 +881,8 @@ class NetworkListener {
             message: error instanceof Error ? error.message : "Network error",
             stack: error instanceof Error ? error.stack : undefined
           },
-          override
+          override,
+          condition
         });
         throw error;
       }
@@ -873,18 +903,20 @@ class NetworkListener {
     this.originalXHRSend = passthroughSend;
     this.originalXHRSetRequestHeader = passthroughSetRequestHeader;
     const generation = ++this.xhrGeneration;
+    const pendingCapture = new WeakMap();
     const patchedOpen = function (method, url, async, user, password) {
-      // Superseded generations must not re-stamp (a double stamp burns two
-      // request ids per request) — just pass through.
+      // Native validation runs before replacing metadata or capture listeners.
+      const result = passthroughOpen.call(this, method, url, async ?? true, user, password);
       if (generation === self.xhrGeneration) {
+        pendingCapture.get(this)?.();
         const xhr = this;
-        xhr._requestId = `xhr_${++self.requestCounter}`;
+        xhr._buoyRequestId = `xhr_${++self.requestCounter}`;
         xhr._method = method;
         xhr._url = url;
-        xhr._startTime = Date.now();
+        xhr._buoyStartTime = Date.now();
         xhr._requestHeaders = {};
       }
-      return passthroughOpen.call(this, method, url, async ?? true, user, password);
+      return result;
     };
 
     // Track request headers
@@ -899,14 +931,19 @@ class NetworkListener {
     // @ts-ignore - this does exist on native
     data) {
       // Superseded generation: silent pass-through (see the fetch wrapper).
-      if (generation !== self.xhrGeneration) {
+      if (generation !== self.xhrGeneration || insideFetchHandoff) {
+        return passthroughSend.call(this, data);
+      }
+      if (this.readyState !== 1 || this._sent) {
         return passthroughSend.call(this, data);
       }
       const xhr = this;
-      const requestId = xhr._requestId;
+      const requestId = xhr._buoyRequestId;
       const method = xhr._method || "GET";
       const url = xhr._url || "";
-      const startTime = xhr._startTime;
+      const startTime = Date.now();
+      xhr._buoyStartTime = startTime;
+      xhr._buoyTtfb = undefined;
       const requestHeaders = xhr._requestHeaders || {};
 
       // Skip ignored URLs
@@ -946,14 +983,15 @@ class NetworkListener {
        * This is the layer that covers `axios` and raw XMLHttpRequest. It also
        * covers `fetch` on BARE React Native, where the whatwg-fetch polyfill
        * runs through XHR — which is why the fetch wrapper raises
-       * `insideOverriddenFetch` around its pass-through, so one request can't
+       * `insideFetchHandoff` around its pass-through, so one request can't
        * be overridden twice.
        *
        * Matching uses the raw `url` (query string included), which is what the
        * developer sees in the list and writes into a rule. No-ops in production
        * builds; see `overrideForRequest`.
        */
-      const outcome = insideOverriddenFetch ? null : (0, _engine.overrideForRequest)(url, method);
+      const condition = (0, _store.snapshotNetworkCondition)(url);
+      const outcome = condition?.profile === "offline" ? null : (0, _engine.overrideForRequest)(url, method);
       const override = outcome ? (0, _types.markForOutcome)(outcome) : undefined;
 
       // Emit request event
@@ -969,7 +1007,8 @@ class NetworkListener {
           params: params || undefined,
           client: clientType
         },
-        override
+        override,
+        condition
       });
 
       // Track if we've already processed this request to avoid duplicate events
@@ -977,18 +1016,20 @@ class NetworkListener {
       const processResponse = (isError = false) => {
         if (processed) return;
         processed = true;
-        self.handleXHRResponse(this, requestId || "unknown", cleanUrl, method, requestHeaders, requestData, params, startTime || 0, isError, clientType, override);
+        self.handleXHRResponse(this, requestId || "unknown", cleanUrl, method, requestHeaders, requestData, params, startTime || 0, isError, clientType, override, condition);
         // Clean up event listeners after processing to prevent memory leaks
         cleanup();
       };
 
       // Cleanup function to remove event listeners
       const cleanup = () => {
+        pendingCapture.delete(this);
         this.removeEventListener("load", loadListener);
         this.removeEventListener("error", errorListener);
         this.removeEventListener("abort", abortListener);
         this.removeEventListener("readystatechange", readyStateListener);
       };
+      pendingCapture.set(this, cleanup);
 
       // Use addEventListener to listen to events WITHOUT replacing user handlers
       // This is critical because React Native's XMLHttpRequest uses EventTarget
@@ -1010,8 +1051,8 @@ class NetworkListener {
         // TTFB here costs one comparison and one clock read.
         if (this.readyState === 2) {
           const xhr = this;
-          if (xhr._ttfb === undefined && xhr._startTime) {
-            xhr._ttfb = Date.now() - xhr._startTime;
+          if (xhr._buoyTtfb === undefined && xhr._buoyStartTime) {
+            xhr._buoyTtfb = Date.now() - xhr._buoyStartTime;
           }
         }
         if (this.readyState === 4 && !processed) {
@@ -1024,6 +1065,10 @@ class NetworkListener {
       this.addEventListener("error", errorListener);
       this.addEventListener("abort", abortListener);
       this.addEventListener("readystatechange", readyStateListener);
+      if (condition) {
+        (0, _xhr.runConditionXhr)(this, url, condition, outcome, () => passthroughSend.call(this, data));
+        return;
+      }
       if (outcome) {
         // Listeners are attached above FIRST: `runOverride` drives the same
         // readyState transitions a real response would, and the interceptor has

package/lib/commonjs/network/utils/networkSavedStore.js

@@ -44,8 +44,8 @@ const MAX_PINNED = exports.MAX_PINNED = 25;
 const MAX_SAVED = exports.MAX_SAVED = 50;
 /**
  * @deprecated Read the live limit with `useLimit("network.saved")` — this only
- * reports the FREE tier's value and is blind to the anonymous tier. Kept
- * because it is part of the package's public exports.
+ * reports the FREE tier's value and ignores the Weekend Pass. Kept because it
+ * is part of the package's public exports.
  */
 const FREE_TIER_SAVED_LIMIT = exports.FREE_TIER_SAVED_LIMIT = _sharedUi.TIER_LIMITS["network.saved"].free;
 /** Per-body cap on a snapshot. */

package/lib/commonjs/network/utils/selectSavedEvents.js

@@ -19,8 +19,8 @@ var _networkSavedStore = require("./networkSavedStore");
 function selectSavedEvents(savedRecords,
 /**
  * How many saves this tier may see — `useLimit("network.saved")`. Takes a
- * number rather than `isPro` because there are now three tiers, and a
- * boolean cannot express the anonymous one.
+ * number rather than `isPro` because Pro's cap is 50, not unlimited, and a
+ * boolean cannot express that.
  */
 limit, search) {
   /**

package/lib/commonjs/preset.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.networkToolPreset = exports.createNetworkTool = void 0;
+var _NetworkConditionsIcon = require("./network/conditions/NetworkConditionsIcon");
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _NetworkModal = require("./network/components/NetworkModal");
 var _overrideRulesStore = require("./network/overrides/overrideRulesStore");
@@ -72,7 +73,7 @@ const networkToolPreset = exports.networkToolPreset = (0, _sharedUi.defineToolPr
   slot: "both",
   icon: ({
     size
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NetworkIcon, {
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkConditionsIcon.NetworkConditionsIcon, {
     size: size
   }),
   component: _NetworkModal.NetworkModal,

package/lib/module/index.js

@@ -99,4 +99,5 @@ export { networkEventStore } from "./network/utils/networkEventStore";
 export { networkSavedStore, flagsForEventId, FREE_TIER_SAVED_LIMIT, MAX_PINNED, MAX_SAVED } from "./network/utils/networkSavedStore";
 export { generateCurl } from "./network/utils/generateCurl";
 /** @internal */
-export { networkListener, addNetworkListener, removeAllNetworkListeners } from "./network/utils/networkListener";
+export { networkListener, addNetworkListener, removeAllNetworkListeners } from "./network/utils/networkListener";
+export { NETWORK_CONDITIONS, getNetworkCondition, setNetworkCondition, subscribeNetworkConditions } from "./network/conditions/store";

package/lib/module/index.web.js

@@ -78,4 +78,5 @@ export { ruleMatches } from "./network/overrides/matchRule";
 export { filterNetworkEvents, applyIgnoredPatterns } from "./network/utils/filterNetworkEvents";
 export { splitPinned } from "./network/utils/withPinnedFirst";
 export { extractOperationName } from "./network/utils/extractOperationName";
-export { generateCurl } from "./network/utils/generateCurl";
+export { generateCurl } from "./network/utils/generateCurl";
+export { NETWORK_CONDITIONS, getNetworkCondition, setNetworkCondition, subscribeNetworkConditions } from "./network/conditions/store";

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

@@ -446,7 +446,12 @@ ${JSON.stringify(requestDetails.responseData, null, 2)}
               style: styles.pendingBadgeText,
               children: "Pending"
             })]
-          }) : null, event.duration ? /*#__PURE__*/_jsxs(View, {
+          }) : null, event.condition && /*#__PURE__*/_jsxs(Text, {
+            style: {
+              color: "#FFCC66"
+            },
+            children: ["Conditions: ", event.condition.profile, " (+", event.condition.delayMs, " ms)"]
+          }), event.duration ? /*#__PURE__*/_jsxs(View, {
             style: styles.httpDuration,
             children: [/*#__PURE__*/_jsx(Clock, {
               size: 10,

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

@@ -76,11 +76,15 @@ export function NetworkHeaderMenuItem({
   icon,
   label,
   detail,
+  testID,
   onPress
 }) {
   return /*#__PURE__*/_jsxs(TouchableOpacity, {
     onPress: onPress,
     "sentry-label": "ignore header menu item",
+    testID: testID,
+    accessibilityRole: "button",
+    accessibilityLabel: label,
     style: styles.item,
     children: [/*#__PURE__*/_jsx(View, {
       style: styles.itemIcon,

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

@@ -1,8 +1,9 @@
 "use strict";
 
+import { createRemoteConditionsSource, openNetworkFloatingTool } from "../conditions/NetworkFloatingTool";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { View, StyleSheet, TouchableOpacity } from "react-native";
-import { Search, Filter, Bookmark, JsModal, ModalHeader, devToolsStorageKeys, macOSColors, night, persistentStorage, NightSegmented, useFeatureGate, UpgradeModal, PowerToggleButton, useIgnoredPatterns, windowDragProps } from "@buoy-gg/shared-ui";
+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";
@@ -178,7 +179,8 @@ function NetworkModalInner({
   enableSharedModalDimensions = false,
   inline = false,
   paused: pausedProp,
-  onPausedChange
+  onPausedChange,
+  remoteConditions
 }) {
   const {
     isPro
@@ -208,6 +210,12 @@ function NetworkModalInner({
   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.
@@ -488,7 +496,7 @@ function NetworkModalInner({
         }) : null, /*#__PURE__*/_jsx(PowerToggleButton, {
           isEnabled: !paused,
           onToggle: () => setPaused(prev => !prev),
-          accessibilityLabel: "Toggle network interception",
+          accessibilityLabel: "Pause network list",
           testID: "buoy-network-power"
         }), /*#__PURE__*/_jsx(NetworkClearButton, {
           paused: paused
@@ -586,6 +594,18 @@ function NetworkModalInner({
     }), 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
@@ -624,12 +644,7 @@ function NetworkModalInner({
       })]
     }) : null, /*#__PURE__*/_jsx(UpgradeModal, {
       visible: showUpgradeModal,
-      onClose: () => setShowUpgradeModal(false)
-      // "saved" is a count limit a free key can raise; "overrides" is one it
-      // can't (1 on both tiers) and "export" is Pro-only — freeKeyRaises
-      // sorts those out, so the mapping here can stay literal.
-      ,
-      limitKey: upgradeReason === "saved" ? "network.saved" : upgradeReason === "overrides" ? "network.overrideRules" : undefined,
+      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"]
@@ -652,6 +667,7 @@ function NetworkModalInner({
     visible: visible,
     onClose: onClose,
     onMinimize: onMinimize,
+    minimizeRequest: minimizeRequest,
     persistenceKey: persistenceKey,
     variant: "night",
     header: {