@burtson-labs/bandit-engine 2.0.122 → 2.0.123

package/dist/management/management.js

@@ -15734,7 +15734,7 @@ var init_FeedbackModal = __esm({
                         sx: {
                           display: "grid",
                           gridTemplateRows: "auto auto auto auto",
-                          rowGap: "24px",
+                          rowGap: "16px",
                           columnGap: "0px",
                           width: "100%"
                         },
@@ -15750,35 +15750,6 @@ var init_FeedbackModal = __esm({
                                 mb: 0
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                  import_material13.Box,
-                                  {
-                                    sx: {
-                                      gridColumn: "1 / -1",
-                                      display: "flex",
-                                      alignItems: "center",
-                                      gap: "8px",
-                                      mb: 0,
-                                      mt: 2,
-                                      alignSelf: "end"
-                                    },
-                                    children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.MessageSquare, { size: 20, color: theme.palette.text.primary }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                        import_material13.Typography,
-                                        {
-                                          variant: "h6",
-                                          sx: {
-                                            fontWeight: 600,
-                                            color: theme.palette.text.primary,
-                                            mb: 0
-                                          },
-                                          children: "Feedback Details"
-                                        }
-                                      )
-                                    ]
-                                  }
-                                ),
                                 /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                                   import_material13.TextField,
                                   {
@@ -15920,7 +15891,7 @@ var init_FeedbackModal = __esm({
                                   {
                                     fullWidth: true,
                                     multiline: true,
-                                    rows: 5,
+                                    rows: 3,
                                     label: "Description",
                                     value: formData.description,
                                     onChange: handleInputChange("description"),
@@ -15971,118 +15942,37 @@ var init_FeedbackModal = __esm({
                                 /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
                                   import_material13.Box,
                                   {
-                                    className: "impact-assessment-card impact-section",
-                                    sx: {
-                                      flex: 1,
-                                      minWidth: 300,
-                                      display: "flex",
-                                      flexDirection: "column",
-                                      height: "100%",
-                                      p: 0
-                                    },
+                                    className: "impact-section",
+                                    sx: { flex: 1, minWidth: 260, display: "flex", flexDirection: "column" },
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Box, { sx: { display: "flex", alignItems: "center", gap: "8px", mb: 3 }, children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Brain, { size: 20, color: theme.palette.warning.main }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "h6", sx: { fontWeight: 600, color: theme.palette.text.primary }, children: "Impact Assessment" })
+                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Typography, { variant: "body2", sx: { fontWeight: 600, mb: 0.5 }, children: [
+                                        "How annoying is this?",
+                                        " ",
+                                        ["\u{1F60A}", "\u{1F610}", "\u{1F644}", "\u{1F620}", "\u{1F92C}"][(formData.annoyanceLevel ?? 3) - 1],
+                                        " ",
+                                        "(",
+                                        formData.annoyanceLevel ?? 3,
+                                        "/5)"
                                       ] }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { height: "100%", display: "flex", flexDirection: "column", justifyContent: "space-between" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                        import_material13.Paper,
+                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Box, { sx: { px: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                                        import_material13.Slider,
                                         {
-                                          variant: "outlined",
+                                          size: "small",
+                                          value: formData.annoyanceLevel,
+                                          onChange: (_, value) => setFormData((prev) => ({ ...prev, annoyanceLevel: value })),
+                                          min: 1,
+                                          max: 5,
+                                          step: 1,
+                                          marks: true,
                                           sx: {
-                                            p: 4,
-                                            borderRadius: 3,
-                                            minHeight: 180,
-                                            background: theme.palette.mode === "dark" ? "linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%)" : "linear-gradient(135deg, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.03) 100%)",
-                                            border: `1px solid ${theme.palette.divider}`,
-                                            transition: "all 0.2s ease",
-                                            display: "flex",
-                                            flexDirection: "column",
-                                            flex: 1,
-                                            justifyContent: "center",
-                                            height: "100%",
-                                            "&:hover": {
-                                              transform: "translateY(-2px)",
-                                              boxShadow: theme.palette.mode === "dark" ? "0 8px 24px rgba(0,0,0,0.4)" : "0 8px 24px rgba(0,0,0,0.12)"
+                                            "& .MuiSlider-track": {
+                                              background: `linear-gradient(90deg, ${theme.palette.success.main}, ${theme.palette.warning.main}, ${theme.palette.error.main})`,
+                                              border: "none"
+                                            },
+                                            "& .MuiSlider-thumb": {
+                                              background: `linear-gradient(135deg, ${theme.palette.warning.main}, ${theme.palette.warning.dark})`
                                             }
-                                          },
-                                          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Stack, { spacing: 3, children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Typography, { variant: "subtitle1", sx: { fontWeight: 600, display: "flex", alignItems: "center", gap: 2 }, children: [
-                                              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                                import_material13.Box,
-                                                {
-                                                  sx: {
-                                                    width: 28,
-                                                    height: 28,
-                                                    borderRadius: "50%",
-                                                    bgcolor: theme.palette.warning.main + "20",
-                                                    display: "flex",
-                                                    alignItems: "center",
-                                                    justifyContent: "center",
-                                                    fontSize: "14px"
-                                                  },
-                                                  children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Brain, { size: 22, color: theme.palette.warning.main })
-                                                }
-                                              ),
-                                              "How annoying is this issue? (",
-                                              formData.annoyanceLevel,
-                                              "/5)"
-                                            ] }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Box, { sx: { px: 2, py: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                              import_material13.Slider,
-                                              {
-                                                value: formData.annoyanceLevel,
-                                                onChange: (_, value) => setFormData((prev) => ({ ...prev, annoyanceLevel: value })),
-                                                min: 1,
-                                                max: 5,
-                                                step: 1,
-                                                marks: [
-                                                  { value: 1, label: "\u{1F60A} Not at all" },
-                                                  { value: 2, label: "\u{1F610} Slightly" },
-                                                  { value: 3, label: "\u{1F644} Moderately" },
-                                                  { value: 4, label: "\u{1F620} Very" },
-                                                  { value: 5, label: "\u{1F92C} Extremely" }
-                                                ],
-                                                sx: {
-                                                  height: 8,
-                                                  "& .MuiSlider-mark": {
-                                                    backgroundColor: theme.palette.divider,
-                                                    width: 3,
-                                                    height: 3
-                                                  },
-                                                  "& .MuiSlider-markLabel": {
-                                                    fontSize: "0.8rem",
-                                                    color: theme.palette.text.secondary,
-                                                    transform: "translateX(-50%)",
-                                                    whiteSpace: "nowrap",
-                                                    top: 32,
-                                                    fontWeight: 500
-                                                  },
-                                                  "& .MuiSlider-thumb": {
-                                                    width: 24,
-                                                    height: 24,
-                                                    background: `linear-gradient(135deg, ${theme.palette.warning.main}, ${theme.palette.warning.dark})`,
-                                                    boxShadow: `0 4px 12px ${theme.palette.warning.main}40`,
-                                                    "&:hover, &.Mui-focusVisible": {
-                                                      boxShadow: `0 0 0 12px ${theme.palette.warning.main}20, 0 4px 12px ${theme.palette.warning.main}40`
-                                                    }
-                                                  },
-                                                  "& .MuiSlider-track": {
-                                                    background: `linear-gradient(90deg, ${theme.palette.success.main}, ${theme.palette.warning.main}, ${theme.palette.error.main})`,
-                                                    height: 6,
-                                                    border: "none"
-                                                  },
-                                                  "& .MuiSlider-rail": {
-                                                    height: 6,
-                                                    backgroundColor: theme.palette.divider,
-                                                    opacity: 0.3
-                                                  },
-                                                  mb: 5
-                                                  // Space for labels
-                                                }
-                                              }
-                                            ) })
-                                          ] })
+                                          }
                                         }
                                       ) })
                                     ]
@@ -16101,109 +15991,63 @@ var init_FeedbackModal = __esm({
                                       p: 0
                                     },
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Box, { sx: { display: "flex", alignItems: "center", gap: "8px", mb: 3 }, children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Paperclip, { size: 20, color: theme.palette.primary.main }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "h6", sx: { fontWeight: 600, color: theme.palette.text.primary }, children: "Attachments" })
-                                      ] }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { height: "100%", display: "flex", flexDirection: "column", justifyContent: "space-between" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                        import_material13.Box,
-                                        {
-                                          sx: {
-                                            height: "100%",
-                                            display: "flex",
-                                            flexDirection: "column",
-                                            justifyContent: "center",
-                                            p: 0,
-                                            mb: 0,
-                                            backgroundColor: "transparent",
-                                            boxShadow: "none",
-                                            border: "none"
-                                          },
-                                          onClick: () => fileInputRef.current?.click(),
-                                          children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                              "input",
-                                              {
-                                                ref: fileInputRef,
-                                                type: "file",
-                                                accept: "image/*",
-                                                style: { display: "none" },
-                                                onChange: handleFileUpload
-                                              }
-                                            ),
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                              import_material13.Box,
-                                              {
-                                                sx: {
-                                                  flex: 1,
-                                                  display: "flex",
-                                                  flexDirection: "column",
-                                                  justifyContent: "center",
-                                                  alignItems: "center",
-                                                  p: 2,
-                                                  border: "2px dashed",
-                                                  borderColor: (theme2) => theme2.palette.divider,
-                                                  borderRadius: 2,
-                                                  height: "100%",
-                                                  mb: 0,
-                                                  backgroundColor: "transparent",
-                                                  boxShadow: "none"
-                                                },
-                                                children: [
-                                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                                    import_material13.Avatar,
-                                                    {
-                                                      sx: {
-                                                        width: 56,
-                                                        height: 56,
-                                                        bgcolor: theme.palette.primary.main + "15",
-                                                        color: theme.palette.primary.main,
-                                                        boxShadow: `0 4px 16px ${theme.palette.primary.main}20`,
-                                                        transition: "all 0.3s ease"
-                                                      },
-                                                      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Paperclip, { size: 28 })
-                                                    }
-                                                  ),
-                                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Box, { sx: { textAlign: "center" }, children: [
-                                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "h6", sx: { fontWeight: 600, mb: 1, fontSize: "1.1rem" }, children: "Attach One Image" }),
-                                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 1, fontSize: "0.95rem" }, children: "Click here to upload a single image" }),
-                                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "caption", color: "text.secondary", sx: {
-                                                      opacity: 0.8,
-                                                      fontSize: "0.85rem",
-                                                      background: theme.palette.mode === "dark" ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.05)",
-                                                      px: 2,
-                                                      py: 0.5,
-                                                      borderRadius: 1
-                                                    }, children: "Support: Images only (JPG, PNG, GIF) - Max 10MB" })
-                                                  ] })
-                                                ]
-                                              }
-                                            ),
-                                            (formData.images && formData.images.length > 0 || formData.attachments && formData.attachments.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                              import_material13.Alert,
-                                              {
-                                                severity: "info",
-                                                sx: {
-                                                  mt: "auto",
-                                                  textAlign: "left",
-                                                  fontSize: "0.75rem",
-                                                  py: 0.5,
-                                                  background: theme.palette.mode === "dark" ? "linear-gradient(135deg, rgba(33,150,243,0.1) 0%, rgba(25,118,210,0.1) 100%)" : "linear-gradient(135deg, rgba(33,150,243,0.05) 0%, rgba(25,118,210,0.05) 100%)",
-                                                  border: `1px solid ${theme.palette.info.main}30`,
-                                                  "& .MuiAlert-icon": {
-                                                    color: theme.palette.info.main,
-                                                    fontSize: "0.875rem"
-                                                  },
-                                                  "& .MuiAlert-message": {
-                                                    fontSize: "0.75rem"
-                                                  }
-                                                },
-                                                children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "caption", sx: { fontWeight: 600, display: "block" }, children: formData.images && formData.images.length > 0 ? "\u{1F4CE} Image will be copied to clipboard - paste in email!" : "\u{1F4CE} Files ready for email attachment" })
+                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Box, { onClick: () => fileInputRef.current?.click(), children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                                          "input",
+                                          {
+                                            ref: fileInputRef,
+                                            type: "file",
+                                            accept: "image/*",
+                                            style: { display: "none" },
+                                            onChange: handleFileUpload
+                                          }
+                                        ),
+                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                                          import_material13.Box,
+                                          {
+                                            sx: {
+                                              display: "flex",
+                                              alignItems: "center",
+                                              gap: 1,
+                                              px: 1.5,
+                                              py: 1,
+                                              border: "1px dashed",
+                                              borderColor: (theme2) => theme2.palette.divider,
+                                              borderRadius: 2,
+                                              cursor: "pointer",
+                                              color: theme.palette.text.secondary,
+                                              "&:hover": { borderColor: theme.palette.primary.main, color: theme.palette.primary.main }
+                                            },
+                                            children: [
+                                              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Paperclip, { size: 18 }),
+                                              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "body2", sx: { fontWeight: 500 }, children: "Attach an image" }),
+                                              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "caption", color: "text.secondary", sx: { ml: "auto" }, children: "JPG/PNG/GIF \xB7 10MB" })
+                                            ]
+                                          }
+                                        ),
+                                        (formData.images && formData.images.length > 0 || formData.attachments && formData.attachments.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                                          import_material13.Alert,
+                                          {
+                                            severity: "info",
+                                            sx: {
+                                              mt: "auto",
+                                              textAlign: "left",
+                                              fontSize: "0.75rem",
+                                              py: 0.5,
+                                              background: theme.palette.mode === "dark" ? "linear-gradient(135deg, rgba(33,150,243,0.1) 0%, rgba(25,118,210,0.1) 100%)" : "linear-gradient(135deg, rgba(33,150,243,0.05) 0%, rgba(25,118,210,0.05) 100%)",
+                                              border: `1px solid ${theme.palette.info.main}30`,
+                                              "& .MuiAlert-icon": {
+                                                color: theme.palette.info.main,
+                                                fontSize: "0.875rem"
+                                              },
+                                              "& .MuiAlert-message": {
+                                                fontSize: "0.75rem"
                                               }
-                                            )
-                                          ]
-                                        }
-                                      ) }),
+                                            },
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "caption", sx: { fontWeight: 600, display: "block" }, children: formData.images && formData.images.length > 0 ? "\u{1F4CE} Image will be copied to clipboard - paste in email!" : "\u{1F4CE} Files ready for email attachment" })
+                                          }
+                                        )
+                                      ] }) }),
                                       formData.images && formData.images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Box, { sx: { mt: 2 }, children: [
                                         /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 1.5 }, children: [
                                           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Camera, { size: 16 }),
@@ -21369,7 +21213,7 @@ var init_voiceModeStore = __esm({
 });
 
 // src/chat/chat-input.tsx
-var import_react46, import_material39, import_styles24, import_shallow, import_jsx_runtime39, ChatInput, chat_input_default;
+var import_react46, import_material39, import_lucide_react8, import_styles24, import_shallow, import_jsx_runtime39, ChatInput, chat_input_default;
 var init_chat_input = __esm({
   "src/chat/chat-input.tsx"() {
     "use strict";
@@ -21378,6 +21222,7 @@ var init_chat_input = __esm({
     init_conversationStore();
     init_engine_picker();
     init_util();
+    import_lucide_react8 = require("lucide-react");
     init_preferencesStore();
     init_packageSettingsStore();
     init_transcriber();
@@ -21743,7 +21588,7 @@ ${sanitize(
               "&:hover": { bgcolor: hoverBadgeBackground }
             },
             "aria-label": "Change voice",
-            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RecordVoiceOverIcon, { fontSize: "small" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react8.Volume2, { size: 18 })
           }
         ) }, key ?? "voice");
       };
@@ -25313,13 +25158,13 @@ var init_useNetworkStatus = __esm({
 });
 
 // src/chat/project-management-modal.tsx
-var import_react53, import_material42, import_lucide_react8, import_styles26, import_jsx_runtime42, DEFAULT_COLORS2, ProjectManagementModal, project_management_modal_default;
+var import_react53, import_material42, import_lucide_react9, import_styles26, import_jsx_runtime42, DEFAULT_COLORS2, ProjectManagementModal, project_management_modal_default;
 var init_project_management_modal = __esm({
   "src/chat/project-management-modal.tsx"() {
     "use strict";
     import_react53 = require("react");
     import_material42 = require("@mui/material");
-    import_lucide_react8 = require("lucide-react");
+    import_lucide_react9 = require("lucide-react");
     import_styles26 = require("@mui/material/styles");
     init_projectStore();
     init_conversationStore();
@@ -25548,7 +25393,7 @@ var init_project_management_modal = __esm({
                               flex: 1
                             },
                             children: [
-                              showCreateForm && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.IconButton, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react8.ArrowLeft, { size: 16 }) }),
+                              showCreateForm && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.IconButton, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.ArrowLeft, { size: 16 }) }),
                               /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                                 import_material42.Typography,
                                 {
@@ -25566,7 +25411,7 @@ var init_project_management_modal = __esm({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.IconButton, { onClick: handleClose, size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react8.X, {}) })
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.IconButton, { onClick: handleClose, size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.X, {}) })
                       ]
                     }
                   ),
