@buoy-gg/network 7.0.32 → 7.0.34

package/lib/commonjs/index.js

@@ -63,6 +63,12 @@ Object.defineProperty(exports, "NetworkEventItemCompact", {
     return _NetworkEventItemCompact.NetworkEventItemCompact;
   }
 });
+Object.defineProperty(exports, "NetworkHeaderBadgesView", {
+  enumerable: true,
+  get: function () {
+    return _NetworkHeaderLive.NetworkHeaderBadgesView;
+  }
+});
 Object.defineProperty(exports, "NetworkModal", {
   enumerable: true,
   get: function () {

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

@@ -546,62 +546,16 @@ function NetworkCopySettingsView({
   const generatePreviewContent = (0, _react.useCallback)(() => {
     const dataSource = hasLiveData ? events : [mockRequestData];
     const requestCount = dataSource.length;
-
-    // Collapsed state - show summary with expand button
-    if (!isPreviewExpanded) {
-      const warningColor = sizeWarningLevel === 'danger' ? _sharedUi.macOSColors.semantic.error : sizeWarningLevel === 'warning' ? _sharedUi.macOSColors.semantic.warning : _sharedUi.macOSColors.text.secondary;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.collapsedPreview,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          style: styles.expandButton,
-          onPress: () => setIsPreviewExpanded(true),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.expandButtonContent,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Eye, {
-              size: 16,
-              color: _sharedUi.macOSColors.semantic.info
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.expandButtonTextContainer,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.expandButtonTitle,
-                children: "Show Preview"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-                style: styles.expandButtonSubtitle,
-                children: [requestCount, " request", requestCount !== 1 ? 's' : '', " \u2022 ~", formatBytes(estimatedSize)]
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronDown, {
-              size: 16,
-              color: _sharedUi.macOSColors.text.muted
-            })]
-          })
-        }), sizeWarningLevel !== 'none' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: [styles.sizeWarning, sizeWarningLevel === 'danger' && styles.sizeWarningDanger],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
-            size: 12,
-            color: warningColor
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.sizeWarningText, {
-              color: warningColor
-            }],
-            children: sizeWarningLevel === 'danger' ? 'Very large payload - may cause performance issues' : 'Large payload - preview may be slow'
-          })]
-        })]
-      });
-    }
-
-    // Expanded state - show collapse button + actual content
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: styles.collapseButton,
-        onPress: () => setIsPreviewExpanded(false),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.collapseButtonText,
-          children: "Hide Preview"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronUp, {
-          size: 14,
-          color: _sharedUi.macOSColors.text.secondary
-        })]
-      }), generateExpandedPreviewContent()]
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ExportPreview, {
+      expanded: isPreviewExpanded,
+      onExpandedChange: setIsPreviewExpanded,
+      summary: `${requestCount} request${requestCount !== 1 ? "s" : ""} • ~${formatBytes(estimatedSize)}`,
+      warningLevel: sizeWarningLevel,
+      warningText: {
+        warning: "Large payload - preview may be slow",
+        danger: "Very large payload - may cause performance issues"
+      },
+      renderBody: generateExpandedPreviewContent
     });
   }, [settings, hasLiveData, events, mockRequestData, isPreviewExpanded, estimatedSize, sizeWarningLevel, generateExpandedPreviewContent]);
 
