@buoy-gg/network 7.0.40 → 7.0.42

package/lib/module/network/conditions/xhr.js

@@ -1,106 +1 @@
-"use strict";
-
-import { canSynthesize, completeNativeOverride } from "../overrides/applyToXhr";
-/** Active simulation uses a send-to-completion deadline, including the wait. */
-export function runConditionXhr(target, url, condition, outcome, dispatch) {
-  if (!canSynthesize(target)) throw new Error("Network conditions require React Native XMLHttpRequest.");
-  const xhr = target;
-  if (xhr.readyState !== 1 || xhr._sent) throw new Error("Request is not open or has already been sent.");
-  const started = Date.now();
-  let timeout = xhr.timeout;
-  let settled = false;
-  let dispatching = false;
-  let deadline;
-  let pending;
-  const originalAbort = xhr.abort;
-  const originalOpen = xhr.open;
-  const abortDescriptor = Object.getOwnPropertyDescriptor(xhr, "abort");
-  const openDescriptor = Object.getOwnPropertyDescriptor(xhr, "open");
-  const timeoutDescriptor = Object.getOwnPropertyDescriptor(xhr, "timeout");
-  const restore = (key, descriptor) => {
-    if (descriptor) Object.defineProperty(xhr, key, descriptor);else delete xhr[key];
-  };
-  const cleanup = () => {
-    if (settled) return;
-    settled = true;
-    clearTimeout(pending);
-    clearTimeout(deadline);
-    xhr.removeEventListener("loadend", cleanup);
-    restore("abort", abortDescriptor);
-    restore("open", openDescriptor);
-    restore("timeout", timeoutDescriptor);
-    xhr.timeout = timeout;
-  };
-  const fail = timedOut => {
-    if (settled) return;
-    // DONE suppresses abort events while the native transport is cancelled.
-    Object.assign(xhr, {
-      readyState: 4
-    });
-    originalAbort.call(xhr);
-    xhr._aborted = false;
-    xhr._hasError = true;
-    xhr._timedOut = timedOut;
-    xhr._response = timedOut ? "Request timed out (Buoy conditions)" : "Network request failed (Buoy Offline)";
-    xhr.setReadyState(4);
-    cleanup();
-  };
-  const expired = () => timeout > 0 && Date.now() - started >= timeout;
-  const scheduleDeadline = () => {
-    clearTimeout(deadline);
-    if (timeout > 0) deadline = setTimeout(() => fail(true), Math.max(0, timeout - (Date.now() - started)));
-  };
-  Object.defineProperty(xhr, "timeout", {
-    configurable: true,
-    get: () => dispatching ? 0 : timeout,
-    set: value => {
-      timeout = Math.max(0, Number(value) || 0);
-      scheduleDeadline();
-    }
-  });
-  Object.defineProperty(xhr, "abort", {
-    configurable: true,
-    value: () => {
-      if (!settled) {
-        originalAbort.call(xhr);
-        cleanup();
-      }
-    }
-  });
-  Object.defineProperty(xhr, "open", {
-    configurable: true,
-    value: (...args) => {
-      const result = Reflect.apply(originalOpen, xhr, args);
-      cleanup();
-      return result;
-    }
-  });
-  xhr._sent = true;
-  xhr._requestId = null;
-  xhr.addEventListener("loadend", cleanup);
-  scheduleDeadline();
-  pending = setTimeout(() => {
-    if (settled) return;
-    if (expired()) {
-      fail(true);
-      return;
-    }
-    if (condition.profile === "offline") {
-      fail(false);
-      return;
-    }
-    if (outcome && outcome.kind !== "delay") {
-      completeNativeOverride(xhr, url, outcome);
-      return;
-    }
-    xhr._sent = false;
-    dispatching = true;
-    try {
-      dispatch();
-    } catch {
-      fail(false);
-    } finally {
-      dispatching = false;
-    }
-  }, condition.delayMs + (outcome?.delayMs ?? 0));
-}
+"use strict";import{canSynthesize as _,completeNativeOverride as k,runOverride as q}from"../overrides/applyToXhr";import{realClearTimeout as M,realNow as y,realSetTimeout as x}from"../utils/realNow";export function runConditionXhr(d,u,o,r,b){if(!_(d)){const t={id:"condition",enabled:true,urlPattern:u,kind:"delay",hits:0,seen:0,createdAt:Date.now()};const i=o.profile==="offline"?{kind:"fail",rule:t,failKind:"network",delayMs:0}:r?{...r,delayMs:o.delayMs+r.delayMs}:{kind:"delay",rule:t,delayMs:o.delayMs};if(!q(d,u,i,b))throw new Error("Network conditions are unavailable for this XMLHttpRequest implementation.");return}const e=d;if(e.readyState!==1||e._sent)throw new Error("Request is not open or has already been sent.");const m=y();let n=e.timeout;let a=false;let f=false;let c;let O;const h=e.abort;const g=e.open;const v=Object.getOwnPropertyDescriptor(e,"abort");const j=Object.getOwnPropertyDescriptor(e,"open");const D=Object.getOwnPropertyDescriptor(e,"timeout");const p=(t,i)=>{if(i)Object.defineProperty(e,t,i);else delete e[t]};const l=()=>{if(a)return;a=true;clearTimeout(O);M(c);e.removeEventListener("loadend",l);p("abort",v);p("open",j);p("timeout",D);e.timeout=n};const s=t=>{if(a)return;Object.assign(e,{readyState:4});h.call(e);e._aborted=false;e._hasError=true;e._timedOut=t;e._response=t?"Request timed out (Buoy conditions)":"Network request failed (Buoy Offline)";e.setReadyState(4);l()};const P=()=>n>0&&y()-m>=n;const w=()=>{M(c);if(n>0)c=x(()=>s(true),Math.max(0,n-(y()-m)))};Object.defineProperty(e,"timeout",{configurable:true,get:()=>f?0:n,set:t=>{n=Math.max(0,Number(t)||0);w()}});Object.defineProperty(e,"abort",{configurable:true,value:()=>{if(!a){h.call(e);l()}}});Object.defineProperty(e,"open",{configurable:true,value:(...t)=>{const i=Reflect.apply(g,e,t);l();return i}});e._sent=true;e._requestId=null;e.addEventListener("loadend",l);w();O=setTimeout(()=>{if(a)return;if(P()){s(true);return}if(o.profile==="offline"){s(false);return}if(r&&r.kind!=="delay"){k(e,u,r);return}e._sent=false;f=true;try{b()}catch{s(false)}finally{f=false}},o.delayMs+(r?.delayMs??0))}