@@ -25653,7 +25498,7 @@ var init_project_management_modal = __esm({
                     /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                       import_material42.Button,
                       {
-                        startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react8.Plus, {}),
+                        startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.Plus, {}),
                         onClick: () => setShowCreateForm(true),
                         variant: "contained",
                         sx: {
@@ -25678,7 +25523,7 @@ var init_project_management_modal = __esm({
                           backgroundColor: subtleSurface
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react8.Folder, { size: 48, style: { marginBottom: 8, opacity: 0.5 } }),
+                          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.Folder, { size: 48, style: { marginBottom: 8, opacity: 0.5 } }),
                           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body1", sx: { fontWeight: 600 }, children: "No projects yet" }),
                           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", children: "Create your first project to organize conversations." })
                         ]
@@ -25713,7 +25558,7 @@ var init_project_management_modal = __esm({
                                   height: 36,
                                   fontSize: "1rem"
                                 },
-                                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react8.Folder, { size: 16 })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.Folder, { size: 16 })
                               }
                             ),
                             /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { flex: 1, minWidth: 0 }, children: [
@@ -25764,7 +25609,7 @@ var init_project_management_modal = __esm({
                                   mt: 0.25,
                                   zIndex: 1
                                 },
-                                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react8.MoreVertical, { size: 16 })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.MoreVertical, { size: 16 })
                               }
                             )
                           ]
