@burtson-labs/bandit-engine 2.0.145 → 2.0.147

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: [
@@ -31526,11 +31526,13 @@ var init_chat2 = __esm({
               // status area, the bottom stays flush with the screen edge, and the
               // motion reads as the native sheet-behind effect instead of the
               // content lurching downward.
-              // Slides 12px OVER the drawer's edge (not edge-to-edge) and rides
-              // above it in z-order, so the card's shadow falls on the drawer —
-              // the overlapped-sheet look.
-              transform: isMobile && mobileConversationsOpen ? "translateX(calc(min(calc(100vw - 56px), 360px) - 12px)) scale(0.93)" : "none",
-              transformOrigin: "left bottom",
+              // Full-height card sliding 12px OVER the drawer's edge, riding
+              // above it in z-order so its shadow falls on the drawer. No scale:
+              // the card runs flush top-to-bottom of the webview, and because
+              // the OS status strip above is painted the same surface tone, it
+              // reads as full physical height with the rounded corner visible
+              // where it overlaps the drawer.
+              transform: isMobile && mobileConversationsOpen ? "translateX(calc(min(calc(100vw - 56px), 360px) - 12px))" : "none",
               borderRadius: isMobile && mobileConversationsOpen ? "36px" : 0,
               zIndex: isMobile && mobileConversationsOpen ? theme.zIndex.modal + 1 : 0,
               // Hairline border so the rounded card reads even when the backdrop