@burtson-labs/bandit-engine 2.0.123 → 2.0.124

package/dist/index.js

@@ -31717,17 +31717,18 @@ var init_chat2 = __esm({
               left: drawerOpen && !isMobile ? "340px" : 0,
               width: !isMobile && canvasOpen ? `calc(100vw - ${drawerOpen ? "340px" : "0px"} - ${CANVAS_WIDTH})` : drawerOpen && !isMobile ? "calc(100vw - 340px)" : "100vw",
               zIndex: 0,
-              // Claude/ChatGPT-style push: while the mobile conversations drawer is
-              // open the whole chat shell slides right and becomes a rounded card,
-              // leaving a tappable sliver. Width kept in sync with the drawer in
-              // enhanced-mobile-conversations-modal.tsx.
-              transform: isMobile && mobileConversationsOpen ? "translateX(min(calc(100vw - 56px), 360px))" : "none",
-              borderRadius: isMobile && mobileConversationsOpen ? "24px" : drawerOpen && !isMobile ? "24px 0 0 24px" : 0,
-              // A hairline border makes the rounded card read even when the page
-              // behind is the same near-black as the shell — shadow alone is
-              // invisible dark-on-dark.
-              border: isMobile && mobileConversationsOpen || drawerOpen && !isMobile ? `1px solid ${theme.palette.mode === "dark" ? "rgba(255,255,255,0.14)" : "rgba(0,0,0,0.12)"}` : "none",
-              boxShadow: isMobile && mobileConversationsOpen || drawerOpen && !isMobile ? `0 12px 40px ${theme.palette.mode === "dark" ? "rgba(0,0,0,0.55)" : "rgba(0,0,0,0.25)"}` : "none",
+              // Claude-style push (mobile only; desktop stays flush): the chat
+              // shell slides right and shrinks slightly into a rounded card. The
+              // scale insets the card from every screen edge so all four rounded
+              // corners stay visible — a full-height 100dvh card had its bottom
+              // corners clipped at the device edge in the PWA. Width kept in sync
+              // with the drawer in enhanced-mobile-conversations-modal.tsx.
+              transform: isMobile && mobileConversationsOpen ? "translateX(min(calc(100vw - 56px), 360px)) scale(0.96)" : "none",
+              borderRadius: isMobile && mobileConversationsOpen ? "24px" : 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"
             }),
             children: [