@@ -25840,7 +25685,7 @@ var init_project_management_modal = __esm({
                         startEdit(selectedProject);
                       },
                       children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react8.Pencil, { size: 16 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.Pencil, { size: 16 }),
                         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "inherit", children: "Edit" })
                       ] })
                     }
@@ -25854,7 +25699,7 @@ var init_project_management_modal = __esm({
                       },
                       sx: { color: theme.palette.error.main },
                       children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react8.Trash2, { size: 16 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.Trash2, { size: 16 }),
                         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "inherit", children: "Delete" })
                       ] })
                     }
@@ -25906,13 +25751,13 @@ var init_project_management_modal = __esm({
 });
 
 // src/chat/move-conversation-modal.tsx
-var import_react54, import_material43, import_lucide_react9, import_styles27, import_jsx_runtime43, MoveConversationModal, move_conversation_modal_default;
+var import_react54, import_material43, import_lucide_react10, import_styles27, import_jsx_runtime43, MoveConversationModal, move_conversation_modal_default;
 var init_move_conversation_modal = __esm({
   "src/chat/move-conversation-modal.tsx"() {
     "use strict";
     import_react54 = require("react");
     import_material43 = require("@mui/material");
-    import_lucide_react9 = require("lucide-react");
+    import_lucide_react10 = require("lucide-react");
     import_styles27 = require("@mui/material/styles");
     init_projectStore();
     init_conversationStore();
@@ -25997,7 +25842,7 @@ var init_move_conversation_modal = __esm({
                             width: 32,
                             height: 32
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react9.Inbox, {})
+                          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react10.Inbox, {})
                         }
                       ) }),
                       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -26033,7 +25878,7 @@ var init_move_conversation_modal = __esm({
                             width: 32,
                             height: 32
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react9.Folder, {})
+                          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react10.Folder, {})
                         }
                       ) }),
                       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -26077,13 +25922,13 @@ var init_move_conversation_modal = __esm({
 });
 
 // src/chat/simple-conversation-item.tsx
