@mushi-mushi/react-native 0.19.2 → 0.20.0

package/dist/index.cjs

@@ -31,6 +31,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   AsyncStorageQueue: () => AsyncStorageQueue,
+  MUSHI_BANNER_DEFAULT_HEIGHT: () => MUSHI_BANNER_DEFAULT_HEIGHT,
+  MushiBanner: () => MushiBanner,
   MushiBottomSheet: () => MushiBottomSheet,
   MushiFloatingButton: () => MushiFloatingButton,
   MushiProvider: () => MushiProvider,
@@ -46,8 +48,8 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/provider.tsx
-var import_react3 = require("react");
-var import_core5 = require("@mushi-mushi/core");
+var import_react4 = require("react");
+var import_core6 = require("@mushi-mushi/core");
 
 // src/capture/console-capture.ts
 var import_core = require("@mushi-mushi/core");
@@ -476,32 +478,64 @@ function sleep(ms) {
 var import_react = require("react");
 var import_react_native2 = require("react-native");
 var import_core3 = require("@mushi-mushi/core");
+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/components/MushiBottomSheet.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var { height: SCREEN_HEIGHT } = import_react_native2.Dimensions.get("window");
 var SHEET_HEIGHT = SCREEN_HEIGHT * 0.55;
 var DISMISS_THRESHOLD = 80;
-var NEON = {
-  accent: "#0FFF50",
-  accentHover: "#00E646",
-  ink: "#0a1a0a",
-  border: "#00C43A"
+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}"
 };
