@buoy-gg/network 7.0.16 → 7.0.18

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

@@ -324,13 +324,17 @@ const NetworkEventDetailView = exports.NetworkEventDetailView = /*#__PURE__*/(0,
   // fetched on demand through the resolver. On the device there is no resolver
   // and bodies are always inline, so this is a no-op there.
   const resolveBody = (0, _networkBodyResolver.useNetworkBodyResolver)();
-  const requestBodyOmitted = event.requestData === undefined && (event.requestSize ?? 0) > 0;
-  const responseBodyOmitted = event.responseData === undefined && (event.responseSize ?? 0) > 0;
+  // The explicit flag is authoritative (adapter v5+). The size>0 fallback keeps
+  // detail-on-demand working against a device on an older adapter, which marked
+  // a withheld body only by leaving `data` undefined with a non-zero size.
+  const requestBodyOmitted = event.requestData === undefined && (event.requestBodyOmitted === true || (event.requestSize ?? 0) > 0);
+  const responseBodyOmitted = event.responseData === undefined && (event.responseBodyOmitted === true || (event.responseSize ?? 0) > 0);
+  const headersOmitted = event.headersOmitted === true;
   const [resolvedBody, setResolvedBody] = (0, _react.useState)(null);
   const [isLoadingBody, setIsLoadingBody] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
     setResolvedBody(null);
-    if (!resolveBody || !requestBodyOmitted && !responseBodyOmitted) {
+    if (!resolveBody || !requestBodyOmitted && !responseBodyOmitted && !headersOmitted) {
       setIsLoadingBody(false);
       return;
     }
@@ -344,12 +348,14 @@ const NetworkEventDetailView = exports.NetworkEventDetailView = /*#__PURE__*/(0,
     return () => {
       cancelled = true;
     };
-  }, [event.id, resolveBody, requestBodyOmitted, responseBodyOmitted]);
+  }, [event.id, resolveBody, requestBodyOmitted, responseBodyOmitted, headersOmitted]);
 
   // Effective bodies: inline data when present, otherwise the lazily resolved
   // body. `null`/`undefined` both collapse to undefined ("no body").
   const requestData = event.requestData ?? resolvedBody?.requestData ?? undefined;
   const responseData = event.responseData ?? resolvedBody?.responseData ?? undefined;
+  const requestHeaders = (headersOmitted ? resolvedBody?.requestHeaders : undefined) ?? event.requestHeaders;
+  const responseHeaders = (headersOmitted ? resolvedBody?.responseHeaders : undefined) ?? event.responseHeaders;
 
   // Generate full request details for copying
   const getFullRequestDetails = () => {
@@ -360,9 +366,9 @@ const NetworkEventDetailView = exports.NetworkEventDetailView = /*#__PURE__*/(0,
       statusText: event.statusText,
       timestamp: new Date(event.timestamp).toISOString(),
       duration: event.duration ? `${event.duration}ms` : "N/A",
-      requestHeaders: event.requestHeaders,
+      requestHeaders,
       requestData,
-      responseHeaders: event.responseHeaders,
+      responseHeaders,
       responseData,
       requestSize: event.requestSize ? (0, _formatting.formatBytes)(event.requestSize) : "N/A",
       responseSize: event.responseSize ? (0, _formatting.formatBytes)(event.responseSize) : "N/A",
@@ -551,12 +557,12 @@ ${JSON.stringify(requestDetails.responseData, null, 2)}
           color: _sharedUi.macOSColors.semantic.info
         }),
         defaultOpen: false,
-        count: Object.keys(event.requestHeaders).length,
-        children: Object.keys(event.requestHeaders).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        count: Object.keys(requestHeaders).length,
+        children: Object.keys(requestHeaders).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: styles.dataViewerContainer,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
             title: "",
-            data: event.requestHeaders,
+            data: requestHeaders,
             showTypeFilter: true,
             rawMode: true,
             initialExpanded: true,
@@ -573,12 +579,12 @@ ${JSON.stringify(requestDetails.responseData, null, 2)}
           color: NEUTRAL_ICON
         }),
         defaultOpen: false,
-        count: Object.keys(event.responseHeaders).length,
-        children: Object.keys(event.responseHeaders).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        count: Object.keys(responseHeaders).length,
+        children: Object.keys(responseHeaders).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: styles.dataViewerContainer,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
             title: "",
-            data: event.responseHeaders,
+            data: responseHeaders,
             showTypeFilter: true,
             rawMode: true,
             initialExpanded: true,

package/lib/commonjs/network/components/NetworkEventDetailView.web.js

@@ -637,13 +637,17 @@ const NetworkEventDetailView = exports.NetworkEventDetailView = /*#__PURE__*/(0,
   // webview port there is normally no resolver and bodies are always inline,
   // so this is a no-op there — exactly like on the device.
   const resolveBody = (0, _networkBodyResolver.useNetworkBodyResolver)();
-  const requestBodyOmitted = event.requestData === undefined && (event.requestSize ?? 0) > 0;
-  const responseBodyOmitted = event.responseData === undefined && (event.responseSize ?? 0) > 0;
+  // The explicit flag is authoritative (adapter v5+). The size>0 fallback keeps
+  // detail-on-demand working against a device on an older adapter, which marked
+  // a withheld body only by leaving `data` undefined with a non-zero size.
+  const requestBodyOmitted = event.requestData === undefined && (event.requestBodyOmitted === true || (event.requestSize ?? 0) > 0);
+  const responseBodyOmitted = event.responseData === undefined && (event.responseBodyOmitted === true || (event.responseSize ?? 0) > 0);
+  const headersOmitted = event.headersOmitted === true;
   const [resolvedBody, setResolvedBody] = (0, _react.useState)(null);
   const [isLoadingBody, setIsLoadingBody] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
     setResolvedBody(null);
-    if (!resolveBody || !requestBodyOmitted && !responseBodyOmitted) {
+    if (!resolveBody || !requestBodyOmitted && !responseBodyOmitted && !headersOmitted) {
       setIsLoadingBody(false);
       return;
     }
@@ -657,12 +661,14 @@ const NetworkEventDetailView = exports.NetworkEventDetailView = /*#__PURE__*/(0,
     return () => {
       cancelled = true;
     };
-  }, [event.id, resolveBody, requestBodyOmitted, responseBodyOmitted]);
+  }, [event.id, resolveBody, requestBodyOmitted, responseBodyOmitted, headersOmitted]);
 
   // Effective bodies: inline data when present, otherwise the lazily resolved
   // body. `null`/`undefined` both collapse to undefined ("no body").
   const requestData = event.requestData ?? resolvedBody?.requestData ?? undefined;
   const responseData = event.responseData ?? resolvedBody?.responseData ?? undefined;
+  const requestHeaders = (headersOmitted ? resolvedBody?.requestHeaders : undefined) ?? event.requestHeaders;
+  const responseHeaders = (headersOmitted ? resolvedBody?.responseHeaders : undefined) ?? event.responseHeaders;
 
   // Generate full request details for copying (resolved LAZILY at press time —
   // see the copy button below).
@@ -674,9 +680,9 @@ const NetworkEventDetailView = exports.NetworkEventDetailView = /*#__PURE__*/(0,
       statusText: event.statusText,
       timestamp: new Date(event.timestamp).toISOString(),
       duration: event.duration ? `${event.duration}ms` : "N/A",
-      requestHeaders: event.requestHeaders,
+      requestHeaders,
       requestData,
-      responseHeaders: event.responseHeaders,
+      responseHeaders,
       responseData,
       requestSize: event.requestSize ? formatBytes(event.requestSize) : "N/A",
       responseSize: event.responseSize ? formatBytes(event.responseSize) : "N/A",
@@ -849,12 +855,12 @@ ${JSON.stringify(requestDetails.responseData, null, 2)}
         color: macOSColors.semantic.info
       }),
       defaultOpen: false,