-var import_react55, import_material44, import_lucide_react10, import_styles28, import_jsx_runtime44, SimpleConversationItem, simple_conversation_item_default;
+var import_react55, import_material44, import_lucide_react11, import_styles28, import_jsx_runtime44, SimpleConversationItem, simple_conversation_item_default;
 var init_simple_conversation_item = __esm({
   "src/chat/simple-conversation-item.tsx"() {
     "use strict";
     import_react55 = require("react");
     import_material44 = require("@mui/material");
-    import_lucide_react10 = require("lucide-react");
+    import_lucide_react11 = require("lucide-react");
     import_styles28 = require("@mui/material/styles");
     import_jsx_runtime44 = require("react/jsx-runtime");
     SimpleConversationItem = ({
@@ -26311,7 +26156,7 @@ var init_simple_conversation_item = __esm({
             },
             children: [
               !isMobile && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                import_lucide_react10.GripVertical,
+                import_lucide_react11.GripVertical,
                 {
                   size: 16,
                   color: theme.palette.text.disabled,
@@ -26405,7 +26250,7 @@ var init_simple_conversation_item = __esm({
                       }
                     }
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react10.MoreVertical, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.MoreVertical, { size: 16 })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
@@ -26436,15 +26281,15 @@ var init_simple_conversation_item = __esm({
                   },
                   children: [
                     onRename && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.MenuItem, { onClick: handleEdit, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react10.Pencil, { size: 16 }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.Pencil, { size: 16 }) }),
                       /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemText, { children: "Rename" })
                     ] }),
                     onMove && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.MenuItem, { onClick: handleMove, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react10.MailOpen, { size: 16 }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.MailOpen, { size: 16 }) }),
                       /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemText, { children: "Move to Project" })
                     ] }),
                     /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.MenuItem, { onClick: handleDelete, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react10.Trash2, { size: 16 }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.Trash2, { size: 16 }) }),
                       /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemText, { children: "Delete" })
                     ] })
                   ]
