@mushi-mushi/react-native 0.22.0 → 0.24.0

package/dist/index.cjs

@@ -48,12 +48,184 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/provider.tsx
-var import_react4 = require("react");
-var import_react_native5 = require("react-native");
-var import_core8 = require("@mushi-mushi/core");
+var import_react5 = require("react");
+var import_react_native6 = require("react-native");
+var import_core10 = require("@mushi-mushi/core");
+var import_reporter_channels2 = require("@mushi-mushi/core/reporter-channels");
+var import_reporter_ui3 = require("@mushi-mushi/core/reporter-ui");
 
-// src/capture/console-capture.ts
+// 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
+var import_react = require("react");
+var import_react_native = require("react-native");
+var import_core2 = require("@mushi-mushi/core");
+var import_reporter_ui = require("@mushi-mushi/core/reporter-ui");
+
+// src/theme.ts
 var import_core = require("@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 = (0, import_core.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: import_core.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 ? import_core.MUSHI_CONTROL_DISABLED.dark : import_core.MUSHI_CONTROL_DISABLED.light,
+    disabledFg: pal.inkFaint
+  };
+}
+
+// src/components/MushiUpdateToast.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var AUTO_HIDE_MS = 8e3;
+var MushiUpdateToast = ({ message, onView, onDismiss, theme }) => {
+  const colors = resolveRNTheme((0, import_react_native.useColorScheme)() === "dark", theme);
+  const copy = (0, import_reporter_ui.reporterCopy)(
+    (0, import_reporter_ui.resolveReporterLocale)(typeof navigator !== "undefined" ? navigator.language : void 0)
+  ).ui;
+  const font = colors.fontFamily ? { fontFamily: colors.fontFamily } : null;
+  (0, import_react.useEffect)(() => {
+    const timer = setTimeout(onDismiss, AUTO_HIDE_MS);
+    return () => clearTimeout(timer);
+  }, [onDismiss]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_react_native.View,
+    {
+      style: [s.toast, { backgroundColor: colors.bg, borderColor: colors.border, borderRadius: colors.radius }],
+      accessibilityLiveRegion: "polite",
+      accessibilityRole: "alert",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: [s.text, { color: colors.fg }, font], numberOfLines: 2, children: message }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_native.TouchableOpacity,
+          {
+            onPress: onView,
+            accessibilityRole: "button",
+            style: [s.btn, { backgroundColor: colors.accent, borderRadius: colors.radius }],
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: [{ color: colors.accentFg, fontWeight: "600" }, font], children: copy.view })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_native.TouchableOpacity,
+          {
+            onPress: onDismiss,
+            accessibilityRole: "button",
+            accessibilityLabel: copy.done,
+            hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { style: [{ color: colors.muted, fontSize: 18 }, font], children: "\xD7" })
+          }
+        )
+      ]
+    }
+  );
+};
+var s = import_react_native.StyleSheet.create({
+  toast: {
+    position: "absolute",
+    left: 16,
+    right: 16,
+    bottom: 32,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    paddingVertical: 10,
+    paddingHorizontal: 14,
+    borderWidth: import_react_native.StyleSheet.hairlineWidth,
+    shadowColor: import_core2.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
+var import_core3 = require("@mushi-mushi/core");
 function setupConsoleCapture(maxEntries = 100) {
   const entries = [];
   const methods = ["log", "warn", "error"];
@@ -64,7 +236,7 @@ function setupConsoleCapture(maxEntries = 100) {
     console[method] = (...args) => {
       entries.push({
         level: method,
-        message: (0, import_core.scrubPii)(args.map(String).join(" ").slice(0, 500)),
+        message: (0, import_core3.scrubPii)(args.map(String).join(" ").slice(0, 500)),
         timestamp: Date.now()
       });
       if (entries.length > maxEntries) entries.shift();
@@ -140,28 +312,28 @@ function stripQueryParams(url) {
 }
 
 // src/capture/device-info.ts
-var import_react_native = require("react-native");
+var import_react_native2 = require("react-native");
 function getDeviceInfo() {
-  const { width, height } = import_react_native.Dimensions.get("window");
+  const { width, height } = import_react_native2.Dimensions.get("window");
   const locale = (
     // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    import_react_native.NativeModules.SettingsManager?.settings?.AppleLocale ?? // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    import_react_native.NativeModules.I18nManager?.localeIdentifier ?? "en"
+    import_react_native2.NativeModules.SettingsManager?.settings?.AppleLocale ?? // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    import_react_native2.NativeModules.I18nManager?.localeIdentifier ?? "en"
   );
   let timezone = "UTC";
   try {
     timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
   } catch {
   }
-  const appVersion = import_react_native.NativeModules.RNDeviceInfo?.appVersion ?? import_react_native.NativeModules.RNBuildConfig?.VERSION_NAME ?? String(import_react_native.Platform.Version);
+  const appVersion = import_react_native2.NativeModules.RNDeviceInfo?.appVersion ?? import_react_native2.NativeModules.RNBuildConfig?.VERSION_NAME ?? String(import_react_native2.Platform.Version);
   return {
-    platform: import_react_native.Platform.OS,
-    osVersion: import_react_native.Platform.Version,
+    platform: import_react_native2.Platform.OS,
+    osVersion: import_react_native2.Platform.Version,
     screenWidth: width,
     screenHeight: height,
-    pixelRatio: import_react_native.PixelRatio.get(),
-    fontScale: import_react_native.PixelRatio.getFontScale(),
-    systemName: import_react_native.Platform.OS,
+    pixelRatio: import_react_native2.PixelRatio.get(),
+    fontScale: import_react_native2.PixelRatio.getFontScale(),
+    systemName: import_react_native2.Platform.OS,
     locale,
     timezone,
     appVersion
@@ -193,7 +365,7 @@ function getDeviceFingerprintHash(device) {
 }
 
 // src/storage/async-storage-queue.ts
-var import_core2 = require("@mushi-mushi/core");
+var import_core4 = require("@mushi-mushi/core");
 
 // src/storage/secure-storage.ts
 var REPORTER_TOKEN_KEY = "@mushi:reporter_token";
@@ -393,19 +565,19 @@ var AsyncStorageQueue = class {
   scrubReportPii(report) {
     const next = { ...report };
     if (typeof next.description === "string") {
-      next.description = (0, import_core2.scrubPii)(next.description);
+      next.description = (0, import_core4.scrubPii)(next.description);
     }
     if (typeof next.summary === "string") {
-      next.summary = (0, import_core2.scrubPii)(next.summary);
+      next.summary = (0, import_core4.scrubPii)(next.summary);
     }
     if (Array.isArray(next.breadcrumbs)) {
       next.breadcrumbs = next.breadcrumbs.map(
-        (b) => typeof b?.message === "string" ? { ...b, message: (0, import_core2.scrubPii)(b.message) } : b
+        (b) => typeof b?.message === "string" ? { ...b, message: (0, import_core4.scrubPii)(b.message) } : b
       );
     }
     if (Array.isArray(next.consoleLogs)) {
       next.consoleLogs = next.consoleLogs.map(
-        (entry) => typeof entry?.message === "string" ? { ...entry, message: (0, import_core2.scrubPii)(entry.message) } : entry
+        (entry) => typeof entry?.message === "string" ? { ...entry, message: (0, import_core4.scrubPii)(entry.message) } : entry
       );
     }
     return next;
@@ -447,7 +619,7 @@ async function sendWithRetry(item, ctx, attempt = 0) {
   try {
     const res = await fetch(`${ctx.apiEndpoint}/v1/reports`, {
       method: "POST",
-      headers: (0, import_core2.buildSdkIngestHeaders)({
+      headers: (0, import_core4.buildSdkIngestHeaders)({
         apiKey: ctx.apiKey,
         projectId: ctx.projectId,
         sdkPackage: ctx.sdkPackage,
@@ -456,7 +628,7 @@ async function sendWithRetry(item, ctx, attempt = 0) {
         internalKind
       }),
       body: JSON.stringify(item.report),
-      [import_core2.MUSHI_INTERNAL_INIT_MARKER]: internalKind
+      [import_core4.MUSHI_INTERNAL_INIT_MARKER]: internalKind
     });
     if ((res.status === 429 || res.status >= 500) && attempt < 3) {
       await sleep(delay);
@@ -476,51 +648,111 @@ function sleep(ms) {
 }
 
 // src/components/MushiBottomSheet.tsx
-var import_react = require("react");
-var import_react_native2 = require("react-native");
-var import_core3 = require("@mushi-mushi/core");
+var import_react2 = require("react");
+var import_react_native3 = require("react-native");
+var import_core5 = require("@mushi-mushi/core");
+var import_reporter_ui2 = require("@mushi-mushi/core/reporter-ui");
 var import_i18n = require("@mushi-mushi/web/i18n");
 
-// src/reporter-status.ts
-function reporterStatusShort(status) {
-  switch (status) {
-    case "new":
-    case "queued":
-    case "pending":
-    case "submitted":
-      return "Received";
-    case "classified":
-    case "triaged":
-    case "grouped":
-    case "dispatched":
-      return "In review";
-    case "fixing":
-      return "Fixing";
-    case "fixed":
-    case "resolved":
-    case "completed":
-      return "Fixed";
-    case "dismissed":
-      return "Closed";
-    default:
-      return status.replace(/_/g, " ").slice(0, 16);
+// src/reporter-thread.ts
+var import_reporter_channels = require("@mushi-mushi/core/reporter-channels");
+var THREAD_LOAD_TIMEOUT_MS = 12e3;
+function settleWithin(p, ms) {
+  return new Promise((resolve) => {
+    const timer = setTimeout(() => resolve(null), ms);
+    p.then(
+      (value) => {
+        clearTimeout(timer);
+        resolve(value);
+      },
+      () => {
+        clearTimeout(timer);
+        resolve(null);
+      }
+    );
+  });
+}
+function loadReporterThread(load, reportId, timeoutMs = THREAD_LOAD_TIMEOUT_MS) {
+  let started;
+  try {
+    started = load(reportId);
+  } catch {
+    return Promise.resolve(null);
+  }
+  return settleWithin(started, timeoutMs);
+}
+async function markReporterReportRead(client, reporterToken, reportId) {
+  try {
+    const v2 = await (0, import_reporter_channels.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 ?? [];
+    const ids = rows.filter((n) => !n.read_at && n.payload?.reportId === reportId).map((n) => String(n.id));
+    let marked = 0;
+    for (const id of ids) {
+      const r = await client.markNotificationRead(id, reporterToken);
+      if (r.ok) marked++;
+    }
+    return marked;
+  } catch {
+    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
-var import_jsx_runtime = require("react/jsx-runtime");
-var { height: SCREEN_HEIGHT } = import_react_native2.Dimensions.get("window");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var { height: SCREEN_HEIGHT } = import_react_native3.Dimensions.get("window");
 var SHEET_HEIGHT = SCREEN_HEIGHT * 0.55;
 var DISMISS_THRESHOLD = 80;
-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}"
 };
-var VERIFIABLE_STATUSES = /* @__PURE__ */ new Set(["fixed", "resolved", "verified"]);
+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,
@@ -529,77 +761,176 @@ var MushiBottomSheet = ({
   onClearScreenshot,
   screenshotSensitiveHint,
   assistantEnabled = false,
-  assistantLabel = import_core3.MUSHI_COPY.assistantTab,
+  assistantLabel = import_core5.MUSHI_COPY.assistantTab,
   assistantGreeting,
   assistantSuggestions = [],
-  inboxPollIntervalMs = 0
+  inboxPollIntervalMs = 0,
+  theme,
+  minDescriptionLength,
+  emailOptIn = true
 }) => {
   const mushi = useMushiContext();
   const t = (0, import_i18n.getLocale)();
+  const locale = (0, import_reporter_ui2.resolveReporterLocale)(
+    typeof navigator !== "undefined" ? navigator.language : void 0
+  );
+  const rc = (0, import_reporter_ui2.reporterCopy)(locale);
   const greeting = assistantGreeting ?? t.assistant.defaultGreeting;
-  const scheme = (0, import_react_native2.useColorScheme)();
+  const scheme = (0, import_react_native3.useColorScheme)();
   const dark = scheme === "dark";
-  const translateY = (0, import_react.useRef)(new import_react_native2.Animated.Value(SHEET_HEIGHT)).current;
-  const backdropOpacity = (0, import_react.useRef)(new import_react_native2.Animated.Value(0)).current;
-  const [category, setCategory] = (0, import_react.useState)(null);
-  const [description, setDescription] = (0, import_react.useState)("");
-  const [phase, setPhase] = (0, import_react.useState)("form");
-  const [submitError, setSubmitError] = (0, import_react.useState)(null);
-  const [sheetTab, setSheetTab] = (0, import_react.useState)("report");
-  const [inboxReports, setInboxReports] = (0, import_react.useState)([]);
-  const [inboxLoading, setInboxLoading] = (0, import_react.useState)(false);
-  const [selectedReportId, setSelectedReportId] = (0, import_react.useState)(null);
-  const [threadComments, setThreadComments] = (0, import_react.useState)([]);
-  const [replyText, setReplyText] = (0, import_react.useState)("");
-  const [assistantInput, setAssistantInput] = (0, import_react.useState)("");
-  const [assistantThreadId, setAssistantThreadId] = (0, import_react.useState)(null);
-  const [assistantSending, setAssistantSending] = (0, import_react.useState)(false);
-  const [assistantError, setAssistantError] = (0, import_react.useState)(null);
-  const [assistantTurns, setAssistantTurns] = (0, import_react.useState)([]);
-  const [screenshotAttached, setScreenshotAttached] = (0, import_react.useState)(true);
-  const loadInbox = (0, import_react.useCallback)(async () => {
-    if (!mushi?.listMyReports) return;
-    setInboxLoading(true);
-    try {
-      const rows = await mushi.listMyReports();
-      setInboxReports(rows);
-    } finally {
-      setInboxLoading(false);
-    }
-  }, [mushi]);
-  (0, import_react.useEffect)(() => {
+  const translateY = (0, import_react2.useRef)(new import_react_native3.Animated.Value(SHEET_HEIGHT)).current;
+  const backdropOpacity = (0, import_react2.useRef)(new import_react_native3.Animated.Value(0)).current;
+  const [category, setCategory] = (0, import_react2.useState)(null);
+  const [description, setDescription] = (0, import_react2.useState)("");
+  const [phase, setPhase] = (0, import_react2.useState)("form");
+  const [submitError, setSubmitError] = (0, import_react2.useState)(null);
+  const [sheetTab, setSheetTab] = (0, import_react2.useState)("report");
+  const [inboxReports, setInboxReports] = (0, import_react2.useState)([]);
+  const [inboxLoaded, setInboxLoaded] = (0, import_react2.useState)(false);
+  const [inboxLoading, setInboxLoading] = (0, import_react2.useState)(false);
+  const [selectedReportId, setSelectedReportId] = (0, import_react2.useState)(null);
+  const selectedRef = (0, import_react2.useRef)(null);
+  const [threadItems, setThreadItems] = (0, import_react2.useState)([]);
+  const [threadStatus, setThreadStatus] = (0, import_react2.useState)("idle");
+  const [replyText, setReplyText] = (0, import_react2.useState)("");
+  const [replyState, setReplyState] = (0, import_react2.useState)("idle");
+  const [feedbackSending, setFeedbackSending] = (0, import_react2.useState)(false);
+  const [feedbackError, setFeedbackError] = (0, import_react2.useState)(false);
+  const [assistantInput, setAssistantInput] = (0, import_react2.useState)("");
+  const [assistantThreadId, setAssistantThreadId] = (0, import_react2.useState)(null);
+  const [assistantSending, setAssistantSending] = (0, import_react2.useState)(false);
+  const [assistantError, setAssistantError] = (0, import_react2.useState)(null);
+  const [assistantTurns, setAssistantTurns] = (0, import_react2.useState)([]);
+  const [screenshotAttached, setScreenshotAttached] = (0, import_react2.useState)(true);
+  const [emailState, setEmailState] = (0, import_react2.useState)("hidden");
+  const [emailInput, setEmailInput] = (0, import_react2.useState)("");
+  const [reduceMotion, setReduceMotion] = (0, import_react2.useState)(false);
+  (0, import_react2.useEffect)(() => {
+    let alive = true;
+    import_react_native3.AccessibilityInfo?.isReduceMotionEnabled?.().then((on) => alive && setReduceMotion(Boolean(on))).catch(() => void 0);
+    const sub = import_react_native3.AccessibilityInfo?.addEventListener?.("reduceMotionChanged", (on) => setReduceMotion(Boolean(on)));
+    return () => {
+      alive = false;
+      sub?.remove?.();
+    };
+  }, []);
+  const loadInbox = (0, import_react2.useCallback)(
+    async (opts = {}) => {
+      if (!mushi?.listMyReports) return;
+      if (!opts.silent) setInboxLoading(true);
+      try {
+        const rows = await mushi.listMyReports();
+        setInboxReports(rows.filter((r) => !(0, import_reporter_ui2.reporterStatus)(r, locale).hidden));
+        setInboxLoaded(true);
+      } catch {
+      } finally {
+        if (!opts.silent) setInboxLoading(false);
+      }
+    },
+    [mushi, locale]
+  );
+  (0, import_react2.useEffect)(() => {
     if (visible) {
       setScreenshotAttached(true);
       setSheetTab(preferredTab);
       if (preferredTab === "inbox") void loadInbox();
     }
   }, [visible, preferredTab, loadInbox]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (!visible || sheetTab !== "inbox" || inboxPollIntervalMs <= 0) return;
     const timer = setInterval(() => {
-      void loadInbox();
+      void loadInbox({ silent: true });
     }, inboxPollIntervalMs);
     return () => clearInterval(timer);
   }, [visible, sheetTab, inboxPollIntervalMs, loadInbox]);
-  const openThread = (0, import_react.useCallback)(async (reportId) => {
-    setSelectedReportId(reportId);
-    if (!mushi?.listMyComments) return;
-    const comments = await mushi.listMyComments(reportId);
-    setThreadComments(comments);
-  }, [mushi]);
-  const sendReply = (0, import_react.useCallback)(async () => {
-    if (!mushi?.replyToReport || !selectedReportId || !replyText.trim()) return;
-    await mushi.replyToReport(selectedReportId, replyText.trim());
-    setReplyText("");
-    await openThread(selectedReportId);
-  }, [mushi, selectedReportId, replyText, openThread]);
-  const submitFeedback = (0, import_react.useCallback)(async (signal) => {
-    if (!mushi?.submitFeedbackSignal || !selectedReportId) return;
-    await mushi.submitFeedbackSignal(selectedReportId, signal);
-    await loadInbox();
-    await openThread(selectedReportId);
-  }, [mushi, selectedReportId, loadInbox, openThread]);
-  const sendAssistant = (0, import_react.useCallback)(async (message) => {
+  const openThread = (0, import_react2.useCallback)(
+    async (reportId, opts = {}) => {
+      selectedRef.current = reportId;
+      setSelectedReportId(reportId);
+      if (!opts.silent) {
+        setThreadItems([]);
+        setThreadStatus("loading");
+        setReplyState("idle");
+        setFeedbackError(false);
+      }
+      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 (items === null) {
+        setThreadStatus((prev) => opts.silent && prev === "ready" ? "ready" : "error");
+        return;
+      }
+      setThreadItems(items);
+      setThreadStatus("ready");
+      if (!opts.silent && mushi?.markReportRead) {
+        mushi.markReportRead(reportId).then((marked) => {
+          if (marked > 0) {
+            setInboxReports((rows) => rows.map((r) => r.id === reportId ? { ...r, unread_count: 0 } : r));
+          }
+        }).catch(() => void 0);
+      }
+    },
+    [mushi]
+  );
+  const closeThread = (0, import_react2.useCallback)(() => {
+    selectedRef.current = null;
+    setSelectedReportId(null);
+    setThreadStatus("idle");
+  }, []);
+  const sendReply = (0, import_react2.useCallback)(async () => {
+    const body = replyText.trim();
+    const reportId = selectedReportId;
+    if (!mushi?.replyToReport || !reportId || !body || replyState === "sending") return;
+    setReplyState("sending");
+    try {
+      const comment = await settleWithin(mushi.replyToReport(reportId, body), THREAD_LOAD_TIMEOUT_MS);
+      if (!comment) {
+        setReplyState("failed");
+        return;
+      }
+      setReplyText("");
+      setReplyState("idle");
+      if (selectedRef.current === reportId) {
+        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 {
+      setReplyState("failed");
+    }
+  }, [mushi, selectedReportId, replyText, replyState, openThread]);
+  const submitFeedback = (0, import_react2.useCallback)(
+    async (signal) => {
+      const reportId = selectedReportId;
+      if (!mushi?.submitFeedbackSignal || !reportId || feedbackSending) return;
+      setFeedbackSending(true);
+      setFeedbackError(false);
+      try {
+        const outcome = await mushi.submitFeedbackSignal(reportId, signal);
+        if (!outcome) {
+          setFeedbackError(true);
+          return;
+        }
+        await loadInbox({ silent: true });
+        await openThread(reportId, { silent: true });
+      } catch {
+        setFeedbackError(true);
+      } finally {
+        setFeedbackSending(false);
+      }
+    },
+    [mushi, selectedReportId, feedbackSending, loadInbox, openThread]
+  );
+  const sendAssistant = (0, import_react2.useCallback)(async (message) => {
     if (!mushi?.askAssistant || !message.trim() || assistantSending) return;
     const trimmed = message.trim();
     setAssistantInput("");
@@ -624,37 +955,44 @@ var MushiBottomSheet = ({
       setAssistantSending(false);
     }
   }, [mushi, assistantSending, assistantThreadId]);
-  const resetForm = (0, import_react.useCallback)(() => {
+  const resetForm = (0, import_react2.useCallback)(() => {
     setCategory(null);
     setDescription("");
     setPhase("form");
+    setEmailState("hidden");
+    setEmailInput("");
   }, []);
-  const animateIn = (0, import_react.useCallback)(() => {
-    import_react_native2.Animated.parallel([
-      import_react_native2.Animated.spring(translateY, {
+  const animateIn = (0, import_react2.useCallback)(() => {
+    if (reduceMotion) {
+      translateY.setValue(0);
+      backdropOpacity.setValue(1);
+      return;
+    }
+    import_react_native3.Animated.parallel([
+      import_react_native3.Animated.spring(translateY, {
         toValue: 0,
         useNativeDriver: true,
         damping: 20,
         stiffness: 200
       }),
-      import_react_native2.Animated.timing(backdropOpacity, {
+      import_react_native3.Animated.timing(backdropOpacity, {
         toValue: 1,
         duration: 250,
         useNativeDriver: true
       })
     ]).start();
-  }, [translateY, backdropOpacity]);
-  const animateOut = (0, import_react.useCallback)(
+  }, [translateY, backdropOpacity, reduceMotion]);
+  const animateOut = (0, import_react2.useCallback)(
     (cb) => {
-      import_react_native2.Animated.parallel([
-        import_react_native2.Animated.timing(translateY, {
+      import_react_native3.Animated.parallel([
+        import_react_native3.Animated.timing(translateY, {
           toValue: SHEET_HEIGHT,
-          duration: 220,
+          duration: reduceMotion ? 0 : 220,
           useNativeDriver: true
         }),
-        import_react_native2.Animated.timing(backdropOpacity, {
+        import_react_native3.Animated.timing(backdropOpacity, {
           toValue: 0,
-          duration: 200,
+          duration: reduceMotion ? 0 : 200,
           useNativeDriver: true
         })
       ]).start(() => {
@@ -662,16 +1000,16 @@ var MushiBottomSheet = ({
         cb?.();
       });
     },
-    [translateY, backdropOpacity, resetForm]
+    [translateY, backdropOpacity, resetForm, reduceMotion]
   );
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (visible) animateIn();
   }, [visible, animateIn]);
-  const handleClose = (0, import_react.useCallback)(() => {
+  const handleClose = (0, import_react2.useCallback)(() => {
     animateOut(onClose);
   }, [animateOut, onClose]);
-  const panResponder = (0, import_react.useRef)(
-    import_react_native2.PanResponder.create({
+  const panResponder = (0, import_react2.useRef)(
+    import_react_native3.PanResponder.create({
       onStartShouldSetPanResponder: () => true,
       onMoveShouldSetPanResponder: (_, g) => g.dy > 4,
       onPanResponderMove: (_, g) => {
@@ -681,7 +1019,7 @@ var MushiBottomSheet = ({
         if (g.dy > DISMISS_THRESHOLD) {
           handleClose();
         } else {
-          import_react_native2.Animated.spring(translateY, {
+          import_react_native3.Animated.spring(translateY, {
             toValue: 0,
             useNativeDriver: true,
             damping: 20,
@@ -691,20 +1029,43 @@ var MushiBottomSheet = ({
       }
     })
   ).current;
-  const handleSubmit = async () => {
-    if (!category || !description.trim() || !mushi) return;
-    const trimmed = description.trim();
-    if (trimmed.length < 20) {
-      setSubmitError("Please write at least 20 characters so we can understand the issue.");
+  const offerEmail = (0, import_react2.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 = (0, import_react2.useCallback)(async () => {
+    const email = emailInput.trim();
+    if (!(0, import_reporter_ui2.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 || !(0, import_reporter_ui2.reporterCanSend)(description, hasAttachment, minDescriptionLength)) return;
+    const trimmed = description.trim();
     setSubmitError(null);
     setPhase("sending");
     try {
       const outcome = await mushi.submitReport({
-        category,
+        ...(0, import_reporter_ui2.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") {
@@ -722,174 +1083,465 @@ var MushiBottomSheet = ({
         return;
       }
       setPhase("sent");
-      setTimeout(handleClose, 1400);
+      void offerEmail();
     } catch {
       setSubmitError("Something went wrong. Please try again.");
       setPhase("error");
     }
   };
   const activeScreenshot = screenshotDataUrl && screenshotAttached ? screenshotDataUrl : null;
-  const pal = (0, import_core3.mushiPalette)(dark ? "dark" : "light");
-  const colors = dark ? { bg: pal.paper, text: pal.ink, sub: pal.inkMuted, card: pal.paperRaised, accent: import_core3.MUSHI_BANNER_NEON.bg, accentInk: import_core3.MUSHI_BANNER_NEON.fg, border: pal.ruleStrong, backdrop: "rgba(0,0,0,0.6)", disabled: import_core3.MUSHI_CONTROL_DISABLED.dark, disabledText: pal.inkFaint } : { bg: pal.paperRaised, text: pal.ink, sub: pal.inkMuted, card: pal.paper, accent: import_core3.MUSHI_BANNER_NEON.bg, accentInk: import_core3.MUSHI_BANNER_NEON.fg, border: pal.ruleStrong, backdrop: "rgba(0,0,0,0.35)", disabled: import_core3.MUSHI_CONTROL_DISABLED.light, disabledText: pal.inkFaint };
+  const colors = resolveRNTheme(dark, theme);
+  const font = colors.fontFamily ? { fontFamily: colors.fontFamily } : null;
+  const radius = colors.radius;
   const sheetTabs = ["report", "inbox", ...assistantEnabled ? ["assistant"] : []];
-  const canSubmit = !!category && description.trim().length >= 20 && (phase === "form" || phase === "error");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Modal, { visible, transparent: true, animationType: "none", statusBarTranslucent: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_react_native2.KeyboardAvoidingView,
+  const canSubmit = (0, import_reporter_ui2.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 ? (0, import_reporter_ui2.reporterStatus)(selectedReport, locale) : null;
+  const headerTitle = sheetTab === "assistant" ? assistantLabel : sheetTab === "inbox" ? t.flows.reports.title : t.widget.title;
+  const renderThread = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react_native3.TouchableOpacity,
+      {
+        onPress: closeThread,
+        accessibilityRole: "button",
+        accessibilityLabel: t.widget.back,
+        hitSlop: { top: 8, bottom: 8, left: 8, right: 8 },
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.Text, { style: [{ color: colors.accent, marginBottom: 8 }, font], children: [
+          "\u2190 ",
+          t.widget.back
+        ] })
+      }
+    ),
+    selectedReport && selectedView ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.View, { style: [s2.headerCard, { backgroundColor: colors.surface, borderRadius: radius, borderColor: colors.border }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [s2.pill, { color: colors.fg, borderColor: colors.border }, font], children: selectedView.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.muted, fontSize: 12, marginTop: 4 }, font], children: selectedView.detail }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.fg, marginTop: 8 }, font], numberOfLines: 4, children: selectedReport.title ?? selectedReport.summary ?? selectedReport.description ?? "" })
+    ] }) : null,
+    threadStatus === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.View, { accessibilityLabel: t.flows.reports.loading, accessibilityLiveRegion: "polite", children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.View, { style: [s2.skeleton, { backgroundColor: colors.surface, width: `${90 - i * 18}%` }] }, i)) }) : threadStatus === "error" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.View, { style: s2.errorRow, accessibilityLiveRegion: "polite", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.error, flex: 1 }, font], accessibilityRole: "alert", children: rc.ui.loadError }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native3.TouchableOpacity,
+        {
+          onPress: () => selectedReportId && void openThread(selectedReportId),
+          accessibilityRole: "button",
+          style: [s2.retryBtn, { borderColor: colors.border, borderRadius: radius }],
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.fg, fontWeight: "600" }, font], children: rc.ui.retry })
+        }
+      )
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+      threadItems.map(
+        (item, idx) => (0, import_reporter_ui2.isReporterConversation)(item) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          import_react_native3.View,
+          {
+            style: [
+              s2.threadBubble,
+              {
+                backgroundColor: colors.surface,
+                alignSelf: item.kind === "reporter_comment" ? "flex-end" : "flex-start"
+              }
+            ],
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.muted, fontSize: 11 }, font], children: item.kind === "reporter_comment" ? rc.ui.you : rc.ui.developer }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.fg }, font], children: (0, import_reporter_ui2.reporterTimelineEntryText)(item, locale) })
+            ]
+          },
+          `${item.kind}-${item.comment_id ?? idx}`
+        ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react_native3.Text,
+          {
+            style: [{ color: colors.muted, fontSize: 12, textAlign: "center", marginVertical: 6 }, font],
+            children: (0, import_reporter_ui2.reporterTimelineEntryText)(item, locale)
+          },
+          `${item.kind}-${item.at}-${idx}`
+        )
+      ),
+      !threadItems.some(import_reporter_ui2.isReporterConversation) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.muted, marginBottom: 8 }, font], children: rc.ui.noReplies }) : null
+    ] }),
+    replyState === "sending" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.View, { style: [s2.threadBubble, { backgroundColor: colors.surface, alignSelf: "flex-end", opacity: 0.7 }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.muted, fontSize: 11 }, font], children: rc.ui.sending }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.fg }, font], children: replyText.trim() })
+    ] }) : null,
+    selectedView?.canVerify ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.View, { style: s2.verifyRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native3.TouchableOpacity,
+        {
+          style: [s2.verifyBtn, { backgroundColor: colors.accent, borderRadius: radius }],
+          onPress: () => void submitFeedback("confirms"),
+          disabled: feedbackSending,
+          accessibilityRole: "button",
+          accessibilityState: { disabled: feedbackSending, busy: feedbackSending },
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [s2.submitText, { color: colors.accentFg }, font], children: rc.ui.yes })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native3.TouchableOpacity,
+        {
+          style: [s2.verifyBtn, { backgroundColor: colors.border, borderRadius: radius }],
+          onPress: () => void submitFeedback("not_fixed"),
+          disabled: feedbackSending,
+          accessibilityRole: "button",
+          accessibilityState: { disabled: feedbackSending, busy: feedbackSending },
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [s2.submitText, { color: colors.fg }, font], children: rc.ui.notYet })
+        }
+      )
+    ] }) : null,
+    feedbackError ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.error, marginBottom: 8 }, font], accessibilityRole: "alert", children: rc.ui.sendFailed }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.View, { style: s2.composer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native3.TextInput,
+        {
+          style: [
+            s2.input,
+            s2.composerInput,
+            { backgroundColor: colors.surface, color: colors.fg, borderColor: colors.border, borderRadius: radius },
+            font
+          ],
+          placeholder: t.flows.thread.replyPlaceholder,
+          placeholderTextColor: colors.muted,
+          value: replyText,
+          onChangeText: (text) => {
+            setReplyText(text.slice(0, 2e3));
+            if (replyState === "failed") setReplyState("idle");
+          },
+          multiline: true,
+          maxLength: 2e3,
+          editable: replyState !== "sending",
+          accessibilityLabel: t.flows.thread.replyPlaceholder
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native3.TouchableOpacity,
+        {
+          style: [
+            s2.sendBtn,
+            {
+              backgroundColor: replyText.trim() && replyState !== "sending" ? colors.accent : colors.disabled,
+              borderRadius: radius
+            }
+          ],
+          onPress: () => void sendReply(),
+          disabled: !replyText.trim() || replyState === "sending",
+          accessibilityRole: "button",
+          accessibilityLabel: replyState === "failed" ? rc.ui.retry : t.flows.thread.send,
+          accessibilityState: { disabled: !replyText.trim() || replyState === "sending", busy: replyState === "sending" },
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_react_native3.Text,
+            {
+              style: [
+                s2.submitText,
+                { color: replyText.trim() && replyState !== "sending" ? colors.accentFg : colors.disabledFg },
+                font
+              ],
+              children: replyState === "failed" ? rc.ui.retry : t.flows.thread.send
+            }
+          )
+        }
+      )
+    ] }),
+    replyState === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.Text, { style: [{ color: colors.error, marginTop: 6, fontSize: 12 }, font], accessibilityRole: "alert", children: [
+      rc.ui.sendFailed,
+      " \xB7 ",
+      rc.ui.retry
+    ] }) : null
+  ] });
+  const renderInboxList = () => {
+    if (inboxLoading && !inboxLoaded) {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.muted }, font], children: t.flows.reports.loading });
+    }
+    if (inboxReports.length === 0) {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.muted }, font], children: rc.ui.empty });
+    }
+    return inboxReports.map((r) => {
+      const view = (0, import_reporter_ui2.reporterStatus)(r, locale);
+      const unread = (r.unread_count ?? 0) > 0;
+      const title = (r.title ?? r.summary ?? r.description ?? "Report").slice(0, 80);
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        import_react_native3.TouchableOpacity,
+        {
+          style: [s2.inboxRow, { borderColor: colors.border }],
+          onPress: () => void openThread(r.id),
+          accessibilityRole: "button",
+          accessibilityLabel: `${view.label}. ${title}${unread ? `. ${r.unread_count} new` : ""}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.fg, fontWeight: unread ? "700" : "600" }, font], numberOfLines: 1, children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.Text, { 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__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.fg, fontSize: 12, fontWeight: "700", marginTop: 2 }, font], numberOfLines: 1, children: r.last_event_preview }) : null
+          ]
+        },
+        r.id
+      );
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Modal, { visible, transparent: true, animationType: "none", statusBarTranslucent: true, onRequestClose: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    import_react_native3.KeyboardAvoidingView,
     {
-      style: s.flex,
-      behavior: import_react_native2.Platform.OS === "ios" ? "padding" : "height",
-      keyboardVerticalOffset: import_react_native2.Platform.OS === "ios" ? 0 : 20,
+      style: s2.flex,
+      behavior: import_react_native3.Platform.OS === "ios" ? "padding" : "height",
+      keyboardVerticalOffset: import_react_native3.Platform.OS === "ios" ? 0 : 20,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_react_native2.Animated.View,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react_native3.Animated.View,
           {
-            style: [s.backdrop, { backgroundColor: colors.backdrop, opacity: backdropOpacity }],
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.TouchableOpacity, { style: s.flex, activeOpacity: 1, onPress: handleClose })
+            style: [s2.backdrop, { backgroundColor: colors.backdrop, opacity: backdropOpacity }],
+            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_react_native3.TouchableOpacity,
+              {
+                style: s2.flex,
+                activeOpacity: 1,
+                onPress: handleClose,
+                accessibilityRole: "button",
+                accessibilityLabel: t.widget.close
+              }
+            )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          import_react_native2.Animated.View,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          import_react_native3.Animated.View,
           {
+            accessibilityViewIsModal: true,
+            onAccessibilityEscape: handleClose,
             style: [
-              s.sheet,
+              s2.sheet,
               { backgroundColor: colors.bg, transform: [{ translateY }] }
             ],
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { ...panResponder.panHandlers, style: s.handleArea, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { style: [s.handle, { backgroundColor: colors.sub }] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: [s.brandHeader, { backgroundColor: import_core3.MUSHI_BANNER_NEON.bg, borderBottomColor: import_core3.MUSHI_BANNER_NEON.border }], children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.brandEyebrow, { color: import_core3.MUSHI_BANNER_NEON.fg }], children: "MUSHI \xB7 BETA" }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.brandTitle, { color: import_core3.MUSHI_BANNER_NEON.fg }], children: sheetTab === "assistant" ? assistantLabel : sheetTab === "inbox" ? t.flows.reports.title : t.widget.title })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { style: [s.tabRow, { borderBottomColor: colors.border }], children: sheetTabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_react_native2.TouchableOpacity,
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_react_native3.View,
+                {
+                  ...panResponder.panHandlers,
+                  style: s2.handleArea,
+                  accessible: true,
+                  accessibilityRole: "adjustable",
+                  accessibilityLabel: t.widget.close,
+                  accessibilityActions: [{ name: "decrement", label: t.widget.close }, { name: "escape" }],
+                  onAccessibilityAction: (e) => {
+                    if (e.nativeEvent.actionName === "decrement" || e.nativeEvent.actionName === "escape") handleClose();
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.View, { style: [s2.handle, { backgroundColor: colors.muted }] })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.View, { style: [s2.header, { borderBottomColor: colors.border }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { accessibilityRole: "header", style: [s2.headerTitle, { color: colors.fg }, font], children: headerTitle }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.View, { style: [s2.tabRow, { borderBottomColor: colors.border }], accessibilityRole: "tablist", children: sheetTabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_react_native3.TouchableOpacity,
                 {
                   onPress: () => {
                     setSheetTab(tab);
-                    if (tab === "inbox") void loadInbox();
-                    else setSelectedReportId(null);
+                    if (tab === "inbox") void loadInbox({ silent: inboxLoaded });
+                    else closeThread();
                   },
-                  style: [s.tabBtn, sheetTab === tab && { borderBottomColor: colors.accent }],
-                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.tabLabel, { color: sheetTab === tab ? colors.text : colors.sub }], children: tab === "report" ? t.widget.trigger : tab === "inbox" ? t.flows.reports.title : assistantLabel })
+                  style: [s2.tabBtn, sheetTab === tab && { borderBottomColor: colors.accent }],
+                  accessibilityRole: "tab",
+                  accessibilityState: { selected: sheetTab === tab },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { 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__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.ScrollView, { style: s.body, keyboardShouldPersistTaps: "handled", children: [
-                assistantTurns.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.sub, marginBottom: 12, lineHeight: 20 }, children: greeting }),
-                  assistantSuggestions.map((chip) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_react_native2.TouchableOpacity,
+              sheetTab === "assistant" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.ScrollView, { style: s2.body, keyboardShouldPersistTaps: "handled", children: [
+                assistantTurns.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.muted, marginBottom: 12, lineHeight: 20 }, font], children: greeting }),
+                  assistantSuggestions.map((chip) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    import_react_native3.TouchableOpacity,
                     {
-                      style: [s.assistantChip, { borderColor: colors.border, backgroundColor: colors.card }],
+                      style: [s2.assistantChip, { borderColor: colors.border, backgroundColor: colors.surface }],
                       onPress: () => void sendAssistant(chip),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.text, fontSize: 13 }, children: chip })
+                      accessibilityRole: "button",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.fg, fontSize: 13 }, font], children: chip })
                     },
                     chip
                   ))
-                ] }) : assistantTurns.map((turn, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                  import_react_native2.View,
+                ] }) : assistantTurns.map((turn, idx) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                  import_react_native3.View,
                   {
                     style: [
-                      s.assistantBubble,
+                      s2.assistantBubble,
                       {
                         alignSelf: turn.role === "user" ? "flex-end" : "flex-start",
-                        backgroundColor: turn.role === "user" ? colors.accent : colors.card
+                        backgroundColor: turn.role === "user" ? colors.accent : colors.surface
                       }
                     ],
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: turn.role === "user" ? colors.accentInk : colors.text }, children: turn.text }),
-                      turn.options?.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.TouchableOpacity, { onPress: () => void sendAssistant(opt), style: { marginTop: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.accent, fontSize: 12 }, children: opt }) }, opt))
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: turn.role === "user" ? colors.accentFg : colors.fg }, font], children: turn.text }),
+                      turn.options?.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        import_react_native3.TouchableOpacity,
+                        {
+                          onPress: () => void sendAssistant(opt),
+                          style: { marginTop: 8 },
+                          accessibilityRole: "button",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.accent, fontSize: 12 }, font], children: opt })
+                        },
+                        opt
+                      ))
                     ]
                   },
                   `${turn.role}-${idx}`
                 )),
-                assistantSending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.sub, marginTop: 8 }, accessibilityLiveRegion: "polite", children: t.assistant.thinking }) : null,
-                assistantError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: pal.danger, marginTop: 8 }, accessibilityRole: "alert", children: assistantError }) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: s.assistantComposer, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_react_native2.TextInput,
+                assistantSending ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.muted, marginTop: 8 }, font], accessibilityLiveRegion: "polite", children: t.assistant.thinking }) : null,
+                assistantError ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.error, marginTop: 8 }, font], accessibilityRole: "alert", children: assistantError }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.View, { style: s2.assistantComposer, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    import_react_native3.TextInput,
                     {
-                      style: [s.input, { flex: 1, minHeight: 44, backgroundColor: colors.card, color: colors.text, borderColor: colors.border }],
+                      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.sub,
+                      placeholderTextColor: colors.muted,
                       value: assistantInput,
                       onChangeText: setAssistantInput,
                       editable: !assistantSending
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_react_native2.TouchableOpacity,
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    import_react_native3.TouchableOpacity,
                     {
-                      style: [s.submitBtn, { backgroundColor: colors.accent, paddingHorizontal: 16 }],
+                      style: [s2.submitBtn, { backgroundColor: colors.accent, paddingHorizontal: 16, borderRadius: radius }],
                       onPress: () => void sendAssistant(assistantInput),
                       disabled: !assistantInput.trim() || assistantSending,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.submitText, { color: colors.accentInk }], children: "\u2191" })
+                      accessibilityRole: "button",
+                      accessibilityLabel: t.flows.thread.send,
+                      accessibilityState: { disabled: !assistantInput.trim() || assistantSending, busy: assistantSending },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [s2.submitText, { color: colors.accentFg }], children: "\u2191" })
                     }
                   )
                 ] })
-              ] }) : sheetTab === "inbox" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.ScrollView, { style: s.body, keyboardShouldPersistTaps: "handled", children: inboxLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.sub }, children: t.flows.reports.loading }) : selectedReportId ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.TouchableOpacity, { onPress: () => setSelectedReportId(null), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.Text, { style: { color: colors.accent, marginBottom: 8 }, children: [
-                  "\u2190 ",
-                  t.widget.back
-                ] }) }),
-                threadComments.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: [s.threadBubble, { backgroundColor: colors.card }], children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.sub, fontSize: 11 }, children: c.author_kind }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.text }, children: c.body })
-                ] }, c.id)),
-                VERIFIABLE_STATUSES.has(
-                  inboxReports.find((r) => r.id === selectedReportId)?.status ?? ""
-                ) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: s.verifyRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.TouchableOpacity, { style: [s.verifyBtn, { backgroundColor: colors.accent }], onPress: () => submitFeedback("confirms"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.submitText, { color: colors.accentInk }], children: t.flows.thread.confirmFixed }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.TouchableOpacity, { style: [s.verifyBtn, { backgroundColor: colors.border }], onPress: () => submitFeedback("not_fixed"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.submitText, { color: colors.text }], children: t.flows.thread.notFixed }) })
+              ] }) : sheetTab === "inbox" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.ScrollView, { style: s2.body, keyboardShouldPersistTaps: "handled", contentContainerStyle: { paddingBottom: 24 }, children: selectedReportId ? renderThread() : renderInboxList() }) : phase === "sent" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.ScrollView, { style: s2.body, keyboardShouldPersistTaps: "handled", contentContainerStyle: { paddingBottom: 24 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.View, { style: s2.sentWrap, accessibilityLiveRegion: "polite", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [s2.sentEmoji], importantForAccessibility: "no", children: "\u2705" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [s2.sentText, { color: colors.fg }, font], children: rc.ui.receipt })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_react_native2.TextInput,
-                  {
-                    style: [s.input, { backgroundColor: colors.card, color: colors.text, borderColor: colors.border, minHeight: 48 }],
-                    placeholder: t.flows.thread.replyPlaceholder,
-                    placeholderTextColor: colors.sub,
-                    value: replyText,
-                    onChangeText: setReplyText
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.TouchableOpacity, { style: [s.submitBtn, { backgroundColor: colors.accent }], onPress: sendReply, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.submitText, { color: colors.accentInk }], children: t.flows.thread.send }) })
-              ] }) : inboxReports.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.TouchableOpacity, { style: [s.inboxRow, { borderColor: colors.border }], onPress: () => openThread(r.id), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.text, fontWeight: "600" }, numberOfLines: 1, children: (r.summary ?? r.description ?? "Report").slice(0, 60) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.sub, fontSize: 11 }, children: reporterStatusShort(r.status) })
-              ] }, r.id)) }) : phase === "sent" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: s.sentWrap, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.sentEmoji], children: "\u2705" }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.sentText, { color: colors.text }], children: t.widget.submitted })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                import_react_native2.ScrollView,
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.View, { style: s2.verifyRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    import_react_native3.TouchableOpacity,
+                    {
+                      style: [s2.verifyBtn, { backgroundColor: colors.accent, borderRadius: radius }],
+                      onPress: () => {
+                        resetForm();
+                        setSheetTab("inbox");
+                        void loadInbox();
+                      },
+                      accessibilityRole: "button",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [s2.submitText, { color: colors.accentFg }, font], children: rc.ui.trackIt })
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    import_react_native3.TouchableOpacity,
+                    {
+                      style: [s2.verifyBtn, { backgroundColor: colors.border, borderRadius: radius }],
+                      onPress: handleClose,
+                      accessibilityRole: "button",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [s2.submitText, { color: colors.fg }, font], children: rc.ui.done })
+                    }
+                  )
+                ] }),
+                emailState === "sent" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.fg, marginTop: 12 }, font], accessibilityLiveRegion: "polite", children: rc.ui.emailCheckInbox }) : emailState !== "hidden" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.View, { style: { marginTop: 12 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.fg, marginBottom: 6 }, font], children: rc.ui.emailOptIn }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.View, { style: s2.composer, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      import_react_native3.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__ */ (0, import_jsx_runtime2.jsx)(
+                      import_react_native3.TouchableOpacity,
+                      {
+                        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__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { 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__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.error, marginTop: 6, fontSize: 12 }, font], accessibilityRole: "alert", children: emailState === "invalid" ? rc.ui.emailInvalid : rc.ui.emailFailed }) : null
+                ] }) : null
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                import_react_native3.ScrollView,
                 {
-                  style: s.body,
+                  style: s2.body,
                   keyboardShouldPersistTaps: "handled",
                   contentContainerStyle: { paddingBottom: 24 },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.stepLabel, { color: colors.sub }], children: t.step1.heading }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { style: s.catRow, children: CATEGORY_KEYS.map((key) => {
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      import_react_native3.TextInput,
+                      {
+                        style: [
+                          s2.input,
+                          {
+                            backgroundColor: colors.surface,
+                            color: colors.fg,
+                            borderColor: colors.border,
+                            borderRadius: radius
+                          },
+                          font
+                        ],
+                        placeholder: t.step3.descriptionPlaceholder,
+                        placeholderTextColor: colors.muted,
+                        accessibilityLabel: t.step3.descriptionPlaceholder,
+                        multiline: true,
+                        textAlignVertical: "top",
+                        value: description,
+                        onChangeText: (text) => {
+                          setDescription(text.slice(0, 4e3));
+                          if (submitError) setSubmitError(null);
+                          if (phase === "error") setPhase("form");
+                        },
+                        editable: phase === "form" || phase === "error",
+                        maxLength: 4e3
+                      }
+                    ),
+                    submitError ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.error, marginTop: 6, fontSize: 12 }, font], accessibilityRole: "alert", children: submitError }) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.View, { style: [s2.catRow, { marginTop: 12 }], accessibilityRole: "radiogroup", children: import_reporter_ui2.REPORTER_CATEGORIES.map((key) => {
                       const active = category === key;
-                      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                        import_react_native2.TouchableOpacity,
+                      const label = (0, import_reporter_ui2.reporterCategoryLabel)(key, locale);
+                      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                        import_react_native3.TouchableOpacity,
                         {
-                          onPress: () => setCategory(key),
+                          onPress: () => setCategory(active ? null : key),
                           activeOpacity: 0.7,
+                          accessibilityRole: "radio",
+                          accessibilityState: { selected: active, checked: active },
+                          accessibilityLabel: label,
                           style: [
-                            s.catBtn,
+                            s2.catBtn,
                             {
-                              backgroundColor: active ? colors.accent : colors.card,
+                              backgroundColor: active ? colors.accent : colors.surface,
                               borderColor: active ? colors.accent : colors.border
                             }
                           ],
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: s.catEmoji, children: CATEGORY_EMOJI[key] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                              import_react_native2.Text,
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: s2.catEmoji, importantForAccessibility: "no", children: CATEGORY_EMOJI[key] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              import_react_native3.Text,
                               {
+                                numberOfLines: 1,
                                 style: [
-                                  s.catLabel,
-                                  { color: active ? colors.accentInk : colors.text }
+                                  s2.catLabel,
+                                  { color: active ? colors.accentFg : colors.fg },
+                                  font
                                 ],
-                                children: t.step1.categories[key]
+                                children: label
                               }
                             )
                           ]
@@ -897,69 +1549,49 @@ var MushiBottomSheet = ({
                         key
                       );
                     }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                      import_react_native2.TextInput,
-                      {
-                        style: [
-                          s.input,
-                          {
-                            backgroundColor: colors.card,
-                            color: colors.text,
-                            borderColor: colors.border
-                          }
-                        ],
-                        placeholder: t.step3.descriptionPlaceholder,
-                        placeholderTextColor: colors.sub,
-                        multiline: true,
-                        textAlignVertical: "top",
-                        value: description,
-                        onChangeText: (text) => {
-                          setDescription(text.slice(0, 4e3));
-                          if (submitError) setSubmitError(null);
-                          if (phase === "error") setPhase("form");
-                        },
-                        editable: phase === "form" || phase === "error",
-                        maxLength: 4e3
-                      }
-                    ),
-                    submitError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.accent, marginTop: 6, fontSize: 12 }, children: submitError }) : null,
-                    activeScreenshot ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: s.screenshotRow, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        import_react_native2.Image,
+                    activeScreenshot ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.View, { style: s2.screenshotRow, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        import_react_native3.Image,
                         {
                           source: { uri: activeScreenshot },
-                          style: [s.screenshotThumb, { backgroundColor: colors.text }],
+                          style: [s2.screenshotThumb, { backgroundColor: colors.fg }],
                           accessibilityLabel: t.step3.screenshotPreviewAlt
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: s.screenshotMeta, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.screenshotLabel, { color: colors.text }], children: t.step3.screenshotAttached.replace(" \u2713", "") }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.screenshotSub, { color: colors.sub }], children: screenshotSensitiveHint && screenshotSensitiveHint.trim() ? `\u26A0 ${screenshotSensitiveHint}` : t.step3.screenshotSensitiveHint.split("\u2014")[0]?.trim() ?? t.step3.screenshotSensitiveHint })
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.View, { style: s2.screenshotMeta, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [s2.screenshotLabel, { color: colors.fg }, font], children: t.step3.screenshotAttached.replace(" \u2713", "") }),
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [s2.screenshotSub, { color: colors.muted }, font], children: screenshotSensitiveHint && screenshotSensitiveHint.trim() ? `\u26A0 ${screenshotSensitiveHint}` : t.step3.screenshotSensitiveHint.split("\u2014")[0]?.trim() ?? t.step3.screenshotSensitiveHint })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        import_react_native2.TouchableOpacity,
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        import_react_native3.TouchableOpacity,
                         {
                           onPress: () => {
                             setScreenshotAttached(false);
                             onClearScreenshot?.();
                           },
                           hitSlop: { top: 8, bottom: 8, left: 8, right: 8 },
+                          accessibilityRole: "button",
                           accessibilityLabel: t.widget.close,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.screenshotRemove, { color: colors.sub }], children: "\u2715" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [s2.screenshotRemove, { color: colors.muted }], children: "\u2715" })
                         }
                       )
                     ] }) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                      import_react_native2.TouchableOpacity,
+                    submitHint ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [{ color: colors.muted, fontSize: 12, marginBottom: 6 }, font], children: submitHint }) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      import_react_native3.TouchableOpacity,
                       {
                         onPress: handleSubmit,
                         disabled: !canSubmit,
                         activeOpacity: 0.8,
+                        accessibilityRole: "button",
+                        accessibilityLabel: phase === "sending" ? t.widget.submitting : t.widget.submit,
+                        accessibilityHint: submitHint,
+                        accessibilityState: { disabled: !canSubmit, busy: phase === "sending" },
                         style: [
-                          s.submitBtn,
-                          { backgroundColor: canSubmit ? colors.accent : colors.disabled }
+                          s2.submitBtn,
+                          { backgroundColor: canSubmit ? colors.accent : colors.disabled, borderRadius: radius }
                         ],
-                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.submitText, { color: canSubmit ? colors.accentInk : colors.disabledText }], children: phase === "sending" ? t.widget.submitting : t.widget.submit })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: [s2.submitText, { color: canSubmit ? colors.accentFg : colors.disabledFg }, font], children: phase === "sending" ? t.widget.submitting : t.widget.submit })
                       }
                     )
                   ]
@@ -972,7 +1604,7 @@ var MushiBottomSheet = ({
     }
   ) });
 };
-var s = import_react_native2.StyleSheet.create({
+var s2 = import_react_native3.StyleSheet.create({
   flex: { flex: 1 },
   backdrop: {
     // Inlined StyleSheet.absoluteFillObject — RN 0.86 dropped it from the
@@ -989,10 +1621,10 @@ var s = import_react_native2.StyleSheet.create({
     left: 0,
     right: 0,
     minHeight: SHEET_HEIGHT,
-    borderTopLeftRadius: import_core3.MUSHI_RADIUS.sheet,
-    borderTopRightRadius: import_core3.MUSHI_RADIUS.sheet,
-    paddingBottom: import_react_native2.Platform.OS === "ios" ? 34 : import_core3.MUSHI_SPACING.roomy,
-    shadowColor: import_core3.MUSHI_SHADOW_INK,
+    borderTopLeftRadius: import_core5.MUSHI_RADIUS.sheet,
+    borderTopRightRadius: import_core5.MUSHI_RADIUS.sheet,
+    paddingBottom: import_react_native3.Platform.OS === "ios" ? 34 : import_core5.MUSHI_SPACING.roomy,
+    shadowColor: import_core5.MUSHI_SHADOW_INK,
     shadowOffset: { width: 0, height: -3 },
     shadowOpacity: 0.12,
     shadowRadius: 8,
@@ -1000,88 +1632,72 @@ var s = import_react_native2.StyleSheet.create({
   },
   handleArea: {
     alignItems: "center",
-    paddingVertical: import_core3.MUSHI_SPACING.comfy
+    paddingVertical: import_core5.MUSHI_SPACING.comfy
   },
   handle: {
     width: 40,
     height: 5,
-    borderRadius: import_core3.MUSHI_RADIUS.control,
+    borderRadius: import_core5.MUSHI_RADIUS.control,
     opacity: 0.5
   },
-  brandHeader: {
-    paddingHorizontal: import_core3.MUSHI_SPACING.lounge,
-    paddingTop: import_core3.MUSHI_SPACING.comfy,
-    paddingBottom: import_core3.MUSHI_SPACING.comfy,
-    borderBottomWidth: 1.5
+  header: {
+    paddingHorizontal: import_core5.MUSHI_SPACING.lounge,
+    paddingBottom: import_core5.MUSHI_SPACING.comfy
   },
-  brandEyebrow: {
-    fontSize: import_core3.MUSHI_TYPE.sizeLabel,
-    fontWeight: "700",
-    letterSpacing: 1.2,
-    marginBottom: 2,
-    opacity: 0.7
-  },
-  brandTitle: {
+  headerTitle: {
     fontSize: 18,
-    fontWeight: "800",
+    fontWeight: "700",
     letterSpacing: -0.2
   },
   body: {
-    paddingHorizontal: import_core3.MUSHI_SPACING.lounge,
-    paddingTop: import_core3.MUSHI_SPACING.tight
-  },
-  title: {
-    fontSize: 20,
-    fontWeight: "700",
-    marginBottom: import_core3.MUSHI_SPACING.roomy
+    paddingHorizontal: import_core5.MUSHI_SPACING.lounge,
+    paddingTop: import_core5.MUSHI_SPACING.tight
   },
   stepLabel: {
-    fontSize: import_core3.MUSHI_TYPE.sizeLabel,
+    fontSize: import_core5.MUSHI_TYPE.sizeLabel,
     fontWeight: "600",
     letterSpacing: 0.2,
-    marginTop: import_core3.MUSHI_SPACING.snug,
-    marginBottom: import_core3.MUSHI_SPACING.comfy,
+    marginTop: import_core5.MUSHI_SPACING.snug,
+    marginBottom: import_core5.MUSHI_SPACING.comfy,
     textTransform: "uppercase"
   },
   catRow: {
     flexDirection: "row",
-    justifyContent: "space-between",
-    marginBottom: import_core3.MUSHI_SPACING.roomy
+    flexWrap: "wrap",
+    gap: 8,
+    marginBottom: import_core5.MUSHI_SPACING.roomy
   },
   catBtn: {
+    flexDirection: "row",
     alignItems: "center",
-    paddingVertical: import_core3.MUSHI_SPACING.comfy,
-    paddingHorizontal: 6,
-    borderRadius: import_core3.MUSHI_RADIUS.card,
+    gap: 6,
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    borderRadius: 999,
     borderWidth: 1,
-    flex: 1,
-    marginHorizontal: 3,
     minHeight: 44
   },
   catEmoji: {
-    fontSize: 22,
-    marginBottom: import_core3.MUSHI_SPACING.tight
+    fontSize: 16
   },
   catLabel: {
-    fontSize: import_core3.MUSHI_TYPE.sizeLabel,
+    fontSize: 14,
     fontWeight: "600"
   },
   input: {
     borderWidth: 1,
-    borderRadius: import_core3.MUSHI_RADIUS.card,
     padding: 14,
     fontSize: 15,
     minHeight: 100,
-    marginBottom: import_core3.MUSHI_SPACING.roomy
+    marginBottom: import_core5.MUSHI_SPACING.roomy
   },
   submitBtn: {
-    borderRadius: import_core3.MUSHI_RADIUS.card,
     paddingVertical: 14,
     alignItems: "center",
     minHeight: 44
   },
   submitText: {
-    color: import_core3.MUSHI_INVERSE,
+    color: import_core5.MUSHI_INVERSE,
     fontSize: 16,
     fontWeight: "700"
   },
@@ -1132,7 +1748,7 @@ var s = import_react_native2.StyleSheet.create({
   },
   tabRow: {
     flexDirection: "row",
-    borderBottomWidth: import_react_native2.StyleSheet.hairlineWidth,
+    borderBottomWidth: import_react_native3.StyleSheet.hairlineWidth,
     marginBottom: 8
   },
   tabBtn: {
@@ -1140,7 +1756,8 @@ var s = import_react_native2.StyleSheet.create({
     alignItems: "center",
     paddingVertical: 10,
     borderBottomWidth: 2,
-    borderBottomColor: "transparent"
+    borderBottomColor: "transparent",
+    minHeight: 44
   },
   tabLabel: {
     fontSize: 14,
@@ -1148,12 +1765,47 @@ var s = import_react_native2.StyleSheet.create({
   },
   inboxRow: {
     paddingVertical: 12,
-    borderBottomWidth: import_react_native2.StyleSheet.hairlineWidth
+    minHeight: 56,
+    borderBottomWidth: import_react_native3.StyleSheet.hairlineWidth
+  },
+  headerCard: {
+    borderWidth: import_react_native3.StyleSheet.hairlineWidth,
+    padding: 12,
+    marginBottom: 12
+  },
+  pill: {
+    alignSelf: "flex-start",
+    borderWidth: 1,
+    borderRadius: 999,
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    fontSize: 12,
+    fontWeight: "600",
+    overflow: "hidden"
+  },
+  skeleton: {
+    height: 14,
+    borderRadius: 6,
+    marginBottom: 10
+  },
+  errorRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    marginBottom: 12
+  },
+  retryBtn: {
+    borderWidth: 1,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    minHeight: 44,
+    justifyContent: "center"
   },
   threadBubble: {
     borderRadius: 10,
     padding: 10,
-    marginBottom: 8
+    marginBottom: 8,
+    maxWidth: "88%"
   },
   verifyRow: {
     flexDirection: "row",
@@ -1162,9 +1814,26 @@ var s = import_react_native2.StyleSheet.create({
   },
   verifyBtn: {
     flex: 1,
-    borderRadius: 10,
     paddingVertical: 10,
-    alignItems: "center"
+    alignItems: "center",
+    minHeight: 44
+  },
+  composer: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    gap: 8
+  },
+  composerInput: {
+    flex: 1,
+    minHeight: 44,
+    maxHeight: 120,
+    marginBottom: 0
+  },
+  sendBtn: {
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    minHeight: 44,
+    justifyContent: "center"
   },
   assistantBubble: {
     maxWidth: "88%",
@@ -1190,14 +1859,14 @@ var s = import_react_native2.StyleSheet.create({
 });
 
 // src/components/MushiFloatingButton.tsx
-var import_react2 = require("react");
-var import_react_native3 = require("react-native");
-var import_core4 = require("@mushi-mushi/core");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var FAB_SIZE = import_core4.MUSHI_GEOMETRY.fabSize;
+var import_react3 = require("react");
+var import_react_native4 = require("react-native");
+var import_core6 = require("@mushi-mushi/core");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var FAB_SIZE = import_core6.MUSHI_GEOMETRY.fabSize;
 var EDGE_PADDING = 12;
 function getScreenBounds() {
-  const { width, height } = import_react_native3.Dimensions.get("window");
+  const { width, height } = import_react_native4.Dimensions.get("window");
   return { width, height };
 }
 function clamp(value, min, max) {
@@ -1228,25 +1897,25 @@ var MushiFloatingButton = ({
   config,
   accent
 }) => {
-  const scheme = (0, import_react_native3.useColorScheme)();
+  const scheme = (0, import_react_native4.useColorScheme)();
   const dark = scheme === "dark";
   const draggable = config?.draggable ?? false;
   const snapToEdge = config?.snapToEdge ?? true;
   const persist = config?.persist ?? false;
-  const baseBottom = inset?.bottom ?? (import_react_native3.Platform.OS === "ios" ? 50 : 28);
+  const baseBottom = inset?.bottom ?? (import_react_native4.Platform.OS === "ios" ? 50 : 28);
   const baseX = position === "bottom-left" ? inset?.left ?? EDGE_PADDING : (() => {
     const { width } = getScreenBounds();
     return width - FAB_SIZE - (inset?.right ?? EDGE_PADDING);
   })();
-  const scale = (0, import_react2.useRef)(new import_react_native3.Animated.Value(1)).current;
-  const posX = (0, import_react2.useRef)(new import_react_native3.Animated.Value(baseX)).current;
-  const posY = (0, import_react2.useRef)(new import_react_native3.Animated.Value(0)).current;
-  const currentX = (0, import_react2.useRef)(baseX);
-  const currentY = (0, import_react2.useRef)(0);
-  const isDragging = (0, import_react2.useRef)(false);
-  const pal = (0, import_core4.mushiPalette)(dark ? "dark" : "light");
+  const scale = (0, import_react3.useRef)(new import_react_native4.Animated.Value(1)).current;
+  const posX = (0, import_react3.useRef)(new import_react_native4.Animated.Value(baseX)).current;
+  const posY = (0, import_react3.useRef)(new import_react_native4.Animated.Value(0)).current;
+  const currentX = (0, import_react3.useRef)(baseX);
+  const currentY = (0, import_react3.useRef)(0);
+  const isDragging = (0, import_react3.useRef)(false);
+  const pal = (0, import_core6.mushiPalette)(dark ? "dark" : "light");
   const accentColor = accent ?? pal.accent;
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (!persist) return;
     void loadStoredPos().then((pos) => {
       if (!pos) return;
@@ -1256,7 +1925,7 @@ var MushiFloatingButton = ({
       posY.setValue(pos.y);
     });
   }, [persist, posX, posY]);
-  const snapAndPersist = (0, import_react2.useCallback)(
+  const snapAndPersist = (0, import_react3.useCallback)(
     (x, y) => {
       const { width, height } = getScreenBounds();
       let snappedX = x;
@@ -1268,13 +1937,13 @@ var MushiFloatingButton = ({
       const clampedY = clamp(y, -(height - FAB_SIZE - baseBottom - 60), 0);
       currentX.current = clampedX;
       currentY.current = clampedY;
-      import_react_native3.Animated.spring(posX, {
+      import_react_native4.Animated.spring(posX, {
         toValue: clampedX,
         useNativeDriver: false,
         damping: 18,
         stiffness: 220
       }).start();
-      import_react_native3.Animated.spring(posY, {
+      import_react_native4.Animated.spring(posY, {
         toValue: clampedY,
         useNativeDriver: false,
         damping: 18,
@@ -1284,8 +1953,8 @@ var MushiFloatingButton = ({
     },
     [snapToEdge, persist, posX, posY, baseBottom]
   );
-  const panResponder = (0, import_react2.useRef)(
-    draggable ? import_react_native3.PanResponder.create({
+  const panResponder = (0, import_react3.useRef)(
+    draggable ? import_react_native4.PanResponder.create({
       onStartShouldSetPanResponder: () => true,
       onMoveShouldSetPanResponder: (_, g) => Math.abs(g.dx) > 6 || Math.abs(g.dy) > 6,
       onPanResponderGrant: () => {
@@ -1318,19 +1987,19 @@ var MushiFloatingButton = ({
         }
         isDragging.current = false;
       }
-    }) : import_react_native3.PanResponder.create({})
+    }) : import_react_native4.PanResponder.create({})
   ).current;
-  const handlePressIn = (0, import_react2.useCallback)(() => {
+  const handlePressIn = (0, import_react3.useCallback)(() => {
     if (isDragging.current) return;
-    import_react_native3.Animated.spring(scale, {
+    import_react_native4.Animated.spring(scale, {
       toValue: 0.85,
       useNativeDriver: true,
       damping: 15,
       stiffness: 300
     }).start();
   }, [scale]);
-  const handlePressOut = (0, import_react2.useCallback)(() => {
-    import_react_native3.Animated.spring(scale, {
+  const handlePressOut = (0, import_react3.useCallback)(() => {
+    import_react_native4.Animated.spring(scale, {
       toValue: 1,
       useNativeDriver: true,
       damping: 10,
@@ -1338,15 +2007,15 @@ var MushiFloatingButton = ({
     }).start();
     if (!isDragging.current) onPress();
   }, [scale, onPress]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react_native3.Animated.View,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react_native4.Animated.View,
     {
       ...draggable ? panResponder.panHandlers : {},
       style: [
-        s2.fab,
+        s3.fab,
         {
           left: posX,
-          bottom: import_react_native3.Animated.add(new import_react_native3.Animated.Value(baseBottom), import_react_native3.Animated.multiply(posY, -1)),
+          bottom: import_react_native4.Animated.add(new import_react_native4.Animated.Value(baseBottom), import_react_native4.Animated.multiply(posY, -1)),
           backgroundColor: accentColor,
           shadowColor: dark ? accentColor : pal.ink,
           transform: [{ scale }]
@@ -1355,11 +2024,11 @@ var MushiFloatingButton = ({
       onStartShouldSetResponder: () => !draggable,
       onResponderGrant: handlePressIn,
       onResponderRelease: handlePressOut,
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Animated.Text, { style: s2.emoji, children: import_core4.MUSHI_COPY.triggerText })
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.Animated.Text, { style: s3.emoji, children: import_core6.MUSHI_COPY.triggerText })
     }
   );
 };
-var s2 = import_react_native3.StyleSheet.create({
+var s3 = import_react_native4.StyleSheet.create({
   fab: {
     position: "absolute",
     width: FAB_SIZE,
@@ -1379,93 +2048,93 @@ var s2 = import_react_native3.StyleSheet.create({
 });
 
 // src/components/MushiBanner.tsx
-var import_react3 = require("react");
-var import_react_native4 = require("react-native");
-var import_core5 = require("@mushi-mushi/core");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var MUSHI_BANNER_DEFAULT_HEIGHT = import_core5.MUSHI_GEOMETRY.bannerHeight;
+var import_react4 = require("react");
+var import_react_native5 = require("react-native");
+var import_core7 = require("@mushi-mushi/core");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var MUSHI_BANNER_DEFAULT_HEIGHT = import_core7.MUSHI_GEOMETRY.bannerHeight;
 var MushiBanner = ({
   onPress,
   onDismiss,
-  message = import_core5.MUSHI_COPY.bannerMessage,
-  label = import_core5.MUSHI_COPY.bannerLabel,
+  message = import_core7.MUSHI_COPY.bannerMessage,
+  label = import_core7.MUSHI_COPY.bannerLabel,
   onLayoutHeight
 }) => {
-  const handleLayout = (0, import_react3.useCallback)(
+  const handleLayout = (0, import_react4.useCallback)(
     (e) => {
       onLayoutHeight?.(e.nativeEvent.layout.height);
     },
     [onLayoutHeight]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    import_react_native4.View,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    import_react_native5.View,
     {
-      style: s3.wrap,
+      style: s4.wrap,
       onLayout: handleLayout,
       accessibilityRole: "header",
       accessibilityLabel: "Mushi feedback banner",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native4.TouchableOpacity, { style: s3.main, onPress, activeOpacity: 0.85, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.Text, { style: s3.eyebrow, children: label.toUpperCase() }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.Text, { style: s3.message, numberOfLines: 2, children: message }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.Text, { style: s3.cta, children: import_core5.MUSHI_COPY.bugCta })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native5.TouchableOpacity, { style: s4.main, onPress, activeOpacity: 0.85, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: s4.eyebrow, children: label.toUpperCase() }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: s4.message, numberOfLines: 2, children: message }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: s4.cta, children: import_core7.MUSHI_COPY.bugCta })
         ] }),
-        onDismiss ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_react_native4.TouchableOpacity,
+        onDismiss ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_react_native5.TouchableOpacity,
           {
-            style: s3.dismiss,
+            style: s4.dismiss,
             onPress: onDismiss,
             accessibilityRole: "button",
             accessibilityLabel: "Dismiss banner",
             hitSlop: { top: 8, bottom: 8, left: 8, right: 8 },
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.Text, { style: s3.dismissText, children: "\xD7" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Text, { style: s4.dismissText, children: "\xD7" })
           }
         ) : null
       ]
     }
   );
 };
-var s3 = import_react_native4.StyleSheet.create({
+var s4 = import_react_native5.StyleSheet.create({
   wrap: {
     position: "absolute",
     left: 0,
     right: 0,
     bottom: 0,
-    minHeight: import_core5.MUSHI_GEOMETRY.bannerHeight,
+    minHeight: import_core7.MUSHI_GEOMETRY.bannerHeight,
     flexDirection: "row",
     alignItems: "stretch",
-    backgroundColor: import_core5.MUSHI_BANNER_NEON.bg,
+    backgroundColor: import_core7.MUSHI_BANNER_NEON.bg,
     borderTopWidth: 1,
-    borderTopColor: import_core5.MUSHI_BANNER_NEON.border,
-    zIndex: import_core5.MUSHI_Z.banner,
+    borderTopColor: import_core7.MUSHI_BANNER_NEON.border,
+    zIndex: import_core7.MUSHI_Z.banner,
     elevation: 8,
-    paddingBottom: import_react_native4.Platform.OS === "ios" ? 0 : 0
+    paddingBottom: import_react_native5.Platform.OS === "ios" ? 0 : 0
   },
   main: {
     flex: 1,
     flexDirection: "row",
     alignItems: "center",
-    gap: import_core5.MUSHI_SPACING.snug,
-    paddingHorizontal: import_core5.MUSHI_SPACING.comfy,
-    paddingVertical: import_core5.MUSHI_SPACING.snug,
+    gap: import_core7.MUSHI_SPACING.snug,
+    paddingHorizontal: import_core7.MUSHI_SPACING.comfy,
+    paddingVertical: import_core7.MUSHI_SPACING.snug,
     minHeight: 44
   },
   eyebrow: {
-    fontSize: import_core5.MUSHI_TYPE.sizeLabel,
+    fontSize: import_core7.MUSHI_TYPE.sizeLabel,
     fontWeight: "700",
     letterSpacing: 1.2,
-    color: import_core5.MUSHI_BANNER_NEON.fg
+    color: import_core7.MUSHI_BANNER_NEON.fg
   },
   message: {
     flex: 1,
     fontSize: 12,
     fontWeight: "500",
-    color: import_core5.MUSHI_BANNER_NEON.fg
+    color: import_core7.MUSHI_BANNER_NEON.fg
   },
   cta: {
     fontSize: 12,
     fontWeight: "700",
-    color: import_core5.MUSHI_BANNER_NEON.fg,
+    color: import_core7.MUSHI_BANNER_NEON.fg,
     textDecorationLine: "underline"
   },
   dismiss: {
@@ -1475,13 +2144,13 @@ var s3 = import_react_native4.StyleSheet.create({
   dismissText: {
     fontSize: 20,
     lineHeight: 22,
-    color: import_core5.MUSHI_BANNER_NEON.fg,
+    color: import_core7.MUSHI_BANNER_NEON.fg,
     opacity: 0.7
   }
 });
 
 // src/analytics/event-tracker.ts
-var import_core6 = require("@mushi-mushi/core");
+var import_core8 = require("@mushi-mushi/core");
 var CONSENT_BUFFER_MAX = 50;
 var SPILL_MAX = 200;
 var SPILL_TTL_MS = 24 * 60 * 60 * 1e3;
@@ -1545,7 +2214,7 @@ function createRNEventTracker(opts) {
     const client = resolveClient();
     if (!client) return;
     flushing = true;
-    const batch = buffer.splice(0, import_core6.EVENT_PROPERTY_LIMITS.maxServerBatch);
+    const batch = buffer.splice(0, import_core8.EVENT_PROPERTY_LIMITS.maxServerBatch);
     if (pendingIdentify) {
       batch.unshift({ name: "identify", ts: (/* @__PURE__ */ new Date()).toISOString(), properties: {} });
       pendingIdentify = false;
@@ -1569,7 +2238,7 @@ function createRNEventTracker(opts) {
     } finally {
       flushing = false;
     }
-    if (buffer.length >= import_core6.EVENT_PROPERTY_LIMITS.maxClientBatch) void flushNow();
+    if (buffer.length >= import_core8.EVENT_PROPERTY_LIMITS.maxClientBatch) void flushNow();
   }
   function enqueue(ev) {
     if (consent === "denied") return;
@@ -1578,7 +2247,7 @@ function createRNEventTracker(opts) {
       return;
     }
     buffer.push(ev);
-    if (buffer.length >= import_core6.EVENT_PROPERTY_LIMITS.maxClientBatch) void flushNow();
+    if (buffer.length >= import_core8.EVENT_PROPERTY_LIMITS.maxClientBatch) void flushNow();
   }
   const ready = enabled ? (async () => {
     storage = await loadStorage();
@@ -1618,17 +2287,17 @@ function createRNEventTracker(opts) {
     ready,
     track(name, properties, trackOpts) {
       if (!enabled || destroyed) return false;
-      if (!(0, import_core6.isValidEventName)(name)) return false;
-      const { properties: props } = (0, import_core6.sanitizeEventProperties)(properties, { allowlist, scrub: opts.scrub });
+      if (!(0, import_core8.isValidEventName)(name)) return false;
+      const { properties: props } = (0, import_core8.sanitizeEventProperties)(properties, { allowlist, scrub: opts.scrub });
       let merged = props;
       if (trackOpts?.reserved) {
-        const { properties: res } = (0, import_core6.sanitizeEventProperties)(trackOpts.reserved, { allowReserved: true, scrub: opts.scrub });
+        const { properties: res } = (0, import_core8.sanitizeEventProperties)(trackOpts.reserved, { allowReserved: true, scrub: opts.scrub });
         merged = { ...props, ...res };
       }
       merged.$surface = SURFACE;
       const route = opts.getRoute?.();
       if (route && merged.$route === void 0) merged.$route = route;
-      if (!(0, import_core6.propertiesWithinByteLimit)(merged)) return false;
+      if (!(0, import_core8.propertiesWithinByteLimit)(merged)) return false;
       enqueue({
         name,
         ts: (/* @__PURE__ */ new Date()).toISOString(),
@@ -1697,13 +2366,13 @@ function createRNEventTracker(opts) {
 }
 
 // src/analytics/session-tracker.ts
-var import_core7 = require("@mushi-mushi/core");
+var import_core9 = require("@mushi-mushi/core");
 var HEARTBEAT_INTERVAL_MS = 6e4;
 var RESUME_WINDOW_MS = 30 * 6e4;
 function createRNSessionTracker(opts) {
   const clock = opts.now ?? Date.now;
   const resolveClient = () => typeof opts.client === "function" ? opts.client() : opts.client;
-  let sessionId = opts.sessionId ?? `sess_${(0, import_core7.newUuid)()}`;
+  let sessionId = opts.sessionId ?? `sess_${(0, import_core9.newUuid)()}`;
   let pageViewCount = 0;
   let started = false;
   let allowed = false;
@@ -1771,7 +2440,7 @@ function createRNSessionTracker(opts) {
         backgroundedAt = null;
         if (!allowed) return;
         if (!started || away >= RESUME_WINDOW_MS) {
-          sessionId = `sess_${(0, import_core7.newUuid)()}`;
+          sessionId = `sess_${(0, import_core9.newUuid)()}`;
           startSession();
         } else {
           send("session_heartbeat", { route: route() });
@@ -1800,14 +2469,14 @@ function createRNSessionTracker(opts) {
 
 // src/version.ts
 var MUSHI_SDK_PACKAGE = "@mushi-mushi/react-native";
-var MUSHI_SDK_VERSION = "0.22.0" ? "0.22.0" : "0.17.0";
+var MUSHI_SDK_VERSION = "0.24.0" ? "0.24.0" : "0.17.0";
 
 // src/provider.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var MushiContext = (0, import_react4.createContext)(null);
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var MushiContext = (0, import_react5.createContext)(null);
 function nativeUserAgent() {
-  const os = import_react_native5.Platform?.OS ?? "native";
-  const version = import_react_native5.Platform?.Version;
+  const os = import_react_native6.Platform?.OS ?? "native";
+  const version = import_react_native6.Platform?.Version;
   return `${MUSHI_SDK_PACKAGE}/${MUSHI_SDK_VERSION} (${version != null ? `${os} ${String(version)}` : os})`;
 }
 var DEFAULT_SCREENSHOT_HINT = "Check the preview \u2014 remove it if any private info (balances, personal details) is visible.";
@@ -1848,28 +2517,28 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       );
     }
   }
-  const consoleRef = (0, import_react4.useRef)(null);
-  const networkRef = (0, import_react4.useRef)(null);
-  const queueRef = (0, import_react4.useRef)(null);
-  const apiClientRef = (0, import_react4.useRef)(null);
-  const sessionIdRef = (0, import_react4.useRef)(`sess_${(0, import_core8.newUuid)()}`);
-  const breadcrumbsRef = (0, import_react4.useRef)(
-    (0, import_core8.createBreadcrumbBuffer)({ max: config.capture?.maxBreadcrumbs ?? 50 })
+  const consoleRef = (0, import_react5.useRef)(null);
+  const networkRef = (0, import_react5.useRef)(null);
+  const queueRef = (0, import_react5.useRef)(null);
+  const apiClientRef = (0, import_react5.useRef)(null);
+  const sessionIdRef = (0, import_react5.useRef)(`sess_${(0, import_core10.newUuid)()}`);
+  const breadcrumbsRef = (0, import_react5.useRef)(
+    (0, import_core10.createBreadcrumbBuffer)({ max: config.capture?.maxBreadcrumbs ?? 50 })
   );
-  const [sheetVisible, setSheetVisible] = (0, import_react4.useState)(false);
-  const [sheetPreferredTab, setSheetPreferredTab] = (0, import_react4.useState)("report");
-  const [bannerDismissed, setBannerDismissed] = (0, import_react4.useState)(false);
-  const [sheetScreenshot, setSheetScreenshot] = (0, import_react4.useState)(null);
-  const reporterTokenRef = (0, import_react4.useRef)(`rn-${config.projectId}-anon`);
+  const [sheetVisible, setSheetVisible] = (0, import_react5.useState)(false);
+  const [sheetPreferredTab, setSheetPreferredTab] = (0, import_react5.useState)("report");
+  const [bannerDismissed, setBannerDismissed] = (0, import_react5.useState)(false);
+  const [sheetScreenshot, setSheetScreenshot] = (0, import_react5.useState)(null);
+  const reporterTokenRef = (0, import_react5.useRef)(`rn-${config.projectId}-anon`);
   let resolveReporterTokenReady = () => {
   };
-  const reporterTokenReadyRef = (0, import_react4.useRef)(
+  const reporterTokenReadyRef = (0, import_react5.useRef)(
     new Promise((resolve) => {
       resolveReporterTokenReady = resolve;
     })
   );
-  const userTokenRef = (0, import_react4.useRef)(null);
-  const pageContextRef = (0, import_react4.useRef)(null);
+  const userTokenRef = (0, import_react5.useRef)(null);
+  const pageContextRef = (0, import_react5.useRef)(null);
   const rawEndpoint = config.apiEndpoint ?? config.endpoint;
   if (rawEndpoint !== void 0 && rawEndpoint.trim() === "") {
     throw new Error(
@@ -1879,15 +2548,15 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
   if (config.endpoint && !config.apiEndpoint && __DEV__) {
     console.warn("[MushiProvider] `endpoint` is deprecated \u2014 use `apiEndpoint` instead.");
   }
-  const apiEndpoint = rawEndpoint ?? import_core8.DEFAULT_API_ENDPOINT;
-  (0, import_react4.useEffect)(() => {
+  const apiEndpoint = rawEndpoint ?? import_core10.DEFAULT_API_ENDPOINT;
+  (0, import_react5.useEffect)(() => {
     if (config.capture?.console !== false) {
       consoleRef.current = setupConsoleCapture(config.capture?.maxConsoleEntries);
     }
     if (config.capture?.network !== false) {
       networkRef.current = setupNetworkCapture(config.capture?.maxNetworkEntries, apiEndpoint);
     }
-    apiClientRef.current = (0, import_core8.createApiClient)({
+    apiClientRef.current = (0, import_core10.createApiClient)({
       projectId: config.projectId,
       apiKey: config.apiKey,
       apiEndpoint,
@@ -1924,14 +2593,14 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         if (existing && existing.startsWith("mushi_")) {
           reporterTokenRef.current = existing;
         } else {
-          const fresh = `mushi_${(0, import_core8.newUuid)()}`;
+          const fresh = `mushi_${(0, import_core10.newUuid)()}`;
           reporterTokenRef.current = fresh;
           await saveReporterToken(fresh, secureStorage);
         }
         resolveReporterTokenReady();
       } catch {
         if (reporterTokenRef.current === `rn-${config.projectId}-anon`) {
-          reporterTokenRef.current = `mushi_${(0, import_core8.newUuid)()}`;
+          reporterTokenRef.current = `mushi_${(0, import_core10.newUuid)()}`;
         }
         resolveReporterTokenReady();
       }
@@ -1942,11 +2611,10 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       networkRef.current?.restore();
     };
   }, []);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     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(() => {
           });
@@ -1955,8 +2623,8 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
     } catch {
     }
     return () => unsubscribe?.();
-  }, []);
-  const open = (0, import_react4.useCallback)(() => {
+  }, [config.netInfo]);
+  const open = (0, import_react5.useCallback)(() => {
     setSheetPreferredTab("report");
     breadcrumbsRef.current.add({
       category: "lifecycle",
@@ -1969,11 +2637,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);
@@ -1986,16 +2650,16 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
     }).finally(() => {
       setSheetVisible(true);
     });
-  }, [config.capture?.screenshot]);
-  const openAssistant = (0, import_react4.useCallback)(() => {
+  }, [config.capture?.screenshot, config.viewShot]);
+  const openAssistant = (0, import_react5.useCallback)(() => {
     if (!config.assistant?.enabled) return;
     setSheetPreferredTab("assistant");
     setSheetScreenshot(null);
     setSheetVisible(true);
   }, [config.assistant?.enabled]);
-  const close = (0, import_react4.useCallback)(() => setSheetVisible(false), []);
-  const attachTo = (0, import_react4.useCallback)(() => ({ onPress: open }), [open]);
-  (0, import_react4.useEffect)(() => {
+  const close = (0, import_react5.useCallback)(() => setSheetVisible(false), []);
+  const attachTo = (0, import_react5.useCallback)(() => ({ onPress: open }), [open]);
+  (0, import_react5.useEffect)(() => {
     const trigger2 = config.widget?.trigger ?? "button";
     if (trigger2 !== "shake" && trigger2 !== "both") return;
     let disposed = false;
@@ -2003,8 +2667,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);
@@ -2022,8 +2686,8 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       disposed = true;
       cleanup?.();
     };
-  }, [config.widget?.trigger, config.widget?.shakeThreshold, open]);
-  const submitReport = (0, import_react4.useCallback)(
+  }, [config.widget?.trigger, config.widget?.shakeThreshold, config.expoSensors, open]);
+  const submitReport = (0, import_react5.useCallback)(
     async (data) => {
       await reporterTokenReadyRef.current;
       const deviceInfo = getDeviceInfo();
@@ -2051,7 +2715,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       const merged = Object.keys(metadataRef.current).length > 0 ? { ...contextMeta, ...metadataRef.current } : Object.keys(contextMeta).length > 0 ? contextMeta : void 0;
       const breadcrumbs = breadcrumbsRef.current.getAll().map((c) => ({
         ...c,
-        message: (0, import_core8.scrubPii)(c.message)
+        message: (0, import_core10.scrubPii)(c.message)
       }));
       const timeline = breadcrumbs.map((c) => ({
         ts: c.timestamp,
@@ -2060,10 +2724,11 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       }));
       const fingerprintHash = getDeviceFingerprintHash(deviceInfo);
       const report = {
-        id: (0, import_core8.newUuid)(),
+        id: (0, import_core10.newUuid)(),
         projectId: config.projectId,
         category: data.category,
-        description: (0, import_core8.scrubPii)(data.description),
+        ...data.userCategory ? { userCategory: data.userCategory } : {},
+        description: (0, import_core10.scrubPii)(data.description),
         environment: {
           userAgent: deviceInfo.systemName ?? "ReactNative",
           platform: deviceInfo.platform ?? "mobile",
@@ -2076,7 +2741,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         },
         consoleLogs: (consoleRef.current?.getEntries() ?? []).map((entry) => ({
           ...entry,
-          message: (0, import_core8.scrubPii)(entry.message)
+          message: (0, import_core10.scrubPii)(entry.message)
         })),
         networkLogs: networkRef.current?.getEntries().map((entry) => ({
           ...entry,
@@ -2106,7 +2771,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         const code = result.error?.code ?? "";
         const isCredentialError = code === "HTTP_401" || code === "HTTP_403" || code.includes("UNAUTHORIZED") || code.includes("FORBIDDEN") || code.includes("INVALID_API_KEY");
         if (isCredentialError) {
-          const where = apiEndpoint.replace(/\/$/, "") === import_core8.DEFAULT_API_ENDPOINT ? "Get the correct values at: https://kensaur.us/mushi-mushi/admin/projects" : "Get the correct values from your Mushi console's Projects page.";
+          const where = apiEndpoint.replace(/\/$/, "") === import_core10.DEFAULT_API_ENDPOINT ? "Get the correct values at: https://kensaur.us/mushi-mushi/admin/projects" : "Get the correct values from your Mushi console's Projects page.";
           console.error(
             '[Mushi] Credentials rejected. Check your projectId and apiKey (must have "report:write" scope). ' + where
           );
@@ -2122,17 +2787,18 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         };
       } else {
         config.callbacks?.onReportSubmitted?.(report.id);
+        void writeReporterFlag(config.projectId, "has_reports", "1");
         return { ok: true };
       }
     },
     [config.projectId, config.callbacks, apiEndpoint]
   );
-  const userRef = (0, import_react4.useRef)(null);
-  const metadataRef = (0, import_react4.useRef)({});
-  const screenRef = (0, import_react4.useRef)(null);
-  const activityQueueRef = (0, import_react4.useRef)([]);
-  const rewardsFlushRef = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
+  const userRef = (0, import_react5.useRef)(null);
+  const metadataRef = (0, import_react5.useRef)({});
+  const screenRef = (0, import_react5.useRef)(null);
+  const activityQueueRef = (0, import_react5.useRef)([]);
+  const rewardsFlushRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
     const rewards = config.rewards;
     if (!rewards?.enabled || !rewards.trackActivity) return;
     const flushMs = Math.max(3e4, rewards.flushIntervalMs ?? 3e5);
@@ -2152,9 +2818,9 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       if (rewardsFlushRef.current) clearInterval(rewardsFlushRef.current);
     };
   }, [config.rewards?.enabled, config.rewards?.trackActivity, config.rewards?.flushIntervalMs]);
-  const eventTrackerRef = (0, import_react4.useRef)(null);
-  const sessionTrackerRef = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
+  const eventTrackerRef = (0, import_react5.useRef)(null);
+  const sessionTrackerRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
     const getRoute = () => screenRef.current?.route ?? screenRef.current?.name ?? null;
     const tracker = createRNEventTracker({
       projectId: config.projectId,
@@ -2167,7 +2833,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       getRoute,
       sdkVersion: MUSHI_SDK_VERSION,
       config: config.analytics,
-      scrub: import_core8.scrubPii
+      scrub: import_core10.scrubPii
     });
     eventTrackerRef.current = tracker;
     const sessions = config.trackSessions === false ? null : createRNSessionTracker({
@@ -2185,8 +2851,8 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
     sessionTrackerRef.current = sessions;
     let sub;
     try {
-      if (typeof import_react_native5.AppState?.addEventListener === "function") {
-        sub = import_react_native5.AppState.addEventListener("change", (state) => {
+      if (typeof import_react_native6.AppState?.addEventListener === "function") {
+        sub = import_react_native6.AppState.addEventListener("change", (state) => {
           sessions?.onAppStateChange(state);
           if (state !== "active") tracker.flush().catch(() => {
           });
@@ -2209,7 +2875,71 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
     config.analytics?.flushIntervalMs,
     config.trackSessions
   ]);
-  const instance = (0, import_react4.useMemo)(
+  const reporterUpdatesRef = (0, import_react5.useRef)(
+    createReporterUpdateHub(async () => {
+      const client = apiClientRef.current;
+      if (!client) return null;
+      await reporterTokenReadyRef.current;
+      const res = await (0, import_reporter_channels2.reporterChannels)(client).getUpdates(reporterTokenRef.current);
+      return res.ok ? res.data ?? null : null;
+    })
+  );
+  (0, import_react5.useEffect)(() => {
+    let sub;
+    try {
+      if (typeof import_react_native6.AppState?.addEventListener === "function") {
+        sub = import_react_native6.AppState.addEventListener("change", (state) => {
+          if (state === "active" && reporterUpdatesRef.current.listenerCount() > 0) void reporterUpdatesRef.current.emit();
+        });
+      }
+    } catch {
+    }
+    return () => sub?.remove();
+  }, []);
+  const [toast, setToast] = (0, import_react5.useState)(null);
+  const toastShownRef = (0, import_react5.useRef)(false);
+  const toastEnabled = config.notifications?.toast !== false;
+  const maybeShowToast = (0, import_react5.useCallback)(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 = (0, import_reporter_ui3.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 = (0, import_reporter_ui3.resolveReporterLocale)(
+      typeof navigator !== "undefined" ? navigator.language : void 0
+    );
+    setToast({ message: (0, import_reporter_ui3.reporterToastMessage)(updates, locale), reportId: updates.latest[0]?.report_id ?? null });
+  }, [toastEnabled, config.projectId]);
+  (0, import_react5.useEffect)(() => {
+    void reporterTokenReadyRef.current.then(() => maybeShowToast());
+    let sub;
+    try {
+      if (typeof import_react_native6.AppState?.addEventListener === "function") {
+        sub = import_react_native6.AppState.addEventListener("change", (state) => {
+          if (state === "active") void maybeShowToast();
+        });
+      }
+    } catch {
+    }
+    return () => sub?.remove();
+  }, [maybeShowToast]);
+  const openMyReports = (0, import_react5.useCallback)(() => {
+    setToast(null);
+    setSheetScreenshot(null);
+    setSheetPreferredTab("inbox");
+    setSheetVisible(true);
+  }, []);
+  const instance = (0, import_react5.useMemo)(
     () => ({
       open,
       close,
@@ -2240,7 +2970,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       identifyWithToken(token) {
         userTokenRef.current = token && typeof token === "string" ? token : null;
         if (userTokenRef.current) {
-          const claims = (0, import_core8.parseIdentityToken)(userTokenRef.current);
+          const claims = (0, import_core10.parseIdentityToken)(userTokenRef.current);
           if (claims?.sub) {
             userRef.current = {
               id: claims.sub,
@@ -2295,6 +3025,54 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         const res = await client.listReporterComments(reportId, reporterTokenRef.current);
         return res.ok ? res.data.comments ?? [] : [];
       },
+      async loadMyThread(reportId) {
+        const client = apiClientRef.current;
+        if (!client) return null;
+        try {
+          await reporterTokenReadyRef.current;
+          const res = await client.listReporterComments(reportId, reporterTokenRef.current);
+          return res.ok ? res.data?.comments ?? [] : null;
+        } catch {
+          return null;
+        }
+      },
+      async markReportRead(reportId) {
+        const client = apiClientRef.current;
+        if (!client) return 0;
+        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 (0, import_reporter_channels2.reporterChannels)(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 (0, import_reporter_channels2.reporterChannels)(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 (0, import_reporter_channels2.reporterChannels)(client).setPrefs(reporterTokenRef.current, update);
+      },
       async replyToReport(reportId, body) {
         const client = apiClientRef.current;
         if (!client) return null;
@@ -2365,14 +3143,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__ */ (0, import_jsx_runtime4.jsxs)(MushiContext.Provider, { value: instance, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(MushiContext.Provider, { value: instance, children: [
     children,
-    showBanner ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    showBanner ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       MushiBanner,
       {
         onPress: open,
@@ -2381,7 +3159,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         label: config.widget?.banner?.label
       }
     ) : null,
-    showFab && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    showFab && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       MushiFloatingButton,
       {
         onPress: open,
@@ -2389,7 +3167,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         inset: config.widget?.inset
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       MushiBottomSheet,
       {
         visible: sheetVisible,
@@ -2402,13 +3180,25 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         assistantLabel: config.assistant?.label,
         assistantGreeting: config.assistant?.greeting,
         assistantSuggestions: config.assistant?.suggestions,
-        inboxPollIntervalMs: config.widget?.inboxPollIntervalMs ?? 0
+        inboxPollIntervalMs: config.widget?.inboxPollIntervalMs ?? 0,
+        theme: config.widget?.theme,
+        minDescriptionLength: config.widget?.minDescriptionLength,
+        emailOptIn: config.notifications?.email !== false
+      }
+    ),
+    toast ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      MushiUpdateToast,
+      {
+        message: toast.message,
+        onView: openMyReports,
+        onDismiss: () => setToast(null),
+        theme: config.widget?.theme
       }
-    )
+    ) : null
   ] });
 }
 function useMushiContext() {
-  return (0, import_react4.useContext)(MushiContext);
+  return (0, import_react5.useContext)(MushiContext);
 }
 
 // src/hooks/useMushi.ts
@@ -2417,10 +3207,10 @@ function useMushi() {
 }
 
 // src/hooks/useMushiReport.ts
-var import_react5 = require("react");
+var import_react6 = require("react");
 function useMushiReport() {
   const mushi = useMushiContext();
-  const submitReport = (0, import_react5.useCallback)(
+  const submitReport = (0, import_react6.useCallback)(
     async (data) => {
       if (!mushi) throw new Error("MushiProvider not found");
       await mushi.submitReport(data);
@@ -2431,22 +3221,22 @@ function useMushiReport() {
 }
 
 // src/hooks/useMushiWidget.ts
-var import_react6 = require("react");
+var import_react7 = require("react");
 function useMushiWidget() {
   const mushi = useMushiContext();
   return {
-    open: (0, import_react6.useCallback)(() => mushi?.open(), [mushi]),
-    close: (0, import_react6.useCallback)(() => mushi?.close(), [mushi])
+    open: (0, import_react7.useCallback)(() => mushi?.open(), [mushi]),
+    close: (0, import_react7.useCallback)(() => mushi?.close(), [mushi])
   };
 }
 
 // src/components/MushiTrigger.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 function MushiTrigger({ children }) {
   const mushi = useMushiContext();
-  if (!(0, import_react7.isValidElement)(children)) return children;
+  if (!(0, import_react8.isValidElement)(children)) return children;
   const originalOnPress = children.props.onPress;
-  return (0, import_react7.cloneElement)(children, {
+  return (0, import_react8.cloneElement)(children, {
     onPress: () => {
       originalOnPress?.();
       mushi?.open();
@@ -2455,10 +3245,10 @@ function MushiTrigger({ children }) {
 }
 
 // src/capture/navigation-capture.ts
-var import_react8 = require("react");
+var import_react9 = require("react");
 function useNavigationCapture(navigationRef) {
-  const historyRef = (0, import_react8.useRef)([]);
-  (0, import_react8.useEffect)(() => {
+  const historyRef = (0, import_react9.useRef)([]);
+  (0, import_react9.useEffect)(() => {
     if (!navigationRef?.addListener || !navigationRef?.getCurrentRoute) return;
     const unsubscribe = navigationRef.addListener("state", () => {
       const route = navigationRef.getCurrentRoute?.();