-      count: Object.keys(event.requestHeaders).length,
-      children: Object.keys(event.requestHeaders).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      count: Object.keys(requestHeaders).length,
+      children: Object.keys(requestHeaders).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         style: styles.dataViewerContainer,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataViewer.DataViewer, {
           title: "",
-          data: event.requestHeaders,
+          data: requestHeaders,
           showTypeFilter: true,
           rawMode: true,
           initialExpanded: true
@@ -870,12 +876,12 @@ ${JSON.stringify(requestDetails.responseData, null, 2)}
         color: NEUTRAL_ICON
       }),
       defaultOpen: false,
-      count: Object.keys(event.responseHeaders).length,
-      children: Object.keys(event.responseHeaders).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      count: Object.keys(responseHeaders).length,
+      children: Object.keys(responseHeaders).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         style: styles.dataViewerContainer,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataViewer.DataViewer, {
           title: "",
-          data: event.responseHeaders,
+          data: responseHeaders,
           showTypeFilter: true,
           rawMode: true,
           initialExpanded: true

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

@@ -3,38 +3,232 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.networkSyncAdapter = exports.SNAPSHOT_BODY_INLINE_LIMIT = void 0;
+exports.networkSyncAdapter = exports.SNAPSHOT_HEADER_VALUE_LIMIT = exports.SNAPSHOT_EVENTS_BUDGET = exports.SNAPSHOT_BODY_INLINE_LIMIT = void 0;
 var _networkEventStore = require("../utils/networkEventStore");
 var _networkSavedStore = require("../utils/networkSavedStore");
 var _overrideRulesStore = require("../overrides/overrideRulesStore");
 var _presets = require("../overrides/presets");
 var _engine = require("../overrides/engine");
 var _networkListener = require("../utils/networkListener");
+var _sharedUi = require("@buoy-gg/shared-ui");
 /**
- * Request/response bodies larger than this (using the cached size proxy already
- * on the event — no per-snapshot stringify) are NOT streamed in the list
- * snapshot. These are the multi-MB payloads (images, large JSON list responses)
- * that, re-sent every ~200ms for up to 500 events, freeze the desktop
- * dashboard's main thread while it deserializes and re-renders them. Smaller
- * bodies stay inline so the common case needs no round-trip (instant detail
- * view, and they remain available to copy/export). Stripped bodies are fetched
- * on demand via the `getEventBody` action when a request's detail view opens.
+ * Request/response bodies larger than this are NOT streamed in the list
+ * snapshot. Prefer the cached size proxy already on the event (free); if that
+ * field is missing or wrong (0 for a fat/cyclic body), fall back to an
+ * O(limit) walk. Stripped bodies come back via `getEventBody` on detail open.
  */
 const SNAPSHOT_BODY_INLINE_LIMIT = exports.SNAPSHOT_BODY_INLINE_LIMIT = 16 * 1024;
-const stripLargeBodies = event => {
-  const stripRequest = event.requestData !== undefined && (event.requestSize ?? 0) > SNAPSHOT_BODY_INLINE_LIMIT;
-  const stripResponse = event.responseData !== undefined && (event.responseSize ?? 0) > SNAPSHOT_BODY_INLINE_LIMIT;
-  if (!stripRequest && !stripResponse) return event;
-  // Keep sizes/headers/metadata; only drop the heavy data. `undefined` keys are
-  // omitted by JSON serialization, so this shrinks the wire payload, and the
-  // dashboard treats "data missing but size > 0" as "fetch on demand".
+
+/**
+ * Total inline budget for one snapshot's event list, held under the emit
+ * layer's 2MB so a snapshot is never DROPPED (a drop leaves the whole panel
+ * stale). Per-field caps alone don't get there: 500 requests with 9KB
+ * responses are all individually legal and still add up to ~4.7MB. Newest
+ * events keep their bodies inline (that's what a developer is looking at);
+ * once the budget is spent, older events degrade to metadata + fetch-on-demand.
+ */
+const SNAPSHOT_EVENTS_BUDGET = exports.SNAPSHOT_EVENTS_BUDGET = 1.25 * 1024 * 1024;
+function shouldStripBody(data, reportedSize) {
+  if (data === undefined) return false;
+  // The cached size proxy already on the event is free when it's right; the
+  // walk is the fallback for when it's missing or wrong (0 for a fat body).
+  if ((reportedSize ?? 0) > SNAPSHOT_BODY_INLINE_LIMIT) return true;
+  return (0, _sharedUi.isOverWireBudget)(data, SNAPSHOT_BODY_INLINE_LIMIT);
+}
+
+/** One event's wire form plus its measured cost, so the budget pass is free. */
+
+/**
+ * Per-event wire cache. `networkEventStore` never mutates an event in place —
+ * a response/override update replaces the object — so keying on identity is
+ * correct and self-invalidating, and a completed request is converted once
+ * instead of on all ~5 snapshots per second for as long as it stays in the
+ * list. This is what keeps the guards off the hot path.
+ */
+const wireCache = new WeakMap();
+const strippedCache = new WeakMap();
+
+/** Per-field guards: oversized bodies out, heavy headers/variables slimmed. */
+function toWireEvent(event) {
+  const cached = wireCache.get(event);
+  if (cached) return cached;
+  let entry;
+  try {
+    entry = buildWireEvent(event);
+  } catch {
+    // A body with a throwing getter or `toJSON` can blow up the size walk
+    // itself. Degrading this ONE event to metadata beats letting getSnapshot
+    // throw, which would take the whole panel down with it.
+    entry = buildMetadataOnly(event);
+  }
+  wireCache.set(event, entry);
+  return entry;
+}
+function buildMetadataOnly(event) {
   const stripped = {
-    ...event
+    ...event,
+    requestData: undefined,
+    responseData: undefined,
+    graphqlVariables: undefined,
+    requestBodyOmitted: event.requestData !== undefined ? true : undefined,
+    responseBodyOmitted: event.responseData !== undefined ? true : undefined
   };
-  if (stripRequest) stripped.requestData = undefined;
-  if (stripResponse) stripped.responseData = undefined;
-  return stripped;
-};
+  // The payload fields are gone, so measuring this is safe even when measuring
+  // the original blew up. Fall back to a nominal cost only if even THIS throws
+  // (a hostile getter on the event itself rather than on its body).
+  let bytes = 1024;
+  try {
+    bytes = (0, _sharedUi.approxJsonSize)(stripped, SNAPSHOT_EVENTS_BUDGET).bytes;
+  } catch {
+    /* keep the nominal estimate */
+  }
+  return {
+    event: stripped,
+    bytes
+  };
+}
+function buildWireEvent(event) {
+  const stripRequest = shouldStripBody(event.requestData, event.requestSize);
+  const stripResponse = shouldStripBody(event.responseData, event.responseSize);
+  const graphqlVariables = toWireGraphqlVariables(event.graphqlVariables);
+  const requestHeaders = toWireHeaders(event.requestHeaders);
+  const responseHeaders = toWireHeaders(event.responseHeaders);
+  const changed = stripRequest || stripResponse || graphqlVariables !== event.graphqlVariables || requestHeaders !== event.requestHeaders || responseHeaders !== event.responseHeaders;
+  let wire = event;
+  if (changed) {
+    // `undefined` keys are omitted by JSON serialization, so dropping the data
+    // shrinks the wire payload. Sizes stay HONEST — the explicit
+    // request/responseBodyOmitted flags are what tell the dashboard to fetch,
+    // matching `OverrideRule.bodyOmitted`. Full values come from `getEventBody`.
+    wire = {
+      ...event
+    };
+    if (stripRequest) {
+      wire.requestData = undefined;
+      wire.requestBodyOmitted = true;
+    }
+    if (stripResponse) {
+      wire.responseData = undefined;
+      wire.responseBodyOmitted = true;
+    }
+    if (graphqlVariables !== event.graphqlVariables) {
+      wire.graphqlVariables = graphqlVariables;
+    }
+    if (requestHeaders !== event.requestHeaders) {
+      wire.requestHeaders = requestHeaders;
+      wire.headersOmitted = true;
+    }
+    if (responseHeaders !== event.responseHeaders) {
+      wire.responseHeaders = responseHeaders;
+      wire.headersOmitted = true;
+    }
+  }
+  return {
+    event: wire,
+    bytes: (0, _sharedUi.approxJsonSize)(wire, SNAPSHOT_EVENTS_BUDGET).bytes
+  };
+}
+
+/**
+ * Metadata-only form, used for the tail of the list once the snapshot budget
+ * is spent. Method/url/status/timing all stay — only the payloads go.
+ */
+function toStrippedEvent(event) {
+  const cached = strippedCache.get(event);
+  if (cached) return cached;
+  const {
+    event: wire
+  } = toWireEvent(event);
+  const stripped = {
+    ...wire
+  };
+  if (stripped.requestData !== undefined) {
+    stripped.requestData = undefined;
+    stripped.requestBodyOmitted = true;
+  }
+  if (stripped.responseData !== undefined) {
+    stripped.responseData = undefined;
+    stripped.responseBodyOmitted = true;
+  }
+  if (stripped.graphqlVariables !== undefined) {
+    stripped.graphqlVariables = toWireGraphqlVariables(stripped.graphqlVariables, /* force */true);
+  }
+  const entry = {
+    event: stripped,
+    bytes: (0, _sharedUi.approxJsonSize)(stripped, SNAPSHOT_EVENTS_BUDGET).bytes
+  };
+  strippedCache.set(event, entry);
+  return entry;
+}
+
+/**
+ * Spend the snapshot budget newest-first. The store keeps events newest-first
+ * already, so this hands the developer full detail on what they are actually
+ * looking at and degrades the tail rather than dropping the whole panel.
+ */
+function fitEventsToBudget(events) {
+  const out = new Array(events.length);
+  let spent = 0;
+  for (let i = 0; i < events.length; i++) {
+    const full = toWireEvent(events[i]);
+    if (spent + full.bytes <= SNAPSHOT_EVENTS_BUDGET) {
+      out[i] = full.event;
+      spent += full.bytes;
+    } else {
+      const lean = toStrippedEvent(events[i]);
+      out[i] = lean.event;
+      spent += lean.bytes;
+    }
+  }
+  return out;
+}
+
+/**
+ * GraphQL variables are copied off `request.data.variables` onto their own
+ * field for the list subtitle (`GetPokemon › Sandshrew`). Capping requestData
+ * still left that copy on the wire. Keep short primitives for the subtitle;
+ * drop nested/fat values (file uploads, base64). Full variables stay in
+ * `requestData` on-device and come back via `getEventBody`.
+ */
+function toWireGraphqlVariables(vars, force = false) {
+  if (!vars) return vars;
+  if (!force && !shouldStripBody(vars, undefined)) return vars;
+  const slim = {};
+  for (const [key, value] of Object.entries(vars)) {
+    if (typeof value === "string" && value.length <= 64) slim[key] = value;else if (typeof value === "number" || typeof value === "boolean") {
+      slim[key] = value;
+    }
+  }
+  return Object.keys(slim).length > 0 ? slim : undefined;
+}
+
+/**
+ * Header values (Cookie, Authorization, custom JSON) still rode every
+ * snapshot after bodies were stripped. 500 events × a 4KB session cookie
+ * is a 2MB drop of the whole Network panel. Keep short values inline
+ * (content-type, accept); truncate the rest. Full maps stay on-device
+ * and come back via `getEventBody`.
+ *
+ * Returns the SAME object when nothing was truncated: callers use identity to
+ * decide whether anything was omitted, so a fresh `{}` here would flag every
+ * header-less event as truncated (and defeat the no-copy fast path).
+ */
+const SNAPSHOT_HEADER_VALUE_LIMIT = exports.SNAPSHOT_HEADER_VALUE_LIMIT = 64;
+function toWireHeaders(headers) {
+  if (!headers) return headers;
+  let changed = false;
+  const slim = {};
+  for (const [key, value] of Object.entries(headers)) {
+    if (typeof value !== "string") continue;
+    if (value.length <= SNAPSHOT_HEADER_VALUE_LIMIT) {
+      slim[key] = value;
+    } else {
+      slim[key] = `${value.slice(0, SNAPSHOT_HEADER_VALUE_LIMIT)}… [${value.length - SNAPSHOT_HEADER_VALUE_LIMIT} more]`;
+      changed = true;
+    }
+  }
+  return changed ? slim : headers;
+}
 
 /**
  * Drop oversized rule bodies from the snapshot, flagging what was dropped.
@@ -152,7 +346,9 @@ function baseFromRequest(params) {
  * this package doesn't need a dependency on it).
  *
  * Subscribing starts the network interceptor, so requests are only captured
- * while a dashboard is watching the network panel.
+ * while a dashboard is watching the network panel — or while an MCP
+ * client holds a capture-mode watch (`devtool-watch` with `stream:false`),
+ * which records without asking the device to push snapshots.
  *
  * v2: large bodies are stripped from the snapshot and fetched lazily via
  * `getEventBody` (see SNAPSHOT_BODY_INLINE_LIMIT).
@@ -164,9 +360,12 @@ function baseFromRequest(params) {
  * `NetworkPanel`/`NetworkInline` accept either shape.
  */
 const networkSyncAdapter = exports.networkSyncAdapter = {
-  version: 4,
+  // v5: honest request/responseSize + explicit request/responseBodyOmitted
+  // flags, and a total snapshot budget so the list degrades instead of the
+  // whole panel being dropped at the emit layer.
+  version: 5,
   getSnapshot: () => ({
-    events: _networkEventStore.networkEventStore.getEvents().map(stripLargeBodies),
+    events: fitEventsToBudget(_networkEventStore.networkEventStore.getEvents()),
     /**
      * Response-override rules live on the DEVICE — that's the only place they
      * can run, since a rule is applied inside the app's own XMLHttpRequest.
@@ -178,7 +377,7 @@ const networkSyncAdapter = exports.networkSyncAdapter = {
     // the same 200ms loop that the body-stripping exists to protect.
     saved: _networkSavedStore.networkSavedStore.getRecords().map(record => ({
       ...record,
-      event: stripLargeBodies(record.event)
+      event: toWireEvent(record.event).event
     }))
   }),
   subscribe: onChange => {
@@ -212,7 +411,9 @@ const networkSyncAdapter = exports.networkSyncAdapter = {
       if (!event) return null;
       return {
         requestData: event.requestData ?? null,
-        responseData: event.responseData ?? null
+        responseData: event.responseData ?? null,
+        requestHeaders: event.requestHeaders ?? null,
+        responseHeaders: event.responseHeaders ?? null
       };
     },
     /** Pin/unpin a request from the dashboard. */
@@ -359,6 +560,44 @@ const networkSyncAdapter = exports.networkSyncAdapter = {
       };
     },
     /** Why isn't my rule firing? Reports the engine's own view of the world. */
+    /**
+     * Is the device actually recording right now, and why not?
+     *
+     * The honest answer to an empty request list. Without this a caller can
+     * only guess, and the plausible guesses ("interception is broken on this
+     * runtime") are all wrong — the usual answer is simply that nothing is
+     * holding capture open.
+     */
+    getCaptureStatus: () => {
+      // RECORDING is what the caller actually wants to know, and it is driven
+      // by the store's subscriber count — not by whether the interceptor is
+      // installed. Those genuinely differ: an enabled override rule pins the
+      // interceptor (`overrideRulesStore.syncKeepAlive`) without anything
+      // writing to the event store, so reporting `isNetworkListening()` as
+      // "capturing" would answer "yes" to a device recording nothing. That is
+      // the same species of misleading answer this action exists to replace.
+      const subscribers = _networkEventStore.networkEventStore.getSubscriberCounts().total;
+
+      // `isNetworkListening()` lazily CONSTRUCTS the listener, which reaches
+      // for XMLHttpRequest — absent in Node and in any headless host. A
+      // diagnostic that throws is worse than no diagnostic, so probe
+      // defensively and report what we do know either way.
+      let interceptorInstalled = null;
+      let listenerCount = null;
+      try {
+        interceptorInstalled = (0, _networkListener.isNetworkListening)();
+        listenerCount = (0, _networkListener.getNetworkListenerCount)();
+      } catch {
+        /* no interceptable runtime here */
+      }
+      return {
+        capturing: subscribers > 0,
+        subscribers,
+        interceptorInstalled,
+        listenerCount,
+        eventCount: _networkEventStore.networkEventStore.getEvents().length
+      };
+    },
     debugOverrides: params => {
       const url = (params && typeof params === "object" ? params.url : undefined) ?? "https://example.com/";
       return {

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

@@ -323,13 +323,17 @@ export const NetworkEventDetailView = /*#__PURE__*/memo(function NetworkEventDet
   // fetched on demand through the resolver. On the device there is no resolver
   // and bodies are always inline, so this is a no-op there.
   const resolveBody = useNetworkBodyResolver();
-  const requestBodyOmitted = event.requestData === undefined && (event.requestSize ?? 0) > 0;
-  const responseBodyOmitted = event.responseData === undefined && (event.responseSize ?? 0) > 0;
+  // The explicit flag is authoritative (adapter v5+). The size>0 fallback keeps
+  // detail-on-demand working against a device on an older adapter, which marked
+  // a withheld body only by leaving `data` undefined with a non-zero size.
+  const requestBodyOmitted = event.requestData === undefined && (event.requestBodyOmitted === true || (event.requestSize ?? 0) > 0);
+  const responseBodyOmitted = event.responseData === undefined && (event.responseBodyOmitted === true || (event.responseSize ?? 0) > 0);
+  const headersOmitted = event.headersOmitted === true;
   const [resolvedBody, setResolvedBody] = useState(null);
   const [isLoadingBody, setIsLoadingBody] = useState(false);
   useEffect(() => {
     setResolvedBody(null);
-    if (!resolveBody || !requestBodyOmitted && !responseBodyOmitted) {
+    if (!resolveBody || !requestBodyOmitted && !responseBodyOmitted && !headersOmitted) {
       setIsLoadingBody(false);
       return;
     }
@@ -343,12 +347,14 @@ export const NetworkEventDetailView = /*#__PURE__*/memo(function NetworkEventDet
     return () => {
       cancelled = true;
     };
-  }, [event.id, resolveBody, requestBodyOmitted, responseBodyOmitted]);
+  }, [event.id, resolveBody, requestBodyOmitted, responseBodyOmitted, headersOmitted]);
 
   // Effective bodies: inline data when present, otherwise the lazily resolved
   // body. `null`/`undefined` both collapse to undefined ("no body").
   const requestData = event.requestData ?? resolvedBody?.requestData ?? undefined;
   const responseData = event.responseData ?? resolvedBody?.responseData ?? undefined;
+  const requestHeaders = (headersOmitted ? resolvedBody?.requestHeaders : undefined) ?? event.requestHeaders;
+  const responseHeaders = (headersOmitted ? resolvedBody?.responseHeaders : undefined) ?? event.responseHeaders;
 
   // Generate full request details for copying
   const getFullRequestDetails = () => {
@@ -359,9 +365,9 @@ export const NetworkEventDetailView = /*#__PURE__*/memo(function NetworkEventDet
       statusText: event.statusText,
       timestamp: new Date(event.timestamp).toISOString(),
       duration: event.duration ? `${event.duration}ms` : "N/A",
-      requestHeaders: event.requestHeaders,
+      requestHeaders,
       requestData,
-      responseHeaders: event.responseHeaders,
+      responseHeaders,
       responseData,
       requestSize: event.requestSize ? formatBytes(event.requestSize) : "N/A",
       responseSize: event.responseSize ? formatBytes(event.responseSize) : "N/A",
@@ -550,12 +556,12 @@ ${JSON.stringify(requestDetails.responseData, null, 2)}
           color: macOSColors.semantic.info
         }),
         defaultOpen: false,
-        count: Object.keys(event.requestHeaders).length,
-        children: Object.keys(event.requestHeaders).length > 0 ? /*#__PURE__*/_jsx(View, {
+        count: Object.keys(requestHeaders).length,
+        children: Object.keys(requestHeaders).length > 0 ? /*#__PURE__*/_jsx(View, {
           style: styles.dataViewerContainer,
           children: /*#__PURE__*/_jsx(DataViewer, {
             title: "",
-            data: event.requestHeaders,
+            data: requestHeaders,
             showTypeFilter: true,
             rawMode: true,
             initialExpanded: true,
@@ -572,12 +578,12 @@ ${JSON.stringify(requestDetails.responseData, null, 2)}
           color: NEUTRAL_ICON
         }),
         defaultOpen: false,
-        count: Object.keys(event.responseHeaders).length,
-        children: Object.keys(event.responseHeaders).length > 0 ? /*#__PURE__*/_jsx(View, {
+        count: Object.keys(responseHeaders).length,
+        children: Object.keys(responseHeaders).length > 0 ? /*#__PURE__*/_jsx(View, {
           style: styles.dataViewerContainer,
           children: /*#__PURE__*/_jsx(DataViewer, {
             title: "",
-            data: event.responseHeaders,
+            data: responseHeaders,
             showTypeFilter: true,
             rawMode: true,
             initialExpanded: true,

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

@@ -635,13 +635,17 @@ export const NetworkEventDetailView = /*#__PURE__*/memo(function NetworkEventDet
   // webview port there is normally no resolver and bodies are always inline,
   // so this is a no-op there — exactly like on the device.
   const resolveBody = useNetworkBodyResolver();
-  const requestBodyOmitted = event.requestData === undefined && (event.requestSize ?? 0) > 0;
-  const responseBodyOmitted = event.responseData === undefined && (event.responseSize ?? 0) > 0;
+  // The explicit flag is authoritative (adapter v5+). The size>0 fallback keeps
+  // detail-on-demand working against a device on an older adapter, which marked
+  // a withheld body only by leaving `data` undefined with a non-zero size.
+  const requestBodyOmitted = event.requestData === undefined && (event.requestBodyOmitted === true || (event.requestSize ?? 0) > 0);
+  const responseBodyOmitted = event.responseData === undefined && (event.responseBodyOmitted === true || (event.responseSize ?? 0) > 0);
+  const headersOmitted = event.headersOmitted === true;
   const [resolvedBody, setResolvedBody] = useState(null);
   const [isLoadingBody, setIsLoadingBody] = useState(false);
   useEffect(() => {
     setResolvedBody(null);
-    if (!resolveBody || !requestBodyOmitted && !responseBodyOmitted) {
+    if (!resolveBody || !requestBodyOmitted && !responseBodyOmitted && !headersOmitted) {
       setIsLoadingBody(false);
       return;
     }
@@ -655,12 +659,14 @@ export const NetworkEventDetailView = /*#__PURE__*/memo(function NetworkEventDet
     return () => {
       cancelled = true;
     };
-  }, [event.id, resolveBody, requestBodyOmitted, responseBodyOmitted]);
+  }, [event.id, resolveBody, requestBodyOmitted, responseBodyOmitted, headersOmitted]);
 
   // Effective bodies: inline data when present, otherwise the lazily resolved
   // body. `null`/`undefined` both collapse to undefined ("no body").
   const requestData = event.requestData ?? resolvedBody?.requestData ?? undefined;
   const responseData = event.responseData ?? resolvedBody?.responseData ?? undefined;
+  const requestHeaders = (headersOmitted ? resolvedBody?.requestHeaders : undefined) ?? event.requestHeaders;
+  const responseHeaders = (headersOmitted ? resolvedBody?.responseHeaders : undefined) ?? event.responseHeaders;
 
   // Generate full request details for copying (resolved LAZILY at press time —
   // see the copy button below).
@@ -672,9 +678,9 @@ export const NetworkEventDetailView = /*#__PURE__*/memo(function NetworkEventDet
       statusText: event.statusText,
       timestamp: new Date(event.timestamp).toISOString(),
       duration: event.duration ? `${event.duration}ms` : "N/A",
-      requestHeaders: event.requestHeaders,
+      requestHeaders,
       requestData,
-      responseHeaders: event.responseHeaders,
+      responseHeaders,
       responseData,
       requestSize: event.requestSize ? formatBytes(event.requestSize) : "N/A",
       responseSize: event.responseSize ? formatBytes(event.responseSize) : "N/A",
@@ -847,12 +853,12 @@ ${JSON.stringify(requestDetails.responseData, null, 2)}
         color: macOSColors.semantic.info
       }),
       defaultOpen: false,
-      count: Object.keys(event.requestHeaders).length,
-      children: Object.keys(event.requestHeaders).length > 0 ? /*#__PURE__*/_jsx("div", {
+      count: Object.keys(requestHeaders).length,
+      children: Object.keys(requestHeaders).length > 0 ? /*#__PURE__*/_jsx("div", {
         style: styles.dataViewerContainer,
         children: /*#__PURE__*/_jsx(DataViewer, {
           title: "",
-          data: event.requestHeaders,
+          data: requestHeaders,
           showTypeFilter: true,
           rawMode: true,
           initialExpanded: true
@@ -868,12 +874,12 @@ ${JSON.stringify(requestDetails.responseData, null, 2)}
         color: NEUTRAL_ICON
       }),
       defaultOpen: false,
-      count: Object.keys(event.responseHeaders).length,
-      children: Object.keys(event.responseHeaders).length > 0 ? /*#__PURE__*/_jsx("div", {
+      count: Object.keys(responseHeaders).length,
+      children: Object.keys(responseHeaders).length > 0 ? /*#__PURE__*/_jsx("div", {
         style: styles.dataViewerContainer,
         children: /*#__PURE__*/_jsx(DataViewer, {
           title: "",
-          data: event.responseHeaders,
+          data: responseHeaders,
           showTypeFilter: true,
           rawMode: true,
           initialExpanded: true

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

@@ -6,31 +6,226 @@ import { overrideRulesStore } from "../overrides/overrideRulesStore";
 import { draftFromEvent } from "../overrides/presets";
 import { inspectEngine } from "../overrides/engine";
 import { getNetworkListenerCount, isNetworkListening } from "../utils/networkListener";
+import { approxJsonSize, isOverWireBudget } from "@buoy-gg/shared-ui";
+
 /**
- * Request/response bodies larger than this (using the cached size proxy already
- * on the event — no per-snapshot stringify) are NOT streamed in the list
- * snapshot. These are the multi-MB payloads (images, large JSON list responses)
- * that, re-sent every ~200ms for up to 500 events, freeze the desktop
- * dashboard's main thread while it deserializes and re-renders them. Smaller
- * bodies stay inline so the common case needs no round-trip (instant detail
- * view, and they remain available to copy/export). Stripped bodies are fetched
- * on demand via the `getEventBody` action when a request's detail view opens.
+ * Request/response bodies larger than this are NOT streamed in the list
+ * snapshot. Prefer the cached size proxy already on the event (free); if that
+ * field is missing or wrong (0 for a fat/cyclic body), fall back to an
+ * O(limit) walk. Stripped bodies come back via `getEventBody` on detail open.
  */
 export const SNAPSHOT_BODY_INLINE_LIMIT = 16 * 1024;
-const stripLargeBodies = event => {
-  const stripRequest = event.requestData !== undefined && (event.requestSize ?? 0) > SNAPSHOT_BODY_INLINE_LIMIT;
-  const stripResponse = event.responseData !== undefined && (event.responseSize ?? 0) > SNAPSHOT_BODY_INLINE_LIMIT;
-  if (!stripRequest && !stripResponse) return event;
-  // Keep sizes/headers/metadata; only drop the heavy data. `undefined` keys are
-  // omitted by JSON serialization, so this shrinks the wire payload, and the
-  // dashboard treats "data missing but size > 0" as "fetch on demand".
+
+/**
+ * Total inline budget for one snapshot's event list, held under the emit
+ * layer's 2MB so a snapshot is never DROPPED (a drop leaves the whole panel
+ * stale). Per-field caps alone don't get there: 500 requests with 9KB
+ * responses are all individually legal and still add up to ~4.7MB. Newest
+ * events keep their bodies inline (that's what a developer is looking at);
+ * once the budget is spent, older events degrade to metadata + fetch-on-demand.
+ */
+export const SNAPSHOT_EVENTS_BUDGET = 1.25 * 1024 * 1024;
+function shouldStripBody(data, reportedSize) {
+  if (data === undefined) return false;
+  // The cached size proxy already on the event is free when it's right; the
+  // walk is the fallback for when it's missing or wrong (0 for a fat body).
+  if ((reportedSize ?? 0) > SNAPSHOT_BODY_INLINE_LIMIT) return true;
+  return isOverWireBudget(data, SNAPSHOT_BODY_INLINE_LIMIT);
+}
+
+/** One event's wire form plus its measured cost, so the budget pass is free. */
+
+/**
+ * Per-event wire cache. `networkEventStore` never mutates an event in place —
+ * a response/override update replaces the object — so keying on identity is
+ * correct and self-invalidating, and a completed request is converted once
+ * instead of on all ~5 snapshots per second for as long as it stays in the
+ * list. This is what keeps the guards off the hot path.
+ */
+const wireCache = new WeakMap();
+const strippedCache = new WeakMap();
+
+/** Per-field guards: oversized bodies out, heavy headers/variables slimmed. */
+function toWireEvent(event) {
+  const cached = wireCache.get(event);
+  if (cached) return cached;
+  let entry;
+  try {
+    entry = buildWireEvent(event);
+  } catch {
+    // A body with a throwing getter or `toJSON` can blow up the size walk
+    // itself. Degrading this ONE event to metadata beats letting getSnapshot
+    // throw, which would take the whole panel down with it.
+    entry = buildMetadataOnly(event);
+  }
+  wireCache.set(event, entry);
+  return entry;
+}
+function buildMetadataOnly(event) {
   const stripped = {
-    ...event
+    ...event,
+    requestData: undefined,
+    responseData: undefined,
+    graphqlVariables: undefined,
+    requestBodyOmitted: event.requestData !== undefined ? true : undefined,
+    responseBodyOmitted: event.responseData !== undefined ? true : undefined
   };
-  if (stripRequest) stripped.requestData = undefined;
-  if (stripResponse) stripped.responseData = undefined;
-  return stripped;
-};
+  // The payload fields are gone, so measuring this is safe even when measuring
+  // the original blew up. Fall back to a nominal cost only if even THIS throws
+  // (a hostile getter on the event itself rather than on its body).
+  let bytes = 1024;
+  try {
+    bytes = approxJsonSize(stripped, SNAPSHOT_EVENTS_BUDGET).bytes;
+  } catch {
+    /* keep the nominal estimate */
+  }
+  return {
+    event: stripped,
+    bytes
+  };
+}
+function buildWireEvent(event) {
+  const stripRequest = shouldStripBody(event.requestData, event.requestSize);
+  const stripResponse = shouldStripBody(event.responseData, event.responseSize);
+  const graphqlVariables = toWireGraphqlVariables(event.graphqlVariables);
+  const requestHeaders = toWireHeaders(event.requestHeaders);
+  const responseHeaders = toWireHeaders(event.responseHeaders);
+  const changed = stripRequest || stripResponse || graphqlVariables !== event.graphqlVariables || requestHeaders !== event.requestHeaders || responseHeaders !== event.responseHeaders;
+  let wire = event;
+  if (changed) {
+    // `undefined` keys are omitted by JSON serialization, so dropping the data
+    // shrinks the wire payload. Sizes stay HONEST — the explicit
+    // request/responseBodyOmitted flags are what tell the dashboard to fetch,
+    // matching `OverrideRule.bodyOmitted`. Full values come from `getEventBody`.
+    wire = {
+      ...event
+    };
+    if (stripRequest) {
+      wire.requestData = undefined;
+      wire.requestBodyOmitted = true;
+    }
+    if (stripResponse) {
+      wire.responseData = undefined;
+      wire.responseBodyOmitted = true;
+    }
+    if (graphqlVariables !== event.graphqlVariables) {
+      wire.graphqlVariables = graphqlVariables;
+    }
+    if (requestHeaders !== event.requestHeaders) {
+      wire.requestHeaders = requestHeaders;
+      wire.headersOmitted = true;
+    }
+    if (responseHeaders !== event.responseHeaders) {
+      wire.responseHeaders = responseHeaders;
+      wire.headersOmitted = true;
+    }
+  }
+  return {
+    event: wire,
+    bytes: approxJsonSize(wire, SNAPSHOT_EVENTS_BUDGET).bytes
+  };
+}
+
+/**
+ * Metadata-only form, used for the tail of the list once the snapshot budget
+ * is spent. Method/url/status/timing all stay — only the payloads go.
+ */
+function toStrippedEvent(event) {
+  const cached = strippedCache.get(event);
+  if (cached) return cached;
+  const {
+    event: wire
+  } = toWireEvent(event);
+  const stripped = {
+    ...wire
+  };
+  if (stripped.requestData !== undefined) {
+    stripped.requestData = undefined;
+    stripped.requestBodyOmitted = true;
+  }
+  if (stripped.responseData !== undefined) {
+    stripped.responseData = undefined;
+    stripped.responseBodyOmitted = true;
+  }
+  if (stripped.graphqlVariables !== undefined) {
+    stripped.graphqlVariables = toWireGraphqlVariables(stripped.graphqlVariables, /* force */true);
+  }
+  const entry = {
+    event: stripped,
+    bytes: approxJsonSize(stripped, SNAPSHOT_EVENTS_BUDGET).bytes
+  };
+  strippedCache.set(event, entry);
+  return entry;
+}
+
+/**
+ * Spend the snapshot budget newest-first. The store keeps events newest-first
+ * already, so this hands the developer full detail on what they are actually
+ * looking at and degrades the tail rather than dropping the whole panel.
+ */
+function fitEventsToBudget(events) {
+  const out = new Array(events.length);
+  let spent = 0;
+  for (let i = 0; i < events.length; i++) {
+    const full = toWireEvent(events[i]);
+    if (spent + full.bytes <= SNAPSHOT_EVENTS_BUDGET) {
+      out[i] = full.event;
+      spent += full.bytes;
+    } else {
+      const lean = toStrippedEvent(events[i]);
+      out[i] = lean.event;
+      spent += lean.bytes;
+    }
+  }
+  return out;
+}
+
+/**
+ * GraphQL variables are copied off `request.data.variables` onto their own
+ * field for the list subtitle (`GetPokemon › Sandshrew`). Capping requestData
+ * still left that copy on the wire. Keep short primitives for the subtitle;
+ * drop nested/fat values (file uploads, base64). Full variables stay in
+ * `requestData` on-device and come back via `getEventBody`.
+ */
+function toWireGraphqlVariables(vars, force = false) {
+  if (!vars) return vars;
+  if (!force && !shouldStripBody(vars, undefined)) return vars;
+  const slim = {};
+  for (const [key, value] of Object.entries(vars)) {
+    if (typeof value === "string" && value.length <= 64) slim[key] = value;else if (typeof value === "number" || typeof value === "boolean") {
+      slim[key] = value;
+    }
+  }
+  return Object.keys(slim).length > 0 ? slim : undefined;
+}
+
+/**
+ * Header values (Cookie, Authorization, custom JSON) still rode every
+ * snapshot after bodies were stripped. 500 events × a 4KB session cookie
+ * is a 2MB drop of the whole Network panel. Keep short values inline
+ * (content-type, accept); truncate the rest. Full maps stay on-device
+ * and come back via `getEventBody`.
+ *
+ * Returns the SAME object when nothing was truncated: callers use identity to
+ * decide whether anything was omitted, so a fresh `{}` here would flag every
+ * header-less event as truncated (and defeat the no-copy fast path).
+ */
+export const SNAPSHOT_HEADER_VALUE_LIMIT = 64;
+function toWireHeaders(headers) {
+  if (!headers) return headers;
+  let changed = false;
+  const slim = {};
+  for (const [key, value] of Object.entries(headers)) {
+    if (typeof value !== "string") continue;
+    if (value.length <= SNAPSHOT_HEADER_VALUE_LIMIT) {
+      slim[key] = value;
+    } else {
+      slim[key] = `${value.slice(0, SNAPSHOT_HEADER_VALUE_LIMIT)}… [${value.length - SNAPSHOT_HEADER_VALUE_LIMIT} more]`;
+      changed = true;
+    }
+  }
+  return changed ? slim : headers;
+}
 
 /**
  * Drop oversized rule bodies from the snapshot, flagging what was dropped.
@@ -148,7 +343,9 @@ function baseFromRequest(params) {
  * this package doesn't need a dependency on it).
  *
  * Subscribing starts the network interceptor, so requests are only captured
- * while a dashboard is watching the network panel.
+ * while a dashboard is watching the network panel — or while an MCP
+ * client holds a capture-mode watch (`devtool-watch` with `stream:false`),
+ * which records without asking the device to push snapshots.
  *
  * v2: large bodies are stripped from the snapshot and fetched lazily via
  * `getEventBody` (see SNAPSHOT_BODY_INLINE_LIMIT).
@@ -160,9 +357,12 @@ function baseFromRequest(params) {
  * `NetworkPanel`/`NetworkInline` accept either shape.
  */
 export const networkSyncAdapter = {
-  version: 4,
+  // v5: honest request/responseSize + explicit request/responseBodyOmitted
+  // flags, and a total snapshot budget so the list degrades instead of the
+  // whole panel being dropped at the emit layer.
+  version: 5,
   getSnapshot: () => ({
-    events: networkEventStore.getEvents().map(stripLargeBodies),
+    events: fitEventsToBudget(networkEventStore.getEvents()),
     /**
      * Response-override rules live on the DEVICE — that's the only place they
      * can run, since a rule is applied inside the app's own XMLHttpRequest.
@@ -174,7 +374,7 @@ export const networkSyncAdapter = {
     // the same 200ms loop that the body-stripping exists to protect.
     saved: networkSavedStore.getRecords().map(record => ({
       ...record,
-      event: stripLargeBodies(record.event)
+      event: toWireEvent(record.event).event
     }))
   }),
   subscribe: onChange => {
@@ -208,7 +408,9 @@ export const networkSyncAdapter = {
       if (!event) return null;
       return {
         requestData: event.requestData ?? null,
-        responseData: event.responseData ?? null
+        responseData: event.responseData ?? null,
+        requestHeaders: event.requestHeaders ?? null,
+        responseHeaders: event.responseHeaders ?? null
       };
     },
     /** Pin/unpin a request from the dashboard. */
@@ -355,6 +557,44 @@ export const networkSyncAdapter = {
       };
     },
     /** Why isn't my rule firing? Reports the engine's own view of the world. */
+    /**
+     * Is the device actually recording right now, and why not?
+     *
+     * The honest answer to an empty request list. Without this a caller can
+     * only guess, and the plausible guesses ("interception is broken on this
+     * runtime") are all wrong — the usual answer is simply that nothing is
+     * holding capture open.
+     */
+    getCaptureStatus: () => {
+      // RECORDING is what the caller actually wants to know, and it is driven
+      // by the store's subscriber count — not by whether the interceptor is
+      // installed. Those genuinely differ: an enabled override rule pins the
+      // interceptor (`overrideRulesStore.syncKeepAlive`) without anything
+      // writing to the event store, so reporting `isNetworkListening()` as
+      // "capturing" would answer "yes" to a device recording nothing. That is
+      // the same species of misleading answer this action exists to replace.
+      const subscribers = networkEventStore.getSubscriberCounts().total;
+
+      // `isNetworkListening()` lazily CONSTRUCTS the listener, which reaches
+      // for XMLHttpRequest — absent in Node and in any headless host. A
+      // diagnostic that throws is worse than no diagnostic, so probe
+      // defensively and report what we do know either way.
+      let interceptorInstalled = null;
+      let listenerCount = null;
+      try {
+        interceptorInstalled = isNetworkListening();
+        listenerCount = getNetworkListenerCount();
+      } catch {
+        /* no interceptable runtime here */
+      }
+      return {
+        capturing: subscribers > 0,
+        subscribers,
+        interceptorInstalled,
+        listenerCount,
+        eventCount: networkEventStore.getEvents().length
+      };
+    },
     debugOverrides: params => {
       const url = (params && typeof params === "object" ? params.url : undefined) ?? "https://example.com/";
       return {

package/lib/typescript/network/components/NetworkEventDetailView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkEventDetailView.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkEventDetailView.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,UAAU,CAAC;AA0B7D,UAAU,2BAA2B;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;;;;;;;;;;;;;OAeG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA+QD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,sBAAsB,mEA6gBjC,CAAC"}
+{"version":3,"file":"NetworkEventDetailView.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkEventDetailView.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,UAAU,CAAC;AA0B7D,UAAU,2BAA2B;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;;;;;;;;;;;;;OAeG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA+QD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,sBAAsB,mEAoiBjC,CAAC"}

package/lib/typescript/network/components/NetworkEventDetailView.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkEventDetailView.web.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkEventDetailView.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAWH,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,UAAU,CAAC;AA8S7D,UAAU,2BAA2B;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAuOD;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,mEA+djC,CAAC"}
+{"version":3,"file":"NetworkEventDetailView.web.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkEventDetailView.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAWH,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,UAAU,CAAC;AA8S7D,UAAU,2BAA2B;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAuOD;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,mEAsfjC,CAAC"}

package/lib/typescript/network/sync/__tests__/networkSyncAdapter.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=networkSyncAdapter.test.d.ts.map

package/lib/typescript/network/sync/__tests__/networkSyncAdapter.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"networkSyncAdapter.test.d.ts","sourceRoot":"","sources":["../../../../../src/network/sync/__tests__/networkSyncAdapter.test.ts"],"names":[],"mappings":""}

package/lib/typescript/network/sync/networkBodyResolver.d.ts

@@ -6,6 +6,8 @@ import { type ReactNode } from "react";
 export interface ResolvedNetworkBody {
     requestData?: unknown;
     responseData?: unknown;
+    requestHeaders?: Record<string, string> | null;
+    responseHeaders?: Record<string, string> | null;
 }
 /**
  * Resolves request/response bodies that were omitted from a synced snapshot.

package/lib/typescript/network/sync/networkBodyResolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"networkBodyResolver.d.ts","sourceRoot":"","sources":["../../../../src/network/sync/networkBodyResolver.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAChC,EAAE,EAAE,MAAM,KACP,OAAO,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;AAMzC,wBAAgB,2BAA2B,CAAC,EAC1C,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAMA;AAED,wBAAgB,sBAAsB,IAAI,mBAAmB,GAAG,IAAI,CAEnE"}
+{"version":3,"file":"networkBodyResolver.d.ts","sourceRoot":"","sources":["../../../../src/network/sync/networkBodyResolver.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;CACjD;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAChC,EAAE,EAAE,MAAM,KACP,OAAO,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;AAMzC,wBAAgB,2BAA2B,CAAC,EAC1C,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAMA;AAED,wBAAgB,sBAAsB,IAAI,mBAAmB,GAAG,IAAI,CAEnE"}

package/lib/typescript/network/sync/networkSyncAdapter.d.ts

@@ -2,23 +2,42 @@ import type { OverrideRulesState } from "../overrides/overrideRulesStore";
 import type { OverrideRuleKind } from "../overrides/types";
 import type { NetworkEvent } from "../types";
 /**
- * Request/response bodies larger than this (using the cached size proxy already
- * on the event — no per-snapshot stringify) are NOT streamed in the list
- * snapshot. These are the multi-MB payloads (images, large JSON list responses)
- * that, re-sent every ~200ms for up to 500 events, freeze the desktop
- * dashboard's main thread while it deserializes and re-renders them. Smaller
- * bodies stay inline so the common case needs no round-trip (instant detail
- * view, and they remain available to copy/export). Stripped bodies are fetched
- * on demand via the `getEventBody` action when a request's detail view opens.
+ * Request/response bodies larger than this are NOT streamed in the list
+ * snapshot. Prefer the cached size proxy already on the event (free); if that
+ * field is missing or wrong (0 for a fat/cyclic body), fall back to an
+ * O(limit) walk. Stripped bodies come back via `getEventBody` on detail open.
  */
 export declare const SNAPSHOT_BODY_INLINE_LIMIT: number;
+/**
+ * Total inline budget for one snapshot's event list, held under the emit
+ * layer's 2MB so a snapshot is never DROPPED (a drop leaves the whole panel
+ * stale). Per-field caps alone don't get there: 500 requests with 9KB
+ * responses are all individually legal and still add up to ~4.7MB. Newest
+ * events keep their bodies inline (that's what a developer is looking at);
+ * once the budget is spent, older events degrade to metadata + fetch-on-demand.
+ */
+export declare const SNAPSHOT_EVENTS_BUDGET: number;
+/**
+ * Header values (Cookie, Authorization, custom JSON) still rode every
+ * snapshot after bodies were stripped. 500 events × a 4KB session cookie
+ * is a 2MB drop of the whole Network panel. Keep short values inline
+ * (content-type, accept); truncate the rest. Full maps stay on-device
+ * and come back via `getEventBody`.
+ *
+ * Returns the SAME object when nothing was truncated: callers use identity to
+ * decide whether anything was omitted, so a fresh `{}` here would flag every
+ * header-less event as truncated (and defeat the no-copy fast path).
+ */
+export declare const SNAPSHOT_HEADER_VALUE_LIMIT = 64;
 /**
  * Sync adapter for the network tool, consumed by @buoy-gg/external-sync's
  * `useExternalSync` (structurally matches its ToolSyncAdapter interface so
  * this package doesn't need a dependency on it).
  *
  * Subscribing starts the network interceptor, so requests are only captured
- * while a dashboard is watching the network panel.
+ * while a dashboard is watching the network panel — or while an MCP
+ * client holds a capture-mode watch (`devtool-watch` with `stream:false`),
+ * which records without asking the device to push snapshots.
  *
  * v2: large bodies are stripped from the snapshot and fetched lazily via
  * `getEventBody` (see SNAPSHOT_BODY_INLINE_LIMIT).
@@ -59,12 +78,14 @@ export declare const networkSyncAdapter: {
          * back to the saved store, which may hold the only remaining copy of a
          * request that has since been cleared. Returns null if neither has it.
          */
-        getEventBody: (params: unknown) => {
+        getEventBody: (params?: unknown) => {
             requestData: {} | null;
             responseData: {} | null;
+            requestHeaders: Record<string, string>;
+            responseHeaders: Record<string, string>;
         } | null;
         /** Pin/unpin a request from the dashboard. */
-        setPinned: (params: unknown) => {
+        setPinned: (params?: unknown) => {
             ok: true;
             active: boolean;
         } | {
@@ -74,7 +95,7 @@ export declare const networkSyncAdapter: {
             ok: boolean;
         } | null;
         /** Save/unsave a request from the dashboard. */
-        setSaved: (params: unknown) => {
+        setSaved: (params?: unknown) => {
             ok: true;
             active: boolean;
         } | {
@@ -84,7 +105,7 @@ export declare const networkSyncAdapter: {
             ok: boolean;
         } | null;
         /** Drop one pinned/saved record by its stable key. */
-        removeSavedRecord: (params: unknown) => {
+        removeSavedRecord: (params?: unknown) => {
             ok: boolean;
         } | null;
         clearSavedRequests: () => {
@@ -94,12 +115,12 @@ export declare const networkSyncAdapter: {
             ok: boolean;
         };
         /** Master switch — turns every rule off without losing any of them. */
-        setOverridesEnabled: (params: unknown) => {
+        setOverridesEnabled: (params?: unknown) => {
             ok: boolean;
             enabled: boolean;
         };
         /** Create a rule, or replace one by id. */
-        upsertOverrideRule: (params: unknown) => {
+        upsertOverrideRule: (params?: unknown) => {
             ok: boolean;
             error: string;
             rule?: undefined;
@@ -115,14 +136,14 @@ export declare const networkSyncAdapter: {
             };
             error?: undefined;
         };
-        setOverrideRuleEnabled: (params: unknown) => {
+        setOverrideRuleEnabled: (params?: unknown) => {
             ok: boolean;
             error: string;
         } | {
             ok: boolean;
             error?: undefined;
         };
-        deleteOverrideRule: (params: unknown) => {
+        deleteOverrideRule: (params?: unknown) => {
             ok: boolean;
             error: string;
         } | {
@@ -139,11 +160,26 @@ export declare const networkSyncAdapter: {
          * (see `stripLargeRuleBodies`). Fetched when the user opens the rule, which
          * is the only moment it's needed.
          */
-        getOverrideRuleBody: (params: unknown) => {
+        getOverrideRuleBody: (params?: unknown) => {
             body: string | null;
         } | null;
         /** Why isn't my rule firing? Reports the engine's own view of the world. */
-        debugOverrides: (params: unknown) => {
+        /**
+         * Is the device actually recording right now, and why not?
+         *
+         * The honest answer to an empty request list. Without this a caller can
+         * only guess, and the plausible guesses ("interception is broken on this
+         * runtime") are all wrong — the usual answer is simply that nothing is
+         * holding capture open.
+         */
+        getCaptureStatus: () => {
+            capturing: boolean;
+            subscribers: number;
+            interceptorInstalled: boolean | null;
+            listenerCount: number | null;
+            eventCount: number;
+        };
+        debugOverrides: (params?: unknown) => {
             interceptorInstalled: boolean;
             listenerCount: number;
             engine: {

package/lib/typescript/network/sync/networkSyncAdapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"networkSyncAdapter.d.ts","sourceRoot":"","sources":["../../../../src/network/sync/networkSyncAdapter.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C;;;;;;;;;GASG;AACH,eAAO,MAAM,0BAA0B,QAAY,CAAC;AA8JpD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,kBAAkB;;;;QAI3B;;;;WAIG;;;;;;;;;;;;;0BAUiB,MAAM,IAAI;;;QAkB9B;;;;;WAKG;+BACoB,OAAO;;;;QAU9B,8CAA8C;4BAC1B,OAAO;;;;;;;;;QAY3B,gDAAgD;2BAC7B,OAAO;;;;;;;;;QAU1B,sDAAsD;oCAC1B,OAAO;;;;;;;;;QAsBnC,uEAAuE;sCACzC,OAAO;;;;QAKrC,2CAA2C;qCACd,OAAO;;;;;;;;;;;;;;;;yCAmCH,OAAO;;;;;;;qCAOX,OAAO;;;;;;;;;;QAYpC,+EAA+E;;QAG/E;;;;WAIG;sCAC2B,OAAO;;;QAYrC,4EAA4E;iCACnD,OAAO;;;;;;;;;;;;;;;;CAiBnC,CAAC"}
+{"version":3,"file":"networkSyncAdapter.d.ts","sourceRoot":"","sources":["../../../../src/network/sync/networkSyncAdapter.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,QAAY,CAAC;AAEpD;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,QAAqB,CAAC;AA2LzD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,2BAA2B,KAAK,CAAC;AA+J9C;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,kBAAkB;;;;QAO3B;;;;WAIG;;;;;;;;;;;;;0BAUiB,MAAM,IAAI;;;QAkB9B;;;;;WAKG;gCACqB,OAAO;;;;;;QAY/B,8CAA8C;6BACzB,OAAO;;;;;;;;;QAY5B,gDAAgD;4BAC5B,OAAO;;;;;;;;;QAU3B,sDAAsD;qCACzB,OAAO;;;;;;;;;QAsBpC,uEAAuE;uCACxC,OAAO;;;;QAKtC,2CAA2C;sCACb,OAAO;;;;;;;;;;;;;;;;0CAmCH,OAAO;;;;;;;sCAOX,OAAO;;;;;;;;;;QAYrC,+EAA+E;;QAG/E;;;;WAIG;uCAC4B,OAAO;;;QAYtC,4EAA4E;QAC5E;;;;;;;WAOG;;;;;;;;kCA+BuB,OAAO;;;;;;;;;;;;;;;;CAiBpC,CAAC"}

package/lib/typescript/network/types/index.d.ts

@@ -95,6 +95,20 @@ export interface NetworkEvent {
      * // Display: "GetPokemon › Sandshrew"
      */
     graphqlVariables?: Record<string, unknown>;
+    /**
+     * WIRE-ONLY: at least one header value was truncated on the snapshot.
+     * Full headers stay on-device and come back via `getEventBody`.
+     */
+    headersOmitted?: boolean;
+    /**
+     * WIRE-ONLY: `requestData` was withheld from the snapshot (too large, not
+     * serializable, or past the snapshot's total budget). Sizes stay honest —
+     * this flag, not a doctored `requestSize`, is what marks fetch-on-demand.
+     * Mirrors `OverrideRule.bodyOmitted`. Fetched via `getEventBody`.
+     */
+    requestBodyOmitted?: boolean;
+    /** WIRE-ONLY: `responseData` was withheld. See `requestBodyOmitted`. */
+    responseBodyOmitted?: boolean;
     /**
      * Set when a response-override rule affected this request.
      *

package/lib/typescript/network/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/network/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/network/types/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/network",
-  "version": "7.0.16",
+  "version": "7.0.18",
   "description": "In-app network inspector for React Native — requests, responses, timing & errors live, with GraphQL operation parsing. Part of Buoy devtools.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,7 +26,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/shared-ui": "^7.0.16"
+    "@buoy-gg/shared-ui": "^7.0.18"
   },
   "peerDependencies": {
     "react": "*",