@@ -26517,13 +26362,13 @@ var init_simple_conversation_item = __esm({
 });
 
 // src/chat/project-header.tsx
-var import_react56, import_material45, import_lucide_react11, import_styles29, import_jsx_runtime45, ProjectHeader, project_header_default;
+var import_react56, import_material45, import_lucide_react12, import_styles29, import_jsx_runtime45, ProjectHeader, project_header_default;
 var init_project_header = __esm({
   "src/chat/project-header.tsx"() {
     "use strict";
     import_react56 = require("react");
     import_material45 = require("@mui/material");
-    import_lucide_react11 = require("lucide-react");
+    import_lucide_react12 = require("lucide-react");
     import_styles29 = require("@mui/material/styles");
     init_conversationStore();
     init_projectStore();
@@ -26550,7 +26395,7 @@ var init_project_header = __esm({
       const [renameDraft, setRenameDraft] = (0, import_react56.useState)(projectName);
       const renameActionRef = (0, import_react56.useRef)("none");
       const isUngrouped = projectId === null;
-      const Icon = isCollapsed ? import_lucide_react11.Folder : import_lucide_react11.FolderOpen;
+      const Icon = isCollapsed ? import_lucide_react12.Folder : import_lucide_react12.FolderOpen;
       const handleAddConversation = (e) => {
         e.stopPropagation();
         createNewConversation(projectId || void 0);
@@ -26631,7 +26476,7 @@ var init_project_header = __esm({
                   mr: 1.5
                 },
                 children: isUngrouped ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                  import_lucide_react11.Inbox,
+                  import_lucide_react12.Inbox,
                   {
                     size: 16,
                     color: theme.palette.text.disabled,
@@ -26747,7 +26592,7 @@ var init_project_header = __esm({
                     onRenameCancelDelete ? onRenameCancelDelete() : cancelRename();
                   },
                   sx: { color: (0, import_material45.alpha)(theme.palette.error.main, 0.9) },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.X, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.X, { size: 16 })
                 }
               ) }),
               /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Tooltip, { title: "Save", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
@@ -26760,7 +26605,7 @@ var init_project_header = __esm({
                     commitRename();
                   },
                   sx: { color: theme.palette.success.main },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.Check, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.Check, { size: 16 })
                 }
               ) })
             ] }),
@@ -26781,7 +26626,7 @@ var init_project_header = __esm({
                   },
                   transition: "all 0.2s ease"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.Plus, { size: 16 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.Plus, { size: 16 })
               }
             ) }),
             !isUngrouped && !isRenaming && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
@@ -26792,7 +26637,7 @@ var init_project_header = __esm({
                   color: theme.palette.text.secondary,
                   transition: "transform 0.2s ease"
                 },
-                children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.ChevronDown, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.ChevronUp, { size: 16 })
+                children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.ChevronDown, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.ChevronUp, { size: 16 })
               }
             )
           ]
@@ -26822,13 +26667,13 @@ var init_tooltips = __esm({
 });
 
 // src/chat/conversation-drawer.tsx