@@ -790,71 +744,6 @@ const styles = _reactNative.StyleSheet.create({
     marginRight: 8
   },
   // Collapsible preview styles
-  collapsedPreview: {
-    gap: 8
-  },
-  expandButton: {
-    backgroundColor: _sharedUi.macOSColors.background.input,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default,
-    padding: 12
-  },
-  expandButtonContent: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 10
-  },
-  expandButtonTextContainer: {
-    flex: 1
-  },
-  expandButtonTitle: {
-    fontSize: 13,
-    fontWeight: '600',
-    color: _sharedUi.macOSColors.text.primary
-  },
-  expandButtonSubtitle: {
-    fontSize: 11,
-    color: _sharedUi.macOSColors.text.secondary,
-    marginTop: 2
-  },
-  collapseButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: 6,
-    paddingVertical: 8,
-    marginBottom: 8,
-    backgroundColor: _sharedUi.macOSColors.background.hover,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default
-  },
-  collapseButtonText: {
-    fontSize: 12,
-    fontWeight: '500',
-    color: _sharedUi.macOSColors.text.secondary
-  },
-  sizeWarning: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 6,
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    backgroundColor: _sharedUi.macOSColors.semantic.warningBackground,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.semantic.warning + '30'
-  },
-  sizeWarningDanger: {
-    backgroundColor: _sharedUi.macOSColors.semantic.errorBackground,
-    borderColor: _sharedUi.macOSColors.semantic.error + '30'
-  },
-  sizeWarningText: {
-    fontSize: 11,
-    fontWeight: '500',
-    flex: 1
-  },
   // Gated container styles for free users
   gatedContainer: {
     flex: 1,

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.NetworkClearButton = NetworkClearButton;
 exports.NetworkDetailPinActions = NetworkDetailPinActions;
 exports.NetworkHeaderBadges = NetworkHeaderBadges;
+exports.NetworkHeaderBadgesView = NetworkHeaderBadgesView;
 exports.NetworkHeaderCopyButton = NetworkHeaderCopyButton;
 exports.NetworkSavedButton = NetworkSavedButton;
 var _reactNative = require("react-native");
@@ -48,6 +49,21 @@ function NetworkHeaderBadges({
     ignoredPatterns,
     paused
   });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(NetworkHeaderBadgesView, {
+    counts: counts,
+    activeStatus: activeStatus,
+    onToggleStatus: onToggleStatus
+  });
+}
+/**
+ * The chips themselves, fed by props — what the parity sheet renders with
+ * fixture counts (`NetworkHeaderBadges` reads the live store).
+ */
+function NetworkHeaderBadgesView({
+  counts,
+  activeStatus,
+  onToggleStatus
+}) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.headerChipRow,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {

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

@@ -27,23 +27,6 @@ var _jsxRuntime = require("react/jsx-runtime");
  * `paused || !visible` so a hidden list doesn't subscribe at all.
  */
 
-function EmptyState({
-  isEnabled
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.emptyState,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Globe, {
-      size: 32,
-      color: _sharedUi.macOSColors.text.muted
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.emptyTitle,
-      children: "No network events"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.emptyText,
-      children: isEnabled ? "Network requests will appear here" : "Enable interception to start capturing"
-    })]
-  });
-}
 const keyExtractor = item => item.id;
 
 /**
@@ -164,7 +147,8 @@ function NetworkListScreen({
   const {
     visibleEvents,
     hasLockedEvents,
-    lockedEventCount
+    lockedEventCount,
+    totalEvents
   } = (0, _useNetworkEventList.useNetworkEventList)({
     filter,
     ignoredPatterns,
@@ -226,6 +210,34 @@ function NetworkListScreen({
     onLongPress: handleLongPress,
     saved: savedLiveIds.has(item.id)
   });
+
+  // Which flavour of "nothing here" this is. Pins and overrides render
+  // outside the list, so a screen showing only those is not empty at all.
+  const renderEmpty = () => {
+    // Pins and overrides render outside the list, so a screen showing only
+    // those is not empty at all.
+    if (pinnedRows.length > 0 || overridden.length > 0) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
+      testID: "buoy-network-empty",
+      ...(0, _sharedUi.resolveListEmptyState)({
+        subject: "requests",
+        search: searchText,
+        total: totalEvents,
+        capturing: isEnabled,
+        waiting: {
+          // fishing = capture is on and nothing has arrived.
+          otto: "fishing",
+          title: "No network events",
+          message: "Network requests will appear here"
+        },
+        paused: {
+          // paused = capture off. Both are literally what the copy says.
+          title: "No network events",
+          message: "Enable interception to start capturing"
+        }
+      })
+    });
+  };
   const renderListFooter = () => {
     if (!hasLockedEvents) return null;
     const isSearching = searchText.length > 0;
@@ -270,10 +282,8 @@ function NetworkListScreen({
       showsVerticalScrollIndicator: true
       // Clipped cells falsely fail Detox's hittability check (known
       // RN+Detox issue), so e2e bundles (Metro started with
-      // EXPO_PUBLIC_E2E=1) turn clipping off. Inlined at bundle time;
-      // guarded so a non-inlining bundler keeps the prod behavior.
+      // EXPO_PUBLIC_E2E=1) turn clipping off — see EVENT_LIST_PRESET.
       ,
-      removeClippedSubviews: !(typeof process !== "undefined" && process.env?.EXPO_PUBLIC_E2E),
       onEndReachedThreshold: 0.8
       // The list OWNS scrolling (NetworkModal passes
       // disableScrollWrapper while this screen is visible) so FlatList
@@ -282,24 +292,18 @@ function NetworkListScreen({
       // rows: at the store's 500-event cap that measured 17 JS FPS /
       // 133% CPU / 1.4GB vs ~53 JS FPS / 52% / 360MB virtualized
       // (buoy-optimize batch 2026-07-06, batch-1783396983529-6l7w).
-      // Window/batch values are the batch's "tuned" winner.
+      // Window/batch values are the batch's "tuned" winner (EVENT_LIST_PRESET).
       ,
       scrollEnabled: true,
-      initialNumToRender: 12,
-      maxToRenderPerBatch: 8,
-      windowSize: 5,
-      updateCellsBatchingPeriod: 50
+      ..._sharedUi.EVENT_LIST_PRESET,
       // Saving a request from the detail view changes a row's glyph
       // without changing `data`. VirtualizedList is a PureComponent, so
       // the Set has to be declared as a re-render marker rather than
       // relying on `renderItem` getting a fresh identity.
-      ,
       extraData: savedLiveIds,
       "sentry-label": "ignore network events list",
       ListFooterComponent: renderListFooter
-    }) : pinnedRows.length > 0 || overridden.length > 0 ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyState, {
-      isEnabled: isEnabled
-    })]
+    }) : renderEmpty()]
   });
 }
 const styles = _reactNative.StyleSheet.create({
@@ -396,21 +400,5 @@ const styles = _reactNative.StyleSheet.create({
   },
   listContent: {
     paddingTop: 8
-  },
-  emptyState: {
-    alignItems: "center",
-    paddingVertical: 40
-  },
-  emptyTitle: {
-    color: _sharedUi.macOSColors.text.primary,
-    fontSize: 14,
-    fontWeight: "600",
-    marginTop: 12,
-    marginBottom: 6
-  },
-  emptyText: {
-    color: _sharedUi.macOSColors.text.muted,
-    fontSize: 12,
-    textAlign: "center"
   }
 });

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

@@ -235,6 +235,12 @@ function NetworkModalInner({
   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.
@@ -446,38 +452,24 @@ function NetworkModalInner({
         onBack: onBack
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
         title: "",
-        children: isSearchActive ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.headerSearchContainer,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
-            size: 14,
-            color: _sharedUi.night.color.textSecondary
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-            ref: searchInputRef,
-            style: styles.headerSearchInput,
-            placeholder: "Search URL, method, operation, error...",
-            placeholderTextColor: _sharedUi.night.color.placeholder,
-            value: searchText,
-            onChangeText: handleSearch,
-            onSubmitEditing: () => setIsSearchActive(false),
-            onBlur: () => setIsSearchActive(false),
-            "sentry-label": "ignore network search header",
-            accessibilityLabel: "Search network requests",
-            testID: "buoy-network-search-input",
-            autoCapitalize: "none",
-            autoCorrect: false,
-            returnKeyType: "search"
-          }), searchText.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            onPress: () => {
-              handleSearch("");
-              setIsSearchActive(false);
-            },
-            "sentry-label": "ignore clear search header",
-            style: styles.headerSearchClear,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-              size: 14,
-              color: _sharedUi.night.color.textSecondary
-            })
-          }) : null]
+        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,
@@ -722,27 +714,6 @@ const styles = _reactNative.StyleSheet.create({
   },
   // Night chrome — the header is glass over the star field, so the search
   // field and action chips sit on the Everlights dark-glass fill.
-  headerSearchContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderRadius: _sharedUi.night.radius.row,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    paddingHorizontal: 12,
-    paddingVertical: 5
-  },
-  headerSearchInput: {
-    flex: 1,
-    color: _sharedUi.night.color.text,
-    fontSize: 13,
-    marginLeft: 6,
-    paddingVertical: 2
-  },
-  headerSearchClear: {
-    marginLeft: 6,
-    padding: 4
-  },
   menuCopyRow: {
     paddingHorizontal: 6
   },

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

@@ -365,8 +365,17 @@ function OverridesBody({
       })]
     }), !hasRules ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.emptyWrap,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.EmptyState, {
-        icon: _sharedUi.FlaskConical,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.EmptyState
+      // Otto instead of the flask: nothing is faked yet, so he peers
+      // into an empty box. Truthful by construction — this branch only
+      // renders when the rule list is genuinely empty, and the master
+      // switch bar above is hidden in exactly that case.
+      , {
+        otto: "empty"
+        // 32 → pixelSize 2, the size the saved/list screens use, so the
+        // three network empties read as one family.
+        ,
+        iconSize: 32,
         title: "Nothing overridden"
         // Names the control that actually exists. This said "tap Force 500"
         // — a button from the deleted preset list, which sent anyone

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

@@ -32,21 +32,6 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const keyExtractor = item => item.id;
-function EmptyState() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.emptyState,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Bookmark, {
-      size: 32,
-      color: _sharedUi.macOSColors.text.muted
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.emptyTitle,
-      children: "No saved requests"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.emptyText,
-      children: "Open a request and tap the bookmark to keep it here \u2014 saved requests survive Clear and app restarts."
-    })]
-  });
-}
 function NetworkSavedScreen({
   visible,
   isPro,
@@ -146,17 +131,31 @@ function NetworkSavedScreen({
         autoCorrect: false,
         returnKeyType: "search"
       })]
-    }) : null, savedRecords.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyState, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+    }) : null, savedRecords.length === 0 ||
+    // lockedCount > 0 falls through to the list so the upgrade banner (its
+    // ListFooterComponent) still renders — "0 shown, N locked" is an
+    // answer, not an empty screen.
+    search.trim().length > 0 && filtered.length === 0 && lockedCount === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
+      testID: "buoy-network-saved-empty",
+      ...(0, _sharedUi.resolveListEmptyState)({
+        subject: "saved requests",
+        verb: "kept",
+        search: savedRecords.length === 0 ? "" : search,
+        total: savedRecords.length,
+        waiting: {
+          otto: "empty",
+          title: "No saved requests",
+          message: "Open a request and tap the bookmark to keep it here — saved requests survive Clear and app restarts."
+        }
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
       data: filtered,
       renderItem: renderItem,
       keyExtractor: keyExtractor,
       contentContainerStyle: styles.listContent,
       showsVerticalScrollIndicator: true,
-      removeClippedSubviews: true,
       scrollEnabled: true,
-      initialNumToRender: 12,
-      maxToRenderPerBatch: 8,
-      windowSize: 5,
+      ..._sharedUi.EVENT_LIST_PRESET,
       extraData: pinnedLiveIds,
       "sentry-label": "ignore saved requests list",
       ListFooterComponent: renderListFooter
@@ -223,23 +222,5 @@ const styles = _reactNative.StyleSheet.create({
   },
   listContent: {
     paddingTop: 4
-  },
-  emptyState: {
-    alignItems: "center",
-    paddingVertical: 40,
-    paddingHorizontal: 24
-  },
-  emptyTitle: {
-    color: _sharedUi.macOSColors.text.primary,
-    fontSize: 14,
-    fontWeight: "600",
-    marginTop: 12,
-    marginBottom: 6
-  },
-  emptyText: {
-    color: _sharedUi.macOSColors.text.muted,
-    fontSize: 12,
-    textAlign: "center",
-    lineHeight: 17
   }
 });

package/lib/commonjs/network/hooks/useNetworkEventList.js

@@ -78,9 +78,11 @@ function useNetworkEventList(options) {
 
   // Derivations are plain useMemo over the subscribed array — linear
   // passes over ≤maxEvents items, recomputed only when inputs change.
-  const filteredEvents = (0, _react.useMemo)(() => {
-    return (0, _filterNetworkEvents.filterNetworkEvents)((0, _filterNetworkEvents.applyIgnoredPatterns)(events, ignoredPatterns), filter);
-  }, [events, ignoredPatterns, filter]);
+  // Split in two so the pre-filter count is observable: `totalEvents` below
+  // is the denominator the empty state needs, and recomputing it separately
+  // would mean a second pass over the same array.
+  const candidateEvents = (0, _react.useMemo)(() => (0, _filterNetworkEvents.applyIgnoredPatterns)(events, ignoredPatterns), [events, ignoredPatterns]);
+  const filteredEvents = (0, _react.useMemo)(() => (0, _filterNetworkEvents.filterNetworkEvents)(candidateEvents, filter), [candidateEvents, filter]);
 
   // Free tier: events beyond the limit in the ORIGINAL order are locked,
   // so locked events stay locked even when searching (ported verbatim).
@@ -100,6 +102,7 @@ function useNetworkEventList(options) {
     events: filteredEvents,
     visibleEvents,
     hasLockedEvents: lockedEventCount > 0,
-    lockedEventCount
+    lockedEventCount,
+    totalEvents: candidateEvents.length
   };
 }

package/lib/commonjs/network/sync/networkSyncAdapter.js

@@ -431,6 +431,14 @@ const networkSyncAdapter = exports.networkSyncAdapter = {
       const event = resolveEvent(id);
       if (!event) return null;
       return {
+        // Identity + the override mark ride along so a caller (Ask Buoy's
+        // receipt, an MCP session) can say WHOSE body this is and whether an
+        // override rule produced it — a mocked response rendered as "live"
+        // is the fabrication problem wearing a chrome suit.
+        url: event.url ?? null,
+        method: event.method ?? null,
+        status: event.status ?? null,
+        override: event.override ?? null,
         requestData: event.requestData ?? null,
         responseData: event.responseData ?? null,
         requestHeaders: event.requestHeaders ?? null,

package/lib/commonjs/preset.js

@@ -3,8 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createNetworkTool = createNetworkTool;
-exports.networkToolPreset = void 0;
+exports.networkToolPreset = exports.createNetworkTool = void 0;
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _NetworkModal = require("./network/components/NetworkModal");
 var _overrideRulesStore = require("./network/overrides/overrideRulesStore");
@@ -66,7 +65,7 @@ if (isReactNativeRuntime && typeof __DEV__ !== "undefined" && __DEV__) {
  * - Filter by status, method, URL
  * - Timing information
  */
