@buoy-gg/network 7.0.40 → 7.0.42

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

@@ -1,375 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkClearButton = NetworkClearButton;
-exports.NetworkDetailPinActions = NetworkDetailPinActions;
-exports.NetworkHeaderBadges = NetworkHeaderBadges;
-exports.NetworkHeaderBadgesView = NetworkHeaderBadgesView;
-exports.NetworkHeaderCopyButton = NetworkHeaderCopyButton;
-exports.NetworkSavedButton = NetworkSavedButton;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _networkEventStore = require("../utils/networkEventStore");
-var _networkSavedStore = require("../utils/networkSavedStore");
-var _useNetworkSaved = require("../hooks/useNetworkSaved");
-var _useNetworkSelection = require("../hooks/useNetworkSelection");
-var _useNetworkBadgeCounts = require("../hooks/useNetworkBadgeCounts");
-var _useNetworkHasMatches = require("../hooks/useNetworkHasMatches");
-var _generateNetworkCopyText = require("../utils/generateNetworkCopyText");
-var _filterNetworkEvents = require("../utils/filterNetworkEvents");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * The header pieces that consume LIVE event data, decomposed out of
- * NetworkModal per rule3 (decompose by responsibility) so each one is its
- * own narrow store subscriber and the modal root/header never re-render
- * per network event:
- *
- *  - `NetworkHeaderBadges` — success/error/pending count chips
- *  - `NetworkClearButton`  — trash button (enabled = store has events;
- *    clear handler co-located here per rule2)
- *  - `NetworkHeaderCopyButton` — copy-all button; the copy TEXT is
- *    resolved lazily at press time (CopyButton accepts a function value —
- *    rule2's latest-ref pattern), so no string is built per event
- *
- * Profiling evidence for this decomposition: tool-bench 2026-07-06 —
- * Trash2/CopyButton re-rendered 15× for 15 network events when the
- * subscription lived at the modal root.
- */
-
-/** Success / error / pending chips — tap to toggle the status filter. */
-function NetworkHeaderBadges({
-  activeStatus,
-  onToggleStatus,
-  ignoredPatterns,
-  paused
-}) {
-  const counts = (0, _useNetworkBadgeCounts.useNetworkBadgeCounts)({
-    ignoredPatterns,
-    paused
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(NetworkHeaderBadgesView, {
-    counts: counts,
-    activeStatus: activeStatus,
-    onToggleStatus: onToggleStatus
-  });
-}
-/**
- * The chips themselves, fed by props — what the parity sheet renders with
- * fixture counts (`NetworkHeaderBadges` reads the live store).
- */
-function NetworkHeaderBadgesView({
-  counts,
-  activeStatus,
-  onToggleStatus
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.headerChipRow,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-      style: [styles.headerChip, activeStatus === "success" && styles.headerChipActive],
-      onPress: () => onToggleStatus("success"),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CheckCircle, {
-        size: 12,
-        color: _sharedUi.macOSColors.semantic.success
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.headerChipValue, {
-          color: _sharedUi.macOSColors.semantic.success
-        }],
-        children: counts.successful
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-      style: [styles.headerChip, activeStatus === "error" && styles.headerChipActive],
-      onPress: () => onToggleStatus("error"),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.XCircle, {
-        size: 12,
-        color: _sharedUi.macOSColors.semantic.error
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.headerChipValue, {
-          color: _sharedUi.macOSColors.semantic.error
-        }],
-        children: counts.failed
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-      style: [styles.headerChip, activeStatus === "pending" && styles.headerChipActive],
-      onPress: () => onToggleStatus("pending"),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Clock, {
-        size: 12,
-        color: _sharedUi.macOSColors.semantic.warning
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.headerChipValue, {
-          color: _sharedUi.macOSColors.semantic.warning
-        }],
-        children: counts.pending
-      })]
-    })]
-  });
-}
-/** Trash button — handler co-located; enabled while the store has events.
- * Subscribes to a flip-guarded boolean, so it renders when the store goes
- * empty↔non-empty, not on every count change. */
-function NetworkClearButton({
-  paused
-}) {
-  const hasEvents = (0, _useNetworkHasMatches.useNetworkHasEvents)({
-    paused
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-    "sentry-label": "ignore clear events",
-    testID: "buoy-network-clear",
-    accessibilityLabel: "Clear network requests",
-    accessibilityRole: "button",
-    onPress: () => _networkEventStore.networkEventStore.clearEvents(),
-    style: [styles.headerActionButton, !hasEvents && styles.headerActionButtonDisabled],
-    disabled: !hasEvents,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
-      size: 14,
-      color: hasEvents ? _sharedUi.night.color.textSecondary : _sharedUi.night.color.textTertiary
-    })
-  });
-}
-/**
- * Entry point to the Saved screen, with its count. A self-subscribing leaf so
- * the badge tracks the store without the modal header re-rendering.
- */
-function NetworkSavedButton({
-  onPress
-}) {
-  const {
-    savedRecords
-  } = (0, _useNetworkSaved.useNetworkSaved)();
-  const count = savedRecords.length;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    "sentry-label": "ignore open saved",
-    onPress: onPress,
-    accessibilityLabel: "Saved requests",
-    style: styles.headerActionButton,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Bookmark, {
-      size: 14,
-      color: count > 0 ? _sharedUi.night.color.accent : _sharedUi.night.color.textSecondary
-    }), count > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.savedBadge,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.savedBadgeText,
-        children: count > 99 ? "99+" : count
-      })
-    }) : null]
-  });
-}
-/**
- * Pin + Save toggles for the request-detail header.
- *
- * Lives here, as a self-subscribing leaf, for two reasons. First the usual
- * one: the modal root stays free of subscriptions. Second, and the real
- * constraint — these buttons deliberately do NOT go inside
- * `NetworkEventDetailView`, because the Events tool renders that same detail
- * view (UnifiedEventDetail) and has no saved store behind it. The header is
- * the Network tool's own surface, so the feature stays where it belongs.
- *
- * The event object is resolved at PRESS time rather than held as a prop: the
- * live store has the fresh copy while the request is in flight, and the saved
- * store is the only copy once it has been cleared or aged out.
- *
- * The selected id is SUBSCRIBED here rather than passed down, so stepping
- * through requests doesn't have to re-render the modal root just to rebuild
- * the header around a new prop.
- */
-function NetworkDetailPinActions({
-  isPro,
-  onUpgradePress
-}) {
-  const eventId = (0, _useNetworkSelection.useSelectedNetworkEventId)();
-  const state = (0, _useNetworkSaved.useNetworkSaved)();
-  const {
-    pinned,
-    saved
-  } = (0, _networkSavedStore.flagsForEventId)(state, eventId);
-  const savedLimit = (0, _sharedUi.useLimit)("network.saved");
-  const atPinCap = !pinned && state.pinnedEvents.length >= _networkSavedStore.MAX_PINNED;
-  const atSavedCap = !saved && state.savedRecords.length >= savedLimit;
-  const resolveEvent = () => {
-    if (!eventId) return null;
-    return _networkEventStore.networkEventStore.getEvents().find(event => event.id === eventId) ?? _networkSavedStore.networkSavedStore.getEventById(eventId);
-  };
-  const handlePin = () => {
-    const event = resolveEvent();
-    if (event) state.togglePin(event);
-  };
-  const handleSave = () => {
-    // Hitting the free ceiling is an upgrade moment, not a dead button.
-    if (atSavedCap && !isPro) {
-      onUpgradePress();
-      return;
-    }
-    const event = resolveEvent();
-    if (event) state.toggleSave(event);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      "sentry-label": "ignore pin request",
-      onPress: handlePin,
-      disabled: atPinCap,
-      testID: "buoy-network-pin",
-      accessibilityRole: "button",
-      accessibilityLabel: pinned ? "Unpin request" : "Pin request",
-      accessibilityHint: atPinCap ? `Pin limit reached (${_networkSavedStore.MAX_PINNED})` : undefined,
-      style: [styles.headerActionButton, pinned && styles.headerActionButtonActive, atPinCap && styles.headerActionButtonDisabled],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Pin, {
-        size: 14,
-        active: pinned,
-        color: pinned ? _sharedUi.night.color.accent : atPinCap ? _sharedUi.night.color.textTertiary : _sharedUi.night.color.textSecondary
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      "sentry-label": "ignore save request",
-      onPress: handleSave,
-      disabled: atSavedCap && isPro,
-      testID: "buoy-network-save",
-      accessibilityRole: "button",
-      accessibilityLabel: saved ? "Remove from saved" : "Save request",
-      accessibilityHint: atSavedCap && isPro ? `Saved limit reached (${_networkSavedStore.MAX_SAVED})` : undefined,
-      style: [styles.headerActionButton, saved && styles.headerActionButtonSaved, atSavedCap && isPro && styles.headerActionButtonDisabled],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Bookmark, {
-        size: 14,
-        color: saved ? _sharedUi.night.color.accent : atSavedCap && isPro ? _sharedUi.night.color.textTertiary : _sharedUi.night.color.textSecondary
-      })
-    })]
-  });
-}
-/**
- * Copy-all-requests button. Subscribes to a flip-guarded boolean (its
- * enabled state); the copy text is generated at PRESS time from a live
- * store read, so there's no per-event work and no stale closure.
- */
-function NetworkHeaderCopyButton({
-  isPro,
-  filter,
-  ignoredPatterns,
-  copySettings,
-  paused,
-  onUpgradePress,
-  label
-}) {
-  const hasEvents = (0, _useNetworkHasMatches.useNetworkHasMatches)({
-    filter,
-    ignoredPatterns,
-    paused
-  });
-  if (!isPro) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-      "sentry-label": "ignore copy pro",
-      onPress: onUpgradePress,
-      style: [label ? styles.copyMenuRow : styles.headerActionButton, !hasEvents && styles.headerActionButtonDisabled],
-      disabled: !hasEvents,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Copy, {
-        size: 14,
-        color: hasEvents ? _sharedUi.night.color.textSecondary : _sharedUi.night.color.textTertiary
-      }), label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.copyMenuLabel,
-        children: label
-      }) : null]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CopyButton
-  // Lazy value: resolved at copy time by CopyButton's latest-ref
-  // pattern, reading the LIVE store — no per-event work, no staleness.
-  , {
-    value: () => (0, _generateNetworkCopyText.generateNetworkCopyText)((0, _filterNetworkEvents.filterNetworkEvents)((0, _filterNetworkEvents.applyIgnoredPatterns)(_networkEventStore.networkEventStore.getEvents(), ignoredPatterns), filter), copySettings),
-    size: 14,
-    label: label,
-    buttonStyle: label ? styles.copyMenuRow : styles.headerActionButton,
-    labelStyle: styles.copyMenuLabel,
-    colors: {
-      idle: hasEvents ? _sharedUi.night.color.textSecondary : _sharedUi.night.color.textTertiary,
-      success: _sharedUi.macOSColors.semantic.success,
-      error: _sharedUi.macOSColors.semantic.error
-    },
-    disabled: !hasEvents
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  /** The overflow-menu variant: a full-width row, matching the other items. */
-  copyMenuRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingHorizontal: 6,
-    paddingVertical: 11,
-    justifyContent: "flex-start"
-  },
-  copyMenuLabel: {
-    fontSize: 13,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text
-  },
-  headerChipRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  /**
-   * Counter chips and toolbar buttons on the night dark-glass fill — the
-   * hairline outline barely registers on the star field, and the fill marks
-   * the active filter in the brand accent (the night selection language).
-   * Status glyph/count colors stay on the classic semantic palette on
-   * purpose — see getStatusColor in NetworkEventItemCompact.
-   */
-  headerChip: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4,
-    backgroundColor: _sharedUi.night.color.buttonSurface,
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  headerChipActive: {
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderColor: _sharedUi.night.color.accentBorderStrong
-  },
-  headerChipValue: {
-    fontSize: 12,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont
-  },
-  headerActionButton: {
-    width: 32,
-    height: 32,
-    borderRadius: 8,
-    backgroundColor: _sharedUi.night.color.buttonSurface,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  headerActionButtonDisabled: {
-    opacity: 0.55
-  },
-  headerActionButtonActive: {
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderColor: _sharedUi.night.color.accentBorderStrong
-  },
-  headerActionButtonSaved: {
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderColor: _sharedUi.night.color.accentBorderStrong
-  },
-  savedBadge: {
-    position: "absolute",
-    top: -3,
-    right: -3,
-    minWidth: 14,
-    height: 14,
-    paddingHorizontal: 3,
-    borderRadius: 7,
-    backgroundColor: _sharedUi.night.color.accent,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  savedBadgeText: {
-    color: _sharedUi.night.color.onAccent,
-    fontSize: 9,
-    fontWeight: "700",
-    fontFamily: _sharedUi.monoFont
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkClearButton=NetworkClearButton;exports.NetworkDetailPinActions=NetworkDetailPinActions;exports.NetworkHeaderBadges=NetworkHeaderBadges;exports.NetworkHeaderBadgesView=NetworkHeaderBadgesView;exports.NetworkHeaderCopyButton=NetworkHeaderCopyButton;exports.NetworkSavedButton=NetworkSavedButton;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _networkEventStore=require("../utils/networkEventStore");var _networkSavedStore=require("../utils/networkSavedStore");var _useNetworkSaved=require("../hooks/useNetworkSaved");var _useNetworkSelection=require("../hooks/useNetworkSelection");var _useNetworkBadgeCounts=require("../hooks/useNetworkBadgeCounts");var _useNetworkHasMatches=require("../hooks/useNetworkHasMatches");var _generateNetworkCopyText=require("../utils/generateNetworkCopyText");var _filterNetworkEvents=require("../utils/filterNetworkEvents");var _jsxRuntime=require("react/jsx-runtime");function NetworkHeaderBadges({activeStatus:t,onToggleStatus:o,ignoredPatterns:e,paused:n}){const i=(0,_useNetworkBadgeCounts.useNetworkBadgeCounts)({ignoredPatterns:e,paused:n});return(0,_jsxRuntime.jsx)(NetworkHeaderBadgesView,{counts:i,activeStatus:t,onToggleStatus:o})}function NetworkHeaderBadgesView({counts:t,activeStatus:o,onToggleStatus:e}){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.headerChipRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.headerChip,o==="success"&&styles.headerChipActive],onPress:()=>e("success"),children:[(0,_jsxRuntime.jsx)(_sharedUi.CheckCircle,{size:12,color:_sharedUi.macOSColors.semantic.success}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.headerChipValue,{color:_sharedUi.macOSColors.semantic.success}],children:t.successful})]}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.headerChip,o==="error"&&styles.headerChipActive],onPress:()=>e("error"),children:[(0,_jsxRuntime.jsx)(_sharedUi.XCircle,{size:12,color:_sharedUi.macOSColors.semantic.error}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.headerChipValue,{color:_sharedUi.macOSColors.semantic.error}],children:t.failed})]}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.headerChip,o==="pending"&&styles.headerChipActive],onPress:()=>e("pending"),children:[(0,_jsxRuntime.jsx)(_sharedUi.Clock,{size:12,color:_sharedUi.macOSColors.semantic.warning}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.headerChipValue,{color:_sharedUi.macOSColors.semantic.warning}],children:t.pending})]})]})}function NetworkClearButton({paused:t}){const o=(0,_useNetworkHasMatches.useNetworkHasEvents)({paused:t});return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{"sentry-label":"ignore clear events",testID:"buoy-network-clear",accessibilityLabel:"Clear network requests",accessibilityRole:"button",onPress:()=>_networkEventStore.networkEventStore.clearEvents(),style:[styles.headerActionButton,!o&&styles.headerActionButtonDisabled],disabled:!o,children:(0,_jsxRuntime.jsx)(_sharedUi.Trash2,{size:14,color:o?_sharedUi.night.color.textSecondary:_sharedUi.night.color.textTertiary})})}function NetworkSavedButton({onPress:t}){const{savedRecords:o}=(0,_useNetworkSaved.useNetworkSaved)();const e=o.length;return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{"sentry-label":"ignore open saved",onPress:t,accessibilityLabel:"Saved requests",style:styles.headerActionButton,children:[(0,_jsxRuntime.jsx)(_sharedUi.Bookmark,{size:14,color:e>0?_sharedUi.night.color.accent:_sharedUi.night.color.textSecondary}),e>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.savedBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.savedBadgeText,children:e>99?"99+":e})}):null]})}function NetworkDetailPinActions({isPro:t,onUpgradePress:o}){const e=(0,_useNetworkSelection.useSelectedNetworkEventId)();const n=(0,_useNetworkSaved.useNetworkSaved)();const{pinned:i,saved:c}=(0,_networkSavedStore.flagsForEventId)(n,e);const s=(0,_sharedUi.useLimit)("network.saved");const r=!i&&n.pinnedEvents.length>=_networkSavedStore.MAX_PINNED;const l=!c&&n.savedRecords.length>=s;const d=()=>{if(!e)return null;return _networkEventStore.networkEventStore.getEvents().find(a=>a.id===e)??_networkSavedStore.networkSavedStore.getEventById(e)};const u=()=>{const a=d();if(a)n.togglePin(a)};const h=()=>{if(l&&!t){o();return}const a=d();if(a)n.toggleSave(a)};return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{"sentry-label":"ignore pin request",onPress:u,disabled:r,testID:"buoy-network-pin",accessibilityRole:"button",accessibilityLabel:i?"Unpin request":"Pin request",accessibilityHint:r?`Pin limit reached (${_networkSavedStore.MAX_PINNED})`:void 0,style:[styles.headerActionButton,i&&styles.headerActionButtonActive,r&&styles.headerActionButtonDisabled],children:(0,_jsxRuntime.jsx)(_sharedUi.Pin,{size:14,active:i,color:i?_sharedUi.night.color.accent:r?_sharedUi.night.color.textTertiary:_sharedUi.night.color.textSecondary})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{"sentry-label":"ignore save request",onPress:h,disabled:l&&t,testID:"buoy-network-save",accessibilityRole:"button",accessibilityLabel:c?"Remove from saved":"Save request",accessibilityHint:l&&t?`Saved limit reached (${_networkSavedStore.MAX_SAVED})`:void 0,style:[styles.headerActionButton,c&&styles.headerActionButtonSaved,l&&t&&styles.headerActionButtonDisabled],children:(0,_jsxRuntime.jsx)(_sharedUi.Bookmark,{size:14,color:c?_sharedUi.night.color.accent:l&&t?_sharedUi.night.color.textTertiary:_sharedUi.night.color.textSecondary})})]})}function NetworkHeaderCopyButton({isPro:t,filter:o,ignoredPatterns:e,copySettings:n,paused:i,onUpgradePress:c,label:s}){const r=(0,_useNetworkHasMatches.useNetworkHasMatches)({filter:o,ignoredPatterns:e,paused:i});if(!t){return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{"sentry-label":"ignore copy pro",onPress:c,style:[s?styles.copyMenuRow:styles.headerActionButton,!r&&styles.headerActionButtonDisabled],disabled:!r,children:[(0,_jsxRuntime.jsx)(_sharedUi.Copy,{size:14,color:r?_sharedUi.night.color.textSecondary:_sharedUi.night.color.textTertiary}),s?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.copyMenuLabel,children:s}):null]})}return(0,_jsxRuntime.jsx)(_sharedUi.CopyButton,{value:()=>(0,_generateNetworkCopyText.generateNetworkCopyText)((0,_filterNetworkEvents.filterNetworkEvents)((0,_filterNetworkEvents.applyIgnoredPatterns)(_networkEventStore.networkEventStore.getEvents(),e),o),n),size:14,label:s,buttonStyle:s?styles.copyMenuRow:styles.headerActionButton,labelStyle:styles.copyMenuLabel,colors:{idle:r?_sharedUi.night.color.textSecondary:_sharedUi.night.color.textTertiary,success:_sharedUi.macOSColors.semantic.success,error:_sharedUi.macOSColors.semantic.error},disabled:!r})}const styles=_reactNative.StyleSheet.create({copyMenuRow:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:6,paddingVertical:11,justifyContent:"flex-start"},copyMenuLabel:{fontSize:13,fontWeight:"600",color:_sharedUi.night.color.text},headerChipRow:{flexDirection:"row",alignItems:"center",gap:8},headerChip:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:_sharedUi.night.color.buttonSurface,paddingHorizontal:10,paddingVertical:5,borderRadius:12,borderWidth:1,borderColor:_sharedUi.night.color.border},headerChipActive:{backgroundColor:_sharedUi.night.color.accentSoft,borderColor:_sharedUi.night.color.accentBorderStrong},headerChipValue:{fontSize:12,fontWeight:"600",fontFamily:_sharedUi.monoFont},headerActionButton:{width:32,height:32,borderRadius:8,backgroundColor:_sharedUi.night.color.buttonSurface,borderWidth:1,borderColor:_sharedUi.night.color.border,alignItems:"center",justifyContent:"center"},headerActionButtonDisabled:{opacity:.55},headerActionButtonActive:{backgroundColor:_sharedUi.night.color.accentSoft,borderColor:_sharedUi.night.color.accentBorderStrong},headerActionButtonSaved:{backgroundColor:_sharedUi.night.color.accentSoft,borderColor:_sharedUi.night.color.accentBorderStrong},savedBadge:{position:"absolute",top:-3,right:-3,minWidth:14,height:14,paddingHorizontal:3,borderRadius:7,backgroundColor:_sharedUi.night.color.accent,alignItems:"center",justifyContent:"center"},savedBadgeText:{color:_sharedUi.night.color.onAccent,fontSize:9,fontWeight:"700",fontFamily:_sharedUi.monoFont}});