-var import_react57, import_material46, import_lucide_react12, import_styles30, import_jsx_runtime46, BANDIT_AVATAR, coerceOptionalString, deriveInitials, ConversationDrawer, conversation_drawer_default;
+var import_react57, import_material46, import_lucide_react13, import_styles30, import_jsx_runtime46, BANDIT_AVATAR, coerceOptionalString, deriveInitials, ConversationDrawer, conversation_drawer_default;
 var init_conversation_drawer = __esm({
   "src/chat/conversation-drawer.tsx"() {
     "use strict";
     import_react57 = require("react");
     import_material46 = require("@mui/material");
-    import_lucide_react12 = require("lucide-react");
+    import_lucide_react13 = require("lucide-react");
     import_styles30 = require("@mui/material/styles");
     init_conversationStore();
     init_projectStore();
@@ -26843,6 +26688,9 @@ var init_conversation_drawer = __esm({
     init_project_header();
     init_debugLogger();
     init_tooltips();
+    init_conversationSyncStore();
+    init_preferencesStore();
+    init_useFeatures();
     import_jsx_runtime46 = require("react/jsx-runtime");
     BANDIT_AVATAR = "https://cdn.burtson.ai/images/bandit-head.png";
     coerceOptionalString = (value) => {
@@ -27069,6 +26917,30 @@ var init_conversation_drawer = __esm({
           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("");
       };
@@ -27152,6 +27024,31 @@ var init_conversation_drawer = __esm({
                     gap: 1
                   },
                   children: [
+                    syncEnabled && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Tooltip, { title: syncStatus === "error" ? "Sync needs attention \u2014 tap to retry" : "Sync conversations", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                      import_material46.IconButton,
+                      {
+                        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: (0, import_material46.alpha)(theme.palette.primary.main, 0.1)
+                          }
+                        },
+                        children: syncStatus === "error" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.CircleAlert, {}) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.RefreshCw, {})
+                      }
+                    ) }),
                     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Tooltip, { title: "Memories", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                       import_material46.IconButton,
                       {
@@ -27165,7 +27062,7 @@ var init_conversation_drawer = __esm({
                             bgcolor: (0, import_material46.alpha)(theme.palette.primary.main, 0.1)
                           }
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Brain, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Brain, {})
                       }
                     ) }),
                     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Tooltip, { title: tooltip("manageProjects"), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -27181,7 +27078,7 @@ var init_conversation_drawer = __esm({
                             bgcolor: (0, import_material46.alpha)(theme.palette.primary.main, 0.1)
                           }
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Folder, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Folder, {})
                       }
                     ) }),
                     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Tooltip, { title: tooltip("conversationOptions"), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -27197,7 +27094,7 @@ var init_conversation_drawer = __esm({
                             bgcolor: (0, import_material46.alpha)(theme.palette.text.primary, 0.1)
                           }
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.MoreVertical, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.MoreVertical, {})
                       }
                     ) }),
                     isMobile && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Tooltip, { title: tooltip("closeConversationsPanel"), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -27217,7 +27114,7 @@ var init_conversation_drawer = __esm({
                             bgcolor: (0, import_material46.alpha)(theme.palette.error.main, 0.1)
                           }
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.X, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.X, {})
                       }
                     ) })
                   ]
@@ -27233,7 +27130,7 @@ var init_conversation_drawer = __esm({
                   onChange: (e) => setSearchQuery(e.target.value),
                   variant: "outlined",
                   InputProps: {
-                    startAdornment: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Search, { size: 16, color: theme.palette.text.secondary }) }),
+                    startAdornment: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Search, { size: 16, color: theme.palette.text.secondary }) }),
                     endAdornment: searchQuery && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Tooltip, { title: tooltip("clearSearch"), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                       import_material46.IconButton,
                       {
@@ -27242,7 +27139,7 @@ var init_conversation_drawer = __esm({
                         edge: "end",
                         "aria-label": tooltip("clearSearch"),
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.X, { size: 16 })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.X, { size: 16 })
                       }
                     ) }) })
                   },
@@ -27308,7 +27205,7 @@ var init_conversation_drawer = __esm({
                             justifyContent: "center",
                             flexShrink: 0
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Folder, { size: 16, color: theme.palette.success.main })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Folder, { size: 16, color: theme.palette.success.main })
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -27325,7 +27222,7 @@ var init_conversation_drawer = __esm({
                           size: "small",
                           "aria-label": tooltip("addProject"),
                           sx: { color: theme.palette.success.main },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Plus, { size: 16 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Plus, { size: 16 })
                         }
                       ) })
                     ]
@@ -27347,7 +27244,7 @@ var init_conversation_drawer = __esm({
                         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Divider, { sx: { flex: 1, opacity: 0.6 } }),
                         /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                           /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                            import_lucide_react12.Inbox,
+                            import_lucide_react13.Inbox,
                             {
                               size: 14,
                               color: theme.palette.text.disabled,
@@ -27571,6 +27468,44 @@ var init_conversation_drawer = __esm({
                         ]
                       }
                     ),
+                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                      import_material46.IconButton,
+                      {
+                        "aria-label": "Go to home page",
+                        title: "Home",
+                        onClick: (event) => {
+                          event.stopPropagation();
+                          goToHome();
+                        },
+                        sx: {
+                          flexShrink: 0,
+                          width: 30,
+                          height: 30,
+                          border: `1px solid ${(0, import_material46.alpha)(theme.palette.divider, 0.8)}`,
+                          color: theme.palette.text.secondary
+                        },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.House, { size: 16 })
+                      }
+                    ),
+                    user2 && showLimitedAdminPanel() && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                      import_material46.IconButton,
+                      {
+                        "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 ${(0, import_material46.alpha)(theme.palette.divider, 0.8)}`,
+                          color: theme.palette.text.secondary
+                        },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.SlidersHorizontal, { size: 16 })
+                      }
+                    ),
                     user2 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
                       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                         import_material46.Box,
