@buoy-gg/network 7.0.40 → 7.0.42

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

@@ -1,107 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkOverrideHeaderButton = NetworkOverrideHeaderButton;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _useOverrideRules = require("../hooks/useOverrideRules");
-var _useNetworkSelection = require("../hooks/useNetworkSelection");
-var _matchRule = require("../overrides/matchRule");
-var _presets = require("../overrides/presets");
-var _networkEventStore = require("../utils/networkEventStore");
-var _networkSavedStore = require("../utils/networkSavedStore");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * The Override action, in the request-detail header.
- *
- * A labelled word rather than an icon: every other control here is a glyph
- * (back, pin, bookmark) and glyphs are fine for things you already know. This
- * one is the least familiar action in the tool, and "Override" spelled out is
- * the entire explanation.
- *
- * A self-subscribing leaf, for the same two reasons `NetworkDetailPinActions`
- * is one: the modal root stays free of subscriptions, and the selected id is
- * subscribed here so stepping between requests doesn't rebuild the header
- * around a new prop.
- *
- * It lights up while a rule covers the request you're looking at — the same
- * warning tint the OVERRIDDEN strip and the toolbar flask use, because "you are
- * not seeing the truth" is one idea and should look like one.
- *
- * Tapping it goes straight to the Overrides screen with the rule open: a new
- * one prefilled from this request, or the existing one if something already
- * covers it. One destination, so there's never a question of where the thing
- * you just made went.
- */
-function NetworkOverrideHeaderButton({
-  onOpen
-}) {
-  const eventId = (0, _useNetworkSelection.useSelectedNetworkEventId)();
-  const {
-    rules,
-    isRuleSpent
-  } = (0, _useOverrideRules.useOverrideRules)();
-
-  // Resolved here rather than held as a prop: the live store has the fresh copy
-  // while a request is in flight, and the saved store is the only copy once it
-  // has been cleared or aged out.
-  const event = eventId ? _networkEventStore.networkEventStore.getEvents().find(e => e.id === eventId) ?? _networkSavedStore.networkSavedStore.getEventById(eventId) : null;
-  const existing = event ? rules.find(rule => rule.enabled && !isRuleSpent(rule) && (0, _matchRule.ruleMatches)(rule, event.url, String(event.method || "GET"))) ?? null : null;
-  const active = existing !== null;
-  const handlePress = () => {
-    if (!event) return;
-    if (existing) {
-      // Editing what's already there, rather than stacking a second rule the
-      // first would shadow — first enabled match wins.
-      const {
-        id,
-        hits: _h,
-        seen: _s,
-        createdAt: _c,
-        ...draft
-      } = existing;
-      onOpen(draft, id);
-      return;
-    }
-    onOpen((0, _presets.draftFromEvent)(event));
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-    onPress: handlePress,
-    "sentry-label": "ignore open overrides",
-    testID: "buoy-network-override-request",
-    accessibilityRole: "button",
-    accessibilityLabel: active ? "Edit the override on this request" : "Override this request",
-    style: [styles.button, active && styles.buttonActive],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.label, active && styles.labelActive],
-      children: "Override"
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  // Night: the header's dark-glass chip, with the accent label the night
-  // language gives labelled actions (plate + accent ink). Active keeps the
-  // warning tint — same "you are not seeing the truth" signal as the flask.
-  button: {
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    backgroundColor: _sharedUi.night.color.buttonSurface
-  },
-  buttonActive: {
-    borderColor: _sharedUi.night.color.warning + "77",
-    backgroundColor: _sharedUi.night.color.warningSoft
-  },
-  label: {
-    fontSize: 11,
-    fontWeight: "700",
-    color: _sharedUi.night.color.accent
-  },
-  labelActive: {
-    color: _sharedUi.night.color.warning
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkOverrideHeaderButton=NetworkOverrideHeaderButton;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _useOverrideRules=require("../hooks/useOverrideRules");var _useNetworkSelection=require("../hooks/useNetworkSelection");var _matchRule=require("../overrides/matchRule");var _presets=require("../overrides/presets");var _networkEventStore=require("../utils/networkEventStore");var _networkSavedStore=require("../utils/networkSavedStore");var _jsxRuntime=require("react/jsx-runtime");function NetworkOverrideHeaderButton({onOpen:n}){const t=(0,_useNetworkSelection.useSelectedNetworkEventId)();const{rules:s,isRuleSpent:l}=(0,_useOverrideRules.useOverrideRules)();const r=t?_networkEventStore.networkEventStore.getEvents().find(e=>e.id===t)??_networkSavedStore.networkSavedStore.getEventById(t):null;const o=r?s.find(e=>e.enabled&&!l(e)&&(0,_matchRule.ruleMatches)(e,r.url,String(r.method||"GET")))??null:null;const i=o!==null;const u=()=>{if(!r)return;if(o){const{id:e,hits:d,seen:c,createdAt:v,...a}=o;n(a,e);return}n((0,_presets.draftFromEvent)(r))};return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:u,"sentry-label":"ignore open overrides",testID:"buoy-network-override-request",accessibilityRole:"button",accessibilityLabel:i?"Edit the override on this request":"Override this request",style:[styles.button,i&&styles.buttonActive],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.label,i&&styles.labelActive],children:"Override"})})}const styles=_reactNative.StyleSheet.create({button:{paddingHorizontal:10,paddingVertical:6,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.buttonSurface},buttonActive:{borderColor:_sharedUi.night.color.warning+"77",backgroundColor:_sharedUi.night.color.warningSoft},label:{fontSize:11,fontWeight:"700",color:_sharedUi.night.color.accent},labelActive:{color:_sharedUi.night.color.warning}});

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