package/lib/module/network/hooks/useLiveNetworkEvent.js

@@ -1,58 +1 @@
-"use strict";
-
-/**
- * Resolves a selected event ID to the LIVE event object in the store.
- *
- * The detail view used to be handed the `NetworkEvent` captured at press
- * time. The store updates immutably — a response/error replaces the pending
- * event with a NEW object — so a request opened while pending stayed
- * "Pending" for as long as the detail view was open, and only showed its
- * real status after going back and re-opening the row (which re-read the
- * store). This hook closes that gap: callers keep the ID as UI state and the
- * leaf that renders the detail subscribes for its current value.
- *
- * Subscribing here (not at the modal root) keeps the event stream out of the
- * shell's render path — same rule the list/header leaves follow.
- */
-
-import { useEffect, useState } from "react";
-import { networkEventStore } from "../utils/networkEventStore";
-import { networkSavedStore } from "../utils/networkSavedStore";
-/**
- * Live store first, then the pinned/saved snapshots. The fallback is what
- * makes a pinned request openable after a Clear, after it aged past the
- * 500-event cap, or in a later app launch — cases where the live store has
- * nothing and the persisted snapshot is the only copy left.
- */
-function readEvent(eventId) {
-  return networkEventStore.getEvents().find(e => e.id === eventId) ?? networkSavedStore.getEventById(eventId);
-}
-export function useLiveNetworkEvent(eventId, options = {}) {
-  const {
-    paused = false
-  } = options;
-  const [entry, setEntry] = useState(null);
-  useEffect(() => {
-    // `paused` is the power toggle's freeze-stream semantic: a frozen tool
-    // keeps showing the version it froze on.
-    if (!eventId || paused) return undefined;
-    // subscribeToEvents replays the current array immediately, so the open
-    // detail catches up on subscribe as well as on every later update.
-    return networkEventStore.subscribeToEvents(events => {
-      const next = events.find(e => e.id === eventId);
-      // Gone from the store (cleared, or aged past maxEvents) — keep the last
-      // known version rather than blanking an open detail view.
-      if (!next) return;
-      setEntry(prev => prev && prev.id === eventId && prev.event === next ? prev : {
-        id: eventId,
-        event: next
-      });
-    });
-  }, [eventId, paused]);
-  if (!eventId) return null;
-  // A store read during render covers the frame where `eventId` just changed:
-  // the effect's first emission lands a commit later, and until then `entry`
-  // still describes the previously selected request.
-  if (entry && entry.id === eventId) return entry.event;
-  return readEvent(eventId);
-}
+"use strict";import{useEffect as c,useState as E}from"react";import{networkEventStore as u}from"../utils/networkEventStore";import{networkSavedStore as m}from"../utils/networkSavedStore";function a(t){return u.getEvents().find(n=>n.id===t)??m.getEventById(t)}export function useLiveNetworkEvent(t,n={}){const{paused:o=false}=n;const[e,f]=E(null);c(()=>{if(!t||o)return void 0;return u.subscribeToEvents(s=>{const i=s.find(r=>r.id===t);if(!i)return;f(r=>r&&r.id===t&&r.event===i?r:{id:t,event:i})})},[t,o]);if(!t)return null;if(e&&e.id===t)return e.event;return a(t)}