-var CATEGORIES = [
-  { key: "bug", emoji: "\u{1F41B}", label: "Bug" },
-  { key: "slow", emoji: "\u{1F422}", label: "Slow" },
-  { key: "visual", emoji: "\u{1F3A8}", label: "Visual" },
-  { key: "confusing", emoji: "\u{1F615}", label: "Confusing" },
-  { key: "other", emoji: "\u{1F4AC}", label: "Other" }
-];
 var VERIFIABLE_STATUSES = /* @__PURE__ */ new Set(["fixed", "resolved", "verified"]);
 var MushiBottomSheet = ({
   visible,
   onClose,
+  preferredTab = "report",
   screenshotDataUrl,
   onClearScreenshot,
-  screenshotSensitiveHint
+  screenshotSensitiveHint,
+  assistantEnabled = false,
+  assistantLabel = import_core3.MUSHI_COPY.assistantTab,
+  assistantGreeting,
+  assistantSuggestions = [],
+  inboxPollIntervalMs = 0
 }) => {
   const mushi = useMushiContext();
+  const t = (0, import_i18n.getLocale)();
+  const greeting = assistantGreeting ?? t.assistant.defaultGreeting;
   const scheme = (0, import_react_native2.useColorScheme)();
   const dark = scheme === "dark";
   const translateY = (0, import_react.useRef)(new import_react_native2.Animated.Value(SHEET_HEIGHT)).current;
@@ -515,6 +549,11 @@ var MushiBottomSheet = ({
   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;
@@ -529,9 +568,17 @@ var MushiBottomSheet = ({
   (0, import_react.useEffect)(() => {
     if (visible) {
       setScreenshotAttached(true);
-      if (sheetTab === "inbox") void loadInbox();
+      setSheetTab(preferredTab);
+      if (preferredTab === "inbox") void loadInbox();
     }
-  }, [visible, sheetTab, loadInbox]);
+  }, [visible, preferredTab, loadInbox]);
+  (0, import_react.useEffect)(() => {
+    if (!visible || sheetTab !== "inbox" || inboxPollIntervalMs <= 0) return;
+    const timer = setInterval(() => {
+      void loadInbox();
+    }, inboxPollIntervalMs);
+    return () => clearInterval(timer);
+  }, [visible, sheetTab, inboxPollIntervalMs, loadInbox]);
   const openThread = (0, import_react.useCallback)(async (reportId) => {
     setSelectedReportId(reportId);
     if (!mushi?.listMyComments) return;
@@ -550,6 +597,29 @@ var MushiBottomSheet = ({
     await loadInbox();
     await openThread(selectedReportId);
   }, [mushi, selectedReportId, loadInbox, openThread]);
+  const sendAssistant = (0, import_react.useCallback)(async (message) => {
+    if (!mushi?.askAssistant || !message.trim() || assistantSending) return;
+    const trimmed = message.trim();
+    setAssistantInput("");
+    setAssistantError(null);
+    setAssistantTurns((prev) => [...prev, { role: "user", text: trimmed }]);
+    setAssistantSending(true);
+    try {
+      const reply = await mushi.askAssistant(trimmed, assistantThreadId);
+      if (!reply) {
+        setAssistantError("Could not reach the assistant. Try again.");
+        return;
+      }
+      if (reply.threadId) setAssistantThreadId(reply.threadId);
+      const botText = reply.kind === "clarify" ? reply.question ?? reply.text ?? "" : reply.text ?? "";
+      setAssistantTurns((prev) => [
+        ...prev,
+        { role: "bot", text: botText, options: reply.options }
+      ]);
+    } finally {
+      setAssistantSending(false);
+    }
+  }, [mushi, assistantSending, assistantThreadId]);
   const resetForm = (0, import_react.useCallback)(() => {
     setCategory(null);
     setDescription("");
@@ -634,7 +704,8 @@ var MushiBottomSheet = ({
   };
   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: NEON.accent, accentInk: NEON.ink, border: pal.ruleStrong, backdrop: "rgba(0,0,0,0.6)", disabled: "#3a3a3c", disabledText: pal.inkFaint } : { bg: pal.paperRaised, text: pal.ink, sub: pal.inkMuted, card: pal.paper, accent: NEON.accent, accentInk: NEON.ink, border: pal.ruleStrong, backdrop: "rgba(0,0,0,0.35)", disabled: "#d1d1d6", disabledText: pal.inkFaint };
+  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: "#3a3a3c", 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: "#d1d1d6", disabledText: pal.inkFaint };
+  const sheetTabs = ["report", "inbox", ...assistantEnabled ? ["assistant"] : []];
   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)(
     import_react_native2.KeyboardAvoidingView,
@@ -659,11 +730,11 @@ 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 }] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: [s.brandHeader, { backgroundColor: NEON.accent, borderBottomColor: NEON.border }], children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.brandEyebrow, { color: NEON.ink }], children: "MUSHI \xB7 BETA" }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.brandTitle, { color: NEON.ink }], children: sheetTab === "inbox" ? "Your reports" : sheetTab === "community" ? "Community" : "Report an issue" })
+              /* @__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, children: ["report", "inbox", "community"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { style: s.tabRow, children: sheetTabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_react_native2.TouchableOpacity,
                 {
                   onPress: () => {
@@ -672,12 +743,68 @@ var MushiBottomSheet = ({
                     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.text : colors.sub }], children: tab === "report" ? "Report" : tab === "inbox" ? "Your reports" : "Community" })
+                  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 })
                 },
                 tab
               )) }),
-              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: "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" }) }),
+              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,
+                    {
+                      style: [s.assistantChip, { borderColor: colors.border, backgroundColor: colors.card }],
+                      onPress: () => void sendAssistant(chip),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.text, fontSize: 13 }, children: chip })
+                    },
+                    chip
+                  ))
+                ] }) : assistantTurns.map((turn, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  import_react_native2.View,
+                  {
+                    style: [
+                      s.assistantBubble,
+                      {
+                        alignSelf: turn.role === "user" ? "flex-end" : "flex-start",
+                        backgroundColor: turn.role === "user" ? colors.accent : colors.card
+                      }
+                    ],
+                    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))
+                    ]
+                  },
+                  `${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,
+                    {
+                      style: [s.input, { flex: 1, minHeight: 44, backgroundColor: colors.card, color: colors.text, borderColor: colors.border }],
+                      placeholder: t.assistant.inputPlaceholder,
+                      placeholderTextColor: colors.sub,
+                      value: assistantInput,
+                      onChangeText: setAssistantInput,
+                      editable: !assistantSending
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_react_native2.TouchableOpacity,
+                    {
+                      style: [s.submitBtn, { backgroundColor: colors.accent, paddingHorizontal: 16 }],
+                      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" })
+                    }
+                  )
+                ] })
+              ] }) : 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 })
@@ -685,42 +812,26 @@ var MushiBottomSheet = ({
                 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: "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.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 }) })
                 ] }),
                 /* @__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",
+                    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: "Send" }) })
+                /* @__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: r.status })
-              ] }, r.id)) }) : sheetTab === "community" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.ScrollView, { style: s.body, keyboardShouldPersistTaps: "handled", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.sub, fontSize: 13, marginBottom: 16, lineHeight: 18 }, children: "Sign in to track your reports across apps and see the global leaderboard. No password needed." }),
-                /* @__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: "you@example.com",
-                    placeholderTextColor: colors.sub,
-                    keyboardType: "email-address",
-                    autoCapitalize: "none",
-                    autoCorrect: false,
-                    textContentType: "emailAddress"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.TouchableOpacity, { style: [s.submitBtn, { backgroundColor: colors.accent }], children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.submitText, { color: colors.accentInk }], children: "Send sign-in link \u2192" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: { color: colors.sub, fontSize: 11, textAlign: "center", marginTop: 12 }, children: "We'll email you a one-tap sign-in link. No password, ever." })
-              ] }) : 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: { 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: "Report sent!" })
+                /* @__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,
                 {
@@ -728,13 +839,13 @@ var MushiBottomSheet = ({
                   keyboardShouldPersistTaps: "handled",
                   contentContainerStyle: { paddingBottom: 24 },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.stepLabel, { color: colors.sub }], children: "What kind of issue?" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { style: s.catRow, children: CATEGORIES.map((c) => {
-                      const active = category === c.key;
+                    /* @__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) => {
+                      const active = category === key;
                       return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                         import_react_native2.TouchableOpacity,
                         {
-                          onPress: () => setCategory(c.key),
+                          onPress: () => setCategory(key),
                           activeOpacity: 0.7,
                           style: [
                             s.catBtn,
@@ -744,7 +855,7 @@ var MushiBottomSheet = ({
                             }
                           ],
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: s.catEmoji, children: c.emoji }),
+                            /* @__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,
                               {
@@ -752,12 +863,12 @@ var MushiBottomSheet = ({
                                   s.catLabel,
                                   { color: active ? colors.accentInk : colors.text }
                                 ],
-                                children: c.label
+                                children: t.step1.categories[key]
                               }
                             )
                           ]
                         },
-                        c.key
+                        key
                       );
                     }) }),
                     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -771,7 +882,7 @@ var MushiBottomSheet = ({
                             borderColor: colors.border
                           }
                         ],
-                        placeholder: "What happened?",
+                        placeholder: t.step3.descriptionPlaceholder,
                         placeholderTextColor: colors.sub,
                         multiline: true,
                         textAlignVertical: "top",
@@ -786,12 +897,12 @@ var MushiBottomSheet = ({
                         {
                           source: { uri: activeScreenshot },
                           style: s.screenshotThumb,
-                          accessibilityLabel: "Attached screenshot"
+                          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: "Screenshot attached" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.screenshotSub, { color: colors.sub }], children: screenshotSensitiveHint && screenshotSensitiveHint.trim() ? `\u26A0 ${screenshotSensitiveHint}` : "Helps the team see the issue" })
+                        /* @__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_runtime.jsx)(
                         import_react_native2.TouchableOpacity,
@@ -801,7 +912,7 @@ var MushiBottomSheet = ({
                             onClearScreenshot?.();
                           },
                           hitSlop: { top: 8, bottom: 8, left: 8, right: 8 },
-                          accessibilityLabel: "Remove screenshot",
+                          accessibilityLabel: t.widget.close,
                           children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.screenshotRemove, { color: colors.sub }], children: "\u2715" })
                         }
                       )
@@ -816,7 +927,7 @@ var MushiBottomSheet = ({
                           s.submitBtn,
                           { backgroundColor: canSubmit ? colors.accent : colors.disabled }
                         ],
-                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: [s.submitText, { color: canSubmit ? colors.accentInk : colors.disabledText }], children: phase === "sending" ? "Sending\u2026" : "Submit report" })
+                        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 })
                       }
                     )
                   ]
@@ -1022,6 +1133,27 @@ var s = import_react_native2.StyleSheet.create({
     borderRadius: 10,
     paddingVertical: 10,
     alignItems: "center"
+  },
+  assistantBubble: {
+    maxWidth: "88%",
+    borderRadius: 12,
+    padding: 12,
+    marginBottom: 10
+  },
+  assistantChip: {
+    borderWidth: 1,
+    borderRadius: 999,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    marginBottom: 8,
+    alignSelf: "flex-start"
+  },
+  assistantComposer: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    gap: 8,
+    marginTop: 12,
+    paddingBottom: 8
   }
 });
 
@@ -1030,7 +1162,7 @@ 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 = 56;
+var FAB_SIZE = import_core4.MUSHI_GEOMETRY.fabSize;
 var EDGE_PADDING = 12;
 function getScreenBounds() {
   const { width, height } = import_react_native3.Dimensions.get("window");
@@ -1213,13 +1345,114 @@ 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 MushiBanner = ({
+  onPress,
+  onDismiss,
+  message = import_core5.MUSHI_COPY.bannerMessage,
+  label = import_core5.MUSHI_COPY.bannerLabel,
+  onLayoutHeight
+}) => {
+  const handleLayout = (0, import_react3.useCallback)(
+    (e) => {
+      onLayoutHeight?.(e.nativeEvent.layout.height);
+    },
+    [onLayoutHeight]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_react_native4.View,
+    {
+      style: s3.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 })
+        ] }),
+        onDismiss ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_react_native4.TouchableOpacity,
+          {
+            style: s3.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" })
+          }
+        ) : null
+      ]
+    }
+  );
+};
+var s3 = import_react_native4.StyleSheet.create({
+  wrap: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    bottom: 0,
+    minHeight: import_core5.MUSHI_GEOMETRY.bannerHeight,
+    flexDirection: "row",
+    alignItems: "stretch",
+    backgroundColor: import_core5.MUSHI_BANNER_NEON.bg,
+    borderTopWidth: 1,
+    borderTopColor: import_core5.MUSHI_BANNER_NEON.border,
+    zIndex: 99998,
+    elevation: 8,
+    paddingBottom: import_react_native4.Platform.OS === "ios" ? 0 : 0
+  },
+  main: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  eyebrow: {
+    fontSize: 10,
+    fontWeight: "700",
+    letterSpacing: 1.2,
+    color: import_core5.MUSHI_BANNER_NEON.fg
+  },
+  message: {
+    flex: 1,
+    fontSize: 12,
+    fontWeight: "500",
+    color: import_core5.MUSHI_BANNER_NEON.fg
+  },
+  cta: {
+    fontSize: 12,
+    fontWeight: "700",
+    color: import_core5.MUSHI_BANNER_NEON.fg,
+    textDecorationLine: "underline"
+  },
+  dismiss: {
+    justifyContent: "center",
+    paddingHorizontal: 12
+  },
+  dismissText: {
+    fontSize: 20,
+    lineHeight: 22,
+    color: import_core5.MUSHI_BANNER_NEON.fg,
+    opacity: 0.7
+  }
+});
+
 // src/version.ts
 var MUSHI_SDK_PACKAGE = "@mushi-mushi/react-native";
-var MUSHI_SDK_VERSION = "0.19.2" ? "0.19.2" : "0.17.0";
+var MUSHI_SDK_VERSION = "0.20.0" ? "0.20.0" : "0.17.0";
 
 // src/provider.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var MushiContext = (0, import_react3.createContext)(null);
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var MushiContext = (0, import_react4.createContext)(null);
 var DEFAULT_SCREENSHOT_HINT = "Check the preview \u2014 remove it if any private info (balances, personal details) is visible.";
 function resolveScreenshotHint(v) {
   if (v === false) return null;
@@ -1258,26 +1491,28 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       );
     }
   }
-  const consoleRef = (0, import_react3.useRef)(null);
-  const networkRef = (0, import_react3.useRef)(null);
-  const queueRef = (0, import_react3.useRef)(null);
-  const apiClientRef = (0, import_react3.useRef)(null);
-  const sessionIdRef = (0, import_react3.useRef)(`sess_${(0, import_core5.newUuid)()}`);
-  const breadcrumbsRef = (0, import_react3.useRef)(
-    (0, import_core5.createBreadcrumbBuffer)({ max: config.capture?.maxBreadcrumbs ?? 50 })
+  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_core6.newUuid)()}`);
+  const breadcrumbsRef = (0, import_react4.useRef)(
+    (0, import_core6.createBreadcrumbBuffer)({ max: config.capture?.maxBreadcrumbs ?? 50 })
   );
-  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`);
+  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`);
   let resolveReporterTokenReady = () => {
   };
-  const reporterTokenReadyRef = (0, import_react3.useRef)(
+  const reporterTokenReadyRef = (0, import_react4.useRef)(
     new Promise((resolve) => {
       resolveReporterTokenReady = resolve;
     })
   );
-  const userTokenRef = (0, import_react3.useRef)(null);
-  const pageContextRef = (0, import_react3.useRef)(null);
+  const userTokenRef = (0, import_react4.useRef)(null);
+  const pageContextRef = (0, import_react4.useRef)(null);
   const rawEndpoint = config.apiEndpoint ?? config.endpoint;
   if (rawEndpoint !== void 0 && rawEndpoint.trim() === "") {
     throw new Error(
@@ -1287,15 +1522,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_core5.DEFAULT_API_ENDPOINT;
-  (0, import_react3.useEffect)(() => {
+  const apiEndpoint = rawEndpoint ?? import_core6.DEFAULT_API_ENDPOINT;
+  (0, import_react4.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_core5.createApiClient)({
+    apiClientRef.current = (0, import_core6.createApiClient)({
       projectId: config.projectId,
       apiKey: config.apiKey,
       apiEndpoint,
@@ -1332,14 +1567,14 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         if (existing && existing.startsWith("mushi_")) {
           reporterTokenRef.current = existing;
         } else {
-          const fresh = `mushi_${(0, import_core5.newUuid)()}`;
+          const fresh = `mushi_${(0, import_core6.newUuid)()}`;
           reporterTokenRef.current = fresh;
           await saveReporterToken(fresh, secureStorage);
         }
         resolveReporterTokenReady();
       } catch {
         if (reporterTokenRef.current === `rn-${config.projectId}-anon`) {
-          reporterTokenRef.current = `mushi_${(0, import_core5.newUuid)()}`;
+          reporterTokenRef.current = `mushi_${(0, import_core6.newUuid)()}`;
         }
         resolveReporterTokenReady();
       }
@@ -1350,7 +1585,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       networkRef.current?.restore();
     };
   }, []);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     let unsubscribe;
     try {
       const NetInfo = require("@react-native-community/netinfo").default;
@@ -1364,7 +1599,8 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
     }
     return () => unsubscribe?.();
   }, []);
-  const open = (0, import_react3.useCallback)(() => {
+  const open = (0, import_react4.useCallback)(() => {
+    setSheetPreferredTab("report");
     breadcrumbsRef.current.add({
       category: "lifecycle",
       level: "info",
@@ -1394,9 +1630,15 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       setSheetVisible(true);
     });
   }, [config.capture?.screenshot]);
-  const close = (0, import_react3.useCallback)(() => setSheetVisible(false), []);
-  const attachTo = (0, import_react3.useCallback)(() => ({ onPress: open }), [open]);
-  (0, import_react3.useEffect)(() => {
+  const openAssistant = (0, import_react4.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 trigger2 = config.widget?.trigger ?? "button";
     if (trigger2 !== "shake" && trigger2 !== "both") return;
     let disposed = false;
@@ -1424,8 +1666,9 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       cleanup?.();
     };
   }, [config.widget?.trigger, config.widget?.shakeThreshold, open]);
-  const submitReport = (0, import_react3.useCallback)(
+  const submitReport = (0, import_react4.useCallback)(
     async (data) => {
+      await reporterTokenReadyRef.current;
       const deviceInfo = getDeviceInfo();
       breadcrumbsRef.current.add({
         category: "lifecycle",
@@ -1451,7 +1694,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_core5.scrubPii)(c.message)
+        message: (0, import_core6.scrubPii)(c.message)
       }));
       const timeline = breadcrumbs.map((c) => ({
         ts: c.timestamp,
@@ -1460,10 +1703,10 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       }));
       const fingerprintHash = getDeviceFingerprintHash(deviceInfo);
       const report = {
-        id: (0, import_core5.newUuid)(),
+        id: (0, import_core6.newUuid)(),
         projectId: config.projectId,
         category: data.category,
-        description: (0, import_core5.scrubPii)(data.description),
+        description: (0, import_core6.scrubPii)(data.description),
         environment: {
           userAgent: deviceInfo.systemName ?? "ReactNative",
           platform: deviceInfo.platform ?? "mobile",
@@ -1476,7 +1719,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         },
         consoleLogs: (consoleRef.current?.getEntries() ?? []).map((entry) => ({
           ...entry,
-          message: (0, import_core5.scrubPii)(entry.message)
+          message: (0, import_core6.scrubPii)(entry.message)
         })),
         networkLogs: networkRef.current?.getEntries().map((entry) => ({
           ...entry,
@@ -1500,7 +1743,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       if (!result.ok) {
         const isCredentialError = result.error?.code === "HTTP_401" || result.error?.code === "HTTP_403" || result.error?.code?.includes("UNAUTHORIZED") || result.error?.code?.includes("FORBIDDEN");
         if (isCredentialError) {
-          const where = apiEndpoint.replace(/\/$/, "") === import_core5.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_core6.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
           );
@@ -1514,12 +1757,12 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
     },
     [config.projectId, config.callbacks, apiEndpoint]
   );
-  const userRef = (0, import_react3.useRef)(null);
-  const metadataRef = (0, import_react3.useRef)({});
-  const screenRef = (0, import_react3.useRef)(null);
-  const activityQueueRef = (0, import_react3.useRef)([]);
-  const rewardsFlushRef = (0, import_react3.useRef)(null);
-  (0, import_react3.useEffect)(() => {
+  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 rewards = config.rewards;
     if (!rewards?.enabled || !rewards.trackActivity) return;
     const flushMs = Math.max(3e4, rewards.flushIntervalMs ?? 3e5);
@@ -1539,7 +1782,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       if (rewardsFlushRef.current) clearInterval(rewardsFlushRef.current);
     };
   }, [config.rewards?.enabled, config.rewards?.trackActivity, config.rewards?.flushIntervalMs]);
-  const instance = (0, import_react3.useMemo)(
+  const instance = (0, import_react4.useMemo)(
     () => ({
       open,
       close,
@@ -1568,7 +1811,7 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
       identifyWithToken(token) {
         userTokenRef.current = token && typeof token === "string" ? token : null;
         if (userTokenRef.current) {
-          const claims = (0, import_core5.parseIdentityToken)(userTokenRef.current);
+          const claims = (0, import_core6.parseIdentityToken)(userTokenRef.current);
           if (claims?.sub) {
             userRef.current = {
               id: claims.sub,
@@ -1669,15 +1912,36 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
           confirmedBugs: 0,
           totalReports: 0
         };
+      },
+      openAssistant,
+      async askAssistant(message, threadId) {
+        const client = apiClientRef.current;
+        if (!client || !config.assistant?.enabled) return null;
+        const res = await client.askAssistant({
+          message,
+          threadId: threadId ?? null,
+          context: pageContextRef.current
+        });
+        return res.ok ? res.data : null;
       }
     }),
-    [open, close, attachTo, submitReport, config.rewards?.enabled]
+    [open, close, attachTo, submitReport, openAssistant, config.rewards?.enabled, config.assistant?.enabled]
   );
   const trigger = config.widget?.trigger ?? "button";
-  const showFab = trigger === "button" || trigger === "both" || trigger === "auto" || trigger === "edge-tab";
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(MushiContext.Provider, { value: instance, children: [
+  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: [
     children,
-    showFab && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    showBanner ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      MushiBanner,
+      {
+        onPress: open,
+        onDismiss: () => setBannerDismissed(true),
+        message: config.widget?.banner?.message,
+        label: config.widget?.banner?.label
+      }
+    ) : null,
+    showFab && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       MushiFloatingButton,
       {
         onPress: open,
@@ -1685,20 +1949,26 @@ function MushiProvider({ children, config: configProp, ...barePropConfig }) {
         inset: config.widget?.inset
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       MushiBottomSheet,
       {
         visible: sheetVisible,
         onClose: close,
+        preferredTab: sheetPreferredTab,
         screenshotDataUrl: sheetScreenshot ?? void 0,
         onClearScreenshot: () => setSheetScreenshot(null),
-        screenshotSensitiveHint: resolveScreenshotHint(config.widget?.screenshotSensitiveHint)
+        screenshotSensitiveHint: resolveScreenshotHint(config.widget?.screenshotSensitiveHint),
+        assistantEnabled: Boolean(config.assistant?.enabled),
+        assistantLabel: config.assistant?.label,
+        assistantGreeting: config.assistant?.greeting,
+        assistantSuggestions: config.assistant?.suggestions,
+        inboxPollIntervalMs: config.widget?.inboxPollIntervalMs ?? 0
       }
     )
   ] });
 }
 function useMushiContext() {
-  return (0, import_react3.useContext)(MushiContext);
+  return (0, import_react4.useContext)(MushiContext);
 }
 
 // src/hooks/useMushi.ts
@@ -1707,10 +1977,10 @@ function useMushi() {
 }
 
 // src/hooks/useMushiReport.ts
-var import_react4 = require("react");
+var import_react5 = require("react");
 function useMushiReport() {
   const mushi = useMushiContext();
-  const submitReport = (0, import_react4.useCallback)(
+  const submitReport = (0, import_react5.useCallback)(
     async (data) => {
       if (!mushi) throw new Error("MushiProvider not found");
       await mushi.submitReport(data);
@@ -1721,22 +1991,22 @@ function useMushiReport() {
 }
 
 // src/hooks/useMushiWidget.ts
-var import_react5 = require("react");
+var import_react6 = require("react");
 function useMushiWidget() {
   const mushi = useMushiContext();
   return {
-    open: (0, import_react5.useCallback)(() => mushi?.open(), [mushi]),
-    close: (0, import_react5.useCallback)(() => mushi?.close(), [mushi])
+    open: (0, import_react6.useCallback)(() => mushi?.open(), [mushi]),
+    close: (0, import_react6.useCallback)(() => mushi?.close(), [mushi])
   };
 }
 
 // src/components/MushiTrigger.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 function MushiTrigger({ children }) {
   const mushi = useMushiContext();
-  if (!(0, import_react6.isValidElement)(children)) return children;
+  if (!(0, import_react7.isValidElement)(children)) return children;
   const originalOnPress = children.props.onPress;
-  return (0, import_react6.cloneElement)(children, {
+  return (0, import_react7.cloneElement)(children, {
     onPress: () => {
       originalOnPress?.();
       mushi?.open();
@@ -1745,10 +2015,10 @@ function MushiTrigger({ children }) {
 }
 
 // src/capture/navigation-capture.ts
-var import_react7 = require("react");
+var import_react8 = require("react");
 function useNavigationCapture(navigationRef) {
-  const historyRef = (0, import_react7.useRef)([]);
-  (0, import_react7.useEffect)(() => {
+  const historyRef = (0, import_react8.useRef)([]);
+  (0, import_react8.useEffect)(() => {
     if (!navigationRef?.addListener || !navigationRef?.getCurrentRoute) return;
     const unsubscribe = navigationRef.addListener("state", () => {
       const route = navigationRef.getCurrentRoute?.();
@@ -1764,6 +2034,8 @@ function useNavigationCapture(navigationRef) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AsyncStorageQueue,
+  MUSHI_BANNER_DEFAULT_HEIGHT,
+  MushiBanner,
   MushiBottomSheet,
   MushiFloatingButton,
   MushiProvider,