@burtson-labs/bandit-engine 2.0.144 → 2.0.146

package/dist/index.js

@@ -25916,10 +25916,10 @@ var init_enhanced_mobile_conversations_modal = __esm({
                   // Keep in sync with MOBILE_CONVERSATIONS_DRAWER_WIDTH in chat.tsx
                   // (the chat shell translates by the same amount).
                   width: "min(calc(100vw - 56px), 360px)",
-                  // top/bottom stretch sizes to the real webview; iOS reserves
-                  // the home-indicator strip below it (page bg matches, so the
-                  // seam is invisible).
-                  bgcolor: theme.palette.background.paper,
+                  // One surface tone across strip/drawer/footer/card — matches
+                  // the chat shell and the OS-painted status strip (#121212 in
+                  // the dark theme) so nothing can seam.
+                  bgcolor: theme.palette.chat.shell,
                   display: "flex",
                   flexDirection: "column",
                   overflow: "hidden",
@@ -25935,7 +25935,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                       position: "static",
                       elevation: 0,
                       sx: {
-                        bgcolor: theme.palette.background.paper,
+                        bgcolor: theme.palette.chat.shell,
                         color: theme.palette.text.primary,
                         borderBottom: `1px solid ${theme.palette.divider}`
                       },
@@ -26446,7 +26446,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                         display: "flex",
                         alignItems: "center",
                         gap: 1.25,
-                        bgcolor: (0, import_styles17.alpha)(theme.palette.background.default, 0.88),
+                        bgcolor: theme.palette.chat.shell,
                         cursor: user2 ? "pointer" : "default"
                       },
                       children: [
@@ -31539,7 +31539,11 @@ var init_chat2 = __esm({
               boxShadow: isMobile && mobileConversationsOpen ? `0 12px 40px ${theme.palette.mode === "dark" ? "rgba(0,0,0,0.55)" : "rgba(0,0,0,0.25)"}` : "none",
               transition: "left 0.3s ease-in-out, width 0.3s ease-in-out, transform 0.3s ease-in-out, border-radius 0.3s ease-in-out"
             }),
-            onClick: isMobile && mobileConversationsOpen ? () => setMobileConversationsOpen(false) : void 0,
+            onClick: isMobile && mobileConversationsOpen ? (e) => {
+              if (e.currentTarget.contains(e.target)) {
+                setMobileConversationsOpen(false);
+              }
+            } : void 0,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 chat_app_bar_default,