@mushi-mushi/react-native 0.13.1 → 0.15.0

package/README.md

@@ -115,3 +115,9 @@ See the full [CHANGELOG](https://github.com/kensaurus/mushi-mushi/blob/master/pa
 ## License
 
 MIT
+
+
+<!-- mushi-readme-stats-footer -->
+---
+
+<sub>Monorepo scale (June 2026): 43 edge functions · 234 SQL migrations · 13 outbound plugins · 11 inbound adapters. Canonical counts: <a href="https://github.com/kensaurus/mushi-mushi/blob/master/docs/stats.md">docs/stats.md</a> · <code>pnpm docs-stats</code></sub>

package/dist/index.cjs

@@ -319,7 +319,12 @@ var CATEGORIES = [
   { key: "confusing", emoji: "\u{1F615}", label: "Confusing" },
   { key: "other", emoji: "\u{1F4AC}", label: "Other" }
 ];
-var MushiBottomSheet = ({ visible, onClose }) => {
+var MushiBottomSheet = ({
+  visible,
+  onClose,
+  screenshotDataUrl,
+  onClearScreenshot
+}) => {
   const mushi = useMushiContext();
   const scheme = (0, import_react_native2.useColorScheme)();
   const dark = scheme === "dark";
@@ -328,6 +333,47 @@ var MushiBottomSheet = ({ visible, onClose }) => {
   const [category, setCategory] = (0, import_react.useState)(null);
   const [description, setDescription] = (0, import_react.useState)("");
   const [phase, setPhase] = (0, import_react.useState)("form");
+  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 [screenshotAttached, setScreenshotAttached] = (0, import_react.useState)(true);
+  (0, import_react.useEffect)(() => {
+    if (visible) {
+      setScreenshotAttached(true);
+      if (sheetTab === "inbox") void loadInbox();
+    }
+  }, [visible, sheetTab]);
+  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]);
+  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 resetForm = (0, import_react.useCallback)(() => {
     setCategory(null);
     setDescription("");
@@ -399,13 +445,18 @@ var MushiBottomSheet = ({ visible, onClose }) => {
     if (!category || !description.trim() || !mushi) return;
     setPhase("sending");
     try {
-      await mushi.submitReport({ category, description: description.trim() });
+      await mushi.submitReport({
+        category,
+        description: description.trim(),
+        screenshotDataUrl: screenshotDataUrl && screenshotAttached ? screenshotDataUrl : void 0
+      });
       setPhase("sent");
       setTimeout(handleClose, 1400);
     } catch {
       setPhase("form");
     }
   };
+  const activeScreenshot = screenshotDataUrl && screenshotAttached ? screenshotDataUrl : null;
   const colors = dark ? { bg: "#1c1c1e", text: "#f2f2f7", sub: "#8e8e93", card: "#2c2c2e", accent: "#0a84ff", border: "#38383a", backdrop: "rgba(0,0,0,0.6)" } : { bg: "#ffffff", text: "#1c1c1e", sub: "#8e8e93", card: "#f2f2f7", accent: "#007aff", border: "#e5e5ea", backdrop: "rgba(0,0,0,0.35)" };
   const canSubmit = !!category && description.trim().length > 0 && phase === "form";
   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)(
@@ -430,7 +481,44 @@ var MushiBottomSheet = ({ visible, onClose }) => {
             ],
             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 }] }) }),
