@buoy-gg/notifications 7.0.41 → 7.0.43

package/lib/commonjs/components/NotificationToolView.js

@@ -1,673 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NotificationToolView = NotificationToolView;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _LocalNotificationTest = require("./LocalNotificationTest");
-var _notificationStyles = require("./notificationStyles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const labels = {
-  received: "App received",
-  response: "Notification response",
-  "startup-response": "Response recovered at startup",
-  "presentation-decision": "Presentation decision",
-  "presentation-error": "Presentation error",
-  "background-started": "Background task started",
-  "background-completed": "Background task completed",
-  "background-error": "Background task failed",
-  "app-outcome": "App outcome",
-  "local-scheduled": "Local notification scheduled"
-};
-function eventTone(kind) {
-  return kind.includes("error") ? "danger" : kind === "startup-response" ? "warning" : kind === "received" || kind === "app-outcome" ? "accent" : "neutral";
-}
-function Action({
-  label,
-  onPress,
-  disabled,
-  primary,
-  icon
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-    accessibilityRole: "button",
-    accessibilityLabel: label,
-    accessibilityState: {
-      disabled: !!disabled
-    },
-    disabled: disabled,
-    onPress: onPress,
-    style: ({
-      pressed
-    }) => [_notificationStyles.styles.button, primary && _notificationStyles.styles.primaryButton, pressed && _notificationStyles.styles.pressed, disabled && _notificationStyles.styles.disabled],
-    children: [icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [_notificationStyles.styles.buttonText, primary && _notificationStyles.styles.primaryButtonText],
-      children: label
-    })]
-  });
-}
-function Field({
-  label,
-  value
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: _notificationStyles.styles.field,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [_notificationStyles.styles.caption, _notificationStyles.styles.fieldLabel],
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      selectable: true,
-      style: _notificationStyles.styles.value,
-      children: value
-    })]
-  });
-}
-function JsonCard({
-  title,
-  value,
-  initiallyOpen = true
-}) {
-  const [open, setOpen] = (0, _react.useState)(initiallyOpen);
-  const serialized = JSON.stringify(value ?? null);
-  // Device snapshots can recreate unchanged objects. Keep the data tree stable.
-  const data = (0, _react.useMemo)(() => JSON.parse(serialized), [serialized]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.NightCard, {
-    glass: true,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-      accessibilityRole: "button",
-      accessibilityLabel: title,
-      accessibilityState: {
-        expanded: open
-      },
-      onPress: () => setOpen(value => !value),
-      style: _notificationStyles.styles.disclosure,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: _notificationStyles.styles.disclosureTitle,
-        children: title
-      }), open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronDown, {
-        size: 14,
-        color: _sharedUi.night.color.textSecondary
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-        size: 14,
-        color: _sharedUi.night.color.textSecondary
-      })]
-    }), open && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: _notificationStyles.styles.jsonBody,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-        title: "",
-        data: data,
-        rawMode: true,
-        initialExpanded: true,
-        showTypeFilter: false
-      })
-    })]
-  });
-}
-function NotificationToolView({
-  snapshot,
-  onAction,
-  sender,
-  activeTab,
-  onTabChange,
-  renderShell
-}) {
-  const [localTab, setLocalTab] = (0, _react.useState)("send");
-  const tab = activeTab ?? localTab;
-  const [filter, setFilter] = (0, _react.useState)("");
-  const [selectedId, setSelectedId] = (0, _react.useState)(null);
-  const [busy, setBusy] = (0, _react.useState)(false);
-  const [message, setMessage] = (0, _react.useState)(null);
-  const [, setClock] = (0, _react.useState)(0);
-  const insets = (0, _sharedUi.useSafeAreaInsets)({
-    minBottom: 16
-  });
-  const expiresAt = snapshot?.session?.expiresAt;
-  (0, _react.useEffect)(() => {
-    if (!expiresAt || expiresAt <= Date.now()) return;
-    const timeout = setTimeout(() => setClock(value => value + 1), expiresAt - Date.now() + 1);
-    return () => clearTimeout(timeout);
-  }, [expiresAt]);
-  const recording = !!expiresAt && expiresAt > Date.now();
-  const events = (0, _react.useMemo)(() => (snapshot?.events ?? []).filter(event => JSON.stringify(event).toLowerCase().includes(filter.trim().toLowerCase())).slice().reverse(), [snapshot?.events, filter]);
-  const selected = snapshot?.events.find(event => event.id === selectedId);
-  const count = snapshot?.events.length ?? 0;
-  const connected = !!snapshot?.provider;
-  function changeTab(next) {
-    setLocalTab(next);
-    onTabChange?.(next);
-    setMessage(null);
-  }
-  async function act(action, params) {
-    if (busy) return false;
-    setBusy(true);
-    setMessage(null);
-    try {
-      await onAction(action, params);
-      return true;
-    } catch (error) {
-      setMessage({
-        text: error instanceof Error ? error.message : String(error),
-        error: true
-      });
-      return false;
-    } finally {
-      setBusy(false);
-    }
-  }
-  const arm = () => {
-    void act("setCaptureSession", {
-      runId: `capture-${Date.now()}`,
-      durationMs: 1800000
-    });
-  };
-  const stop = () => {
-    void act("setCaptureSession", {
-      runId: null
-    });
-  };
-  async function copy(value) {
-    const copied = await (0, _sharedUi.copyToClipboard)(value);
-    setMessage({
-      text: copied ? "Copied to clipboard." : "Clipboard is unavailable. Select the text to copy it.",
-      error: !copied
-    });
-  }
-  const tabs = [{
-    key: "send",
-    label: "Test"
-  }, {
-    key: "events",
-    label: `Activity (${count})`
-  }];
-  const header = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
-      title: "",
-      noMargin: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightSegmented, {
-        tabs: tabs,
-        activeKey: tab,
-        onChange: changeTab,
-        size: "sm",
-        glass: true
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        accessibilityRole: "button",
-        accessibilityLabel: "Notification settings",
-        onPress: () => changeTab(tab === "setup" || tab === "tokens" ? "send" : "setup"),
-        style: _notificationStyles.styles.iconButton,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Settings, {
-          size: 16,
-          color: tab === "setup" || tab === "tokens" ? _sharedUi.night.color.accent : _sharedUi.night.color.textSecondary
-        })
-      }), tab !== "send" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PowerToggleButton, {
-        isEnabled: recording,
-        onToggle: recording ? stop : arm,
-        disabled: !connected || busy,
-        accessibilityLabel: recording ? "Stop notification capture" : "Start notification capture",
-        testID: "notifications-capture"
-      })]
-    })]
-  });
-  const body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: _notificationStyles.styles.root,
-    children: [connected && tab !== "send" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: _notificationStyles.styles.status,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: _notificationStyles.styles.statusLabel,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [_notificationStyles.styles.dot, recording && _notificationStyles.styles.liveDot]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: _notificationStyles.styles.caption,
-          children: recording ? "Recording" : "Capture stopped"
-        })]
-      }), tab !== "events" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: _notificationStyles.styles.caption,
-        children: snapshot.durable ? "Persistent history" : "Memory only"
-      }), tab !== "events" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: _notificationStyles.styles.provider,
-        children: [snapshot.provider, " \xB7 ", snapshot.platform]
-      })]
-    }), snapshot?.storageError && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-      accessibilityRole: "alert",
-      style: _notificationStyles.styles.errorNotice,
-      children: ["Storage: ", snapshot.storageError]
-    }), message && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      accessibilityRole: message.error ? "alert" : "text",
-      style: [_notificationStyles.styles.notice, message.error && _notificationStyles.styles.errorText],
-      children: message.text
-    }), !sender && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: tab === "send" ? _notificationStyles.styles.fill : {
-        display: "none"
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalNotificationTest.LocalNotificationTest, {
-        snapshot: snapshot,
-        onAction: onAction,
-        onViewActivity: () => changeTab("events")
-      })
-    }), tab === "send" ? sender ?? null : !connected ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-        otto: "paused",
-        title: "Connect notification capture",
-        message: "Install @buoy-gg/notifications and call installExpoNotificationCapture in the app entry point. Use an app-specific development build for remote notifications."
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: _notificationStyles.styles.emptyFootnote,
-        children: "The desktop sender works with any installed app. Inspection needs the capture integration."
-      })]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [tab === "events" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: _notificationStyles.styles.searchRow,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: _notificationStyles.styles.searchField,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
-              size: 14,
-              color: _sharedUi.night.color.textSecondary
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-              accessibilityLabel: "Filter notification events",
-              placeholder: "Search notifications\u2026",
-              placeholderTextColor: _sharedUi.night.color.placeholder,
-              value: filter,
-              onChangeText: value => {
-                setFilter(value);
-                setSelectedId(null);
-              },
-              autoCapitalize: "none",
-              autoCorrect: false,
-              style: _notificationStyles.styles.searchInput
-            }), !!filter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-              accessibilityRole: "button",
-              accessibilityLabel: "Clear notification search",
-              onPress: () => setFilter(""),
-              style: _notificationStyles.styles.clearSearch,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-                size: 12,
-                color: _sharedUi.night.color.textSecondary
-              })
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-            accessibilityRole: "button",
-            accessibilityLabel: "Clear captured events",
-            disabled: busy || !count,
-            accessibilityState: {
-              disabled: busy || !count
-            },
-            style: [_notificationStyles.styles.iconButton, (busy || !count) && _notificationStyles.styles.disabled],
-            onPress: () => {
-              void act("clearCapturedEvents").then(cleared => {
-                if (cleared) setSelectedId(null);
-              });
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
-              size: 14,
-              color: _sharedUi.night.color.textSecondary
-            })
-          })]
-        }), selected ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-          style: _notificationStyles.styles.fill,
-          contentContainerStyle: [_notificationStyles.styles.content, {
-            paddingBottom: insets.bottom
-          }],
-          keyboardShouldPersistTaps: "handled",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: _notificationStyles.styles.actionRow,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Action, {
-              label: "Back to events",
-              onPress: () => setSelectedId(null),
-              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronLeft, {
-                size: 14,
-                color: _sharedUi.night.color.accent
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Action, {
-              label: "Copy event JSON",
-              onPress: () => {
-                void copy(selected);
-              },
-              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Copy, {
-                size: 14,
-                color: _sharedUi.night.color.accent
-              })
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.NightCard, {
-            glass: true,
-            padded: true,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightBadge, {
-              label: labels[selected.kind] ?? selected.kind,
-              tone: eventTone(selected.kind)
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: _notificationStyles.styles.detailTitle,
-              children: selected.title ?? "Notification event"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: _notificationStyles.styles.caption,
-              children: new Date(selected.capturedAt).toLocaleString()
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightSectionLabel, {
-              children: "Observation"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightCard, {
-              glass: true,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.NightRows, {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, {
-                  label: "App state at callback",
-                  value: selected.observedAppState
-                }), selected.testId && /*#__PURE__*/(0, _jsxRuntime.jsx)(Field, {
-                  label: "Test ID",
-                  value: selected.testId
-                }), selected.notificationId && /*#__PURE__*/(0, _jsxRuntime.jsx)(Field, {
-                  label: "Notification ID",
-                  value: selected.notificationId
-                }), selected.actionIdentifier && /*#__PURE__*/(0, _jsxRuntime.jsx)(Field, {
-                  label: "Action",
-                  value: selected.actionIdentifier
-                })]
-              })
-            })]
-          }), selected.kind === "startup-response" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: _notificationStyles.styles.footnote,
-            children: "Recovered from the SDK cache. This alone does not establish why the app launched."
-          }), selected.truncated && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: _notificationStyles.styles.warning,
-            children: "This payload was truncated when captured."
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(JsonCard, {
-            title: "Payload",
-            value: selected.raw
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(JsonCard, {
-            title: "Full event",
-            value: selected,
-            initiallyOpen: false
-          })]
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
-          data: events,
-          keyExtractor: event => event.id,
-          style: _notificationStyles.styles.fill,
-          contentContainerStyle: [_notificationStyles.styles.eventList, {
-            paddingBottom: insets.bottom
-          }],
-          keyboardShouldPersistTaps: "handled",
-          initialNumToRender: 15,
-          ListHeaderComponent: filter ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: _notificationStyles.styles.resultCount,
-            children: [events.length, " of ", count, " events"]
-          }) : null,
-          ListFooterComponent: snapshot.evicted > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: _notificationStyles.styles.footnote,
-            children: [snapshot.evicted, " older records removed by the history limit."]
-          }) : null,
-          ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-            otto: filter ? "sad" : recording ? "listening" : "paused",
-            title: filter ? "No matching events" : recording ? "Waiting for notifications" : "Capture is stopped",
-            message: filter ? "Try another title, test ID, or payload value." : recording ? "Send a notification from Buoy Desktop or your app. Background alerts can reach the system tray before an app callback runs." : "Start capture with the power button, then send a notification."
-          }),
-          renderItem: ({
-            item: event
-          }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(EventRow, {
-            event: event,
-            onPress: () => setSelectedId(event.id)
-          })
-        })]
-      }), tab === "tokens" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-        style: _notificationStyles.styles.fill,
-        contentContainerStyle: [_notificationStyles.styles.content, {
-          paddingBottom: insets.bottom
-        }],
-        keyboardShouldPersistTaps: "handled",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Action, {
-            label: "Back to settings",
-            onPress: () => changeTab("setup")
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightSectionLabel, {
-            children: "Registration"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.NightCard, {
-            glass: true,
-            padded: true,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: _notificationStyles.styles.bodyText,
-              children: "Register a token to test delivery through your push provider."
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: _notificationStyles.styles.actionRow,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Action, {
-                label: "Register device token",
-                onPress: () => {
-                  void act("refreshToken", {
-                    type: "device"
-                  });
-                },
-                disabled: busy,
-                primary: true
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Action, {
-                label: "Register Expo token",
-                onPress: () => {
-                  void act("refreshToken", {
-                    type: "expo"
-                  });
-                },
-                disabled: busy || !snapshot.capabilities.includes("expo-token")
-              })]
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: _notificationStyles.styles.footnote,
-            children: "Registration runs only when you or your app request it. Simulator sends work without a token."
-          })]
-        }), snapshot.tokens.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-          otto: "listening",
-          title: "No tokens observed",
-          message: "Register a device token above, or let your app register one."
-        }) : snapshot.tokens.map((token, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightSectionLabel, {
-            children: token.type.toUpperCase() + " token"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.NightCard, {
-            glass: true,
-            padded: true,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: _notificationStyles.styles.actionRow,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightBadge, {
-                label: token.type,
-                tone: "accent"
-              }), token.environment && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: _notificationStyles.styles.caption,
-                children: token.environment
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              selectable: true,
-              style: _notificationStyles.styles.token,
-              children: token.value
-            }), token.projectId && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-              selectable: true,
-              style: _notificationStyles.styles.caption,
-              children: ["Project: ", token.projectId]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-              style: _notificationStyles.styles.caption,
-              children: ["Observed ", new Date(token.observedAt).toLocaleString()]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: _notificationStyles.styles.actionRow,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Action, {
-                label: "Copy " + token.type.toUpperCase() + " token",
-                onPress: () => {
-                  void copy(token.value);
-                },
-                icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Copy, {
-                  size: 14,
-                  color: _sharedUi.night.color.accent
-                })
-              })
-            })]
-          })]
-        }, token.type + "-" + i))]
-      }), tab === "setup" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-        style: _notificationStyles.styles.fill,
-        contentContainerStyle: [_notificationStyles.styles.content, {
-          paddingBottom: insets.bottom
-        }],
-        keyboardShouldPersistTaps: "handled",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Action, {
-            label: "Device tokens",
-            onPress: () => changeTab("tokens")
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightSectionLabel, {
-            children: "Capture session"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.NightCard, {
-            glass: true,
-            padded: true,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: _notificationStyles.styles.actionRow,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightBadge, {
-                label: recording ? "Recording" : "Stopped",
-                tone: recording ? "accent" : "neutral"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: _notificationStyles.styles.caption,
-                children: recording ? "Until " + new Date(expiresAt).toLocaleTimeString() : "Ready when you are"
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: _notificationStyles.styles.actionRow,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Action, {
-                label: "Arm capture for 30 minutes",
-                onPress: arm,
-                disabled: busy,
-                primary: true
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Action, {
-                label: "Stop capture",
-                onPress: stop,
-                disabled: busy || !recording
-              })]
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: _notificationStyles.styles.footnote,
-            children: snapshot.durable ? "History is saved on the app and survives app and desktop restarts." : "History is held in memory. Keep the app running to retain it."
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightSectionLabel, {
-            children: "Connected app"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightCard, {
-            glass: true,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.NightRows, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, {
-                label: "App",
-                value: snapshot.appId ?? "Not supplied"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Field, {
-                label: "Provider",
-                value: [snapshot.provider, snapshot.providerVersion].filter(Boolean).join(" ")
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Field, {
-                label: "Platform",
-                value: snapshot.platform
-              })]
-            })
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightSectionLabel, {
-            children: "Permissions"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: _notificationStyles.styles.sectionActions,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Action, {
-              label: "Refresh permissions",
-              disabled: busy,
-              onPress: () => {
-                void act("getPermissions");
-              }
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(JsonCard, {
-            title: "Permission settings",
-            value: snapshot.permissions
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightSectionLabel, {
-            children: "System tray"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: _notificationStyles.styles.sectionActions,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Action, {
-              label: "Inspect system tray",
-              disabled: busy || !snapshot.capabilities.includes("presented"),
-              onPress: () => {
-                void act("listPresented");
-              }
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(JsonCard, {
-            title: "Currently presented",
-            value: snapshot.presented
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: _notificationStyles.styles.footnote,
-            children: "Notifications currently in the system tray. Captured history is in Activity."
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightSectionLabel, {
-            children: "Capabilities"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightCard, {
-            glass: true,
-            padded: true,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: _notificationStyles.styles.actionRow,
-              children: snapshot.capabilities.map(capability => /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightBadge, {
-                label: capability
-              }, capability))
-            })
-          })]
-        })]
-      })]
-    })]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: renderShell ? renderShell({
-      header,
-      body
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: _notificationStyles.styles.root,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: _notificationStyles.styles.inlineHeader,
-        children: header
-      }), body]
-    })
-  });
-}
-function EventRow({
-  event,
-  onPress
-}) {
-  const tone = eventTone(event.kind);
-  const color = tone === "danger" ? _sharedUi.night.color.danger : tone === "warning" ? _sharedUi.night.color.warning : tone === "accent" ? _sharedUi.night.color.accent : _sharedUi.night.color.textSecondary;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-    accessibilityRole: "button",
-    accessibilityLabel: (labels[event.kind] ?? event.kind) + ": " + (event.title ?? event.testId ?? event.notificationId ?? "notification"),
-    onPress: onPress,
-    style: ({
-      pressed
-    }) => [_notificationStyles.styles.event, pressed && _notificationStyles.styles.pressed],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: _notificationStyles.styles.eventTop,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: _notificationStyles.styles.eventKind,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NotificationsIcon, {
-          size: 13,
-          color: color
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          numberOfLines: 1,
-          style: [_notificationStyles.styles.eventLabel, {
-            color
-          }],
-          children: labels[event.kind] ?? event.kind
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: _notificationStyles.styles.timestamp,
-        children: new Date(event.capturedAt).toLocaleTimeString()
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: _notificationStyles.styles.eventSubject,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        numberOfLines: 1,
-        style: _notificationStyles.styles.eventTitle,
-        children: event.title ?? event.testId ?? event.notificationId ?? "Notification event"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-        size: 14,
-        color: _sharedUi.night.color.textTertiary
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-      numberOfLines: 1,
-      style: _notificationStyles.styles.eventMeta,
-      children: [event.observedAppState, event.truncated ? " · Truncated" : ""]
-    })]
-  });
-}
-//# sourceMappingURL=NotificationToolView.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NotificationToolView=NotificationToolView;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _dataViewer=require("@buoy-gg/shared-ui/dataViewer");var _LocalNotificationTest=require("./LocalNotificationTest");var _notificationStyles=require("./notificationStyles");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,a){if("function"==typeof WeakMap)var o=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(s,y){if(!y&&s&&s.__esModule)return s;var u,x,i={__proto__:null,default:s};if(null===s||"object"!=typeof s&&"function"!=typeof s)return i;if(u=y?r:o){if(u.has(s))return u.get(s);u.set(s,i)}for(const n in s)"default"!==n&&{}.hasOwnProperty.call(s,n)&&((x=(u=Object.defineProperty)&&Object.getOwnPropertyDescriptor(s,n))&&(x.get||x.set)?u(i,n,x):i[n]=s[n]);return i})(e,a)}const labels={received:"App received",response:"Notification response","startup-response":"Response recovered at startup","presentation-decision":"Presentation decision","presentation-error":"Presentation error","background-started":"Background task started","background-completed":"Background task completed","background-error":"Background task failed","app-outcome":"App outcome","local-scheduled":"Local notification scheduled"};function eventTone(e){return e.includes("error")?"danger":e==="startup-response"?"warning":e==="received"||e==="app-outcome"?"accent":"neutral"}function Action({label:e,onPress:a,disabled:o,primary:r,icon:s}){return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:e,accessibilityState:{disabled:!!o},disabled:o,onPress:a,style:({pressed:y})=>[_notificationStyles.styles.button,r&&_notificationStyles.styles.primaryButton,y&&_notificationStyles.styles.pressed,o&&_notificationStyles.styles.disabled],children:[s,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_notificationStyles.styles.buttonText,r&&_notificationStyles.styles.primaryButtonText],children:e})]})}function Field({label:e,value:a}){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_notificationStyles.styles.field,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_notificationStyles.styles.caption,_notificationStyles.styles.fieldLabel],children:e}),(0,_jsxRuntime.jsx)(_reactNative.Text,{selectable:true,style:_notificationStyles.styles.value,children:a})]})}function JsonCard({title:e,value:a,initiallyOpen:o=true}){const[r,s]=(0,_react.useState)(o);const y=JSON.stringify(a??null);const u=(0,_react.useMemo)(()=>JSON.parse(y),[y]);return(0,_jsxRuntime.jsxs)(_sharedUi.NightCard,{glass:true,children:[(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:e,accessibilityState:{expanded:r},onPress:()=>s(x=>!x),style:_notificationStyles.styles.disclosure,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_notificationStyles.styles.disclosureTitle,children:e}),r?(0,_jsxRuntime.jsx)(_sharedUi.ChevronDown,{size:14,color:_sharedUi.night.color.textSecondary}):(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:14,color:_sharedUi.night.color.textSecondary})]}),r&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:_notificationStyles.styles.jsonBody,children:(0,_jsxRuntime.jsx)(_dataViewer.DataViewer,{title:"",data:u,rawMode:true,initialExpanded:true,showTypeFilter:false})})]})}function NotificationToolView({snapshot:e,onAction:a,sender:o,activeTab:r,onTabChange:s,renderShell:y}){const[u,x]=(0,_react.useState)("send");const i=r??u;const[n,C]=(0,_react.useState)("");const[B,f]=(0,_react.useState)(null);const[d,N]=(0,_react.useState)(false);const[v,w]=(0,_react.useState)(null);const[,A]=(0,_react.useState)(0);const m=(0,_sharedUi.useSafeAreaInsets)({minBottom:16});const h=e?.session?.expiresAt;(0,_react.useEffect)(()=>{if(!h||h<=Date.now())return;const t=setTimeout(()=>A(p=>p+1),h-Date.now()+1);return()=>clearTimeout(t)},[h]);const c=!!h&&h>Date.now();const k=(0,_react.useMemo)(()=>(e?.events??[]).filter(t=>JSON.stringify(t).toLowerCase().includes(n.trim().toLowerCase())).slice().reverse(),[e?.events,n]);const l=e?.events.find(t=>t.id===B);const b=e?.events.length??0;const T=!!e?.provider;function g(t){x(t);s?.(t);w(null)}async function j(t,p){if(d)return false;N(true);w(null);try{await a(t,p);return true}catch(S){w({text:S instanceof Error?S.message:String(S),error:true});return false}finally{N(false)}}const P=()=>{void j("setCaptureSession",{runId:`capture-${Date.now()}`,durationMs:18e5})};const V=()=>{void j("setCaptureSession",{runId:null})};async function L(t){const p=await(0,_sharedUi.copyToClipboard)(t);w({text:p?"Copied to clipboard.":"Clipboard is unavailable. Select the text to copy it.",error:!p})}const D=[{key:"send",label:"Test"},{key:"events",label:`Activity (${b})`}];const R=(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Content,{title:"",noMargin:true,children:(0,_jsxRuntime.jsx)(_sharedUi.NightSegmented,{tabs:D,activeKey:i,onChange:g,size:"sm",glass:true})}),(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions,{children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:"Notification settings",onPress:()=>g(i==="setup"||i==="tokens"?"send":"setup"),style:_notificationStyles.styles.iconButton,children:(0,_jsxRuntime.jsx)(_sharedUi.Settings,{size:16,color:i==="setup"||i==="tokens"?_sharedUi.night.color.accent:_sharedUi.night.color.textSecondary})}),i!=="send"&&(0,_jsxRuntime.jsx)(_sharedUi.PowerToggleButton,{isEnabled:c,onToggle:c?V:P,disabled:!T||d,accessibilityLabel:c?"Stop notification capture":"Start notification capture",testID:"notifications-capture"})]})]});const I=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_notificationStyles.styles.root,children:[T&&i!=="send"&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_notificationStyles.styles.status,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_notificationStyles.styles.statusLabel,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_notificationStyles.styles.dot,c&&_notificationStyles.styles.liveDot]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_notificationStyles.styles.caption,children:c?"Recording":"Capture stopped"})]}),i!=="events"&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_notificationStyles.styles.caption,children:e.durable?"Persistent history":"Memory only"}),i!=="events"&&(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:_notificationStyles.styles.provider,children:[e.provider," \xB7 ",e.platform]})]}),e?.storageError&&(0,_jsxRuntime.jsxs)(_reactNative.Text,{accessibilityRole:"alert",style:_notificationStyles.styles.errorNotice,children:["Storage: ",e.storageError]}),v&&(0,_jsxRuntime.jsx)(_reactNative.Text,{accessibilityRole:v.error?"alert":"text",style:[_notificationStyles.styles.notice,v.error&&_notificationStyles.styles.errorText],children:v.text}),!o&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:i==="send"?_notificationStyles.styles.fill:{display:"none"},children:(0,_jsxRuntime.jsx)(_LocalNotificationTest.LocalNotificationTest,{snapshot:e,onAction:a,onViewActivity:()=>g("events")})}),i==="send"?o??null:!T?(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{children:[(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{otto:"paused",title:"Connect notification capture",message:"Install @buoy-gg/notifications and call installExpoNotificationCapture in the app entry point. Use an app-specific development build for remote notifications."}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_notificationStyles.styles.emptyFootnote,children:"The desktop sender works with any installed app. Inspection needs the capture integration."})]}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[i==="events"&&(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_notificationStyles.styles.searchRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_notificationStyles.styles.searchField,children:[(0,_jsxRuntime.jsx)(_sharedUi.Search,{size:14,color:_sharedUi.night.color.textSecondary}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{accessibilityLabel:"Filter notification events",placeholder:"Search notifications\u2026",placeholderTextColor:_sharedUi.night.color.placeholder,value:n,onChangeText:t=>{C(t);f(null)},autoCapitalize:"none",autoCorrect:false,style:_notificationStyles.styles.searchInput}),!!n&&(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:"Clear notification search",onPress:()=>C(""),style:_notificationStyles.styles.clearSearch,children:(0,_jsxRuntime.jsx)(_sharedUi.X,{size:12,color:_sharedUi.night.color.textSecondary})})]}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:"Clear captured events",disabled:d||!b,accessibilityState:{disabled:d||!b},style:[_notificationStyles.styles.iconButton,(d||!b)&&_notificationStyles.styles.disabled],onPress:()=>{void j("clearCapturedEvents").then(t=>{if(t)f(null)})},children:(0,_jsxRuntime.jsx)(_sharedUi.Trash2,{size:14,color:_sharedUi.night.color.textSecondary})})]}),l?(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:_notificationStyles.styles.fill,contentContainerStyle:[_notificationStyles.styles.content,{paddingBottom:m.bottom}],keyboardShouldPersistTaps:"handled",children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_notificationStyles.styles.actionRow,children:[(0,_jsxRuntime.jsx)(Action,{label:"Back to events",onPress:()=>f(null),icon:(0,_jsxRuntime.jsx)(_sharedUi.ChevronLeft,{size:14,color:_sharedUi.night.color.accent})}),(0,_jsxRuntime.jsx)(Action,{label:"Copy event JSON",onPress:()=>{void L(l)},icon:(0,_jsxRuntime.jsx)(_sharedUi.Copy,{size:14,color:_sharedUi.night.color.accent})})]}),(0,_jsxRuntime.jsxs)(_sharedUi.NightCard,{glass:true,padded:true,children:[(0,_jsxRuntime.jsx)(_sharedUi.NightBadge,{label:labels[l.kind]??l.kind,tone:eventTone(l.kind)}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_notificationStyles.styles.detailTitle,children:l.title??"Notification event"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_notificationStyles.styles.caption,children:new Date(l.capturedAt).toLocaleString()})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(_sharedUi.NightSectionLabel,{children:"Observation"}),(0,_jsxRuntime.jsx)(_sharedUi.NightCard,{glass:true,children:(0,_jsxRuntime.jsxs)(_sharedUi.NightRows,{children:[(0,_jsxRuntime.jsx)(Field,{label:"App state at callback",value:l.observedAppState}),l.testId&&(0,_jsxRuntime.jsx)(Field,{label:"Test ID",value:l.testId}),l.notificationId&&(0,_jsxRuntime.jsx)(Field,{label:"Notification ID",value:l.notificationId}),l.actionIdentifier&&(0,_jsxRuntime.jsx)(Field,{label:"Action",value:l.actionIdentifier})]})})]}),l.kind==="startup-response"&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_notificationStyles.styles.footnote,children:"Recovered from the SDK cache. This alone does not establish why the app launched."}),l.truncated&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_notificationStyles.styles.warning,children:"This payload was truncated when captured."}),(0,_jsxRuntime.jsx)(JsonCard,{title:"Payload",value:l.raw}),(0,_jsxRuntime.jsx)(JsonCard,{title:"Full event",value:l,initiallyOpen:false})]}):(0,_jsxRuntime.jsx)(_reactNative.FlatList,{data:k,keyExtractor:t=>t.id,style:_notificationStyles.styles.fill,contentContainerStyle:[_notificationStyles.styles.eventList,{paddingBottom:m.bottom}],keyboardShouldPersistTaps:"handled",initialNumToRender:15,ListHeaderComponent:n?(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:_notificationStyles.styles.resultCount,children:[k.length," of ",b," events"]}):null,ListFooterComponent:e.evicted>0?(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:_notificationStyles.styles.footnote,children:[e.evicted," older records removed by the history limit."]}):null,ListEmptyComponent:(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{otto:n?"sad":c?"listening":"paused",title:n?"No matching events":c?"Waiting for notifications":"Capture is stopped",message:n?"Try another title, test ID, or payload value.":c?"Send a notification from Buoy Desktop or your app. Background alerts can reach the system tray before an app callback runs.":"Start capture with the power button, then send a notification."}),renderItem:({item:t})=>(0,_jsxRuntime.jsx)(EventRow,{event:t,onPress:()=>f(t.id)})})]}),i==="tokens"&&(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:_notificationStyles.styles.fill,contentContainerStyle:[_notificationStyles.styles.content,{paddingBottom:m.bottom}],keyboardShouldPersistTaps:"handled",children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(Action,{label:"Back to settings",onPress:()=>g("setup")}),(0,_jsxRuntime.jsx)(_sharedUi.NightSectionLabel,{children:"Registration"}),(0,_jsxRuntime.jsxs)(_sharedUi.NightCard,{glass:true,padded:true,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_notificationStyles.styles.bodyText,children:"Register a token to test delivery through your push provider."}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_notificationStyles.styles.actionRow,children:[(0,_jsxRuntime.jsx)(Action,{label:"Register device token",onPress:()=>{void j("refreshToken",{type:"device"})},disabled:d,primary:true}),(0,_jsxRuntime.jsx)(Action,{label:"Register Expo token",onPress:()=>{void j("refreshToken",{type:"expo"})},disabled:d||!e.capabilities.includes("expo-token")})]})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_notificationStyles.styles.footnote,children:"Registration runs only when you or your app request it. Simulator sends work without a token."})]}),e.tokens.length===0?(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{otto:"listening",title:"No tokens observed",message:"Register a device token above, or let your app register one."}):e.tokens.map((t,p)=>(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(_sharedUi.NightSectionLabel,{children:t.type.toUpperCase()+" token"}),(0,_jsxRuntime.jsxs)(_sharedUi.NightCard,{glass:true,padded:true,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_notificationStyles.styles.actionRow,children:[(0,_jsxRuntime.jsx)(_sharedUi.NightBadge,{label:t.type,tone:"accent"}),t.environment&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_notificationStyles.styles.caption,children:t.environment})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{selectable:true,style:_notificationStyles.styles.token,children:t.value}),t.projectId&&(0,_jsxRuntime.jsxs)(_reactNative.Text,{selectable:true,style:_notificationStyles.styles.caption,children:["Project: ",t.projectId]}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:_notificationStyles.styles.caption,children:["Observed ",new Date(t.observedAt).toLocaleString()]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:_notificationStyles.styles.actionRow,children:(0,_jsxRuntime.jsx)(Action,{label:"Copy "+t.type.toUpperCase()+" token",onPress:()=>{void L(t.value)},icon:(0,_jsxRuntime.jsx)(_sharedUi.Copy,{size:14,color:_sharedUi.night.color.accent})})})]})]},t.type+"-"+p))]}),i==="setup"&&(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:_notificationStyles.styles.fill,contentContainerStyle:[_notificationStyles.styles.content,{paddingBottom:m.bottom}],keyboardShouldPersistTaps:"handled",children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(Action,{label:"Device tokens",onPress:()=>g("tokens")}),(0,_jsxRuntime.jsx)(_sharedUi.NightSectionLabel,{children:"Capture session"}),(0,_jsxRuntime.jsxs)(_sharedUi.NightCard,{glass:true,padded:true,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_notificationStyles.styles.actionRow,children:[(0,_jsxRuntime.jsx)(_sharedUi.NightBadge,{label:c?"Recording":"Stopped",tone:c?"accent":"neutral"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_notificationStyles.styles.caption,children:c?"Until "+new Date(h).toLocaleTimeString():"Ready when you are"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_notificationStyles.styles.actionRow,children:[(0,_jsxRuntime.jsx)(Action,{label:"Arm capture for 30 minutes",onPress:P,disabled:d,primary:true}),(0,_jsxRuntime.jsx)(Action,{label:"Stop capture",onPress:V,disabled:d||!c})]})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_notificationStyles.styles.footnote,children:e.durable?"History is saved on the app and survives app and desktop restarts.":"History is held in memory. Keep the app running to retain it."})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(_sharedUi.NightSectionLabel,{children:"Connected app"}),(0,_jsxRuntime.jsx)(_sharedUi.NightCard,{glass:true,children:(0,_jsxRuntime.jsxs)(_sharedUi.NightRows,{children:[(0,_jsxRuntime.jsx)(Field,{label:"App",value:e.appId??"Not supplied"}),(0,_jsxRuntime.jsx)(Field,{label:"Provider",value:[e.provider,e.providerVersion].filter(Boolean).join(" ")}),(0,_jsxRuntime.jsx)(Field,{label:"Platform",value:e.platform})]})})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(_sharedUi.NightSectionLabel,{children:"Permissions"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:_notificationStyles.styles.sectionActions,children:(0,_jsxRuntime.jsx)(Action,{label:"Refresh permissions",disabled:d,onPress:()=>{void j("getPermissions")}})}),(0,_jsxRuntime.jsx)(JsonCard,{title:"Permission settings",value:e.permissions})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(_sharedUi.NightSectionLabel,{children:"System tray"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:_notificationStyles.styles.sectionActions,children:(0,_jsxRuntime.jsx)(Action,{label:"Inspect system tray",disabled:d||!e.capabilities.includes("presented"),onPress:()=>{void j("listPresented")}})}),(0,_jsxRuntime.jsx)(JsonCard,{title:"Currently presented",value:e.presented}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_notificationStyles.styles.footnote,children:"Notifications currently in the system tray. Captured history is in Activity."})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(_sharedUi.NightSectionLabel,{children:"Capabilities"}),(0,_jsxRuntime.jsx)(_sharedUi.NightCard,{glass:true,padded:true,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:_notificationStyles.styles.actionRow,children:e.capabilities.map(t=>(0,_jsxRuntime.jsx)(_sharedUi.NightBadge,{label:t},t))})})]})]})]})]});return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:y?y({header:R,body:I}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_notificationStyles.styles.root,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:_notificationStyles.styles.inlineHeader,children:R}),I]})})}function EventRow({event:e,onPress:a}){const o=eventTone(e.kind);const r=o==="danger"?_sharedUi.night.color.danger:o==="warning"?_sharedUi.night.color.warning:o==="accent"?_sharedUi.night.color.accent:_sharedUi.night.color.textSecondary;return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:(labels[e.kind]??e.kind)+": "+(e.title??e.testId??e.notificationId??"notification"),onPress:a,style:({pressed:s})=>[_notificationStyles.styles.event,s&&_notificationStyles.styles.pressed],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_notificationStyles.styles.eventTop,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_notificationStyles.styles.eventKind,children:[(0,_jsxRuntime.jsx)(_sharedUi.NotificationsIcon,{size:13,color:r}),(0,_jsxRuntime.jsx)(_reactNative.Text,{numberOfLines:1,style:[_notificationStyles.styles.eventLabel,{color:r}],children:labels[e.kind]??e.kind})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_notificationStyles.styles.timestamp,children:new Date(e.capturedAt).toLocaleTimeString()})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_notificationStyles.styles.eventSubject,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{numberOfLines:1,style:_notificationStyles.styles.eventTitle,children:e.title??e.testId??e.notificationId??"Notification event"}),(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:14,color:_sharedUi.night.color.textTertiary})]}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{numberOfLines:1,style:_notificationStyles.styles.eventMeta,children:[e.observedAppState,e.truncated?" \xB7 Truncated":""]})]})}