@@ -27586,7 +27521,7 @@ var init_conversation_drawer = __esm({
                             border: `1px solid ${(0, import_material46.alpha)(theme.palette.divider, 0.8)}`,
                             color: theme.palette.text.secondary
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Settings, { size: 16 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Settings, { size: 16 })
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -27607,7 +27542,7 @@ var init_conversation_drawer = __esm({
                             color: theme.palette.error.main,
                             "&:hover": { bgcolor: (0, import_material46.alpha)(theme.palette.error.main, 0.1) }
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.LogOut, { size: 16 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.LogOut, { size: 16 })
                         }
                       )
                     ] })
@@ -27657,7 +27592,7 @@ var init_conversation_drawer = __esm({
                 },
                 sx: { color: theme.palette.error.main },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Trash2, { size: 16, color: theme.palette.error.main }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Trash2, { size: 16, color: theme.palette.error.main }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.ListItemText, { children: "Clear All Conversations" })
                 ]
               }
@@ -27696,13 +27631,13 @@ var init_conversation_drawer = __esm({
 });
 
 // src/chat/enhanced-mobile-conversations-modal.tsx
-var import_react58, import_material47, import_lucide_react13, import_styles31, import_jsx_runtime47, BANDIT_AVATAR2, coerceOptionalString2, deriveInitials2, EnhancedMobileConversationsModal, enhanced_mobile_conversations_modal_default;
+var import_react58, import_material47, import_lucide_react14, import_styles31, import_jsx_runtime47, BANDIT_AVATAR2, coerceOptionalString2, deriveInitials2, EnhancedMobileConversationsModal, enhanced_mobile_conversations_modal_default;
 var init_enhanced_mobile_conversations_modal = __esm({
   "src/chat/enhanced-mobile-conversations-modal.tsx"() {
     "use strict";
     import_react58 = require("react");
     import_material47 = require("@mui/material");
-    import_lucide_react13 = require("lucide-react");
+    import_lucide_react14 = require("lucide-react");
     import_styles31 = require("@mui/material/styles");
     init_conversationStore();
     init_projectStore();
@@ -28145,7 +28080,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                 }
                               }
                             },
-                            children: syncStatus === "error" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.CircleAlert, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.RefreshCw, {})
+                            children: syncStatus === "error" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.CircleAlert, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.RefreshCw, {})
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -28154,7 +28089,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                             onClick: () => setMemoryModalOpen(true),
                             "aria-label": "Memory",
                             sx: { color: theme.palette.text.secondary },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.Brain, {})
+                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Brain, {})
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -28162,7 +28097,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                           {
                             onClick: () => setProjectManagementOpen(true),
                             sx: { color: theme.palette.text.secondary },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.Folder, {})
+                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Folder, {})
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -28170,7 +28105,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                           {
                             onClick: handleMenuOpen,
                             sx: { color: theme.palette.text.secondary },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.MoreVertical, {})
+                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.MoreVertical, {})
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -28178,7 +28113,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                           {
                             onClick: onClose,
                             sx: { color: theme.palette.text.secondary },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.X, {})
+                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.X, {})
                           }
                         )
                       ] })
@@ -28194,7 +28129,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                       onChange: (e) => setSearchQuery(e.target.value),
                       variant: "outlined",
                       InputProps: {
-                        startAdornment: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.Search, { size: 16, color: theme.palette.text.secondary }) }),
+                        startAdornment: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Search, { size: 16, color: theme.palette.text.secondary }) }),
                         endAdornment: searchQuery && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                           import_material47.IconButton,
                           {
@@ -28202,7 +28137,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                             size: "small",
                             edge: "end",
                             sx: { color: theme.palette.text.secondary },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.X, { size: 16 })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.X, { size: 16 })
                           }
                         ) })
                       }
@@ -28358,7 +28293,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                     justifyContent: "center",
                                     flexShrink: 0
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.Folder, { size: 16, color: theme.palette.success.main })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Folder, { size: 16, color: theme.palette.success.main })
                                 }
                               ),
                               /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -28369,7 +28304,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                   children: "New Project"
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.IconButton, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.Plus, { size: 16 }) })
+                              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.IconButton, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Plus, { size: 16 }) })
                             ]
                           }
                         ),
@@ -28389,7 +28324,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                 /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.Divider, { sx: { flex: 1, opacity: 0.6 } }),
                                 /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_material47.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                                   /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                                    import_lucide_react13.Inbox,
+                                    import_lucide_react14.Inbox,
                                     {
                                       size: 14,
                                       color: theme.palette.text.disabled,
@@ -28584,7 +28519,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                             createNewConversation();
                             onClose();
                           },
-                          startIcon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.Plus, { size: 18 }),
+                          startIcon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Plus, { size: 18 }),
                           sx: {
                             pointerEvents: "auto",
                             textTransform: "none",
@@ -28675,7 +28610,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                               border: `1px solid ${(0, import_styles31.alpha)(theme.palette.divider, 0.8)}`,
                               color: theme.palette.text.secondary
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.House, { size: 16 })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.House, { size: 16 })
                           }
                         ),
                         user2 && showLimitedAdminPanel() && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -28694,7 +28629,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                               border: `1px solid ${(0, import_styles31.alpha)(theme.palette.divider, 0.8)}`,
                               color: theme.palette.text.secondary
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.SlidersHorizontal, { size: 16 })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.SlidersHorizontal, { size: 16 })
                           }
                         ),
                         user2 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