-              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.View, { style: s.tabRow, children: ["report", "inbox"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_react_native2.TouchableOpacity,
+                {
+                  onPress: () => {
+                    setSheetTab(tab);
+                    if (tab === "inbox") void loadInbox();
+                    else setSelectedReportId(null);
+                  },
+                  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.accent : colors.sub }], children: tab === "report" ? "Report" : "Inbox" })
+                },
+                tab
+              )) }),
+              sheetTab === "inbox" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { style: s.body, children: inboxLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.sub }, children: "Loading\u2026" }) : 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.jsx)(import_react_native2.Text, { style: { color: colors.accent, marginBottom: 8 }, children: "\u2190 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)),
+                inboxReports.find((r) => r.id === selectedReportId)?.status === "fixed" && /* @__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, children: "Yes, fixed" }) }),
+                  /* @__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: "Not fixed" }) })
+                ] }),
+                /* @__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: "Reply\u2026",
+                    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, children: "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: 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: "Report sent!" })
               ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: s.body, children: [
@@ -486,6 +574,32 @@ var MushiBottomSheet = ({ visible, onClose }) => {
                     editable: phase === "form"
                   }
                 ),
+                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,
+                    {
+                      source: { uri: activeScreenshot },
+                      style: s.screenshotThumb,
+                      accessibilityLabel: "Attached screenshot"
+                    }
+                  ),
+                  /* @__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: "Screenshot attached" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.screenshotSub, { color: colors.sub }], children: "Helps the team see the issue" })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_react_native2.TouchableOpacity,
+                    {
+                      onPress: () => {
+                        setScreenshotAttached(false);
+                        onClearScreenshot?.();
+                      },
+                      hitSlop: { top: 8, bottom: 8, left: 8, right: 8 },
+                      accessibilityLabel: "Remove screenshot",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.screenshotRemove, { color: colors.sub }], children: "\u2715" })
+                    }
+                  )
+                ] }) : null,
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   import_react_native2.TouchableOpacity,
                   {
@@ -598,6 +712,76 @@ var s = import_react_native2.StyleSheet.create({
   sentText: {
     fontSize: 20,
     fontWeight: "600"
+  },
+  screenshotRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    marginBottom: 12,
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    borderRadius: 10,
+    backgroundColor: "rgba(128,128,128,0.1)"
+  },
+  screenshotThumb: {
+    width: 48,
+    height: 36,
+    borderRadius: 4,
+    backgroundColor: "#000",
+    flexShrink: 0
+  },
+  screenshotMeta: {
+    flex: 1,
+    gap: 2
+  },
+  screenshotLabel: {
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  screenshotSub: {
+    fontSize: 11
+  },
+  screenshotRemove: {
+    fontSize: 16,
+    fontWeight: "700",
+    paddingHorizontal: 4
+  },
+  tabRow: {
+    flexDirection: "row",
+    borderBottomWidth: import_react_native2.StyleSheet.hairlineWidth,
+    borderBottomColor: "#ccc",
+    marginBottom: 8
+  },
+  tabBtn: {
+    flex: 1,
+    alignItems: "center",
+    paddingVertical: 10,
+    borderBottomWidth: 2,
+    borderBottomColor: "transparent"
+  },
+  tabLabel: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  inboxRow: {
+    paddingVertical: 12,
+    borderBottomWidth: import_react_native2.StyleSheet.hairlineWidth
+  },
+  threadBubble: {
+    borderRadius: 10,
+    padding: 10,
+    marginBottom: 8
+  },
+  verifyRow: {
+    flexDirection: "row",
+    gap: 8,
+    marginBottom: 12
+  },
+  verifyBtn: {
+    flex: 1,
+    borderRadius: 10,
+    paddingVertical: 10,
+    alignItems: "center"
   }
 });
 
@@ -683,6 +867,15 @@ function MushiProvider({ children, ...config }) {
   const queueRef = (0, import_react3.useRef)(null);
   const apiClientRef = (0, import_react3.useRef)(null);
   const [sheetVisible, setSheetVisible] = (0, import_react3.useState)(false);
+  const [sheetScreenshot, setSheetScreenshot] = (0, import_react3.useState)(null);
+  const reporterTokenRef = (0, import_react3.useRef)(`rn-${config.projectId}-anon`);
+  let resolveReporterTokenReady = () => {
+  };
+  const reporterTokenReadyRef = (0, import_react3.useRef)(
+    new Promise((resolve) => {
+      resolveReporterTokenReady = resolve;
+    })
+  );
   if (config.endpoint !== void 0 && config.endpoint.trim() === "") {
     throw new Error(
       "[MushiProvider] endpoint is set to an empty string. Set endpoint to your Supabase edge function URL, e.g. https://xyz.supabase.co/functions/v1/api, or omit it to use the cloud default."
@@ -708,6 +901,27 @@ function MushiProvider({ children, ...config }) {
     });
     queueRef.current.flush().catch(() => {
     });
+    (async () => {
+      const TOKEN_KEY = "@mushi:reporter_token";
+      try {
+        const AsyncStorage = (await import("@react-native-async-storage/async-storage")).default;
+        const existing = await AsyncStorage.getItem(TOKEN_KEY);
+        if (existing && existing.startsWith("mushi_")) {
+          reporterTokenRef.current = existing;
+        } else {
+          const fresh = `mushi_${(0, import_core.newUuid)()}`;
+          reporterTokenRef.current = fresh;
+          await AsyncStorage.setItem(TOKEN_KEY, fresh);
+        }
+        resolveReporterTokenReady();
+      } catch {
+        if (reporterTokenRef.current === `rn-${config.projectId}-anon`) {
+          reporterTokenRef.current = `mushi_${(0, import_core.newUuid)()}`;
+        }
+        resolveReporterTokenReady();
+      }
+    })().catch(() => {
+    });
     return () => {
       consoleRef.current?.restore();
       networkRef.current?.restore();
@@ -727,7 +941,25 @@ function MushiProvider({ children, ...config }) {
     }
     return () => unsubscribe?.();
   }, []);
-  const open = (0, import_react3.useCallback)(() => setSheetVisible(true), []);
+  const open = (0, import_react3.useCallback)(() => {
+    let vshot = null;
+    try {
+      vshot = require("react-native-view-shot");
+    } catch {
+    }
+    if (!vshot) {
+      setSheetScreenshot(null);
+      setSheetVisible(true);
+      return;
+    }
+    vshot.captureScreen({ format: "jpg", quality: 0.7, result: "data-uri" }).then((url) => {
+      setSheetScreenshot(url);
+    }).catch(() => {
+      setSheetScreenshot(null);
+    }).finally(() => {
+      setSheetVisible(true);
+    });
+  }, []);
   const close = (0, import_react3.useCallback)(() => setSheetVisible(false), []);
   const attachTo = (0, import_react3.useCallback)(() => ({ onPress: open }), [open]);
   (0, import_react3.useEffect)(() => {
@@ -761,8 +993,16 @@ function MushiProvider({ children, ...config }) {
   const submitReport = (0, import_react3.useCallback)(
     async (data) => {
       const deviceInfo = getDeviceInfo();
+      const contextMeta = {};
+      if (userRef.current?.id) contextMeta.userId = userRef.current.id;
+      if (userRef.current?.email) contextMeta.userEmail = userRef.current.email;
+      if (userRef.current?.name) contextMeta.userName = userRef.current.name;
+      if (screenRef.current?.name) contextMeta.screenName = screenRef.current.name;
+      if (screenRef.current?.route) contextMeta.screenRoute = screenRef.current.route;
+      if (screenRef.current?.feature) contextMeta.screenFeature = screenRef.current.feature;
+      const merged = Object.keys(metadataRef.current).length > 0 ? { ...contextMeta, ...metadataRef.current } : Object.keys(contextMeta).length > 0 ? contextMeta : void 0;
       const report = {
-        id: `rn-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+        id: (0, import_core.newUuid)(),
         projectId: config.projectId,
         category: data.category,
         description: data.description,
@@ -771,7 +1011,7 @@ function MushiProvider({ children, ...config }) {
           platform: deviceInfo.platform ?? "mobile",
           language: deviceInfo.locale ?? "en",
           viewport: { width: deviceInfo.screenWidth ?? 0, height: deviceInfo.screenHeight ?? 0 },
-          url: "",
+          url: screenRef.current?.route ?? "",
           referrer: "",
           timestamp: (/* @__PURE__ */ new Date()).toISOString(),
           timezone: deviceInfo.timezone ?? "UTC"
@@ -781,7 +1021,9 @@ function MushiProvider({ children, ...config }) {
           ...entry,
           status: entry.status ?? 0
         })) ?? [],
