@mushi-mushi/react-native 0.23.0 → 0.24.1

package/dist/index.js

@@ -1,15 +1,9 @@
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
 
 // src/provider.tsx
 import {
   createContext,
   useContext,
-  useEffect as useEffect3,
+  useEffect as useEffect4,
   useRef as useRef3,
   useState as useState2,
   useCallback as useCallback4,
@@ -24,6 +18,180 @@ import {
   parseIdentityToken,
   scrubPii as scrubPii3
 } from "@mushi-mushi/core";
+import {
+  reporterChannels as reporterChannels2
+} from "@mushi-mushi/core/reporter-channels";
+import { reporterShouldShowToast, reporterToastMessage, resolveReporterLocale as resolveReporterLocale3 } from "@mushi-mushi/core/reporter-ui";
+
+// src/storage/reporter-flags.ts
+async function readReporterFlag(projectId, flag) {
+  try {
+    const store = (await import("@react-native-async-storage/async-storage")).default;
+    return await store.getItem(`@mushi:${flag}:${projectId}`);
+  } catch {
+    return null;
+  }
+}
+async function writeReporterFlag(projectId, flag, value) {
+  try {
+    const store = (await import("@react-native-async-storage/async-storage")).default;
+    await store.setItem(`@mushi:${flag}:${projectId}`, value);
+  } catch {
+  }
+}
+
+// src/components/MushiUpdateToast.tsx
+import { useEffect } from "react";
+import { Text, TouchableOpacity, View, StyleSheet, useColorScheme } from "react-native";
+import { MUSHI_SHADOW_INK } from "@mushi-mushi/core";
+import { reporterCopy, resolveReporterLocale } from "@mushi-mushi/core/reporter-ui";
+
+// src/theme.ts
+import { mushiPalette, MUSHI_CONTROL_DISABLED, MUSHI_RADIUS } from "@mushi-mushi/core";
+function hexToRgb(hex) {
+  const m = /^#([0-9a-f]{3}|[0-9a-f]{6})([0-9a-f]{2})?$/i.exec(hex.trim());
+  if (!m) return null;
+  const h = m[1].length === 3 ? m[1].split("").map((c) => c + c).join("") : m[1];
+  return [0, 2, 4].map((i) => parseInt(h.slice(i, i + 2), 16));
+}
+function luminance([r, g, b]) {
+  const lin = (c) => {
+    const s5 = c / 255;
+    return s5 <= 0.03928 ? s5 / 12.92 : ((s5 + 0.055) / 1.055) ** 2.4;
+  };
+  return 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
+}
+function contrastingText(bg, fallback) {
+  const rgb = hexToRgb(bg);
+  if (!rgb) return fallback;
+  const l = luminance(rgb);
+  return 1.05 / (l + 0.05) >= (l + 0.05) / 0.05 ? "#FFFFFF" : "#000000";
+}
+function resolveRNTheme(dark, override = {}) {
+  const pal = mushiPalette(dark ? "dark" : "light");
+  const base = {
+    bg: dark ? pal.paper : pal.paperRaised,
+    fg: pal.ink,
+    muted: pal.inkMuted,
+    surface: dark ? pal.paperRaised : pal.paper,
+    border: pal.ruleStrong,
+    accent: pal.ink,
+    accentFg: dark ? pal.paper : pal.paperRaised,
+    success: pal.ok,
+    error: pal.danger,
+    fontFamily: void 0,
+    radius: MUSHI_RADIUS.card
+  };
+  const defined = Object.fromEntries(
+    Object.entries(override).filter(([, v]) => v !== void 0 && v !== null && v !== "")
+  );
+  const merged = { ...base, ...defined };
+  if (defined.accent && !defined.accentFg) merged.accentFg = contrastingText(defined.accent, base.accentFg);
+  return {
+    ...merged,
+    backdrop: dark ? "rgba(0,0,0,0.6)" : "rgba(0,0,0,0.35)",
+    disabled: dark ? MUSHI_CONTROL_DISABLED.dark : MUSHI_CONTROL_DISABLED.light,
+    disabledFg: pal.inkFaint
+  };
+}
+
+// src/components/MushiUpdateToast.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var AUTO_HIDE_MS = 8e3;
+var MushiUpdateToast = ({ message, onView, onDismiss, theme }) => {
+  const colors = resolveRNTheme(useColorScheme() === "dark", theme);
+  const copy = reporterCopy(
+    resolveReporterLocale(typeof navigator !== "undefined" ? navigator.language : void 0)
+  ).ui;
+  const font = colors.fontFamily ? { fontFamily: colors.fontFamily } : null;
+  useEffect(() => {
+    const timer = setTimeout(onDismiss, AUTO_HIDE_MS);
+    return () => clearTimeout(timer);
+  }, [onDismiss]);
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      style: [s.toast, { backgroundColor: colors.bg, borderColor: colors.border, borderRadius: colors.radius }],
+      accessibilityLiveRegion: "polite",
+      accessibilityRole: "alert",
+      children: [
+        /* @__PURE__ */ jsx(Text, { style: [s.text, { color: colors.fg }, font], numberOfLines: 2, children: message }),
+        /* @__PURE__ */ jsx(
+          TouchableOpacity,
+          {
+            onPress: onView,
+            accessibilityRole: "button",
+            style: [s.btn, { backgroundColor: colors.accent, borderRadius: colors.radius }],
+            children: /* @__PURE__ */ jsx(Text, { style: [{ color: colors.accentFg, fontWeight: "600" }, font], children: copy.view })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TouchableOpacity,
+          {
+            onPress: onDismiss,
+            accessibilityRole: "button",
+            accessibilityLabel: copy.done,
+            hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
+            children: /* @__PURE__ */ jsx(Text, { style: [{ color: colors.muted, fontSize: 18 }, font], children: "\xD7" })
+          }
+        )
+      ]
+    }
+  );
+};
+var s = StyleSheet.create({
+  toast: {
+    position: "absolute",
+    left: 16,
+    right: 16,
+    bottom: 32,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    paddingVertical: 10,
+    paddingHorizontal: 14,
+    borderWidth: StyleSheet.hairlineWidth,
+    shadowColor: MUSHI_SHADOW_INK,
+    shadowOpacity: 0.18,
+    shadowRadius: 12,
+    shadowOffset: { width: 0, height: 6 },
+    elevation: 6
+  },
+  text: { flex: 1, fontSize: 14 },
+  btn: { paddingHorizontal: 12, paddingVertical: 6 }
+});
+
+// src/optional-modules.ts
+function unwrap(mod, key) {
+  if (!mod || typeof mod !== "object" && typeof mod !== "function") return null;
+  if (key in mod) return mod;
+  const def = mod.default;
+  return def && (typeof def === "object" || typeof def === "function") && key in def ? def : null;
+}
+function resolveNetInfo(injected) {
+  if (injected) return unwrap(injected, "addEventListener");
+  try {
+    return unwrap(require("@react-native-community/netinfo"), "addEventListener");
+  } catch {
+    return null;
+  }
+}
+function resolveViewShot(injected) {
+  if (injected) return unwrap(injected, "captureScreen");
+  try {
+    return unwrap(require("react-native-view-shot"), "captureScreen");
+  } catch {
+    return null;
+  }
+}
+function resolveExpoSensors(injected) {
+  if (injected) return unwrap(injected, "Accelerometer");
+  try {
+    return unwrap(require("expo-sensors"), "Accelerometer");
+  } catch {
+    return null;
+  }
+}
 
 // src/capture/console-capture.ts
 import { scrubPii } from "@mushi-mushi/core";
