@burtson-labs/bandit-engine 2.0.137 → 2.0.138

package/dist/{chat-REZJEBRK.mjs → chat-VBE333NU.mjs}

@@ -1,6 +1,6 @@
 import {
   chat_default
-} from "./chunk-YPIUO3IS.mjs";
+} from "./chunk-LDGJKNI4.mjs";
 import "./chunk-ONQMRE2G.mjs";
 import "./chunk-BVYSGIWG.mjs";
 import "./chunk-K2JGFKEB.mjs";
@@ -13,4 +13,4 @@ import "./chunk-BJTO5JO5.mjs";
 export {
   chat_default as default
 };
-//# sourceMappingURL=chat-REZJEBRK.mjs.map
+//# sourceMappingURL=chat-VBE333NU.mjs.map

package/dist/{chunk-YPIUO3IS.mjs → chunk-LDGJKNI4.mjs}

@@ -8267,8 +8267,10 @@ var EnhancedMobileConversationsModal = ({
               // 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 instead of 100dvh — iOS standalone
-              // under-reports dvh, leaving a dead band above the home bar.
+              // Explicit 100lvh overflows iOS standalone's under-reported
+              // viewport downward — bottom-anchoring alone stops short.
+              height: "100dvh",
+              "@supports (height: 100lvh)": { height: "100lvh" },
               bgcolor: theme.palette.background.paper,
               display: "flex",
               flexDirection: "column",
@@ -11235,18 +11237,20 @@ var ChatContent = () => {
         sx: (theme) => ({
           display: "flex",
           flexDirection: "column",
-          // Stretch via top/bottom instead of 100dvh — the iOS standalone
-          // webview under-reports dvh and left a dead band above the home
-          // indicator; inset-stretched fixed elements get the real viewport.
+          // iOS standalone under-reports both dvh AND the fixed-position
+          // containing block, stranding a dead band above the home bar.
+          // An explicit 100lvh height can overflow that short viewport
+          // downward, which bottom-anchoring cannot.
           overflow: "hidden",
           bgcolor: theme.palette.chat.shell,
           color: theme.palette.text.primary,
           position: "fixed",
           top: 0,
           bottom: 0,
+          height: "100dvh",
+          "@supports (height: 100lvh)": { height: "100lvh" },
           left: drawerOpen && !isMobile ? "340px" : 0,
           width: !isMobile && canvasOpen ? `calc(100vw - ${drawerOpen ? "340px" : "0px"} - ${CANVAS_WIDTH})` : drawerOpen && !isMobile ? "calc(100vw - 340px)" : "100vw",
-          zIndex: 0,
           // Claude-style push (mobile only; desktop stays flush): the chat
           // shell slides right as a full-height rounded card — exactly like
           // Claude iOS, where the card runs edge-to-edge vertically and the
@@ -11257,15 +11261,20 @@ var ChatContent = () => {
           // 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.
-          transform: isMobile && mobileConversationsOpen ? "translateX(min(calc(100vw - 56px), 360px)) scale(0.93)" : "none",
+          // 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",
           borderRadius: isMobile && mobileConversationsOpen ? "36px" : 0,
+          zIndex: isMobile && mobileConversationsOpen ? theme.zIndex.modal + 1 : 0,
           // Hairline border so the rounded card reads even when the backdrop
           // is the same near-black as the shell.
           border: isMobile && mobileConversationsOpen ? `1px solid ${theme.palette.mode === "dark" ? "rgba(255,255,255,0.14)" : "rgba(0,0,0,0.12)"}` : "none",
           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,
         children: [
           /* @__PURE__ */ jsx23(
             chat_app_bar_default,
@@ -11370,7 +11379,10 @@ var ChatContent = () => {
                 px: isMobile ? 1 : 2,
                 // Reduce padding on mobile for better width utilization
                 pb: logoOnly ? 0 : `${inputHeight + 24}px`,
-                maxHeight: isMobile ? "calc(var(--vh, 1vh) * 100)" : "100%",
+                // The flex column already bounds this; the old --vh cap (from
+                // window.innerHeight) under-measured in iOS standalone and let
+                // the composer's auto margins float it above the bottom.
+                maxHeight: "100%",
                 WebkitOverflowScrolling: "touch",
                 overscrollBehavior: "contain",
                 position: "relative",
@@ -11496,7 +11508,7 @@ var ChatContent = () => {
                 display: "flex",
                 flexDirection: "column",
                 alignItems: "center",
-                margin: "auto",
+                margin: "0 auto",
                 width: "100vw",
                 maxWidth: "768px"
               },
@@ -11572,4 +11584,4 @@ var chat_default = Chat;
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-YPIUO3IS.mjs.map
+//# sourceMappingURL=chunk-LDGJKNI4.mjs.map