@burtson-labs/bandit-engine 2.0.153 → 2.0.155

package/dist/modals/chat-modal/chat-modal.js

@@ -4538,7 +4538,7 @@ __export(chat_modal_exports, {
 });
 module.exports = __toCommonJS(chat_modal_exports);
 var import_react23 = require("react");
-var import_material17 = require("@mui/material");
+var import_material18 = require("@mui/material");
 var import_react_router_dom = require("react-router-dom");
 
 // src/modals/chat-modal/draggable-box.tsx
@@ -10743,7 +10743,7 @@ var DocumentCard_default = DocumentCard;
 
 // src/modals/knowlege/knowledge-file-modal.tsx
 var import_react11 = require("react");
-var import_material6 = require("@mui/material");
+var import_material7 = require("@mui/material");
 init_packageSettingsStore();
 var pdfjsLib2 = __toESM(require("pdfjs-dist/legacy/build/pdf"));
 
@@ -10828,7 +10828,9 @@ function getHighlightTree(code, language) {
 
 // src/utils/markdownRendering.tsx
 var import_react10 = __toESM(require("react"));
+var import_material6 = require("@mui/material");
 var import_rehype_sanitize = require("rehype-sanitize");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var markdownSanitizeSchema = (() => {
   const schema = JSON.parse(JSON.stringify(import_rehype_sanitize.defaultSchema));
   schema.tagNames = Array.from(
@@ -10872,6 +10874,50 @@ var markdownSanitizeSchema = (() => {
   schema.strip = ["script", "style"];
   return schema;
 })();
+var MarkdownImage = ({ src, alt }) => {
+  if (!src) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Box, { component: "span", sx: { display: "block", my: 1 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_material6.Box,
+      {
+        component: "img",
+        src,
+        alt: alt || "Image",
+        loading: "lazy",
+        sx: {
+          display: "block",
+          maxWidth: "min(480px, 100%)",
+          maxHeight: 420,
+          width: "auto",
+          height: "auto",
+          borderRadius: 2,
+          border: "1px solid",
+          borderColor: "divider"
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_material6.Box,
+      {
+        component: "a",
+        href: src,
+        download: true,
+        target: "_blank",
+        rel: "noreferrer noopener",
+        sx: {
+          display: "inline-block",
+          mt: 0.5,
+          fontSize: 13,
+          fontWeight: 600,
+          color: "primary.main",
+          textDecoration: "none",
+          "&:hover": { textDecoration: "underline" }
+        },
+        children: "Save image"
+      }
+    )
+  ] });
+};
 var renderLowlightChildren = (nodes, keyPrefix) => nodes.map((node, index) => {
   if (node.type === "text") {
     return node.value;
@@ -10898,7 +10944,7 @@ var renderLowlightChildren = (nodes, keyPrefix) => nodes.map((node, index) => {
 
 // src/modals/knowlege/knowledge-file-modal.tsx
 init_debugLogger();
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var getFileTypeInfo2 = (filename) => {
   const ext = filename.split(".").pop()?.toLowerCase() || "";
   const languageMap = {
@@ -11044,8 +11090,8 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
   const zoomTimeoutRef = (0, import_react11.useRef)(null);
   const { downloadVectorFile, getFileBlob } = useVectorStore();
   const packageSettings = usePackageSettingsStore();
-  const theme = (0, import_material6.useTheme)();
-  const isMobile = (0, import_material6.useMediaQuery)(theme.breakpoints.down("md"));
+  const theme = (0, import_material7.useTheme)();
+  const isMobile = (0, import_material7.useMediaQuery)(theme.breakpoints.down("md"));
   const isDarkTheme = theme.palette.mode === "dark";
   (0, import_react11.useEffect)(() => {
     if (typeof window !== "undefined") {
@@ -11278,14 +11324,14 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
       debugLogger.error("Vector document download failed", { error: err, docId: doc.id });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Dialog, { fullScreen: true, open, onClose, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.AppBar, { sx: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Toolbar, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Box, { sx: { display: "flex", alignItems: "center", flex: 1, minWidth: 0 }, children: [
-        doc && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Box, { sx: { mr: 1, flexShrink: 0 }, children: (() => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Dialog, { fullScreen: true, open, onClose, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.AppBar, { sx: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Toolbar, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Box, { sx: { display: "flex", alignItems: "center", flex: 1, minWidth: 0 }, children: [
+        doc && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Box, { sx: { mr: 1, flexShrink: 0 }, children: (() => {
           const fileInfo = getFileTypeInfo2(doc.name);
           const IconComponent = fileInfo.icon;
-          return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Tooltip, { title: `${fileInfo.category} file`, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-            import_material6.Box,
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Tooltip, { title: `${fileInfo.category} file`, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+            import_material7.Box,
             {
               sx: {
                 display: "flex",
@@ -11299,14 +11345,14 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
                 fontWeight: "bold"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconComponent, { sx: { fontSize: "1rem", mr: 0.5 } }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(IconComponent, { sx: { fontSize: "1rem", mr: 0.5 } }),
                 fileInfo.language || fileInfo.category
               ]
             }
           ) });
         })() }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Tooltip, { title: doc?.name || "", placement: "bottom-start", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_material6.Typography,
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Tooltip, { title: doc?.name || "", placement: "bottom-start", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_material7.Typography,
           {
             sx: {
               flex: 1,
@@ -11333,7 +11379,7 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
             children: doc?.name
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Box, { sx: { display: "flex", alignItems: "center", flexShrink: 0, ml: 1 }, children: isPDF(doc?.name || "") && totalPages > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Typography, { component: "span", variant: "body2", sx: { opacity: 0.8 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Box, { sx: { display: "flex", alignItems: "center", flexShrink: 0, ml: 1 }, children: isPDF(doc?.name || "") && totalPages > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Typography, { component: "span", variant: "body2", sx: { opacity: 0.8 }, children: [
           "(",
           totalPages,
           " page",
@@ -11341,47 +11387,47 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
           ")"
         ] }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Box, { sx: { display: "flex", alignItems: "center", flexShrink: 0, gap: 1 }, children: [
-        !isPDF(doc?.name || "") && isCodeFile(doc?.name || "") && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-          import_material6.ToggleButtonGroup,
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Box, { sx: { display: "flex", alignItems: "center", flexShrink: 0, gap: 1 }, children: [
+        !isPDF(doc?.name || "") && isCodeFile(doc?.name || "") && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          import_material7.ToggleButtonGroup,
           {
             value: viewMode,
             exclusive: true,
             onChange: (e, newMode) => newMode && setViewMode(newMode),
             size: "small",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.ToggleButton, { value: "formatted", sx: { color: "inherit" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CodeIcon, { sx: { mr: 1, fontSize: "1rem" } }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.ToggleButton, { value: "formatted", sx: { color: "inherit" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CodeIcon, { sx: { mr: 1, fontSize: "1rem" } }),
                 "Formatted"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.ToggleButton, { value: "raw", sx: { color: "inherit" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TextFieldsIcon, { sx: { mr: 1, fontSize: "1rem" } }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.ToggleButton, { value: "raw", sx: { color: "inherit" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TextFieldsIcon, { sx: { mr: 1, fontSize: "1rem" } }),
                 "Raw"
               ] })
             ]
           }
         ),
-        isPDF(doc?.name || "") && pdfDocument && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            import_material6.Button,
+        isPDF(doc?.name || "") && pdfDocument && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            import_material7.Button,
             {
               color: "inherit",
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ZoomOutIcon, {}),
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ZoomOutIcon, {}),
               onClick: handleZoomOut,
               disabled: pdfScale <= 0.5,
               size: "small",
               children: "Zoom Out"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Typography, { variant: "body2", sx: { color: "inherit", mx: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Typography, { variant: "body2", sx: { color: "inherit", mx: 1 }, children: [
             Math.round(pdfScale * 100),
             "%"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            import_material6.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            import_material7.Button,
             {
               color: "inherit",
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ZoomInIcon, {}),
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ZoomInIcon, {}),
               onClick: handleZoomIn,
               disabled: pdfScale >= 3,
               size: "small",
@@ -11389,18 +11435,18 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
             }
           )
         ] }),
-        isVectorDocument && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.IconButton, { edge: "end", color: "inherit", onClick: handleDownload, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DownloadIcon, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.IconButton, { edge: "end", color: "inherit", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CloseIcon, {}) })
+        isVectorDocument && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.IconButton, { edge: "end", color: "inherit", onClick: handleDownload, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DownloadIcon, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.IconButton, { edge: "end", color: "inherit", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CloseIcon, {}) })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Box, { sx: { p: 3, bgcolor: "background.default", height: "100%", overflowY: "auto" }, children: [
-      loading && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "50vh" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.CircularProgress, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Typography, { sx: { ml: 2 }, children: isPDF(doc?.name || "") ? "Loading PDF document..." : "Loading full file content..." })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Box, { sx: { p: 3, bgcolor: "background.default", height: "100%", overflowY: "auto" }, children: [
+      loading && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "50vh" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.CircularProgress, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Typography, { sx: { ml: 2 }, children: isPDF(doc?.name || "") ? "Loading PDF document..." : "Loading full file content..." })
       ] }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Alert, { severity: "warning", sx: { mb: 2 }, children: error }),
-      !loading && isPDF(doc?.name || "") && pdfCanvases.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 2 }, children: pdfCanvases.map((canvas, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-        import_material6.Paper,
+      error && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Alert, { severity: "warning", sx: { mb: 2 }, children: error }),
+      !loading && isPDF(doc?.name || "") && pdfCanvases.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 2 }, children: pdfCanvases.map((canvas, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        import_material7.Paper,
         {
           elevation: 3,
           sx: {
@@ -11432,14 +11478,14 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
             scrollbarColor: isDarkTheme ? "#555 #2d2d2d" : "#c1c1c1 #f5f5f5"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Typography, { variant: "caption", color: "text.secondary", sx: { mb: 1, display: "block" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Typography, { variant: "caption", color: "text.secondary", sx: { mb: 1, display: "block" }, children: [
               "Page ",
               index + 1,
               " of ",
               totalPages
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              import_material6.Box,
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              import_material7.Box,
               {
                 ref: (el) => {
                   if (el && canvas) {
@@ -11462,19 +11508,19 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
         },
         index
       )) }),
-      !loading && !isPDF(doc?.name || "") && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Box, { children: isCodeFile(doc?.name || "") && viewMode === "formatted" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Box, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Box, { sx: { mb: 2, display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Typography, { variant: "body2", color: "text.secondary", children: [
+      !loading && !isPDF(doc?.name || "") && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Box, { children: isCodeFile(doc?.name || "") && viewMode === "formatted" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Box, { sx: { mb: 2, display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Typography, { variant: "body2", color: "text.secondary", children: [
             "Syntax highlighted as ",
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("strong", { children: getLanguageFromFilename(doc?.name || "").toUpperCase() })
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("strong", { children: getLanguageFromFilename(doc?.name || "").toUpperCase() })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Typography, { variant: "caption", color: "text.secondary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Typography, { variant: "caption", color: "text.secondary", children: [
             (fullContent || doc?.content || "").split("\n").length,
             " lines"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_material6.Paper,
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_material7.Paper,
           {
             elevation: 1,
             sx: {
@@ -11516,8 +11562,8 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
                 overflowWrap: "anywhere"
               }
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              import_material6.Box,
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              import_material7.Box,
               {
                 sx: {
                   "& .hljs": {
@@ -11552,13 +11598,13 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
                     color: isDarkTheme ? "#f07178" : "#d97706"
                   }
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("pre", { className: `hljs language-${resolvedHighlightLanguage || "text"}`, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("code", { className: "hljs", children: highlightedNodes.length > 0 ? highlightedNodes : formattedContent }) })
+                children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("pre", { className: `hljs language-${resolvedHighlightLanguage || "text"}`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("code", { className: "hljs", children: highlightedNodes.length > 0 ? highlightedNodes : formattedContent }) })
               }
             )
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        import_material6.Typography,
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_material7.Typography,
         {
           component: "pre",
           variant: "body2",
@@ -11578,14 +11624,14 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
           children: fullContent || doc?.content
         }
       ) }),
-      !loading && isPDF(doc?.name || "") && pdfCanvases.length === 0 && !error && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Box, { sx: { textAlign: "center", py: 4 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Typography, { variant: "h6", color: "text.secondary", gutterBottom: true, children: "PDF Preview Not Available" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Typography, { variant: "body2", color: "text.secondary", children: "This PDF file cannot be previewed. You can download it to view the full content." }),
-        isVectorDocument && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_material6.Button,
+      !loading && isPDF(doc?.name || "") && pdfCanvases.length === 0 && !error && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Box, { sx: { textAlign: "center", py: 4 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Typography, { variant: "h6", color: "text.secondary", gutterBottom: true, children: "PDF Preview Not Available" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Typography, { variant: "body2", color: "text.secondary", children: "This PDF file cannot be previewed. You can download it to view the full content." }),
+        isVectorDocument && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_material7.Button,
           {
             variant: "contained",
-            startIcon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DownloadIcon, {}),
+            startIcon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DownloadIcon, {}),
             onClick: handleDownload,
             sx: { mt: 2 },
             children: "Download PDF"
@@ -11604,7 +11650,7 @@ var import_remark_gfm = __toESM(require("remark-gfm"));
 var import_rehype_raw = __toESM(require("rehype-raw"));
 var import_rehype_sanitize2 = __toESM(require("rehype-sanitize"));
 init_debugLogger();
-var import_material8 = require("@mui/material");
+var import_material9 = require("@mui/material");
 
 // src/utils/openFileLink.ts
 init_debugLogger();
@@ -12376,11 +12422,11 @@ var useTTS = () => {
 };
 
 // src/modals/chat-modal/ai-response-action-bar.tsx
-var import_material7 = require("@mui/material");
+var import_material8 = require("@mui/material");
 var import_lucide_react2 = require("lucide-react");
 init_debugLogger();
 init_authenticationService();
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var AiResponseActionsBar = ({ text }) => {
   const [copied, setCopied] = (0, import_react13.useState)(false);
   const openCanvas = useCanvasStore((s) => s.openCanvas);
@@ -12463,9 +12509,9 @@ var AiResponseActionsBar = ({ text }) => {
   const handleFeedback = (type) => {
     setFeedback(type);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Box, { sx: { mt: 2, display: "flex", gap: 2, alignItems: "center", flexWrap: "wrap" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Tooltip, { title: copied ? "Copied!" : "Copy entire response", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_material7.IconButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material8.Box, { sx: { mt: 2, display: "flex", gap: 2, alignItems: "center", flexWrap: "wrap" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Tooltip, { title: copied ? "Copied!" : "Copy entire response", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_material8.IconButton,
       {
         onClick: handleCopy,
         size: "small",
@@ -12475,11 +12521,11 @@ var AiResponseActionsBar = ({ text }) => {
             color: (theme) => theme.palette.mode === "dark" ? "#fff" : "#000"
           }
         },
-        children: copied ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Check, { size: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Copy, { size: 18 })
+        children: copied ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Check, { size: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Copy, { size: 18 })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Tooltip, { title: "Open in canvas \u2014 edit & export", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_material7.IconButton,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Tooltip, { title: "Open in canvas \u2014 edit & export", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_material8.IconButton,
       {
         onClick: openInCanvas,
         size: "small",
@@ -12489,16 +12535,16 @@ var AiResponseActionsBar = ({ text }) => {
             color: (theme) => theme.palette.mode === "dark" ? "#fff" : "#000"
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.PanelRight, { size: 18 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.PanelRight, { size: 18 })
       }
     ) }),
-    isTTSAvailable && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        import_material7.Tooltip,
+    isTTSAvailable && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        import_material8.Tooltip,
         {
           title: !isTTSAvailable ? "TTS not available - check configuration" : isLoading ? "Loading audio..." : isPaused ? "Resume playback" : isPlaying ? "Playing audio..." : "Play response with voice",
-          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            import_material7.IconButton,
+          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            import_material8.IconButton,
             {
               onClick: handleTTSClick,
               size: "small",
@@ -12512,13 +12558,13 @@ var AiResponseActionsBar = ({ text }) => {
                   color: (theme) => theme.palette.mode === "dark" ? "#666" : "#aaa"
                 }
               },
-              children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.CircularProgress, { size: 18 }) : isPaused ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Play, { size: 18 }) : !isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Megaphone, { size: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Megaphone, { size: 18, color: "#4caf50" })
+              children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.CircularProgress, { size: 18 }) : isPaused ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Play, { size: 18 }) : !isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Megaphone, { size: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Megaphone, { size: 18, color: "#4caf50" })
             }
           )
         }
       ),
-      isPlaying && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Tooltip, { title: "Pause playback", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        import_material7.IconButton,
+      isPlaying && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Tooltip, { title: "Pause playback", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        import_material8.IconButton,
         {
           onClick: () => ttsPause(),
           size: "small",
@@ -12528,11 +12574,11 @@ var AiResponseActionsBar = ({ text }) => {
               color: (theme) => theme.palette.mode === "dark" ? "#fff" : "#000"
             }
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Pause, { size: 18 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Pause, { size: 18 })
         }
       ) }),
-      (isPlaying || isPaused) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Tooltip, { title: "Stop playback", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        import_material7.IconButton,
+      (isPlaying || isPaused) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Tooltip, { title: "Stop playback", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        import_material8.IconButton,
         {
           onClick: () => ttsStop(),
           size: "small",
@@ -12542,12 +12588,12 @@ var AiResponseActionsBar = ({ text }) => {
               color: (theme) => theme.palette.mode === "dark" ? "#fff" : "#000"
             }
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Square, { size: 18 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Square, { size: 18 })
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Tooltip, { title: "Like this response", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_material7.IconButton,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Tooltip, { title: "Like this response", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_material8.IconButton,
       {
         onClick: () => handleFeedback("like"),
         size: "small",
@@ -12557,11 +12603,11 @@ var AiResponseActionsBar = ({ text }) => {
             color: feedback === "like" ? "#00e676" : (theme) => theme.palette.mode === "dark" ? "#fff" : "#000"
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.ThumbsUp, { size: 18 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ThumbsUp, { size: 18 })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Tooltip, { title: "Dislike this response", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_material7.IconButton,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Tooltip, { title: "Dislike this response", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_material8.IconButton,
       {
         onClick: () => handleFeedback("dislike"),
         sx: {
@@ -12570,7 +12616,7 @@ var AiResponseActionsBar = ({ text }) => {
             color: feedback === "dislike" ? "#ff1744" : (theme) => theme.palette.mode === "dark" ? "#fff" : "#000"
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.ThumbsDown, { size: 18 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ThumbsDown, { size: 18 })
       }
     ) })
   ] });
@@ -12578,7 +12624,7 @@ var AiResponseActionsBar = ({ text }) => {
 var ai_response_action_bar_default = AiResponseActionsBar;
 
 // src/modals/chat-modal/ai-response-text-field.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var brainIcon = "https://cdn.burtson.ai/images/brain-icon.png";
 var normalizeTables = (markdown2) => {
   const lines = markdown2.split("\n");
@@ -12693,7 +12739,7 @@ var MarkdownCodeBlock = ({
     variable: "#d97706"
   };
   if (!isProbablyBlock) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "code",
       {
         style: {
@@ -12706,8 +12752,8 @@ var MarkdownCodeBlock = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    import_material8.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    import_material9.Box,
     {
       sx: {
         borderRadius: "4px",
@@ -12724,8 +12770,8 @@ var MarkdownCodeBlock = ({
         maxWidth: "100%"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-          import_material8.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          import_material9.Box,
           {
             sx: {
               px: 2,
@@ -12740,9 +12786,9 @@ var MarkdownCodeBlock = ({
               fontFamily: "inherit"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: languageLabel }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Tooltip, { title: copied ? "Copied!" : "Copy", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                import_material8.IconButton,
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: languageLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Tooltip, { title: copied ? "Copied!" : "Copy", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                import_material9.IconButton,
                 {
                   size: "small",
                   onClick: handleCopy,
@@ -12751,14 +12797,14 @@ var MarkdownCodeBlock = ({
                     "&:hover": { color: theme.palette.text.primary },
                     padding: "4px"
                   },
-                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckIcon, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ContentCopyIcon, { fontSize: "small" })
+                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CheckIcon, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ContentCopyIcon, { fontSize: "small" })
                 }
               ) })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          import_material8.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          import_material9.Box,
           {
             sx: {
               overflowX: "auto",
@@ -12792,7 +12838,7 @@ var MarkdownCodeBlock = ({
                 color: highlightColors.variable
               }
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("pre", { className: `hljs language-${languageClass}`, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("code", { className: "hljs", children: highlightedNodes }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("pre", { className: `hljs language-${languageClass}`, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("code", { className: "hljs", children: highlightedNodes }) })
           }
         )
       ]
@@ -12956,10 +13002,11 @@ var AIResponseTextField = ({
 ${sourcesMarkdownList.join("\n")}`;
   }, [response, sourcesMarkdownList]);
   const components = {
+    img: MarkdownImage,
     mark({ children, node: _node, className, style, ...markProps }) {
       const contentText = import_react14.default.Children.toArray(children).map((child) => typeof child === "string" ? child : "").join("").trim();
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        import_material8.Box,
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_material9.Box,
         {
           component: "span",
           className,
@@ -12984,7 +13031,7 @@ ${sourcesMarkdownList.join("\n")}`;
       );
     },
     code({ inline, className, children, node: _node, ...codeProps }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         MarkdownCodeBlock,
         {
           inline,
@@ -12997,7 +13044,7 @@ ${sourcesMarkdownList.join("\n")}`;
       );
     },
     a({ href, children, node: _node, style, ...anchorProps }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "a",
         {
           href,
@@ -13021,8 +13068,8 @@ ${sourcesMarkdownList.join("\n")}`;
         if (typeof inner === "string" && inner.trim().toUpperCase() === "CODE") {
           return null;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          import_material8.Box,
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          import_material9.Box,
           {
             sx: {
               fontFamily: "monospace",
@@ -13039,7 +13086,7 @@ ${sourcesMarkdownList.join("\n")}`;
           }
         );
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("em", { className, style, ...emProps, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("em", { className, style, ...emProps, children });
     },
     ol({ children, node: _node, style, ...orderedListProps }) {
       const childArray = import_react14.default.Children.toArray(children);
@@ -13051,8 +13098,8 @@ ${sourcesMarkdownList.join("\n")}`;
         }
         if (typeof item === "string" && item.trim().startsWith(":")) {
           cleanedChildren.push(
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-              import_material8.Typography,
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              import_material9.Typography,
               {
                 sx: {
                   fontSize: "0.875rem",
@@ -13070,7 +13117,7 @@ ${sourcesMarkdownList.join("\n")}`;
           cleanedChildren.push(item);
         }
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "ol",
         {
           ...orderedListProps,
@@ -13085,7 +13132,7 @@ ${sourcesMarkdownList.join("\n")}`;
       );
     },
     ul({ children, node: _node, style, ...unorderedListProps }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "ul",
         {
           ...unorderedListProps,
@@ -13120,11 +13167,11 @@ ${sourcesMarkdownList.join("\n")}`;
           const rest = childArray.slice(1);
           const isAllInline = rest.every(
             (el) => typeof el === "string" || import_react14.default.isValidElement(el) && // allow inline tags, but not <Box>
-            el.type !== import_material8.Box
+            el.type !== import_material9.Box
           );
           if (isAllInline) {
             const displayLabel = labelText.replace(/:\s*$/, "");
-            return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
               "li",
               {
                 style: {
@@ -13135,11 +13182,11 @@ ${sourcesMarkdownList.join("\n")}`;
                 },
                 ...listItemProps,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("strong", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("strong", { children: [
                     displayLabel,
                     ":"
                   ] }),
-                  rest.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+                  rest.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
                     " ",
                     rest
                   ] })
@@ -13149,16 +13196,16 @@ ${sourcesMarkdownList.join("\n")}`;
           }
         }
       }
-      if (childArray.length === 2 && import_react14.default.isValidElement(childArray[0]) && childArray[0].type === "strong" && import_react14.default.isValidElement(childArray[1]) && childArray[1].type === import_material8.Box) {
+      if (childArray.length === 2 && import_react14.default.isValidElement(childArray[0]) && childArray[0].type === "strong" && import_react14.default.isValidElement(childArray[1]) && childArray[1].type === import_material9.Box) {
         const label = childArray[0].props.children;
         const desc = childArray[1].props.children;
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "li",
           {
             style: { marginBottom: "0.5rem", lineHeight: 1.4, whiteSpace: "pre-wrap" },
             ...listItemProps,
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { children: label }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: label }),
               " ",
               desc
             ] })
@@ -13177,7 +13224,7 @@ ${sourcesMarkdownList.join("\n")}`;
             const prevKey = import_react14.default.isValidElement(prev) && prev.key != null ? prev.key : `li-strong-${i}`;
             filtered.pop();
             filtered.push(
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { children: [
                 prev,
                 ": ",
                 desc
@@ -13188,7 +13235,7 @@ ${sourcesMarkdownList.join("\n")}`;
         }
         filtered.push(item);
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "li",
         {
           ...listItemProps,
@@ -13203,19 +13250,19 @@ ${sourcesMarkdownList.join("\n")}`;
       );
     },
     table({ children, node: _node, className, style, ...tableProps }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        import_material8.TableContainer,
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_material9.TableContainer,
         {
-          component: import_material8.Paper,
+          component: import_material9.Paper,
           className,
           style,
           sx: { my: 2, bgcolor: theme.palette.background.paper },
-          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Table, { size: "small", ...tableProps, children })
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Table, { size: "small", ...tableProps, children })
         }
       );
     },
     thead({ children, node: _node, ...tableHeadProps }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.TableHead, { ...tableHeadProps, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.TableHead, { ...tableHeadProps, children });
     },
     tbody({ children, node: _node, ...tableBodyProps }) {
       const rows = import_react14.default.Children.toArray(children).filter((row) => {
@@ -13225,14 +13272,14 @@ ${sourcesMarkdownList.join("\n")}`;
           (cell) => import_react14.default.isValidElement(cell) && typeof cell.props.children === "string" && /^-+$/.test(cell.props.children.trim())
         );
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.TableBody, { ...tableBodyProps, children: rows });
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.TableBody, { ...tableBodyProps, children: rows });
     },
     tr({ children, node: _node, ...tableRowProps }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.TableRow, { ...tableRowProps, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.TableRow, { ...tableRowProps, children });
     },
     th({ children, node: _node, ...tableCellProps }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        import_material8.TableCell,
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_material9.TableCell,
         {
           ...tableCellProps,
           sx: {
@@ -13248,8 +13295,8 @@ ${sourcesMarkdownList.join("\n")}`;
       );
     },
     td({ children, node: _node, ...tableCellProps }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        import_material8.TableCell,
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_material9.TableCell,
         {
           ...tableCellProps,
           sx: {
@@ -13268,10 +13315,10 @@ ${sourcesMarkdownList.join("\n")}`;
         (child) => typeof child === "object" && child !== null && "type" in child && typeof child.type === "string" && ["div", "Box", "section", "ul", "ol", "table"].includes(child.type)
       );
       if (hasBlock) {
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: flattened });
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: flattened });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Box, { component: "div", sx: { margin: "0.25rem 0" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        import_material8.Typography,
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Box, { component: "div", sx: { margin: "0.25rem 0" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_material9.Typography,
         {
           component: "div",
           variant: "body2",
@@ -13284,9 +13331,9 @@ ${sourcesMarkdownList.join("\n")}`;
       ) });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-      import_material8.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      import_material9.Box,
       {
         sx: {
           width: "100%",
@@ -13302,9 +13349,9 @@ ${sourcesMarkdownList.join("\n")}`;
           "&:hover .ai-response-actions": { opacity: 1 }
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Box, { sx: { display: "flex", justifyContent: "flex-end", mb: 2.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material8.Box, { sx: { maxWidth: { xs: "100%", sm: "85%" }, minWidth: 0 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-              import_material8.Box,
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Box, { sx: { display: "flex", justifyContent: "flex-end", mb: 2.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: { maxWidth: { xs: "100%", sm: "85%" }, minWidth: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              import_material9.Box,
               {
                 sx: {
                   bgcolor: chatResponse.userBubble || (0, import_styles2.alpha)(theme.palette.common.white, 0.07),
@@ -13315,8 +13362,8 @@ ${sourcesMarkdownList.join("\n")}`;
                   whiteSpace: "pre-wrap",
                   overflowWrap: "break-word"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                  import_material8.Typography,
+                children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  import_material9.Typography,
                   {
                     sx: {
                       color: theme.palette.text.primary,
@@ -13329,8 +13376,8 @@ ${sourcesMarkdownList.join("\n")}`;
                 )
               }
             ),
-            images && images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Box, { sx: { display: "flex", gap: 1, mt: 1, flexWrap: "wrap", justifyContent: "flex-end" }, children: images.map((img, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-              import_material8.Avatar,
+            images && images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Box, { sx: { display: "flex", gap: 1, mt: 1, flexWrap: "wrap", justifyContent: "flex-end" }, children: images.map((img, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              import_material9.Avatar,
               {
                 src: img,
                 variant: "rounded",
@@ -13347,9 +13394,9 @@ ${sourcesMarkdownList.join("\n")}`;
               i
             )) })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material8.Box, { sx: { position: "relative", width: "100%", maxWidth: { xs: "100%", sm: "768px" } }, children: [
-            cancelled && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-              import_material8.Box,
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: { position: "relative", width: "100%", maxWidth: { xs: "100%", sm: "768px" } }, children: [
+            cancelled && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              import_material9.Box,
               {
                 sx: {
                   position: "absolute",
@@ -13360,11 +13407,11 @@ ${sourcesMarkdownList.join("\n")}`;
                   gap: 1,
                   zIndex: 1
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Typography, { variant: "caption", sx: { fontStyle: "italic", opacity: 0.85 }, children: "Cancelled by you" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "caption", sx: { fontStyle: "italic", opacity: 0.85 }, children: "Cancelled by you" })
               }
             ),
-            showMemoryUpdated && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-              import_material8.Box,
+            showMemoryUpdated && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+              import_material9.Box,
               {
                 sx: {
                   position: "absolute",
@@ -13377,9 +13424,9 @@ ${sourcesMarkdownList.join("\n")}`;
                   zIndex: 1
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: brainIcon, alt: "Memory", style: { width: 16, height: 16 } }),
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                    import_material8.Typography,
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("img", { src: brainIcon, alt: "Memory", style: { width: 16, height: 16 } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                    import_material9.Typography,
                     {
                       variant: "caption",
                       sx: { color: chatResponse.memoryText || "#2e7d32", fontStyle: "italic" },
@@ -13389,7 +13436,7 @@ ${sourcesMarkdownList.join("\n")}`;
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Box, { sx: { width: "100%", maxWidth: "100%" }, children: typeof response === "string" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Box, { sx: { width: "100%", maxWidth: "100%" }, children: typeof response === "string" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               import_react_markdown.default,
               {
                 remarkPlugins: [import_remark_gfm.default],
@@ -13397,10 +13444,10 @@ ${sourcesMarkdownList.join("\n")}`;
                 components,
                 children: enrichedMarkdown ?? sanitizeMarkdown(response)
               }
-            ) : import_react14.default.isValidElement(response) ? response : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Typography, { color: "error", children: "\u26A0\uFE0F Invalid AI response" }) })
+            ) : import_react14.default.isValidElement(response) ? response : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { color: "error", children: "\u26A0\uFE0F Invalid AI response" }) })
           ] }),
-          !!(responseText || typeof response === "string" && response) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-            import_material8.Box,
+          !!(responseText || typeof response === "string" && response) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            import_material9.Box,
             {
               className: "ai-response-actions",
               sx: revealActionsOnHover ? {
@@ -13408,16 +13455,16 @@ ${sourcesMarkdownList.join("\n")}`;
                 transition: "opacity 0.15s ease",
                 "&:focus-within": { opacity: 1 }
               } : void 0,
-              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ai_response_action_bar_default, { text: responseText || response })
+              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ai_response_action_bar_default, { text: responseText || response })
             }
           ),
-          displaySourceFiles && displaySourceFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Box, { sx: { mt: 1.5, display: "flex", gap: 2, flexWrap: "wrap", justifyContent: "flex-start" }, children: displaySourceFiles.map((doc, idx) => {
+          displaySourceFiles && displaySourceFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Box, { sx: { mt: 1.5, display: "flex", gap: 2, flexWrap: "wrap", justifyContent: "flex-start" }, children: displaySourceFiles.map((doc, idx) => {
             debugLogger.debug("Rendering DocumentCard in AI response", {
               index: idx,
               id: doc.id,
               name: doc.name
             });
-            return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               DocumentCard_default,
               {
                 doc,
@@ -13432,8 +13479,8 @@ ${sourcesMarkdownList.join("\n")}`;
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.Modal, { open: !!openImage, onClose: () => setOpenImage(null), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-      import_material8.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Modal, { open: !!openImage, onClose: () => setOpenImage(null), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      import_material9.Box,
       {
         sx: {
           display: "flex",
@@ -13445,8 +13492,8 @@ ${sourcesMarkdownList.join("\n")}`;
           position: "relative"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-            import_material8.IconButton,
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            import_material9.IconButton,
             {
               onClick: () => setOpenImage(null),
               sx: {
@@ -13459,11 +13506,11 @@ ${sourcesMarkdownList.join("\n")}`;
                   bgcolor: "rgba(255,255,255,0.2)"
                 }
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CloseIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloseIcon, {})
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-            import_material8.Box,
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            import_material9.Box,
             {
               component: "img",
               src: openImage || "",
@@ -13481,7 +13528,7 @@ ${sourcesMarkdownList.join("\n")}`;
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       knowledge_file_modal_default,
       {
         open: !!openDoc,
@@ -13507,7 +13554,7 @@ init_indexedDBService();
 
 // src/modals/chat-modal/chat-drawer.tsx
 var import_react16 = __toESM(require("react"));
-var import_material10 = require("@mui/material");
+var import_material11 = require("@mui/material");
 init_preferencesStore();
 init_packageSettingsStore();
 init_aiProviderStore();
@@ -13516,9 +13563,9 @@ init_modelStore();
 // src/chat/memory-modal.tsx
 var import_react15 = __toESM(require("react"));
 var import_styles3 = require("@mui/material/styles");
-var import_material9 = require("@mui/material");
+var import_material10 = require("@mui/material");
 init_debugLogger();
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var MemoryModal = ({ open, onClose }) => {
   const { entries, addMemory, togglePinMemory, removeMemory, clearMemories, hydrate, _hasHydrated } = useMemoryStore();
   const isAdvancedVectorFeaturesEnabled = useConversationSyncStore(
@@ -13560,7 +13607,7 @@ var MemoryModal = ({ open, onClose }) => {
     progress: ""
   });
   const theme = (0, import_styles3.useTheme)();
-  const isMobileView = (0, import_material9.useMediaQuery)(theme.breakpoints.down("sm"));
+  const isMobileView = (0, import_material10.useMediaQuery)(theme.breakpoints.down("sm"));
   const pulse = import_styles3.keyframes`
     0% {
       opacity: 1;
@@ -13911,8 +13958,8 @@ var MemoryModal = ({ open, onClose }) => {
     setClearAllOpen(false);
   };
   const filteredMemories = getMemoriesForDisplay();
-  const sheet = /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-    import_material9.Box,
+  const sheet = /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    import_material10.Box,
     {
       sx: {
         width: "100%",
@@ -13931,8 +13978,8 @@ var MemoryModal = ({ open, onClose }) => {
         // Ensure it's on top
       },
       children: [
-        isMobileView && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          import_material9.Box,
+        isMobileView && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          import_material10.Box,
           {
             sx: {
               height: 6,
@@ -13945,8 +13992,8 @@ var MemoryModal = ({ open, onClose }) => {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-          import_material9.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          import_material10.Box,
           {
             sx: {
               flexShrink: 0,
@@ -13958,8 +14005,8 @@ var MemoryModal = ({ open, onClose }) => {
               gap: isMobileView ? 0.9 : 1.25
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                import_material9.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                import_material10.Box,
                 {
                   sx: {
                     width: "100%",
@@ -13970,10 +14017,10 @@ var MemoryModal = ({ open, onClose }) => {
                     flexWrap: "wrap"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "h6", sx: { fontWeight: 600 }, children: "Memory" }),
-                      shouldUseVectorForMemories && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Tooltip, { title: "Memories stay in your private knowledge space for faster, more accurate answers.", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                        import_material9.Typography,
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "h6", sx: { fontWeight: 600 }, children: "Memory" }),
+                      shouldUseVectorForMemories && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Tooltip, { title: "Memories stay in your private knowledge space for faster, more accurate answers.", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                        import_material10.Typography,
                         {
                           variant: "caption",
                           sx: {
@@ -13991,8 +14038,8 @@ var MemoryModal = ({ open, onClose }) => {
                         }
                       ) })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                      import_material9.Box,
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                      import_material10.Box,
                       {
                         sx: {
                           display: "flex",
@@ -14002,13 +14049,13 @@ var MemoryModal = ({ open, onClose }) => {
                           flexWrap: "wrap"
                         },
                         children: [
-                          multiSelectMode ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary, mr: 0.5 }, children: [
+                          multiSelectMode ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary, mr: 0.5 }, children: [
                               selectedIds.length,
                               " selected"
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                              import_material9.Button,
+                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                              import_material10.Button,
                               {
                                 variant: "outlined",
                                 size: "small",
@@ -14020,9 +14067,9 @@ var MemoryModal = ({ open, onClose }) => {
                                 children: "Cancel"
                               }
                             ),
-                            selectedIds.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                                import_material9.Button,
+                            selectedIds.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                                import_material10.Button,
                                 {
                                   variant: "outlined",
                                   size: "small",
@@ -14036,8 +14083,8 @@ var MemoryModal = ({ open, onClose }) => {
                                   ]
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                                import_material9.Button,
+                              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                                import_material10.Button,
                                 {
                                   variant: "outlined",
                                   size: "small",
@@ -14050,8 +14097,8 @@ var MemoryModal = ({ open, onClose }) => {
                                   ]
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                                import_material9.Button,
+                              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                                import_material10.Button,
                                 {
                                   variant: "contained",
                                   size: "small",
@@ -14066,9 +14113,9 @@ var MemoryModal = ({ open, onClose }) => {
                                 }
                               )
                             ] })
-                          ] }) : filteredMemories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                              import_material9.Button,
+                          ] }) : filteredMemories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                              import_material10.Button,
                               {
                                 variant: "outlined",
                                 size: "small",
@@ -14077,20 +14124,20 @@ var MemoryModal = ({ open, onClose }) => {
                                 children: "Clear All"
                               }
                             ),
-                            isVectorEnabled && entries.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                              import_material9.Button,
+                            isVectorEnabled && entries.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                              import_material10.Button,
                               {
                                 variant: "outlined",
                                 size: "small",
                                 color: "primary",
                                 onClick: () => setBulkImportOpen(true),
-                                startIcon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloudSyncIcon, {}),
+                                startIcon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CloudSyncIcon, {}),
                                 sx: { textTransform: "none", borderRadius: 2, fontSize: "0.75rem" },
                                 children: "Import to workspace"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                              import_material9.Button,
+                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                              import_material10.Button,
                               {
                                 variant: "outlined",
                                 size: "small",
@@ -14104,8 +14151,8 @@ var MemoryModal = ({ open, onClose }) => {
                               }
                             )
                           ] }),
-                          !multiSelectMode && isMobileView && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                            import_material9.Button,
+                          !multiSelectMode && isMobileView && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                            import_material10.Button,
                             {
                               variant: "contained",
                               size: "small",
@@ -14120,8 +14167,8 @@ var MemoryModal = ({ open, onClose }) => {
                               children: "Save"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                            import_material9.IconButton,
+                          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                            import_material10.IconButton,
                             {
                               onClick: onClose,
                               sx: {
@@ -14130,7 +14177,7 @@ var MemoryModal = ({ open, onClose }) => {
                                 borderRadius: 2
                               },
                               size: "small",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloseIcon, { fontSize: "small" })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CloseIcon, { fontSize: "small" })
                             }
                           )
                         ]
@@ -14139,8 +14186,8 @@ var MemoryModal = ({ open, onClose }) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                import_material9.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                import_material10.Box,
                 {
                   sx: {
                     display: "flex",
@@ -14149,8 +14196,8 @@ var MemoryModal = ({ open, onClose }) => {
                     color: theme.palette.text.secondary
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                      import_material9.Typography,
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                      import_material10.Typography,
                       {
                         variant: "caption",
                         sx: {
@@ -14165,8 +14212,8 @@ var MemoryModal = ({ open, onClose }) => {
                         children: shouldUseVectorForMemories ? "Cloud memory" : "Local memory"
                       }
                     ),
-                    filteredMemories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                      import_material9.Typography,
+                    filteredMemories.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                      import_material10.Typography,
                       {
                         variant: "caption",
                         sx: {
@@ -14191,7 +14238,7 @@ var MemoryModal = ({ open, onClose }) => {
             ]
           }
         ),
-        shouldUseVectorForMemories && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: {
+        shouldUseVectorForMemories && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: {
           flexShrink: 0,
           mx: isMobileView ? 1.5 : 2,
           mt: 1,
@@ -14205,7 +14252,7 @@ var MemoryModal = ({ open, onClose }) => {
           position: "relative",
           overflow: "hidden"
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Box, { sx: {
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: {
             position: "absolute",
             top: 0,
             left: "-100%",
@@ -14214,7 +14261,7 @@ var MemoryModal = ({ open, onClose }) => {
             background: `linear-gradient(90deg, transparent, ${(0, import_styles3.alpha)(theme.palette.primary.main, 0.1)}, transparent)`,
             animation: `${shimmer} 3s infinite`
           } }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Box, { sx: {
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: {
             width: 8,
             height: 8,
             borderRadius: "50%",
@@ -14222,24 +14269,24 @@ var MemoryModal = ({ open, onClose }) => {
             animation: `${pulse} 2s infinite`,
             zIndex: 1
           } }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "body2", sx: {
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "body2", sx: {
             color: theme.palette.primary.main,
             fontSize: "0.8rem",
             fontWeight: 500,
             zIndex: 1
           }, children: "Cloud memory \xB7 synced to your account" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: { flexShrink: 0 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Box, { sx: { px: isMobileView ? 1.5 : 2, py: isMobileView ? 1.25 : 1.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            import_material9.Typography,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { flexShrink: 0 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: { px: isMobileView ? 1.5 : 2, py: isMobileView ? 1.25 : 1.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            import_material10.Typography,
             {
               variant: "body2",
               sx: { color: theme.palette.text.secondary, fontSize: "0.85rem", textAlign: isMobileView ? "left" : "center" },
               children: shouldUseVectorForMemories ? "Synced to your account for quick recall." : "Private and local. You decide what's remembered."
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-            import_material9.Tabs,
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+            import_material10.Tabs,
             {
               value: selectedTab,
               onChange: (_, val) => setSelectedTab(val),
@@ -14259,12 +14306,12 @@ var MemoryModal = ({ open, onClose }) => {
                 }
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                  import_material9.Tab,
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                  import_material10.Tab,
                   {
-                    label: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    label: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                       "User",
-                      getUserMemoryCount() > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "caption", sx: {
+                      getUserMemoryCount() > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "caption", sx: {
                         bgcolor: (0, import_styles3.alpha)(theme.palette.primary.main, 0.2),
                         color: theme.palette.primary.main,
                         px: 0.75,
@@ -14277,12 +14324,12 @@ var MemoryModal = ({ open, onClose }) => {
                     value: "user"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                  import_material9.Tab,
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                  import_material10.Tab,
                   {
-                    label: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    label: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                       "Auto",
-                      getAutoMemoryCount() > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "caption", sx: {
+                      getAutoMemoryCount() > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "caption", sx: {
                         bgcolor: (0, import_styles3.alpha)(theme.palette.secondary.main, 0.2),
                         color: theme.palette.secondary.main,
                         px: 0.75,
@@ -14299,8 +14346,8 @@ var MemoryModal = ({ open, onClose }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          import_material9.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          import_material10.Box,
           {
             sx: {
               flexGrow: 1,
@@ -14308,7 +14355,7 @@ var MemoryModal = ({ open, onClose }) => {
               px: isMobileView ? 1.5 : 2,
               py: isMobileView ? 1 : 1
             },
-            children: filteredMemories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: {
+            children: filteredMemories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: {
               display: "flex",
               flexDirection: "column",
               alignItems: "center",
@@ -14316,7 +14363,7 @@ var MemoryModal = ({ open, onClose }) => {
               height: "200px",
               textAlign: "center"
             }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Typography, { variant: "h6", sx: {
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Typography, { variant: "h6", sx: {
                 color: theme.palette.text.secondary,
                 mb: 1,
                 fontSize: "1.1rem"
@@ -14325,15 +14372,15 @@ var MemoryModal = ({ open, onClose }) => {
                 selectedTab,
                 " memories yet"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "body2", sx: {
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "body2", sx: {
                 color: (0, import_styles3.alpha)(theme.palette.text.secondary, 0.7),
                 maxWidth: 280
               }, children: selectedTab === "user" ? shouldUseVectorForMemories ? "Start by adding something you'd like me to remember. Your memories will be kept in a private workspace for quick recall." : "Start by adding something you'd like me to remember about you or your preferences." : shouldUseVectorForMemories ? "Auto memories are created automatically based on our conversations and kept in your private workspace for better answers." : "Auto memories are created automatically based on our conversations." })
             ] }) : filteredMemories.map((memory) => {
               const isSelected = selectedIds.includes(memory.id);
-              return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react15.default.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.List, { sx: { listStyle: "none", pl: 0, m: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                  import_material9.ListItem,
+              return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react15.default.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.List, { sx: { listStyle: "none", pl: 0, m: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                  import_material10.ListItem,
                   {
                     onClick: () => multiSelectMode && toggleSelection(memory.id),
                     sx: {
@@ -14353,8 +14400,8 @@ var MemoryModal = ({ open, onClose }) => {
                       }
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                        import_material9.Box,
+                      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                        import_material10.Box,
                         {
                           sx: {
                             display: "flex",
@@ -14363,8 +14410,8 @@ var MemoryModal = ({ open, onClose }) => {
                             gap: 1.5
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                              import_material9.Avatar,
+                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                              import_material10.Avatar,
                               {
                                 src: "https://cdn.burtson.ai/images/brain-icon.png",
                                 alt: "Memory",
@@ -14376,7 +14423,7 @@ var MemoryModal = ({ open, onClose }) => {
                                   border: isVectorEnabled ? `2px solid ${(0, import_styles3.alpha)(theme.palette.primary.main, 0.4)}` : `1px solid ${theme.palette.divider}`,
                                   position: "relative"
                                 },
-                                children: isVectorEnabled && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Box, { sx: {
+                                children: isVectorEnabled && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: {
                                   position: "absolute",
                                   top: -2,
                                   right: -2,
@@ -14393,8 +14440,8 @@ var MemoryModal = ({ open, onClose }) => {
                                 }, children: "\u26A1" })
                               }
                             ),
-                            editingId === memory.id ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                              import_material9.TextField,
+                            editingId === memory.id ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                              import_material10.TextField,
                               {
                                 fullWidth: true,
                                 multiline: true,
@@ -14440,9 +14487,9 @@ var MemoryModal = ({ open, onClose }) => {
                                 },
                                 helperText: "Press Cmd/Ctrl+Enter to save, Escape to cancel"
                               }
-                            ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: { flex: 1 }, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                                import_material9.Typography,
+                            ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { flex: 1 }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                                import_material10.Typography,
                                 {
                                   sx: {
                                     cursor: !multiSelectMode && !shouldUseVectorForMemories ? "pointer" : "default",
@@ -14463,7 +14510,7 @@ var MemoryModal = ({ open, onClose }) => {
                                   children: memory.content
                                 }
                               ),
-                              memory.pinned && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "caption", sx: {
+                              memory.pinned && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "caption", sx: {
                                 color: (0, import_styles3.alpha)(theme.palette.secondary.main, 0.7),
                                 fontStyle: "italic",
                                 mt: 0.5,
@@ -14473,9 +14520,9 @@ var MemoryModal = ({ open, onClose }) => {
                           ]
                         }
                       ),
-                      !multiSelectMode && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: { display: "flex", gap: 0.5, mt: 0.5 }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Tooltip, { title: memory.pinned ? "Unpin memory" : "Pin memory", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                          import_material9.IconButton,
+                      !multiSelectMode && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", gap: 0.5, mt: 0.5 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Tooltip, { title: memory.pinned ? "Unpin memory" : "Pin memory", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                          import_material10.IconButton,
                           {
                             onClick: async () => {
                               if (shouldUseVectorForMemories) {
@@ -14507,11 +14554,11 @@ var MemoryModal = ({ open, onClose }) => {
                               }
                             },
                             size: "small",
-                            children: memory.pinned ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PushPinIcon, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PushPinOutlinedIcon, { fontSize: "small" })
+                            children: memory.pinned ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PushPinIcon, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PushPinOutlinedIcon, { fontSize: "small" })
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Tooltip, { title: "Delete memory", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                          import_material9.IconButton,
+                        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Tooltip, { title: "Delete memory", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                          import_material10.IconButton,
                           {
                             onClick: async () => await handleDeleteMemory(memory.id),
                             sx: {
@@ -14522,20 +14569,20 @@ var MemoryModal = ({ open, onClose }) => {
                               }
                             },
                             size: "small",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DeleteIcon, { fontSize: "small" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DeleteIcon, { fontSize: "small" })
                           }
                         ) })
                       ] })
                     ]
                   }
                 ) }),
-                filteredMemories.indexOf(memory) < filteredMemories.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Divider, { sx: { bgcolor: (0, import_styles3.alpha)(appBar.border, 0.5), my: 0.5 } })
+                filteredMemories.indexOf(memory) < filteredMemories.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Divider, { sx: { bgcolor: (0, import_styles3.alpha)(appBar.border, 0.5), my: 0.5 } })
               ] }, memory.id);
             })
           }
         ),
-        multiSelectMode && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          import_material9.Box,
+        multiSelectMode && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          import_material10.Box,
           {
             sx: {
               p: isMobileView ? 1.5 : 2,
@@ -14543,13 +14590,13 @@ var MemoryModal = ({ open, onClose }) => {
               bgcolor: (0, import_styles3.alpha)(theme.palette.error.main, 0.05),
               borderBottom: selectedIds.length > 0 ? `2px solid ${(0, import_styles3.alpha)(theme.palette.error.main, 0.2)}` : void 0
             },
-            children: selectedIds.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "body2", sx: {
+            children: selectedIds.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "body2", sx: {
               textAlign: "center",
               color: theme.palette.text.secondary,
               fontStyle: "italic"
-            }, children: "Tap memories to select them for deletion" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                import_material9.Button,
+            }, children: "Tap memories to select them for deletion" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                import_material10.Button,
                 {
                   variant: "outlined",
                   onClick: () => {
@@ -14564,8 +14611,8 @@ var MemoryModal = ({ open, onClose }) => {
                   children: "Select All"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                import_material9.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                import_material10.Button,
                 {
                   fullWidth: true,
                   variant: "contained",
@@ -14582,8 +14629,8 @@ var MemoryModal = ({ open, onClose }) => {
             ] })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-          import_material9.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          import_material10.Box,
           {
             sx: {
               flexShrink: 0,
@@ -14593,8 +14640,8 @@ var MemoryModal = ({ open, onClose }) => {
               pb: `calc(env(safe-area-inset-bottom, 0px) + 8px)`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                import_material9.TextField,
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                import_material10.TextField,
                 {
                   fullWidth: true,
                   size: "small",
@@ -14639,7 +14686,7 @@ var MemoryModal = ({ open, onClose }) => {
                     mb: 1.5
                   },
                   InputProps: {
-                    endAdornment: newMemory.trim() && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "caption", sx: {
+                    endAdornment: newMemory.trim() && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "caption", sx: {
                       color: (0, import_styles3.alpha)(theme.palette.text.secondary, 0.7),
                       fontSize: "0.7rem",
                       whiteSpace: "nowrap"
@@ -14647,8 +14694,8 @@ var MemoryModal = ({ open, onClose }) => {
                   }
                 }
               ),
-              !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                import_material9.Button,
+              !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                import_material10.Button,
                 {
                   fullWidth: true,
                   variant: "contained",
@@ -14666,8 +14713,8 @@ var MemoryModal = ({ open, onClose }) => {
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-          import_material9.Dialog,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          import_material10.Dialog,
           {
             open: confirmOpen,
             onClose: () => setConfirmOpen(false),
@@ -14679,25 +14726,25 @@ var MemoryModal = ({ open, onClose }) => {
               sx: { borderRadius: 3, minWidth: 320 }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.DialogTitle, { sx: { pb: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.DialogTitle, { sx: { pb: 1 }, children: [
                 "Delete ",
                 selectedIds.length,
                 " ",
                 selectedIds.length === 1 ? "Memory" : "Memories",
                 "?"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "body2", sx: { color: theme.palette.text.secondary }, children: "This will permanently remove the selected memory entries. This action cannot be undone." }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.DialogActions, { sx: { p: 3, pt: 1 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                  import_material9.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "body2", sx: { color: theme.palette.text.secondary }, children: "This will permanently remove the selected memory entries. This action cannot be undone." }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.DialogActions, { sx: { p: 3, pt: 1 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                  import_material10.Button,
                   {
                     onClick: () => setConfirmOpen(false),
                     sx: { textTransform: "none", borderRadius: 3 },
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                  import_material9.Button,
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                  import_material10.Button,
                   {
                     onClick: handleMultiDelete,
                     color: "error",
@@ -14714,8 +14761,8 @@ var MemoryModal = ({ open, onClose }) => {
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-          import_material9.Dialog,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          import_material10.Dialog,
           {
             open: clearAllOpen,
             onClose: () => setClearAllOpen(false),
@@ -14727,23 +14774,23 @@ var MemoryModal = ({ open, onClose }) => {
               sx: { borderRadius: 3, minWidth: 320 }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.DialogTitle, { sx: { pb: 1, fontWeight: 600 }, children: "Clear Memories" }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.DialogContent, { sx: { pb: 2 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "body2", sx: { mb: 3, color: theme.palette.text.secondary }, children: "This will permanently remove selected memory types. Choose which ones to clear:" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.FormControl, { component: "fieldset", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                  import_material9.RadioGroup,
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.DialogTitle, { sx: { pb: 1, fontWeight: 600 }, children: "Clear Memories" }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.DialogContent, { sx: { pb: 2 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "body2", sx: { mb: 3, color: theme.palette.text.secondary }, children: "This will permanently remove selected memory types. Choose which ones to clear:" }),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.FormControl, { component: "fieldset", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                  import_material10.RadioGroup,
                   {
                     value: clearOption,
                     onChange: (e) => setClearOption(e.target.value),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                        import_material9.FormControlLabel,
+                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                        import_material10.FormControlLabel,
                         {
                           value: "user",
-                          control: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Radio, {}),
-                          label: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { children: "User Memories" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "caption", sx: {
+                          control: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Radio, {}),
+                          label: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { children: "User Memories" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "caption", sx: {
                               bgcolor: (0, import_styles3.alpha)(theme.palette.primary.main, 0.1),
                               color: theme.palette.primary.main,
                               px: 1,
@@ -14754,14 +14801,14 @@ var MemoryModal = ({ open, onClose }) => {
                           ] })
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                        import_material9.FormControlLabel,
+                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                        import_material10.FormControlLabel,
                         {
                           value: "auto",
-                          control: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Radio, {}),
-                          label: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { children: "Auto Memories" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "caption", sx: {
+                          control: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Radio, {}),
+                          label: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { children: "Auto Memories" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "caption", sx: {
                               bgcolor: (0, import_styles3.alpha)(theme.palette.secondary.main, 0.1),
                               color: theme.palette.secondary.main,
                               px: 1,
@@ -14772,14 +14819,14 @@ var MemoryModal = ({ open, onClose }) => {
                           ] })
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                        import_material9.FormControlLabel,
+                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                        import_material10.FormControlLabel,
                         {
                           value: "both",
-                          control: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Radio, {}),
-                          label: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { children: "Both Types" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "caption", sx: {
+                          control: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Radio, {}),
+                          label: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { children: "Both Types" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "caption", sx: {
                               bgcolor: (0, import_styles3.alpha)(theme.palette.error.main, 0.1),
                               color: theme.palette.error.main,
                               px: 1,
@@ -14794,17 +14841,17 @@ var MemoryModal = ({ open, onClose }) => {
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.DialogActions, { sx: { p: 3, pt: 1 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                  import_material9.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.DialogActions, { sx: { p: 3, pt: 1 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                  import_material10.Button,
                   {
                     onClick: () => setClearAllOpen(false),
                     sx: { textTransform: "none", borderRadius: 3 },
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                  import_material9.Button,
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                  import_material10.Button,
                   {
                     color: "error",
                     variant: "contained",
@@ -14821,8 +14868,8 @@ var MemoryModal = ({ open, onClose }) => {
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-          import_material9.Dialog,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          import_material10.Dialog,
           {
             open: bulkImportOpen,
             onClose: () => setBulkImportOpen(false),
@@ -14832,30 +14879,30 @@ var MemoryModal = ({ open, onClose }) => {
               sx: { borderRadius: 3 }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.DialogTitle, { sx: {
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.DialogTitle, { sx: {
                 fontWeight: 600,
                 pb: 1,
                 display: "flex",
                 alignItems: "center",
                 gap: 1
               }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloudSyncIcon, { color: "primary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CloudSyncIcon, { color: "primary" }),
                 "Import Memories to Secure Workspace"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.DialogContent, { sx: { py: 2 }, children: !importProgress.isImporting ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.DialogContent, { sx: { py: 2 }, children: !importProgress.isImporting ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: [
                   "This will import all your local memories (",
                   entries.length,
                   " memories) to your secure workspace for faster, more reliable answers."
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: "\u2022 Memories will be added to your synced workspace \u2022 Local memories will remain unchanged \u2022 You can switch between synced and local storage anytime" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Typography, { variant: "body2", color: "primary", sx: { fontWeight: 500 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: "\u2022 Memories will be added to your synced workspace \u2022 Local memories will remain unchanged \u2022 You can switch between synced and local storage anytime" }),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Typography, { variant: "body2", color: "primary", sx: { fontWeight: 500 }, children: [
                   "Ready to import ",
                   entries.length,
                   " memories?"
                 ] })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: { textAlign: "center", py: 2 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { textAlign: "center", py: 2 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                   CloudSyncIcon,
                   {
                     sx: {
@@ -14866,10 +14913,10 @@ var MemoryModal = ({ open, onClose }) => {
                     }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "body1", sx: { mb: 1 }, children: importProgress.progress }),
-                importProgress.result && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                    import_material9.Typography,
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "body1", sx: { mb: 1 }, children: importProgress.progress }),
+                importProgress.result && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                    import_material10.Typography,
                     {
                       variant: "body2",
                       color: importProgress.result.success ? "success.main" : "error.main",
@@ -14877,7 +14924,7 @@ var MemoryModal = ({ open, onClose }) => {
                       children: importProgress.result.message
                     }
                   ),
-                  importProgress.result.details && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Box, { sx: {
+                  importProgress.result.details && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: {
                     textAlign: "left",
                     backgroundColor: "background.paper",
                     border: 1,
@@ -14886,34 +14933,34 @@ var MemoryModal = ({ open, onClose }) => {
                     p: 2,
                     mt: 2
                   }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Typography, { variant: "caption", color: "text.secondary", sx: { display: "block", mb: 1 }, children: "Import Details:" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Typography, { variant: "body2", sx: { mb: 0.5 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "caption", color: "text.secondary", sx: { display: "block", mb: 1 }, children: "Import Details:" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Typography, { variant: "body2", sx: { mb: 0.5 }, children: [
                       "\u2022 Total: ",
                       importProgress.result.details.totalMemories,
                       " memories"
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Typography, { variant: "body2", sx: { mb: 0.5 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Typography, { variant: "body2", sx: { mb: 0.5 }, children: [
                       "\u2022 Success: ",
                       importProgress.result.details.successCount
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Typography, { variant: "body2", sx: { mb: 0.5 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Typography, { variant: "body2", sx: { mb: 0.5 }, children: [
                       "\u2022 Failed: ",
                       importProgress.result.details.failureCount
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Typography, { variant: "body2", sx: { mb: 0.5 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Typography, { variant: "body2", sx: { mb: 0.5 }, children: [
                       "\u2022 Duration: ",
                       importProgress.result.details.duration
                     ] }),
-                    importProgress.result.details.warnings && importProgress.result.details.warnings.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Typography, { variant: "body2", color: "warning.main", sx: { mt: 1 }, children: [
+                    importProgress.result.details.warnings && importProgress.result.details.warnings.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Typography, { variant: "body2", color: "warning.main", sx: { mt: 1 }, children: [
                       "\u26A0\uFE0F ",
                       importProgress.result.details.warnings.join(", ")
                     ] })
                   ] })
                 ] })
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.DialogActions, { sx: { p: 3, pt: 1 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                  import_material9.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.DialogActions, { sx: { p: 3, pt: 1 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                  import_material10.Button,
                   {
                     onClick: () => {
                       setBulkImportOpen(false);
@@ -14924,13 +14971,13 @@ var MemoryModal = ({ open, onClose }) => {
                     children: importProgress.isImporting ? "Importing..." : "Cancel"
                   }
                 ),
-                !importProgress.isImporting && !importProgress.result && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                  import_material9.Button,
+                !importProgress.isImporting && !importProgress.result && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                  import_material10.Button,
                   {
                     color: "primary",
                     variant: "contained",
                     onClick: handleBulkImport,
-                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloudSyncIcon, {}),
+                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CloudSyncIcon, {}),
                     sx: { textTransform: "none", borderRadius: 3 },
                     children: [
                       "Import ",
@@ -14947,8 +14994,8 @@ var MemoryModal = ({ open, onClose }) => {
     }
   );
   if (isMobileView) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      import_material9.SwipeableDrawer,
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_material10.SwipeableDrawer,
       {
         anchor: "bottom",
         open,
@@ -14972,8 +15019,8 @@ var MemoryModal = ({ open, onClose }) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_material9.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_material10.Modal,
     {
       open,
       onClose,
@@ -14994,10 +15041,10 @@ var memory_modal_default = MemoryModal;
 // src/modals/chat-modal/chat-drawer.tsx
 var import_rxjs18 = require("rxjs");
 init_debugLogger();
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain }) => {
-  const theme = (0, import_material10.useTheme)();
-  const isMobile = (0, import_material10.useMediaQuery)(
+  const theme = (0, import_material11.useTheme)();
+  const isMobile = (0, import_material11.useMediaQuery)(
     (theme2) => theme2.breakpoints.down("sm")
   );
   const history = useAIQueryStore((state) => state.history);
@@ -15216,8 +15263,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
   const handleCancelClear = () => {
     setConfirmClearOpen(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    import_material10.Drawer,
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    import_material11.Drawer,
     {
       anchor: "right",
       open: drawerOpen,
@@ -15243,8 +15290,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
         // Consistent timing
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-          import_material10.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          import_material11.Box,
           {
             sx: {
               height: "100%",
@@ -15256,8 +15303,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
             },
             role: "presentation",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                import_material10.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                import_material11.Box,
                 {
                   sx: {
                     p: 3,
@@ -15266,12 +15313,12 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                     backdropFilter: "blur(10px)"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(HistoryIcon, { sx: { color: theme.palette.primary.main } }),
-                        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "h6", sx: { fontWeight: 600, color: "text.primary" }, children: "Chat Control Center" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Tooltip, { title: "About Chat History", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                          import_material10.IconButton,
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(HistoryIcon, { sx: { color: theme.palette.primary.main } }),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "h6", sx: { fontWeight: 600, color: "text.primary" }, children: "Chat Control Center" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Tooltip, { title: "About Chat History", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                          import_material11.IconButton,
                           {
                             onClick: () => setInfoDialogOpen(true),
                             size: "small",
@@ -15281,11 +15328,11 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                 bgcolor: theme.palette.info.main + "20"
                               }
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(InfoOutlinedIcon, { fontSize: "small" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(InfoOutlinedIcon, { fontSize: "small" })
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Tooltip, { title: "Refresh Conversations", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                          import_material10.IconButton,
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Tooltip, { title: "Refresh Conversations", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                          import_material11.IconButton,
                           {
                             onClick: () => {
                               debugLogger.info("Manual conversation refresh triggered", {
@@ -15305,12 +15352,12 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                 bgcolor: theme.palette.primary.main + "20"
                               }
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RefreshIcon, { fontSize: "small" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RefreshIcon, { fontSize: "small" })
                           }
                         ) })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Tooltip, { title: "Close", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                        import_material10.IconButton,
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Tooltip, { title: "Close", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                        import_material11.IconButton,
                         {
                           onClick: onClose,
                           size: "small",
@@ -15321,12 +15368,12 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                               color: theme.palette.text.primary
                             }
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CloseIcon, {})
+                          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseIcon, {})
                         }
                       ) })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                      import_material10.Box,
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Box, { sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                      import_material11.Box,
                       {
                         sx: {
                           display: "flex",
@@ -15336,8 +15383,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                           border: `1px solid ${theme.palette.divider}`
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                            import_material10.Button,
+                          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                            import_material11.Button,
                             {
                               onClick: () => handleContextSwitch("local"),
                               variant: contextMode === "local" ? "contained" : "text",
@@ -15357,13 +15404,13 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                   }
                                 }
                               },
-                              children: isContextSwitching && contextMode !== "local" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: {
+                              children: isContextSwitching && contextMode !== "local" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: {
                                 display: "flex",
                                 alignItems: "center",
                                 gap: 1,
                                 opacity: 0.7
                               }, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: {
+                                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Box, { sx: {
                                   width: 12,
                                   height: 12,
                                   border: "2px solid currentColor",
@@ -15376,10 +15423,10 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                   }
                                 } }),
                                 "Loading..."
-                              ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+                              ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
                                 "Session Context",
-                                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                                  import_material10.Chip,
+                                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                                  import_material11.Chip,
                                   {
                                     label: history.length,
                                     size: "small",
@@ -15395,8 +15442,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                               ] })
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Tooltip, { title: "Switch to conversation history", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                            import_material10.Button,
+                          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Tooltip, { title: "Switch to conversation history", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                            import_material11.Button,
                             {
                               onClick: () => handleContextSwitch("main"),
                               variant: contextMode === "main" ? "contained" : "text",
@@ -15416,13 +15463,13 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                   }
                                 }
                               },
-                              children: isContextSwitching && contextMode !== "main" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: {
+                              children: isContextSwitching && contextMode !== "main" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: {
                                 display: "flex",
                                 alignItems: "center",
                                 gap: 1,
                                 opacity: 0.7
                               }, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: {
+                                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Box, { sx: {
                                   width: 12,
                                   height: 12,
                                   border: "2px solid currentColor",
@@ -15435,10 +15482,10 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                   }
                                 } }),
                                 "Loading..."
-                              ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+                              ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
                                 "Main Conversation",
-                                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                                  import_material10.Chip,
+                                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                                  import_material11.Chip,
                                   {
                                     label: conversations.length,
                                     size: "small",
@@ -15457,9 +15504,9 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                         ]
                       }
                     ) }),
-                    isVoiceAvailable ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { mb: 2 }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                        import_material10.Box,
+                    isVoiceAvailable ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { mb: 2 }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                        import_material11.Box,
                         {
                           onClick: () => toggleSection("voice"),
                           sx: {
@@ -15474,11 +15521,11 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                             }
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RecordVoiceOverIcon, { sx: { color: theme.palette.success.main, fontSize: "1.2rem" } }),
-                              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "subtitle2", sx: { fontWeight: 600, color: "text.primary" }, children: "Voice Model" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                                import_material10.Chip,
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RecordVoiceOverIcon, { sx: { color: theme.palette.success.main, fontSize: "1.2rem" } }),
+                              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "subtitle2", sx: { fontWeight: 600, color: "text.primary" }, children: "Voice Model" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                                import_material11.Chip,
                                 {
                                   label: selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default",
                                   size: "small",
@@ -15490,8 +15537,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                   }
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Tooltip, { title: "Refresh Voices", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                                import_material10.IconButton,
+                              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Tooltip, { title: "Refresh Voices", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                                import_material11.IconButton,
                                 {
                                   onClick: (e) => {
                                     e.stopPropagation();
@@ -15506,16 +15553,16 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                       color: theme.palette.success.main
                                     }
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RefreshIcon, { fontSize: "small" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RefreshIcon, { fontSize: "small" })
                                 }
                               ) })
                             ] }),
-                            expandedSections.has("voice") ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ExpandLessIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ExpandMoreIcon, {})
+                            expandedSections.has("voice") ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ExpandLessIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ExpandMoreIcon, {})
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Collapse, { in: expandedSections.has("voice"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: { pl: 2, pt: 1 }, children: availableVoices.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                        import_material10.TextField,
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Collapse, { in: expandedSections.has("voice"), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Box, { sx: { pl: 2, pt: 1 }, children: availableVoices.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                        import_material11.TextField,
                         {
                           select: true,
                           fullWidth: true,
@@ -15531,14 +15578,14 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                               borderRadius: "8px"
                             }
                           },
-                          children: availableVoices.map((voice) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.MenuItem, { value: voice, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RecordVoiceOverIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }),
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { flex: 1 }, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "body2", children: toTitleCase(voice.split("-")[1]) }),
-                              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
+                          children: availableVoices.map((voice) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.MenuItem, { value: voice, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RecordVoiceOverIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }),
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { flex: 1 }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "body2", children: toTitleCase(voice.split("-")[1]) }),
+                              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
                             ] }),
-                            voice === selectedVoice && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                              import_material10.Box,
+                            voice === selectedVoice && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                              import_material11.Box,
                               {
                                 sx: {
                                   width: 8,
@@ -15550,9 +15597,9 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                             )
                           ] }) }, voice))
                         }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { textAlign: "center", py: 2 }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "body2", color: "text.secondary", children: "No voices available" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Typography, { variant: "caption", color: "text.secondary", sx: { display: "block", mt: 1 }, children: [
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { textAlign: "center", py: 2 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "body2", color: "text.secondary", children: "No voices available" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Typography, { variant: "caption", color: "text.secondary", sx: { display: "block", mt: 1 }, children: [
                           "Service: ",
                           isServiceAvailable ? "\u2713" : "\u2717",
                           " | TTS: ",
@@ -15561,12 +15608,12 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                           !!packageSettings?.gatewayApiUrl ? "\u2713" : "\u2717"
                         ] })
                       ] }) }) })
-                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { p: 1, borderRadius: "8px", bgcolor: theme.palette.warning.main + "10" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RecordVoiceOverIcon, { sx: { color: theme.palette.warning.main, fontSize: "1.2rem" } }),
-                        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "subtitle2", sx: { fontWeight: 600, color: theme.palette.warning.main }, children: "Voice Not Available" })
+                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Box, { sx: { mb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { p: 1, borderRadius: "8px", bgcolor: theme.palette.warning.main + "10" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RecordVoiceOverIcon, { sx: { color: theme.palette.warning.main, fontSize: "1.2rem" } }),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "subtitle2", sx: { fontWeight: 600, color: theme.palette.warning.main }, children: "Voice Not Available" })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Typography, { variant: "caption", color: "text.secondary", sx: { display: "block", mt: 1, pl: 4 }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Typography, { variant: "caption", color: "text.secondary", sx: { display: "block", mt: 1, pl: 4 }, children: [
                         "Service: ",
                         isServiceAvailable ? "\u2713" : "\u2717",
                         " | TTS: ",
@@ -15575,9 +15622,9 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                         !!packageSettings?.gatewayApiUrl ? "\u2713" : "\u2717"
                       ] })
                     ] }) }),
-                    isMemoryAvailable && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { mb: 2 }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                        import_material10.Box,
+                    isMemoryAvailable && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { mb: 2 }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                        import_material11.Box,
                         {
                           onClick: () => toggleSection("memory"),
                           sx: {
@@ -15592,11 +15639,11 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                             }
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MemoryIcon, { sx: { color: theme.palette.warning.main, fontSize: "1.2rem" } }),
-                              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "subtitle2", sx: { fontWeight: 600, color: "text.primary" }, children: "Personal Memory" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                                import_material10.Chip,
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MemoryIcon, { sx: { color: theme.palette.warning.main, fontSize: "1.2rem" } }),
+                              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "subtitle2", sx: { fontWeight: 600, color: "text.primary" }, children: "Personal Memory" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                                import_material11.Chip,
                                 {
                                   label: memoryEntries.length,
                                   size: "small",
@@ -15609,17 +15656,17 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                 }
                               )
                             ] }),
-                            expandedSections.has("memory") ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ExpandLessIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ExpandMoreIcon, {})
+                            expandedSections.has("memory") ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ExpandLessIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ExpandMoreIcon, {})
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Collapse, { in: expandedSections.has("memory"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: { pl: 2, pt: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                        import_material10.Button,
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Collapse, { in: expandedSections.has("memory"), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Box, { sx: { pl: 2, pt: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                        import_material11.Button,
                         {
                           fullWidth: true,
                           variant: "outlined",
                           onClick: () => setMemoryModalOpen(true),
-                          startIcon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MemoryIcon, {}),
+                          startIcon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MemoryIcon, {}),
                           sx: {
                             textTransform: "none",
                             borderRadius: "8px",
@@ -15630,8 +15677,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                         }
                       ) }) })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                      import_material10.Box,
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                      import_material11.Box,
                       {
                         onClick: () => toggleSection("history"),
                         sx: {
@@ -15647,11 +15694,11 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                           }
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(HistoryIcon, { sx: { color: theme.palette.primary.main, fontSize: "1.2rem" } }),
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "subtitle2", sx: { fontWeight: 600, color: "text.primary" }, children: contextMode === "local" ? "Session History" : "Conversation History" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                              import_material10.Chip,
+                          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(HistoryIcon, { sx: { color: theme.palette.primary.main, fontSize: "1.2rem" } }),
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "subtitle2", sx: { fontWeight: 600, color: "text.primary" }, children: contextMode === "local" ? "Session History" : "Conversation History" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                              import_material11.Chip,
                               {
                                 label: activeHistory.length,
                                 size: "small",
@@ -15663,8 +15710,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                 }
                               }
                             ),
-                            activeHistory.length > 0 && contextMode === "local" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Tooltip, { title: "Clear Session History", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                              import_material10.IconButton,
+                            activeHistory.length > 0 && contextMode === "local" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Tooltip, { title: "Clear Session History", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                              import_material11.IconButton,
                               {
                                 onClick: (e) => {
                                   e.stopPropagation();
@@ -15677,16 +15724,16 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                     bgcolor: theme.palette.error.main + "20"
                                   }
                                 },
-                                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DeleteIcon, { fontSize: "small" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DeleteIcon, { fontSize: "small" })
                               }
                             ) })
                           ] }),
-                          expandedSections.has("history") ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ExpandLessIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ExpandMoreIcon, {})
+                          expandedSections.has("history") ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ExpandLessIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ExpandMoreIcon, {})
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Collapse, { in: expandedSections.has("history"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: { mb: 1 }, children: activeHistory.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                      import_material10.TextField,
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Collapse, { in: expandedSections.has("history"), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Box, { sx: { mb: 1 }, children: activeHistory.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                      import_material11.TextField,
                       {
                         fullWidth: true,
                         size: "small",
@@ -15694,7 +15741,7 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                         value: searchTerm,
                         onChange: (e) => setSearchTerm(e.target.value),
                         InputProps: {
-                          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SearchIcon, { sx: { color: theme.palette.text.secondary } }) }),
+                          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SearchIcon, { sx: { color: theme.palette.text.secondary } }) }),
                           sx: {
                             borderRadius: "12px",
                             bgcolor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.05)",
@@ -15714,8 +15761,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Collapse, { in: expandedSections.has("history"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                import_material10.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Collapse, { in: expandedSections.has("history"), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                import_material11.Box,
                 {
                   sx: {
                     flex: 1,
@@ -15747,8 +15794,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                     scrollbarColor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.2) rgba(255,255,255,0.1)" : "rgba(0,0,0,0.2) rgba(0,0,0,0.1)"
                   },
                   children: [
-                    isContentLoading && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                      import_material10.Box,
+                    isContentLoading && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                      import_material11.Box,
                       {
                         sx: {
                           position: "absolute",
@@ -15766,7 +15813,7 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                           gap: 2
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: {
+                          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Box, { sx: {
                             width: 40,
                             height: 40,
                             border: "3px solid currentColor",
@@ -15779,8 +15826,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                               "100%": { transform: "rotate(360deg)" }
                             }
                           } }),
-                          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                            import_material10.Typography,
+                          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                            import_material11.Typography,
                             {
                               variant: "body2",
                               sx: {
@@ -15795,8 +15842,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                     ),
                     !isContentLoading && (contextMode === "main" ? (
                       // Show conversation list when in main context
-                      filteredConversations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                        import_material10.Box,
+                      filteredConversations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                        import_material11.Box,
                         {
                           sx: {
                             display: "flex",
@@ -15808,25 +15855,25 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                             color: theme.palette.text.secondary
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(HistoryIcon, { sx: { fontSize: "3rem", mb: 2, opacity: 0.5 } }),
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "h6", sx: { mb: 1, fontWeight: 500, color: "text.primary" }, children: searchTerm ? "No Matching Conversations" : "No Conversations Yet" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "body2", children: searchTerm ? "Try adjusting your search terms" : "Create your first conversation to get started" })
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(HistoryIcon, { sx: { fontSize: "3rem", mb: 2, opacity: 0.5 } }),
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "h6", sx: { mb: 1, fontWeight: 500, color: "text.primary" }, children: searchTerm ? "No Matching Conversations" : "No Conversations Yet" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "body2", children: searchTerm ? "Try adjusting your search terms" : "Create your first conversation to get started" })
                           ]
                         }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.List, { sx: { p: 0 }, children: filteredConversations.map((conversation, index) => {
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.List, { sx: { p: 0 }, children: filteredConversations.map((conversation, index) => {
                         const isCurrent = conversation.id === currentId;
                         const isExpanded = expandedConversations.has(conversation.id);
                         const conversationHistory = conversation.history || [];
-                        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                          import_material10.ListItem,
+                        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                          import_material11.ListItem,
                           {
                             sx: {
                               display: "block",
                               p: 0,
                               mb: 1
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                              import_material10.Box,
+                            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                              import_material11.Box,
                               {
                                 sx: {
                                   bgcolor: isCurrent ? theme.palette.primary.main + "20" : theme.palette.background.default,
@@ -15836,8 +15883,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                   transition: "all 0.2s ease-in-out"
                                 },
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                                    import_material10.Box,
+                                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                                    import_material11.Box,
                                     {
                                       onClick: () => {
                                         toggleConversationExpanded(conversation.id);
@@ -15851,9 +15898,9 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                         }
                                       },
                                       children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 1 }, children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                                            import_material10.Typography,
+                                        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 1 }, children: [
+                                          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                                            import_material11.Typography,
                                             {
                                               variant: "subtitle2",
                                               sx: {
@@ -15867,9 +15914,9 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                               children: conversation.name
                                             }
                                           ),
-                                          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                                            isCurrent && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                                              import_material10.Chip,
+                                          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                                            isCurrent && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                                              import_material11.Chip,
                                               {
                                                 label: "Current",
                                                 size: "small",
@@ -15881,12 +15928,12 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                                 }
                                               }
                                             ),
-                                            isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ExpandLessIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ExpandMoreIcon, {})
+                                            isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ExpandLessIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ExpandMoreIcon, {})
                                           ] })
                                         ] }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                                            import_material10.Typography,
+                                        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                                          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                                            import_material11.Typography,
                                             {
                                               variant: "caption",
                                               sx: {
@@ -15898,8 +15945,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                               ]
                                             }
                                           ),
-                                          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                                            import_material10.Typography,
+                                          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                                            import_material11.Typography,
                                             {
                                               variant: "caption",
                                               sx: {
@@ -15915,13 +15962,13 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Collapse, { in: isExpanded, children: conversationHistory.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: { borderTop: `1px solid ${theme.palette.divider}`, bgcolor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.02)" : "rgba(0,0,0,0.02)" }, children: conversationHistory.filter(
+                                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Collapse, { in: isExpanded, children: conversationHistory.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Box, { sx: { borderTop: `1px solid ${theme.palette.divider}`, bgcolor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.02)" : "rgba(0,0,0,0.02)" }, children: conversationHistory.filter(
                                     (entry) => !searchTerm || entry.question.toLowerCase().includes(searchTerm.toLowerCase()) || entry.answer.toLowerCase().includes(searchTerm.toLowerCase())
                                   ).slice().reverse().map((entry, messageIndex) => {
                                     const isMessageExpanded = expandedItems.has(messageIndex);
-                                    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { borderBottom: `1px solid ${theme.palette.divider}` }, children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                                        import_material10.Box,
+                                    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { borderBottom: `1px solid ${theme.palette.divider}` }, children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                                        import_material11.Box,
                                         {
                                           onClick: (e) => {
                                             e.stopPropagation();
@@ -15935,8 +15982,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                             }
                                           },
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                                              import_material10.Typography,
+                                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                                              import_material11.Typography,
                                               {
                                                 variant: "body2",
                                                 sx: {
@@ -15951,8 +15998,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                                 children: entry.question
                                               }
                                             ),
-                                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                                              import_material10.Typography,
+                                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                                              import_material11.Typography,
                                               {
                                                 variant: "caption",
                                                 sx: {
@@ -15968,7 +16015,7 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                           ]
                                         }
                                       ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Collapse, { in: isMessageExpanded, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: { p: 2, pt: 0, bgcolor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.02)" : "rgba(0,0,0,0.02)" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Collapse, { in: isMessageExpanded, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Box, { sx: { p: 2, pt: 0, bgcolor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.02)" : "rgba(0,0,0,0.02)" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                                         ai_response_text_field_default,
                                         {
                                           question: entry.question,
@@ -15976,7 +16023,7 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                         }
                                       ) }) })
                                     ] }, messageIndex);
-                                  }) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: { p: 2, textAlign: "center", color: theme.palette.text.secondary, borderTop: `1px solid ${theme.palette.divider}` }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "body2", children: "No messages in this conversation yet" }) }) })
+                                  }) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Box, { sx: { p: 2, textAlign: "center", color: theme.palette.text.secondary, borderTop: `1px solid ${theme.palette.divider}` }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "body2", children: "No messages in this conversation yet" }) }) })
                                 ]
                               }
                             )
@@ -15986,8 +16033,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                       }) })
                     ) : (
                       // Show message history when in local context
-                      activeHistory.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                        import_material10.Box,
+                      activeHistory.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                        import_material11.Box,
                         {
                           sx: {
                             display: "flex",
@@ -15999,13 +16046,13 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                             color: theme.palette.text.secondary
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(HistoryIcon, { sx: { fontSize: "3rem", mb: 2, opacity: 0.5 } }),
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "h6", sx: { mb: 1, fontWeight: 500, color: "text.primary" }, children: "No Session History Yet" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "body2", children: "Start a conversation to see your session history here" })
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(HistoryIcon, { sx: { fontSize: "3rem", mb: 2, opacity: 0.5 } }),
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "h6", sx: { mb: 1, fontWeight: 500, color: "text.primary" }, children: "No Session History Yet" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "body2", children: "Start a conversation to see your session history here" })
                           ]
                         }
-                      ) : filteredHistory.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                        import_material10.Box,
+                      ) : filteredHistory.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                        import_material11.Box,
                         {
                           sx: {
                             display: "flex",
@@ -16017,23 +16064,23 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                             color: theme.palette.text.secondary
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SearchIcon, { sx: { fontSize: "3rem", mb: 2, opacity: 0.5 } }),
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "h6", sx: { mb: 1, fontWeight: 500, color: "text.primary" }, children: "No Results Found" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Typography, { variant: "body2", children: "Try adjusting your search terms" })
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SearchIcon, { sx: { fontSize: "3rem", mb: 2, opacity: 0.5 } }),
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "h6", sx: { mb: 1, fontWeight: 500, color: "text.primary" }, children: "No Results Found" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Typography, { variant: "body2", children: "Try adjusting your search terms" })
                           ]
                         }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.List, { sx: { p: 0 }, children: [...filteredHistory].reverse().map((entry, index) => {
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.List, { sx: { p: 0 }, children: [...filteredHistory].reverse().map((entry, index) => {
                         const isExpanded = expandedItems.has(index);
-                        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react16.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                          import_material10.ListItem,
+                        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react16.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                          import_material11.ListItem,
                           {
                             sx: {
                               display: "block",
                               p: 0,
                               mb: 2
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                              import_material10.Box,
+                            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                              import_material11.Box,
                               {
                                 onClick: () => toggleExpanded(index),
                                 sx: {
@@ -16050,9 +16097,9 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                   }
                                 },
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Box, { sx: { p: 2 }, children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                                      import_material10.Typography,
+                                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Box, { sx: { p: 2 }, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                                      import_material11.Typography,
                                       {
                                         variant: "body2",
                                         sx: {
@@ -16067,8 +16114,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                         children: entry.question
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                                      import_material10.Typography,
+                                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                                      import_material11.Typography,
                                       {
                                         variant: "caption",
                                         sx: {
@@ -16082,9 +16129,9 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                                       }
                                     )
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.Collapse, { in: isExpanded, children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Divider, {}),
-                                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material10.Box, { sx: { p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.Collapse, { in: isExpanded, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Divider, {}),
+                                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material11.Box, { sx: { p: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                                       ai_response_text_field_default,
                                       {
                                         question: entry.question,
@@ -16105,8 +16152,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-          import_material10.Dialog,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          import_material11.Dialog,
           {
             open: confirmClearOpen,
             onClose: handleCancelClear,
@@ -16132,8 +16179,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                import_material10.DialogTitle,
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                import_material11.DialogTitle,
                 {
                   sx: {
                     pb: 1,
@@ -16145,14 +16192,14 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                     gap: 1
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DeleteIcon, { sx: { fontSize: "1.75rem" } }),
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DeleteIcon, { sx: { fontSize: "1.75rem" } }),
                     "Clear Chat History"
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.DialogContent, { sx: { pb: 2 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                  import_material10.DialogContentText,
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.DialogContent, { sx: { pb: 2 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  import_material11.DialogContentText,
                   {
                     sx: {
                       fontSize: "1rem",
@@ -16162,8 +16209,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                     children: "Are you sure you want to clear all chat history?"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                  import_material10.DialogContentText,
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  import_material11.DialogContentText,
                   {
                     sx: {
                       fontSize: "0.9rem",
@@ -16174,8 +16221,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                import_material10.DialogActions,
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                import_material11.DialogActions,
                 {
                   sx: {
                     p: 3,
@@ -16183,8 +16230,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                     gap: 1
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                      import_material10.Button,
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                      import_material11.Button,
                       {
                         onClick: handleCancelClear,
                         variant: "outlined",
@@ -16203,8 +16250,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                         children: "Cancel"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                      import_material10.Button,
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                      import_material11.Button,
                       {
                         onClick: handleConfirmClear,
                         variant: "contained",
@@ -16231,8 +16278,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-          import_material10.Dialog,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          import_material11.Dialog,
           {
             open: infoDialogOpen,
             onClose: () => setInfoDialogOpen(false),
@@ -16258,8 +16305,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                import_material10.DialogTitle,
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                import_material11.DialogTitle,
                 {
                   sx: {
                     pb: 2,
@@ -16271,14 +16318,14 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                     gap: 1
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(InfoOutlinedIcon, { sx: { fontSize: "1.75rem" } }),
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(InfoOutlinedIcon, { sx: { fontSize: "1.75rem" } }),
                     "About Chat Control Center"
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material10.DialogContent, { sx: { pb: 2 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                  import_material10.DialogContentText,
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material11.DialogContent, { sx: { pb: 2 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  import_material11.DialogContentText,
                   {
                     sx: {
                       fontSize: "1rem",
@@ -16289,8 +16336,8 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                     children: "This control center gives you full access to your chat experience and AI capabilities."
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                  import_material10.DialogContentText,
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                  import_material11.DialogContentText,
                   {
                     sx: {
                       fontSize: "0.95rem",
@@ -16299,37 +16346,37 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                       lineHeight: 1.6
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: "Context Modes:" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("br", {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: "Context Modes:" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
                       "\u2022 ",
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: "Session Context" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: "Session Context" }),
                       ": Local conversation for this modal session only",
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("br", {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
                       "\u2022 ",
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: "Main Conversation" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: "Main Conversation" }),
                       ": Your persistent account conversations",
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("br", {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
                       "\u2022 Switch between them to access different conversation histories",
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("br", {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("br", {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: "Additional Features:" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("br", {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: "Additional Features:" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
                       "\u2022 ",
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: "Voice Models" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: "Voice Models" }),
                       ": Change AI voice when TTS is enabled",
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("br", {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
                       "\u2022 ",
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: "Personal Memory" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: "Personal Memory" }),
                       ": Manage what the AI remembers about you",
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("br", {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
                       "\u2022 ",
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: "Search & Organization" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: "Search & Organization" }),
                       ": Find specific conversations quickly"
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                  import_material10.DialogContentText,
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                  import_material11.DialogContentText,
                   {
                     sx: {
                       fontSize: "0.9rem",
@@ -16342,21 +16389,21 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                     },
                     children: [
                       "\u{1F4A1} ",
-                      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: "Pro Tip:" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: "Pro Tip:" }),
                       " Use Session Context for quick experiments and Main Conversation for important discussions you want to keep. All features respect your privacy settings!"
                     ]
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                import_material10.DialogActions,
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                import_material11.DialogActions,
                 {
                   sx: {
                     p: 3,
                     pt: 1
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                    import_material10.Button,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                    import_material11.Button,
                     {
                       onClick: () => setInfoDialogOpen(false),
                       variant: "contained",
@@ -16381,7 +16428,7 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           memory_modal_default,
           {
             open: memoryModalOpen,
@@ -16395,18 +16442,18 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
 var chat_drawer_default = AIQueriesDrawer;
 
 // src/shared/generic-loader.tsx
-var import_material11 = require("@mui/material");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_material12 = require("@mui/material");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var GenericLoader = ({
   size = 40,
   color,
   variant = "spinner"
 }) => {
-  const theme = (0, import_material11.useTheme)();
+  const theme = (0, import_material12.useTheme)();
   const loaderColor = color || theme.palette.primary.main;
   if (variant === "dots") {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      import_material11.Box,
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_material12.Box,
       {
         sx: {
           display: "flex",
@@ -16423,8 +16470,8 @@ var GenericLoader = ({
             }
           }
         },
-        children: [0, 0.15, 0.3].map((delay, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          import_material11.Box,
+        children: [0, 0.15, 0.3].map((delay, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          import_material12.Box,
           {
             sx: {
               width: 8,
@@ -16441,8 +16488,8 @@ var GenericLoader = ({
     );
   }
   if (variant === "pulse") {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      import_material11.Box,
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_material12.Box,
       {
         sx: {
           display: "flex",
@@ -16464,8 +16511,8 @@ var GenericLoader = ({
             }
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          import_material11.Box,
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          import_material12.Box,
           {
             sx: {
               width: size,
@@ -16479,8 +16526,8 @@ var GenericLoader = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_material11.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_material12.Box,
     {
       sx: {
         display: "flex",
@@ -16488,8 +16535,8 @@ var GenericLoader = ({
         alignItems: "center",
         py: 2
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        import_material11.CircularProgress,
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_material12.CircularProgress,
         {
           size,
           sx: { color: loaderColor }
@@ -16502,20 +16549,20 @@ var generic_loader_default = GenericLoader;
 
 // src/components/feedback/FeedbackButton.tsx
 var import_react18 = require("react");
-var import_material14 = require("@mui/material");
+var import_material15 = require("@mui/material");
 var import_lucide_react4 = require("lucide-react");
 
 // src/components/feedback/FeedbackModal.tsx
 var import_react17 = require("react");
-var import_material12 = require("@mui/material");
 var import_material13 = require("@mui/material");
+var import_material14 = require("@mui/material");
 var import_lucide_react3 = require("lucide-react");
 init_modelStore();
 init_packageSettingsStore();
 init_gateway_service();
 init_authenticationService();
 var import_styles4 = require("@mui/material/styles");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var feedbackCategories = {
   bug: {
     label: "Bug Report",
@@ -16583,7 +16630,7 @@ var FeedbackModal = ({
   feedbackEmail
 }) => {
   const theme = (0, import_styles4.useTheme)();
-  const isMobile = (0, import_material13.useMediaQuery)(theme.breakpoints.down("sm"));
+  const isMobile = (0, import_material14.useMediaQuery)(theme.breakpoints.down("sm"));
   const fileInputRef = (0, import_react17.useRef)(null);
   const { selectedModel } = useModelStore();
   const { conversations } = useConversationStore();
@@ -16816,8 +16863,8 @@ var FeedbackModal = ({
   const selectedPriority = feedbackPriorities[formData.priority];
   const IconComponent = iconMap[selectedCategory?.icon] || import_lucide_react3.MessageSquare;
   const isValid = !!formData.title?.trim() && !!formData.description?.trim();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material12.GlobalStyles, { styles: {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material13.GlobalStyles, { styles: {
       "::-webkit-scrollbar": {
         width: "8px"
       },
@@ -16830,15 +16877,15 @@ var FeedbackModal = ({
         border: "1px solid #222"
       }
     } }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-      import_material13.Dialog,
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      import_material14.Dialog,
       {
         open,
         onClose: handleClose,
         maxWidth: "md",
         fullWidth: true,
         fullScreen: isMobile,
-        TransitionComponent: import_material13.Fade,
+        TransitionComponent: import_material14.Fade,
         scroll: "paper",
         PaperProps: {
           sx: {
@@ -16872,8 +16919,8 @@ var FeedbackModal = ({
           }
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-            import_material13.DialogTitle,
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            import_material14.DialogTitle,
             {
               onTouchStart: handleHeaderTouchStart,
               onTouchMove: handleHeaderTouchMove,
@@ -16889,8 +16936,8 @@ var FeedbackModal = ({
                 touchAction: "pan-y"
               },
               children: [
-                isMobile && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                  import_material13.Box,
+                isMobile && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  import_material14.Box,
                   {
                     sx: {
                       width: 56,
@@ -16902,8 +16949,8 @@ var FeedbackModal = ({
                     }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                  import_material13.Box,
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                  import_material14.Box,
                   {
                     sx: {
                       display: "flex",
@@ -16913,19 +16960,19 @@ var FeedbackModal = ({
                       width: "100%"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Stack, { spacing: 0.5, sx: { minWidth: 0 }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "h6", fontWeight: "bold", noWrap: true, children: "Send Feedback" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "body2", color: "text.secondary", noWrap: true, children: "Help us improve Bandit AI" })
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Stack, { spacing: 0.5, sx: { minWidth: 0 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Typography, { variant: "h6", fontWeight: "bold", noWrap: true, children: "Send Feedback" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Typography, { variant: "body2", color: "text.secondary", noWrap: true, children: "Help us improve Bandit AI" })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.IconButton, { onClick: handleClose, size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.X, {}) })
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.IconButton, { onClick: handleClose, size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.X, {}) })
                     ]
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-            import_material13.DialogContent,
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            import_material14.DialogContent,
             {
               sx: {
                 p: { xs: 1.5, sm: 3 },
@@ -16935,8 +16982,8 @@ var FeedbackModal = ({
                 scrollbarGutter: "stable"
               },
               children: [
-                submitStatus === "success" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                  import_material13.Alert,
+                submitStatus === "success" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                  import_material14.Alert,
                   {
                     severity: "success",
                     sx: {
@@ -16949,13 +16996,13 @@ var FeedbackModal = ({
                       borderRadius: 2
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "body2", sx: { fontWeight: 600 }, children: "Feedback submitted successfully!" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "caption", display: "block", sx: { mt: 0.5, opacity: 0.9 }, children: formData.images && formData.images.length > 0 ? "Your email client should open with the feedback details. The image has been copied to your clipboard - paste it in the email!" : formData.attachments && formData.attachments.length > 0 ? "Your email client should open with the feedback details. Please manually attach your files to the email." : "Your email client should open with the feedback details." })
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Typography, { variant: "body2", sx: { fontWeight: 600 }, children: "Feedback submitted successfully!" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Typography, { variant: "caption", display: "block", sx: { mt: 0.5, opacity: 0.9 }, children: formData.images && formData.images.length > 0 ? "Your email client should open with the feedback details. The image has been copied to your clipboard - paste it in the email!" : formData.attachments && formData.attachments.length > 0 ? "Your email client should open with the feedback details. Please manually attach your files to the email." : "Your email client should open with the feedback details." })
                     ]
                   }
                 ),
-                errorMessage && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                  import_material13.Alert,
+                errorMessage && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  import_material14.Alert,
                   {
                     severity: "error",
                     sx: {
@@ -16970,8 +17017,8 @@ var FeedbackModal = ({
                     children: errorMessage
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                  import_material13.Box,
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                  import_material14.Box,
                   {
                     sx: {
                       display: "grid",
@@ -16985,8 +17032,8 @@ var FeedbackModal = ({
                       pt: 1.5
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                        import_material13.Box,
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                        import_material14.Box,
                         {
                           sx: {
                             display: "grid",
@@ -16996,8 +17043,8 @@ var FeedbackModal = ({
                             mb: 0
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                              import_material13.TextField,
+                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                              import_material14.TextField,
                               {
                                 fullWidth: true,
                                 label: "Title",
@@ -17028,8 +17075,8 @@ var FeedbackModal = ({
                                 }
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                              import_material13.FormControl,
+                            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                              import_material14.FormControl,
                               {
                                 fullWidth: true,
                                 size: "medium",
@@ -17052,9 +17099,9 @@ var FeedbackModal = ({
                                   }
                                 },
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.InputLabel, { shrink: true, id: "category-label", children: "Category" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                    import_material13.Select,
+                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.InputLabel, { shrink: true, id: "category-label", children: "Category" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                                    import_material14.Select,
                                     {
                                       labelId: "category-label",
                                       id: "category",
@@ -17063,11 +17110,11 @@ var FeedbackModal = ({
                                       onChange: handleInputChange("category"),
                                       children: Object.entries(feedbackCategories).map(([key, category]) => {
                                         const Icon = iconMap[category.icon];
-                                        return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.MenuItem, { value: key, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Box, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { size: 20, color: category.color }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Box, { children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "body2", sx: { fontWeight: 500 }, children: category.label }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "caption", color: "text.secondary", children: category.description })
+                                        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.MenuItem, { value: key, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Box, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
+                                          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { size: 20, color: category.color }),
+                                          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Box, { children: [
+                                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Typography, { variant: "body2", sx: { fontWeight: 500 }, children: category.label }),
+                                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Typography, { variant: "caption", color: "text.secondary", children: category.description })
                                           ] })
                                         ] }) }, key);
                                       })
@@ -17076,8 +17123,8 @@ var FeedbackModal = ({
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                              import_material13.FormControl,
+                            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                              import_material14.FormControl,
                               {
                                 fullWidth: true,
                                 size: "medium",
@@ -17100,18 +17147,18 @@ var FeedbackModal = ({
                                   }
                                 },
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.InputLabel, { shrink: true, id: "priority-label", children: "Priority" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                    import_material13.Select,
+                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.InputLabel, { shrink: true, id: "priority-label", children: "Priority" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                                    import_material14.Select,
                                     {
                                       labelId: "priority-label",
                                       id: "priority",
                                       value: formData.priority,
                                       label: "Priority",
                                       onChange: handleInputChange("priority"),
-                                      children: Object.entries(feedbackPriorities).map(([key, priority]) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.MenuItem, { value: key, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Box, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                          import_material13.Box,
+                                      children: Object.entries(feedbackPriorities).map(([key, priority]) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.MenuItem, { value: key, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Box, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                                          import_material14.Box,
                                           {
                                             sx: {
                                               width: 12,
@@ -17122,9 +17169,9 @@ var FeedbackModal = ({
                                             }
                                           }
                                         ),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Box, { children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "body2", sx: { fontWeight: 500 }, children: priority.label }),
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "caption", color: "text.secondary", children: priority.description })
+                                        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Box, { children: [
+                                          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Typography, { variant: "body2", sx: { fontWeight: 500 }, children: priority.label }),
+                                          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Typography, { variant: "caption", color: "text.secondary", children: priority.description })
                                         ] })
                                       ] }) }, key))
                                     }
@@ -17132,8 +17179,8 @@ var FeedbackModal = ({
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                              import_material13.TextField,
+                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                              import_material14.TextField,
                               {
                                 fullWidth: true,
                                 multiline: true,
@@ -17171,8 +17218,8 @@ var FeedbackModal = ({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                        import_material13.Box,
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                        import_material14.Box,
                         {
                           className: "feedback-section-row",
                           sx: {
@@ -17185,13 +17232,13 @@ var FeedbackModal = ({
                             flexDirection: { xs: "column", md: "row" }
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                              import_material13.Box,
+                            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                              import_material14.Box,
                               {
                                 className: "impact-section",
                                 sx: { flex: 1, minWidth: 260, display: "flex", flexDirection: "column" },
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Typography, { variant: "body2", sx: { fontWeight: 600, mb: 0.5 }, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.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],
@@ -17200,8 +17247,8 @@ var FeedbackModal = ({
                                     formData.annoyanceLevel ?? 3,
                                     "/5)"
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Box, { sx: { px: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                    import_material13.Slider,
+                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Box, { sx: { px: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                                    import_material14.Slider,
                                     {
                                       size: "small",
                                       value: formData.annoyanceLevel,
@@ -17224,8 +17271,8 @@ var FeedbackModal = ({
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                              import_material13.Box,
+                            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                              import_material14.Box,
                               {
                                 className: "attachments-upload-card attachments-section",
                                 sx: {
@@ -17237,8 +17284,8 @@ var FeedbackModal = ({
                                   p: 0
                                 },
                                 children: [
-                                  /* @__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)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Box, { onClick: () => fileInputRef.current?.click(), children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                                       "input",
                                       {
                                         ref: fileInputRef,
@@ -17248,8 +17295,8 @@ var FeedbackModal = ({
                                         onChange: handleFileUpload
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                      import_material13.Box,
+                                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                                      import_material14.Box,
                                       {
                                         sx: {
                                           display: "flex",
@@ -17265,14 +17312,14 @@ var FeedbackModal = ({
                                           "&: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" })
+                                          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.Paperclip, { size: 18 }),
+                                          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Typography, { variant: "body2", sx: { fontWeight: 500 }, children: "Attach an image" }),
+                                          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.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,
+                                    (formData.images && formData.images.length > 0 || formData.attachments && formData.attachments.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                                      import_material14.Alert,
                                       {
                                         severity: "info",
                                         sx: {
@@ -17290,18 +17337,18 @@ var FeedbackModal = ({
                                             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" })
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.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 }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "subtitle2", sx: { fontWeight: 600 }, children: "Attached Image" })
+                                  formData.images && formData.images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Box, { sx: { mt: 2 }, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 1.5 }, children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.Camera, { size: 16 }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Typography, { variant: "subtitle2", sx: { fontWeight: 600 }, children: "Attached Image" })
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Box, { sx: { display: "flex", gap: 1.5 }, children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                        import_material13.Box,
+                                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Box, { sx: { display: "flex", gap: 1.5 }, children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                                        import_material14.Box,
                                         {
                                           sx: {
                                             position: "relative",
@@ -17315,7 +17362,7 @@ var FeedbackModal = ({
                                             }
                                           },
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                                               "img",
                                               {
                                                 src: formData.images[0],
@@ -17328,8 +17375,8 @@ var FeedbackModal = ({
                                                 }
                                               }
                                             ),
-                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                              import_material13.IconButton,
+                                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                                              import_material14.IconButton,
                                               {
                                                 size: "small",
                                                 onClick: removeImage,
@@ -17346,20 +17393,20 @@ var FeedbackModal = ({
                                                     transform: "scale(1.1)"
                                                   }
                                                 },
-                                                children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Trash2, { size: 14 })
+                                                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.Trash2, { size: 14 })
                                               }
                                             )
                                           ]
                                         }
                                       ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Box, { sx: { flex: 1, display: "flex", flexDirection: "column", justifyContent: "center" }, children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                          import_material13.Button,
+                                      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Box, { sx: { flex: 1, display: "flex", flexDirection: "column", justifyContent: "center" }, children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                                          import_material14.Button,
                                           {
                                             variant: "outlined",
                                             size: "small",
                                             onClick: copyImageToClipboard,
-                                            startIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Paperclip, {}),
+                                            startIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.Paperclip, {}),
                                             sx: {
                                               mb: 1,
                                               borderColor: theme.palette.primary.main + "50",
@@ -17372,22 +17419,22 @@ var FeedbackModal = ({
                                             children: "Copy to Clipboard"
                                           }
                                         ),
-                                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "caption", color: "text.secondary", sx: { textAlign: "center" }, children: "Image will be copied when you submit" })
+                                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Typography, { variant: "caption", color: "text.secondary", sx: { textAlign: "center" }, children: "Image will be copied when you submit" })
                                       ] })
                                     ] })
                                   ] }),
-                                  formData.attachments && formData.attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Box, { sx: { mt: 2 }, children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Typography, { variant: "subtitle2", gutterBottom: true, children: [
+                                  formData.attachments && formData.attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Box, { sx: { mt: 2 }, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Typography, { variant: "subtitle2", gutterBottom: true, children: [
                                       "Attached Files (",
                                       formData.attachments.length,
                                       ")"
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: formData.attachments.map((attachment, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                      import_material13.Chip,
+                                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: formData.attachments.map((attachment, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                                      import_material14.Chip,
                                       {
                                         label: attachment.name,
                                         onDelete: () => removeAttachment(index),
-                                        deleteIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Trash2, {}),
+                                        deleteIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.Trash2, {}),
                                         variant: "outlined",
                                         sx: { maxWidth: 200 }
                                       },
@@ -17406,8 +17453,8 @@ var FeedbackModal = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            import_material13.DialogActions,
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_material14.DialogActions,
             {
               sx: {
                 position: "sticky",
@@ -17420,11 +17467,11 @@ var FeedbackModal = ({
                 borderColor: "divider",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                import_material13.Button,
+              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                import_material14.Button,
                 {
                   fullWidth: true,
-                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Mail, {}),
+                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.Mail, {}),
                   disabled: !isValid,
                   onClick: handleSubmit,
                   variant: "contained",
@@ -17436,8 +17483,8 @@ var FeedbackModal = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      import_material13.Snackbar,
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_material14.Snackbar,
       {
         open: snackbarOpen,
         autoHideDuration: 4e3,
@@ -17457,8 +17504,8 @@ var FeedbackModal = ({
         message: snackbarMessage
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-      import_material13.Dialog,
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      import_material14.Dialog,
       {
         open: confirmDialogOpen,
         onClose: () => setConfirmDialogOpen(false),
@@ -17475,14 +17522,14 @@ var FeedbackModal = ({
           }
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.DialogTitle, { sx: {
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.DialogTitle, { sx: {
             pb: 1,
             display: "flex",
             alignItems: "center",
             gap: 2
           }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-              import_material13.Avatar,
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              import_material14.Avatar,
               {
                 sx: {
                   bgcolor: theme.palette.info.main + "20",
@@ -17490,17 +17537,17 @@ var FeedbackModal = ({
                   width: 40,
                   height: 40
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Camera, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.Camera, {})
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Box, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "h6", sx: { fontWeight: 600 }, children: "Ready to Submit with Image" }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "caption", color: "text.secondary", children: "Here's what will happen when you submit" })
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Box, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Typography, { variant: "h6", sx: { fontWeight: 600 }, children: "Ready to Submit with Image" }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Typography, { variant: "caption", color: "text.secondary", children: "Here's what will happen when you submit" })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.DialogContent, { sx: { pt: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Box, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-              import_material13.Paper,
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.DialogContent, { sx: { pt: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Box, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              import_material14.Paper,
               {
                 variant: "outlined",
                 sx: {
@@ -17510,8 +17557,8 @@ var FeedbackModal = ({
                   border: `1px solid ${theme.palette.info.main}20`
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Typography, { variant: "subtitle1", sx: { fontWeight: 600, mb: 2, display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Box, { sx: {
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Typography, { variant: "subtitle1", sx: { fontWeight: 600, mb: 2, display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Box, { sx: {
                       bgcolor: theme.palette.info.main + "20",
                       color: theme.palette.info.main,
                       borderRadius: "50%",
@@ -17525,8 +17572,8 @@ var FeedbackModal = ({
                     }, children: "1" }),
                     "Your image will be copied to clipboard"
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Typography, { variant: "subtitle1", sx: { fontWeight: 600, mb: 2, display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Box, { sx: {
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Typography, { variant: "subtitle1", sx: { fontWeight: 600, mb: 2, display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Box, { sx: {
                       bgcolor: theme.palette.info.main + "20",
                       color: theme.palette.info.main,
                       borderRadius: "50%",
@@ -17540,8 +17587,8 @@ var FeedbackModal = ({
                     }, children: "2" }),
                     "Your email client will open"
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Typography, { variant: "subtitle1", sx: { fontWeight: 600, mb: 1, display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Box, { sx: {
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Typography, { variant: "subtitle1", sx: { fontWeight: 600, mb: 1, display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Box, { sx: {
                       bgcolor: theme.palette.info.main + "20",
                       color: theme.palette.info.main,
                       borderRadius: "50%",
@@ -17555,34 +17602,34 @@ var FeedbackModal = ({
                     }, children: "3" }),
                     "Paste the image with Ctrl+V (or Cmd+V)"
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Typography, { variant: "body2", color: "text.secondary", sx: { ml: 4, fontStyle: "italic" }, children: "The email will have a clear spot where you should paste" })
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Typography, { variant: "body2", color: "text.secondary", sx: { ml: 4, fontStyle: "italic" }, children: "The email will have a clear spot where you should paste" })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.Alert, { severity: "info", sx: {
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Alert, { severity: "info", sx: {
               background: "transparent",
               border: `1px solid ${theme.palette.info.main}30`
-            }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.Typography, { variant: "body2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { children: "\u{1F4A1} Tip:" }),
+            }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.Typography, { variant: "body2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { children: "\u{1F4A1} Tip:" }),
               " Make sure to paste the image before sending your email!"
             ] }) })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material13.DialogActions, { sx: { p: 2.5, pt: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-              import_material13.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material14.DialogActions, { sx: { p: 2.5, pt: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              import_material14.Button,
               {
                 onClick: () => setConfirmDialogOpen(false),
                 sx: { color: theme.palette.text.secondary },
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-              import_material13.Button,
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              import_material14.Button,
               {
                 variant: "contained",
                 onClick: performSubmit,
                 disabled: isSubmitting,
-                startIcon: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material13.CircularProgress, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Mail, {}),
+                startIcon: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.CircularProgress, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.Mail, {}),
                 sx: {
                   background: `linear-gradient(135deg, ${theme.palette.primary.main} 0%, ${theme.palette.primary.dark} 100%)`,
                   "&:hover": {
@@ -17600,7 +17647,7 @@ var FeedbackModal = ({
 };
 
 // src/components/feedback/FeedbackButton.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var FeedbackButton = ({
   fullScreen = false,
   className,
@@ -17612,17 +17659,17 @@ var FeedbackButton = ({
   position,
   absolute = false
 }) => {
-  const theme = (0, import_material14.useTheme)();
+  const theme = (0, import_material15.useTheme)();
   const [open, setOpen] = (0, import_react18.useState)(false);
   const handleOpen = () => setOpen(true);
   const handleClose = () => setOpen(false);
   if (inline) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-      buttonText ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        import_material14.Button,
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+      buttonText ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        import_material15.Button,
         {
           variant: "outlined",
-          startIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageCircle, {}),
+          startIcon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.MessageCircle, {}),
           onClick: handleOpen,
           className,
           size,
@@ -17636,8 +17683,8 @@ var FeedbackButton = ({
           },
           children: buttonText
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Tooltip, { title: "Send Feedback", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        import_material14.IconButton,
+      ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material15.Tooltip, { title: "Send Feedback", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        import_material15.IconButton,
         {
           onClick: handleOpen,
           className,
@@ -17651,10 +17698,10 @@ var FeedbackButton = ({
               transform: "translateY(-1px)"
             }
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageCircle, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.MessageCircle, {})
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         FeedbackModal,
         {
           open,
@@ -17664,15 +17711,15 @@ var FeedbackButton = ({
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material14.Zoom, { in: true, timeout: 300, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      import_material14.Tooltip,
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material15.Zoom, { in: true, timeout: 300, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      import_material15.Tooltip,
       {
         title: "Send Feedback",
         placement: "left",
         arrow: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          import_material14.Fab,
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          import_material15.Fab,
           {
             size,
             onClick: handleOpen,
@@ -17710,12 +17757,12 @@ var FeedbackButton = ({
                 }
               }
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.MessageCircle, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.MessageCircle, {})
           }
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       FeedbackModal,
       {
         open,
@@ -17728,13 +17775,13 @@ var FeedbackButton = ({
 
 // src/hooks/useAiChat.ts
 var import_react19 = require("react");
-var import_material15 = require("@mui/material");
+var import_material16 = require("@mui/material");
 init_aiProviderStore();
 init_modelStore();
 init_packageSettingsStore();
 init_debugLogger();
 var useAIChat = () => {
-  const isMobile = (0, import_material15.useMediaQuery)((theme) => theme.breakpoints.down("sm"));
+  const isMobile = (0, import_material16.useMediaQuery)((theme) => theme.breakpoints.down("sm"));
   const provider = useAIProviderStore((state) => state.provider);
   const SYSTEM_PROMPT = useModelStore((state) => state.systemPrompt);
   const OLLAMA_MODEL = usePackageSettingsStore((state) => state.settings?.defaultModel || "");
@@ -17902,8 +17949,8 @@ var import_react22 = require("react");
 
 // src/shared/components/NotificationProvider.tsx
 var import_react21 = require("react");
-var import_material16 = require("@mui/material");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_material17 = require("@mui/material");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var NotificationContext = (0, import_react21.createContext)(void 0);
 var useNotification = () => {
   const context = (0, import_react21.useContext)(NotificationContext);
@@ -20369,7 +20416,7 @@ var themeMap_default = themeMap;
 
 // src/modals/chat-modal/chat-modal.tsx
 var import_rxjs19 = require("rxjs");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var FULL_SCREEN_THRESHOLD = 100;
 var MIN_WINDOWED_HEIGHT = 400;
 var MAX_WINDOWED_HEIGHT = 600;
@@ -20619,7 +20666,7 @@ var ChatModal = ({
   if (themeLoading) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material17.ThemeProvider, { theme: activeTheme, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material17.Modal, { open, onClose: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material18.ThemeProvider, { theme: activeTheme, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material18.Modal, { open, onClose: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     draggable_box_default,
     {
       ref: modalRef,
@@ -20628,7 +20675,7 @@ var ChatModal = ({
       fullScreen,
       onDrag: handleCustomDrag,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           modal_header_default,
           {
             fullScreen,
@@ -20645,8 +20692,8 @@ var ChatModal = ({
             onExitFullscreen: handleExitFullscreen
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          import_material17.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          import_material18.Box,
           {
             sx: {
               flex: 1,
@@ -20657,8 +20704,8 @@ var ChatModal = ({
               minHeight: 0
               // Important for flex scrolling
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-              import_material17.Box,
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              import_material18.Box,
               {
                 sx: {
                   flex: 1,
@@ -20687,7 +20734,7 @@ var ChatModal = ({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     query_input_default,
                     {
                       inputValue,
@@ -20697,9 +20744,9 @@ var ChatModal = ({
                       showSettings,
                       setShowSettings,
                       setApiKey,
-                      startAdornment: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material17.InputAdornment, { position: "start", sx: { gap: 1 }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material17.Tooltip, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                          import_material17.IconButton,
+                      startAdornment: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material18.InputAdornment, { position: "start", sx: { gap: 1 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material18.Tooltip, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                          import_material18.IconButton,
                           {
                             onClick: (e) => setModelAnchorEl(e.currentTarget),
                             sx: {
@@ -20711,8 +20758,8 @@ var ChatModal = ({
                                 transform: "scale(1.05)"
                               }
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                              import_material17.Avatar,
+                            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                              import_material18.Avatar,
                               {
                                 src: currentAvatar,
                                 alt: selectedModel,
@@ -20727,8 +20774,8 @@ var ChatModal = ({
                             )
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                          import_material17.Menu,
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                          import_material18.Menu,
                           {
                             anchorEl: modelAnchorEl,
                             open: Boolean(modelAnchorEl),
@@ -20764,8 +20811,8 @@ var ChatModal = ({
                                 }
                               }
                             },
-                            children: availableModels.map((model) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-                              import_material17.MenuItem,
+                            children: availableModels.map((model) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                              import_material18.MenuItem,
                               {
                                 selected: model.name === selectedModel,
                                 onClick: () => {
@@ -20781,8 +20828,8 @@ var ChatModal = ({
                                   px: 2
                                 },
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                                    import_material17.Avatar,
+                                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                                    import_material18.Avatar,
                                     {
                                       src: model.avatarBase64 || modelAvatars[model.name] || banditHead2,
                                       alt: model.name,
@@ -20794,12 +20841,12 @@ var ChatModal = ({
                                       }
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material17.Box, { sx: { flex: 1 }, children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material17.Typography, { variant: "body2", sx: { fontWeight: 500 }, children: model.name.replace("Bandit-", "") }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material17.Typography, { variant: "caption", sx: { color: activeTheme.palette.text.secondary }, children: model.name === selectedModel ? "Currently active" : "Switch to this AI" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material18.Box, { sx: { flex: 1 }, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material18.Typography, { variant: "body2", sx: { fontWeight: 500 }, children: model.name.replace("Bandit-", "") }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material18.Typography, { variant: "caption", sx: { color: activeTheme.palette.text.secondary }, children: model.name === selectedModel ? "Currently active" : "Switch to this AI" })
                                   ] }),
-                                  model.name === selectedModel && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                                    import_material17.Box,
+                                  model.name === selectedModel && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                                    import_material18.Box,
                                     {
                                       sx: {
                                         width: 8,
@@ -20815,9 +20862,9 @@ var ChatModal = ({
                             ))
                           }
                         ),
-                        isTTSAvailable && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material17.Tooltip, { title: `Voice: ${selectedVoice ? toTitleCase2(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                            import_material17.IconButton,
+                        isTTSAvailable && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material18.Tooltip, { title: `Voice: ${selectedVoice ? toTitleCase2(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                            import_material18.IconButton,
                             {
                               onClick: (e) => setVoiceAnchorEl(e.currentTarget),
                               sx: {
@@ -20832,11 +20879,11 @@ var ChatModal = ({
                                 }
                               },
                               "aria-label": `Change voice. Currently using ${selectedVoice ? toTitleCase2(selectedVoice.split("-")[1]) : "default"}`,
-                              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RecordVoiceOverIcon, { fontSize: "small" })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(RecordVoiceOverIcon, { fontSize: "small" })
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                            import_material17.Menu,
+                          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                            import_material18.Menu,
                             {
                               anchorEl: voiceAnchorEl,
                               open: Boolean(voiceAnchorEl),
@@ -20869,22 +20916,22 @@ var ChatModal = ({
                                   }
                                 }
                               },
-                              children: availableVoices.length > 0 ? availableVoices.map((voice) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                                import_material17.MenuItem,
+                              children: availableVoices.length > 0 ? availableVoices.map((voice) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                                import_material18.MenuItem,
                                 {
                                   selected: voice === selectedVoice,
                                   onClick: () => {
                                     handleVoiceChange(voice);
                                     setVoiceAnchorEl(null);
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material17.Box, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RecordVoiceOverIcon, { fontSize: "small", sx: { color: activeTheme.palette.text.secondary } }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material17.Box, { sx: { flex: 1 }, children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material17.Typography, { variant: "body2", children: toTitleCase2(voice.split("-")[1]) }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material17.Typography, { variant: "caption", sx: { color: activeTheme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material18.Box, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(RecordVoiceOverIcon, { fontSize: "small", sx: { color: activeTheme.palette.text.secondary } }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material18.Box, { sx: { flex: 1 }, children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material18.Typography, { variant: "body2", children: toTitleCase2(voice.split("-")[1]) }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material18.Typography, { variant: "caption", sx: { color: activeTheme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
                                     ] }),
-                                    voice === selectedVoice && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                                      import_material17.Box,
+                                    voice === selectedVoice && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                                      import_material18.Box,
                                       {
                                         sx: {
                                           width: 8,
@@ -20897,12 +20944,12 @@ var ChatModal = ({
                                   ] })
                                 },
                                 voice
-                              )) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material17.MenuItem, { disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material17.Typography, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
+                              )) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material18.MenuItem, { disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material18.Typography, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
                             }
                           )
                         ] }),
-                        pastedImages.map((img, idx) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-                          import_material17.Box,
+                        pastedImages.map((img, idx) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                          import_material18.Box,
                           {
                             sx: {
                               position: "relative",
@@ -20912,8 +20959,8 @@ var ChatModal = ({
                               }
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                                import_material17.Avatar,
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                                import_material18.Avatar,
                                 {
                                   src: img,
                                   variant: "rounded",
@@ -20926,8 +20973,8 @@ var ChatModal = ({
                                   }
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material17.Tooltip, { title: "Remove image", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                                import_material17.IconButton,
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material18.Tooltip, { title: "Remove image", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                                import_material18.IconButton,
                                 {
                                   size: "small",
                                   onClick: () => removeImage(idx),
@@ -20946,7 +20993,7 @@ var ChatModal = ({
                                       // Removed transform to prevent jitter
                                     }
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CloseIcon, { sx: { fontSize: 12 } })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CloseIcon, { sx: { fontSize: 12 } })
                                 }
                               ) })
                             ]
@@ -20954,8 +21001,8 @@ var ChatModal = ({
                           idx
                         ))
                       ] }),
-                      endAdornment: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material17.InputAdornment, { position: "end", sx: { gap: 1 }, children: [
-                        preferences.feedbackEnabled && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                      endAdornment: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material18.InputAdornment, { position: "end", sx: { gap: 1 }, children: [
+                        preferences.feedbackEnabled && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                           FeedbackButton,
                           {
                             inline: true,
@@ -20963,8 +21010,8 @@ var ChatModal = ({
                             buttonText: ""
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material17.Tooltip, { title: inputValue.trim() === "" ? "Type a message first" : "Send Message", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                          import_material17.IconButton,
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material18.Tooltip, { title: inputValue.trim() === "" ? "Type a message first" : "Send Message", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                          import_material18.IconButton,
                           {
                             onClick: handleSend,
                             disabled: inputValue.trim() === "",
@@ -20985,20 +21032,20 @@ var ChatModal = ({
                                 color: activeTheme.palette.action.disabled
                               }
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SendIcon, {})
+                            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SendIcon, {})
                           }
                         ) }) })
                       ] })
                     }
                   ),
-                  !responseStarted && componentStatus === "Loading" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(generic_loader_default, { variant: "dots" }),
-                  responseStarted && response && !showSettings && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ai_response_text_field_default, { question: previousQuestion, response })
+                  !responseStarted && componentStatus === "Loading" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(generic_loader_default, { variant: "dots" }),
+                  responseStarted && response && !showSettings && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ai_response_text_field_default, { question: previousQuestion, response })
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           chat_drawer_default,
           {
             drawerOpen,