package/lib/module/network/hooks/useNetworkBadgeCounts.js

@@ -1,79 +1 @@
-"use strict";
-
-/**
- * Narrow store subscription for the header's live counters — the ONLY
- * header data that should update per network event (the success/error/
- * pending chips and the clear button's has-events state).
- *
- * Holds derived COUNTS in state, not the events array, with an equality
- * guard — so consumers re-render only when a count actually changes
- * (e.g. an ignored-pattern-matched event arriving doesn't re-render the
- * chips). rule2: external store, narrowest possible subscription.
- */
-
-import { useEffect, useState } from "react";
-import { networkEventStore } from "../utils/networkEventStore";
-import { applyIgnoredPatterns } from "../utils/filterNetworkEvents";
-function computeCounts(events, ignoredPatterns) {
-  let successful = 0;
-  let failed = 0;
-  let pending = 0;
-  for (const event of applyIgnoredPatterns(events, ignoredPatterns)) {
-    if (event.status && event.status >= 200 && event.status < 300) {
-      successful++;
-    } else if (event.error || event.status && event.status >= 400) {
-      failed++;
-    } else if (!event.status && !event.error) {
-      pending++;
-    }
-  }
-  return {
-    successful,
-    failed,
-    pending,
-    total: events.length
-  };
-}
-function countsEqual(a, b) {
-  return a.successful === b.successful && a.failed === b.failed && a.pending === b.pending && a.total === b.total;
-}
-export function useNetworkBadgeCounts(options) {
-  const {
-    ignoredPatterns,
-    paused
-  } = options;
-  const [counts, setCounts] = useState(() => computeCounts(networkEventStore.getEvents(), ignoredPatterns));
-  useEffect(() => {
-    if (paused) return undefined;
-    // Frame-coalesced like useNetworkEventList: a request burst updates
-    // the chips once per frame, not once per emission. subscribeToEvents
-    // replays immediately, which also recomputes when ignoredPatterns
-    // change (this effect re-runs).
-    let rafId = null;
-    let pending = null;
-    const unsubscribe = networkEventStore.subscribeToEvents(events => {
-      pending = events;
-      if (rafId != null) return;
-      rafId = requestAnimationFrame(() => {
-        rafId = null;
-        if (!pending) return;
-        const next = computeCounts(pending, ignoredPatterns);
-        pending = null;
-        setCounts(prev => countsEqual(prev, next) ? prev : next);
-      });
-    });
-    return () => {
-      unsubscribe();
-      if (rafId != null) cancelAnimationFrame(rafId);
-    };
-  }, [paused, ignoredPatterns]);
-  useEffect(() => networkEventStore.onClear(() => {
-    setCounts({
-      successful: 0,
-      failed: 0,
-      pending: 0,
-      total: 0
-    });
-  }), []);
-  return counts;
-}
+"use strict";import{useEffect as a,useState as m}from"react";import{networkEventStore as l}from"../utils/networkEventStore";import{applyIgnoredPatterns as g}from"../utils/filterNetworkEvents";function c(n,e){let s=0;let r=0;let u=0;for(const t of g(n,e)){if(t.status&&t.status>=200&&t.status<300){s++}else if(t.error||t.status&&t.status>=400){r++}else if(!t.status&&!t.error){u++}}return{successful:s,failed:r,pending:u,total:n.length}}function E(n,e){return n.successful===e.successful&&n.failed===e.failed&&n.pending===e.pending&&n.total===e.total}export function useNetworkBadgeCounts(n){const{ignoredPatterns:e,paused:s}=n;const[r,u]=m(()=>c(l.getEvents(),e));a(()=>{if(s)return void 0;let t=null;let o=null;const d=l.subscribeToEvents(p=>{o=p;if(t!=null)return;t=requestAnimationFrame(()=>{t=null;if(!o)return;const i=c(o,e);o=null;u(f=>E(f,i)?f:i)})});return()=>{d();if(t!=null)cancelAnimationFrame(t)}},[s,e]);a(()=>l.onClear(()=>{u({successful:0,failed:0,pending:0,total:0})}),[]);return r}

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