-        reporterToken: `rn-${config.projectId}-anon`,
+        screenshotDataUrl: data.screenshotDataUrl,
+        metadata: merged,
+        reporterToken: reporterTokenRef.current,
         createdAt: (/* @__PURE__ */ new Date()).toISOString()
       };
       const client = apiClientRef.current;
@@ -791,7 +1033,7 @@ function MushiProvider({ children, ...config }) {
         await queueRef.current?.enqueue(report);
       }
     },
-    [config.projectId, config.apiKey, apiEndpoint]
+    [config.projectId, apiEndpoint]
   );
   const userRef = (0, import_react3.useRef)(null);
   const metadataRef = (0, import_react3.useRef)({});
@@ -842,6 +1084,45 @@ function MushiProvider({ children, ...config }) {
       setScreen(screen) {
         screenRef.current = screen;
       },
+      // Reporter API — scoped to the device's persistent reporter token
+      async listMyReports() {
+        const client = apiClientRef.current;
+        if (!client) return [];
+        await reporterTokenReadyRef.current;
+        const res = await client.listReporterReports(reporterTokenRef.current);
+        return res.ok ? res.data?.reports ?? [] : [];
+      },
+      async listMyComments(reportId) {
+        const client = apiClientRef.current;
+        if (!client) return [];
+        const res = await client.listReporterComments(reportId, reporterTokenRef.current);
+        return res.ok ? res.data.comments ?? [] : [];
+      },
+      async replyToReport(reportId, body) {
+        const client = apiClientRef.current;
+        if (!client) return null;
+        const res = await client.replyToReporterReport(reportId, reporterTokenRef.current, body);
+        return res.ok ? res.data.comment : null;
+      },
+      async submitFeedbackSignal(reportId, signal, note) {
+        const client = apiClientRef.current;
+        if (!client) return null;
+        const res = await client.replyToReporterReport(reportId, reporterTokenRef.current, note ?? "", signal);
+        return res.ok ? res.data.feedback ?? null : null;
+      },
+      async reopenReport(reportId, note) {
+        const client = apiClientRef.current;
+        if (!client) return null;
+        const res = await client.reopenReporterReport(reportId, reporterTokenRef.current, note);
+        return res.ok ? res.data.outcome : null;
+      },
+      // Leaderboard — SDK-public anonymized hall-of-fame
+      async getHallOfFame(limit = 10) {
+        const client = apiClientRef.current;
+        if (!client) return [];
+        const res = await client.getHallOfFame(limit);
+        return res.ok ? res.data.data ?? [] : [];
+      },
       // Rewards (P1)
       recordActivity(action, metadata) {
         if (!config.rewards?.enabled) return;
@@ -883,7 +1164,15 @@ function MushiProvider({ children, ...config }) {
         inset: config.widget?.inset
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MushiBottomSheet, { visible: sheetVisible, onClose: close })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      MushiBottomSheet,
+      {
+        visible: sheetVisible,
+        onClose: close,
+        screenshotDataUrl: sheetScreenshot ?? void 0,
+        onClearScreenshot: () => setSheetScreenshot(null)
+      }
+    )
   ] });
 }
 function useMushiContext() {

package/dist/index.d.cts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, FC, ReactElement } from 'react';
-import { MushiRewardsConfig, MushiTierResult, MushiReputationResult } from '@mushi-mushi/core';
+import { MushiRewardsConfig, MushiReporterReport, MushiReporterComment, MushiHallOfFameEntry, MushiTierResult, MushiReputationResult } from '@mushi-mushi/core';
+export { MushiHallOfFameEntry, MushiReporterComment, MushiReporterReport } from '@mushi-mushi/core';
 
 interface ConsoleEntry {
     level: 'log' | 'warn' | 'error';
@@ -69,15 +70,18 @@ interface MushiRNConfig {
     };
     rewards?: MushiRewardsConfig;
 }