@@ -28712,7 +28647,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                 border: `1px solid ${(0, import_styles31.alpha)(theme.palette.divider, 0.8)}`,
                                 color: theme.palette.text.secondary
                               },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.Settings, { size: 16 })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Settings, { size: 16 })
                             }
                           ),
                           /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -28733,7 +28668,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                 color: theme.palette.error.main,
                                 "&:hover": { bgcolor: (0, import_styles31.alpha)(theme.palette.error.main, 0.1) }
                               },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.LogOut, { size: 16 })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.LogOut, { size: 16 })
                             }
                           )
                         ] })
@@ -28786,7 +28721,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                 disabled: visibleConversationCount === 0,
                 sx: { color: theme.palette.error.main },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.Trash2, { size: 16, color: theme.palette.error.main }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Trash2, { size: 16, color: theme.palette.error.main }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.ListItemText, { children: "Clear All Conversations" })
                 ]
               }
@@ -28916,24 +28851,8 @@ var init_chat_app_bar = __esm({
       const { settings: packageSettings } = usePackageSettingsStore();
       const isPlaygroundRoute = typeof window !== "undefined" && window.location.pathname.includes("/playground");
       const isPlaygroundMode3 = Boolean(packageSettings?.playgroundMode) || (packageSettings?.gatewayApiUrl ?? "").toLowerCase().startsWith("playground://") || typeof window !== "undefined" && window.location.pathname.startsWith("/playground");
-      const managementPath = isPlaygroundMode3 ? "/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
       }), import_shallow2.shallow);
       (0, import_react59.useEffect)(() => {
@@ -28945,57 +28864,6 @@ var init_chat_app_bar = __esm({
           });
         }
       }, [isPlaygroundMode3, syncEnabled, setSyncEnabled]);
-      const syncSpinSx = {
-        animation: "spin 1s linear infinite",
-        "@keyframes spin": {
-          "0%": { transform: "rotate(0deg)" },
-          "100%": { transform: "rotate(360deg)" }
-        }
-      };
-      const syncIndicatorIcon = (() => {
-        if (isPlaygroundMode3 || !syncEnabled) {
-          return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(CloudOffIcon, { fontSize: "small", color: "disabled" });
-        }
-        switch (syncStatus) {
-          case "syncing":
-            return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SyncIcon, { fontSize: "small", sx: syncSpinSx, color: "primary" });
-          case "error":
-            return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ErrorOutlineIcon, { fontSize: "small", color: "error" });
-          case "idle":
-          default:
-            return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(CloudDoneIcon, { fontSize: "small", color: "success" });
-        }
-      })();
-      const syncTooltip = (() => {
-        if (isPlaygroundMode3) {
-          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 = isPlaygroundMode3 || !syncEnabled;
-      const handleSyncBadgeClick = () => {
-        if (isPlaygroundMode3 || !syncEnabled || syncStatus === "syncing") {
-          return;
-        }
-        void triggerSync({ force: true });
-      };
       const { hasTTS, hasSTT, isAdmin, getCurrentTier, hasLimitedAdminDashboard, isSubscribed } = useFeatures();
       const { showVoiceControls, showLimitedAdminPanel } = useFeatureVisibility();
       const frontierEligible = (() => {
@@ -29046,37 +28914,6 @@ var init_chat_app_bar = __esm({
         useEngineStore.getState().fetchEngines();
       }, []);
       const pendingModelAvatar = useModelStore.getState().availableModels.find((m) => m.name === pendingModel)?.avatarBase64 || modelAvatars3[pendingModel || ""] || banditHead4;
-      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__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
           import_material49.Box,
@@ -29203,72 +29040,6 @@ var init_chat_app_bar = __esm({
                     }
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Tooltip, { title: homeTooltip, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                      import_material49.IconButton,
-                      {
-                        onClick: goToHome,
-                        sx: pillButtonStyles,
-                        "aria-label": "Go to home page",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(HomeIcon, {})
-                      }
-                    ) }),
-                    showLimitedAdminPanel() && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Tooltip, { title: "Management & Settings", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                      import_material49.IconButton,
-                      {
-                        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__ */ (0, import_jsx_runtime48.jsx)(SettingsIcon, {})
-                      }
-                    ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Tooltip, { title: syncTooltip, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
-                      import_material49.IconButton,
-                      {
-                        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__ */ (0, import_jsx_runtime48.jsx)(
-                            import_material49.Box,
-                            {
-                              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__ */ (0, import_jsx_runtime48.jsx)(import_material49.Tooltip, { title: `${drawerOpen ? "Close" : "Open"} Conversations`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                       import_material49.IconButton,
                       {
@@ -29283,7 +29054,7 @@ var init_chat_app_bar = __esm({
                         "aria-label": `${drawerOpen ? "Close" : "Open"} conversations drawer`,
                         "aria-pressed": drawerOpen,
                         children: [
-                          drawerOpen ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(NotesIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(NotesIconOutlined, {}),
+                          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(PanelLeftIcon, {}),
                           conversations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                             import_material49.Box,
                             {
@@ -31562,6 +31333,10 @@ var init_chat2 = __esm({
               // 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",
               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"
             }),