@mushi-mushi/react-native 0.14.0 → 0.15.1

package/dist/index.cjs

@@ -170,10 +170,12 @@ var AsyncStorageQueue = class {
   maxSize;
   apiEndpoint;
   apiKey;
+  onSynced;
   constructor(config) {
     this.maxSize = config.maxSize ?? 50;
     this.apiEndpoint = config.apiEndpoint;
     this.apiKey = config.apiKey;
+    this.onSynced = config.onSynced;
   }
   async enqueue(report) {
     const AsyncStorage = await this.getAsyncStorage();
@@ -195,6 +197,13 @@ var AsyncStorageQueue = class {
       const ok = await sendWithRetry(item, this.apiEndpoint, this.apiKey);
       if (ok) {
         flushed++;
+        const reportId = item.report.id;
+        if (typeof reportId === "string") {
+          try {
+            this.onSynced?.(reportId);
+          } catch {
+          }
+        }
       } else {
         remaining.push(item);
         break;
@@ -333,10 +342,47 @@ var MushiBottomSheet = ({
   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);
-  }, [visible]);
+    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("");
@@ -444,7 +490,44 @@ var MushiBottomSheet = ({
             ],
             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: [
@@ -671,6 +754,43 @@ var s = import_react_native2.StyleSheet.create({
     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"
   }
 });
 
@@ -765,12 +885,16 @@ function MushiProvider({ children, ...config }) {
       resolveReporterTokenReady = resolve;
     })
   );
-  if (config.endpoint !== void 0 && config.endpoint.trim() === "") {
+  const rawEndpoint = config.apiEndpoint ?? config.endpoint;
+  if (rawEndpoint !== void 0 && rawEndpoint.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."
+      "[MushiProvider] apiEndpoint is set to an empty string. Set apiEndpoint to your Supabase edge function URL, e.g. https://xyz.supabase.co/functions/v1/api, or omit it to use the cloud default."
     );
   }
-  const apiEndpoint = config.endpoint ?? import_core.DEFAULT_API_ENDPOINT;
+  if (config.endpoint && !config.apiEndpoint && __DEV__) {
+    console.warn("[MushiProvider] `endpoint` is deprecated \u2014 use `apiEndpoint` instead.");
+  }
+  const apiEndpoint = rawEndpoint ?? import_core.DEFAULT_API_ENDPOINT;
   (0, import_react3.useEffect)(() => {
     if (config.capture?.console !== false) {
       consoleRef.current = setupConsoleCapture(config.capture?.maxConsoleEntries);
@@ -786,7 +910,11 @@ function MushiProvider({ children, ...config }) {
     queueRef.current = new AsyncStorageQueue({
       maxSize: config.storage?.maxQueueSize,
       apiEndpoint,
-      apiKey: config.apiKey
+      apiKey: config.apiKey,
+      // `onReportSynced` fires here — when a previously-queued report actually
+      // drains to the server — not on the direct-submit path (where it would be
+      // indistinguishable from `onReportSubmitted` and thus meaningless).
+      onSynced: (reportId) => config.callbacks?.onReportSynced?.(reportId)
     });
     queueRef.current.flush().catch(() => {
     });
@@ -920,9 +1048,12 @@ function MushiProvider({ children, ...config }) {
       const result = await client.submitReport(report);
       if (!result.ok) {
         await queueRef.current?.enqueue(report);
+        config.callbacks?.onReportQueued?.(report.id);
+      } else {
+        config.callbacks?.onReportSubmitted?.(report.id);
       }
     },
-    [config.projectId, apiEndpoint]
+    [config.projectId, config.callbacks, apiEndpoint]
   );
   const userRef = (0, import_react3.useRef)(null);
   const metadataRef = (0, import_react3.useRef)({});
@@ -993,6 +1124,18 @@ function MushiProvider({ children, ...config }) {
         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;

package/dist/index.d.cts

@@ -46,7 +46,18 @@ declare function getDeviceInfo(): DeviceInfo;
 interface MushiRNConfig {
     projectId: string;
     apiKey: string;
+    /** @deprecated Prefer `apiEndpoint` — kept for backward compatibility */
     endpoint?: string;
+    /** Canonical Mushi API base URL (e.g. https://xyz.supabase.co/functions/v1/api) */
+    apiEndpoint?: string;
+    /** Lifecycle callbacks for host-app integration (replaces polling in HHTP etc.) */
+    callbacks?: {
+        onReportSubmitted?: (reportId: string) => void;
+        onReportQueued?: (reportId: string) => void;
+        onReportSynced?: (reportId: string) => void;
+        onReporterReply?: (reportId: string, commentId: string) => void;
+        onFixStatusChanged?: (reportId: string, status: string) => void;
+    };
     widget?: {
         trigger?: 'shake' | 'button' | 'both' | 'manual' | 'auto' | 'edge-tab' | 'hidden' | 'attach';
         shakeThreshold?: number;
@@ -107,6 +118,10 @@ interface MushiRNInstance {
     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. */
@@ -236,10 +251,13 @@ declare class AsyncStorageQueue {
     private maxSize;
     private apiEndpoint;
     private apiKey;
+    private onSynced?;
     constructor(config: {
         maxSize?: number;
         apiEndpoint: string;
         apiKey: string;
+        /** Fired once per queued report that drains successfully to the server. */
+        onSynced?: (reportId: string) => void;
     });
     enqueue(report: object): Promise<void>;
     flush(): Promise<number>;

package/dist/index.d.ts

@@ -46,7 +46,18 @@ declare function getDeviceInfo(): DeviceInfo;
 interface MushiRNConfig {
     projectId: string;
     apiKey: string;
+    /** @deprecated Prefer `apiEndpoint` — kept for backward compatibility */
     endpoint?: string;
+    /** Canonical Mushi API base URL (e.g. https://xyz.supabase.co/functions/v1/api) */
+    apiEndpoint?: string;
+    /** Lifecycle callbacks for host-app integration (replaces polling in HHTP etc.) */
+    callbacks?: {
+        onReportSubmitted?: (reportId: string) => void;
+        onReportQueued?: (reportId: string) => void;
+        onReportSynced?: (reportId: string) => void;
+        onReporterReply?: (reportId: string, commentId: string) => void;
+        onFixStatusChanged?: (reportId: string, status: string) => void;
+    };
     widget?: {
         trigger?: 'shake' | 'button' | 'both' | 'manual' | 'auto' | 'edge-tab' | 'hidden' | 'attach';
         shakeThreshold?: number;
@@ -107,6 +118,10 @@ interface MushiRNInstance {
     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. */
@@ -236,10 +251,13 @@ declare class AsyncStorageQueue {
     private maxSize;
     private apiEndpoint;
     private apiKey;
+    private onSynced?;
     constructor(config: {
         maxSize?: number;
         apiEndpoint: string;
         apiKey: string;
+        /** Fired once per queued report that drains successfully to the server. */
+        onSynced?: (reportId: string) => void;
     });
     enqueue(report: object): Promise<void>;
     flush(): Promise<number>;

package/dist/index.js

@@ -142,10 +142,12 @@ var AsyncStorageQueue = class {
   maxSize;
   apiEndpoint;
   apiKey;
+  onSynced;
   constructor(config) {
     this.maxSize = config.maxSize ?? 50;
     this.apiEndpoint = config.apiEndpoint;
     this.apiKey = config.apiKey;
+    this.onSynced = config.onSynced;
   }
   async enqueue(report) {
     const AsyncStorage = await this.getAsyncStorage();
@@ -167,6 +169,13 @@ var AsyncStorageQueue = class {
       const ok = await sendWithRetry(item, this.apiEndpoint, this.apiKey);
       if (ok) {
         flushed++;
+        const reportId = item.report.id;
+        if (typeof reportId === "string") {
+          try {
+            this.onSynced?.(reportId);
+          } catch {
+          }
+        }
       } else {
         remaining.push(item);
         break;
@@ -299,7 +308,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;
@@ -324,10 +333,47 @@ var MushiBottomSheet = ({
   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);
-  }, [visible]);
+    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("");
@@ -435,7 +481,44 @@ var MushiBottomSheet = ({
             ],
             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: [
@@ -662,6 +745,43 @@ var s = StyleSheet.create({
     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"
   }
 });
 
@@ -762,12 +882,16 @@ function MushiProvider({ children, ...config }) {
       resolveReporterTokenReady = resolve;
     })
   );
-  if (config.endpoint !== void 0 && config.endpoint.trim() === "") {
+  const rawEndpoint = config.apiEndpoint ?? config.endpoint;
+  if (rawEndpoint !== void 0 && rawEndpoint.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."
+      "[MushiProvider] apiEndpoint is set to an empty string. Set apiEndpoint to your Supabase edge function URL, e.g. https://xyz.supabase.co/functions/v1/api, or omit it to use the cloud default."
     );
   }
-  const apiEndpoint = config.endpoint ?? DEFAULT_API_ENDPOINT;
+  if (config.endpoint && !config.apiEndpoint && __DEV__) {
+    console.warn("[MushiProvider] `endpoint` is deprecated \u2014 use `apiEndpoint` instead.");
+  }
+  const apiEndpoint = rawEndpoint ?? DEFAULT_API_ENDPOINT;
   useEffect2(() => {
     if (config.capture?.console !== false) {
       consoleRef.current = setupConsoleCapture(config.capture?.maxConsoleEntries);
@@ -783,7 +907,11 @@ function MushiProvider({ children, ...config }) {
     queueRef.current = new AsyncStorageQueue({
       maxSize: config.storage?.maxQueueSize,
       apiEndpoint,
-      apiKey: config.apiKey
+      apiKey: config.apiKey,
+      // `onReportSynced` fires here — when a previously-queued report actually
+      // drains to the server — not on the direct-submit path (where it would be
+      // indistinguishable from `onReportSubmitted` and thus meaningless).
+      onSynced: (reportId) => config.callbacks?.onReportSynced?.(reportId)
     });
     queueRef.current.flush().catch(() => {
     });
@@ -917,9 +1045,12 @@ function MushiProvider({ children, ...config }) {
       const result = await client.submitReport(report);
       if (!result.ok) {
         await queueRef.current?.enqueue(report);
+        config.callbacks?.onReportQueued?.(report.id);
+      } else {
+        config.callbacks?.onReportSubmitted?.(report.id);
       }
     },
-    [config.projectId, apiEndpoint]
+    [config.projectId, config.callbacks, apiEndpoint]
   );
   const userRef = useRef3(null);
   const metadataRef = useRef3({});
@@ -990,6 +1121,18 @@ function MushiProvider({ children, ...config }) {
         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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mushi-mushi/react-native",
-  "version": "0.14.0",
+  "version": "0.15.1",
   "license": "MIT",
   "description": "React Native SDK for Mushi Mushi — shake-to-report, bottom sheet widget, full context capture",
   "main": "./dist/index.js",
@@ -33,7 +33,7 @@
     }
   },
   "dependencies": {
-    "@mushi-mushi/core": "^1.10.0"
+    "@mushi-mushi/core": "^1.12.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",