@burtson-labs/bandit-engine 2.0.122 → 2.0.124

package/dist/{chunk-AYFWADUJ.mjs → chunk-K5HAVOPD.mjs}

@@ -1,6 +1,6 @@
 import {
   StreamingMarkdown_default
-} from "./chunk-CY6WSCRS.mjs";
+} from "./chunk-WSNV6EX5.mjs";
 import {
   aiProviderInitService
 } from "./chunk-F7JXIW6T.mjs";
@@ -14,7 +14,7 @@ import {
 } from "./chunk-K2JGFKEB.mjs";
 import {
   chat_modal_default
-} from "./chunk-W2Q2AF45.mjs";
+} from "./chunk-4RRQQPFZ.mjs";
 import {
   AddIcon,
   ArchiveIcon,
@@ -83,7 +83,7 @@ import {
   predefinedThemes,
   useNotificationService,
   useVoiceStore
-} from "./chunk-LR55TJK5.mjs";
+} from "./chunk-JJTUEC2E.mjs";
 import {
   TOPICS,
   brandingService_default,
@@ -9754,7 +9754,7 @@ var MCPToolsTabV2_default = MCPToolsTabV2;
 
 // src/management/management.tsx
 import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
-var preloadChatPage = () => import("./chat-OWN4ESDC.mjs");
+var preloadChatPage = () => import("./chat-QBDECLF3.mjs");
 var buildCapabilitiesUrl = (gatewayApiUrl) => {
   const trimmed = gatewayApiUrl.replace(/\/$/, "");
   if (trimmed.endsWith("/api")) {
@@ -11110,4 +11110,4 @@ export {
   useGatewayMemory,
   management_default
 };
-//# sourceMappingURL=chunk-AYFWADUJ.mjs.map
+//# sourceMappingURL=chunk-K5HAVOPD.mjs.map

package/dist/{chunk-42TFNHCE.mjs → chunk-QPZC6GTA.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ONQMRE2G.mjs";
 import {
   StreamingMarkdown_default
-} from "./chunk-CY6WSCRS.mjs";
+} from "./chunk-WSNV6EX5.mjs";
 import {
   useMCPToolsStore
 } from "./chunk-K2JGFKEB.mjs";
@@ -14,10 +14,7 @@ import {
   AutoAwesomeIcon,
   CheckIcon,
   CloseIcon,
-  CloudDoneIcon,
-  CloudOffIcon,
   ComposeIcon,
-  ErrorOutlineIcon,
   ExpandMoreIcon,
   FeedbackButton,
   FeedbackIcon,
@@ -25,17 +22,12 @@ import {
   GhostIcon,
   GraphicEqIcon,
   HearingDisabledIcon,
-  HomeIcon,
   LockIcon,
   MicIcon,
-  NotesIcon,
-  NotesIconOutlined,
   PanelLeftIcon,
   PsychologyIcon,
   RecordVoiceOverIcon,
-  SettingsIcon,
   SignalWifi2BarIcon,
-  SyncIcon,
   WifiIcon,
   WifiOffIcon,
   ai_response_text_field_default,
@@ -48,7 +40,7 @@ import {
   useNotificationService,
   useTTS,
   useVoiceStore
-} from "./chunk-LR55TJK5.mjs";
+} from "./chunk-JJTUEC2E.mjs";
 import {
   brandingService_default,
   detectMessageMood,
@@ -1054,6 +1046,9 @@ var EnginePickerPill = () => {
 };
 var engine_picker_default = EnginePickerPill;
 
+// src/chat/chat-input.tsx
+import { Volume2 as VoicePickerIcon } from "lucide-react";
+
 // src/services/stt/transcriber.tsx
 import { useState as useState5, useRef } from "react";
 
@@ -1677,7 +1672,7 @@ ${sanitize(
           "&:hover": { bgcolor: hoverBadgeBackground }
         },
         "aria-label": "Change voice",
-        children: /* @__PURE__ */ jsx9(RecordVoiceOverIcon, { fontSize: "small" })
+        children: /* @__PURE__ */ jsx9(VoicePickerIcon, { size: 18 })
       }
     ) }, key ?? "voice");
   };
@@ -5174,7 +5169,7 @@ import {
   Avatar as Avatar6,
   alpha as alpha8
 } from "@mui/material";
-import { X as CloseIcon6, X as ClearIcon, Search as SearchIcon, Folder as FolderIcon4, MoreVertical as MoreVertIcon3, Trash2 as DeleteSweepIcon, Inbox as InboxIcon3, Plus as AddIcon4, Settings as SettingsIcon2, Brain as MemoryIcon, LogOut as LogOutIcon } from "lucide-react";
+import { X as CloseIcon6, X as ClearIcon, Search as SearchIcon, Folder as FolderIcon4, MoreVertical as MoreVertIcon3, Trash2 as DeleteSweepIcon, Inbox as InboxIcon3, Plus as AddIcon4, Settings as SettingsIcon, Brain as MemoryIcon, LogOut as LogOutIcon, House as HomeLucideIcon, RefreshCw as SyncLucideIcon, CircleAlert as SyncErrorIcon, SlidersHorizontal as ManagementIcon } from "lucide-react";
 import { useTheme as useTheme13 } from "@mui/material/styles";
 
 // src/chat/project-management-modal.tsx
@@ -6932,6 +6927,30 @@ var ConversationDrawer = ({ open, onClose }) => {
       onClose();
     }
   };