@@ -1,133 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkOverrideHeaderButton = NetworkOverrideHeaderButton;
-var _useOverrideRules = require("../hooks/useOverrideRules");
-var _useNetworkSelection = require("../hooks/useNetworkSelection");
-var _matchRule = require("../overrides/matchRule");
-var _presets = require("../overrides/presets");
-var _networkEventStore = require("../utils/networkEventStore");
-var _networkSavedStore = require("../utils/networkSavedStore");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * NetworkOverrideHeaderButton.web — DOM twin of
- * NetworkOverrideHeaderButton.tsx.
- *
- * The Override action, in the request-detail header. A labelled word rather
- * than an icon — it's the least familiar action in the tool, and "Override"
- * spelled out is the entire explanation. A self-subscribing leaf: the
- * selected id and the rule list are subscribed HERE so stepping between
- * requests doesn't rebuild the header around a new prop.
- *
- * It lights up while a rule covers the request you're looking at — the same
- * warning tint the OVERRIDDEN strip and the toolbar flask use. Tapping it
- * goes straight to the Overrides screen with the rule open: a new one
- * prefilled from this request (`draftFromEvent`), or the existing one if
- * something already covers it (first enabled match wins, so stacking a
- * second rule the first would shadow is never offered). (Native comments.)
- *
- * REUSED, not forked (all platform-free): `useOverrideRules`,
- * `useSelectedNetworkEventId`, `ruleMatches`, `draftFromEvent`,
- * `networkEventStore`, `networkSavedStore`.
- *
- * shared-ui RN chrome is replicated as DOM with provenance:
- *  - `macOSColors` — inlined verbatim subset from
- *    shared/src/ui/gameUI/constants/macOSDesignSystemColors.ts.
- *
- * @platform React DOM Web
- */
-
-/** macOSColors subset — shared/src/ui/gameUI/constants/macOSDesignSystemColors.ts, verbatim. */const macOSColors = {
-  background: {
-    input: "#26262A"
-  },
-  border: {
-    input: "#3D3D42"
-  },
-  text: {
-    primary: "#F5F5F7"
-  },
-  semantic: {
-    warning: "#FFEB3B",
-    warningBackground: "rgba(255, 235, 59, 0.15)"
-  }
-};
-function NetworkOverrideHeaderButton({
-  onOpen
-}) {
-  const eventId = (0, _useNetworkSelection.useSelectedNetworkEventId)();
-  const {
-    rules,
-    isRuleSpent
-  } = (0, _useOverrideRules.useOverrideRules)();
-
-  // Resolved here rather than held as a prop: the live store has the fresh
-  // copy while a request is in flight, and the saved store is the only copy
-  // once it has been cleared or aged out. (Native comment.)
-  const event = eventId ? _networkEventStore.networkEventStore.getEvents().find(e => e.id === eventId) ?? _networkSavedStore.networkSavedStore.getEventById(eventId) : null;
-  const existing = event ? rules.find(rule => rule.enabled && !isRuleSpent(rule) && (0, _matchRule.ruleMatches)(rule, event.url, String(event.method || "GET"))) ?? null : null;
-  const active = existing !== null;
-  const handlePress = () => {
-    if (!event) return;
-    if (existing) {
-      // Editing what's already there, rather than stacking a second rule the
-      // first would shadow — first enabled match wins.
-      const {
-        id,
-        hits: _h,
-        seen: _s,
-        createdAt: _c,
-        ...draft
-      } = existing;
-      onOpen(draft, id);
-      return;
-    }
-    onOpen((0, _presets.draftFromEvent)(event));
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-    type: "button",
-    onClick: handlePress,
-    "aria-label": active ? "Edit the override on this request" : "Override this request",
-    style: {
-      ...styles.button,
-      ...(active ? styles.buttonActive : null)
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      style: {
-        ...styles.label,
-        ...(active ? styles.labelActive : null)
-      },
-      children: "Override"
-    })
-  });
-}
-
-// Values mirror the native StyleSheet block 1:1.
-const styles = {
-  button: {
-    display: "inline-flex",
-    alignItems: "center",
-    padding: "6px 10px",
-    borderRadius: 6,
-    border: `1px solid ${macOSColors.border.input}`,
-    backgroundColor: macOSColors.background.input,
-    cursor: "pointer",
-    margin: 0,
-    boxSizing: "border-box"
-  },
-  buttonActive: {
-    border: `1px solid ${macOSColors.semantic.warning}77`,
-    backgroundColor: macOSColors.semantic.warningBackground
-  },
-  label: {
-    fontSize: 11,
-    fontWeight: 700,
-    color: macOSColors.text.primary,
-    fontFamily: "inherit"
-  },
-  labelActive: {
-    color: macOSColors.semantic.warning
-  }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkOverrideHeaderButton=NetworkOverrideHeaderButton;var _useOverrideRules=require("../hooks/useOverrideRules");var _useNetworkSelection=require("../hooks/useNetworkSelection");var _matchRule=require("../overrides/matchRule");var _presets=require("../overrides/presets");var _networkEventStore=require("../utils/networkEventStore");var _networkSavedStore=require("../utils/networkSavedStore");var _jsxRuntime=require("react/jsx-runtime");const macOSColors={background:{input:"#26262A"},border:{input:"#3D3D42"},text:{primary:"#F5F5F7"},semantic:{warning:"#FFEB3B",warningBackground:"rgba(255, 235, 59, 0.15)"}};function NetworkOverrideHeaderButton({onOpen:i}){const t=(0,_useNetworkSelection.useSelectedNetworkEventId)();const{rules:s,isRuleSpent:u}=(0,_useOverrideRules.useOverrideRules)();const r=t?_networkEventStore.networkEventStore.getEvents().find(e=>e.id===t)??_networkSavedStore.networkSavedStore.getEventById(t):null;const n=r?s.find(e=>e.enabled&&!u(e)&&(0,_matchRule.ruleMatches)(e,r.url,String(r.method||"GET")))??null:null;const o=n!==null;const a=()=>{if(!r)return;if(n){const{id:e,hits:d,seen:c,createdAt:v,...l}=n;i(l,e);return}i((0,_presets.draftFromEvent)(r))};return(0,_jsxRuntime.jsx)("button",{type:"button",onClick:a,"aria-label":o?"Edit the override on this request":"Override this request",style:{...styles.button,...o?styles.buttonActive:null},children:(0,_jsxRuntime.jsx)("span",{style:{...styles.label,...o?styles.labelActive:null},children:"Override"})})}const styles={button:{display:"inline-flex",alignItems:"center",padding:"6px 10px",borderRadius:6,border:`1px solid ${macOSColors.border.input}`,backgroundColor:macOSColors.background.input,cursor:"pointer",margin:0,boxSizing:"border-box"},buttonActive:{border:`1px solid ${macOSColors.semantic.warning}77`,backgroundColor:macOSColors.semantic.warningBackground},label:{fontSize:11,fontWeight:700,color:macOSColors.text.primary,fontFamily:"inherit"},labelActive:{color:macOSColors.semantic.warning}};

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

@@ -1,90 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkOverridesButton = NetworkOverridesButton;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _useOverrideRules = require("../hooks/useOverrideRules");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Header button for the Overrides screen, and the always-visible "overrides
- * are active" indicator.
- *
- * A self-subscribing LEAF, like the other live header pieces: the rule list
- * changes on its own schedule (every hit bumps a counter) and the modal shell
- * has no business re-rendering for it.
- *
- * The active tint is not decoration. A rule left enabled from yesterday makes
- * the app behave wrongly in a way that looks exactly like a real bug, so the
- * tool has to keep saying so from the top level — Chrome shows the same
- * warning in its Overrides pane for the same reason.
- */
-function NetworkOverridesButton({
-  onPress
-}) {
-  const {
-    activeCount
-  } = (0, _useOverrideRules.useOverrideRules)();
-  const active = activeCount > 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    onPress: onPress,
-    "sentry-label": "ignore open overrides",
-    testID: "buoy-network-overrides",
-    accessibilityRole: "button",
-    style: [styles.button, active && styles.buttonActive],
-    accessibilityLabel: active ? `Response overrides — ${activeCount} active` : "Response overrides",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.FlaskConical, {
-      size: 14,
-      color: active ? _sharedUi.night.color.warning : _sharedUi.night.color.textSecondary
-    }), active ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.badge,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.badgeText,
-        children: activeCount
-      })
-    }) : null]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  // The header's standard 32×32 action box — same shape, fill, border and
-  // radius as search/power/clear. It was a bare padded glyph, which read as a
-  // different CLASS of control than its neighbours when it is exactly the same
-  // kind of thing.
-  button: {
-    width: 32,
-    height: 32,
-    borderRadius: 8,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: _sharedUi.night.color.buttonSurface,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  // Active fills the whole box, the way the power toggle goes green — the
-  // warning now reads at a glance instead of as a tinted glyph.
-  buttonActive: {
-    backgroundColor: _sharedUi.night.color.warningSoft,
-    borderColor: _sharedUi.night.color.warning + "77"
-  },
-  badge: {
-    position: "absolute",
-    // Inside the box now that there is one; a corner-hung badge would clip
-    // against the neighbouring buttons' 8pt gap.
-    top: 1,
-    right: 1,
-    minWidth: 12,
-    height: 12,
-    borderRadius: 6,
-    paddingHorizontal: 3,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: _sharedUi.night.color.warning
-  },
-  badgeText: {
-    fontSize: 8,
-    fontWeight: "800",
-    color: "#000000"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkOverridesButton=NetworkOverridesButton;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _useOverrideRules=require("../hooks/useOverrideRules");var _jsxRuntime=require("react/jsx-runtime");function NetworkOverridesButton({onPress:t}){const{activeCount:r}=(0,_useOverrideRules.useOverrideRules)();const e=r>0;return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:t,"sentry-label":"ignore open overrides",testID:"buoy-network-overrides",accessibilityRole:"button",style:[styles.button,e&&styles.buttonActive],accessibilityLabel:e?`Response overrides \u2014 ${r} active`:"Response overrides",children:[(0,_jsxRuntime.jsx)(_sharedUi.FlaskConical,{size:14,color:e?_sharedUi.night.color.warning:_sharedUi.night.color.textSecondary}),e?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.badge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.badgeText,children:r})}):null]})}const styles=_reactNative.StyleSheet.create({button:{width:32,height:32,borderRadius:8,alignItems:"center",justifyContent:"center",backgroundColor:_sharedUi.night.color.buttonSurface,borderWidth:1,borderColor:_sharedUi.night.color.border},buttonActive:{backgroundColor:_sharedUi.night.color.warningSoft,borderColor:_sharedUi.night.color.warning+"77"},badge:{position:"absolute",top:1,right:1,minWidth:12,height:12,borderRadius:6,paddingHorizontal:3,alignItems:"center",justifyContent:"center",backgroundColor:_sharedUi.night.color.warning},badgeText:{fontSize:8,fontWeight:"800",color:"#000000"}});

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

