@buoy-gg/network 7.0.41 → 7.0.43

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

@@ -1,543 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkOverridesScreen = NetworkOverridesScreen;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _useOverrideRules = require("../hooks/useOverrideRules");
-var _NetworkOverrideEditor = require("./NetworkOverrideEditor");
-var _overrideRulesStore = require("../overrides/overrideRulesStore");
-var _types = require("../overrides/types");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * The rule manager: what's armed, and how to stop all of it.
- *
- * One bar across the top is both the warning and the switch. It used to be two
- * things — an ON/OFF pill beside a title, and a separate banner saying the same
- * thing in different words — which left the pill reading as though it applied
- * to the selected rule. A state pill is ambiguous; a verb button isn't.
- */
-
-function blankDraft() {
-  return {
-    enabled: true,
-    urlPattern: "",
-    kind: "respond",
-    status: 500,
-    body: "",
-    times: null
-  };
-}
-function toDraft(rule) {
-  const {
-    id: _id,
-    hits: _hits,
-    seen: _seen,
-    createdAt: _createdAt,
-    ...draft
-  } = rule;
-  return draft;
-}
-
-/**
- * Where the rule applies — PATH only, not the whole URL.
- *
- * The host is the same for every rule in a typical app, so showing it pushes
- * the part that differs off the end of the line. Same reasoning as the request
- * row's `displayUrl`.
- */
-function patternPath(rule) {
-  const path = rule.urlPattern;
-  const schemeEnd = path.indexOf("://");
-  if (schemeEnd === -1) return path;
-  const slash = path.indexOf("/", schemeEnd + 3);
-  return slash === -1 ? path.slice(schemeEnd + 3) : path.slice(slash);
-}
-
-/** Delay and lifetime, in the editor's own words. Empty for a plain rule. */
-function extrasLine(rule) {
-  const parts = [];
-  if (rule.delayMs) parts.push(`${rule.delayMs / 1000}s delay`);
-  if (rule.alternate) parts.push("every other");else if (rule.times === 1) parts.push("once");else if (typeof rule.times === "number") parts.push(`${rule.times}×`);
-  return parts.join(" · ");
-}
-
-/** The outcome's color, on the request list's status scale — a forced 500
- * should look exactly like a real one. */
-function ruleAccent(rule) {
-  if (rule.kind === "fail") return _sharedUi.macOSColors.semantic.error;
-  if (rule.kind === "delay") return _sharedUi.macOSColors.semantic.info;
-  const status = rule.status ?? 200;
-  if (status >= 200 && status < 300) return _sharedUi.macOSColors.semantic.success;
-  if (status >= 300 && status < 400) return _sharedUi.macOSColors.semantic.info;
-  return _sharedUi.macOSColors.semantic.error;
-}
-
-/**
- * One rule, in the request row's visual language — the same card, method badge,
- * monospace path and status colors as `NetworkEventItemCompact`, so a rule
- * reads as "the request it will produce". What's different is what a rule
- * needs: a trash instead of the type chip and chevron, and the outcome color
- * only floods the left edge while the rule is live. There's no per-rule
- * on/off — a rule you don't want anymore gets deleted, and pausing everything
- * is the master bar's job.
- */
-function RuleRow({
-  rule,
-  spent,
-  onEdit,
-  onDelete
-}) {
-  const live = rule.enabled && !spent;
-  const accent = ruleAccent(rule);
-  const extras = extrasLine(rule);
-  const method = rule.methods?.length ? rule.methods.join("/") : "ANY";
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.DevToolsCard, {
-    onPress: onEdit,
-    style: styles.cardWrapper,
-    contentStyle: [styles.card, {
-      borderLeftColor: live ? accent : "transparent"
-    }],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.MethodBadge, {
-      method: method,
-      size: "small"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.cardMiddle,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.urlText, !live && styles.urlTextOff],
-        numberOfLines: 2,
-        children: patternPath(rule)
-      }), extras ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.extrasText,
-        children: extras
-      }) : null]
-    }), rule.hits > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.rowHits,
-      children: rule.hits
-    }) : null, rule.kind === "fail" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.failBadge,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertCircle, {
-        size: 10,
-        color: _sharedUi.macOSColors.semantic.error
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.failText,
-        children: rule.failKind === "timeout" ? "TIMEOUT" : "OFFLINE"
-      })]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.statusText, {
-        color: accent
-      }],
-      children: rule.kind === "delay" ? "PASS" : String(rule.status ?? 200)
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      onPress: onDelete,
-      "sentry-label": "ignore delete override rule",
-      testID: "buoy-network-rule-delete",
-      accessibilityRole: "button",
-      accessibilityLabel: "Delete rule",
-      hitSlop: {
-        top: 8,
-        bottom: 8,
-        left: 4,
-        right: 4
-      },
-      style: styles.rowDelete,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
-        size: 13,
-        color: _sharedUi.macOSColors.text.muted
-      })
-    })]
-  });
-}
-/**
- * Stable-router gate.
- *
- * The screens in `NetworkModal` are rendered as permanent siblings, and the
- * convention there is that a HIDDEN screen must not subscribe to anything.
- * Splitting the body out is how this one honours that: `useOverrideRules`
- * subscribes to a store that ticks while rules are firing, and a hidden screen
- * re-rendering for that would be pure waste. (The header's overrides button is
- * a deliberate exception — it's always visible and its whole job is to react.)
- */
-function NetworkOverridesScreen(props) {
-  if (!props.visible) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(OverridesBody, {
-    ...props
-  });
-}
-function OverridesBody({
-  isPro,
-  onUpgradePress,
-  pendingDraft,
-  onPendingConsumed,
-  backHandlerRef,
-  applySafeAreaInset
-}) {
-  // `isPro` stays a prop so callers can force the unlimited view.
-  const tierRuleLimit = (0, _sharedUi.useLimit)("network.overrideRules");
-  const ruleLimit = isPro ? _types.MAX_RULES : tierRuleLimit;
-  const {
-    enabled,
-    autoPaused,
-    rules,
-    activeCount,
-    setEnabled,
-    upsertRule,
-    setRuleEnabled,
-    removeRule,
-    isRuleSpent
-  } = (0, _useOverrideRules.useOverrideRules)();
-  const [editing, setEditing] = (0, _react.useState)(null);
-
-  // Reaching this screen proves the app renders, so the launch-safety streak
-  // has nothing to guard against — see `noteHealthyLaunch`.
-  (0, _react.useEffect)(() => {
-    _overrideRulesStore.overrideRulesStore.noteHealthyLaunch();
-  }, []);
-
-  // Back while editing means "back to the rule list", not "leave overrides" —
-  // see the prop's comment. Cleared on unmount so a hidden screen can't
-  // swallow back presses.
-  (0, _react.useEffect)(() => {
-    if (!backHandlerRef) return;
-    backHandlerRef.current = editing ? () => {
-      setEditing(null);
-      return true;
-    } : null;
-    return () => {
-      backHandlerRef.current = null;
-    };
-  }, [backHandlerRef, editing]);
-
-  /**
-   * Open a rule for editing, pulling its body over if this surface doesn't have
-   * it.
-   *
-   * On the device that's already the case and the fetch resolves synchronously.
-   * On the dashboard a large body is left out of the snapshot on purpose (see
-   * `stripLargeRuleBodies`), so it arrives a moment after the editor does — the
-   * `id` re-check keeps a slow reply from landing in a rule you've since moved
-   * on from.
-   */
-  const hydrateBody = (0, _react.useCallback)(id => {
-    void _overrideRulesStore.overrideRulesStore.fetchRuleBody(id).then(body => {
-      if (body == null) return;
-      setEditing(current => current?.id === id ? {
-        ...current,
-        draft: {
-          ...current.draft,
-          body,
-          bodyOmitted: undefined
-        }
-      } : current);
-    });
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (!pendingDraft) return;
-    const {
-      id,
-      ...draft
-    } = pendingDraft;
-    setEditing({
-      id,
-      draft
-    });
-    // Same reason as `openRule`: the detail page's Override button hands over an
-    // existing rule, and on the dashboard that rule's body may not be here yet.
-    if (id && draft.bodyOmitted) hydrateBody(id);
-    onPendingConsumed?.();
-  }, [pendingDraft, onPendingConsumed, hydrateBody]);
-
-  /**
-   * Leave the editor when the rule it's editing stops existing.
-   *
-   * Rules can be cleared from somewhere else — the dashboard, an MCP agent —
-   * while this editor is open. Without this, Save would upsert the old id and
-   * quietly RESURRECT a rule someone had just deleted. Only guards existing
-   * rules; a draft with no id yet is a new rule and has nothing to lose.
-   */
-  (0, _react.useEffect)(() => {
-    if (!editing?.id) return;
-    if (rules.some(rule => rule.id === editing.id)) return;
-    setEditing(null);
-  }, [editing?.id, rules]);
-  const openRule = rule => {
-    setEditing({
-      id: rule.id,
-      draft: toDraft(rule)
-    });
-    if (rule.bodyOmitted) hydrateBody(rule.id);
-  };
-
-  /**
-   * On the free tier a new rule REPLACES the live one rather than being refused.
-   *
-   * The old behaviour put an upgrade modal in the action path: you tapped a
-   * thing and got a sales pitch instead of the thing. Nobody buys from a modal
-   * that just cancelled their action, and it hid the feature behind a wall
-   * instead of letting you feel its shape. "One override at a time" is a shape
-   * a developer understands.
-   */
-  const enforceRuleLimit = keepId => {
-    // Only trims when the tier is actually over its cap, so Pro (whose limit
-    // is the hard MAX_RULES ceiling) is never touched.
-    const active = rules.filter(rule => rule.enabled && !isRuleSpent(rule));
-    if (active.length <= ruleLimit) return;
-    rules.filter(rule => rule.enabled && !isRuleSpent(rule) && rule.id !== keepId).forEach(rule => setRuleEnabled(rule.id, false));
-  };
-  const handleSave = () => {
-    if (!editing) return;
-    // Saving always arms the rule. With no per-rule toggle, this is the ONLY
-    // way back on for a rule the free tier disabled or that used itself up —
-    // and nobody edits a rule they want to stay inert.
-    const draft = {
-      ...editing.draft,
-      enabled: true,
-      urlPattern: editing.draft.urlPattern.trim()
-    };
-    if (!draft.urlPattern) return;
-    const saved = upsertRule({
-      ...draft,
-      id: editing.id
-    });
-    enforceRuleLimit(saved?.id ?? editing.id);
-    // Arm the master switch. Deliberately creating a rule and having it sit
-    // inert because overrides happen to be paused is the silent-failure this
-    // feature can least afford — the preset path already does this, and the
-    // manager disagreeing with it was just a gap.
-    setEnabled(true);
-    setEditing(null);
-  };
-  if (editing) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkOverrideEditor.NetworkOverrideEditor, {
-      draft: editing.draft,
-      onChange: draft => setEditing({
-        ...editing,
-        draft
-      }),
-      onSave: handleSave,
-      onCancel: () => setEditing(null),
-      saveLabel: editing.id ? "Save" : "Add",
-      applySafeAreaInset: applySafeAreaInset
-    });
-  }
-  const hasRules = rules.length > 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.root,
-    children: [hasRules ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.bar, enabled && activeCount > 0 && styles.barOn],
-      children: [enabled && activeCount > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
-        size: 12,
-        color: _sharedUi.macOSColors.semantic.warning
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.barText, enabled && activeCount > 0 && styles.barTextOn],
-        numberOfLines: 2,
-        children: autoPaused ? "Overrides paused — they'd been on for 3 launches" : enabled && activeCount > 0 ? `${activeCount} override${activeCount === 1 ? " is" : "s are"} on` : "Overrides are off"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: () => setEnabled(!(enabled && activeCount > 0)),
-        "sentry-label": "ignore toggle overrides master",
-        testID: "buoy-network-overrides-master",
-        accessibilityRole: "button",
-        style: styles.barButton,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.barButtonText,
-          children: enabled && activeCount > 0 ? "Turn all off" : autoPaused ? "Turn back on" : "Turn on"
-        })
-      })]
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.listHeader,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.listHeaderText,
-        children: hasRules ? `${rules.length} rule${rules.length === 1 ? "" : "s"}` : ""
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: () => setEditing({
-          draft: blankDraft()
-        }),
-        "sentry-label": "ignore new override rule",
-        accessibilityLabel: "New override rule",
-        style: styles.newButton,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Plus, {
-          size: 14,
-          color: _sharedUi.macOSColors.semantic.info
-        })
-      })]
-    }), !hasRules ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.emptyWrap,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.EmptyState
-      // Otto instead of the flask: nothing is faked yet, so he peers
-      // into an empty box. Truthful by construction — this branch only
-      // renders when the rule list is genuinely empty, and the master
-      // switch bar above is hidden in exactly that case.
-      , {
-        otto: "empty"
-        // 32 → pixelSize 2, the size the saved/list screens use, so the
-        // three network empties read as one family.
-        ,
-        iconSize: 32,
-        title: "Nothing overridden"
-        // Names the control that actually exists. This said "tap Force 500"
-        // — a button from the deleted preset list, which sent anyone
-        // following it looking for something that isn't there.
-        ,
-        description: "Open any request and tap Override, or + to write a rule."
-      })
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      style: styles.list,
-      contentContainerStyle: styles.listContent,
-      keyboardShouldPersistTaps: "handled",
-      children: [rules.map(rule => /*#__PURE__*/(0, _jsxRuntime.jsx)(RuleRow, {
-        rule: rule,
-        spent: isRuleSpent(rule),
-        onEdit: () => openRule(rule),
-        onDelete: () => removeRule(rule.id)
-      }, rule.id)), ruleLimit < _types.MAX_RULES ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.footNote,
-        children: `Your plan: ${ruleLimit} override at a time. Pro: up to ${_types.MAX_RULES}.`
-      }) : null]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  root: {
-    flex: 1
-  },
-  bar: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.macOSColors.border.default,
-    backgroundColor: _sharedUi.macOSColors.background.card
-  },
-  barOn: {
-    borderBottomColor: _sharedUi.macOSColors.semantic.warning + "44",
-    backgroundColor: _sharedUi.macOSColors.semantic.warningBackground
-  },
-  barText: {
-    flex: 1,
-    fontSize: 12,
-    fontWeight: "600",
-    color: _sharedUi.macOSColors.text.secondary
-  },
-  barTextOn: {
-    color: _sharedUi.macOSColors.semantic.warning
-  },
-  barButton: {
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    borderRadius: 5,
-    borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.hover,
-    backgroundColor: _sharedUi.macOSColors.background.base
-  },
-  barButtonText: {
-    fontSize: 11,
-    fontWeight: "700",
-    color: _sharedUi.macOSColors.text.primary
-  },
-  listHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingHorizontal: 12,
-    paddingTop: 10,
-    paddingBottom: 4
-  },
-  listHeaderText: {
-    fontSize: 10,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    color: _sharedUi.macOSColors.text.muted,
-    textTransform: "uppercase"
-  },
-  newButton: {
-    padding: 6,
-    borderRadius: 5,
-    borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default,
-    backgroundColor: _sharedUi.macOSColors.background.card
-  },
-  emptyWrap: {
-    flex: 1,
-    justifyContent: "center"
-  },
-  list: {
-    flex: 1
-  },
-  listContent: {
-    padding: 10,
-    gap: 6
-  },
-  // The list already spaces rows via `listContent` gap — zero out the card's
-  // own margins so the two don't stack.
-  cardWrapper: {
-    marginHorizontal: 0,
-    marginVertical: 0
-  },
-  card: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    borderLeftWidth: 3,
-    borderLeftColor: "transparent"
-  },
-  cardMiddle: {
-    flex: 1
-  },
-  // Same type as the request row's URL.
-  urlText: {
-    fontSize: 12,
-    color: _sharedUi.macOSColors.text.primary,
-    lineHeight: 16,
-    fontFamily: _sharedUi.monoFont
-  },
-  urlTextOff: {
-    color: _sharedUi.macOSColors.text.muted
-  },
-  extrasText: {
-    fontSize: 10,
-    color: _sharedUi.macOSColors.text.secondary,
-    marginTop: 2
-  },
-  statusText: {
-    fontSize: 11,
-    fontWeight: "600"
-  },
-  failBadge: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 2,
-    paddingHorizontal: 4,
-    paddingVertical: 1,
-    backgroundColor: _sharedUi.macOSColors.semantic.error + "26",
-    borderRadius: 3
-  },
-  failText: {
-    fontSize: 10,
-    color: _sharedUi.macOSColors.semantic.error,
-    fontWeight: "600"
-  },
-  rowHits: {
-    fontSize: 11,
-    fontWeight: "700",
-    color: _sharedUi.macOSColors.semantic.warning
-  },
-  rowDelete: {
-    padding: 5,
-    borderRadius: 5,
-    borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default,
-    backgroundColor: _sharedUi.macOSColors.background.base
-  },
-  footNote: {
-    fontSize: 10,
-    lineHeight: 14,
-    color: _sharedUi.macOSColors.text.muted,
-    paddingHorizontal: 4,
-    paddingTop: 8
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkOverridesScreen=NetworkOverridesScreen;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _useOverrideRules=require("../hooks/useOverrideRules");var _NetworkOverrideEditor=require("./NetworkOverrideEditor");var _overrideRulesStore=require("../overrides/overrideRulesStore");var _types=require("../overrides/types");var _jsxRuntime=require("react/jsx-runtime");function blankDraft(){return{enabled:true,urlPattern:"",kind:"respond",status:500,body:"",times:null}}function toDraft(e){const{id:r,hits:i,seen:l,createdAt:d,...f}=e;return f}function patternPath(e){const r=e.urlPattern;const i=r.indexOf("://");if(i===-1)return r;const l=r.indexOf("/",i+3);return l===-1?r.slice(i+3):r.slice(l)}function extrasLine(e){const r=[];if(e.delayMs)r.push(`${e.delayMs/1e3}s delay`);if(e.alternate)r.push("every other");else if(e.times===1)r.push("once");else if(typeof e.times==="number")r.push(`${e.times}\xD7`);return r.join(" \xB7 ")}function ruleAccent(e){if(e.kind==="fail")return _sharedUi.macOSColors.semantic.error;if(e.kind==="delay")return _sharedUi.macOSColors.semantic.info;const r=e.status??200;if(r>=200&&r<300)return _sharedUi.macOSColors.semantic.success;if(r>=300&&r<400)return _sharedUi.macOSColors.semantic.info;return _sharedUi.macOSColors.semantic.error}function RuleRow({rule:e,spent:r,onEdit:i,onDelete:l}){const d=e.enabled&&!r;const f=ruleAccent(e);const b=extrasLine(e);const x=e.methods?.length?e.methods.join("/"):"ANY";return(0,_jsxRuntime.jsxs)(_sharedUi.DevToolsCard,{onPress:i,style:styles.cardWrapper,contentStyle:[styles.card,{borderLeftColor:d?f:"transparent"}],children:[(0,_jsxRuntime.jsx)(_sharedUi.MethodBadge,{method:x,size:"small"}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.cardMiddle,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.urlText,!d&&styles.urlTextOff],numberOfLines:2,children:patternPath(e)}),b?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.extrasText,children:b}):null]}),e.hits>0?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rowHits,children:e.hits}):null,e.kind==="fail"?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.failBadge,children:[(0,_jsxRuntime.jsx)(_sharedUi.AlertCircle,{size:10,color:_sharedUi.macOSColors.semantic.error}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.failText,children:e.failKind==="timeout"?"TIMEOUT":"OFFLINE"})]}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.statusText,{color:f}],children:e.kind==="delay"?"PASS":String(e.status??200)}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:l,"sentry-label":"ignore delete override rule",testID:"buoy-network-rule-delete",accessibilityRole:"button",accessibilityLabel:"Delete rule",hitSlop:{top:8,bottom:8,left:4,right:4},style:styles.rowDelete,children:(0,_jsxRuntime.jsx)(_sharedUi.Trash2,{size:13,color:_sharedUi.macOSColors.text.muted})})]})}function NetworkOverridesScreen(e){if(!e.visible)return null;return(0,_jsxRuntime.jsx)(OverridesBody,{...e})}function OverridesBody({isPro:e,onUpgradePress:r,pendingDraft:i,onPendingConsumed:l,backHandlerRef:d,applySafeAreaInset:f}){const b=(0,_sharedUi.useLimit)("network.overrideRules");const x=e?_types.MAX_RULES:b;const{enabled:m,autoPaused:p,rules:c,activeCount:u,setEnabled:S,upsertRule:O,setRuleEnabled:C,removeRule:v,isRuleSpent:h}=(0,_useOverrideRules.useOverrideRules)();const[o,s]=(0,_react.useState)(null);(0,_react.useEffect)(()=>{_overrideRulesStore.overrideRulesStore.noteHealthyLaunch()},[]);(0,_react.useEffect)(()=>{if(!d)return;d.current=o?()=>{s(null);return true}:null;return()=>{d.current=null}},[d,o]);const g=(0,_react.useCallback)(t=>{void _overrideRulesStore.overrideRulesStore.fetchRuleBody(t).then(a=>{if(a==null)return;s(n=>n?.id===t?{...n,draft:{...n.draft,body:a,bodyOmitted:void 0}}:n)})},[]);(0,_react.useEffect)(()=>{if(!i)return;const{id:t,...a}=i;s({id:t,draft:a});if(t&&a.bodyOmitted)g(t);l?.()},[i,l,g]);(0,_react.useEffect)(()=>{if(!o?.id)return;if(c.some(t=>t.id===o.id))return;s(null)},[o?.id,c]);const T=t=>{s({id:t.id,draft:toDraft(t)});if(t.bodyOmitted)g(t.id)};const j=t=>{const a=c.filter(n=>n.enabled&&!h(n));if(a.length<=x)return;c.filter(n=>n.enabled&&!h(n)&&n.id!==t).forEach(n=>C(n.id,false))};const w=()=>{if(!o)return;const t={...o.draft,enabled:true,urlPattern:o.draft.urlPattern.trim()};if(!t.urlPattern)return;const a=O({...t,id:o.id});j(a?.id??o.id);S(true);s(null)};if(o){return(0,_jsxRuntime.jsx)(_NetworkOverrideEditor.NetworkOverrideEditor,{draft:o.draft,onChange:t=>s({...o,draft:t}),onSave:w,onCancel:()=>s(null),saveLabel:o.id?"Save":"Add",applySafeAreaInset:f})}const y=c.length>0;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.root,children:[y?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.bar,m&&u>0&&styles.barOn],children:[m&&u>0?(0,_jsxRuntime.jsx)(_sharedUi.AlertTriangle,{size:12,color:_sharedUi.macOSColors.semantic.warning}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.barText,m&&u>0&&styles.barTextOn],numberOfLines:2,children:p?"Overrides paused \u2014 they'd been on for 3 launches":m&&u>0?`${u} override${u===1?" is":"s are"} on`:"Overrides are off"}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:()=>S(!(m&&u>0)),"sentry-label":"ignore toggle overrides master",testID:"buoy-network-overrides-master",accessibilityRole:"button",style:styles.barButton,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.barButtonText,children:m&&u>0?"Turn all off":p?"Turn back on":"Turn on"})})]}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.listHeader,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.listHeaderText,children:y?`${c.length} rule${c.length===1?"":"s"}`:""}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:()=>s({draft:blankDraft()}),"sentry-label":"ignore new override rule",accessibilityLabel:"New override rule",style:styles.newButton,children:(0,_jsxRuntime.jsx)(_sharedUi.Plus,{size:14,color:_sharedUi.macOSColors.semantic.info})})]}),!y?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.emptyWrap,children:(0,_jsxRuntime.jsx)(_sharedUi.EmptyState,{otto:"empty",iconSize:32,title:"Nothing overridden",description:"Open any request and tap Override, or + to write a rule."})}):(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:styles.list,contentContainerStyle:styles.listContent,keyboardShouldPersistTaps:"handled",children:[c.map(t=>(0,_jsxRuntime.jsx)(RuleRow,{rule:t,spent:h(t),onEdit:()=>T(t),onDelete:()=>v(t.id)},t.id)),x<_types.MAX_RULES?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.footNote,children:`Your plan: ${x} override at a time. Pro: up to ${_types.MAX_RULES}.`}):null]})]})}const styles=_reactNative.StyleSheet.create({root:{flex:1},bar:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,paddingVertical:10,borderBottomWidth:1,borderBottomColor:_sharedUi.macOSColors.border.default,backgroundColor:_sharedUi.macOSColors.background.card},barOn:{borderBottomColor:_sharedUi.macOSColors.semantic.warning+"44",backgroundColor:_sharedUi.macOSColors.semantic.warningBackground},barText:{flex:1,fontSize:12,fontWeight:"600",color:_sharedUi.macOSColors.text.secondary},barTextOn:{color:_sharedUi.macOSColors.semantic.warning},barButton:{paddingHorizontal:10,paddingVertical:6,borderRadius:5,borderWidth:1,borderColor:_sharedUi.macOSColors.border.hover,backgroundColor:_sharedUi.macOSColors.background.base},barButtonText:{fontSize:11,fontWeight:"700",color:_sharedUi.macOSColors.text.primary},listHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingTop:10,paddingBottom:4},listHeaderText:{fontSize:10,fontWeight:"700",letterSpacing:.6,color:_sharedUi.macOSColors.text.muted,textTransform:"uppercase"},newButton:{padding:6,borderRadius:5,borderWidth:1,borderColor:_sharedUi.macOSColors.border.default,backgroundColor:_sharedUi.macOSColors.background.card},emptyWrap:{flex:1,justifyContent:"center"},list:{flex:1},listContent:{padding:10,gap:6},cardWrapper:{marginHorizontal:0,marginVertical:0},card:{flexDirection:"row",alignItems:"center",gap:8,borderLeftWidth:3,borderLeftColor:"transparent"},cardMiddle:{flex:1},urlText:{fontSize:12,color:_sharedUi.macOSColors.text.primary,lineHeight:16,fontFamily:_sharedUi.monoFont},urlTextOff:{color:_sharedUi.macOSColors.text.muted},extrasText:{fontSize:10,color:_sharedUi.macOSColors.text.secondary,marginTop:2},statusText:{fontSize:11,fontWeight:"600"},failBadge:{flexDirection:"row",alignItems:"center",gap:2,paddingHorizontal:4,paddingVertical:1,backgroundColor:_sharedUi.macOSColors.semantic.error+"26",borderRadius:3},failText:{fontSize:10,color:_sharedUi.macOSColors.semantic.error,fontWeight:"600"},rowHits:{fontSize:11,fontWeight:"700",color:_sharedUi.macOSColors.semantic.warning},rowDelete:{padding:5,borderRadius:5,borderWidth:1,borderColor:_sharedUi.macOSColors.border.default,backgroundColor:_sharedUi.macOSColors.background.base},footNote:{fontSize:10,lineHeight:14,color:_sharedUi.macOSColors.text.muted,paddingHorizontal:4,paddingTop:8}});