+  const { preferences } = usePreferencesStore();
+  const { showLimitedAdminPanel } = useFeatureVisibility();
+  const syncEnabled = useConversationSyncStore((s) => s.syncEnabled);
+  const syncStatus = useConversationSyncStore((s) => s.status);
+  const runSync = useConversationSyncStore((s) => s.runSync);
+  const goToHome = () => {
+    const resolvedHomeUrl = preferences.homeUrl?.trim() || usePackageSettingsStore.getState().settings?.homeUrl?.trim() || "";
+    if (resolvedHomeUrl) {
+      window.location.href = resolvedHomeUrl;
+      return;
+    }
+    const navigatorWithStandalone = window.navigator;
+    const isStandalone = window.matchMedia?.("(display-mode: standalone)").matches || navigatorWithStandalone.standalone === true;
+    if (isStandalone) {
+      try {
+        sessionStorage.setItem("banditPwaStayOnHome", "true");
+      } catch {
+      }
+      window.location.href = "/?mode=home";
+      return;
+    }
+    window.location.href = "/";
+  };
+  const managementPath = typeof window !== "undefined" && window.location.pathname.startsWith("/playground") ? "/playground/management" : "/management";
   const handleSearchClear = () => {
     setSearchQuery("");
   };
@@ -7015,6 +7034,31 @@ var ConversationDrawer = ({ open, onClose }) => {
                 gap: 1
               },
               children: [
+                syncEnabled && /* @__PURE__ */ jsx16(Tooltip4, { title: syncStatus === "error" ? "Sync needs attention \u2014 tap to retry" : "Sync conversations", arrow: true, children: /* @__PURE__ */ jsx16(
+                  IconButton10,
+                  {
+                    onClick: () => {
+                      if (syncStatus !== "syncing") void runSync({ force: true });
+                    },
+                    size: "small",
+                    "aria-label": "Sync conversations",
+                    sx: {
+                      color: syncStatus === "error" ? theme.palette.error.main : theme.palette.text.secondary,
+                      ...syncStatus === "syncing" && {
+                        animation: "bandit-sync-spin 1s linear infinite",
+                        "@keyframes bandit-sync-spin": {
+                          "0%": { transform: "rotate(0deg)" },
+                          "100%": { transform: "rotate(360deg)" }
+                        }
+                      },
+                      "&:hover": {
+                        color: theme.palette.primary.main,
+                        bgcolor: alpha8(theme.palette.primary.main, 0.1)
+                      }
+                    },
+                    children: syncStatus === "error" ? /* @__PURE__ */ jsx16(SyncErrorIcon, {}) : /* @__PURE__ */ jsx16(SyncLucideIcon, {})
+                  }
+                ) }),
                 /* @__PURE__ */ jsx16(Tooltip4, { title: "Memories", arrow: true, children: /* @__PURE__ */ jsx16(
                   IconButton10,
                   {
@@ -7434,6 +7478,44 @@ var ConversationDrawer = ({ open, onClose }) => {
                     ]
                   }
                 ),
+                /* @__PURE__ */ jsx16(
+                  IconButton10,
+                  {
+                    "aria-label": "Go to home page",
+                    title: "Home",
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      goToHome();
+                    },
+                    sx: {
+                      flexShrink: 0,
+                      width: 30,
+                      height: 30,
+                      border: `1px solid ${alpha8(theme.palette.divider, 0.8)}`,
+                      color: theme.palette.text.secondary
+                    },
+                    children: /* @__PURE__ */ jsx16(HomeLucideIcon, { size: 16 })
+                  }
+                ),
+                user && showLimitedAdminPanel() && /* @__PURE__ */ jsx16(
+                  IconButton10,
+                  {
+                    "aria-label": "Management & settings",
+                    title: "Management & settings",
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      window.location.href = managementPath;
+                    },
+                    sx: {
+                      flexShrink: 0,
+                      width: 30,
+                      height: 30,
+                      border: `1px solid ${alpha8(theme.palette.divider, 0.8)}`,
+                      color: theme.palette.text.secondary
+                    },
+                    children: /* @__PURE__ */ jsx16(ManagementIcon, { size: 16 })
+                  }
+                ),
                 user && /* @__PURE__ */ jsxs13(Fragment8, { children: [
                   /* @__PURE__ */ jsx16(
                     Box13,
@@ -7449,7 +7531,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                         border: `1px solid ${alpha8(theme.palette.divider, 0.8)}`,
                         color: theme.palette.text.secondary
                       },
-                      children: /* @__PURE__ */ jsx16(SettingsIcon2, { size: 16 })
+                      children: /* @__PURE__ */ jsx16(SettingsIcon, { size: 16 })
                     }
                   ),
                   /* @__PURE__ */ jsx16(
@@ -7582,7 +7664,7 @@ import {
   Avatar as Avatar7,
   Chip as Chip4
 } from "@mui/material";
-import { X as CloseIcon7, X as ClearIcon2, Search as SearchIcon2, Folder as FolderIcon5, MoreVertical as MoreVertIcon4, Trash2 as DeleteSweepIcon2, Inbox as InboxIcon4, Plus as AddIcon5, Settings as SettingsIcon3, Brain as MemoryIcon2, LogOut as LogOutIcon2, House as HomeLucideIcon, RefreshCw as SyncLucideIcon, CircleAlert as SyncErrorIcon, SlidersHorizontal as ManagementIcon } from "lucide-react";
+import { X as CloseIcon7, X as ClearIcon2, Search as SearchIcon2, Folder as FolderIcon5, MoreVertical as MoreVertIcon4, Trash2 as DeleteSweepIcon2, Inbox as InboxIcon4, Plus as AddIcon5, Settings as SettingsIcon2, Brain as MemoryIcon2, LogOut as LogOutIcon2, House as HomeLucideIcon2, RefreshCw as SyncLucideIcon2, CircleAlert as SyncErrorIcon2, SlidersHorizontal as ManagementIcon2 } from "lucide-react";
 import { useTheme as useTheme14, alpha as alpha9 } from "@mui/material/styles";
 import { Fragment as Fragment9, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var BANDIT_AVATAR2 = "https://cdn.burtson.ai/images/bandit-head.png";
@@ -8010,7 +8092,7 @@ var EnhancedMobileConversationsModal = ({
                             }
                           }
                         },
-                        children: syncStatus === "error" ? /* @__PURE__ */ jsx17(SyncErrorIcon, {}) : /* @__PURE__ */ jsx17(SyncLucideIcon, {})
+                        children: syncStatus === "error" ? /* @__PURE__ */ jsx17(SyncErrorIcon2, {}) : /* @__PURE__ */ jsx17(SyncLucideIcon2, {})
                       }
                     ),
                     /* @__PURE__ */ jsx17(
@@ -8540,7 +8622,7 @@ var EnhancedMobileConversationsModal = ({
                           border: `1px solid ${alpha9(theme.palette.divider, 0.8)}`,
                           color: theme.palette.text.secondary
                         },
-                        children: /* @__PURE__ */ jsx17(HomeLucideIcon, { size: 16 })
+                        children: /* @__PURE__ */ jsx17(HomeLucideIcon2, { size: 16 })
                       }
                     ),
                     user && showLimitedAdminPanel() && /* @__PURE__ */ jsx17(
@@ -8559,7 +8641,7 @@ var EnhancedMobileConversationsModal = ({
                           border: `1px solid ${alpha9(theme.palette.divider, 0.8)}`,
                           color: theme.palette.text.secondary
                         },
-                        children: /* @__PURE__ */ jsx17(ManagementIcon, { size: 16 })
+                        children: /* @__PURE__ */ jsx17(ManagementIcon2, { size: 16 })
                       }
                     ),
                     user && /* @__PURE__ */ jsxs14(Fragment9, { children: [
@@ -8577,7 +8659,7 @@ var EnhancedMobileConversationsModal = ({
                             border: `1px solid ${alpha9(theme.palette.divider, 0.8)}`,
                             color: theme.palette.text.secondary
                           },
-                          children: /* @__PURE__ */ jsx17(SettingsIcon3, { size: 16 })
+                          children: /* @__PURE__ */ jsx17(SettingsIcon2, { size: 16 })
                         }
                       ),
                       /* @__PURE__ */ jsx17(
@@ -8758,24 +8840,8 @@ var ChatAppBar = ({
   const { settings: packageSettings } = usePackageSettingsStore();
   const isPlaygroundRoute = typeof window !== "undefined" && window.location.pathname.includes("/playground");
   const isPlaygroundMode2 = Boolean(packageSettings?.playgroundMode) || (packageSettings?.gatewayApiUrl ?? "").toLowerCase().startsWith("playground://") || typeof window !== "undefined" && window.location.pathname.startsWith("/playground");
-  const managementPath = isPlaygroundMode2 ? "/playground/management" : "/management";
-  const {
-    syncEnabled,
-    syncStatus,
-    lastSyncAt,
-    pendingCount,
-    warningConversations,
-    oversizedConversations,
-    triggerSync,
-    setSyncEnabled
-  } = useConversationSyncStore((state) => ({
+  const { syncEnabled, setSyncEnabled } = useConversationSyncStore((state) => ({
     syncEnabled: state.syncEnabled,
-    syncStatus: state.status,
-    lastSyncAt: state.lastSyncAt,
-    pendingCount: state.pendingConversationUpserts.size + state.pendingConversationDeletes.size + state.pendingProjectUpserts.size + state.pendingProjectDeletes.size,
-    warningConversations: state.warningConversations,
-    oversizedConversations: state.oversizedConversations,
-    triggerSync: state.runSync,
     setSyncEnabled: state.setSyncEnabled
   }), shallow2);
   useEffect13(() => {
@@ -8787,57 +8853,6 @@ var ChatAppBar = ({
       });
     }
   }, [isPlaygroundMode2, syncEnabled, setSyncEnabled]);
-  const syncSpinSx = {
-    animation: "spin 1s linear infinite",
-    "@keyframes spin": {
-      "0%": { transform: "rotate(0deg)" },
-      "100%": { transform: "rotate(360deg)" }
-    }
-  };
-  const syncIndicatorIcon = (() => {
-    if (isPlaygroundMode2 || !syncEnabled) {
-      return /* @__PURE__ */ jsx18(CloudOffIcon, { fontSize: "small", color: "disabled" });
-    }
-    switch (syncStatus) {
-      case "syncing":
-        return /* @__PURE__ */ jsx18(SyncIcon, { fontSize: "small", sx: syncSpinSx, color: "primary" });
-      case "error":
-        return /* @__PURE__ */ jsx18(ErrorOutlineIcon, { fontSize: "small", color: "error" });
-      case "idle":
-      default:
-        return /* @__PURE__ */ jsx18(CloudDoneIcon, { fontSize: "small", color: "success" });
-    }
-  })();
-  const syncTooltip = (() => {
-    if (isPlaygroundMode2) {
-      return "Cloud sync is unavailable in playground mode.";
-    }
-    if (!syncEnabled) {
-      return "Cloud sync is disabled. Enable it from Management > Preferences.";
-    }
-    let base;
-    if (oversizedConversations.length > 0) {
-      base = "Some conversations are too large for Bandit Cloud. Start a new conversation to keep syncing.";
-    } else if (syncStatus === "syncing") {
-      base = "Syncing changes to Bandit Cloud\u2026";
-    } else if (warningConversations.length > 0) {
-      base = "Conversations are nearing the Bandit Cloud limit. Consider starting a new one soon.";
-    } else if (syncStatus === "error") {
-      base = "Sync needs attention. Visit Management > Preferences for details.";
-    } else {
-      base = "Conversations are in sync with Bandit Cloud.";
-    }
-    const pending = pendingCount > 0 ? ` ${pendingCount} change${pendingCount === 1 ? "" : "s"} queued.` : "";
-    const last = lastSyncAt ? ` Last sync ${new Date(lastSyncAt).toLocaleTimeString()}.` : "";
-    return `${base}${pending}${last}`;
-  })();
-  const syncButtonDisabled = isPlaygroundMode2 || !syncEnabled;
-  const handleSyncBadgeClick = () => {
-    if (isPlaygroundMode2 || !syncEnabled || syncStatus === "syncing") {
-      return;
-    }
-    void triggerSync({ force: true });
-  };
   const { hasTTS, hasSTT, isAdmin, getCurrentTier, hasLimitedAdminDashboard, isSubscribed } = useFeatures();
   const { showVoiceControls, showLimitedAdminPanel } = useFeatureVisibility();
   const frontierEligible = (() => {
@@ -8888,37 +8903,6 @@ var ChatAppBar = ({
     useEngineStore.getState().fetchEngines();
   }, []);
   const pendingModelAvatar = useModelStore.getState().availableModels.find((m) => m.name === pendingModel)?.avatarBase64 || modelAvatars[pendingModel || ""] || banditHead;
-  const resolvedHomeUrl = preferences.homeUrl?.trim() || packageSettings?.homeUrl?.trim() || "";
-  const homeTooltip = (() => {
-    if (!resolvedHomeUrl) return "Home";
-    try {
-      return `Home (${new URL(resolvedHomeUrl).hostname})`;
-    } catch {
-      return "Home";
-    }
-  })();
-  function goToHome() {
-    if (resolvedHomeUrl) {
-      window.location.href = resolvedHomeUrl;
-      return;
-    }
-    if (typeof window !== "undefined") {
-      const navigatorWithStandalone = window.navigator;
-      const isStandalone = window.matchMedia?.("(display-mode: standalone)").matches || navigatorWithStandalone.standalone === true;
-      if (isStandalone) {
-        try {
-          sessionStorage.setItem("banditPwaStayOnHome", "true");
-        } catch (error) {
-          debugLogger.warn("[chat-app-bar] Unable to persist home preference", {
-            error: error instanceof Error ? error.message : String(error)
-          });
-        }
-        safeNavigate("/?mode=home");
-        return;
-      }
-    }
-    safeNavigate("/");
-  }
   return /* @__PURE__ */ jsxs15(Fragment10, { children: [
     /* @__PURE__ */ jsxs15(
       Box15,
@@ -9045,72 +9029,6 @@ var ChatAppBar = ({
                 }
               },
               children: [
-                /* @__PURE__ */ jsx18(Tooltip5, { title: homeTooltip, arrow: true, children: /* @__PURE__ */ jsx18(
-                  IconButton12,
-                  {
-                    onClick: goToHome,
-                    sx: pillButtonStyles,
-                    "aria-label": "Go to home page",
-                    children: /* @__PURE__ */ jsx18(HomeIcon, {})
-                  }
-                ) }),
-                showLimitedAdminPanel() && /* @__PURE__ */ jsx18(Tooltip5, { title: "Management & Settings", arrow: true, children: /* @__PURE__ */ jsx18(
-                  IconButton12,
-                  {
-                    onClick: () => safeNavigate(managementPath),
-                    sx: {
-                      ...pillButtonStyles,
-                      ...typeof window !== "undefined" && window.location.pathname === managementPath && {
-                        bgcolor: theme.palette.primary.main + "20",
-                        color: theme.palette.primary.main
-                      }
-                    },
-                    "aria-label": "Open management settings",
-                    children: /* @__PURE__ */ jsx18(SettingsIcon, {})
-                  }
-                ) }),
-                /* @__PURE__ */ jsx18(Tooltip5, { title: syncTooltip, arrow: true, children: /* @__PURE__ */ jsxs15(
-                  IconButton12,
-                  {
-                    onClick: handleSyncBadgeClick,
-                    disabled: syncButtonDisabled,
-                    sx: {
-                      ...pillButtonStyles,
-                      color: syncButtonDisabled ? theme.palette.action.disabled : theme.palette.primary.main,
-                      bgcolor: syncButtonDisabled ? "transparent" : syncStatus === "error" ? theme.palette.error.main + "20" : theme.palette.primary.main + "12",
-                      "&:hover": syncButtonDisabled ? {} : {
-                        bgcolor: syncStatus === "error" ? theme.palette.error.main + "30" : theme.palette.primary.main + "20"
-                      }
-                    },
-                    "aria-label": "Conversation sync status",
-                    children: [
-                      syncIndicatorIcon,
-                      pendingCount > 0 && !syncButtonDisabled && syncStatus !== "syncing" && /* @__PURE__ */ jsx18(
-                        Box15,
-                        {
-                          sx: {
-                            position: "absolute",
-                            top: -2,
-                            right: -2,
-                            minWidth: 16,
-                            height: 16,
-                            px: 0.3,
-                            bgcolor: theme.palette.warning.main,
-                            color: theme.palette.getContrastText(theme.palette.warning.main),
-                            borderRadius: "999px",
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center",
-                            fontSize: "0.6rem",
-                            fontWeight: 600,
-                            border: `2px solid ${background}`
-                          },
-                          children: pendingCount > 9 ? "9+" : pendingCount
-                        }
-                      )
-                    ]
-                  }
-                ) }),
                 !isMobile && /* @__PURE__ */ jsx18(Tooltip5, { title: `${drawerOpen ? "Close" : "Open"} Conversations`, arrow: true, children: /* @__PURE__ */ jsxs15(
                   IconButton12,
                   {
@@ -9125,7 +9043,7 @@ var ChatAppBar = ({
                     "aria-label": `${drawerOpen ? "Close" : "Open"} conversations drawer`,
                     "aria-pressed": drawerOpen,
                     children: [
-                      drawerOpen ? /* @__PURE__ */ jsx18(NotesIcon, {}) : /* @__PURE__ */ jsx18(NotesIconOutlined, {}),
+                      /* @__PURE__ */ jsx18(PanelLeftIcon, {}),
                       conversations.length > 0 && /* @__PURE__ */ jsx18(
                         Box15,
                         {
@@ -11300,13 +11218,18 @@ var ChatContent = () => {
           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,
-          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: [
@@ -11575,4 +11498,4 @@ var chat_default = Chat;
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-42TFNHCE.mjs.map
+//# sourceMappingURL=chunk-QPZC6GTA.mjs.map