@burtson-labs/bandit-engine 2.0.138 → 2.0.140

package/dist/index.js

@@ -26040,10 +26040,9 @@ 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)",
-                  // Explicit 100lvh overflows iOS standalone's under-reported
-                  // viewport downward — bottom-anchoring alone stops short.
-                  height: "100dvh",
-                  "@supports (height: 100lvh)": { height: "100lvh" },
+                  // 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,
                   display: "flex",
                   flexDirection: "column",
@@ -31622,18 +31621,16 @@ var init_chat2 = __esm({
             sx: (theme) => ({
               display: "flex",
               flexDirection: "column",
-              // 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.
+              // Size to the real webview via top/bottom stretch. iOS standalone
+              // walls off the home-indicator strip OUTSIDE the webview — forcing
+              // 100lvh overflowed it and clipped the composer. The strip itself
+              // is made invisible by matching the page background to the shell.
               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",
               // Claude-style push (mobile only; desktop stays flush): the chat
@@ -31676,14 +31673,14 @@ var init_chat2 = __esm({
                 }
               ),
               isTemporaryChat && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                !isMobile && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                   import_material33.Box,
                   {
                     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"
                     })
@@ -31694,7 +31691,9 @@ var init_chat2 = __esm({
                   {
                     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,
@@ -31703,14 +31702,15 @@ var init_chat2 = __esm({
                       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: [
@@ -31727,21 +31727,22 @@ var init_chat2 = __esm({
                             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"