+
 interface MushiRNInstance {
     open(): void;
     close(): void;
     attachTo(): {
         onPress: () => void;
     };
+    /** screenshotDataUrl is optional — pass `undefined` if not captured or removed by the user. */
     submitReport(data: {
         description: string;
         category: string;
+        screenshotDataUrl?: string;
     }): Promise<void>;
     getDeviceInfo(): ReturnType<typeof getDeviceInfo>;
     getConsoleEntries(): ReturnType<ReturnType<typeof setupConsoleCapture>['getEntries']>;
@@ -97,6 +101,18 @@ interface MushiRNInstance {
         route?: string;
         feature?: string;
     }): void;
+    /** List this device's reports ordered by most recent. Returns [] on failure. */
+    listMyReports(): Promise<MushiReporterReport[]>;
+    /** List admin + reporter comments on a specific report. */
+    listMyComments(reportId: string): Promise<MushiReporterComment[]>;
+    /** Post a reporter reply on a report thread. Returns the new comment or null on failure. */
+    replyToReport(reportId: string, body: string): Promise<MushiReporterComment | null>;
+    /** Record a reporter feedback signal (e.g. `confirms`, `not_fixed`) on a report. Returns the outcome or null. */
+    submitFeedbackSignal(reportId: string, signal: string, note?: string): Promise<Record<string, unknown> | null>;
+    /** Reopen a report the reporter flagged as not fixed. Returns the reopen outcome or null. */
+    reopenReport(reportId: string, note?: string): Promise<Record<string, unknown> | null>;
+    /** Fetch the project's top contributors by points (max 50). */
+    getHallOfFame(limit?: number): Promise<MushiHallOfFameEntry[]>;
     /** Manually record a host-defined activity event. */
     recordActivity(action: string, metadata?: Record<string, unknown>): void;
     /** Returns the current user's tier. */
@@ -153,6 +169,10 @@ declare function useMushiWidget(): {
 interface MushiBottomSheetProps {
     visible: boolean;
     onClose: () => void;
+    /** Base64 data-URI of the screenshot captured before the sheet opened. Optional. */
+    screenshotDataUrl?: string;
+    /** Called when the user removes the attached screenshot. */
+    onClearScreenshot?: () => void;
 }
 declare const MushiBottomSheet: FC<MushiBottomSheetProps>;
 

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, FC, ReactElement } from 'react';
-import { MushiRewardsConfig, MushiTierResult, MushiReputationResult } from '@mushi-mushi/core';
+import { MushiRewardsConfig, MushiReporterReport, MushiReporterComment, MushiHallOfFameEntry, MushiTierResult, MushiReputationResult } from '@mushi-mushi/core';
+export { MushiHallOfFameEntry, MushiReporterComment, MushiReporterReport } from '@mushi-mushi/core';
 
 interface ConsoleEntry {
     level: 'log' | 'warn' | 'error';
@@ -69,15 +70,18 @@ interface MushiRNConfig {
     };
     rewards?: MushiRewardsConfig;
 }
+
 interface MushiRNInstance {
     open(): void;
     close(): void;
     attachTo(): {
         onPress: () => void;
     };
+    /** screenshotDataUrl is optional — pass `undefined` if not captured or removed by the user. */
     submitReport(data: {
         description: string;
         category: string;
+        screenshotDataUrl?: string;
     }): Promise<void>;
     getDeviceInfo(): ReturnType<typeof getDeviceInfo>;
     getConsoleEntries(): ReturnType<ReturnType<typeof setupConsoleCapture>['getEntries']>;
@@ -97,6 +101,18 @@ interface MushiRNInstance {
         route?: string;
         feature?: string;
     }): void;
+    /** List this device's reports ordered by most recent. Returns [] on failure. */
+    listMyReports(): Promise<MushiReporterReport[]>;
+    /** List admin + reporter comments on a specific report. */
+    listMyComments(reportId: string): Promise<MushiReporterComment[]>;
+    /** Post a reporter reply on a report thread. Returns the new comment or null on failure. */
+    replyToReport(reportId: string, body: string): Promise<MushiReporterComment | null>;
+    /** Record a reporter feedback signal (e.g. `confirms`, `not_fixed`) on a report. Returns the outcome or null. */
+    submitFeedbackSignal(reportId: string, signal: string, note?: string): Promise<Record<string, unknown> | null>;
+    /** Reopen a report the reporter flagged as not fixed. Returns the reopen outcome or null. */
+    reopenReport(reportId: string, note?: string): Promise<Record<string, unknown> | null>;
+    /** Fetch the project's top contributors by points (max 50). */
+    getHallOfFame(limit?: number): Promise<MushiHallOfFameEntry[]>;
     /** Manually record a host-defined activity event. */
     recordActivity(action: string, metadata?: Record<string, unknown>): void;
     /** Returns the current user's tier. */