-const networkToolPreset = exports.networkToolPreset = {
+const networkToolPreset = exports.networkToolPreset = (0, _sharedUi.defineToolPreset)({
   id: "network",
   name: "NET",
   description: "Network request logger",
@@ -80,7 +79,7 @@ const networkToolPreset = exports.networkToolPreset = {
   props: {
     enableSharedModalDimensions: false
   }
-};
+});
 
 /**
  * Create a custom network monitoring tool configuration.
@@ -97,20 +96,6 @@ const networkToolPreset = exports.networkToolPreset = {
  * });
  * ```
  */
-function createNetworkTool(options) {
-  return {
-    id: options?.id || "network",
-    name: options?.name || "NET",
-    description: options?.description || "Network request logger",
-    slot: "both",
-    icon: ({
-      size
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NetworkIcon, {
-      size: size
-    }),
-    component: _NetworkModal.NetworkModal,
-    props: {
-      enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : false
-    }
-  };
-}
+const createNetworkTool = exports.createNetworkTool = (0, _sharedUi.createToolFactory)(networkToolPreset, options => ({
+  enableSharedModalDimensions: options.enableSharedModalDimensions ?? false
+}));

package/lib/module/index.js

@@ -24,7 +24,7 @@ export { NetworkModal, NetworkToolView } from "./network/components/NetworkModal
 export { NetworkEventDetailView } from "./network/components/NetworkEventDetailView";
 export { NetworkEventItemCompact } from "./network/components/NetworkEventItemCompact";
 export { NetworkSavedScreen } from "./network/components/NetworkSavedScreen";
-export { NetworkSavedButton, NetworkDetailPinActions } from "./network/components/NetworkHeaderLive";
+export { NetworkSavedButton, NetworkDetailPinActions, NetworkHeaderBadgesView } from "./network/components/NetworkHeaderLive";
 
 // =============================================================================
 // HOOKS (For consuming network data in custom components)