@burtson-labs/bandit-engine 2.0.137 → 2.0.139

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

@@ -1,6 +1,6 @@
 import {
   chat_default
-} from "./chunk-YPIUO3IS.mjs";
+} from "./chunk-E2SS643X.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-KR4S7YJ3.mjs.map

package/dist/{chunk-YPIUO3IS.mjs → chunk-E2SS643X.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,
@@ -11282,14 +11291,14 @@ var ChatContent = () => {
             }
           ),
           isTemporaryChat && /* @__PURE__ */ jsxs18(Fragment13, { children: [
-            /* @__PURE__ */ jsx23(
+            !isMobile && /* @__PURE__ */ jsx23(
               Box20,
               {
                 sx: (theme) => ({
                   position: "absolute",
-                  inset: isMobile ? "3px" : 0,
+                  inset: 0,
                   border: `3px solid ${theme.palette.mode === "dark" ? "rgba(255,255,255,0.55)" : "rgba(0,0,0,0.45)"}`,
-                  borderRadius: isMobile ? "28px" : "inherit",
+                  borderRadius: "inherit",
                   zIndex: 1400,
                   pointerEvents: "none"
                 })
@@ -11300,7 +11309,9 @@ var ChatContent = () => {
               {
                 sx: (theme) => ({
                   position: "absolute",
-                  top: `calc(${theme.spacing(8)} + env(safe-area-inset-top, 0px))`,
+                  // Mobile: centered in the top-bar row between the two pills
+                  // (Claude's "Incognito chat" placement); desktop: below the bar.
+                  top: isMobile ? "calc(env(safe-area-inset-top, 0px) + 14px)" : `calc(${theme.spacing(8)} + env(safe-area-inset-top, 0px))`,
                   left: "50%",
                   transform: "translateX(-50%)",
                   zIndex: 1401,
@@ -11309,14 +11320,15 @@ var ChatContent = () => {
                   gap: 0.75,
                   pl: 1.5,
                   pr: 0.75,
-                  py: 0.4,
+                  py: 0.6,
                   borderRadius: 999,
-                  fontSize: "0.78rem",
-                  fontWeight: 600,
-                  color: theme.palette.text.primary,
-                  bgcolor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.12)" : "rgba(0,0,0,0.08)",
-                  border: `1px solid ${theme.palette.divider}`,
-                  backdropFilter: "blur(8px)",
+                  fontSize: "0.82rem",
+                  fontWeight: 700,
+                  // Inverted, high-contrast — same treatment as the active
+                  // ghost toggle, so the mode is unmissable without a frame.
+                  color: theme.palette.getContrastText(theme.palette.text.primary),
+                  bgcolor: theme.palette.text.primary,
+                  boxShadow: `0 4px 16px ${theme.palette.mode === "dark" ? "rgba(0,0,0,0.5)" : "rgba(0,0,0,0.25)"}`,
                   whiteSpace: "nowrap"
                 }),
                 children: [
@@ -11333,21 +11345,22 @@ var ChatContent = () => {
                         display: "inline-flex",
                         alignItems: "center",
                         justifyContent: "center",
-                        width: 20,
-                        height: 20,
+                        width: 22,
+                        height: 22,
                         ml: 0.25,
                         p: 0,
                         border: "none",
                         borderRadius: "50%",
                         cursor: "pointer",
-                        color: theme.palette.text.secondary,
+                        color: "inherit",
                         bgcolor: "transparent",
                         font: "inherit",
-                        fontSize: "0.85rem",
+                        fontSize: "0.9rem",
                         lineHeight: 1,
+                        opacity: 0.75,
                         "&:hover": {
-                          bgcolor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.1)",
-                          color: theme.palette.text.primary
+                          opacity: 1,
+                          bgcolor: theme.palette.mode === "dark" ? "rgba(0,0,0,0.12)" : "rgba(255,255,255,0.2)"
                         }
                       }),
                       children: "\u2715"
@@ -11370,7 +11383,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 +11512,7 @@ var ChatContent = () => {
                 display: "flex",
                 flexDirection: "column",
                 alignItems: "center",
-                margin: "auto",
+                margin: "0 auto",
                 width: "100vw",
                 maxWidth: "768px"
               },
@@ -11572,4 +11588,4 @@ var chat_default = Chat;
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-YPIUO3IS.mjs.map
+//# sourceMappingURL=chunk-E2SS643X.mjs.map