@@ -153,6 +169,10 @@ declare function useMushiWidget(): {
 interface MushiBottomSheetProps {
     visible: boolean;
     onClose: () => void;
+    /** Base64 data-URI of the screenshot captured before the sheet opened. Optional. */
+    screenshotDataUrl?: string;
+    /** Called when the user removes the attached screenshot. */
+    onClearScreenshot?: () => void;
 }
 declare const MushiBottomSheet: FC<MushiBottomSheetProps>;
 

package/dist/index.js

@@ -17,7 +17,8 @@ import {
 } from "react";
 import {
   createApiClient,
-  DEFAULT_API_ENDPOINT
+  DEFAULT_API_ENDPOINT,
+  newUuid
 } from "@mushi-mushi/core";
 
 // src/capture/console-capture.ts
@@ -288,6 +289,7 @@ import {
   View,
   Text,
   TextInput,
+  Image,
   TouchableOpacity,
   Animated,
   PanResponder,
@@ -297,7 +299,7 @@ import {
   KeyboardAvoidingView,
   useColorScheme
 } from "react-native";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var { height: SCREEN_HEIGHT } = Dimensions2.get("window");
 var SHEET_HEIGHT = SCREEN_HEIGHT * 0.55;
 var DISMISS_THRESHOLD = 80;
@@ -308,7 +310,12 @@ var CATEGORIES = [
   { key: "confusing", emoji: "\u{1F615}", label: "Confusing" },
   { key: "other", emoji: "\u{1F4AC}", label: "Other" }
 ];
-var MushiBottomSheet = ({ visible, onClose }) => {
+var MushiBottomSheet = ({
+  visible,
+  onClose,
+  screenshotDataUrl,
+  onClearScreenshot
+}) => {
   const mushi = useMushiContext();
   const scheme = useColorScheme();
   const dark = scheme === "dark";
@@ -317,6 +324,47 @@ var MushiBottomSheet = ({ visible, onClose }) => {
   const [category, setCategory] = useState(null);
   const [description, setDescription] = useState("");
   const [phase, setPhase] = useState("form");
+  const [sheetTab, setSheetTab] = useState("report");
+  const [inboxReports, setInboxReports] = useState([]);
+  const [inboxLoading, setInboxLoading] = useState(false);
+  const [selectedReportId, setSelectedReportId] = useState(null);
+  const [threadComments, setThreadComments] = useState([]);
+  const [replyText, setReplyText] = useState("");
+  const [screenshotAttached, setScreenshotAttached] = useState(true);
+  useEffect(() => {
+    if (visible) {
+      setScreenshotAttached(true);
+      if (sheetTab === "inbox") void loadInbox();
+    }
+  }, [visible, sheetTab]);
+  const loadInbox = useCallback(async () => {
+    if (!mushi?.listMyReports) return;
+    setInboxLoading(true);
+    try {
+      const rows = await mushi.listMyReports();
+      setInboxReports(rows);
+    } finally {
+      setInboxLoading(false);
+    }
+  }, [mushi]);
+  const openThread = useCallback(async (reportId) => {
+    setSelectedReportId(reportId);
+    if (!mushi?.listMyComments) return;
+    const comments = await mushi.listMyComments(reportId);
+    setThreadComments(comments);
+  }, [mushi]);
+  const sendReply = 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 = useCallback(async (signal) => {
+    if (!mushi?.submitFeedbackSignal || !selectedReportId) return;
+    await mushi.submitFeedbackSignal(selectedReportId, signal);
+    await loadInbox();
+    await openThread(selectedReportId);
+  }, [mushi, selectedReportId, loadInbox, openThread]);
   const resetForm = useCallback(() => {
     setCategory(null);
     setDescription("");
@@ -388,13 +436,18 @@ var MushiBottomSheet = ({ visible, onClose }) => {
     if (!category || !description.trim() || !mushi) return;
     setPhase("sending");
     try {
-      await mushi.submitReport({ category, description: description.trim() });
+      await mushi.submitReport({
+        category,
+        description: description.trim(),
+        screenshotDataUrl: screenshotDataUrl && screenshotAttached ? screenshotDataUrl : void 0
+      });
       setPhase("sent");
       setTimeout(handleClose, 1400);
     } catch {
       setPhase("form");
     }
   };
+  const activeScreenshot = screenshotDataUrl && screenshotAttached ? screenshotDataUrl : null;
   const colors = dark ? { bg: "#1c1c1e", text: "#f2f2f7", sub: "#8e8e93", card: "#2c2c2e", accent: "#0a84ff", border: "#38383a", backdrop: "rgba(0,0,0,0.6)" } : { bg: "#ffffff", text: "#1c1c1e", sub: "#8e8e93", card: "#f2f2f7", accent: "#007aff", border: "#e5e5ea", backdrop: "rgba(0,0,0,0.35)" };
   const canSubmit = !!category && description.trim().length > 0 && phase === "form";
   return /* @__PURE__ */ jsx(Modal, { visible, transparent: true, animationType: "none", statusBarTranslucent: true, children: /* @__PURE__ */ jsxs(
@@ -419,7 +472,44 @@ var MushiBottomSheet = ({ visible, onClose }) => {
             ],
             children: [
               /* @__PURE__ */ jsx(View, { ...panResponder.panHandlers, style: s.handleArea, children: /* @__PURE__ */ jsx(View, { style: [s.handle, { backgroundColor: colors.sub }] }) }),
-              phase === "sent" ? /* @__PURE__ */ jsxs(View, { style: s.sentWrap, children: [
+              /* @__PURE__ */ jsx(View, { style: s.tabRow, children: ["report", "inbox"].map((tab) => /* @__PURE__ */ jsx(
+                TouchableOpacity,
+                {
+                  onPress: () => {
+                    setSheetTab(tab);
+                    if (tab === "inbox") void loadInbox();
+                    else setSelectedReportId(null);
+                  },
+                  style: [s.tabBtn, sheetTab === tab && { borderBottomColor: colors.accent }],
+                  children: /* @__PURE__ */ jsx(Text, { style: [s.tabLabel, { color: sheetTab === tab ? colors.accent : colors.sub }], children: tab === "report" ? "Report" : "Inbox" })
+                },
+                tab
+              )) }),
+              sheetTab === "inbox" ? /* @__PURE__ */ jsx(View, { style: s.body, children: inboxLoading ? /* @__PURE__ */ jsx(Text, { style: { color: colors.sub }, children: "Loading\u2026" }) : selectedReportId ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(TouchableOpacity, { onPress: () => setSelectedReportId(null), children: /* @__PURE__ */ jsx(Text, { style: { color: colors.accent, marginBottom: 8 }, children: "\u2190 Back" }) }),
+                threadComments.map((c) => /* @__PURE__ */ jsxs(View, { style: [s.threadBubble, { backgroundColor: colors.card }], children: [
+                  /* @__PURE__ */ jsx(Text, { style: { color: colors.sub, fontSize: 11 }, children: c.author_kind }),
+                  /* @__PURE__ */ jsx(Text, { style: { color: colors.text }, children: c.body })
+                ] }, c.id)),
+                inboxReports.find((r) => r.id === selectedReportId)?.status === "fixed" && /* @__PURE__ */ jsxs(View, { style: s.verifyRow, children: [
+                  /* @__PURE__ */ jsx(TouchableOpacity, { style: [s.verifyBtn, { backgroundColor: colors.accent }], onPress: () => submitFeedback("confirms"), children: /* @__PURE__ */ jsx(Text, { style: s.submitText, children: "Yes, fixed" }) }),
+                  /* @__PURE__ */ jsx(TouchableOpacity, { style: [s.verifyBtn, { backgroundColor: colors.border }], onPress: () => submitFeedback("not_fixed"), children: /* @__PURE__ */ jsx(Text, { style: [s.submitText, { color: colors.text }], children: "Not fixed" }) })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  TextInput,
+                  {
+                    style: [s.input, { backgroundColor: colors.card, color: colors.text, borderColor: colors.border, minHeight: 48 }],
+                    placeholder: "Reply\u2026",
+                    placeholderTextColor: colors.sub,
+                    value: replyText,
+                    onChangeText: setReplyText
+                  }
+                ),
+                /* @__PURE__ */ jsx(TouchableOpacity, { style: [s.submitBtn, { backgroundColor: colors.accent }], onPress: sendReply, children: /* @__PURE__ */ jsx(Text, { style: s.submitText, children: "Send" }) })
+              ] }) : inboxReports.map((r) => /* @__PURE__ */ jsxs(TouchableOpacity, { style: [s.inboxRow, { borderColor: colors.border }], onPress: () => openThread(r.id), children: [
+                /* @__PURE__ */ jsx(Text, { style: { color: colors.text, fontWeight: "600" }, numberOfLines: 1, children: (r.summary ?? r.description ?? "Report").slice(0, 60) }),
+                /* @__PURE__ */ jsx(Text, { style: { color: colors.sub, fontSize: 11 }, children: r.status })
+              ] }, r.id)) }) : phase === "sent" ? /* @__PURE__ */ jsxs(View, { style: s.sentWrap, children: [
                 /* @__PURE__ */ jsx(Text, { style: [s.sentEmoji], children: "\u2705" }),
                 /* @__PURE__ */ jsx(Text, { style: [s.sentText, { color: colors.text }], children: "Report sent!" })
               ] }) : /* @__PURE__ */ jsxs(View, { style: s.body, children: [
@@ -475,6 +565,32 @@ var MushiBottomSheet = ({ visible, onClose }) => {
                     editable: phase === "form"
                   }
                 ),
+                activeScreenshot ? /* @__PURE__ */ jsxs(View, { style: s.screenshotRow, children: [
+                  /* @__PURE__ */ jsx(
+                    Image,
+                    {
+                      source: { uri: activeScreenshot },
+                      style: s.screenshotThumb,
+                      accessibilityLabel: "Attached screenshot"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(View, { style: s.screenshotMeta, children: [
+                    /* @__PURE__ */ jsx(Text, { style: [s.screenshotLabel, { color: colors.text }], children: "Screenshot attached" }),
+                    /* @__PURE__ */ jsx(Text, { style: [s.screenshotSub, { color: colors.sub }], children: "Helps the team see the issue" })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    TouchableOpacity,
+                    {
+                      onPress: () => {
+                        setScreenshotAttached(false);
+                        onClearScreenshot?.();
+                      },
+                      hitSlop: { top: 8, bottom: 8, left: 8, right: 8 },
+                      accessibilityLabel: "Remove screenshot",
+                      children: /* @__PURE__ */ jsx(Text, { style: [s.screenshotRemove, { color: colors.sub }], children: "\u2715" })
+                    }
+                  )
+                ] }) : null,
                 /* @__PURE__ */ jsx(
                   TouchableOpacity,
                   {
@@ -587,6 +703,76 @@ var s = StyleSheet.create({
   sentText: {
     fontSize: 20,
     fontWeight: "600"
+  },
+  screenshotRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    marginBottom: 12,
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    borderRadius: 10,
+    backgroundColor: "rgba(128,128,128,0.1)"
+  },
+  screenshotThumb: {
+    width: 48,
+    height: 36,
+    borderRadius: 4,
+    backgroundColor: "#000",
+    flexShrink: 0
+  },
+  screenshotMeta: {
+    flex: 1,
+    gap: 2
+  },
+  screenshotLabel: {
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  screenshotSub: {
+    fontSize: 11
+  },
+  screenshotRemove: {
+    fontSize: 16,
+    fontWeight: "700",
+    paddingHorizontal: 4
+  },
+  tabRow: {
+    flexDirection: "row",
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: "#ccc",
+    marginBottom: 8
+  },
+  tabBtn: {
+    flex: 1,
+    alignItems: "center",
+    paddingVertical: 10,
+    borderBottomWidth: 2,
+    borderBottomColor: "transparent"
+  },
+  tabLabel: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  inboxRow: {
+    paddingVertical: 12,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  threadBubble: {
+    borderRadius: 10,
+    padding: 10,
+    marginBottom: 8
+  },
+  verifyRow: {
+    flexDirection: "row",
+    gap: 8,
+    marginBottom: 12
+  },
+  verifyBtn: {
+    flex: 1,
+    borderRadius: 10,
+    paddingVertical: 10,
+    alignItems: "center"
   }
 });
 
@@ -678,6 +864,15 @@ function MushiProvider({ children, ...config }) {
   const queueRef = useRef3(null);
   const apiClientRef = useRef3(null);
   const [sheetVisible, setSheetVisible] = useState2(false);
+  const [sheetScreenshot, setSheetScreenshot] = useState2(null);
+  const reporterTokenRef = useRef3(`rn-${config.projectId}-anon`);
+  let resolveReporterTokenReady = () => {
+  };
+  const reporterTokenReadyRef = useRef3(
+    new Promise((resolve) => {
+      resolveReporterTokenReady = resolve;
+    })
+  );
   if (config.endpoint !== void 0 && config.endpoint.trim() === "") {
     throw new Error(
       "[MushiProvider] endpoint is set to an empty string. Set endpoint to your Supabase edge function URL, e.g. https://xyz.supabase.co/functions/v1/api, or omit it to use the cloud default."
@@ -703,6 +898,27 @@ function MushiProvider({ children, ...config }) {
     });
     queueRef.current.flush().catch(() => {
     });
+    (async () => {
+      const TOKEN_KEY = "@mushi:reporter_token";
+      try {
+        const AsyncStorage = (await import("@react-native-async-storage/async-storage")).default;
+        const existing = await AsyncStorage.getItem(TOKEN_KEY);
+        if (existing && existing.startsWith("mushi_")) {
+          reporterTokenRef.current = existing;
+        } else {
+          const fresh = `mushi_${newUuid()}`;
+          reporterTokenRef.current = fresh;
+          await AsyncStorage.setItem(TOKEN_KEY, fresh);
+        }
+        resolveReporterTokenReady();
+      } catch {
+        if (reporterTokenRef.current === `rn-${config.projectId}-anon`) {
+          reporterTokenRef.current = `mushi_${newUuid()}`;
+        }
+        resolveReporterTokenReady();
+      }
+    })().catch(() => {
+    });
     return () => {
       consoleRef.current?.restore();
       networkRef.current?.restore();
@@ -722,7 +938,25 @@ function MushiProvider({ children, ...config }) {
     }
     return () => unsubscribe?.();
   }, []);
-  const open = useCallback3(() => setSheetVisible(true), []);
+  const open = useCallback3(() => {
+    let vshot = null;
+    try {
+      vshot = __require("react-native-view-shot");
+    } catch {
+    }
+    if (!vshot) {
+      setSheetScreenshot(null);
+      setSheetVisible(true);
+      return;
+    }
+    vshot.captureScreen({ format: "jpg", quality: 0.7, result: "data-uri" }).then((url) => {
+      setSheetScreenshot(url);
+    }).catch(() => {
+      setSheetScreenshot(null);
+    }).finally(() => {
+      setSheetVisible(true);
+    });
+  }, []);
   const close = useCallback3(() => setSheetVisible(false), []);
   const attachTo = useCallback3(() => ({ onPress: open }), [open]);
   useEffect2(() => {
@@ -756,8 +990,16 @@ function MushiProvider({ children, ...config }) {
   const submitReport = useCallback3(
     async (data) => {
       const deviceInfo = getDeviceInfo();
+      const contextMeta = {};
+      if (userRef.current?.id) contextMeta.userId = userRef.current.id;
+      if (userRef.current?.email) contextMeta.userEmail = userRef.current.email;
+      if (userRef.current?.name) contextMeta.userName = userRef.current.name;
+      if (screenRef.current?.name) contextMeta.screenName = screenRef.current.name;
+      if (screenRef.current?.route) contextMeta.screenRoute = screenRef.current.route;
+      if (screenRef.current?.feature) contextMeta.screenFeature = screenRef.current.feature;
+      const merged = Object.keys(metadataRef.current).length > 0 ? { ...contextMeta, ...metadataRef.current } : Object.keys(contextMeta).length > 0 ? contextMeta : void 0;
       const report = {
-        id: `rn-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+        id: newUuid(),
         projectId: config.projectId,
         category: data.category,
         description: data.description,
@@ -766,7 +1008,7 @@ function MushiProvider({ children, ...config }) {
           platform: deviceInfo.platform ?? "mobile",
           language: deviceInfo.locale ?? "en",
           viewport: { width: deviceInfo.screenWidth ?? 0, height: deviceInfo.screenHeight ?? 0 },
-          url: "",
+          url: screenRef.current?.route ?? "",
           referrer: "",
           timestamp: (/* @__PURE__ */ new Date()).toISOString(),
           timezone: deviceInfo.timezone ?? "UTC"
@@ -776,7 +1018,9 @@ function MushiProvider({ children, ...config }) {
           ...entry,
           status: entry.status ?? 0
         })) ?? [],
-        reporterToken: `rn-${config.projectId}-anon`,
+        screenshotDataUrl: data.screenshotDataUrl,
+        metadata: merged,
+        reporterToken: reporterTokenRef.current,
         createdAt: (/* @__PURE__ */ new Date()).toISOString()
       };
       const client = apiClientRef.current;
@@ -786,7 +1030,7 @@ function MushiProvider({ children, ...config }) {
         await queueRef.current?.enqueue(report);
       }
     },
-    [config.projectId, config.apiKey, apiEndpoint]
+    [config.projectId, apiEndpoint]
   );
   const userRef = useRef3(null);
   const metadataRef = useRef3({});
@@ -837,6 +1081,45 @@ function MushiProvider({ children, ...config }) {
       setScreen(screen) {
         screenRef.current = screen;
       },
+      // Reporter API — scoped to the device's persistent reporter token
+      async listMyReports() {
+        const client = apiClientRef.current;
+        if (!client) return [];
+        await reporterTokenReadyRef.current;
+        const res = await client.listReporterReports(reporterTokenRef.current);
+        return res.ok ? res.data?.reports ?? [] : [];
+      },
+      async listMyComments(reportId) {
+        const client = apiClientRef.current;
+        if (!client) return [];
+        const res = await client.listReporterComments(reportId, reporterTokenRef.current);
+        return res.ok ? res.data.comments ?? [] : [];
+      },
+      async replyToReport(reportId, body) {
+        const client = apiClientRef.current;
+        if (!client) return null;
+        const res = await client.replyToReporterReport(reportId, reporterTokenRef.current, body);
+        return res.ok ? res.data.comment : null;
+      },
+      async submitFeedbackSignal(reportId, signal, note) {
+        const client = apiClientRef.current;
+        if (!client) return null;
+        const res = await client.replyToReporterReport(reportId, reporterTokenRef.current, note ?? "", signal);
+        return res.ok ? res.data.feedback ?? null : null;
+      },
+      async reopenReport(reportId, note) {
+        const client = apiClientRef.current;
+        if (!client) return null;
+        const res = await client.reopenReporterReport(reportId, reporterTokenRef.current, note);
+        return res.ok ? res.data.outcome : null;
+      },
+      // Leaderboard — SDK-public anonymized hall-of-fame
+      async getHallOfFame(limit = 10) {
+        const client = apiClientRef.current;
+        if (!client) return [];
+        const res = await client.getHallOfFame(limit);
+        return res.ok ? res.data.data ?? [] : [];
+      },
       // Rewards (P1)
       recordActivity(action, metadata) {
         if (!config.rewards?.enabled) return;
@@ -878,7 +1161,15 @@ function MushiProvider({ children, ...config }) {
         inset: config.widget?.inset
       }
     ),
-    /* @__PURE__ */ jsx3(MushiBottomSheet, { visible: sheetVisible, onClose: close })
+    /* @__PURE__ */ jsx3(
+      MushiBottomSheet,
+      {
+        visible: sheetVisible,
+        onClose: close,
+        screenshotDataUrl: sheetScreenshot ?? void 0,
+        onClearScreenshot: () => setSheetScreenshot(null)
+      }
+    )
   ] });
 }
 function useMushiContext() {

package/package.json

@@ -1,23 +1,19 @@
 {
   "name": "@mushi-mushi/react-native",
-  "version": "0.13.1",
+  "version": "0.15.0",
   "license": "MIT",
   "description": "React Native SDK for Mushi Mushi — shake-to-report, bottom sheet widget, full context capture",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "scripts": {
-    "build": "tsup",
-    "test": "vitest run",
-    "typecheck": "tsc --noEmit"
-  },
   "peerDependencies": {
     "@react-native-async-storage/async-storage": ">=1.19",
     "@react-native-community/netinfo": ">=11",
     "@react-navigation/native": ">=6",
     "expo-sensors": ">=13",
     "react": ">=18",
-    "react-native": ">=0.72"
+    "react-native": ">=0.72",
+    "react-native-view-shot": ">=3.8"
   },
   "peerDependenciesMeta": {
     "@react-navigation/native": {
@@ -31,10 +27,13 @@
     },
     "@react-native-community/netinfo": {
       "optional": true
+    },
+    "react-native-view-shot": {
+      "optional": true
     }
   },
   "dependencies": {
-    "@mushi-mushi/core": "workspace:^"
+    "@mushi-mushi/core": "^1.11.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",
@@ -104,5 +103,10 @@
   "type": "module",
   "engines": {
     "node": ">=20"
+  },
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit"
   }
-}
+}