@buoy-gg/network 7.0.13 → 7.0.15

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

@@ -14,11 +14,13 @@
 
 import { useCallback } from "react";
 import { FlatList, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { Globe, Pin, Power, macOSColors } from "@buoy-gg/shared-ui";
+import { FlaskConical, Globe, Pin, Power, macOSColors } from "@buoy-gg/shared-ui";
 import { NetworkEventItemCompact } from "./NetworkEventItemCompact";
 import { NetworkUpgradeBanner } from "./NetworkUpgradeBanner";
 import { useNetworkEventList } from "../hooks/useNetworkEventList";
 import { useNetworkSaved } from "../hooks/useNetworkSaved";
+import { useOverrideRules } from "../hooks/useOverrideRules";
+import { ruleMatches } from "../overrides/matchRule";
 import { splitPinned } from "../utils/withPinnedFirst";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function EmptyState({
@@ -87,6 +89,62 @@ function PinnedSection({
     }, event.id))]
   });
 }
+
+/**
+ * The OVERRIDDEN strip, above the pins.
+ *
+ * An overridden request is the one thing in this list that isn't true — the app
+ * got something the server never sent. That has to be impossible to miss, and a
+ * glyph on a row twenty scroll-positions down isn't. It sits ABOVE pins because
+ * a stale override explains a bug, whereas a pin only marks one.
+ *
+ * Rows are matched against the RULES rather than filtered on the `override`
+ * mark, so the request you built a rule from hoists immediately instead of
+ * waiting for the endpoint to be called again.
+ *
+ * The header button is PAUSE, not "Manage". Flipping overrides off and on is by
+ * far the most repeated action in a testing session — force the failure, check
+ * the UI, turn it off, check the happy path, turn it back on — and it used to
+ * cost a trip to another screen each way. The manager is still one tap away on
+ * the toolbar; it just isn't the thing you reach for twenty times an hour.
+ */
+function OverriddenSection({
+  events,
+  onEventPress,
+  onLongPress,
+  savedLiveIds,
+  paused,
+  onTogglePaused
+}) {
+  if (events.length === 0) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.overriddenSection, paused && styles.overriddenSectionOff],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.overriddenHeader,
+      children: [/*#__PURE__*/_jsx(FlaskConical, {
+        size: 11,
+        color: paused ? macOSColors.text.muted : macOSColors.semantic.warning
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.overriddenTitle, paused && styles.overriddenTitleOff],
+        children: paused ? `PAUSED · ${events.length}` : `OVERRIDDEN · ${events.length}`
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: onTogglePaused,
+        "sentry-label": "ignore pause overrides",
+        style: styles.overriddenManage,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.overriddenManageText, paused && styles.overriddenTitleOff],
+          children: paused ? "Resume" : "Pause"
+        })
+      })]
+    }), events.map(event => /*#__PURE__*/_jsx(NetworkEventItemCompact, {
+      event: event,
+      onPress: onEventPress,
+      onLongPress: onLongPress,
+      overridden: true,
+      saved: savedLiveIds.has(event.id)
+    }, event.id))]
+  });
+}
 export function NetworkListScreen({
   visible,
   paused,
@@ -118,6 +176,15 @@ export function NetworkListScreen({
     clearPinned
   } = useNetworkSaved();
 
+  // Which rules are live right now — the strip below reflects the rules, not
+  // the history, so it's correct the moment a rule is made or removed.
+  const {
+    rules,
+    enabled: overridesEnabled,
+    setEnabled,
+    isRuleSpent
+  } = useOverrideRules();
+
   // Stable identity: handed to memoized rows.
   const handleLongPress = useCallback(event => {
     togglePin(event);
@@ -132,6 +199,17 @@ export function NetworkListScreen({
     pinned,
     rest
   } = splitPinned(visibleEvents, pinnedEvents, pinnedLiveIds);
+
+  // Hoist anything an active rule covers. Done after `splitPinned` so a request
+  // that is both pinned and overridden appears once, in the louder section.
+  // Paused rules still populate the strip — that's how you find the thing you
+  // paused in order to resume it. The header says PAUSED instead.
+  const activeRules = rules.filter(rule => rule.enabled && !isRuleSpent(rule));
+  const isOverridden = event => activeRules.some(rule => ruleMatches(rule, event.url, String(event.method || "GET")));
+  const overridden = activeRules.length ? [...pinned, ...rest].filter(isOverridden) : [];
+  const overriddenIds = new Set(overridden.map(event => event.id));
+  const pinnedRows = pinned.filter(event => !overriddenIds.has(event.id));
+  const restRows = overriddenIds.size ? rest.filter(event => !overriddenIds.has(event.id)) : rest;
   const isEnabled = !paused;
   const renderItem = ({
     item
@@ -163,14 +241,21 @@ export function NetworkListScreen({
         style: styles.disabledText,
         children: "Network interception is disabled"
       })]
-    }) : null, /*#__PURE__*/_jsx(PinnedSection, {
-      events: pinned,
+    }) : null, /*#__PURE__*/_jsx(OverriddenSection, {
+      events: overridden,
+      onEventPress: onEventPress,
+      onLongPress: handleLongPress,
+      savedLiveIds: savedLiveIds,
+      paused: !overridesEnabled,
+      onTogglePaused: () => setEnabled(!overridesEnabled)
+    }), /*#__PURE__*/_jsx(PinnedSection, {
+      events: pinnedRows,
       onEventPress: onEventPress,
       onLongPress: handleLongPress,
       savedLiveIds: savedLiveIds,
       onClearPinned: clearPinned
-    }), rest.length > 0 || hasLockedEvents ? /*#__PURE__*/_jsx(FlatList, {
-      data: rest,
+    }), restRows.length > 0 || hasLockedEvents ? /*#__PURE__*/_jsx(FlatList, {
+      data: restRows,
       renderItem: renderItem,
       keyExtractor: keyExtractor,
       contentContainerStyle: styles.listContent,
@@ -199,7 +284,7 @@ export function NetworkListScreen({
       extraData: savedLiveIds,
       "sentry-label": "ignore network events list",
       ListFooterComponent: renderListFooter
-    }) : pinned.length > 0 ? null : /*#__PURE__*/_jsx(EmptyState, {
+    }) : pinnedRows.length > 0 || overridden.length > 0 ? null : /*#__PURE__*/_jsx(EmptyState, {
       isEnabled: isEnabled
     })]
   });
@@ -214,6 +299,42 @@ const styles = StyleSheet.create({
    * these rows do NOT obey the filters, and the boundary is what tells the
    * user why a request they just filtered out is still on screen.
    */
+  overriddenSection: {
+    borderBottomWidth: 1,
+    borderBottomColor: macOSColors.semantic.warning + "44",
+    backgroundColor: macOSColors.semantic.warningBackground
+  },
+  overriddenSectionOff: {
+    borderBottomColor: macOSColors.border.default,
+    backgroundColor: macOSColors.background.card
+  },
+  overriddenTitleOff: {
+    color: macOSColors.text.muted
+  },
+  overriddenHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingHorizontal: 12,
+    paddingTop: 8,
+    paddingBottom: 4
+  },
+  overriddenTitle: {
+    flex: 1,
+    fontSize: 10,
+    fontWeight: "700",
+    letterSpacing: 0.8,
+    color: macOSColors.semantic.warning
+  },
+  overriddenManage: {
+    paddingHorizontal: 6,
+    paddingVertical: 2
+  },
+  overriddenManageText: {
+    fontSize: 10,
+    fontWeight: "600",
+    color: macOSColors.semantic.warning
+  },
   pinnedSection: {
     borderBottomWidth: 1,
     borderBottomColor: macOSColors.border.default,

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

@@ -2,20 +2,25 @@
 
 import { useState, useRef, useEffect, useCallback } from "react";
 import { View, StyleSheet, TouchableOpacity, TextInput } from "react-native";
-import { Search, Filter, X, JsModal, ModalHeader, devToolsStorageKeys, macOSColors, persistentStorage, TabSelector, useFeatureGate, UpgradeModal, PowerToggleButton, useIgnoredPatterns } from "@buoy-gg/shared-ui";
+import { Search, Filter, Bookmark, X, JsModal, ModalHeader, devToolsStorageKeys, macOSColors, persistentStorage, TabSelector, useFeatureGate, UpgradeModal, PowerToggleButton, useIgnoredPatterns } from "@buoy-gg/shared-ui";
 import { NetworkFilterViewV3 } from "./NetworkFilterViewV3";
 import { TickProvider } from "../hooks/useTickEveryMinute";
 import { NetworkEventDetailView } from "./NetworkEventDetailView";
 import { NetworkCopySettingsView, DEFAULT_COPY_SETTINGS } from "./NetworkCopySettingsView";
-import { NetworkHeaderBadges, NetworkClearButton, NetworkDetailPinActions, NetworkHeaderCopyButton, NetworkSavedButton } from "./NetworkHeaderLive";
+import { NetworkHeaderBadges, NetworkClearButton, NetworkDetailPinActions, NetworkHeaderCopyButton } from "./NetworkHeaderLive";
 import { NetworkListScreen } from "./NetworkListScreen";
 import { NetworkSavedScreen } from "./NetworkSavedScreen";
+import { NetworkOverridesScreen } from "./NetworkOverridesScreen";
+import { NetworkOverridesButton } from "./NetworkOverridesButton";
+import { NetworkOverrideHeaderButton } from "./NetworkOverrideHeaderButton";
+import { NetworkHeaderMenu, NetworkHeaderMenuButton, NetworkHeaderMenuItem } from "./NetworkHeaderMenu";
 import { NetworkDetailStepper } from "./NetworkDetailStepper";
 import { useNetworkEventList } from "../hooks/useNetworkEventList";
 import { useLiveNetworkEvent } from "../hooks/useLiveNetworkEvent";
 import { useHasNetworkSelection, useNetworkBodyEventId, useSelectedNetworkEventId } from "../hooks/useNetworkSelection";
 import { networkSelectionStore } from "../utils/networkSelectionStore";
 import { FREE_TIER_SAVED_LIMIT, MAX_SAVED } from "../utils/networkSavedStore";
+import { FREE_TIER_RULE_LIMIT as FREE_TIER_OVERRIDE_LIMIT, MAX_RULES as MAX_OVERRIDE_RULES } from "../overrides/types";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // ============================================================================
 // Screens (rule4 stable router: each gates itself with `return null`; the
@@ -199,6 +204,27 @@ function NetworkModalInner({
   const hasSelection = useHasNetworkSelection();
   const [showFilterView, setShowFilterView] = useState(false);
   const [showSavedView, setShowSavedView] = useState(false);
+  const [showOverridesView, setShowOverridesView] = useState(false);
+  const [showHeaderMenu, setShowHeaderMenu] = useState(false);
+  /**
+   * Overrides are a DEVICE capability — a rule runs inside the app's own
+   * `fetch`/`XMLHttpRequest`, which the dashboard doesn't have.
+   *
+   * That doesn't mean the dashboard can't AUTHOR them: in `inline` mode the
+   * rule store runs as a mirror of the connected device (see
+   * `overrideRulesStore.enableRemoteMode`), so the screens below are the same
+   * ones the phone renders and every edit is forwarded. The one thing the
+   * dashboard never does is apply a rule to its own traffic —
+   * `disableEngine()` guarantees that.
+   */
+  const overridesAvailable = true;
+  /**
+   * A rule prefilled from a request the user was looking at, handed to the
+   * Overrides screen when it mounts. Lives here rather than in that screen
+   * because the request that seeds it is on a DIFFERENT screen — this is the
+   * one place both are in scope.
+   */
+  const [pendingOverrideDraft, setPendingOverrideDraft] = useState(null);
   const [activeTab, setActiveTab] = useState("filters");
   const [searchText, setSearchText] = useState("");
   const [isSearchActive, setIsSearchActive] = useState(false);
@@ -277,6 +303,25 @@ function NetworkModalInner({
   const handleEventPress = useCallback(event => {
     networkSelectionStore.select(event.id);
   }, []);
+
+  /**
+   * "Custom…" in a request's Override section. Stable identity because the
+   * detail view is memoized on its props and an unstable callback would defeat
+   * the bail-out that keeps prev/next stepping cheap.
+   */
+  const handleOverridePress = useCallback((draft, ruleId) => {
+    setPendingOverrideDraft(ruleId ? {
+      ...draft,
+      id: ruleId
+    } : draft);
+    setShowOverridesView(true);
+    // Leave the detail view, or its header would sit on top of the editor.
+    networkSelectionStore.clear();
+  }, []);
+
+  // Stable identity: the Overrides screen adopts the draft in an effect keyed
+  // on both, so an unstable callback would re-run it every render.
+  const handlePendingOverrideConsumed = useCallback(() => setPendingOverrideDraft(null), []);
   const handleSearch = text => {
     setSearchText(text);
     setFilter(prev => ({
@@ -340,11 +385,28 @@ function NetworkModalInner({
         }), /*#__PURE__*/_jsx(ModalHeader.Content, {
           title: "Request Details",
           centered: true
-        }), /*#__PURE__*/_jsx(ModalHeader.Actions, {
-          children: /*#__PURE__*/_jsx(NetworkDetailPinActions, {
+        }), /*#__PURE__*/_jsxs(ModalHeader.Actions, {
+          children: [overridesAvailable ? /*#__PURE__*/_jsx(NetworkOverrideHeaderButton, {
+            onOpen: handleOverridePress
+          }) : null, /*#__PURE__*/_jsx(NetworkDetailPinActions, {
             isPro: isPro,
             onUpgradePress: () => showUpgrade("saved")
-          })
+          })]
+        })]
+      });
+    }
+
+    // Overrides manager header.
+    if (showOverridesView && overridesAvailable) {
+      return /*#__PURE__*/_jsxs(ModalHeader, {
+        children: [/*#__PURE__*/_jsx(ModalHeader.Navigation, {
+          onBack: () => {
+            setShowOverridesView(false);
+            setPendingOverrideDraft(null);
+          }
+        }), /*#__PURE__*/_jsx(ModalHeader.Content, {
+          title: "Response Overrides",
+          centered: true
         })]
       });
     }
@@ -416,35 +478,26 @@ function NetworkModalInner({
             size: 14,
             color: macOSColors.text.secondary
           })
-        }), /*#__PURE__*/_jsx(TouchableOpacity, {
-          "sentry-label": "ignore filter",
-          onPress: () => {
-            setShowFilterView(true);
-          },
-          style: [styles.headerActionButton, (filter.status || filter.method || filter.contentType) && styles.activeFilterButton],
-          children: /*#__PURE__*/_jsx(Filter, {
-            size: 14,
-            color: filter.status || filter.method || filter.contentType ? macOSColors.semantic.info : macOSColors.text.muted
-          })
-        }), /*#__PURE__*/_jsx(NetworkSavedButton, {
-          onPress: () => setShowSavedView(true)
-        }), /*#__PURE__*/_jsx(NetworkHeaderCopyButton, {
-          isPro: isPro,
-          filter: filter,
-          ignoredPatterns: ignoredPatterns,
-          copySettings: copySettings,
-          paused: paused,
-          onUpgradePress: () => showUpgrade("export")
-        }), /*#__PURE__*/_jsx(PowerToggleButton, {
+        }), overridesAvailable ? /*#__PURE__*/_jsx(NetworkOverridesButton, {
+          onPress: () => setShowOverridesView(true)
+        }) : null, /*#__PURE__*/_jsx(PowerToggleButton, {
           isEnabled: !paused,
           onToggle: () => setPaused(prev => !prev),
           accessibilityLabel: "Toggle network interception"
         }), /*#__PURE__*/_jsx(NetworkClearButton, {
           paused: paused
+        }), /*#__PURE__*/_jsx(NetworkHeaderMenuButton, {
+          onPress: () => setShowHeaderMenu(prev => !prev),
+          isOpen: showHeaderMenu,
+          hasIndicator: hasActiveFilter
         })]
       })]
     });
   };
+
+  // Surfaced on the ⋯ so moving Filters into the menu doesn't hide the one
+  // thing that button was communicating.
+  const hasActiveFilter = !!(filter.status || filter.method || filter.contentType);
   const persistenceKey = enableSharedModalDimensions ? devToolsStorageKeys.modal.root() : devToolsStorageKeys.network.modal();
   if (!visible) return null;
 
@@ -493,8 +546,20 @@ function NetworkModalInner({
         ignoredPatterns: ignoredPatterns,
         settings: copySettings,
         onSettingsChange: setCopySettings
+      }), /*#__PURE__*/_jsx(NetworkOverridesScreen, {
+        visible: overridesAvailable && showOverridesView && !hasSelection && !showFilterView,
+        isPro: isPro,
+        onUpgradePress: () => showUpgrade("overrides"),
+        pendingDraft: pendingOverrideDraft,
+        onPendingConsumed: handlePendingOverrideConsumed
+        // Inline (desktop panel) has no home indicator to clear.
+        ,
+        applySafeAreaInset: !inline && modalMode === "bottomSheet"
       }), /*#__PURE__*/_jsx(NetworkSavedScreen, {
-        visible: showSavedView && !hasSelection && !showFilterView,
+        visible: showSavedView && !hasSelection && !showFilterView &&
+        // Overrides wins in the header branch too — the two must agree, or
+        // one screen renders under the other's header.
+        !(showOverridesView && overridesAvailable),
         isPro: isPro,
         copySettings: copySettings,
         search: savedSearch,
@@ -502,7 +567,7 @@ function NetworkModalInner({
         onEventPress: handleEventPress,
         onUpgradePress: () => showUpgrade("saved")
       }), /*#__PURE__*/_jsx(NetworkListScreen, {
-        visible: !hasSelection && !showFilterView && !showSavedView,
+        visible: !hasSelection && !showFilterView && !showSavedView && !(showOverridesView && overridesAvailable),
         paused: paused,
         filter: filter,
         ignoredPatterns: ignoredPatterns,
@@ -511,12 +576,51 @@ function NetworkModalInner({
         onEventPress: handleEventPress,
         onUpgradePress: () => showUpgrade("export")
       })]
-    }), /*#__PURE__*/_jsx(UpgradeModal, {
+    }), showHeaderMenu ? /*#__PURE__*/_jsxs(NetworkHeaderMenu, {
+      onClose: () => setShowHeaderMenu(false),
+      children: [/*#__PURE__*/_jsx(NetworkHeaderMenuItem, {
+        icon: /*#__PURE__*/_jsx(Filter, {
+          size: 14,
+          color: hasActiveFilter ? macOSColors.semantic.info : macOSColors.text.secondary
+        }),
+        label: "Filters",
+        detail: hasActiveFilter ? "Active" : undefined,
+        onPress: () => {
+          setShowHeaderMenu(false);
+          setActiveTab("filters");
+          setShowFilterView(true);
+        }
+      }), /*#__PURE__*/_jsx(NetworkHeaderMenuItem, {
+        icon: /*#__PURE__*/_jsx(Bookmark, {
+          size: 14,
+          color: macOSColors.text.secondary
+        }),
+        label: "Saved requests",
+        onPress: () => {
+          setShowHeaderMenu(false);
+          setShowSavedView(true);
+        }
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.menuCopyRow,
+        children: /*#__PURE__*/_jsx(NetworkHeaderCopyButton, {
+          isPro: isPro,
+          filter: filter,
+          ignoredPatterns: ignoredPatterns,
+          copySettings: copySettings,
+          paused: paused,
+          onUpgradePress: () => {
+            setShowHeaderMenu(false);
+            showUpgrade("export");
+          },
+          label: "Copy requests"
+        })
+      })]
+    }) : null, /*#__PURE__*/_jsx(UpgradeModal, {
       visible: showUpgradeModal,
       onClose: () => setShowUpgradeModal(false),
-      featureName: upgradeReason === "saved" ? "Saved Requests" : "Network Export",
-      description: upgradeReason === "saved" ? "Keep the requests that matter. Saved requests survive Clear, app restarts, and the 500-request history cap." : "Export network requests to share with your team, debug APIs, or feed into AI tools.",
-      benefits: upgradeReason === "saved" ? [`Save up to ${MAX_SAVED} requests (free keeps ${FREE_TIER_SAVED_LIMIT})`, "Failed requests stay put through a Clear", "Snapshots survive an app restart", "Export saved requests to teammates or AI assistants"] : ["Export to JSON, Markdown, or plain text", "Customizable copy presets (URLs only, LLM-ready, full data)", "Share request details with teammates", "Feed network data directly to AI assistants"]
+      featureName: upgradeReason === "saved" ? "Saved Requests" : upgradeReason === "overrides" ? "Response Overrides" : "Network Export",
+      description: upgradeReason === "saved" ? "Keep the requests that matter. Saved requests survive Clear, app restarts, and the 500-request history cap." : upgradeReason === "overrides" ? "Force any endpoint to fail, stall or return something else — no backend changes, no code changes. Free keeps one active rule." : "Export network requests to share with your team, debug APIs, or feed into AI tools.",
+      benefits: upgradeReason === "overrides" ? [`Run ${MAX_OVERRIDE_RULES} rules at once (free keeps ${FREE_TIER_OVERRIDE_LIMIT})`, "Force a 500, a 401 or an empty list in one tap", "Simulate offline, timeouts and slow connections", "Rules survive an app reload, so you can test the boot path"] : upgradeReason === "saved" ? [`Save up to ${MAX_SAVED} requests (free keeps ${FREE_TIER_SAVED_LIMIT})`, "Failed requests stay put through a Clear", "Snapshots survive an app restart", "Export saved requests to teammates or AI assistants"] : ["Export to JSON, Markdown, or plain text", "Customizable copy presets (URLs only, LLM-ready, full data)", "Share request details with teammates", "Feed network data directly to AI assistants"]
     })]
   });
 