@@ -456,86 +624,50 @@ function sleep(ms) {
 import {
   useRef,
   useState,
-  useEffect,
+  useEffect as useEffect2,
   useCallback
 } from "react";
 import {
   Modal,
-  View,
-  Text,
+  View as View2,
+  Text as Text2,
   TextInput,
   Image,
-  TouchableOpacity,
+  TouchableOpacity as TouchableOpacity2,
   Animated,
   PanResponder,
-  StyleSheet,
+  StyleSheet as StyleSheet2,
   Dimensions as Dimensions2,
   Platform as Platform2,
   KeyboardAvoidingView,
   ScrollView,
-  useColorScheme
+  AccessibilityInfo,
+  useColorScheme as useColorScheme2
 } from "react-native";
 import {
   MUSHI_COPY,
   MUSHI_INVERSE,
   MUSHI_RADIUS as MUSHI_RADIUS2,
-  MUSHI_SHADOW_INK,
+  MUSHI_SHADOW_INK as MUSHI_SHADOW_INK2,
   MUSHI_SPACING,
   MUSHI_TYPE
 } from "@mushi-mushi/core";
-import { reporterCopy, reporterStatus, resolveReporterLocale } from "@mushi-mushi/core/reporter-ui";
+import {
+  REPORTER_CATEGORIES,
+  isPlausibleReporterEmail,
+  isReporterConversation,
+  reporterCanSend,
+  reporterCategoryLabel,
+  reporterChipToReport,
+  reporterCopy as reporterCopy2,
+  reporterStatus,
+  reporterTimelineEntryText,
+  resolveReporterLocale as resolveReporterLocale2
+} from "@mushi-mushi/core/reporter-ui";
 import { getLocale } from "@mushi-mushi/web/i18n";
 
-// src/theme.ts
-import { mushiPalette, MUSHI_CONTROL_DISABLED, MUSHI_RADIUS } from "@mushi-mushi/core";
-function hexToRgb(hex) {
-  const m = /^#([0-9a-f]{3}|[0-9a-f]{6})([0-9a-f]{2})?$/i.exec(hex.trim());
-  if (!m) return null;
-  const h = m[1].length === 3 ? m[1].split("").map((c) => c + c).join("") : m[1];
-  return [0, 2, 4].map((i) => parseInt(h.slice(i, i + 2), 16));
-}
-function luminance([r, g, b]) {
-  const lin = (c) => {
-    const s4 = c / 255;
-    return s4 <= 0.03928 ? s4 / 12.92 : ((s4 + 0.055) / 1.055) ** 2.4;
-  };
-  return 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
-}
-function contrastingText(bg, fallback) {
-  const rgb = hexToRgb(bg);
-  if (!rgb) return fallback;
-  const l = luminance(rgb);
-  return 1.05 / (l + 0.05) >= (l + 0.05) / 0.05 ? "#FFFFFF" : "#000000";
-}
-function resolveRNTheme(dark, override = {}) {
-  const pal = mushiPalette(dark ? "dark" : "light");
-  const base = {
-    bg: dark ? pal.paper : pal.paperRaised,
-    fg: pal.ink,
-    muted: pal.inkMuted,
-    surface: dark ? pal.paperRaised : pal.paper,
-    border: pal.ruleStrong,
-    accent: pal.ink,
-    accentFg: dark ? pal.paper : pal.paperRaised,
-    success: pal.ok,
-    error: pal.danger,
-    fontFamily: void 0,
-    radius: MUSHI_RADIUS.card
-  };
-  const defined = Object.fromEntries(
-    Object.entries(override).filter(([, v]) => v !== void 0 && v !== null && v !== "")
-  );
-  const merged = { ...base, ...defined };
-  if (defined.accent && !defined.accentFg) merged.accentFg = contrastingText(defined.accent, base.accentFg);
-  return {
-    ...merged,
-    backdrop: dark ? "rgba(0,0,0,0.6)" : "rgba(0,0,0,0.35)",
-    disabled: dark ? MUSHI_CONTROL_DISABLED.dark : MUSHI_CONTROL_DISABLED.light,
-    disabledFg: pal.inkFaint
-  };
-}
-
 // src/reporter-thread.ts
+import { reporterChannels } from "@mushi-mushi/core/reporter-channels";
 var THREAD_LOAD_TIMEOUT_MS = 12e3;
 function settleWithin(p, ms) {
   return new Promise((resolve) => {
@@ -563,6 +695,9 @@ function loadReporterThread(load, reportId, timeoutMs = THREAD_LOAD_TIMEOUT_MS)
 }
 async function markReporterReportRead(client, reporterToken, reportId) {
   try {
+    const v2 = await reporterChannels(client).markReportRead(reportId, reporterToken);
+    if (v2.ok) return v2.data?.marked_read ?? 0;
+    if (v2.error?.status !== 404) return 0;
     const res = await client.listNotifications(reporterToken, { limit: 100 });
     if (!res.ok) return 0;
     const rows = res.data?.notifications ?? [];
@@ -577,21 +712,59 @@ async function markReporterReportRead(client, reporterToken, reportId) {
     return 0;
   }
 }
+function createReporterUpdateHub(fetchUpdates) {
+  const listeners = /* @__PURE__ */ new Set();
+  async function emit() {
+    let updates = null;
+    try {
+      updates = await fetchUpdates();
+    } catch {
+      return null;
+    }
+    if (updates) {
+      for (const cb of listeners) {
+        try {
+          cb(updates);
+        } catch {
+        }
+      }
+    }
+    return updates;
+  }
+  return {
+    subscribe(cb) {
+      listeners.add(cb);
+      void emit();
+      return () => {
+        listeners.delete(cb);
+      };
+    },
+    emit,
+    listenerCount: () => listeners.size
+  };
+}
 
 // src/components/MushiBottomSheet.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var { height: SCREEN_HEIGHT } = Dimensions2.get("window");
 var SHEET_HEIGHT = SCREEN_HEIGHT * 0.55;
 var DISMISS_THRESHOLD = 80;
-var MIN_DESCRIPTION = 20;
-var CATEGORY_KEYS = ["bug", "slow", "visual", "confusing", "other"];
 var CATEGORY_EMOJI = {
   bug: "\u{1F41B}",
   slow: "\u{1F422}",
   visual: "\u{1F3A8}",
   confusing: "\u{1F615}",
-  other: "\u{1F4AC}"
+  idea: "\u{1F4A1}"
 };
+function commentsToTimeline(comments) {
+  return comments.map((c) => ({
+    kind: c.author_kind === "reporter" ? "reporter_comment" : "comment",
+    at: c.created_at,
+    text: c.body,
+    body: c.body,
+    comment_id: c.id
+  }));
+}
 var MushiBottomSheet = ({
   visible,
   onClose,
@@ -604,16 +777,18 @@ var MushiBottomSheet = ({
   assistantGreeting,
   assistantSuggestions = [],
   inboxPollIntervalMs = 0,
-  theme
+  theme,
+  minDescriptionLength,
+  emailOptIn = true
 }) => {
   const mushi = useMushiContext();
   const t = getLocale();
-  const locale = resolveReporterLocale(
+  const locale = resolveReporterLocale2(
     typeof navigator !== "undefined" ? navigator.language : void 0
   );
-  const rc = reporterCopy(locale);
+  const rc = reporterCopy2(locale);
   const greeting = assistantGreeting ?? t.assistant.defaultGreeting;
-  const scheme = useColorScheme();
+  const scheme = useColorScheme2();
   const dark = scheme === "dark";
   const translateY = useRef(new Animated.Value(SHEET_HEIGHT)).current;
   const backdropOpacity = useRef(new Animated.Value(0)).current;
@@ -627,7 +802,7 @@ var MushiBottomSheet = ({
   const [inboxLoading, setInboxLoading] = useState(false);
   const [selectedReportId, setSelectedReportId] = useState(null);
   const selectedRef = useRef(null);
-  const [threadComments, setThreadComments] = useState([]);
+  const [threadItems, setThreadItems] = useState([]);
   const [threadStatus, setThreadStatus] = useState("idle");
   const [replyText, setReplyText] = useState("");
   const [replyState, setReplyState] = useState("idle");
@@ -639,6 +814,18 @@ var MushiBottomSheet = ({
   const [assistantError, setAssistantError] = useState(null);
   const [assistantTurns, setAssistantTurns] = useState([]);
   const [screenshotAttached, setScreenshotAttached] = useState(true);
+  const [emailState, setEmailState] = useState("hidden");
+  const [emailInput, setEmailInput] = useState("");
+  const [reduceMotion, setReduceMotion] = useState(false);
+  useEffect2(() => {
+    let alive = true;
+    AccessibilityInfo?.isReduceMotionEnabled?.().then((on) => alive && setReduceMotion(Boolean(on))).catch(() => void 0);
+    const sub = AccessibilityInfo?.addEventListener?.("reduceMotionChanged", (on) => setReduceMotion(Boolean(on)));
+    return () => {
+      alive = false;
+      sub?.remove?.();
+    };
+  }, []);
   const loadInbox = useCallback(
     async (opts = {}) => {
       if (!mushi?.listMyReports) return;
@@ -654,14 +841,14 @@ var MushiBottomSheet = ({
     },
     [mushi, locale]
   );
-  useEffect(() => {
+  useEffect2(() => {
     if (visible) {
       setScreenshotAttached(true);
       setSheetTab(preferredTab);
       if (preferredTab === "inbox") void loadInbox();
     }
   }, [visible, preferredTab, loadInbox]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!visible || sheetTab !== "inbox" || inboxPollIntervalMs <= 0) return;
     const timer = setInterval(() => {
       void loadInbox({ silent: true });
@@ -673,19 +860,26 @@ var MushiBottomSheet = ({
       selectedRef.current = reportId;
       setSelectedReportId(reportId);
       if (!opts.silent) {
-        setThreadComments([]);
+        setThreadItems([]);
         setThreadStatus("loading");
         setReplyState("idle");
         setFeedbackError(false);
       }
-      const load = mushi?.loadMyThread ?? mushi?.listMyComments;
-      const comments = load ? await loadReporterThread(load, reportId) : null;
+      let items = null;
+      const detail = mushi?.loadMyReportDetail ? await settleWithin(mushi.loadMyReportDetail(reportId), THREAD_LOAD_TIMEOUT_MS) : "unsupported";
+      if (detail && detail !== "unsupported") {
+        items = detail.timeline;
+      } else if (detail === "unsupported") {
+        const load = mushi?.loadMyThread ?? mushi?.listMyComments;
+        const comments = load ? await loadReporterThread(load, reportId) : null;
+        items = comments ? commentsToTimeline(comments) : null;
+      }
       if (selectedRef.current !== reportId) return;
-      if (comments === null) {
+      if (items === null) {
         setThreadStatus((prev) => opts.silent && prev === "ready" ? "ready" : "error");
         return;
       }
-      setThreadComments(comments);
+      setThreadItems(items);
       setThreadStatus("ready");
       if (!opts.silent && mushi?.markReportRead) {
         mushi.markReportRead(reportId).then((marked) => {
@@ -716,7 +910,10 @@ var MushiBottomSheet = ({
       setReplyText("");
       setReplyState("idle");
       if (selectedRef.current === reportId) {
-        setThreadComments((prev) => [...prev, comment]);
+        setThreadItems((prev) => [
+          ...prev,
+          { kind: "reporter_comment", at: comment.created_at, text: comment.body, body: comment.body, comment_id: comment.id }
+        ]);
         void openThread(reportId, { silent: true });
       }
     } catch {
@@ -774,8 +971,15 @@ var MushiBottomSheet = ({
     setCategory(null);
     setDescription("");
     setPhase("form");
+    setEmailState("hidden");
+    setEmailInput("");
   }, []);
   const animateIn = useCallback(() => {
+    if (reduceMotion) {
+      translateY.setValue(0);
+      backdropOpacity.setValue(1);
+      return;
+    }
     Animated.parallel([
       Animated.spring(translateY, {
         toValue: 0,
@@ -789,18 +993,18 @@ var MushiBottomSheet = ({
         useNativeDriver: true
       })
     ]).start();
-  }, [translateY, backdropOpacity]);
+  }, [translateY, backdropOpacity, reduceMotion]);
   const animateOut = useCallback(
     (cb) => {
       Animated.parallel([
         Animated.timing(translateY, {
           toValue: SHEET_HEIGHT,
-          duration: 220,
+          duration: reduceMotion ? 0 : 220,
           useNativeDriver: true
         }),
         Animated.timing(backdropOpacity, {
           toValue: 0,
-          duration: 200,
+          duration: reduceMotion ? 0 : 200,
           useNativeDriver: true
         })
       ]).start(() => {
@@ -808,9 +1012,9 @@ var MushiBottomSheet = ({
         cb?.();
       });
     },
-    [translateY, backdropOpacity, resetForm]
+    [translateY, backdropOpacity, resetForm, reduceMotion]
   );
-  useEffect(() => {
+  useEffect2(() => {
     if (visible) animateIn();
   }, [visible, animateIn]);
   const handleClose = useCallback(() => {
@@ -837,20 +1041,43 @@ var MushiBottomSheet = ({
       }
     })
   ).current;
-  const handleSubmit = async () => {
-    if (!category || !description.trim() || !mushi) return;
-    const trimmed = description.trim();
-    if (trimmed.length < MIN_DESCRIPTION) {
-      setSubmitError("Please write at least 20 characters so we can understand the issue.");
+  const offerEmail = useCallback(async () => {
+    if (!emailOptIn || !mushi?.getNotificationPrefs) return;
+    try {
+      const prefs = await mushi.getNotificationPrefs();
+      if (prefs?.available.email && !prefs.email_verified && !prefs.email_pending) {
+        setEmailInput(mushi.emailPrefill?.() ?? "");
+        setEmailState("offer");
+      }
+    } catch {
+    }
+  }, [emailOptIn, mushi]);
+  const submitEmail = useCallback(async () => {
+    const email = emailInput.trim();
+    if (!isPlausibleReporterEmail(email)) {
+      setEmailState("invalid");
       return;
     }
+    if (!mushi?.setNotificationPrefs) return;
+    setEmailState("sending");
+    try {
+      const res = await mushi.setNotificationPrefs({ email });
+      setEmailState(res.ok ? "sent" : res.error?.status === 422 ? "invalid" : "failed");
+    } catch {
+      setEmailState("failed");
+    }
+  }, [emailInput, mushi]);
+  const handleSubmit = async () => {
+    const hasAttachment = Boolean(screenshotDataUrl && screenshotAttached);
+    if (!mushi || !reporterCanSend(description, hasAttachment, minDescriptionLength)) return;
+    const trimmed = description.trim();
     setSubmitError(null);
     setPhase("sending");
     try {
       const outcome = await mushi.submitReport({
-        category,
+        ...reporterChipToReport(category),
         description: trimmed,
-        screenshotDataUrl: screenshotDataUrl && screenshotAttached ? screenshotDataUrl : void 0
+        screenshotDataUrl: hasAttachment ? screenshotDataUrl : void 0
       });
       if (!outcome.ok) {
         if (outcome.failureKind === "credentials" || outcome.failureKind === "quota") {
@@ -868,7 +1095,7 @@ var MushiBottomSheet = ({
         return;
       }
       setPhase("sent");
-      setTimeout(handleClose, 1400);
+      void offerEmail();
     } catch {
       setSubmitError("Something went wrong. Please try again.");
       setPhase("error");
@@ -879,94 +1106,106 @@ var MushiBottomSheet = ({
   const font = colors.fontFamily ? { fontFamily: colors.fontFamily } : null;
   const radius = colors.radius;
   const sheetTabs = ["report", "inbox", ...assistantEnabled ? ["assistant"] : []];
-  const canSubmit = !!category && description.trim().length >= MIN_DESCRIPTION && (phase === "form" || phase === "error");
-  const submitHint = canSubmit || phase === "sending" ? void 0 : !category ? t.step1.heading : rc.ui.addWords;
+  const canSubmit = reporterCanSend(description, Boolean(activeScreenshot), minDescriptionLength) && (phase === "form" || phase === "error");
+  const submitHint = canSubmit || phase === "sending" ? void 0 : rc.ui.addWords;
   const selectedReport = selectedReportId ? inboxReports.find((r) => r.id === selectedReportId) ?? null : null;
   const selectedView = selectedReport ? reporterStatus(selectedReport, locale) : null;
   const headerTitle = sheetTab === "assistant" ? assistantLabel : sheetTab === "inbox" ? t.flows.reports.title : t.widget.title;
-  const renderThread = () => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      TouchableOpacity,
+  const renderThread = () => /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2(
+      TouchableOpacity2,
       {
         onPress: closeThread,
         accessibilityRole: "button",
         accessibilityLabel: t.widget.back,
         hitSlop: { top: 8, bottom: 8, left: 8, right: 8 },
-        children: /* @__PURE__ */ jsxs(Text, { style: [{ color: colors.accent, marginBottom: 8 }, font], children: [
+        children: /* @__PURE__ */ jsxs2(Text2, { style: [{ color: colors.accent, marginBottom: 8 }, font], children: [
           "\u2190 ",
           t.widget.back
         ] })
       }
     ),
-    selectedReport && selectedView ? /* @__PURE__ */ jsxs(View, { style: [s.headerCard, { backgroundColor: colors.surface, borderRadius: radius, borderColor: colors.border }], children: [
-      /* @__PURE__ */ jsx(Text, { style: [s.pill, { color: colors.fg, borderColor: colors.border }, font], children: selectedView.label }),
-      /* @__PURE__ */ jsx(Text, { style: [{ color: colors.muted, fontSize: 12, marginTop: 4 }, font], children: selectedView.detail }),
-      /* @__PURE__ */ jsx(Text, { style: [{ color: colors.fg, marginTop: 8 }, font], numberOfLines: 4, children: selectedReport.title ?? selectedReport.summary ?? selectedReport.description ?? "" })
+    selectedReport && selectedView ? /* @__PURE__ */ jsxs2(View2, { style: [s2.headerCard, { backgroundColor: colors.surface, borderRadius: radius, borderColor: colors.border }], children: [
+      /* @__PURE__ */ jsx2(Text2, { style: [s2.pill, { color: colors.fg, borderColor: colors.border }, font], children: selectedView.label }),
+      /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.muted, fontSize: 12, marginTop: 4 }, font], children: selectedView.detail }),
+      /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.fg, marginTop: 8 }, font], numberOfLines: 4, children: selectedReport.title ?? selectedReport.summary ?? selectedReport.description ?? "" })
     ] }) : null,
-    threadStatus === "loading" ? /* @__PURE__ */ jsx(View, { accessibilityLabel: t.flows.reports.loading, accessibilityLiveRegion: "polite", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(View, { style: [s.skeleton, { backgroundColor: colors.surface, width: `${90 - i * 18}%` }] }, i)) }) : threadStatus === "error" ? /* @__PURE__ */ jsxs(View, { style: s.errorRow, accessibilityLiveRegion: "polite", children: [
-      /* @__PURE__ */ jsx(Text, { style: [{ color: colors.error, flex: 1 }, font], accessibilityRole: "alert", children: rc.ui.loadError }),
-      /* @__PURE__ */ jsx(
-        TouchableOpacity,
+    threadStatus === "loading" ? /* @__PURE__ */ jsx2(View2, { accessibilityLabel: t.flows.reports.loading, accessibilityLiveRegion: "polite", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx2(View2, { style: [s2.skeleton, { backgroundColor: colors.surface, width: `${90 - i * 18}%` }] }, i)) }) : threadStatus === "error" ? /* @__PURE__ */ jsxs2(View2, { style: s2.errorRow, accessibilityLiveRegion: "polite", children: [
+      /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.error, flex: 1 }, font], accessibilityRole: "alert", children: rc.ui.loadError }),
+      /* @__PURE__ */ jsx2(
+        TouchableOpacity2,
         {
           onPress: () => selectedReportId && void openThread(selectedReportId),
           accessibilityRole: "button",
-          style: [s.retryBtn, { borderColor: colors.border, borderRadius: radius }],
-          children: /* @__PURE__ */ jsx(Text, { style: [{ color: colors.fg, fontWeight: "600" }, font], children: rc.ui.retry })
+          style: [s2.retryBtn, { borderColor: colors.border, borderRadius: radius }],
+          children: /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.fg, fontWeight: "600" }, font], children: rc.ui.retry })
         }
       )
-    ] }) : threadComments.length === 0 ? /* @__PURE__ */ jsx(Text, { style: [{ color: colors.muted, marginBottom: 8 }, font], children: rc.ui.noReplies }) : threadComments.map((c) => /* @__PURE__ */ jsxs(
-      View,
-      {
-        style: [
-          s.threadBubble,
+    ] }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+      threadItems.map(
+        (item, idx) => isReporterConversation(item) ? /* @__PURE__ */ jsxs2(
+          View2,
           {
-            backgroundColor: colors.surface,
-            alignSelf: c.author_kind === "reporter" ? "flex-end" : "flex-start"
-          }
-        ],
-        children: [
-          /* @__PURE__ */ jsx(Text, { style: [{ color: colors.muted, fontSize: 11 }, font], children: c.author_kind === "reporter" ? rc.ui.you : rc.ui.developer }),
-          /* @__PURE__ */ jsx(Text, { style: [{ color: colors.fg }, font], children: c.body })
-        ]
-      },
-      c.id
-    )),
-    replyState === "sending" ? /* @__PURE__ */ jsxs(View, { style: [s.threadBubble, { backgroundColor: colors.surface, alignSelf: "flex-end", opacity: 0.7 }], children: [
-      /* @__PURE__ */ jsx(Text, { style: [{ color: colors.muted, fontSize: 11 }, font], children: rc.ui.sending }),
-      /* @__PURE__ */ jsx(Text, { style: [{ color: colors.fg }, font], children: replyText.trim() })
+            style: [
+              s2.threadBubble,
+              {
+                backgroundColor: colors.surface,
+                alignSelf: item.kind === "reporter_comment" ? "flex-end" : "flex-start"
+              }
+            ],
+            children: [
+              /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.muted, fontSize: 11 }, font], children: item.kind === "reporter_comment" ? rc.ui.you : rc.ui.developer }),
+              /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.fg }, font], children: reporterTimelineEntryText(item, locale) })
+            ]
+          },
+          `${item.kind}-${item.comment_id ?? idx}`
+        ) : /* @__PURE__ */ jsx2(
+          Text2,
+          {
+            style: [{ color: colors.muted, fontSize: 12, textAlign: "center", marginVertical: 6 }, font],
+            children: reporterTimelineEntryText(item, locale)
+          },
+          `${item.kind}-${item.at}-${idx}`
+        )
+      ),
+      !threadItems.some(isReporterConversation) ? /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.muted, marginBottom: 8 }, font], children: rc.ui.noReplies }) : null
+    ] }),
+    replyState === "sending" ? /* @__PURE__ */ jsxs2(View2, { style: [s2.threadBubble, { backgroundColor: colors.surface, alignSelf: "flex-end", opacity: 0.7 }], children: [
+      /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.muted, fontSize: 11 }, font], children: rc.ui.sending }),
+      /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.fg }, font], children: replyText.trim() })
     ] }) : null,
-    selectedView?.canVerify ? /* @__PURE__ */ jsxs(View, { style: s.verifyRow, children: [
-      /* @__PURE__ */ jsx(
-        TouchableOpacity,
+    selectedView?.canVerify ? /* @__PURE__ */ jsxs2(View2, { style: s2.verifyRow, children: [
+      /* @__PURE__ */ jsx2(
+        TouchableOpacity2,
         {
-          style: [s.verifyBtn, { backgroundColor: colors.accent, borderRadius: radius }],
+          style: [s2.verifyBtn, { backgroundColor: colors.accent, borderRadius: radius }],
           onPress: () => void submitFeedback("confirms"),
           disabled: feedbackSending,
           accessibilityRole: "button",
           accessibilityState: { disabled: feedbackSending, busy: feedbackSending },
-          children: /* @__PURE__ */ jsx(Text, { style: [s.submitText, { color: colors.accentFg }, font], children: rc.ui.yes })
+          children: /* @__PURE__ */ jsx2(Text2, { style: [s2.submitText, { color: colors.accentFg }, font], children: rc.ui.yes })
         }
       ),
-      /* @__PURE__ */ jsx(
-        TouchableOpacity,
+      /* @__PURE__ */ jsx2(
+        TouchableOpacity2,
         {
-          style: [s.verifyBtn, { backgroundColor: colors.border, borderRadius: radius }],
+          style: [s2.verifyBtn, { backgroundColor: colors.border, borderRadius: radius }],
           onPress: () => void submitFeedback("not_fixed"),
           disabled: feedbackSending,
           accessibilityRole: "button",
           accessibilityState: { disabled: feedbackSending, busy: feedbackSending },
-          children: /* @__PURE__ */ jsx(Text, { style: [s.submitText, { color: colors.fg }, font], children: rc.ui.notYet })
+          children: /* @__PURE__ */ jsx2(Text2, { style: [s2.submitText, { color: colors.fg }, font], children: rc.ui.notYet })
         }
       )
     ] }) : null,
-    feedbackError ? /* @__PURE__ */ jsx(Text, { style: [{ color: colors.error, marginBottom: 8 }, font], accessibilityRole: "alert", children: rc.ui.sendFailed }) : null,
-    /* @__PURE__ */ jsxs(View, { style: s.composer, children: [
-      /* @__PURE__ */ jsx(
+    feedbackError ? /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.error, marginBottom: 8 }, font], accessibilityRole: "alert", children: rc.ui.sendFailed }) : null,
+    /* @__PURE__ */ jsxs2(View2, { style: s2.composer, children: [
+      /* @__PURE__ */ jsx2(
         TextInput,
         {
           style: [
-            s.input,
-            s.composerInput,
+            s2.input,
+            s2.composerInput,
             { backgroundColor: colors.surface, color: colors.fg, borderColor: colors.border, borderRadius: radius },
             font
           ],
@@ -983,11 +1222,11 @@ var MushiBottomSheet = ({
           accessibilityLabel: t.flows.thread.replyPlaceholder
         }
       ),
-      /* @__PURE__ */ jsx(
-        TouchableOpacity,
+      /* @__PURE__ */ jsx2(
+        TouchableOpacity2,
         {
           style: [
-            s.sendBtn,
+            s2.sendBtn,
             {
               backgroundColor: replyText.trim() && replyState !== "sending" ? colors.accent : colors.disabled,
               borderRadius: radius
@@ -998,11 +1237,11 @@ var MushiBottomSheet = ({
           accessibilityRole: "button",
           accessibilityLabel: replyState === "failed" ? rc.ui.retry : t.flows.thread.send,
           accessibilityState: { disabled: !replyText.trim() || replyState === "sending", busy: replyState === "sending" },
-          children: /* @__PURE__ */ jsx(
-            Text,
+          children: /* @__PURE__ */ jsx2(
+            Text2,
             {
               style: [
-                s.submitText,
+                s2.submitText,
                 { color: replyText.trim() && replyState !== "sending" ? colors.accentFg : colors.disabledFg },
                 font
               ],
@@ -1012,7 +1251,7 @@ var MushiBottomSheet = ({
         }
       )
     ] }),
-    replyState === "failed" ? /* @__PURE__ */ jsxs(Text, { style: [{ color: colors.error, marginTop: 6, fontSize: 12 }, font], accessibilityRole: "alert", children: [
+    replyState === "failed" ? /* @__PURE__ */ jsxs2(Text2, { style: [{ color: colors.error, marginTop: 6, fontSize: 12 }, font], accessibilityRole: "alert", children: [
       rc.ui.sendFailed,
       " \xB7 ",
       rc.ui.retry
@@ -1020,50 +1259,50 @@ var MushiBottomSheet = ({
   ] });
   const renderInboxList = () => {
     if (inboxLoading && !inboxLoaded) {
-      return /* @__PURE__ */ jsx(Text, { style: [{ color: colors.muted }, font], children: t.flows.reports.loading });
+      return /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.muted }, font], children: t.flows.reports.loading });
     }
     if (inboxReports.length === 0) {
-      return /* @__PURE__ */ jsx(Text, { style: [{ color: colors.muted }, font], children: rc.ui.empty });
+      return /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.muted }, font], children: rc.ui.empty });
     }
     return inboxReports.map((r) => {
       const view = reporterStatus(r, locale);
       const unread = (r.unread_count ?? 0) > 0;
       const title = (r.title ?? r.summary ?? r.description ?? "Report").slice(0, 80);
-      return /* @__PURE__ */ jsxs(
-        TouchableOpacity,
+      return /* @__PURE__ */ jsxs2(
+        TouchableOpacity2,
         {
-          style: [s.inboxRow, { borderColor: colors.border }],
+          style: [s2.inboxRow, { borderColor: colors.border }],
           onPress: () => void openThread(r.id),
           accessibilityRole: "button",
           accessibilityLabel: `${view.label}. ${title}${unread ? `. ${r.unread_count} new` : ""}`,
           children: [
-            /* @__PURE__ */ jsx(Text, { style: [{ color: colors.fg, fontWeight: unread ? "700" : "600" }, font], numberOfLines: 1, children: title }),
-            /* @__PURE__ */ jsxs(Text, { style: [{ color: unread ? colors.fg : colors.muted, fontSize: 12, marginTop: 2 }, font], numberOfLines: 1, children: [
+            /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.fg, fontWeight: unread ? "700" : "600" }, font], numberOfLines: 1, children: title }),
+            /* @__PURE__ */ jsxs2(Text2, { style: [{ color: unread ? colors.fg : colors.muted, fontSize: 12, marginTop: 2 }, font], numberOfLines: 1, children: [
               view.label,
               view.othersNote ? ` \xB7 ${view.othersNote}` : ""
             ] }),
-            unread && r.last_event_preview ? /* @__PURE__ */ jsx(Text, { style: [{ color: colors.fg, fontSize: 12, fontWeight: "700", marginTop: 2 }, font], numberOfLines: 1, children: r.last_event_preview }) : null
+            unread && r.last_event_preview ? /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.fg, fontSize: 12, fontWeight: "700", marginTop: 2 }, font], numberOfLines: 1, children: r.last_event_preview }) : null
           ]
         },
         r.id
       );
     });
   };
-  return /* @__PURE__ */ jsx(Modal, { visible, transparent: true, animationType: "none", statusBarTranslucent: true, onRequestClose: handleClose, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx2(Modal, { visible, transparent: true, animationType: "none", statusBarTranslucent: true, onRequestClose: handleClose, children: /* @__PURE__ */ jsxs2(
     KeyboardAvoidingView,
     {
-      style: s.flex,
+      style: s2.flex,
       behavior: Platform2.OS === "ios" ? "padding" : "height",
       keyboardVerticalOffset: Platform2.OS === "ios" ? 0 : 20,
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2(
           Animated.View,
           {
-            style: [s.backdrop, { backgroundColor: colors.backdrop, opacity: backdropOpacity }],
-            children: /* @__PURE__ */ jsx(
-              TouchableOpacity,
+            style: [s2.backdrop, { backgroundColor: colors.backdrop, opacity: backdropOpacity }],
+            children: /* @__PURE__ */ jsx2(
+              TouchableOpacity2,
               {
-                style: s.flex,
+                style: s2.flex,
                 activeOpacity: 1,
                 onPress: handleClose,
                 accessibilityRole: "button",
@@ -1072,21 +1311,21 @@ var MushiBottomSheet = ({
             )
           }
         ),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs2(
           Animated.View,
           {
             accessibilityViewIsModal: true,
             onAccessibilityEscape: handleClose,
             style: [
-              s.sheet,
+              s2.sheet,
               { backgroundColor: colors.bg, transform: [{ translateY }] }
             ],
             children: [
-              /* @__PURE__ */ jsx(
-                View,
+              /* @__PURE__ */ jsx2(
+                View2,
                 {
                   ...panResponder.panHandlers,
-                  style: s.handleArea,
+                  style: s2.handleArea,
                   accessible: true,
                   accessibilityRole: "adjustable",
                   accessibilityLabel: t.widget.close,
@@ -1094,57 +1333,57 @@ var MushiBottomSheet = ({
                   onAccessibilityAction: (e) => {
                     if (e.nativeEvent.actionName === "decrement" || e.nativeEvent.actionName === "escape") handleClose();
                   },
-                  children: /* @__PURE__ */ jsx(View, { style: [s.handle, { backgroundColor: colors.muted }] })
+                  children: /* @__PURE__ */ jsx2(View2, { style: [s2.handle, { backgroundColor: colors.muted }] })
                 }
               ),
-              /* @__PURE__ */ jsx(View, { style: [s.header, { borderBottomColor: colors.border }], children: /* @__PURE__ */ jsx(Text, { accessibilityRole: "header", style: [s.headerTitle, { color: colors.fg }, font], children: headerTitle }) }),
-              /* @__PURE__ */ jsx(View, { style: [s.tabRow, { borderBottomColor: colors.border }], accessibilityRole: "tablist", children: sheetTabs.map((tab) => /* @__PURE__ */ jsx(
-                TouchableOpacity,
+              /* @__PURE__ */ jsx2(View2, { style: [s2.header, { borderBottomColor: colors.border }], children: /* @__PURE__ */ jsx2(Text2, { accessibilityRole: "header", style: [s2.headerTitle, { color: colors.fg }, font], children: headerTitle }) }),
+              /* @__PURE__ */ jsx2(View2, { style: [s2.tabRow, { borderBottomColor: colors.border }], accessibilityRole: "tablist", children: sheetTabs.map((tab) => /* @__PURE__ */ jsx2(
+                TouchableOpacity2,
                 {
                   onPress: () => {
                     setSheetTab(tab);
                     if (tab === "inbox") void loadInbox({ silent: inboxLoaded });
                     else closeThread();
                   },
-                  style: [s.tabBtn, sheetTab === tab && { borderBottomColor: colors.accent }],
+                  style: [s2.tabBtn, sheetTab === tab && { borderBottomColor: colors.accent }],
                   accessibilityRole: "tab",
                   accessibilityState: { selected: sheetTab === tab },
-                  children: /* @__PURE__ */ jsx(Text, { style: [s.tabLabel, { color: sheetTab === tab ? colors.fg : colors.muted }, font], children: tab === "report" ? t.widget.trigger : tab === "inbox" ? t.flows.reports.title : assistantLabel })
+                  children: /* @__PURE__ */ jsx2(Text2, { style: [s2.tabLabel, { color: sheetTab === tab ? colors.fg : colors.muted }, font], children: tab === "report" ? t.widget.trigger : tab === "inbox" ? t.flows.reports.title : assistantLabel })
                 },
                 tab
               )) }),
-              sheetTab === "assistant" ? /* @__PURE__ */ jsxs(ScrollView, { style: s.body, keyboardShouldPersistTaps: "handled", children: [
-                assistantTurns.length === 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(Text, { style: [{ color: colors.muted, marginBottom: 12, lineHeight: 20 }, font], children: greeting }),
-                  assistantSuggestions.map((chip) => /* @__PURE__ */ jsx(
-                    TouchableOpacity,
+              sheetTab === "assistant" ? /* @__PURE__ */ jsxs2(ScrollView, { style: s2.body, keyboardShouldPersistTaps: "handled", children: [
+                assistantTurns.length === 0 ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                  /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.muted, marginBottom: 12, lineHeight: 20 }, font], children: greeting }),
+                  assistantSuggestions.map((chip) => /* @__PURE__ */ jsx2(
+                    TouchableOpacity2,
                     {
-                      style: [s.assistantChip, { borderColor: colors.border, backgroundColor: colors.surface }],
+                      style: [s2.assistantChip, { borderColor: colors.border, backgroundColor: colors.surface }],
                       onPress: () => void sendAssistant(chip),
                       accessibilityRole: "button",
-                      children: /* @__PURE__ */ jsx(Text, { style: [{ color: colors.fg, fontSize: 13 }, font], children: chip })
+                      children: /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.fg, fontSize: 13 }, font], children: chip })
                     },
                     chip
                   ))
-                ] }) : assistantTurns.map((turn, idx) => /* @__PURE__ */ jsxs(
-                  View,
+                ] }) : assistantTurns.map((turn, idx) => /* @__PURE__ */ jsxs2(
+                  View2,
                   {
                     style: [
-                      s.assistantBubble,
+                      s2.assistantBubble,
                       {
                         alignSelf: turn.role === "user" ? "flex-end" : "flex-start",
                         backgroundColor: turn.role === "user" ? colors.accent : colors.surface
                       }
                     ],
                     children: [
-                      /* @__PURE__ */ jsx(Text, { style: [{ color: turn.role === "user" ? colors.accentFg : colors.fg }, font], children: turn.text }),
-                      turn.options?.map((opt) => /* @__PURE__ */ jsx(
-                        TouchableOpacity,
+                      /* @__PURE__ */ jsx2(Text2, { style: [{ color: turn.role === "user" ? colors.accentFg : colors.fg }, font], children: turn.text }),
+                      turn.options?.map((opt) => /* @__PURE__ */ jsx2(
+                        TouchableOpacity2,
                         {
                           onPress: () => void sendAssistant(opt),
                           style: { marginTop: 8 },
                           accessibilityRole: "button",
-                          children: /* @__PURE__ */ jsx(Text, { style: [{ color: colors.accent, fontSize: 12 }, font], children: opt })
+                          children: /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.accent, fontSize: 12 }, font], children: opt })
                         },
                         opt
                       ))
@@ -1152,13 +1391,13 @@ var MushiBottomSheet = ({
                   },
                   `${turn.role}-${idx}`
                 )),
-                assistantSending ? /* @__PURE__ */ jsx(Text, { style: [{ color: colors.muted, marginTop: 8 }, font], accessibilityLiveRegion: "polite", children: t.assistant.thinking }) : null,
-                assistantError ? /* @__PURE__ */ jsx(Text, { style: [{ color: colors.error, marginTop: 8 }, font], accessibilityRole: "alert", children: assistantError }) : null,
-                /* @__PURE__ */ jsxs(View, { style: s.assistantComposer, children: [
-                  /* @__PURE__ */ jsx(
+                assistantSending ? /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.muted, marginTop: 8 }, font], accessibilityLiveRegion: "polite", children: t.assistant.thinking }) : null,
+                assistantError ? /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.error, marginTop: 8 }, font], accessibilityRole: "alert", children: assistantError }) : null,
+                /* @__PURE__ */ jsxs2(View2, { style: s2.assistantComposer, children: [
+                  /* @__PURE__ */ jsx2(
                     TextInput,
                     {
-                      style: [s.input, { flex: 1, minHeight: 44, backgroundColor: colors.surface, color: colors.fg, borderColor: colors.border, borderRadius: radius }, font],
+                      style: [s2.input, { flex: 1, minHeight: 44, backgroundColor: colors.surface, color: colors.fg, borderColor: colors.border, borderRadius: radius }, font],
                       placeholder: t.assistant.inputPlaceholder,
                       placeholderTextColor: colors.muted,
                       value: assistantInput,
@@ -1166,71 +1405,101 @@ var MushiBottomSheet = ({
                       editable: !assistantSending
                     }
                   ),
-                  /* @__PURE__ */ jsx(
-                    TouchableOpacity,
+                  /* @__PURE__ */ jsx2(
+                    TouchableOpacity2,
                     {
-                      style: [s.submitBtn, { backgroundColor: colors.accent, paddingHorizontal: 16, borderRadius: radius }],
+                      style: [s2.submitBtn, { backgroundColor: colors.accent, paddingHorizontal: 16, borderRadius: radius }],
                       onPress: () => void sendAssistant(assistantInput),
                       disabled: !assistantInput.trim() || assistantSending,
                       accessibilityRole: "button",
                       accessibilityLabel: t.flows.thread.send,
                       accessibilityState: { disabled: !assistantInput.trim() || assistantSending, busy: assistantSending },
-                      children: /* @__PURE__ */ jsx(Text, { style: [s.submitText, { color: colors.accentFg }], children: "\u2191" })
+                      children: /* @__PURE__ */ jsx2(Text2, { style: [s2.submitText, { color: colors.accentFg }], children: "\u2191" })
                     }
                   )
                 ] })
-              ] }) : sheetTab === "inbox" ? /* @__PURE__ */ jsx(ScrollView, { style: s.body, keyboardShouldPersistTaps: "handled", contentContainerStyle: { paddingBottom: 24 }, children: selectedReportId ? renderThread() : renderInboxList() }) : phase === "sent" ? /* @__PURE__ */ jsxs(View, { style: s.sentWrap, accessibilityLiveRegion: "polite", children: [
-                /* @__PURE__ */ jsx(Text, { style: [s.sentEmoji], children: "\u2705" }),
-                /* @__PURE__ */ jsx(Text, { style: [s.sentText, { color: colors.fg }, font], children: t.widget.submitted })
-              ] }) : /* @__PURE__ */ jsxs(
+              ] }) : sheetTab === "inbox" ? /* @__PURE__ */ jsx2(ScrollView, { style: s2.body, keyboardShouldPersistTaps: "handled", contentContainerStyle: { paddingBottom: 24 }, children: selectedReportId ? renderThread() : renderInboxList() }) : phase === "sent" ? /* @__PURE__ */ jsxs2(ScrollView, { style: s2.body, keyboardShouldPersistTaps: "handled", contentContainerStyle: { paddingBottom: 24 }, children: [
+                /* @__PURE__ */ jsxs2(View2, { style: s2.sentWrap, accessibilityLiveRegion: "polite", children: [
+                  /* @__PURE__ */ jsx2(Text2, { style: [s2.sentEmoji], importantForAccessibility: "no", children: "\u2705" }),
+                  /* @__PURE__ */ jsx2(Text2, { style: [s2.sentText, { color: colors.fg }, font], children: rc.ui.receipt })
+                ] }),
+                /* @__PURE__ */ jsxs2(View2, { style: s2.verifyRow, children: [
+                  /* @__PURE__ */ jsx2(
+                    TouchableOpacity2,
+                    {
+                      style: [s2.verifyBtn, { backgroundColor: colors.accent, borderRadius: radius }],
+                      onPress: () => {
+                        resetForm();
+                        setSheetTab("inbox");
+                        void loadInbox();
+                      },
+                      accessibilityRole: "button",
+                      children: /* @__PURE__ */ jsx2(Text2, { style: [s2.submitText, { color: colors.accentFg }, font], children: rc.ui.trackIt })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx2(
+                    TouchableOpacity2,
+                    {
+                      style: [s2.verifyBtn, { backgroundColor: colors.border, borderRadius: radius }],
+                      onPress: handleClose,
+                      accessibilityRole: "button",
+                      children: /* @__PURE__ */ jsx2(Text2, { style: [s2.submitText, { color: colors.fg }, font], children: rc.ui.done })
+                    }
+                  )
+                ] }),
+                emailState === "sent" ? /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.fg, marginTop: 12 }, font], accessibilityLiveRegion: "polite", children: rc.ui.emailCheckInbox }) : emailState !== "hidden" ? /* @__PURE__ */ jsxs2(View2, { style: { marginTop: 12 }, children: [
+                  /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.fg, marginBottom: 6 }, font], children: rc.ui.emailOptIn }),
+                  /* @__PURE__ */ jsxs2(View2, { style: s2.composer, children: [
+                    /* @__PURE__ */ jsx2(
+                      TextInput,
+                      {
+                        style: [
+                          s2.input,
+                          s2.composerInput,
+                          { backgroundColor: colors.surface, color: colors.fg, borderColor: colors.border, borderRadius: radius },
+                          font
+                        ],
+                        value: emailInput,
+                        onChangeText: (v) => {
+                          setEmailInput(v.slice(0, 254));
+                          if (emailState === "invalid" || emailState === "failed") setEmailState("offer");
+                        },
+                        placeholder: rc.ui.emailPlaceholder,
+                        placeholderTextColor: colors.muted,
+                        keyboardType: "email-address",
+                        autoCapitalize: "none",
+                        autoComplete: "email",
+                        textContentType: "emailAddress",
+                        editable: emailState !== "sending",
+                        accessibilityLabel: rc.ui.emailOptIn
+                      }
+                    ),
+                    /* @__PURE__ */ jsx2(
+                      TouchableOpacity2,
+                      {
+                        style: [s2.sendBtn, { backgroundColor: emailInput.trim() ? colors.accent : colors.disabled, borderRadius: radius }],
+                        onPress: () => void submitEmail(),
+                        disabled: !emailInput.trim() || emailState === "sending",
+                        accessibilityRole: "button",
+                        accessibilityState: { disabled: !emailInput.trim() || emailState === "sending", busy: emailState === "sending" },
+                        children: /* @__PURE__ */ jsx2(Text2, { style: [s2.submitText, { color: emailInput.trim() ? colors.accentFg : colors.disabledFg }, font], children: emailState === "sending" ? rc.ui.sending : rc.ui.emailSubmit })
+                      }
+                    )
+                  ] }),
+                  emailState === "invalid" || emailState === "failed" ? /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.error, marginTop: 6, fontSize: 12 }, font], accessibilityRole: "alert", children: emailState === "invalid" ? rc.ui.emailInvalid : rc.ui.emailFailed }) : null
+                ] }) : null
+              ] }) : /* @__PURE__ */ jsxs2(
                 ScrollView,
                 {
-                  style: s.body,
+                  style: s2.body,
                   keyboardShouldPersistTaps: "handled",
                   contentContainerStyle: { paddingBottom: 24 },
                   children: [
-                    /* @__PURE__ */ jsx(Text, { style: [s.stepLabel, { color: colors.muted }, font], children: t.step1.heading }),
-                    /* @__PURE__ */ jsx(View, { style: s.catRow, accessibilityRole: "radiogroup", children: CATEGORY_KEYS.map((key) => {
-                      const active = category === key;
-                      return /* @__PURE__ */ jsxs(
-                        TouchableOpacity,
-                        {
-                          onPress: () => setCategory(key),
-                          activeOpacity: 0.7,
-                          accessibilityRole: "radio",
-                          accessibilityState: { selected: active, checked: active },
-                          accessibilityLabel: t.step1.categories[key],
-                          style: [
-                            s.catBtn,
-                            {
-                              backgroundColor: active ? colors.accent : colors.surface,
-                              borderColor: active ? colors.accent : colors.border
-                            }
-                          ],
-                          children: [
-                            /* @__PURE__ */ jsx(Text, { style: s.catEmoji, importantForAccessibility: "no", children: CATEGORY_EMOJI[key] }),
-                            /* @__PURE__ */ jsx(
-                              Text,
-                              {
-                                numberOfLines: 1,
-                                style: [
-                                  s.catLabel,
-                                  { color: active ? colors.accentFg : colors.fg },
-                                  font
-                                ],
-                                children: t.step1.categories[key]
-                              }
-                            )
-                          ]
-                        },
-                        key
-                      );
-                    }) }),
-                    /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ jsx2(
                       TextInput,
                       {
                         style: [
-                          s.input,
+                          s2.input,
                           {
                             backgroundColor: colors.surface,
                             color: colors.fg,
@@ -1254,22 +1523,59 @@ var MushiBottomSheet = ({
                         maxLength: 4e3
                       }
                     ),
-                    submitError ? /* @__PURE__ */ jsx(Text, { style: [{ color: colors.error, marginTop: 6, fontSize: 12 }, font], accessibilityRole: "alert", children: submitError }) : null,
-                    activeScreenshot ? /* @__PURE__ */ jsxs(View, { style: s.screenshotRow, children: [
-                      /* @__PURE__ */ jsx(
+                    submitError ? /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.error, marginTop: 6, fontSize: 12 }, font], accessibilityRole: "alert", children: submitError }) : null,
+                    /* @__PURE__ */ jsx2(View2, { style: [s2.catRow, { marginTop: 12 }], accessibilityRole: "radiogroup", children: REPORTER_CATEGORIES.map((key) => {
+                      const active = category === key;
+                      const label = reporterCategoryLabel(key, locale);
+                      return /* @__PURE__ */ jsxs2(
+                        TouchableOpacity2,
+                        {
+                          onPress: () => setCategory(active ? null : key),
+                          activeOpacity: 0.7,
+                          accessibilityRole: "radio",
+                          accessibilityState: { selected: active, checked: active },
+                          accessibilityLabel: label,
+                          style: [
+                            s2.catBtn,
+                            {
+                              backgroundColor: active ? colors.accent : colors.surface,
+                              borderColor: active ? colors.accent : colors.border
+                            }
+                          ],
+                          children: [
+                            /* @__PURE__ */ jsx2(Text2, { style: s2.catEmoji, importantForAccessibility: "no", children: CATEGORY_EMOJI[key] }),
+                            /* @__PURE__ */ jsx2(
+                              Text2,
+                              {
+                                numberOfLines: 1,
+                                style: [
+                                  s2.catLabel,
+                                  { color: active ? colors.accentFg : colors.fg },
+                                  font
+                                ],
+                                children: label
+                              }
+                            )
+                          ]
+                        },
+                        key
+                      );
+                    }) }),
+                    activeScreenshot ? /* @__PURE__ */ jsxs2(View2, { style: s2.screenshotRow, children: [
+                      /* @__PURE__ */ jsx2(
                         Image,
                         {
                           source: { uri: activeScreenshot },
-                          style: [s.screenshotThumb, { backgroundColor: colors.fg }],
+                          style: [s2.screenshotThumb, { backgroundColor: colors.fg }],
                           accessibilityLabel: t.step3.screenshotPreviewAlt
                         }
                       ),
-                      /* @__PURE__ */ jsxs(View, { style: s.screenshotMeta, children: [
-                        /* @__PURE__ */ jsx(Text, { style: [s.screenshotLabel, { color: colors.fg }, font], children: t.step3.screenshotAttached.replace(" \u2713", "") }),
-                        /* @__PURE__ */ jsx(Text, { style: [s.screenshotSub, { color: colors.muted }, font], children: screenshotSensitiveHint && screenshotSensitiveHint.trim() ? `\u26A0 ${screenshotSensitiveHint}` : t.step3.screenshotSensitiveHint.split("\u2014")[0]?.trim() ?? t.step3.screenshotSensitiveHint })
+                      /* @__PURE__ */ jsxs2(View2, { style: s2.screenshotMeta, children: [
+                        /* @__PURE__ */ jsx2(Text2, { style: [s2.screenshotLabel, { color: colors.fg }, font], children: t.step3.screenshotAttached.replace(" \u2713", "") }),
+                        /* @__PURE__ */ jsx2(Text2, { style: [s2.screenshotSub, { color: colors.muted }, font], children: screenshotSensitiveHint && screenshotSensitiveHint.trim() ? `\u26A0 ${screenshotSensitiveHint}` : t.step3.screenshotSensitiveHint.split("\u2014")[0]?.trim() ?? t.step3.screenshotSensitiveHint })
                       ] }),
-                      /* @__PURE__ */ jsx(
-                        TouchableOpacity,
+                      /* @__PURE__ */ jsx2(
+                        TouchableOpacity2,
                         {
                           onPress: () => {
                             setScreenshotAttached(false);
@@ -1278,13 +1584,13 @@ var MushiBottomSheet = ({
                           hitSlop: { top: 8, bottom: 8, left: 8, right: 8 },
                           accessibilityRole: "button",
                           accessibilityLabel: t.widget.close,
-                          children: /* @__PURE__ */ jsx(Text, { style: [s.screenshotRemove, { color: colors.muted }], children: "\u2715" })
+                          children: /* @__PURE__ */ jsx2(Text2, { style: [s2.screenshotRemove, { color: colors.muted }], children: "\u2715" })
                         }
                       )
                     ] }) : null,
-                    submitHint ? /* @__PURE__ */ jsx(Text, { style: [{ color: colors.muted, fontSize: 12, marginBottom: 6 }, font], children: submitHint }) : null,
-                    /* @__PURE__ */ jsx(
-                      TouchableOpacity,
+                    submitHint ? /* @__PURE__ */ jsx2(Text2, { style: [{ color: colors.muted, fontSize: 12, marginBottom: 6 }, font], children: submitHint }) : null,
+                    /* @__PURE__ */ jsx2(
+                      TouchableOpacity2,
                       {
                         onPress: handleSubmit,
                         disabled: !canSubmit,
@@ -1294,10 +1600,10 @@ var MushiBottomSheet = ({
                         accessibilityHint: submitHint,
                         accessibilityState: { disabled: !canSubmit, busy: phase === "sending" },
                         style: [
-                          s.submitBtn,
+                          s2.submitBtn,
                           { backgroundColor: canSubmit ? colors.accent : colors.disabled, borderRadius: radius }
                         ],
-                        children: /* @__PURE__ */ jsx(Text, { style: [s.submitText, { color: canSubmit ? colors.accentFg : colors.disabledFg }, font], children: phase === "sending" ? t.widget.submitting : t.widget.submit })
+                        children: /* @__PURE__ */ jsx2(Text2, { style: [s2.submitText, { color: canSubmit ? colors.accentFg : colors.disabledFg }, font], children: phase === "sending" ? t.widget.submitting : t.widget.submit })
                       }
                     )
                   ]
@@ -1310,7 +1616,7 @@ var MushiBottomSheet = ({
     }
   ) });
 };
-var s = StyleSheet.create({
+var s2 = StyleSheet2.create({
   flex: { flex: 1 },
   backdrop: {
     // Inlined StyleSheet.absoluteFillObject — RN 0.86 dropped it from the
@@ -1330,7 +1636,7 @@ var s = StyleSheet.create({
     borderTopLeftRadius: MUSHI_RADIUS2.sheet,
     borderTopRightRadius: MUSHI_RADIUS2.sheet,
     paddingBottom: Platform2.OS === "ios" ? 34 : MUSHI_SPACING.roomy,
-    shadowColor: MUSHI_SHADOW_INK,
+    shadowColor: MUSHI_SHADOW_INK2,
     shadowOffset: { width: 0, height: -3 },
     shadowOpacity: 0.12,
     shadowRadius: 8,
@@ -1454,7 +1760,7 @@ var s = StyleSheet.create({
   },
   tabRow: {
     flexDirection: "row",
-    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomWidth: StyleSheet2.hairlineWidth,
     marginBottom: 8
   },
   tabBtn: {
@@ -1472,10 +1778,10 @@ var s = StyleSheet.create({
   inboxRow: {
     paddingVertical: 12,
     minHeight: 56,
-    borderBottomWidth: StyleSheet.hairlineWidth
+    borderBottomWidth: StyleSheet2.hairlineWidth
   },
   headerCard: {
-    borderWidth: StyleSheet.hairlineWidth,
+    borderWidth: StyleSheet2.hairlineWidth,
     padding: 12,
     marginBottom: 12
   },
@@ -1565,17 +1871,17 @@ var s = StyleSheet.create({
 });
 
 // src/components/MushiFloatingButton.tsx
-import { useRef as useRef2, useCallback as useCallback2, useEffect as useEffect2 } from "react";
+import { useRef as useRef2, useCallback as useCallback2, useEffect as useEffect3 } from "react";
 import {
   Animated as Animated2,
   PanResponder as PanResponder2,
-  StyleSheet as StyleSheet2,
+  StyleSheet as StyleSheet3,
   Platform as Platform3,
   Dimensions as Dimensions3,
-  useColorScheme as useColorScheme2
+  useColorScheme as useColorScheme3
 } from "react-native";
 import { mushiPalette as mushiPalette2, MUSHI_COPY as MUSHI_COPY2, MUSHI_GEOMETRY } from "@mushi-mushi/core";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var FAB_SIZE = MUSHI_GEOMETRY.fabSize;
 var EDGE_PADDING = 12;
 function getScreenBounds() {
@@ -1610,7 +1916,7 @@ var MushiFloatingButton = ({
   config,
   accent
 }) => {
-  const scheme = useColorScheme2();
+  const scheme = useColorScheme3();
   const dark = scheme === "dark";
   const draggable = config?.draggable ?? false;
   const snapToEdge = config?.snapToEdge ?? true;
@@ -1628,7 +1934,7 @@ var MushiFloatingButton = ({
   const isDragging = useRef2(false);
   const pal = mushiPalette2(dark ? "dark" : "light");
   const accentColor = accent ?? pal.accent;
-  useEffect2(() => {
+  useEffect3(() => {
     if (!persist) return;
     void loadStoredPos().then((pos) => {
       if (!pos) return;
@@ -1720,12 +2026,12 @@ var MushiFloatingButton = ({
     }).start();
     if (!isDragging.current) onPress();
   }, [scale, onPress]);
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     Animated2.View,
     {
       ...draggable ? panResponder.panHandlers : {},
       style: [
-        s2.fab,
+        s3.fab,
         {
           left: posX,
           bottom: Animated2.add(new Animated2.Value(baseBottom), Animated2.multiply(posY, -1)),
@@ -1737,11 +2043,11 @@ var MushiFloatingButton = ({
       onStartShouldSetResponder: () => !draggable,
       onResponderGrant: handlePressIn,
       onResponderRelease: handlePressOut,
-      children: /* @__PURE__ */ jsx2(Animated2.Text, { style: s2.emoji, children: MUSHI_COPY2.triggerText })
+      children: /* @__PURE__ */ jsx3(Animated2.Text, { style: s3.emoji, children: MUSHI_COPY2.triggerText })
     }
   );
 };
-var s2 = StyleSheet2.create({
+var s3 = StyleSheet3.create({
   fab: {
     position: "absolute",
     width: FAB_SIZE,
@@ -1763,14 +2069,14 @@ var s2 = StyleSheet2.create({
 // src/components/MushiBanner.tsx
 import { useCallback as useCallback3 } from "react";
 import {
-  View as View2,
-  Text as Text2,
-  TouchableOpacity as TouchableOpacity2,
-  StyleSheet as StyleSheet3,
+  View as View3,
+  Text as Text3,
+  TouchableOpacity as TouchableOpacity3,
+  StyleSheet as StyleSheet4,
   Platform as Platform4
 } from "react-native";
 import { MUSHI_BANNER_NEON, MUSHI_COPY as MUSHI_COPY3, MUSHI_GEOMETRY as MUSHI_GEOMETRY2, MUSHI_SPACING as MUSHI_SPACING2, MUSHI_TYPE as MUSHI_TYPE2, MUSHI_Z } from "@mushi-mushi/core";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var MUSHI_BANNER_DEFAULT_HEIGHT = MUSHI_GEOMETRY2.bannerHeight;
 var MushiBanner = ({
   onPress,
@@ -1785,35 +2091,35 @@ var MushiBanner = ({
     },
     [onLayoutHeight]
   );
-  return /* @__PURE__ */ jsxs2(
-    View2,
+  return /* @__PURE__ */ jsxs3(
+    View3,
     {
-      style: s3.wrap,
+      style: s4.wrap,
       onLayout: handleLayout,
       accessibilityRole: "header",
       accessibilityLabel: "Mushi feedback banner",
       children: [
-        /* @__PURE__ */ jsxs2(TouchableOpacity2, { style: s3.main, onPress, activeOpacity: 0.85, children: [
-          /* @__PURE__ */ jsx3(Text2, { style: s3.eyebrow, children: label.toUpperCase() }),
-          /* @__PURE__ */ jsx3(Text2, { style: s3.message, numberOfLines: 2, children: message }),
-          /* @__PURE__ */ jsx3(Text2, { style: s3.cta, children: MUSHI_COPY3.bugCta })
+        /* @__PURE__ */ jsxs3(TouchableOpacity3, { style: s4.main, onPress, activeOpacity: 0.85, children: [
+          /* @__PURE__ */ jsx4(Text3, { style: s4.eyebrow, children: label.toUpperCase() }),
+          /* @__PURE__ */ jsx4(Text3, { style: s4.message, numberOfLines: 2, children: message }),
+          /* @__PURE__ */ jsx4(Text3, { style: s4.cta, children: MUSHI_COPY3.bugCta })
         ] }),
-        onDismiss ? /* @__PURE__ */ jsx3(
-          TouchableOpacity2,
+        onDismiss ? /* @__PURE__ */ jsx4(
+          TouchableOpacity3,
           {
-            style: s3.dismiss,
+            style: s4.dismiss,
             onPress: onDismiss,
             accessibilityRole: "button",
             accessibilityLabel: "Dismiss banner",
             hitSlop: { top: 8, bottom: 8, left: 8, right: 8 },
-            children: /* @__PURE__ */ jsx3(Text2, { style: s3.dismissText, children: "\xD7" })
+            children: /* @__PURE__ */ jsx4(Text3, { style: s4.dismissText, children: "\xD7" })
           }
         ) : null
       ]
     }
   );
 };
-var s3 = StyleSheet3.create({
+var s4 = StyleSheet4.create({
   wrap: {
     position: "absolute",
     left: 0,
@@ -2193,10 +2499,10 @@ function createRNSessionTracker(opts) {
 
 // src/version.ts
 var MUSHI_SDK_PACKAGE = "@mushi-mushi/react-native";
-var MUSHI_SDK_VERSION = "0.23.0" ? "0.23.0" : "0.17.0";
+var MUSHI_SDK_VERSION = "0.24.1" ? "0.24.1" : "0.17.0";
 
 // src/provider.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var MushiContext = createContext(null);
 function nativeUserAgent() {
   const os = Platform5?.OS ?? "native";
@@ -2273,7 +2579,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
     console.warn("[MushiProvider] `endpoint` is deprecated \u2014 use `apiEndpoint` instead.");
   }
   const apiEndpoint = rawEndpoint ?? DEFAULT_API_ENDPOINT;
-  useEffect3(() => {
+  useEffect4(() => {
     if (config.capture?.console !== false) {
       consoleRef.current = setupConsoleCapture(config.capture?.maxConsoleEntries);
     }
@@ -2335,11 +2641,10 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       networkRef.current?.restore();
     };
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     let unsubscribe;
     try {
-      const NetInfo = __require("@react-native-community/netinfo").default;
-      unsubscribe = NetInfo.addEventListener((state) => {
+      unsubscribe = resolveNetInfo(config.netInfo)?.addEventListener((state) => {
         if (state.isConnected && state.isInternetReachable) {
           queueRef.current?.flush().catch(() => {
           });
@@ -2348,7 +2653,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
     } catch {
     }
     return () => unsubscribe?.();
-  }, []);
+  }, [config.netInfo]);
   const open = useCallback4(() => {
     setSheetPreferredTab("report");
     breadcrumbsRef.current.add({
@@ -2362,11 +2667,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       setSheetVisible(true);
       return;
     }
-    let vshot = null;
-    try {
-      vshot = __require("react-native-view-shot");
-    } catch {
-    }
+    const vshot = resolveViewShot(config.viewShot);
     if (!vshot) {
       setSheetScreenshot(null);
       setSheetVisible(true);
@@ -2379,7 +2680,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
     }).finally(() => {
       setSheetVisible(true);
     });
-  }, [config.capture?.screenshot]);
+  }, [config.capture?.screenshot, config.viewShot]);
   const openAssistant = useCallback4(() => {
     if (!config.assistant?.enabled) return;
     setSheetPreferredTab("assistant");
@@ -2388,7 +2689,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
   }, [config.assistant?.enabled]);
   const close = useCallback4(() => setSheetVisible(false), []);
   const attachTo = useCallback4(() => ({ onPress: open }), [open]);
-  useEffect3(() => {
+  useEffect4(() => {
     const trigger2 = config.widget?.trigger ?? "button";
     if (trigger2 !== "shake" && trigger2 !== "both") return;
     let disposed = false;
@@ -2396,8 +2697,8 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
     let lastShake = 0;
     const threshold = config.widget?.shakeThreshold ?? 2.7;
     try {
-      const mod = __require("expo-sensors");
-      if (!disposed) {
+      const mod = resolveExpoSensors(config.expoSensors);
+      if (mod && !disposed) {
         mod.Accelerometer.setUpdateInterval(120);
         const sub = mod.Accelerometer.addListener((evt) => {
           const g = Math.sqrt(evt.x * evt.x + evt.y * evt.y + evt.z * evt.z);
@@ -2415,7 +2716,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       disposed = true;
       cleanup?.();
     };
-  }, [config.widget?.trigger, config.widget?.shakeThreshold, open]);
+  }, [config.widget?.trigger, config.widget?.shakeThreshold, config.expoSensors, open]);
   const submitReport = useCallback4(
     async (data) => {
       await reporterTokenReadyRef.current;
@@ -2456,6 +2757,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         id: newUuid2(),
         projectId: config.projectId,
         category: data.category,
+        ...data.userCategory ? { userCategory: data.userCategory } : {},
         description: scrubPii3(data.description),
         environment: {
           userAgent: deviceInfo.systemName ?? "ReactNative",
@@ -2515,6 +2817,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         };
       } else {
         config.callbacks?.onReportSubmitted?.(report.id);
+        void writeReporterFlag(config.projectId, "has_reports", "1");
         return { ok: true };
       }
     },
@@ -2525,7 +2828,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
   const screenRef = useRef3(null);
   const activityQueueRef = useRef3([]);
   const rewardsFlushRef = useRef3(null);
-  useEffect3(() => {
+  useEffect4(() => {
     const rewards = config.rewards;
     if (!rewards?.enabled || !rewards.trackActivity) return;
     const flushMs = Math.max(3e4, rewards.flushIntervalMs ?? 3e5);
@@ -2547,7 +2850,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
   }, [config.rewards?.enabled, config.rewards?.trackActivity, config.rewards?.flushIntervalMs]);
   const eventTrackerRef = useRef3(null);
   const sessionTrackerRef = useRef3(null);
-  useEffect3(() => {
+  useEffect4(() => {
     const getRoute = () => screenRef.current?.route ?? screenRef.current?.name ?? null;
     const tracker = createRNEventTracker({
       projectId: config.projectId,
@@ -2602,6 +2905,70 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
     config.analytics?.flushIntervalMs,
     config.trackSessions
   ]);
+  const reporterUpdatesRef = useRef3(
+    createReporterUpdateHub(async () => {
+      const client = apiClientRef.current;
+      if (!client) return null;
+      await reporterTokenReadyRef.current;
+      const res = await reporterChannels2(client).getUpdates(reporterTokenRef.current);
+      return res.ok ? res.data ?? null : null;
+    })
+  );
+  useEffect4(() => {
+    let sub;
+    try {
+      if (typeof AppState?.addEventListener === "function") {
+        sub = AppState.addEventListener("change", (state) => {
+          if (state === "active" && reporterUpdatesRef.current.listenerCount() > 0) void reporterUpdatesRef.current.emit();
+        });
+      }
+    } catch {
+    }
+    return () => sub?.remove();
+  }, []);
+  const [toast, setToast] = useState2(null);
+  const toastShownRef = useRef3(false);
+  const toastEnabled = config.notifications?.toast !== false;
+  const maybeShowToast = useCallback4(async () => {
+    if (!toastEnabled || toastShownRef.current) return;
+    if (await readReporterFlag(config.projectId, "has_reports") !== "1") return;
+    const updates = await reporterUpdatesRef.current.emit();
+    if (!updates) return;
+    const now = Date.now();
+    const show = reporterShouldShowToast({
+      enabled: toastEnabled,
+      unreadTotal: updates.unread_total,
+      shownThisSession: toastShownRef.current,
+      lastShownAt: Number(await readReporterFlag(config.projectId, "toast_shown_at")) || null,
+      now
+    });
+    if (!show) return;
+    toastShownRef.current = true;
+    void writeReporterFlag(config.projectId, "toast_shown_at", String(now));
+    const locale = resolveReporterLocale3(
+      typeof navigator !== "undefined" ? navigator.language : void 0
+    );
+    setToast({ message: reporterToastMessage(updates, locale), reportId: updates.latest[0]?.report_id ?? null });
+  }, [toastEnabled, config.projectId]);
+  useEffect4(() => {
+    void reporterTokenReadyRef.current.then(() => maybeShowToast());
+    let sub;
+    try {
+      if (typeof AppState?.addEventListener === "function") {
+        sub = AppState.addEventListener("change", (state) => {
+          if (state === "active") void maybeShowToast();
+        });
+      }
+    } catch {
+    }
+    return () => sub?.remove();
+  }, [maybeShowToast]);
+  const openMyReports = useCallback4(() => {
+    setToast(null);
+    setSheetScreenshot(null);
+    setSheetPreferredTab("inbox");
+    setSheetVisible(true);
+  }, []);
   const instance = useMemo(
     () => ({
       open,
@@ -2705,6 +3072,37 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         await reporterTokenReadyRef.current;
         return markReporterReportRead(client, reporterTokenRef.current, reportId);
       },
+      getReporterUpdates: () => reporterUpdatesRef.current.emit(),
+      async loadMyReportDetail(reportId) {
+        const client = apiClientRef.current;
+        if (!client) return null;
+        try {
+          await reporterTokenReadyRef.current;
+          const res = await reporterChannels2(client).getReport(reportId, reporterTokenRef.current);
+          if (res.ok) return res.data ?? null;
+          return res.error?.status === 404 && res.error.code !== "NOT_FOUND" ? "unsupported" : null;
+        } catch {
+          return null;
+        }
+      },
+      emailPrefill() {
+        return config.notifications?.emailFromIdentity ? userRef.current?.email ?? null : null;
+      },
+      openMyReports,
+      onReporterUpdate: (cb) => reporterUpdatesRef.current.subscribe(cb),
+      async getNotificationPrefs() {
+        const client = apiClientRef.current;
+        if (!client) return null;
+        await reporterTokenReadyRef.current;
+        const res = await reporterChannels2(client).getPrefs(reporterTokenRef.current);
+        return res.ok ? res.data ?? null : null;
+      },
+      async setNotificationPrefs(update) {
+        const client = apiClientRef.current;
+        if (!client) return { ok: false, error: { code: "NOT_INITIALIZED", message: "Mushi is not ready yet" } };
+        await reporterTokenReadyRef.current;
+        return reporterChannels2(client).setPrefs(reporterTokenRef.current, update);
+      },
       async replyToReport(reportId, body) {
         const client = apiClientRef.current;
         if (!client) return null;
@@ -2775,14 +3173,14 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         return res.ok ? res.data : null;
       }
     }),
-    [open, close, attachTo, submitReport, openAssistant, config.rewards?.enabled, config.assistant?.enabled]
+    [open, close, attachTo, submitReport, openAssistant, openMyReports, config.rewards?.enabled, config.assistant?.enabled, config.notifications?.emailFromIdentity]
   );
   const trigger = config.widget?.trigger ?? "button";
   const showBanner = trigger === "banner" && !bannerDismissed;
   const showFab = !showBanner && (trigger === "button" || trigger === "both" || trigger === "auto" || trigger === "edge-tab");
-  return /* @__PURE__ */ jsxs3(MushiContext.Provider, { value: instance, children: [
+  return /* @__PURE__ */ jsxs4(MushiContext.Provider, { value: instance, children: [
     children,
-    showBanner ? /* @__PURE__ */ jsx4(
+    showBanner ? /* @__PURE__ */ jsx5(
       MushiBanner,
       {
         onPress: open,
@@ -2791,7 +3189,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         label: config.widget?.banner?.label
       }
     ) : null,
-    showFab && /* @__PURE__ */ jsx4(
+    showFab && /* @__PURE__ */ jsx5(
       MushiFloatingButton,
       {
         onPress: open,
@@ -2799,7 +3197,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         inset: config.widget?.inset
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       MushiBottomSheet,
       {
         visible: sheetVisible,
@@ -2813,9 +3211,20 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         assistantGreeting: config.assistant?.greeting,
         assistantSuggestions: config.assistant?.suggestions,
         inboxPollIntervalMs: config.widget?.inboxPollIntervalMs ?? 0,
+        theme: config.widget?.theme,
+        minDescriptionLength: config.widget?.minDescriptionLength,
+        emailOptIn: config.notifications?.email !== false
+      }
+    ),
+    toast ? /* @__PURE__ */ jsx5(
+      MushiUpdateToast,
+      {
+        message: toast.message,
+        onView: openMyReports,
+        onDismiss: () => setToast(null),
         theme: config.widget?.theme
       }
-    )
+    ) : null
   ] });
 }
 function useMushiContext() {
@@ -2866,10 +3275,10 @@ function MushiTrigger({ children }) {
 }
 
 // src/capture/navigation-capture.ts
-import { useEffect as useEffect4, useRef as useRef4 } from "react";
+import { useEffect as useEffect5, useRef as useRef4 } from "react";
 function useNavigationCapture(navigationRef) {
   const historyRef = useRef4([]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!navigationRef?.addListener || !navigationRef?.getCurrentRoute) return;
     const unsubscribe = navigationRef.addListener("state", () => {
       const route = navigationRef.getCurrentRoute?.();