@@ -1,104 +1 @@
-"use strict";
-
-/**
- * Narrow store subscription for components that render the network event
- * LIST (or need the filtered list). Decomposed from `useNetworkEvents`
- * per rule2 ("external store + narrow subscriptions") so the subscription
- * lives in the leaf that consumes it — the modal root no longer
- * re-renders per network event.
- *
- * Profiling evidence (tool-bench, 2026-07-06): with the subscription at
- * the modal root, 15 network events re-rendered the ENTIRE modal 15× —
- * JsModalComponent/header buttons ×15, all visible rows ×105.
- *
- * `paused` gates the subscription (the power toggle's freeze-stream
- * semantic, and screens pass `paused || !visible` so hidden screens don't
- * subscribe at all). Store clears are honored even while paused so a
- * frozen list can't show deleted events (parity with the old hook's
- * clearEvents local reset).
- */
-
-import { useEffect, useMemo, useState } from "react";
-import { useLimit } from "@buoy-gg/shared-ui";
-import { networkEventStore } from "../utils/networkEventStore";
-import { applyIgnoredPatterns, filterNetworkEvents } from "../utils/filterNetworkEvents";
-export function useNetworkEventList(options) {
-  const {
-    filter,
-    ignoredPatterns,
-    paused,
-    visible = true,
-    isPro
-  } = options;
-  const tierLimit = useLimit("network.requests");
-  // `isPro` stays an option so callers can force the unlimited view.
-  const requestLimit = isPro ? Infinity : tierLimit;
-  const [events, setEvents] = useState(() => networkEventStore.getEvents());
-  useEffect(() => {
-    // Hidden: neither subscribe nor sync — a hidden screen re-rendering for
-    // stream traffic is pure waste (the stable-router contract).
-    if (!visible) return undefined;
-    if (paused) {
-      // Pause freezes the STREAM, not the data. The store still holds the
-      // frozen events, and a screen entering visibility during a pause must
-      // show them rather than whatever it had at mount.
-      setEvents(networkEventStore.getEvents());
-      return undefined;
-    }
-    // Coalesce store emissions to one commit per frame: a burst of N
-    // concurrent requests emits 2N times (add + response each), and
-    // uncoalesced each emission is its own commit re-rendering the
-    // changed row's whole subtree. Profiling (tool-bench 2026-07-06):
-    // a rapid 25-request session produced 70 commits at ~220 renders
-    // each. subscribeToEvents replays the current array immediately, so
-    // resuming from pause catches up on the next frame.
-    let rafId = null;
-    let pending = null;
-    const unsubscribe = networkEventStore.subscribeToEvents(next => {
-      pending = next;
-      if (rafId != null) return;
-      rafId = requestAnimationFrame(() => {
-        rafId = null;
-        if (pending) setEvents(pending);
-        pending = null;
-      });
-    });
-    return () => {
-      unsubscribe();
-      if (rafId != null) cancelAnimationFrame(rafId);
-    };
-  }, [paused, visible]);
-  useEffect(() => networkEventStore.onClear(() => {
-    setEvents([]);
-  }), []);
-
-  // Derivations are plain useMemo over the subscribed array — linear
-  // passes over ≤maxEvents items, recomputed only when inputs change.
-  // 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 = useMemo(() => applyIgnoredPatterns(events, ignoredPatterns), [events, ignoredPatterns]);
-  const filteredEvents = useMemo(() => 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).
-  const lockedEventIds = useMemo(() => {
-    const lockedIds = new Set();
-    events.slice(requestLimit).forEach(event => {
-      lockedIds.add(event.id);
-    });
-    return lockedIds;
-  }, [events, requestLimit]);
-  const visibleEvents = useMemo(() => {
-    if (lockedEventIds.size === 0) return filteredEvents;
-    return filteredEvents.filter(event => !lockedEventIds.has(event.id));
-  }, [filteredEvents, lockedEventIds]);
-  const lockedEventCount = filteredEvents.length - visibleEvents.length;
-  return {
-    events: filteredEvents,
-    visibleEvents,
-    hasLockedEvents: lockedEventCount > 0,
-    lockedEventCount,
-    totalEvents: candidateEvents.length
-  };
-}
+"use strict";import{useEffect as p,useMemo as s,useState as I}from"react";import{useLimit as L}from"@buoy-gg/shared-ui";import{networkEventStore as i}from"../utils/networkEventStore";import{applyIgnoredPatterns as q,filterNetworkEvents as P}from"../utils/filterNetworkEvents";export function useNetworkEventList(g){const{filter:c,ignoredPatterns:d,paused:f,visible:a=true,isPro:k}=g;const b=L("network.requests");const v=k?Infinity:b;const[r,o]=I(()=>i.getEvents());p(()=>{if(!a)return void 0;if(f){o(i.getEvents());return void 0}let e=null;let t=null;const h=i.subscribeToEvents(w=>{t=w;if(e!=null)return;e=requestAnimationFrame(()=>{e=null;if(t)o(t);t=null})});return()=>{h();if(e!=null)cancelAnimationFrame(e)}},[f,a]);p(()=>i.onClear(()=>{o([])}),[]);const u=s(()=>q(r,d),[r,d]);const n=s(()=>P(u,c),[u,c]);const l=s(()=>{const e=new Set;r.slice(v).forEach(t=>{e.add(t.id)});return e},[r,v]);const m=s(()=>{if(l.size===0)return n;return n.filter(e=>!l.has(e.id))},[n,l]);const E=n.length-m.length;return{events:n,visibleEvents:m,hasLockedEvents:E>0,lockedEventCount:E,totalEvents:u.length}}