@@ -599,6 +703,9 @@ const styles = StyleSheet.create({
     marginLeft: 6,
     padding: 4
   },
+  menuCopyRow: {
+    paddingHorizontal: 6
+  },
   headerActionButton: {
     width: 32,
     height: 32,

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

@@ -0,0 +1,174 @@
+"use strict";
+
+import { useState } from "react";
+import { StyleSheet, Text, TextInput, TouchableOpacity, View } from "react-native";
+import { absoluteFill, macOSColors } from "@buoy-gg/shared-ui";
+
+/**
+ * Entering one number, without the keyboard eating the screen.
+ *
+ * The custom status / delay / times fields used to be inline inputs sitting
+ * mid-form. Focusing one raises the keyboard, which on a phone covers roughly
+ * the bottom half of the tool — including, depending on where you'd scrolled,
+ * the field you were typing into and the Save button you needed next.
+ *
+ * Pinning the panel to the TOP is the fix, and it's the same one
+ * `StorageValueEditModal` reached for: a centred panel gets shoved up or
+ * covered the moment the field focuses, and a bottom sheet is simply
+ * underneath it. At the top it stays put and stays readable.
+ *
+ * Deliberately not a reuse of that component — this asks for a number and
+ * nothing else. It has no type inference, no raw-JSON escape hatch and no
+ * shape-preservation rules, so borrowing 400 lines to avoid writing 100 would
+ * be the wrong trade.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function NetworkNumberPrompt({
+  title,
+  hint,
+  value,
+  placeholder = "Number",
+  min,
+  max,
+  onSubmit,
+  onCancel
+}) {
+  const [text, setText] = useState(value != null ? String(value) : "");
+  const submit = () => {
+    const trimmed = text.trim();
+    if (!trimmed) {
+      onSubmit(null);
+      return;
+    }
+    const parsed = Number(trimmed);
+    if (!Number.isFinite(parsed)) {
+      onSubmit(null);
+      return;
+    }
+    // Clamped here rather than accepted-then-silently-changed: a field that
+    // takes 999 and stores 599 is a field that lies.
+    let next = parsed;
+    if (min != null) next = Math.max(min, next);
+    if (max != null) next = Math.min(max, next);
+    onSubmit(next);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.overlay,
+    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+      style: styles.backdrop,
+      activeOpacity: 1,
+      onPress: onCancel,
+      "sentry-label": "ignore dismiss number prompt"
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.panel,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        children: title
+      }), /*#__PURE__*/_jsx(TextInput, {
+        style: styles.input,
+        value: text,
+        onChangeText: setText,
+        placeholder: placeholder,
+        placeholderTextColor: macOSColors.text.muted,
+        keyboardType: "number-pad",
+        autoFocus: true,
+        selectTextOnFocus: true,
+        onSubmitEditing: submit,
+        returnKeyType: "done",
+        "sentry-label": "ignore number prompt input",
+        accessibilityLabel: title
+      }), hint ? /*#__PURE__*/_jsx(Text, {
+        style: styles.hint,
+        children: hint
+      }) : null, /*#__PURE__*/_jsxs(View, {
+        style: styles.actions,
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: onCancel,
+          "sentry-label": "ignore cancel number prompt",
+          style: [styles.button, styles.cancelButton],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.cancelText,
+            children: "Cancel"
+          })
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: submit,
+          "sentry-label": "ignore save number prompt",
+          style: [styles.button, styles.saveButton],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.saveText,
+            children: "Set"
+          })
+        })]
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  overlay: {
+    ...absoluteFill,
+    zIndex: 40
+  },
+  backdrop: {
+    ...absoluteFill,
+    backgroundColor: "rgba(0,0,0,0.6)"
+  },
+  panel: {
+    marginHorizontal: 12,
+    marginTop: 12,
+    padding: 14,
+    borderRadius: 10,
+    borderWidth: 1,
+    borderColor: macOSColors.border.hover,
+    backgroundColor: macOSColors.background.card,
+    gap: 10
+  },
+  title: {
+    fontSize: 13,
+    fontWeight: "700",
+    color: macOSColors.text.primary
+  },
+  input: {
+    backgroundColor: macOSColors.background.input,
+    borderWidth: 1,
+    borderColor: macOSColors.border.input,
+    borderRadius: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    fontSize: 16,
+    fontWeight: "700",
+    color: macOSColors.text.primary
+  },
+  hint: {
+    fontSize: 10,
+    color: macOSColors.text.muted
+  },
+  actions: {
+    flexDirection: "row",
+    gap: 8
+  },
+  button: {
+    flex: 1,
+    paddingVertical: 10,
+    borderRadius: 6,
+    alignItems: "center",
+    borderWidth: 1
+  },
+  cancelButton: {
+    borderColor: macOSColors.border.default,
+    backgroundColor: macOSColors.background.base
+  },
+  cancelText: {
+    fontSize: 12,
+    fontWeight: "600",
+    color: macOSColors.text.secondary
+  },
+  saveButton: {
+    borderColor: macOSColors.semantic.info,
+    backgroundColor: `${macOSColors.semantic.info}22`
+  },
+  saveText: {
+    fontSize: 12,
+    fontWeight: "700",
+    color: macOSColors.semantic.info
+  }
+});