@@ -1,143 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkOverridesButton = NetworkOverridesButton;
-var _useOverrideRules = require("../hooks/useOverrideRules");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * NetworkOverridesButton.web — DOM twin of NetworkOverridesButton.tsx.
- *
- * Header button for the Overrides screen, and the always-visible "overrides
- * are active" indicator. A self-subscribing LEAF, like the other live header
- * pieces — the rule list changes on its own schedule (every hit bumps a
- * counter) and the modal shell has no business re-rendering for it.
- *
- * The active tint is not decoration: a rule left enabled from yesterday makes
- * the app behave wrongly in a way that looks exactly like a real bug, so the
- * tool keeps saying so from the top level. (Native comment.)
- *
- * REUSED, not forked: `useOverrideRules` (platform-free).
- *
- * shared-ui RN chrome is replicated as DOM with provenance:
- *  - `macOSColors` — inlined verbatim subset from
- *    shared/src/ui/gameUI/constants/macOSDesignSystemColors.ts.
- *  - `FlaskConical` — inline lucide SVG (shared-ui icons are lucide
- *    re-exports).
- *
- * @platform React DOM Web
- */
-
-/** macOSColors subset — shared/src/ui/gameUI/constants/macOSDesignSystemColors.ts, verbatim. */const macOSColors = {
-  background: {
-    base: "#0A0A0C",
-    hover: "#1D1D1F"
-  },
-  border: {
-    default: "#2D2D2F"
-  },
-  text: {
-    secondary: "#A1A1A6"
-  },
-  semantic: {
-    warning: "#FFEB3B",
-    warningBackground: "rgba(255, 235, 59, 0.15)"
-  }
-};
-const FlaskConical = ({
-  size = 14,
-  color
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  width: size,
-  height: size,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: color,
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  style: {
-    flexShrink: 0,
-    display: "block"
-  },
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M8.5 2h7"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M7 16h10"
-  })]
-});
-function NetworkOverridesButton({
-  onPress
-}) {
-  const {
-    activeCount
-  } = (0, _useOverrideRules.useOverrideRules)();
-  const active = activeCount > 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-    type: "button",
-    onClick: onPress,
-    style: {
-      ...styles.button,
-      ...(active ? styles.buttonActive : null)
-    },
-    "aria-label": active ? `Response overrides — ${activeCount} active` : "Response overrides",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(FlaskConical, {
-      size: 14,
-      color: active ? macOSColors.semantic.warning : macOSColors.text.secondary
-    }), active ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      style: styles.badge,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        style: styles.badgeText,
-        children: activeCount
-      })
-    }) : null]
-  });
-}
-
-// Values mirror the native StyleSheet block 1:1: the header's standard 32×32
-// action box; active fills the whole box the way the power toggle goes green,
-// with the count badge INSIDE the box.
-const styles = {
-  button: {
-    position: "relative",
-    display: "inline-flex",
-    width: 32,
-    height: 32,
-    boxSizing: "border-box",
-    borderRadius: 8,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: macOSColors.background.hover,
-    border: `1px solid ${macOSColors.border.default}`,
-    cursor: "pointer",
-    padding: 0,
-    margin: 0
-  },
-  buttonActive: {
-    backgroundColor: macOSColors.semantic.warningBackground,
-    border: `1px solid ${macOSColors.semantic.warning}77`
-  },
-  badge: {
-    position: "absolute",
-    top: 1,
-    right: 1,
-    minWidth: 12,
-    height: 12,
-    borderRadius: 6,
-    padding: "0 3px",
-    boxSizing: "border-box",
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: macOSColors.semantic.warning
-  },
-  badgeText: {
-    fontSize: 8,
-    fontWeight: 800,
-    color: macOSColors.background.base,
-    lineHeight: 1
-  }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkOverridesButton=NetworkOverridesButton;var _useOverrideRules=require("../hooks/useOverrideRules");var _jsxRuntime=require("react/jsx-runtime");const macOSColors={background:{base:"#0A0A0C",hover:"#1D1D1F"},border:{default:"#2D2D2F"},text:{secondary:"#A1A1A6"},semantic:{warning:"#FFEB3B",warningBackground:"rgba(255, 235, 59, 0.15)"}};const FlaskConical=({size:t=14,color:e})=>(0,_jsxRuntime.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:e,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0,display:"block"},children:[(0,_jsxRuntime.jsx)("path",{d:"M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2"}),(0,_jsxRuntime.jsx)("path",{d:"M8.5 2h7"}),(0,_jsxRuntime.jsx)("path",{d:"M7 16h10"})]});function NetworkOverridesButton({onPress:t}){const{activeCount:e}=(0,_useOverrideRules.useOverrideRules)();const r=e>0;return(0,_jsxRuntime.jsxs)("button",{type:"button",onClick:t,style:{...styles.button,...r?styles.buttonActive:null},"aria-label":r?`Response overrides \u2014 ${e} active`:"Response overrides",children:[(0,_jsxRuntime.jsx)(FlaskConical,{size:14,color:r?macOSColors.semantic.warning:macOSColors.text.secondary}),r?(0,_jsxRuntime.jsx)("span",{style:styles.badge,children:(0,_jsxRuntime.jsx)("span",{style:styles.badgeText,children:e})}):null]})}const styles={button:{position:"relative",display:"inline-flex",width:32,height:32,boxSizing:"border-box",borderRadius:8,alignItems:"center",justifyContent:"center",backgroundColor:macOSColors.background.hover,border:`1px solid ${macOSColors.border.default}`,cursor:"pointer",padding:0,margin:0},buttonActive:{backgroundColor:macOSColors.semantic.warningBackground,border:`1px solid ${macOSColors.semantic.warning}77`},badge:{position:"absolute",top:1,right:1,minWidth:12,height:12,borderRadius:6,padding:"0 3px",boxSizing:"border-box",display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:macOSColors.semantic.warning},badgeText:{fontSize:8,fontWeight:800,color:macOSColors.background.base,lineHeight:1}};