package/lib/module/network/hooks/useNetworkEvents.js

@@ -1,314 +1 @@
-"use strict";
-
-/**
- * Hook for accessing network events and controls
- *
- * Uses self-managing Subscribable pattern - the network listener automatically
- * starts when this hook mounts and stops when all subscribers unmount.
- */
-
-import { useState, useEffect, useCallback, useMemo, useRef } from "react";
-import { networkEventStore } from "../utils/networkEventStore";
-import { useLimit, TIER_LIMITS } from "@buoy-gg/shared-ui";
-import { searchGraphQLVariables } from "../utils/formatGraphQLVariables";
-
-/**
- * @deprecated Read the live limit with `useLimit("network.requests")` — this
- * only reports the FREE tier's value and ignores the Weekend Pass. Kept
- * because it is part of the package's public exports.
- */
-export const FREE_TIER_REQUEST_LIMIT = TIER_LIMITS["network.requests"].free;
-
-/**
- * Custom hook for accessing network events and controls
- *
- * This hook provides a complete interface for network monitoring, including
- * event filtering, statistics calculation, and interception control.
- *
- * The network listener automatically starts when this hook mounts and stops
- * when all components using it unmount (Subscribable pattern from TanStack Query).
- *
- * @returns Object containing filtered events, statistics, controls, and utilities
- *
- * @example
- * ```typescript
- * function NetworkMonitor() {
- *   const {
- *     events,
- *     stats,
- *     filter,
- *     setFilter,
- *     clearEvents,
- *     isCapturing
- *   } = useNetworkEvents();
- *
- *   return (
- *     <div>
- *       <p>Total requests: {stats.totalRequests}</p>
- *       <p>Success rate: {stats.successfulRequests}/{stats.totalRequests}</p>
- *       <p>Capturing: {isCapturing ? 'Yes' : 'No'}</p>
- *     </div>
- *   );
- * }
- * ```
- *
- * @performance Uses memoization for expensive filtering and statistics calculations
- * @performance Optimizes string operations and array processing for large datasets
- * @performance Includes Set-based lookups for O(1) filter matching
- *
- * @param options.isPro - Force the unlimited view. Defaults to false, in
- *   which case the current tier's limit from `useLimit("network.requests")`
- *   applies.
- */
-export function useNetworkEvents(options = {}) {
-  const {
-    isPro = false
-  } = options;
-  const tierLimit = useLimit("network.requests");
-  // `isPro` stays an option so callers can force the unlimited view.
-  const requestLimit = isPro ? Infinity : tierLimit;
-  const [events, setEvents] = useState([]);
-  const [filter, setFilter] = useState({});
-  const [isCapturing, setIsCapturing] = useState(true);
-  const unsubscribeRef = useRef(null);
-
-  // Subscribe/unsubscribe to event store based on isCapturing state.
-  // Each subscriber is independent — pausing this hook's subscription
-  // does not affect other subscribers (e.g. the events tool).
-  useEffect(() => {
-    if (isCapturing) {
-      unsubscribeRef.current = networkEventStore.subscribeToEvents(setEvents);
-    }
-    return () => {
-      if (unsubscribeRef.current) {
-        unsubscribeRef.current();
-        unsubscribeRef.current = null;
-      }
-    };
-  }, [isCapturing]);
-
-  // Clear all events (also update local state in case we're paused/unsubscribed)
-  const clearEvents = useCallback(() => {
-    networkEventStore.clearEvents();
-    setEvents([]);
-  }, []);
-
-  // Pause: unsubscribe this hook from the store (other subscribers unaffected)
-  const pauseCapturing = useCallback(() => {
-    setIsCapturing(false);
-  }, []);
-
-  // Resume: resubscribe this hook to the store
-  const resumeCapturing = useCallback(() => {
-    setIsCapturing(true);
-  }, []);
-
-  // Memoize search text processing to avoid repeated toLowerCase calls
-  // Performance: Expensive string operations repeated for every event on every filter
-  const searchLower = useMemo(() => {
-    return filter.searchText ? filter.searchText.toLowerCase() : null;
-  }, [filter.searchText]);
-
-  // Memoize method filter Set for O(1) lookup instead of Array.includes
-  // Performance: Converting array.includes to Set.has for faster lookups with large method lists
-  const methodSet = useMemo(() => {
-    return filter.method && filter.method.length > 0 ? new Set(filter.method) : null;
-  }, [filter.method]);
-
-  // Memoize content type Set for O(1) lookup
-  // Performance: Converting array.some to Set.has for faster content type matching
-  const contentTypeSet = useMemo(() => {
-    return filter.contentType && filter.contentType.length > 0 ? new Set(filter.contentType) : null;
-  }, [filter.contentType]);
-
-  // Filter events with optimized string operations and Set lookups
-  // Performance: Complex multi-stage filtering with string operations and content type matching
-  const filteredEvents = useMemo(() => {
-    let filtered = [...events];
-    if (methodSet) {
-      filtered = filtered.filter(e => methodSet.has(e.method));
-    }
-    if (filter.status && filter.status !== "all") {
-      switch (filter.status) {
-        case "success":
-          filtered = filtered.filter(e => e.status && e.status >= 200 && e.status < 300);
-          break;
-        case "error":
-          filtered = filtered.filter(e => e.error || e.status && e.status >= 400);
-          break;
-        case "pending":
-          filtered = filtered.filter(e => !e.status && !e.error);
-          break;
-      }
-    }
-    if (searchLower) {
-      filtered = filtered.filter(e => e.url.toLowerCase().includes(searchLower) || e.method.toLowerCase().includes(searchLower) || e.path?.toLowerCase().includes(searchLower) || e.host?.toLowerCase().includes(searchLower) || e.error && e.error.toLowerCase().includes(searchLower) ||
-      // Search by GraphQL operation name (e.g., "GetUser", "CreatePost")
-      e.operationName && e.operationName.toLowerCase().includes(searchLower) ||
-      // Search by GraphQL variable values (e.g., "Sandshrew", "123", "true")
-      // This enables finding specific requests like "GetPokemon › Sandshrew" by typing "Sandshrew"
-      searchGraphQLVariables(e.graphqlVariables, searchLower));
-    }
-    if (filter.host) {
-      filtered = filtered.filter(e => e.host === filter.host);
-    }
-    if (contentTypeSet) {
-      filtered = filtered.filter(e => {
-        const headers = e.responseHeaders || e.requestHeaders;
-        const contentType = headers?.["content-type"] || headers?.["Content-Type"] || "";
-        for (const type of contentTypeSet) {
-          switch (type) {
-            case "JSON":
-              if (contentType.includes("json")) return true;
-              break;
-            case "XML":
-              if (contentType.includes("xml")) return true;
-              break;
-            case "HTML":
-              if (contentType.includes("html")) return true;
-              break;
-            case "TEXT":
-              if (contentType.includes("text")) return true;
-              break;
-            case "IMAGE":
-              if (contentType.includes("image")) return true;
-              break;
-            case "VIDEO":
-              if (contentType.includes("video")) return true;
-              break;
-            case "AUDIO":
-              if (contentType.includes("audio")) return true;
-              break;
-            case "FORM":
-              if (contentType.includes("form")) return true;
-              break;
-            case "OTHER":
-              if (!contentType || !contentType.includes("json") && !contentType.includes("xml") && !contentType.includes("html") && !contentType.includes("text") && !contentType.includes("image") && !contentType.includes("video") && !contentType.includes("audio") && !contentType.includes("form")) {
-                return true;
-              }
-              break;
-          }
-        }
-        return false;
-      });
-    }
-    return filtered;
-  }, [events, filter, searchLower, methodSet, contentTypeSet]);
-
-  // Events beyond the tier limit are "locked". Keyed off the ORIGINAL event
-  // order, not the filtered results, so locked events stay locked when
-  // searching. slice(Infinity) is empty, so Pro locks nothing.
-  const lockedEventIds = useMemo(() => {
-    const lockedIds = new Set();
-    events.slice(requestLimit).forEach(event => {
-      lockedIds.add(event.id);
-    });
-    return lockedIds;
-  }, [events, requestLimit]);
-
-  // Check if there are locked events in the current filtered results
-  const lockedEventsInFilter = useMemo(() => {
-    return filteredEvents.filter(event => lockedEventIds.has(event.id));
-  }, [filteredEvents, lockedEventIds]);
-  const hasLockedEvents = lockedEventsInFilter.length > 0;
-  const lockedEventCount = lockedEventsInFilter.length;
-
-  // Helper to check if a specific event is locked
-  const isEventLocked = useCallback(eventId => {
-    return lockedEventIds.has(eventId);
-  }, [lockedEventIds]);
-
-  // Memoize expensive statistics calculation by categorizing events in single pass
-  // Performance: Multiple array.filter operations replaced with single loop for better performance
-  const stats = useMemo(() => {
-    let successful = 0;
-    let failed = 0;
-    let pending = 0;
-    let totalSent = 0;
-    let totalReceived = 0;
-    let durationSum = 0;
-    let durationCount = 0;
-
-    // Single pass through events for all statistics
-    for (const event of events) {
-      // Categorize status
-      if (event.status && event.status >= 200 && event.status < 300) {
-        successful++;
-      } else if (event.error || event.status && event.status >= 400) {
-        failed++;
-      } else if (!event.status && !event.error) {
-        pending++;
-      }
-
-      // Accumulate data sizes
-      totalSent += event.requestSize || 0;
-      totalReceived += event.responseSize || 0;
-
-      // Accumulate durations
-      if (event.duration) {
-        durationSum += event.duration;
-        durationCount++;
-      }
-    }
-    const avgDuration = durationCount > 0 ? durationSum / durationCount : 0;
-    return {
-      totalRequests: events.length,
-      successfulRequests: successful,
-      failedRequests: failed,
-      pendingRequests: pending,
-      totalDataSent: totalSent,
-      totalDataReceived: totalReceived,
-      averageDuration: Math.round(avgDuration)
-    };
-  }, [events]);
-
-  // Memoize unique hosts extraction with single pass instead of map + filter + Set
-  // Performance: Avoiding array.map().filter() chain, using single loop with Set for deduplication
-  const hosts = useMemo(() => {
-    const hostSet = new Set();
-    for (const event of events) {
-      if (event.host) {
-        hostSet.add(event.host);
-      }
-    }
-    return Array.from(hostSet);
-  }, [events]);
-
-  // Memoize unique methods extraction with single pass
-  // Performance: Avoiding array.map() + Set constructor, using single loop for better performance
-  const methods = useMemo(() => {
-    const methodSet = new Set();
-    for (const event of events) {
-      methodSet.add(event.method);
-    }
-    return Array.from(methodSet);
-  }, [events]);
-  return {
-    /** Filtered events (all shown, but some may be locked for free users) */
-    events: filteredEvents,
-    /** All events before filtering (for stats) */
-    allEvents: events,
-    stats,
-    filter,
-    setFilter,
-    clearEvents,
-    /** Whether this hook is subscribed and receiving network events */
-    isCapturing,
-    /** Unsubscribe this hook from the network store (other subscribers unaffected) */
-    pauseCapturing,
-    /** Resubscribe this hook to the network store */
-    resumeCapturing,
-    hosts,
-    methods,
-    /** Whether there are locked events due to free tier limit */
-    hasLockedEvents,
-    /** Number of events locked due to free tier limit */
-    lockedEventCount,
-    /** Check if a specific event is locked (by ID) */
-    isEventLocked,
-    /** The live request limit for this tier (Infinity when unlimited). */
-    requestLimit,
-    /** Get subscriber counts for debugging */
-    getSubscriberCounts: () => networkEventStore.getSubscriberCounts()
-  };
-}
+"use strict";import{useState as k,useEffect as V,useCallback as f,useMemo as a,useRef as j}from"react";import{networkEventStore as S}from"../utils/networkEventStore";import{useLimit as z,TIER_LIMITS as G}from"@buoy-gg/shared-ui";import{searchGraphQLVariables as Q}from"../utils/formatGraphQLVariables";export const FREE_TIER_REQUEST_LIMIT=G["network.requests"].free;export function useNetworkEvents(C={}){const{isPro:I=false}=C;const R=z("network.requests");const h=I?Infinity:R;const[n,T]=k([]);const[r,y]=k({});const[m,g]=k(true);const c=j(null);V(()=>{if(m){c.current=S.subscribeToEvents(T)}return()=>{if(c.current){c.current();c.current=null}}},[m]);const q=f(()=>{S.clearEvents();T([])},[]);const x=f(()=>{g(false)},[]);const M=f(()=>{g(true)},[]);const u=a(()=>{return r.searchText?r.searchText.toLowerCase():null},[r.searchText]);const p=a(()=>{return r.method&&r.method.length>0?new Set(r.method):null},[r.method]);const E=a(()=>{return r.contentType&&r.contentType.length>0?new Set(r.contentType):null},[r.contentType]);const v=a(()=>{let t=[...n];if(p){t=t.filter(e=>p.has(e.method))}if(r.status&&r.status!=="all"){switch(r.status){case"success":t=t.filter(e=>e.status&&e.status>=200&&e.status<300);break;case"error":t=t.filter(e=>e.error||e.status&&e.status>=400);break;case"pending":t=t.filter(e=>!e.status&&!e.error);break}}if(u){t=t.filter(e=>e.url.toLowerCase().includes(u)||e.method.toLowerCase().includes(u)||e.path?.toLowerCase().includes(u)||e.host?.toLowerCase().includes(u)||e.error&&e.error.toLowerCase().includes(u)||e.operationName&&e.operationName.toLowerCase().includes(u)||Q(e.graphqlVariables,u))}if(r.host){t=t.filter(e=>e.host===r.host)}if(E){t=t.filter(e=>{const i=e.responseHeaders||e.requestHeaders;const s=i?.["content-type"]||i?.["Content-Type"]||"";for(const d of E){switch(d){case"JSON":if(s.includes("json"))return true;break;case"XML":if(s.includes("xml"))return true;break;case"HTML":if(s.includes("html"))return true;break;case"TEXT":if(s.includes("text"))return true;break;case"IMAGE":if(s.includes("image"))return true;break;case"VIDEO":if(s.includes("video"))return true;break;case"AUDIO":if(s.includes("audio"))return true;break;case"FORM":if(s.includes("form"))return true;break;case"OTHER":if(!s||!s.includes("json")&&!s.includes("xml")&&!s.includes("html")&&!s.includes("text")&&!s.includes("image")&&!s.includes("video")&&!s.includes("audio")&&!s.includes("form")){return true}break}}return false})}return t},[n,r,u,p,E]);const l=a(()=>{const t=new Set;n.slice(h).forEach(e=>{t.add(e.id)});return t},[n,h]);const w=a(()=>{return v.filter(t=>l.has(t.id))},[v,l]);const D=w.length>0;const O=w.length;const A=f(t=>{return l.has(t)},[l]);const F=a(()=>{let t=0;let e=0;let i=0;let s=0;let d=0;let L=0;let b=0;for(const o of n){if(o.status&&o.status>=200&&o.status<300){t++}else if(o.error||o.status&&o.status>=400){e++}else if(!o.status&&!o.error){i++}s+=o.requestSize||0;d+=o.responseSize||0;if(o.duration){L+=o.duration;b++}}const _=b>0?L/b:0;return{totalRequests:n.length,successfulRequests:t,failedRequests:e,pendingRequests:i,totalDataSent:s,totalDataReceived:d,averageDuration:Math.round(_)}},[n]);const H=a(()=>{const t=new Set;for(const e of n){if(e.host){t.add(e.host)}}return Array.from(t)},[n]);const N=a(()=>{const t=new Set;for(const e of n){t.add(e.method)}return Array.from(t)},[n]);return{events:v,allEvents:n,stats:F,filter:r,setFilter:y,clearEvents:q,isCapturing:m,pauseCapturing:x,resumeCapturing:M,hosts:H,methods:N,hasLockedEvents:D,lockedEventCount:O,isEventLocked:A,requestLimit:h,getSubscriberCounts:()=>S.getSubscriberCounts()}}