@buoy-gg/notifications 7.0.41

package/lib/commonjs/components/NotificationToolView.js

@@ -0,0 +1,673 @@
+"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