@buoy-gg/network 7.0.41 → 7.0.43

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

@@ -1,539 +1 @@
-"use strict";
-
-import { useCallback, useEffect, useState } from "react";
-import { ScrollView, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { AlertCircle, AlertTriangle, DevToolsCard, EmptyState, MethodBadge, Plus, Trash2, macOSColors, useLimit, monoFont } from "@buoy-gg/shared-ui";
-import { useOverrideRules } from "../hooks/useOverrideRules";
-import { NetworkOverrideEditor } from "./NetworkOverrideEditor";
-import { overrideRulesStore } from "../overrides/overrideRulesStore";
-import { MAX_RULES } from "../overrides/types";
-
-/**
- * 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.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 macOSColors.semantic.error;
-  if (rule.kind === "delay") return macOSColors.semantic.info;
-  const status = rule.status ?? 200;
-  if (status >= 200 && status < 300) return macOSColors.semantic.success;
-  if (status >= 300 && status < 400) return macOSColors.semantic.info;
-  return 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__*/_jsxs(DevToolsCard, {
-    onPress: onEdit,
-    style: styles.cardWrapper,
-    contentStyle: [styles.card, {
-      borderLeftColor: live ? accent : "transparent"
-    }],
-    children: [/*#__PURE__*/_jsx(MethodBadge, {
-      method: method,
-      size: "small"
-    }), /*#__PURE__*/_jsxs(View, {
-      style: styles.cardMiddle,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: [styles.urlText, !live && styles.urlTextOff],
-        numberOfLines: 2,
-        children: patternPath(rule)
-      }), extras ? /*#__PURE__*/_jsx(Text, {
-        style: styles.extrasText,
-        children: extras
-      }) : null]
-    }), rule.hits > 0 ? /*#__PURE__*/_jsx(Text, {
-      style: styles.rowHits,
-      children: rule.hits
-    }) : null, rule.kind === "fail" ? /*#__PURE__*/_jsxs(View, {
-      style: styles.failBadge,
-      children: [/*#__PURE__*/_jsx(AlertCircle, {
-        size: 10,
-        color: macOSColors.semantic.error
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.failText,
-        children: rule.failKind === "timeout" ? "TIMEOUT" : "OFFLINE"
-      })]
-    }) : /*#__PURE__*/_jsx(Text, {
-      style: [styles.statusText, {
-        color: accent
-      }],
-      children: rule.kind === "delay" ? "PASS" : String(rule.status ?? 200)
-    }), /*#__PURE__*/_jsx(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__*/_jsx(Trash2, {
-        size: 13,
-        color: 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.)
- */
-export function NetworkOverridesScreen(props) {
-  if (!props.visible) return null;
-  return /*#__PURE__*/_jsx(OverridesBody, {
-    ...props
-  });
-}
-function OverridesBody({
-  isPro,
-  onUpgradePress,
-  pendingDraft,
-  onPendingConsumed,
-  backHandlerRef,
-  applySafeAreaInset
-}) {
-  // `isPro` stays a prop so callers can force the unlimited view.
-  const tierRuleLimit = useLimit("network.overrideRules");
-  const ruleLimit = isPro ? MAX_RULES : tierRuleLimit;
-  const {
-    enabled,
-    autoPaused,
-    rules,
-    activeCount,
-    setEnabled,
-    upsertRule,
-    setRuleEnabled,
-    removeRule,
-    isRuleSpent
-  } = useOverrideRules();
-  const [editing, setEditing] = useState(null);
-
-  // Reaching this screen proves the app renders, so the launch-safety streak
-  // has nothing to guard against — see `noteHealthyLaunch`.
-  useEffect(() => {
-    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.
-  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 = useCallback(id => {
-    void overrideRulesStore.fetchRuleBody(id).then(body => {
-      if (body == null) return;
-      setEditing(current => current?.id === id ? {
-        ...current,
-        draft: {
-          ...current.draft,
-          body,
-          bodyOmitted: undefined
-        }
-      } : current);
-    });
-  }, []);
-  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.
-   */
-  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__*/_jsx(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__*/_jsxs(View, {
-    style: styles.root,
-    children: [hasRules ? /*#__PURE__*/_jsxs(View, {
-      style: [styles.bar, enabled && activeCount > 0 && styles.barOn],
-      children: [enabled && activeCount > 0 ? /*#__PURE__*/_jsx(AlertTriangle, {
-        size: 12,
-        color: macOSColors.semantic.warning
-      }) : null, /*#__PURE__*/_jsx(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__*/_jsx(TouchableOpacity, {
-        onPress: () => setEnabled(!(enabled && activeCount > 0)),
-        "sentry-label": "ignore toggle overrides master",
-        testID: "buoy-network-overrides-master",
-        accessibilityRole: "button",
-        style: styles.barButton,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.barButtonText,
-          children: enabled && activeCount > 0 ? "Turn all off" : autoPaused ? "Turn back on" : "Turn on"
-        })
-      })]
-    }) : null, /*#__PURE__*/_jsxs(View, {
-      style: styles.listHeader,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.listHeaderText,
-        children: hasRules ? `${rules.length} rule${rules.length === 1 ? "" : "s"}` : ""
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-        onPress: () => setEditing({
-          draft: blankDraft()
-        }),
-        "sentry-label": "ignore new override rule",
-        accessibilityLabel: "New override rule",
-        style: styles.newButton,
-        children: /*#__PURE__*/_jsx(Plus, {
-          size: 14,
-          color: macOSColors.semantic.info
-        })
-      })]
-    }), !hasRules ? /*#__PURE__*/_jsx(View, {
-      style: styles.emptyWrap,
-      children: /*#__PURE__*/_jsx(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__*/_jsxs(ScrollView, {
-      style: styles.list,
-      contentContainerStyle: styles.listContent,
-      keyboardShouldPersistTaps: "handled",
-      children: [rules.map(rule => /*#__PURE__*/_jsx(RuleRow, {
-        rule: rule,
-        spent: isRuleSpent(rule),
-        onEdit: () => openRule(rule),
-        onDelete: () => removeRule(rule.id)
-      }, rule.id)), ruleLimit < MAX_RULES ? /*#__PURE__*/_jsx(Text, {
-        style: styles.footNote,
-        children: `Your plan: ${ruleLimit} override at a time. Pro: up to ${MAX_RULES}.`
-      }) : null]
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  root: {
-    flex: 1
-  },
-  bar: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    borderBottomWidth: 1,
-    borderBottomColor: macOSColors.border.default,
-    backgroundColor: macOSColors.background.card
-  },
-  barOn: {
-    borderBottomColor: macOSColors.semantic.warning + "44",
-    backgroundColor: macOSColors.semantic.warningBackground
-  },
-  barText: {
-    flex: 1,
-    fontSize: 12,
-    fontWeight: "600",
-    color: macOSColors.text.secondary
-  },
-  barTextOn: {
-    color: macOSColors.semantic.warning
-  },
-  barButton: {
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    borderRadius: 5,
-    borderWidth: 1,
-    borderColor: macOSColors.border.hover,
-    backgroundColor: macOSColors.background.base
-  },
-  barButtonText: {
-    fontSize: 11,
-    fontWeight: "700",
-    color: 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: macOSColors.text.muted,
-    textTransform: "uppercase"
-  },
-  newButton: {
-    padding: 6,
-    borderRadius: 5,
-    borderWidth: 1,
-    borderColor: macOSColors.border.default,
-    backgroundColor: 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: macOSColors.text.primary,
-    lineHeight: 16,
-    fontFamily: monoFont
-  },
-  urlTextOff: {
-    color: macOSColors.text.muted
-  },
-  extrasText: {
-    fontSize: 10,
-    color: macOSColors.text.secondary,
-    marginTop: 2
-  },
-  statusText: {
-    fontSize: 11,
-    fontWeight: "600"
-  },
-  failBadge: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 2,
-    paddingHorizontal: 4,
-    paddingVertical: 1,
-    backgroundColor: macOSColors.semantic.error + "26",
-    borderRadius: 3
-  },
-  failText: {
-    fontSize: 10,
-    color: macOSColors.semantic.error,
-    fontWeight: "600"
-  },
-  rowHits: {
-    fontSize: 11,
-    fontWeight: "700",
-    color: macOSColors.semantic.warning
-  },
-  rowDelete: {
-    padding: 5,
-    borderRadius: 5,
-    borderWidth: 1,
-    borderColor: macOSColors.border.default,
-    backgroundColor: macOSColors.background.base
-  },
-  footNote: {
-    fontSize: 10,
-    lineHeight: 14,
-    color: macOSColors.text.muted,
-    paddingHorizontal: 4,
-    paddingTop: 8
-  }
-});
+"use strict";import{useCallback as I,useEffect as v,useState as j}from"react";import{ScrollView as N,StyleSheet as $,Text as u,TouchableOpacity as k,View as x}from"react-native";import{AlertCircle as M,AlertTriangle as _,DevToolsCard as V,EmptyState as F,MethodBadge as U,Plus as Y,Trash2 as q,macOSColors as t,useLimit as K,monoFont as X}from"@buoy-gg/shared-ui";import{useOverrideRules as G}from"../hooks/useOverrideRules";import{NetworkOverrideEditor as J}from"./NetworkOverrideEditor";import{overrideRulesStore as L}from"../overrides/overrideRulesStore";import{MAX_RULES as z}from"../overrides/types";import{jsx as o,jsxs as p}from"react/jsx-runtime";function Q(){return{enabled:true,urlPattern:"",kind:"respond",status:500,body:"",times:null}}function Z(e){const{id:i,hits:d,seen:f,createdAt:m,...g}=e;return g}function ee(e){const i=e.urlPattern;const d=i.indexOf("://");if(d===-1)return i;const f=i.indexOf("/",d+3);return f===-1?i.slice(d+3):i.slice(f)}function te(e){const i=[];if(e.delayMs)i.push(`${e.delayMs/1e3}s delay`);if(e.alternate)i.push("every other");else if(e.times===1)i.push("once");else if(typeof e.times==="number")i.push(`${e.times}\xD7`);return i.join(" \xB7 ")}function re(e){if(e.kind==="fail")return t.semantic.error;if(e.kind==="delay")return t.semantic.info;const i=e.status??200;if(i>=200&&i<300)return t.semantic.success;if(i>=300&&i<400)return t.semantic.info;return t.semantic.error}function ne({rule:e,spent:i,onEdit:d,onDelete:f}){const m=e.enabled&&!i;const g=re(e);const S=te(e);const T=e.methods?.length?e.methods.join("/"):"ANY";return p(V,{onPress:d,style:n.cardWrapper,contentStyle:[n.card,{borderLeftColor:m?g:"transparent"}],children:[o(U,{method:T,size:"small"}),p(x,{style:n.cardMiddle,children:[o(u,{style:[n.urlText,!m&&n.urlTextOff],numberOfLines:2,children:ee(e)}),S?o(u,{style:n.extrasText,children:S}):null]}),e.hits>0?o(u,{style:n.rowHits,children:e.hits}):null,e.kind==="fail"?p(x,{style:n.failBadge,children:[o(M,{size:10,color:t.semantic.error}),o(u,{style:n.failText,children:e.failKind==="timeout"?"TIMEOUT":"OFFLINE"})]}):o(u,{style:[n.statusText,{color:g}],children:e.kind==="delay"?"PASS":String(e.status??200)}),o(k,{onPress:f,"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:n.rowDelete,children:o(q,{size:13,color:t.text.muted})})]})}export function NetworkOverridesScreen(e){if(!e.visible)return null;return o(oe,{...e})}function oe({isPro:e,onUpgradePress:i,pendingDraft:d,onPendingConsumed:f,backHandlerRef:m,applySafeAreaInset:g}){const S=K("network.overrideRules");const T=e?z:S;const{enabled:y,autoPaused:R,rules:b,activeCount:h,setEnabled:B,upsertRule:P,setRuleEnabled:W,removeRule:E,isRuleSpent:w}=G();const[a,s]=j(null);v(()=>{L.noteHealthyLaunch()},[]);v(()=>{if(!m)return;m.current=a?()=>{s(null);return true}:null;return()=>{m.current=null}},[m,a]);const O=I(r=>{void L.fetchRuleBody(r).then(c=>{if(c==null)return;s(l=>l?.id===r?{...l,draft:{...l.draft,body:c,bodyOmitted:void 0}}:l)})},[]);v(()=>{if(!d)return;const{id:r,...c}=d;s({id:r,draft:c});if(r&&c.bodyOmitted)O(r);f?.()},[d,f,O]);v(()=>{if(!a?.id)return;if(b.some(r=>r.id===a.id))return;s(null)},[a?.id,b]);const H=r=>{s({id:r.id,draft:Z(r)});if(r.bodyOmitted)O(r.id)};const D=r=>{const c=b.filter(l=>l.enabled&&!w(l));if(c.length<=T)return;b.filter(l=>l.enabled&&!w(l)&&l.id!==r).forEach(l=>W(l.id,false))};const A=()=>{if(!a)return;const r={...a.draft,enabled:true,urlPattern:a.draft.urlPattern.trim()};if(!r.urlPattern)return;const c=P({...r,id:a.id});D(c?.id??a.id);B(true);s(null)};if(a){return o(J,{draft:a.draft,onChange:r=>s({...a,draft:r}),onSave:A,onCancel:()=>s(null),saveLabel:a.id?"Save":"Add",applySafeAreaInset:g})}const C=b.length>0;return p(x,{style:n.root,children:[C?p(x,{style:[n.bar,y&&h>0&&n.barOn],children:[y&&h>0?o(_,{size:12,color:t.semantic.warning}):null,o(u,{style:[n.barText,y&&h>0&&n.barTextOn],numberOfLines:2,children:R?"Overrides paused \u2014 they'd been on for 3 launches":y&&h>0?`${h} override${h===1?" is":"s are"} on`:"Overrides are off"}),o(k,{onPress:()=>B(!(y&&h>0)),"sentry-label":"ignore toggle overrides master",testID:"buoy-network-overrides-master",accessibilityRole:"button",style:n.barButton,children:o(u,{style:n.barButtonText,children:y&&h>0?"Turn all off":R?"Turn back on":"Turn on"})})]}):null,p(x,{style:n.listHeader,children:[o(u,{style:n.listHeaderText,children:C?`${b.length} rule${b.length===1?"":"s"}`:""}),o(k,{onPress:()=>s({draft:Q()}),"sentry-label":"ignore new override rule",accessibilityLabel:"New override rule",style:n.newButton,children:o(Y,{size:14,color:t.semantic.info})})]}),!C?o(x,{style:n.emptyWrap,children:o(F,{otto:"empty",iconSize:32,title:"Nothing overridden",description:"Open any request and tap Override, or + to write a rule."})}):p(N,{style:n.list,contentContainerStyle:n.listContent,keyboardShouldPersistTaps:"handled",children:[b.map(r=>o(ne,{rule:r,spent:w(r),onEdit:()=>H(r),onDelete:()=>E(r.id)},r.id)),T<z?o(u,{style:n.footNote,children:`Your plan: ${T} override at a time. Pro: up to ${z}.`}):null]})]})}const n=$.create({root:{flex:1},bar:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,paddingVertical:10,borderBottomWidth:1,borderBottomColor:t.border.default,backgroundColor:t.background.card},barOn:{borderBottomColor:t.semantic.warning+"44",backgroundColor:t.semantic.warningBackground},barText:{flex:1,fontSize:12,fontWeight:"600",color:t.text.secondary},barTextOn:{color:t.semantic.warning},barButton:{paddingHorizontal:10,paddingVertical:6,borderRadius:5,borderWidth:1,borderColor:t.border.hover,backgroundColor:t.background.base},barButtonText:{fontSize:11,fontWeight:"700",color:t.text.primary},listHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingTop:10,paddingBottom:4},listHeaderText:{fontSize:10,fontWeight:"700",letterSpacing:.6,color:t.text.muted,textTransform:"uppercase"},newButton:{padding:6,borderRadius:5,borderWidth:1,borderColor:t.border.default,backgroundColor:t.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:t.text.primary,lineHeight:16,fontFamily:X},urlTextOff:{color:t.text.muted},extrasText:{fontSize:10,color:t.text.secondary,marginTop:2},statusText:{fontSize:11,fontWeight:"600"},failBadge:{flexDirection:"row",alignItems:"center",gap:2,paddingHorizontal:4,paddingVertical:1,backgroundColor:t.semantic.error+"26",borderRadius:3},failText:{fontSize:10,color:t.semantic.error,fontWeight:"600"},rowHits:{fontSize:11,fontWeight:"700",color:t.semantic.warning},rowDelete:{padding:5,borderRadius:5,borderWidth:1,borderColor:t.border.default,backgroundColor:t.background.base},footNote:{fontSize:10,lineHeight:14,color:t.text.muted,paddingHorizontal:4,paddingTop:8}});