@burtson-labs/bandit-engine 2.0.154 → 2.0.156

package/dist/{chunk-RN7FRSMX.mjs → chunk-GZDJNVAS.mjs}

@@ -36,92 +36,7 @@ var useCanvasStore = create((set) => ({
 // src/icons/lucide-icons.tsx
 import React from "react";
 import { Box } from "@mui/material";
-import {
-  AlertTriangle,
-  Archive,
-  ArrowDown,
-  ArrowUp,
-  AudioLines,
-  BookOpen,
-  BookOpenText,
-  Brain,
-  Braces,
-  Brush,
-  BrushCleaning,
-  Check,
-  ChevronDown,
-  ChevronLeft,
-  ChevronUp,
-  CircleAlert,
-  CircleCheck,
-  CirclePlus,
-  Cloud,
-  CloudCheck,
-  CloudOff,
-  Copy,
-  Cpu,
-  Database,
-  Download,
-  EarOff,
-  Eye,
-  FileText,
-  FileUp,
-  Folder,
-  FolderOpen,
-  Globe,
-  Grip,
-  History,
-  House,
-  Info,
-  LayoutGrid,
-  Link,
-  List,
-  Lock,
-  Maximize,
-  MessageSquare,
-  Mic,
-  Minimize,
-  Minus,
-  NotebookPen,
-  Pencil,
-  Ghost,
-  PanelLeft,
-  Pin,
-  PinOff,
-  Play,
-  Plus,
-  SquarePen,
-  RectangleHorizontal,
-  RectangleVertical,
-  RefreshCw,
-  Rocket,
-  RotateCcw,
-  RotateCw,
-  Save,
-  ScanFace,
-  Search,
-  Send,
-  Settings,
-  ShieldCheck,
-  SlidersHorizontal,
-  Sparkles,
-  Square,
-  TriangleAlert,
-  Trash2,
-  Type,
-  Upload,
-  User,
-  UserCog,
-  Users,
-  Wifi,
-  WifiHigh,
-  WifiLow,
-  WifiOff,
-  Wrench,
-  X,
-  ZoomIn,
-  ZoomOut
-} from "lucide-react";
+import { AlertTriangle, Archive, ArrowDown, ArrowUp, Waveform as AudioLines, BookOpen, BookOpenText, Agent as Brain, Braces, Palette as Brush, BrushCleaning, Check, ChevronDown, ChevronLeft, ChevronUp, AlertCircle as CircleAlert, CheckCircle as CircleCheck, Plus as CirclePlus, Cloud, CloudCheck, CloudOff, Copy, Cpu, VectorStore as Database, Download, EarOff, Eye, FileText, FileUp, Folder, FolderOpen, Globe, Grip, History, Home as House, Info, LayoutGrid, Link, List, Lock, Maximize, MessageSquare, Mic, Minimize, Minus, NotebookPen, Edit as Pencil, Ghost, PanelLeft, Pin, PinOff, Play, Plus, EditSquare as SquarePen, RectangleHorizontal, RectangleVertical, Refresh as RefreshCw, Rocket, RotateCcw, RotateCw, Save, ScanFace, Search, Send, Settings, ShieldProof as ShieldCheck, Sliders as SlidersHorizontal, Sparkles, Square, AlertTriangle as TriangleAlert, Trash as Trash2, Type, Upload, User, UserCog, Users, Wifi, Wifi as WifiHigh, Wifi as WifiLow, WifiOff, Wrench, X, ZoomIn, ZoomOut } from "@burtson-labs/icons/react";
 import { jsx } from "react/jsx-runtime";
 var fontSizeMap = {
   inherit: "inherit",
@@ -1656,7 +1571,7 @@ import {
   Toolbar,
   IconButton as IconButton2,
   Typography as Typography2,
-  Box as Box3,
+  Box as Box4,
   CircularProgress,
   Alert as Alert2,
   Button as Button2,
@@ -1750,7 +1665,9 @@ function getHighlightTree(code, language) {
 
 // src/utils/markdownRendering.tsx
 import React3 from "react";
+import { Box as Box3 } from "@mui/material";
 import { defaultSchema } from "rehype-sanitize";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var markdownSanitizeSchema = (() => {
   const schema = JSON.parse(JSON.stringify(defaultSchema));
   schema.tagNames = Array.from(
@@ -1794,6 +1711,50 @@ var markdownSanitizeSchema = (() => {
   schema.strip = ["script", "style"];
   return schema;
 })();
+var MarkdownImage = ({ src, alt }) => {
+  if (!src) return null;
+  return /* @__PURE__ */ jsxs2(Box3, { component: "span", sx: { display: "block", my: 1 }, children: [
+    /* @__PURE__ */ jsx3(
+      Box3,
+      {
+        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__ */ jsx3(
+      Box3,
+      {
+        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;
@@ -1819,7 +1780,7 @@ var renderLowlightChildren = (nodes, keyPrefix) => nodes.map((node, index) => {
 });
 
 // src/modals/knowlege/knowledge-file-modal.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var getFileTypeInfo2 = (filename) => {
   const ext = filename.split(".").pop()?.toLowerCase() || "";
   const languageMap = {
@@ -2199,14 +2160,14 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
       debugLogger.error("Vector document download failed", { error: err, docId: doc.id });
     }
   };
-  return /* @__PURE__ */ jsxs2(Dialog, { fullScreen: true, open, onClose, children: [
-    /* @__PURE__ */ jsx3(AppBar, { sx: { position: "relative" }, children: /* @__PURE__ */ jsxs2(Toolbar, { children: [
-      /* @__PURE__ */ jsxs2(Box3, { sx: { display: "flex", alignItems: "center", flex: 1, minWidth: 0 }, children: [
-        doc && /* @__PURE__ */ jsx3(Box3, { sx: { mr: 1, flexShrink: 0 }, children: (() => {
+  return /* @__PURE__ */ jsxs3(Dialog, { fullScreen: true, open, onClose, children: [
+    /* @__PURE__ */ jsx4(AppBar, { sx: { position: "relative" }, children: /* @__PURE__ */ jsxs3(Toolbar, { children: [
+      /* @__PURE__ */ jsxs3(Box4, { sx: { display: "flex", alignItems: "center", flex: 1, minWidth: 0 }, children: [
+        doc && /* @__PURE__ */ jsx4(Box4, { sx: { mr: 1, flexShrink: 0 }, children: (() => {
           const fileInfo = getFileTypeInfo2(doc.name);
           const IconComponent = fileInfo.icon;
-          return /* @__PURE__ */ jsx3(Tooltip2, { title: `${fileInfo.category} file`, placement: "bottom", children: /* @__PURE__ */ jsxs2(
-            Box3,
+          return /* @__PURE__ */ jsx4(Tooltip2, { title: `${fileInfo.category} file`, placement: "bottom", children: /* @__PURE__ */ jsxs3(
+            Box4,
             {
               sx: {
                 display: "flex",
@@ -2220,13 +2181,13 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
                 fontWeight: "bold"
               },
               children: [
-                /* @__PURE__ */ jsx3(IconComponent, { sx: { fontSize: "1rem", mr: 0.5 } }),
+                /* @__PURE__ */ jsx4(IconComponent, { sx: { fontSize: "1rem", mr: 0.5 } }),
                 fileInfo.language || fileInfo.category
               ]
             }
           ) });
         })() }),
-        /* @__PURE__ */ jsx3(Tooltip2, { title: doc?.name || "", placement: "bottom-start", children: /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(Tooltip2, { title: doc?.name || "", placement: "bottom-start", children: /* @__PURE__ */ jsx4(
           Typography2,
           {
             sx: {
@@ -2254,7 +2215,7 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
             children: doc?.name
           }
         ) }),
-        /* @__PURE__ */ jsx3(Box3, { sx: { display: "flex", alignItems: "center", flexShrink: 0, ml: 1 }, children: isPDF(doc?.name || "") && totalPages > 0 && /* @__PURE__ */ jsxs2(Typography2, { component: "span", variant: "body2", sx: { opacity: 0.8 }, children: [
+        /* @__PURE__ */ jsx4(Box4, { sx: { display: "flex", alignItems: "center", flexShrink: 0, ml: 1 }, children: isPDF(doc?.name || "") && totalPages > 0 && /* @__PURE__ */ jsxs3(Typography2, { component: "span", variant: "body2", sx: { opacity: 0.8 }, children: [
           "(",
           totalPages,
           " page",
@@ -2262,8 +2223,8 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
           ")"
         ] }) })
       ] }),
-      /* @__PURE__ */ jsxs2(Box3, { sx: { display: "flex", alignItems: "center", flexShrink: 0, gap: 1 }, children: [
-        !isPDF(doc?.name || "") && isCodeFile(doc?.name || "") && /* @__PURE__ */ jsxs2(
+      /* @__PURE__ */ jsxs3(Box4, { sx: { display: "flex", alignItems: "center", flexShrink: 0, gap: 1 }, children: [
+        !isPDF(doc?.name || "") && isCodeFile(doc?.name || "") && /* @__PURE__ */ jsxs3(
           ToggleButtonGroup,
           {
             value: viewMode,
@@ -2271,38 +2232,38 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
             onChange: (e, newMode) => newMode && setViewMode(newMode),
             size: "small",
             children: [
-              /* @__PURE__ */ jsxs2(ToggleButton, { value: "formatted", sx: { color: "inherit" }, children: [
-                /* @__PURE__ */ jsx3(CodeIcon, { sx: { mr: 1, fontSize: "1rem" } }),
+              /* @__PURE__ */ jsxs3(ToggleButton, { value: "formatted", sx: { color: "inherit" }, children: [
+                /* @__PURE__ */ jsx4(CodeIcon, { sx: { mr: 1, fontSize: "1rem" } }),
                 "Formatted"
               ] }),
-              /* @__PURE__ */ jsxs2(ToggleButton, { value: "raw", sx: { color: "inherit" }, children: [
-                /* @__PURE__ */ jsx3(TextFieldsIcon, { sx: { mr: 1, fontSize: "1rem" } }),
+              /* @__PURE__ */ jsxs3(ToggleButton, { value: "raw", sx: { color: "inherit" }, children: [
+                /* @__PURE__ */ jsx4(TextFieldsIcon, { sx: { mr: 1, fontSize: "1rem" } }),
                 "Raw"
               ] })
             ]
           }
         ),
-        isPDF(doc?.name || "") && pdfDocument && !isMobile && /* @__PURE__ */ jsxs2(Fragment, { children: [
-          /* @__PURE__ */ jsx3(
+        isPDF(doc?.name || "") && pdfDocument && !isMobile && /* @__PURE__ */ jsxs3(Fragment, { children: [
+          /* @__PURE__ */ jsx4(
             Button2,
             {
               color: "inherit",
-              startIcon: /* @__PURE__ */ jsx3(ZoomOutIcon, {}),
+              startIcon: /* @__PURE__ */ jsx4(ZoomOutIcon, {}),
               onClick: handleZoomOut,
               disabled: pdfScale <= 0.5,
               size: "small",
               children: "Zoom Out"
             }
           ),
-          /* @__PURE__ */ jsxs2(Typography2, { variant: "body2", sx: { color: "inherit", mx: 1 }, children: [
+          /* @__PURE__ */ jsxs3(Typography2, { variant: "body2", sx: { color: "inherit", mx: 1 }, children: [
             Math.round(pdfScale * 100),
             "%"
           ] }),
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx4(
             Button2,
             {
               color: "inherit",
-              startIcon: /* @__PURE__ */ jsx3(ZoomInIcon, {}),
+              startIcon: /* @__PURE__ */ jsx4(ZoomInIcon, {}),
               onClick: handleZoomIn,
               disabled: pdfScale >= 3,
               size: "small",
@@ -2310,17 +2271,17 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
             }
           )
         ] }),
-        isVectorDocument && /* @__PURE__ */ jsx3(IconButton2, { edge: "end", color: "inherit", onClick: handleDownload, children: /* @__PURE__ */ jsx3(DownloadIcon, {}) }),
-        /* @__PURE__ */ jsx3(IconButton2, { edge: "end", color: "inherit", onClick: onClose, children: /* @__PURE__ */ jsx3(CloseIcon, {}) })
+        isVectorDocument && /* @__PURE__ */ jsx4(IconButton2, { edge: "end", color: "inherit", onClick: handleDownload, children: /* @__PURE__ */ jsx4(DownloadIcon, {}) }),
+        /* @__PURE__ */ jsx4(IconButton2, { edge: "end", color: "inherit", onClick: onClose, children: /* @__PURE__ */ jsx4(CloseIcon, {}) })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs2(Box3, { sx: { p: 3, bgcolor: "background.default", height: "100%", overflowY: "auto" }, children: [
-      loading && /* @__PURE__ */ jsxs2(Box3, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "50vh" }, children: [
-        /* @__PURE__ */ jsx3(CircularProgress, {}),
-        /* @__PURE__ */ jsx3(Typography2, { sx: { ml: 2 }, children: isPDF(doc?.name || "") ? "Loading PDF document..." : "Loading full file content..." })
+    /* @__PURE__ */ jsxs3(Box4, { sx: { p: 3, bgcolor: "background.default", height: "100%", overflowY: "auto" }, children: [
+      loading && /* @__PURE__ */ jsxs3(Box4, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "50vh" }, children: [
+        /* @__PURE__ */ jsx4(CircularProgress, {}),
+        /* @__PURE__ */ jsx4(Typography2, { sx: { ml: 2 }, children: isPDF(doc?.name || "") ? "Loading PDF document..." : "Loading full file content..." })
       ] }),
-      error && /* @__PURE__ */ jsx3(Alert2, { severity: "warning", sx: { mb: 2 }, children: error }),
-      !loading && isPDF(doc?.name || "") && pdfCanvases.length > 0 && /* @__PURE__ */ jsx3(Box3, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 2 }, children: pdfCanvases.map((canvas, index) => /* @__PURE__ */ jsxs2(
+      error && /* @__PURE__ */ jsx4(Alert2, { severity: "warning", sx: { mb: 2 }, children: error }),
+      !loading && isPDF(doc?.name || "") && pdfCanvases.length > 0 && /* @__PURE__ */ jsx4(Box4, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 2 }, children: pdfCanvases.map((canvas, index) => /* @__PURE__ */ jsxs3(
         Paper,
         {
           elevation: 3,
@@ -2353,14 +2314,14 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
             scrollbarColor: isDarkTheme ? "#555 #2d2d2d" : "#c1c1c1 #f5f5f5"
           },
           children: [
-            /* @__PURE__ */ jsxs2(Typography2, { variant: "caption", color: "text.secondary", sx: { mb: 1, display: "block" }, children: [
+            /* @__PURE__ */ jsxs3(Typography2, { variant: "caption", color: "text.secondary", sx: { mb: 1, display: "block" }, children: [
               "Page ",
               index + 1,
               " of ",
               totalPages
             ] }),
-            /* @__PURE__ */ jsx3(
-              Box3,
+            /* @__PURE__ */ jsx4(
+              Box4,
               {
                 ref: (el) => {
                   if (el && canvas) {
@@ -2383,18 +2344,18 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
         },
         index
       )) }),
-      !loading && !isPDF(doc?.name || "") && /* @__PURE__ */ jsx3(Box3, { children: isCodeFile(doc?.name || "") && viewMode === "formatted" ? /* @__PURE__ */ jsxs2(Box3, { children: [
-        /* @__PURE__ */ jsxs2(Box3, { sx: { mb: 2, display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-          /* @__PURE__ */ jsxs2(Typography2, { variant: "body2", color: "text.secondary", children: [
+      !loading && !isPDF(doc?.name || "") && /* @__PURE__ */ jsx4(Box4, { children: isCodeFile(doc?.name || "") && viewMode === "formatted" ? /* @__PURE__ */ jsxs3(Box4, { children: [
+        /* @__PURE__ */ jsxs3(Box4, { sx: { mb: 2, display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsxs3(Typography2, { variant: "body2", color: "text.secondary", children: [
             "Syntax highlighted as ",
-            /* @__PURE__ */ jsx3("strong", { children: getLanguageFromFilename(doc?.name || "").toUpperCase() })
+            /* @__PURE__ */ jsx4("strong", { children: getLanguageFromFilename(doc?.name || "").toUpperCase() })
           ] }),
-          /* @__PURE__ */ jsxs2(Typography2, { variant: "caption", color: "text.secondary", children: [
+          /* @__PURE__ */ jsxs3(Typography2, { variant: "caption", color: "text.secondary", children: [
             (fullContent || doc?.content || "").split("\n").length,
             " lines"
           ] })
         ] }),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           Paper,
           {
             elevation: 1,
@@ -2437,8 +2398,8 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
                 overflowWrap: "anywhere"
               }
             },
-            children: /* @__PURE__ */ jsx3(
-              Box3,
+            children: /* @__PURE__ */ jsx4(
+              Box4,
               {
                 sx: {
                   "& .hljs": {
@@ -2473,12 +2434,12 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
                     color: isDarkTheme ? "#f07178" : "#d97706"
                   }
                 },
-                children: /* @__PURE__ */ jsx3("pre", { className: `hljs language-${resolvedHighlightLanguage || "text"}`, children: /* @__PURE__ */ jsx3("code", { className: "hljs", children: highlightedNodes.length > 0 ? highlightedNodes : formattedContent }) })
+                children: /* @__PURE__ */ jsx4("pre", { className: `hljs language-${resolvedHighlightLanguage || "text"}`, children: /* @__PURE__ */ jsx4("code", { className: "hljs", children: highlightedNodes.length > 0 ? highlightedNodes : formattedContent }) })
               }
             )
           }
         )
-      ] }) : /* @__PURE__ */ jsx3(
+      ] }) : /* @__PURE__ */ jsx4(
         Typography2,
         {
           component: "pre",
@@ -2499,14 +2460,14 @@ var KnowledgeFileModal = ({ open, onClose, doc, isVectorDocument = false }) => {
           children: fullContent || doc?.content
         }
       ) }),
-      !loading && isPDF(doc?.name || "") && pdfCanvases.length === 0 && !error && /* @__PURE__ */ jsxs2(Box3, { sx: { textAlign: "center", py: 4 }, children: [
-        /* @__PURE__ */ jsx3(Typography2, { variant: "h6", color: "text.secondary", gutterBottom: true, children: "PDF Preview Not Available" }),
-        /* @__PURE__ */ jsx3(Typography2, { variant: "body2", color: "text.secondary", children: "This PDF file cannot be previewed. You can download it to view the full content." }),
-        isVectorDocument && /* @__PURE__ */ jsx3(
+      !loading && isPDF(doc?.name || "") && pdfCanvases.length === 0 && !error && /* @__PURE__ */ jsxs3(Box4, { sx: { textAlign: "center", py: 4 }, children: [
+        /* @__PURE__ */ jsx4(Typography2, { variant: "h6", color: "text.secondary", gutterBottom: true, children: "PDF Preview Not Available" }),
+        /* @__PURE__ */ jsx4(Typography2, { variant: "body2", color: "text.secondary", children: "This PDF file cannot be previewed. You can download it to view the full content." }),
+        isVectorDocument && /* @__PURE__ */ jsx4(
           Button2,
           {
             variant: "contained",
-            startIcon: /* @__PURE__ */ jsx3(DownloadIcon, {}),
+            startIcon: /* @__PURE__ */ jsx4(DownloadIcon, {}),
             onClick: handleDownload,
             sx: { mt: 2 },
             children: "Download PDF"
@@ -2526,7 +2487,7 @@ import rehypeRaw from "rehype-raw";
 import rehypeSanitize from "rehype-sanitize";
 import {
   Avatar,
-  Box as Box5,
+  Box as Box6,
   IconButton as IconButton4,
   Modal,
   Tooltip as Tooltip4,
@@ -2575,9 +2536,9 @@ var maybeHandleFileLinkClick = (event, href) => {
 
 // src/modals/chat-modal/ai-response-action-bar.tsx
 import { useState as useState4, useEffect as useEffect4 } from "react";
-import { Box as Box4, CircularProgress as CircularProgress2, IconButton as IconButton3, Tooltip as Tooltip3 } from "@mui/material";
-import { Check as CheckIcon2, ThumbsUp as ThumbUpIcon, ThumbsDown as ThumbDownIcon, Copy as ContentCopyIcon2, Megaphone as CampaignOutlined, Megaphone as CampaignRounded, Square as StopIcon, Pause as PauseIcon, Play as PlayArrowIcon2, PanelRight as CanvasIcon } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Box as Box5, CircularProgress as CircularProgress2, IconButton as IconButton3, Tooltip as Tooltip3 } from "@mui/material";
+import { Check as CheckIcon2, ThumbsUp as ThumbUpIcon, ThumbsDown as ThumbDownIcon, Copy as ContentCopyIcon2, Megaphone as CampaignOutlined, Megaphone as CampaignRounded, Square as StopIcon, Pause as PauseIcon, Play as PlayArrowIcon2, PanelRight as CanvasIcon } from "@burtson-labs/icons/react";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var AiResponseActionsBar = ({ text }) => {
   const [copied, setCopied] = useState4(false);
   const openCanvas = useCanvasStore((s) => s.openCanvas);
@@ -2660,8 +2621,8 @@ var AiResponseActionsBar = ({ text }) => {
   const handleFeedback = (type) => {
     setFeedback(type);
   };
-  return /* @__PURE__ */ jsxs3(Box4, { sx: { mt: 2, display: "flex", gap: 2, alignItems: "center", flexWrap: "wrap" }, children: [
-    /* @__PURE__ */ jsx4(Tooltip3, { title: copied ? "Copied!" : "Copy entire response", children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs4(Box5, { sx: { mt: 2, display: "flex", gap: 2, alignItems: "center", flexWrap: "wrap" }, children: [
+    /* @__PURE__ */ jsx5(Tooltip3, { title: copied ? "Copied!" : "Copy entire response", children: /* @__PURE__ */ jsx5(
       IconButton3,
       {
         onClick: handleCopy,
@@ -2672,10 +2633,10 @@ var AiResponseActionsBar = ({ text }) => {
             color: (theme) => theme.palette.mode === "dark" ? "#fff" : "#000"
           }
         },
-        children: copied ? /* @__PURE__ */ jsx4(CheckIcon2, { size: 18 }) : /* @__PURE__ */ jsx4(ContentCopyIcon2, { size: 18 })
+        children: copied ? /* @__PURE__ */ jsx5(CheckIcon2, { size: 18 }) : /* @__PURE__ */ jsx5(ContentCopyIcon2, { size: 18 })
       }
     ) }),
-    /* @__PURE__ */ jsx4(Tooltip3, { title: "Open in canvas \u2014 edit & export", children: /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(Tooltip3, { title: "Open in canvas \u2014 edit & export", children: /* @__PURE__ */ jsx5(
       IconButton3,
       {
         onClick: openInCanvas,
@@ -2686,15 +2647,15 @@ var AiResponseActionsBar = ({ text }) => {
             color: (theme) => theme.palette.mode === "dark" ? "#fff" : "#000"
           }
         },
-        children: /* @__PURE__ */ jsx4(CanvasIcon, { size: 18 })
+        children: /* @__PURE__ */ jsx5(CanvasIcon, { size: 18 })
       }
     ) }),
-    isTTSAvailable && /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx4(
+    isTTSAvailable && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+      /* @__PURE__ */ jsx5(
         Tooltip3,
         {
           title: !isTTSAvailable ? "TTS not available - check configuration" : isLoading ? "Loading audio..." : isPaused ? "Resume playback" : isPlaying ? "Playing audio..." : "Play response with voice",
-          children: /* @__PURE__ */ jsx4(
+          children: /* @__PURE__ */ jsx5(
             IconButton3,
             {
               onClick: handleTTSClick,
@@ -2709,12 +2670,12 @@ var AiResponseActionsBar = ({ text }) => {
                   color: (theme) => theme.palette.mode === "dark" ? "#666" : "#aaa"
                 }
               },
-              children: isLoading ? /* @__PURE__ */ jsx4(CircularProgress2, { size: 18 }) : isPaused ? /* @__PURE__ */ jsx4(PlayArrowIcon2, { size: 18 }) : !isPlaying ? /* @__PURE__ */ jsx4(CampaignOutlined, { size: 18 }) : /* @__PURE__ */ jsx4(CampaignRounded, { size: 18, color: "#4caf50" })
+              children: isLoading ? /* @__PURE__ */ jsx5(CircularProgress2, { size: 18 }) : isPaused ? /* @__PURE__ */ jsx5(PlayArrowIcon2, { size: 18 }) : !isPlaying ? /* @__PURE__ */ jsx5(CampaignOutlined, { size: 18 }) : /* @__PURE__ */ jsx5(CampaignRounded, { size: 18, color: "#4caf50" })
             }
           )
         }
       ),
-      isPlaying && /* @__PURE__ */ jsx4(Tooltip3, { title: "Pause playback", children: /* @__PURE__ */ jsx4(
+      isPlaying && /* @__PURE__ */ jsx5(Tooltip3, { title: "Pause playback", children: /* @__PURE__ */ jsx5(
         IconButton3,
         {
           onClick: () => ttsPause(),
@@ -2725,10 +2686,10 @@ var AiResponseActionsBar = ({ text }) => {
               color: (theme) => theme.palette.mode === "dark" ? "#fff" : "#000"
             }
           },
-          children: /* @__PURE__ */ jsx4(PauseIcon, { size: 18 })
+          children: /* @__PURE__ */ jsx5(PauseIcon, { size: 18 })
         }
       ) }),
-      (isPlaying || isPaused) && /* @__PURE__ */ jsx4(Tooltip3, { title: "Stop playback", children: /* @__PURE__ */ jsx4(
+      (isPlaying || isPaused) && /* @__PURE__ */ jsx5(Tooltip3, { title: "Stop playback", children: /* @__PURE__ */ jsx5(
         IconButton3,
         {
           onClick: () => ttsStop(),
@@ -2739,11 +2700,11 @@ var AiResponseActionsBar = ({ text }) => {
               color: (theme) => theme.palette.mode === "dark" ? "#fff" : "#000"
             }
           },
-          children: /* @__PURE__ */ jsx4(StopIcon, { size: 18 })
+          children: /* @__PURE__ */ jsx5(StopIcon, { size: 18 })
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx4(Tooltip3, { title: "Like this response", children: /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(Tooltip3, { title: "Like this response", children: /* @__PURE__ */ jsx5(
       IconButton3,
       {
         onClick: () => handleFeedback("like"),
@@ -2754,10 +2715,10 @@ var AiResponseActionsBar = ({ text }) => {
             color: feedback === "like" ? "#00e676" : (theme) => theme.palette.mode === "dark" ? "#fff" : "#000"
           }
         },
-        children: /* @__PURE__ */ jsx4(ThumbUpIcon, { size: 18 })
+        children: /* @__PURE__ */ jsx5(ThumbUpIcon, { size: 18 })
       }
     ) }),
-    /* @__PURE__ */ jsx4(Tooltip3, { title: "Dislike this response", children: /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(Tooltip3, { title: "Dislike this response", children: /* @__PURE__ */ jsx5(
       IconButton3,
       {
         onClick: () => handleFeedback("dislike"),
@@ -2767,7 +2728,7 @@ var AiResponseActionsBar = ({ text }) => {
             color: feedback === "dislike" ? "#ff1744" : (theme) => theme.palette.mode === "dark" ? "#fff" : "#000"
           }
         },
-        children: /* @__PURE__ */ jsx4(ThumbDownIcon, { size: 18 })
+        children: /* @__PURE__ */ jsx5(ThumbDownIcon, { size: 18 })
       }
     ) })
   ] });
@@ -2775,7 +2736,7 @@ var AiResponseActionsBar = ({ text }) => {
 var ai_response_action_bar_default = AiResponseActionsBar;
 
 // src/modals/chat-modal/ai-response-text-field.tsx
-import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var brainIcon = "https://cdn.burtson.ai/images/brain-icon.png";
 var normalizeTables = (markdown2) => {
   const lines = markdown2.split("\n");
@@ -2890,7 +2851,7 @@ var MarkdownCodeBlock = ({
     variable: "#d97706"
   };
   if (!isProbablyBlock) {
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx6(
       "code",
       {
         style: {
@@ -2903,8 +2864,8 @@ var MarkdownCodeBlock = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs4(
-    Box5,
+  return /* @__PURE__ */ jsxs5(
+    Box6,
     {
       sx: {
         borderRadius: "4px",
@@ -2921,8 +2882,8 @@ var MarkdownCodeBlock = ({
         maxWidth: "100%"
       },
       children: [
-        /* @__PURE__ */ jsxs4(
-          Box5,
+        /* @__PURE__ */ jsxs5(
+          Box6,
           {
             sx: {
               px: 2,
@@ -2937,8 +2898,8 @@ var MarkdownCodeBlock = ({
               fontFamily: "inherit"
             },
             children: [
-              /* @__PURE__ */ jsx5("span", { children: languageLabel }),
-              /* @__PURE__ */ jsx5(Tooltip4, { title: copied ? "Copied!" : "Copy", arrow: true, children: /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx6("span", { children: languageLabel }),
+              /* @__PURE__ */ jsx6(Tooltip4, { title: copied ? "Copied!" : "Copy", arrow: true, children: /* @__PURE__ */ jsx6(
                 IconButton4,
                 {
                   size: "small",
@@ -2948,14 +2909,14 @@ var MarkdownCodeBlock = ({
                     "&:hover": { color: theme.palette.text.primary },
                     padding: "4px"
                   },
-                  children: copied ? /* @__PURE__ */ jsx5(CheckIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx5(ContentCopyIcon, { fontSize: "small" })
+                  children: copied ? /* @__PURE__ */ jsx6(CheckIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx6(ContentCopyIcon, { fontSize: "small" })
                 }
               ) })
             ]
           }
         ),
-        /* @__PURE__ */ jsx5(
-          Box5,
+        /* @__PURE__ */ jsx6(
+          Box6,
           {
             sx: {
               overflowX: "auto",
@@ -2989,7 +2950,7 @@ var MarkdownCodeBlock = ({
                 color: highlightColors.variable
               }
             },
-            children: /* @__PURE__ */ jsx5("pre", { className: `hljs language-${languageClass}`, ...props, children: /* @__PURE__ */ jsx5("code", { className: "hljs", children: highlightedNodes }) })
+            children: /* @__PURE__ */ jsx6("pre", { className: `hljs language-${languageClass}`, ...props, children: /* @__PURE__ */ jsx6("code", { className: "hljs", children: highlightedNodes }) })
           }
         )
       ]
@@ -3153,10 +3114,11 @@ var AIResponseTextField = ({
 ${sourcesMarkdownList.join("\n")}`;
   }, [response, sourcesMarkdownList]);
   const components = {
+    img: MarkdownImage,
     mark({ children, node: _node, className, style, ...markProps }) {
       const contentText = React5.Children.toArray(children).map((child) => typeof child === "string" ? child : "").join("").trim();
-      return /* @__PURE__ */ jsx5(
-        Box5,
+      return /* @__PURE__ */ jsx6(
+        Box6,
         {
           component: "span",
           className,
@@ -3181,7 +3143,7 @@ ${sourcesMarkdownList.join("\n")}`;
       );
     },
     code({ inline, className, children, node: _node, ...codeProps }) {
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx6(
         MarkdownCodeBlock,
         {
           inline,
@@ -3194,7 +3156,7 @@ ${sourcesMarkdownList.join("\n")}`;
       );
     },
     a({ href, children, node: _node, style, ...anchorProps }) {
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx6(
         "a",
         {
           href,
@@ -3218,8 +3180,8 @@ ${sourcesMarkdownList.join("\n")}`;
         if (typeof inner === "string" && inner.trim().toUpperCase() === "CODE") {
           return null;
         }
-        return /* @__PURE__ */ jsx5(
-          Box5,
+        return /* @__PURE__ */ jsx6(
+          Box6,
           {
             sx: {
               fontFamily: "monospace",
@@ -3236,7 +3198,7 @@ ${sourcesMarkdownList.join("\n")}`;
           }
         );
       }
-      return /* @__PURE__ */ jsx5("em", { className, style, ...emProps, children });
+      return /* @__PURE__ */ jsx6("em", { className, style, ...emProps, children });
     },
     ol({ children, node: _node, style, ...orderedListProps }) {
       const childArray = React5.Children.toArray(children);
@@ -3248,7 +3210,7 @@ ${sourcesMarkdownList.join("\n")}`;
         }
         if (typeof item === "string" && item.trim().startsWith(":")) {
           cleanedChildren.push(
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx6(
               Typography3,
               {
                 sx: {
@@ -3267,7 +3229,7 @@ ${sourcesMarkdownList.join("\n")}`;
           cleanedChildren.push(item);
         }
       }
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx6(
         "ol",
         {
           ...orderedListProps,
@@ -3282,7 +3244,7 @@ ${sourcesMarkdownList.join("\n")}`;
       );
     },
     ul({ children, node: _node, style, ...unorderedListProps }) {
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx6(
         "ul",
         {
           ...unorderedListProps,
@@ -3317,11 +3279,11 @@ ${sourcesMarkdownList.join("\n")}`;
           const rest = childArray.slice(1);
           const isAllInline = rest.every(
             (el) => typeof el === "string" || React5.isValidElement(el) && // allow inline tags, but not <Box>
-            el.type !== Box5
+            el.type !== Box6
           );
           if (isAllInline) {
             const displayLabel = labelText.replace(/:\s*$/, "");
-            return /* @__PURE__ */ jsxs4(
+            return /* @__PURE__ */ jsxs5(
               "li",
               {
                 style: {
@@ -3332,11 +3294,11 @@ ${sourcesMarkdownList.join("\n")}`;
                 },
                 ...listItemProps,
                 children: [
-                  /* @__PURE__ */ jsxs4("strong", { children: [
+                  /* @__PURE__ */ jsxs5("strong", { children: [
                     displayLabel,
                     ":"
                   ] }),
-                  rest.length > 0 && /* @__PURE__ */ jsxs4(Fragment3, { children: [
+                  rest.length > 0 && /* @__PURE__ */ jsxs5(Fragment3, { children: [
                     " ",
                     rest
                   ] })
@@ -3346,16 +3308,16 @@ ${sourcesMarkdownList.join("\n")}`;
           }
         }
       }
-      if (childArray.length === 2 && React5.isValidElement(childArray[0]) && childArray[0].type === "strong" && React5.isValidElement(childArray[1]) && childArray[1].type === Box5) {
+      if (childArray.length === 2 && React5.isValidElement(childArray[0]) && childArray[0].type === "strong" && React5.isValidElement(childArray[1]) && childArray[1].type === Box6) {
         const label = childArray[0].props.children;
         const desc = childArray[1].props.children;
-        return /* @__PURE__ */ jsx5(
+        return /* @__PURE__ */ jsx6(
           "li",
           {
             style: { marginBottom: "0.5rem", lineHeight: 1.4, whiteSpace: "pre-wrap" },
             ...listItemProps,
-            children: /* @__PURE__ */ jsxs4("span", { children: [
-              /* @__PURE__ */ jsx5("strong", { children: label }),
+            children: /* @__PURE__ */ jsxs5("span", { children: [
+              /* @__PURE__ */ jsx6("strong", { children: label }),
               " ",
               desc
             ] })
@@ -3374,7 +3336,7 @@ ${sourcesMarkdownList.join("\n")}`;
             const prevKey = React5.isValidElement(prev) && prev.key != null ? prev.key : `li-strong-${i}`;
             filtered.pop();
             filtered.push(
-              /* @__PURE__ */ jsxs4("span", { children: [
+              /* @__PURE__ */ jsxs5("span", { children: [
                 prev,
                 ": ",
                 desc
@@ -3385,7 +3347,7 @@ ${sourcesMarkdownList.join("\n")}`;
         }
         filtered.push(item);
       }
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx6(
         "li",
         {
           ...listItemProps,
@@ -3400,19 +3362,19 @@ ${sourcesMarkdownList.join("\n")}`;
       );
     },
     table({ children, node: _node, className, style, ...tableProps }) {
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx6(
         TableContainer,
         {
           component: Paper2,
           className,
           style,
           sx: { my: 2, bgcolor: theme.palette.background.paper },
-          children: /* @__PURE__ */ jsx5(Table, { size: "small", ...tableProps, children })
+          children: /* @__PURE__ */ jsx6(Table, { size: "small", ...tableProps, children })
         }
       );
     },
     thead({ children, node: _node, ...tableHeadProps }) {
-      return /* @__PURE__ */ jsx5(TableHead, { ...tableHeadProps, children });
+      return /* @__PURE__ */ jsx6(TableHead, { ...tableHeadProps, children });
     },
     tbody({ children, node: _node, ...tableBodyProps }) {
       const rows = React5.Children.toArray(children).filter((row) => {
@@ -3422,13 +3384,13 @@ ${sourcesMarkdownList.join("\n")}`;
           (cell) => React5.isValidElement(cell) && typeof cell.props.children === "string" && /^-+$/.test(cell.props.children.trim())
         );
       });
-      return /* @__PURE__ */ jsx5(TableBody, { ...tableBodyProps, children: rows });
+      return /* @__PURE__ */ jsx6(TableBody, { ...tableBodyProps, children: rows });
     },
     tr({ children, node: _node, ...tableRowProps }) {
-      return /* @__PURE__ */ jsx5(TableRow, { ...tableRowProps, children });
+      return /* @__PURE__ */ jsx6(TableRow, { ...tableRowProps, children });
     },
     th({ children, node: _node, ...tableCellProps }) {
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx6(
         TableCell,
         {
           ...tableCellProps,
@@ -3445,7 +3407,7 @@ ${sourcesMarkdownList.join("\n")}`;
       );
     },
     td({ children, node: _node, ...tableCellProps }) {
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx6(
         TableCell,
         {
           ...tableCellProps,
@@ -3465,9 +3427,9 @@ ${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__ */ jsx5(Fragment3, { children: flattened });
+        return /* @__PURE__ */ jsx6(Fragment3, { children: flattened });
       }
-      return /* @__PURE__ */ jsx5(Box5, { component: "div", sx: { margin: "0.25rem 0" }, children: /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx6(Box6, { component: "div", sx: { margin: "0.25rem 0" }, children: /* @__PURE__ */ jsx6(
         Typography3,
         {
           component: "div",
@@ -3481,9 +3443,9 @@ ${sourcesMarkdownList.join("\n")}`;
       ) });
     }
   };
-  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
-    /* @__PURE__ */ jsxs4(
-      Box5,
+  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+    /* @__PURE__ */ jsxs5(
+      Box6,
       {
         sx: {
           width: "100%",
@@ -3499,9 +3461,9 @@ ${sourcesMarkdownList.join("\n")}`;
           "&:hover .ai-response-actions": { opacity: 1 }
         },
         children: [
-          /* @__PURE__ */ jsx5(Box5, { sx: { display: "flex", justifyContent: "flex-end", mb: 2.5 }, children: /* @__PURE__ */ jsxs4(Box5, { sx: { maxWidth: { xs: "100%", sm: "85%" }, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx5(
-              Box5,
+          /* @__PURE__ */ jsx6(Box6, { sx: { display: "flex", justifyContent: "flex-end", mb: 2.5 }, children: /* @__PURE__ */ jsxs5(Box6, { sx: { maxWidth: { xs: "100%", sm: "85%" }, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx6(
+              Box6,
               {
                 sx: {
                   bgcolor: chatResponse.userBubble || alpha(theme.palette.common.white, 0.07),
@@ -3512,7 +3474,7 @@ ${sourcesMarkdownList.join("\n")}`;
                   whiteSpace: "pre-wrap",
                   overflowWrap: "break-word"
                 },
-                children: /* @__PURE__ */ jsx5(
+                children: /* @__PURE__ */ jsx6(
                   Typography3,
                   {
                     sx: {
@@ -3526,7 +3488,7 @@ ${sourcesMarkdownList.join("\n")}`;
                 )
               }
             ),
-            images && images.length > 0 && /* @__PURE__ */ jsx5(Box5, { sx: { display: "flex", gap: 1, mt: 1, flexWrap: "wrap", justifyContent: "flex-end" }, children: images.map((img, i) => /* @__PURE__ */ jsx5(
+            images && images.length > 0 && /* @__PURE__ */ jsx6(Box6, { sx: { display: "flex", gap: 1, mt: 1, flexWrap: "wrap", justifyContent: "flex-end" }, children: images.map((img, i) => /* @__PURE__ */ jsx6(
               Avatar,
               {
                 src: img,
@@ -3544,9 +3506,9 @@ ${sourcesMarkdownList.join("\n")}`;
               i
             )) })
           ] }) }),
-          /* @__PURE__ */ jsxs4(Box5, { sx: { position: "relative", width: "100%", maxWidth: { xs: "100%", sm: "768px" } }, children: [
-            cancelled && /* @__PURE__ */ jsx5(
-              Box5,
+          /* @__PURE__ */ jsxs5(Box6, { sx: { position: "relative", width: "100%", maxWidth: { xs: "100%", sm: "768px" } }, children: [
+            cancelled && /* @__PURE__ */ jsx6(
+              Box6,
               {
                 sx: {
                   position: "absolute",
@@ -3557,11 +3519,11 @@ ${sourcesMarkdownList.join("\n")}`;
                   gap: 1,
                   zIndex: 1
                 },
-                children: /* @__PURE__ */ jsx5(Typography3, { variant: "caption", sx: { fontStyle: "italic", opacity: 0.85 }, children: "Cancelled by you" })
+                children: /* @__PURE__ */ jsx6(Typography3, { variant: "caption", sx: { fontStyle: "italic", opacity: 0.85 }, children: "Cancelled by you" })
               }
             ),
-            showMemoryUpdated && /* @__PURE__ */ jsxs4(
-              Box5,
+            showMemoryUpdated && /* @__PURE__ */ jsxs5(
+              Box6,
               {
                 sx: {
                   position: "absolute",
@@ -3574,8 +3536,8 @@ ${sourcesMarkdownList.join("\n")}`;
                   zIndex: 1
                 },
                 children: [
-                  /* @__PURE__ */ jsx5("img", { src: brainIcon, alt: "Memory", style: { width: 16, height: 16 } }),
-                  /* @__PURE__ */ jsx5(
+                  /* @__PURE__ */ jsx6("img", { src: brainIcon, alt: "Memory", style: { width: 16, height: 16 } }),
+                  /* @__PURE__ */ jsx6(
                     Typography3,
                     {
                       variant: "caption",
@@ -3586,7 +3548,7 @@ ${sourcesMarkdownList.join("\n")}`;
                 ]
               }
             ),
-            /* @__PURE__ */ jsx5(Box5, { sx: { width: "100%", maxWidth: "100%" }, children: typeof response === "string" ? /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx6(Box6, { sx: { width: "100%", maxWidth: "100%" }, children: typeof response === "string" ? /* @__PURE__ */ jsx6(
               ReactMarkdown,
               {
                 remarkPlugins: [remarkGfm],
@@ -3594,10 +3556,10 @@ ${sourcesMarkdownList.join("\n")}`;
                 components,
                 children: enrichedMarkdown ?? sanitizeMarkdown(response)
               }
-            ) : React5.isValidElement(response) ? response : /* @__PURE__ */ jsx5(Typography3, { color: "error", children: "\u26A0\uFE0F Invalid AI response" }) })
+            ) : React5.isValidElement(response) ? response : /* @__PURE__ */ jsx6(Typography3, { color: "error", children: "\u26A0\uFE0F Invalid AI response" }) })
           ] }),
-          !!(responseText || typeof response === "string" && response) && /* @__PURE__ */ jsx5(
-            Box5,
+          !!(responseText || typeof response === "string" && response) && /* @__PURE__ */ jsx6(
+            Box6,
             {
               className: "ai-response-actions",
               sx: revealActionsOnHover ? {
@@ -3605,16 +3567,16 @@ ${sourcesMarkdownList.join("\n")}`;
                 transition: "opacity 0.15s ease",
                 "&:focus-within": { opacity: 1 }
               } : void 0,
-              children: /* @__PURE__ */ jsx5(ai_response_action_bar_default, { text: responseText || response })
+              children: /* @__PURE__ */ jsx6(ai_response_action_bar_default, { text: responseText || response })
             }
           ),
-          displaySourceFiles && displaySourceFiles.length > 0 && /* @__PURE__ */ jsx5(Box5, { sx: { mt: 1.5, display: "flex", gap: 2, flexWrap: "wrap", justifyContent: "flex-start" }, children: displaySourceFiles.map((doc, idx) => {
+          displaySourceFiles && displaySourceFiles.length > 0 && /* @__PURE__ */ jsx6(Box6, { 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__ */ jsx5(
+            return /* @__PURE__ */ jsx6(
               DocumentCard_default,
               {
                 doc,
@@ -3629,8 +3591,8 @@ ${sourcesMarkdownList.join("\n")}`;
         ]
       }
     ),
-    /* @__PURE__ */ jsx5(Modal, { open: !!openImage, onClose: () => setOpenImage(null), children: /* @__PURE__ */ jsxs4(
-      Box5,
+    /* @__PURE__ */ jsx6(Modal, { open: !!openImage, onClose: () => setOpenImage(null), children: /* @__PURE__ */ jsxs5(
+      Box6,
       {
         sx: {
           display: "flex",
@@ -3642,7 +3604,7 @@ ${sourcesMarkdownList.join("\n")}`;
           position: "relative"
         },
         children: [
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx6(
             IconButton4,
             {
               onClick: () => setOpenImage(null),
@@ -3656,11 +3618,11 @@ ${sourcesMarkdownList.join("\n")}`;
                   bgcolor: "rgba(255,255,255,0.2)"
                 }
               },
-              children: /* @__PURE__ */ jsx5(CloseIcon, {})
+              children: /* @__PURE__ */ jsx6(CloseIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx5(
-            Box5,
+          /* @__PURE__ */ jsx6(
+            Box6,
             {
               component: "img",
               src: openImage || "",
@@ -3678,7 +3640,7 @@ ${sourcesMarkdownList.join("\n")}`;
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       knowledge_file_modal_default,
       {
         open: !!openDoc,
@@ -3713,7 +3675,7 @@ import {
   InputLabel,
   Select,
   MenuItem,
-  Box as Box6,
+  Box as Box7,
   Typography as Typography4,
   IconButton as IconButton5,
   Chip as Chip2,
@@ -3727,9 +3689,9 @@ import {
   useMediaQuery as useMediaQuery2,
   Snackbar
 } from "@mui/material";
-import { X as CloseIcon2, Bug as BugReportIcon, Lightbulb as LightbulbIcon, TrendingUp as TrendingUpIcon, HelpCircle as HelpIcon, MessageSquare as MessageIcon, Camera as PhotoCameraIcon, Paperclip as AttachFileIcon, Trash2 as DeleteIcon2, Mail as MailIcon } from "lucide-react";
+import { X as CloseIcon2, Bug as BugReportIcon, Lightbulb as LightbulbIcon, TrendingUp as TrendingUpIcon, HelpCircle as HelpIcon, MessageSquare as MessageIcon, Camera as PhotoCameraIcon, Paperclip as AttachFileIcon, Trash as DeleteIcon2, Mail as MailIcon } from "@burtson-labs/icons/react";
 import { useTheme as useTheme4, alpha as alpha2 } from "@mui/material/styles";
-import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var feedbackCategories = {
   bug: {
     label: "Bug Report",
@@ -4030,8 +3992,8 @@ var FeedbackModal = ({
   const selectedPriority = feedbackPriorities[formData.priority];
   const IconComponent = iconMap[selectedCategory?.icon] || MessageIcon;
   const isValid = !!formData.title?.trim() && !!formData.description?.trim();
-  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
-    /* @__PURE__ */ jsx6(GlobalStyles, { styles: {
+  return /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx7(GlobalStyles, { styles: {
       "::-webkit-scrollbar": {
         width: "8px"
       },
@@ -4044,7 +4006,7 @@ var FeedbackModal = ({
         border: "1px solid #222"
       }
     } }),
-    /* @__PURE__ */ jsxs5(
+    /* @__PURE__ */ jsxs6(
       Dialog2,
       {
         open,
@@ -4086,7 +4048,7 @@ var FeedbackModal = ({
           }
         },
         children: [
-          /* @__PURE__ */ jsxs5(
+          /* @__PURE__ */ jsxs6(
             DialogTitle,
             {
               onTouchStart: handleHeaderTouchStart,
@@ -4103,8 +4065,8 @@ var FeedbackModal = ({
                 touchAction: "pan-y"
               },
               children: [
-                isMobile && /* @__PURE__ */ jsx6(
-                  Box6,
+                isMobile && /* @__PURE__ */ jsx7(
+                  Box7,
                   {
                     sx: {
                       width: 56,
@@ -4116,8 +4078,8 @@ var FeedbackModal = ({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxs5(
-                  Box6,
+                /* @__PURE__ */ jsxs6(
+                  Box7,
                   {
                     sx: {
                       display: "flex",
@@ -4127,18 +4089,18 @@ var FeedbackModal = ({
                       width: "100%"
                     },
                     children: [
-                      /* @__PURE__ */ jsxs5(Stack, { spacing: 0.5, sx: { minWidth: 0 }, children: [
-                        /* @__PURE__ */ jsx6(Typography4, { variant: "h6", fontWeight: "bold", noWrap: true, children: "Send Feedback" }),
-                        /* @__PURE__ */ jsx6(Typography4, { variant: "body2", color: "text.secondary", noWrap: true, children: "Help us improve Bandit AI" })
+                      /* @__PURE__ */ jsxs6(Stack, { spacing: 0.5, sx: { minWidth: 0 }, children: [
+                        /* @__PURE__ */ jsx7(Typography4, { variant: "h6", fontWeight: "bold", noWrap: true, children: "Send Feedback" }),
+                        /* @__PURE__ */ jsx7(Typography4, { variant: "body2", color: "text.secondary", noWrap: true, children: "Help us improve Bandit AI" })
                       ] }),
-                      /* @__PURE__ */ jsx6(IconButton5, { onClick: handleClose, size: "small", children: /* @__PURE__ */ jsx6(CloseIcon2, {}) })
+                      /* @__PURE__ */ jsx7(IconButton5, { onClick: handleClose, size: "small", children: /* @__PURE__ */ jsx7(CloseIcon2, {}) })
                     ]
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ jsxs5(
+          /* @__PURE__ */ jsxs6(
             DialogContent,
             {
               sx: {
@@ -4149,7 +4111,7 @@ var FeedbackModal = ({
                 scrollbarGutter: "stable"
               },
               children: [
-                submitStatus === "success" && /* @__PURE__ */ jsxs5(
+                submitStatus === "success" && /* @__PURE__ */ jsxs6(
                   Alert3,
                   {
                     severity: "success",
@@ -4163,12 +4125,12 @@ var FeedbackModal = ({
                       borderRadius: 2
                     },
                     children: [
-                      /* @__PURE__ */ jsx6(Typography4, { variant: "body2", sx: { fontWeight: 600 }, children: "Feedback submitted successfully!" }),
-                      /* @__PURE__ */ jsx6(Typography4, { 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__ */ jsx7(Typography4, { variant: "body2", sx: { fontWeight: 600 }, children: "Feedback submitted successfully!" }),
+                      /* @__PURE__ */ jsx7(Typography4, { 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__ */ jsx6(
+                errorMessage && /* @__PURE__ */ jsx7(
                   Alert3,
                   {
                     severity: "error",
@@ -4184,8 +4146,8 @@ var FeedbackModal = ({
                     children: errorMessage
                   }
                 ),
-                /* @__PURE__ */ jsxs5(
-                  Box6,
+                /* @__PURE__ */ jsxs6(
+                  Box7,
                   {
                     sx: {
                       display: "grid",
@@ -4199,8 +4161,8 @@ var FeedbackModal = ({
                       pt: 1.5
                     },
                     children: [
-                      /* @__PURE__ */ jsxs5(
-                        Box6,
+                      /* @__PURE__ */ jsxs6(
+                        Box7,
                         {
                           sx: {
                             display: "grid",
@@ -4210,7 +4172,7 @@ var FeedbackModal = ({
                             mb: 0
                           },
                           children: [
-                            /* @__PURE__ */ jsx6(
+                            /* @__PURE__ */ jsx7(
                               TextField,
                               {
                                 fullWidth: true,
@@ -4242,7 +4204,7 @@ var FeedbackModal = ({
                                 }
                               }
                             ),
-                            /* @__PURE__ */ jsxs5(
+                            /* @__PURE__ */ jsxs6(
                               FormControl,
                               {
                                 fullWidth: true,
@@ -4266,8 +4228,8 @@ var FeedbackModal = ({
                                   }
                                 },
                                 children: [
-                                  /* @__PURE__ */ jsx6(InputLabel, { shrink: true, id: "category-label", children: "Category" }),
-                                  /* @__PURE__ */ jsx6(
+                                  /* @__PURE__ */ jsx7(InputLabel, { shrink: true, id: "category-label", children: "Category" }),
+                                  /* @__PURE__ */ jsx7(
                                     Select,
                                     {
                                       labelId: "category-label",
@@ -4277,11 +4239,11 @@ var FeedbackModal = ({
                                       onChange: handleInputChange("category"),
                                       children: Object.entries(feedbackCategories).map(([key, category]) => {
                                         const Icon = iconMap[category.icon];
-                                        return /* @__PURE__ */ jsx6(MenuItem, { value: key, children: /* @__PURE__ */ jsxs5(Box6, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
-                                          /* @__PURE__ */ jsx6(Icon, { size: 20, color: category.color }),
-                                          /* @__PURE__ */ jsxs5(Box6, { children: [
-                                            /* @__PURE__ */ jsx6(Typography4, { variant: "body2", sx: { fontWeight: 500 }, children: category.label }),
-                                            /* @__PURE__ */ jsx6(Typography4, { variant: "caption", color: "text.secondary", children: category.description })
+                                        return /* @__PURE__ */ jsx7(MenuItem, { value: key, children: /* @__PURE__ */ jsxs6(Box7, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
+                                          /* @__PURE__ */ jsx7(Icon, { size: 20, color: category.color }),
+                                          /* @__PURE__ */ jsxs6(Box7, { children: [
+                                            /* @__PURE__ */ jsx7(Typography4, { variant: "body2", sx: { fontWeight: 500 }, children: category.label }),
+                                            /* @__PURE__ */ jsx7(Typography4, { variant: "caption", color: "text.secondary", children: category.description })
                                           ] })
                                         ] }) }, key);
                                       })
@@ -4290,7 +4252,7 @@ var FeedbackModal = ({
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ jsxs5(
+                            /* @__PURE__ */ jsxs6(
                               FormControl,
                               {
                                 fullWidth: true,
@@ -4314,8 +4276,8 @@ var FeedbackModal = ({
                                   }
                                 },
                                 children: [
-                                  /* @__PURE__ */ jsx6(InputLabel, { shrink: true, id: "priority-label", children: "Priority" }),
-                                  /* @__PURE__ */ jsx6(
+                                  /* @__PURE__ */ jsx7(InputLabel, { shrink: true, id: "priority-label", children: "Priority" }),
+                                  /* @__PURE__ */ jsx7(
                                     Select,
                                     {
                                       labelId: "priority-label",
@@ -4323,9 +4285,9 @@ var FeedbackModal = ({
                                       value: formData.priority,
                                       label: "Priority",
                                       onChange: handleInputChange("priority"),
-                                      children: Object.entries(feedbackPriorities).map(([key, priority]) => /* @__PURE__ */ jsx6(MenuItem, { value: key, children: /* @__PURE__ */ jsxs5(Box6, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
-                                        /* @__PURE__ */ jsx6(
-                                          Box6,
+                                      children: Object.entries(feedbackPriorities).map(([key, priority]) => /* @__PURE__ */ jsx7(MenuItem, { value: key, children: /* @__PURE__ */ jsxs6(Box7, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
+                                        /* @__PURE__ */ jsx7(
+                                          Box7,
                                           {
                                             sx: {
                                               width: 12,
@@ -4336,9 +4298,9 @@ var FeedbackModal = ({
                                             }
                                           }
                                         ),
-                                        /* @__PURE__ */ jsxs5(Box6, { children: [
-                                          /* @__PURE__ */ jsx6(Typography4, { variant: "body2", sx: { fontWeight: 500 }, children: priority.label }),
-                                          /* @__PURE__ */ jsx6(Typography4, { variant: "caption", color: "text.secondary", children: priority.description })
+                                        /* @__PURE__ */ jsxs6(Box7, { children: [
+                                          /* @__PURE__ */ jsx7(Typography4, { variant: "body2", sx: { fontWeight: 500 }, children: priority.label }),
+                                          /* @__PURE__ */ jsx7(Typography4, { variant: "caption", color: "text.secondary", children: priority.description })
                                         ] })
                                       ] }) }, key))
                                     }
@@ -4346,7 +4308,7 @@ var FeedbackModal = ({
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ jsx6(
+                            /* @__PURE__ */ jsx7(
                               TextField,
                               {
                                 fullWidth: true,
@@ -4385,8 +4347,8 @@ var FeedbackModal = ({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsxs5(
-                        Box6,
+                      /* @__PURE__ */ jsxs6(
+                        Box7,
                         {
                           className: "feedback-section-row",
                           sx: {
@@ -4399,13 +4361,13 @@ var FeedbackModal = ({
                             flexDirection: { xs: "column", md: "row" }
                           },
                           children: [
-                            /* @__PURE__ */ jsxs5(
-                              Box6,
+                            /* @__PURE__ */ jsxs6(
+                              Box7,
                               {
                                 className: "impact-section",
                                 sx: { flex: 1, minWidth: 260, display: "flex", flexDirection: "column" },
                                 children: [
-                                  /* @__PURE__ */ jsxs5(Typography4, { variant: "body2", sx: { fontWeight: 600, mb: 0.5 }, children: [
+                                  /* @__PURE__ */ jsxs6(Typography4, { 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],
@@ -4414,7 +4376,7 @@ var FeedbackModal = ({
                                     formData.annoyanceLevel ?? 3,
                                     "/5)"
                                   ] }),
-                                  /* @__PURE__ */ jsx6(Box6, { sx: { px: 1 }, children: /* @__PURE__ */ jsx6(
+                                  /* @__PURE__ */ jsx7(Box7, { sx: { px: 1 }, children: /* @__PURE__ */ jsx7(
                                     Slider,
                                     {
                                       size: "small",
@@ -4438,8 +4400,8 @@ var FeedbackModal = ({
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ jsxs5(
-                              Box6,
+                            /* @__PURE__ */ jsxs6(
+                              Box7,
                               {
                                 className: "attachments-upload-card attachments-section",
                                 sx: {
@@ -4451,8 +4413,8 @@ var FeedbackModal = ({
                                   p: 0
                                 },
                                 children: [
-                                  /* @__PURE__ */ jsx6("div", { style: { display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxs5(Box6, { onClick: () => fileInputRef.current?.click(), children: [
-                                    /* @__PURE__ */ jsx6(
+                                  /* @__PURE__ */ jsx7("div", { style: { display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxs6(Box7, { onClick: () => fileInputRef.current?.click(), children: [
+                                    /* @__PURE__ */ jsx7(
                                       "input",
                                       {
                                         ref: fileInputRef,
@@ -4462,8 +4424,8 @@ var FeedbackModal = ({
                                         onChange: handleFileUpload
                                       }
                                     ),
-                                    /* @__PURE__ */ jsxs5(
-                                      Box6,
+                                    /* @__PURE__ */ jsxs6(
+                                      Box7,
                                       {
                                         sx: {
                                           display: "flex",
@@ -4479,13 +4441,13 @@ var FeedbackModal = ({
                                           "&:hover": { borderColor: theme.palette.primary.main, color: theme.palette.primary.main }
                                         },
                                         children: [
-                                          /* @__PURE__ */ jsx6(AttachFileIcon, { size: 18 }),
-                                          /* @__PURE__ */ jsx6(Typography4, { variant: "body2", sx: { fontWeight: 500 }, children: "Attach an image" }),
-                                          /* @__PURE__ */ jsx6(Typography4, { variant: "caption", color: "text.secondary", sx: { ml: "auto" }, children: "JPG/PNG/GIF \xB7 10MB" })
+                                          /* @__PURE__ */ jsx7(AttachFileIcon, { size: 18 }),
+                                          /* @__PURE__ */ jsx7(Typography4, { variant: "body2", sx: { fontWeight: 500 }, children: "Attach an image" }),
+                                          /* @__PURE__ */ jsx7(Typography4, { 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__ */ jsx6(
+                                    (formData.images && formData.images.length > 0 || formData.attachments && formData.attachments.length > 0) && /* @__PURE__ */ jsx7(
                                       Alert3,
                                       {
                                         severity: "info",
@@ -4504,18 +4466,18 @@ var FeedbackModal = ({
                                             fontSize: "0.75rem"
                                           }
                                         },
-                                        children: /* @__PURE__ */ jsx6(Typography4, { 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__ */ jsx7(Typography4, { 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__ */ jsxs5(Box6, { sx: { mt: 2 }, children: [
-                                    /* @__PURE__ */ jsxs5(Box6, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 1.5 }, children: [
-                                      /* @__PURE__ */ jsx6(PhotoCameraIcon, { size: 16 }),
-                                      /* @__PURE__ */ jsx6(Typography4, { variant: "subtitle2", sx: { fontWeight: 600 }, children: "Attached Image" })
+                                  formData.images && formData.images.length > 0 && /* @__PURE__ */ jsxs6(Box7, { sx: { mt: 2 }, children: [
+                                    /* @__PURE__ */ jsxs6(Box7, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 1.5 }, children: [
+                                      /* @__PURE__ */ jsx7(PhotoCameraIcon, { size: 16 }),
+                                      /* @__PURE__ */ jsx7(Typography4, { variant: "subtitle2", sx: { fontWeight: 600 }, children: "Attached Image" })
                                     ] }),
-                                    /* @__PURE__ */ jsxs5(Box6, { sx: { display: "flex", gap: 1.5 }, children: [
-                                      /* @__PURE__ */ jsxs5(
-                                        Box6,
+                                    /* @__PURE__ */ jsxs6(Box7, { sx: { display: "flex", gap: 1.5 }, children: [
+                                      /* @__PURE__ */ jsxs6(
+                                        Box7,
                                         {
                                           sx: {
                                             position: "relative",
@@ -4529,7 +4491,7 @@ var FeedbackModal = ({
                                             }
                                           },
                                           children: [
-                                            /* @__PURE__ */ jsx6(
+                                            /* @__PURE__ */ jsx7(
                                               "img",
                                               {
                                                 src: formData.images[0],
@@ -4542,7 +4504,7 @@ var FeedbackModal = ({
                                                 }
                                               }
                                             ),
-                                            /* @__PURE__ */ jsx6(
+                                            /* @__PURE__ */ jsx7(
                                               IconButton5,
                                               {
                                                 size: "small",
@@ -4560,20 +4522,20 @@ var FeedbackModal = ({
                                                     transform: "scale(1.1)"
                                                   }
                                                 },
-                                                children: /* @__PURE__ */ jsx6(DeleteIcon2, { size: 14 })
+                                                children: /* @__PURE__ */ jsx7(DeleteIcon2, { size: 14 })
                                               }
                                             )
                                           ]
                                         }
                                       ),
-                                      /* @__PURE__ */ jsxs5(Box6, { sx: { flex: 1, display: "flex", flexDirection: "column", justifyContent: "center" }, children: [
-                                        /* @__PURE__ */ jsx6(
+                                      /* @__PURE__ */ jsxs6(Box7, { sx: { flex: 1, display: "flex", flexDirection: "column", justifyContent: "center" }, children: [
+                                        /* @__PURE__ */ jsx7(
                                           Button3,
                                           {
                                             variant: "outlined",
                                             size: "small",
                                             onClick: copyImageToClipboard,
-                                            startIcon: /* @__PURE__ */ jsx6(AttachFileIcon, {}),
+                                            startIcon: /* @__PURE__ */ jsx7(AttachFileIcon, {}),
                                             sx: {
                                               mb: 1,
                                               borderColor: theme.palette.primary.main + "50",
@@ -4586,22 +4548,22 @@ var FeedbackModal = ({
                                             children: "Copy to Clipboard"
                                           }
                                         ),
-                                        /* @__PURE__ */ jsx6(Typography4, { variant: "caption", color: "text.secondary", sx: { textAlign: "center" }, children: "Image will be copied when you submit" })
+                                        /* @__PURE__ */ jsx7(Typography4, { variant: "caption", color: "text.secondary", sx: { textAlign: "center" }, children: "Image will be copied when you submit" })
                                       ] })
                                     ] })
                                   ] }),
-                                  formData.attachments && formData.attachments.length > 0 && /* @__PURE__ */ jsxs5(Box6, { sx: { mt: 2 }, children: [
-                                    /* @__PURE__ */ jsxs5(Typography4, { variant: "subtitle2", gutterBottom: true, children: [
+                                  formData.attachments && formData.attachments.length > 0 && /* @__PURE__ */ jsxs6(Box7, { sx: { mt: 2 }, children: [
+                                    /* @__PURE__ */ jsxs6(Typography4, { variant: "subtitle2", gutterBottom: true, children: [
                                       "Attached Files (",
                                       formData.attachments.length,
                                       ")"
                                     ] }),
-                                    /* @__PURE__ */ jsx6(Box6, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: formData.attachments.map((attachment, index) => /* @__PURE__ */ jsx6(
+                                    /* @__PURE__ */ jsx7(Box7, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: formData.attachments.map((attachment, index) => /* @__PURE__ */ jsx7(
                                       Chip2,
                                       {
                                         label: attachment.name,
                                         onDelete: () => removeAttachment(index),
-                                        deleteIcon: /* @__PURE__ */ jsx6(DeleteIcon2, {}),
+                                        deleteIcon: /* @__PURE__ */ jsx7(DeleteIcon2, {}),
                                         variant: "outlined",
                                         sx: { maxWidth: 200 }
                                       },
@@ -4620,7 +4582,7 @@ var FeedbackModal = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7(
             DialogActions,
             {
               sx: {
@@ -4634,11 +4596,11 @@ var FeedbackModal = ({
                 borderColor: "divider",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ jsx6(
+              children: /* @__PURE__ */ jsx7(
                 Button3,
                 {
                   fullWidth: true,
-                  startIcon: /* @__PURE__ */ jsx6(MailIcon, {}),
+                  startIcon: /* @__PURE__ */ jsx7(MailIcon, {}),
                   disabled: !isValid,
                   onClick: handleSubmit,
                   variant: "contained",
@@ -4650,7 +4612,7 @@ var FeedbackModal = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(
       Snackbar,
       {
         open: snackbarOpen,
@@ -4671,7 +4633,7 @@ var FeedbackModal = ({
         message: snackbarMessage
       }
     ),
-    /* @__PURE__ */ jsxs5(
+    /* @__PURE__ */ jsxs6(
       Dialog2,
       {
         open: confirmDialogOpen,
@@ -4689,13 +4651,13 @@ var FeedbackModal = ({
           }
         },
         children: [
-          /* @__PURE__ */ jsxs5(DialogTitle, { sx: {
+          /* @__PURE__ */ jsxs6(DialogTitle, { sx: {
             pb: 1,
             display: "flex",
             alignItems: "center",
             gap: 2
           }, children: [
-            /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx7(
               Avatar2,
               {
                 sx: {
@@ -4704,16 +4666,16 @@ var FeedbackModal = ({
                   width: 40,
                   height: 40
                 },
-                children: /* @__PURE__ */ jsx6(PhotoCameraIcon, {})
+                children: /* @__PURE__ */ jsx7(PhotoCameraIcon, {})
               }
             ),
-            /* @__PURE__ */ jsxs5(Box6, { children: [
-              /* @__PURE__ */ jsx6(Typography4, { variant: "h6", sx: { fontWeight: 600 }, children: "Ready to Submit with Image" }),
-              /* @__PURE__ */ jsx6(Typography4, { variant: "caption", color: "text.secondary", children: "Here's what will happen when you submit" })
+            /* @__PURE__ */ jsxs6(Box7, { children: [
+              /* @__PURE__ */ jsx7(Typography4, { variant: "h6", sx: { fontWeight: 600 }, children: "Ready to Submit with Image" }),
+              /* @__PURE__ */ jsx7(Typography4, { variant: "caption", color: "text.secondary", children: "Here's what will happen when you submit" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx6(DialogContent, { sx: { pt: 1 }, children: /* @__PURE__ */ jsxs5(Box6, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-            /* @__PURE__ */ jsxs5(
+          /* @__PURE__ */ jsx7(DialogContent, { sx: { pt: 1 }, children: /* @__PURE__ */ jsxs6(Box7, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+            /* @__PURE__ */ jsxs6(
               Paper3,
               {
                 variant: "outlined",
@@ -4724,8 +4686,8 @@ var FeedbackModal = ({
                   border: `1px solid ${theme.palette.info.main}20`
                 },
                 children: [
-                  /* @__PURE__ */ jsxs5(Typography4, { variant: "subtitle1", sx: { fontWeight: 600, mb: 2, display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ jsx6(Box6, { sx: {
+                  /* @__PURE__ */ jsxs6(Typography4, { variant: "subtitle1", sx: { fontWeight: 600, mb: 2, display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ jsx7(Box7, { sx: {
                       bgcolor: theme.palette.info.main + "20",
                       color: theme.palette.info.main,
                       borderRadius: "50%",
@@ -4739,8 +4701,8 @@ var FeedbackModal = ({
                     }, children: "1" }),
                     "Your image will be copied to clipboard"
                   ] }),
-                  /* @__PURE__ */ jsxs5(Typography4, { variant: "subtitle1", sx: { fontWeight: 600, mb: 2, display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ jsx6(Box6, { sx: {
+                  /* @__PURE__ */ jsxs6(Typography4, { variant: "subtitle1", sx: { fontWeight: 600, mb: 2, display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ jsx7(Box7, { sx: {
                       bgcolor: theme.palette.info.main + "20",
                       color: theme.palette.info.main,
                       borderRadius: "50%",
@@ -4754,8 +4716,8 @@ var FeedbackModal = ({
                     }, children: "2" }),
                     "Your email client will open"
                   ] }),
-                  /* @__PURE__ */ jsxs5(Typography4, { variant: "subtitle1", sx: { fontWeight: 600, mb: 1, display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ jsx6(Box6, { sx: {
+                  /* @__PURE__ */ jsxs6(Typography4, { variant: "subtitle1", sx: { fontWeight: 600, mb: 1, display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ jsx7(Box7, { sx: {
                       bgcolor: theme.palette.info.main + "20",
                       color: theme.palette.info.main,
                       borderRadius: "50%",
@@ -4769,20 +4731,20 @@ var FeedbackModal = ({
                     }, children: "3" }),
                     "Paste the image with Ctrl+V (or Cmd+V)"
                   ] }),
-                  /* @__PURE__ */ jsx6(Typography4, { variant: "body2", color: "text.secondary", sx: { ml: 4, fontStyle: "italic" }, children: "The email will have a clear spot where you should paste" })
+                  /* @__PURE__ */ jsx7(Typography4, { variant: "body2", color: "text.secondary", sx: { ml: 4, fontStyle: "italic" }, children: "The email will have a clear spot where you should paste" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx6(Alert3, { severity: "info", sx: {
+            /* @__PURE__ */ jsx7(Alert3, { severity: "info", sx: {
               background: "transparent",
               border: `1px solid ${theme.palette.info.main}30`
-            }, children: /* @__PURE__ */ jsxs5(Typography4, { variant: "body2", children: [
-              /* @__PURE__ */ jsx6("strong", { children: "\u{1F4A1} Tip:" }),
+            }, children: /* @__PURE__ */ jsxs6(Typography4, { variant: "body2", children: [
+              /* @__PURE__ */ jsx7("strong", { children: "\u{1F4A1} Tip:" }),
               " Make sure to paste the image before sending your email!"
             ] }) })
           ] }) }),
-          /* @__PURE__ */ jsxs5(DialogActions, { sx: { p: 2.5, pt: 1 }, children: [
-            /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsxs6(DialogActions, { sx: { p: 2.5, pt: 1 }, children: [
+            /* @__PURE__ */ jsx7(
               Button3,
               {
                 onClick: () => setConfirmDialogOpen(false),
@@ -4790,13 +4752,13 @@ var FeedbackModal = ({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx7(
               Button3,
               {
                 variant: "contained",
                 onClick: performSubmit,
                 disabled: isSubmitting,
-                startIcon: isSubmitting ? /* @__PURE__ */ jsx6(CircularProgress3, { size: 16 }) : /* @__PURE__ */ jsx6(MailIcon, {}),
+                startIcon: isSubmitting ? /* @__PURE__ */ jsx7(CircularProgress3, { size: 16 }) : /* @__PURE__ */ jsx7(MailIcon, {}),
                 sx: {
                   background: `linear-gradient(135deg, ${theme.palette.primary.main} 0%, ${theme.palette.primary.dark} 100%)`,
                   "&:hover": {
@@ -7195,7 +7157,7 @@ var useNotificationService = () => {
 import React7, { useState as useState7, useEffect as useEffect7 } from "react";
 import { useTheme as useTheme5, alpha as alpha3, keyframes } from "@mui/material/styles";
 import {
-  Box as Box7,
+  Box as Box8,
   Typography as Typography5,
   Modal as Modal2,
   SwipeableDrawer,
@@ -7219,7 +7181,7 @@ import {
   FormControl as FormControl2,
   useMediaQuery as useMediaQuery3
 } from "@mui/material";
-import { Fragment as Fragment5, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var MemoryModal = ({ open, onClose }) => {
   const { entries, addMemory, togglePinMemory, removeMemory, clearMemories, hydrate, _hasHydrated } = useMemoryStore();
   const isAdvancedVectorFeaturesEnabled = useConversationSyncStore(
@@ -7612,8 +7574,8 @@ var MemoryModal = ({ open, onClose }) => {
     setClearAllOpen(false);
   };
   const filteredMemories = getMemoriesForDisplay();
-  const sheet = /* @__PURE__ */ jsxs6(
-    Box7,
+  const sheet = /* @__PURE__ */ jsxs7(
+    Box8,
     {
       sx: {
         width: "100%",
@@ -7632,8 +7594,8 @@ var MemoryModal = ({ open, onClose }) => {
         // Ensure it's on top
       },
       children: [
-        isMobileView && /* @__PURE__ */ jsx7(
-          Box7,
+        isMobileView && /* @__PURE__ */ jsx8(
+          Box8,
           {
             sx: {
               height: 6,
@@ -7646,8 +7608,8 @@ var MemoryModal = ({ open, onClose }) => {
             }
           }
         ),
-        /* @__PURE__ */ jsxs6(
-          Box7,
+        /* @__PURE__ */ jsxs7(
+          Box8,
           {
             sx: {
               flexShrink: 0,
@@ -7659,8 +7621,8 @@ var MemoryModal = ({ open, onClose }) => {
               gap: isMobileView ? 0.9 : 1.25
             },
             children: [
-              /* @__PURE__ */ jsxs6(
-                Box7,
+              /* @__PURE__ */ jsxs7(
+                Box8,
                 {
                   sx: {
                     width: "100%",
@@ -7671,9 +7633,9 @@ var MemoryModal = ({ open, onClose }) => {
                     flexWrap: "wrap"
                   },
                   children: [
-                    /* @__PURE__ */ jsxs6(Box7, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
-                      /* @__PURE__ */ jsx7(Typography5, { variant: "h6", sx: { fontWeight: 600 }, children: "Memory" }),
-                      shouldUseVectorForMemories && /* @__PURE__ */ jsx7(Tooltip5, { title: "Memories stay in your private knowledge space for faster, more accurate answers.", children: /* @__PURE__ */ jsx7(
+                    /* @__PURE__ */ jsxs7(Box8, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
+                      /* @__PURE__ */ jsx8(Typography5, { variant: "h6", sx: { fontWeight: 600 }, children: "Memory" }),
+                      shouldUseVectorForMemories && /* @__PURE__ */ jsx8(Tooltip5, { title: "Memories stay in your private knowledge space for faster, more accurate answers.", children: /* @__PURE__ */ jsx8(
                         Typography5,
                         {
                           variant: "caption",
@@ -7692,8 +7654,8 @@ var MemoryModal = ({ open, onClose }) => {
                         }
                       ) })
                     ] }),
-                    /* @__PURE__ */ jsxs6(
-                      Box7,
+                    /* @__PURE__ */ jsxs7(
+                      Box8,
                       {
                         sx: {
                           display: "flex",
@@ -7703,12 +7665,12 @@ var MemoryModal = ({ open, onClose }) => {
                           flexWrap: "wrap"
                         },
                         children: [
-                          multiSelectMode ? /* @__PURE__ */ jsxs6(Fragment5, { children: [
-                            /* @__PURE__ */ jsxs6(Typography5, { variant: "caption", sx: { color: theme.palette.text.secondary, mr: 0.5 }, children: [
+                          multiSelectMode ? /* @__PURE__ */ jsxs7(Fragment5, { children: [
+                            /* @__PURE__ */ jsxs7(Typography5, { variant: "caption", sx: { color: theme.palette.text.secondary, mr: 0.5 }, children: [
                               selectedIds.length,
                               " selected"
                             ] }),
-                            /* @__PURE__ */ jsx7(
+                            /* @__PURE__ */ jsx8(
                               Button4,
                               {
                                 variant: "outlined",
@@ -7721,8 +7683,8 @@ var MemoryModal = ({ open, onClose }) => {
                                 children: "Cancel"
                               }
                             ),
-                            selectedIds.length > 0 && /* @__PURE__ */ jsxs6(Fragment5, { children: [
-                              /* @__PURE__ */ jsxs6(
+                            selectedIds.length > 0 && /* @__PURE__ */ jsxs7(Fragment5, { children: [
+                              /* @__PURE__ */ jsxs7(
                                 Button4,
                                 {
                                   variant: "outlined",
@@ -7737,7 +7699,7 @@ var MemoryModal = ({ open, onClose }) => {
                                   ]
                                 }
                               ),
-                              /* @__PURE__ */ jsxs6(
+                              /* @__PURE__ */ jsxs7(
                                 Button4,
                                 {
                                   variant: "outlined",
@@ -7751,7 +7713,7 @@ var MemoryModal = ({ open, onClose }) => {
                                   ]
                                 }
                               ),
-                              /* @__PURE__ */ jsxs6(
+                              /* @__PURE__ */ jsxs7(
                                 Button4,
                                 {
                                   variant: "contained",
@@ -7767,8 +7729,8 @@ var MemoryModal = ({ open, onClose }) => {
                                 }
                               )
                             ] })
-                          ] }) : filteredMemories.length > 0 && /* @__PURE__ */ jsxs6(Fragment5, { children: [
-                            /* @__PURE__ */ jsx7(
+                          ] }) : filteredMemories.length > 0 && /* @__PURE__ */ jsxs7(Fragment5, { children: [
+                            /* @__PURE__ */ jsx8(
                               Button4,
                               {
                                 variant: "outlined",
@@ -7778,19 +7740,19 @@ var MemoryModal = ({ open, onClose }) => {
                                 children: "Clear All"
                               }
                             ),
-                            isVectorEnabled && entries.length > 0 && /* @__PURE__ */ jsx7(
+                            isVectorEnabled && entries.length > 0 && /* @__PURE__ */ jsx8(
                               Button4,
                               {
                                 variant: "outlined",
                                 size: "small",
                                 color: "primary",
                                 onClick: () => setBulkImportOpen(true),
-                                startIcon: /* @__PURE__ */ jsx7(CloudSyncIcon, {}),
+                                startIcon: /* @__PURE__ */ jsx8(CloudSyncIcon, {}),
                                 sx: { textTransform: "none", borderRadius: 2, fontSize: "0.75rem" },
                                 children: "Import to workspace"
                               }
                             ),
-                            /* @__PURE__ */ jsx7(
+                            /* @__PURE__ */ jsx8(
                               Button4,
                               {
                                 variant: "outlined",
@@ -7805,7 +7767,7 @@ var MemoryModal = ({ open, onClose }) => {
                               }
                             )
                           ] }),
-                          !multiSelectMode && isMobileView && /* @__PURE__ */ jsx7(
+                          !multiSelectMode && isMobileView && /* @__PURE__ */ jsx8(
                             Button4,
                             {
                               variant: "contained",
@@ -7821,7 +7783,7 @@ var MemoryModal = ({ open, onClose }) => {
                               children: "Save"
                             }
                           ),
-                          /* @__PURE__ */ jsx7(
+                          /* @__PURE__ */ jsx8(
                             IconButton6,
                             {
                               onClick: onClose,
@@ -7831,7 +7793,7 @@ var MemoryModal = ({ open, onClose }) => {
                                 borderRadius: 2
                               },
                               size: "small",
-                              children: /* @__PURE__ */ jsx7(CloseIcon, { fontSize: "small" })
+                              children: /* @__PURE__ */ jsx8(CloseIcon, { fontSize: "small" })
                             }
                           )
                         ]
@@ -7840,8 +7802,8 @@ var MemoryModal = ({ open, onClose }) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs6(
-                Box7,
+              /* @__PURE__ */ jsxs7(
+                Box8,
                 {
                   sx: {
                     display: "flex",
@@ -7850,7 +7812,7 @@ var MemoryModal = ({ open, onClose }) => {
                     color: theme.palette.text.secondary
                   },
                   children: [
-                    /* @__PURE__ */ jsx7(
+                    /* @__PURE__ */ jsx8(
                       Typography5,
                       {
                         variant: "caption",
@@ -7866,7 +7828,7 @@ var MemoryModal = ({ open, onClose }) => {
                         children: shouldUseVectorForMemories ? "Cloud memory" : "Local memory"
                       }
                     ),
-                    filteredMemories.length > 0 && /* @__PURE__ */ jsxs6(
+                    filteredMemories.length > 0 && /* @__PURE__ */ jsxs7(
                       Typography5,
                       {
                         variant: "caption",
@@ -7892,7 +7854,7 @@ var MemoryModal = ({ open, onClose }) => {
             ]
           }
         ),
-        shouldUseVectorForMemories && /* @__PURE__ */ jsxs6(Box7, { sx: {
+        shouldUseVectorForMemories && /* @__PURE__ */ jsxs7(Box8, { sx: {
           flexShrink: 0,
           mx: isMobileView ? 1.5 : 2,
           mt: 1,
@@ -7906,7 +7868,7 @@ var MemoryModal = ({ open, onClose }) => {
           position: "relative",
           overflow: "hidden"
         }, children: [
-          /* @__PURE__ */ jsx7(Box7, { sx: {
+          /* @__PURE__ */ jsx8(Box8, { sx: {
             position: "absolute",
             top: 0,
             left: "-100%",
@@ -7915,7 +7877,7 @@ var MemoryModal = ({ open, onClose }) => {
             background: `linear-gradient(90deg, transparent, ${alpha3(theme.palette.primary.main, 0.1)}, transparent)`,
             animation: `${shimmer} 3s infinite`
           } }),
-          /* @__PURE__ */ jsx7(Box7, { sx: {
+          /* @__PURE__ */ jsx8(Box8, { sx: {
             width: 8,
             height: 8,
             borderRadius: "50%",
@@ -7923,15 +7885,15 @@ var MemoryModal = ({ open, onClose }) => {
             animation: `${pulse} 2s infinite`,
             zIndex: 1
           } }),
-          /* @__PURE__ */ jsx7(Typography5, { variant: "body2", sx: {
+          /* @__PURE__ */ jsx8(Typography5, { variant: "body2", sx: {
             color: theme.palette.primary.main,
             fontSize: "0.8rem",
             fontWeight: 500,
             zIndex: 1
           }, children: "Cloud memory \xB7 synced to your account" })
         ] }),
-        /* @__PURE__ */ jsxs6(Box7, { sx: { flexShrink: 0 }, children: [
-          /* @__PURE__ */ jsx7(Box7, { sx: { px: isMobileView ? 1.5 : 2, py: isMobileView ? 1.25 : 1.5 }, children: /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsxs7(Box8, { sx: { flexShrink: 0 }, children: [
+          /* @__PURE__ */ jsx8(Box8, { sx: { px: isMobileView ? 1.5 : 2, py: isMobileView ? 1.25 : 1.5 }, children: /* @__PURE__ */ jsx8(
             Typography5,
             {
               variant: "body2",
@@ -7939,7 +7901,7 @@ var MemoryModal = ({ open, onClose }) => {
               children: shouldUseVectorForMemories ? "Synced to your account for quick recall." : "Private and local. You decide what's remembered."
             }
           ) }),
-          /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsxs7(
             Tabs,
             {
               value: selectedTab,
@@ -7960,12 +7922,12 @@ var MemoryModal = ({ open, onClose }) => {
                 }
               },
               children: [
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx8(
                   Tab,
                   {
-                    label: /* @__PURE__ */ jsxs6(Box7, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    label: /* @__PURE__ */ jsxs7(Box8, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                       "User",
-                      getUserMemoryCount() > 0 && /* @__PURE__ */ jsx7(Typography5, { variant: "caption", sx: {
+                      getUserMemoryCount() > 0 && /* @__PURE__ */ jsx8(Typography5, { variant: "caption", sx: {
                         bgcolor: alpha3(theme.palette.primary.main, 0.2),
                         color: theme.palette.primary.main,
                         px: 0.75,
@@ -7978,12 +7940,12 @@ var MemoryModal = ({ open, onClose }) => {
                     value: "user"
                   }
                 ),
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx8(
                   Tab,
                   {
-                    label: /* @__PURE__ */ jsxs6(Box7, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    label: /* @__PURE__ */ jsxs7(Box8, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                       "Auto",
-                      getAutoMemoryCount() > 0 && /* @__PURE__ */ jsx7(Typography5, { variant: "caption", sx: {
+                      getAutoMemoryCount() > 0 && /* @__PURE__ */ jsx8(Typography5, { variant: "caption", sx: {
                         bgcolor: alpha3(theme.palette.secondary.main, 0.2),
                         color: theme.palette.secondary.main,
                         px: 0.75,
@@ -8000,8 +7962,8 @@ var MemoryModal = ({ open, onClose }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx7(
-          Box7,
+        /* @__PURE__ */ jsx8(
+          Box8,
           {
             sx: {
               flexGrow: 1,
@@ -8009,7 +7971,7 @@ var MemoryModal = ({ open, onClose }) => {
               px: isMobileView ? 1.5 : 2,
               py: isMobileView ? 1 : 1
             },
-            children: filteredMemories.length === 0 ? /* @__PURE__ */ jsxs6(Box7, { sx: {
+            children: filteredMemories.length === 0 ? /* @__PURE__ */ jsxs7(Box8, { sx: {
               display: "flex",
               flexDirection: "column",
               alignItems: "center",
@@ -8017,7 +7979,7 @@ var MemoryModal = ({ open, onClose }) => {
               height: "200px",
               textAlign: "center"
             }, children: [
-              /* @__PURE__ */ jsxs6(Typography5, { variant: "h6", sx: {
+              /* @__PURE__ */ jsxs7(Typography5, { variant: "h6", sx: {
                 color: theme.palette.text.secondary,
                 mb: 1,
                 fontSize: "1.1rem"
@@ -8026,14 +7988,14 @@ var MemoryModal = ({ open, onClose }) => {
                 selectedTab,
                 " memories yet"
               ] }),
-              /* @__PURE__ */ jsx7(Typography5, { variant: "body2", sx: {
+              /* @__PURE__ */ jsx8(Typography5, { variant: "body2", sx: {
                 color: alpha3(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__ */ jsxs6(React7.Fragment, { children: [
-                /* @__PURE__ */ jsx7(List2, { sx: { listStyle: "none", pl: 0, m: 0 }, children: /* @__PURE__ */ jsxs6(
+              return /* @__PURE__ */ jsxs7(React7.Fragment, { children: [
+                /* @__PURE__ */ jsx8(List2, { sx: { listStyle: "none", pl: 0, m: 0 }, children: /* @__PURE__ */ jsxs7(
                   ListItem,
                   {
                     onClick: () => multiSelectMode && toggleSelection(memory.id),
@@ -8054,8 +8016,8 @@ var MemoryModal = ({ open, onClose }) => {
                       }
                     },
                     children: [
-                      /* @__PURE__ */ jsxs6(
-                        Box7,
+                      /* @__PURE__ */ jsxs7(
+                        Box8,
                         {
                           sx: {
                             display: "flex",
@@ -8064,7 +8026,7 @@ var MemoryModal = ({ open, onClose }) => {
                             gap: 1.5
                           },
                           children: [
-                            /* @__PURE__ */ jsx7(
+                            /* @__PURE__ */ jsx8(
                               Avatar3,
                               {
                                 src: "https://cdn.burtson.ai/images/brain-icon.png",
@@ -8077,7 +8039,7 @@ var MemoryModal = ({ open, onClose }) => {
                                   border: isVectorEnabled ? `2px solid ${alpha3(theme.palette.primary.main, 0.4)}` : `1px solid ${theme.palette.divider}`,
                                   position: "relative"
                                 },
-                                children: isVectorEnabled && /* @__PURE__ */ jsx7(Box7, { sx: {
+                                children: isVectorEnabled && /* @__PURE__ */ jsx8(Box8, { sx: {
                                   position: "absolute",
                                   top: -2,
                                   right: -2,
@@ -8094,7 +8056,7 @@ var MemoryModal = ({ open, onClose }) => {
                                 }, children: "\u26A1" })
                               }
                             ),
-                            editingId === memory.id ? /* @__PURE__ */ jsx7(
+                            editingId === memory.id ? /* @__PURE__ */ jsx8(
                               TextField2,
                               {
                                 fullWidth: true,
@@ -8141,8 +8103,8 @@ var MemoryModal = ({ open, onClose }) => {
                                 },
                                 helperText: "Press Cmd/Ctrl+Enter to save, Escape to cancel"
                               }
-                            ) : /* @__PURE__ */ jsxs6(Box7, { sx: { flex: 1 }, children: [
-                              /* @__PURE__ */ jsx7(
+                            ) : /* @__PURE__ */ jsxs7(Box8, { sx: { flex: 1 }, children: [
+                              /* @__PURE__ */ jsx8(
                                 Typography5,
                                 {
                                   sx: {
@@ -8164,7 +8126,7 @@ var MemoryModal = ({ open, onClose }) => {
                                   children: memory.content
                                 }
                               ),
-                              memory.pinned && /* @__PURE__ */ jsx7(Typography5, { variant: "caption", sx: {
+                              memory.pinned && /* @__PURE__ */ jsx8(Typography5, { variant: "caption", sx: {
                                 color: alpha3(theme.palette.secondary.main, 0.7),
                                 fontStyle: "italic",
                                 mt: 0.5,
@@ -8174,8 +8136,8 @@ var MemoryModal = ({ open, onClose }) => {
                           ]
                         }
                       ),
-                      !multiSelectMode && /* @__PURE__ */ jsxs6(Box7, { sx: { display: "flex", gap: 0.5, mt: 0.5 }, children: [
-                        /* @__PURE__ */ jsx7(Tooltip5, { title: memory.pinned ? "Unpin memory" : "Pin memory", children: /* @__PURE__ */ jsx7(
+                      !multiSelectMode && /* @__PURE__ */ jsxs7(Box8, { sx: { display: "flex", gap: 0.5, mt: 0.5 }, children: [
+                        /* @__PURE__ */ jsx8(Tooltip5, { title: memory.pinned ? "Unpin memory" : "Pin memory", children: /* @__PURE__ */ jsx8(
                           IconButton6,
                           {
                             onClick: async () => {
@@ -8208,10 +8170,10 @@ var MemoryModal = ({ open, onClose }) => {
                               }
                             },
                             size: "small",
-                            children: memory.pinned ? /* @__PURE__ */ jsx7(PushPinIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx7(PushPinOutlinedIcon, { fontSize: "small" })
+                            children: memory.pinned ? /* @__PURE__ */ jsx8(PushPinIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx8(PushPinOutlinedIcon, { fontSize: "small" })
                           }
                         ) }),
-                        /* @__PURE__ */ jsx7(Tooltip5, { title: "Delete memory", children: /* @__PURE__ */ jsx7(
+                        /* @__PURE__ */ jsx8(Tooltip5, { title: "Delete memory", children: /* @__PURE__ */ jsx8(
                           IconButton6,
                           {
                             onClick: async () => await handleDeleteMemory(memory.id),
@@ -8223,20 +8185,20 @@ var MemoryModal = ({ open, onClose }) => {
                               }
                             },
                             size: "small",
-                            children: /* @__PURE__ */ jsx7(DeleteIcon, { fontSize: "small" })
+                            children: /* @__PURE__ */ jsx8(DeleteIcon, { fontSize: "small" })
                           }
                         ) })
                       ] })
                     ]
                   }
                 ) }),
-                filteredMemories.indexOf(memory) < filteredMemories.length - 1 && /* @__PURE__ */ jsx7(Divider, { sx: { bgcolor: alpha3(appBar.border, 0.5), my: 0.5 } })
+                filteredMemories.indexOf(memory) < filteredMemories.length - 1 && /* @__PURE__ */ jsx8(Divider, { sx: { bgcolor: alpha3(appBar.border, 0.5), my: 0.5 } })
               ] }, memory.id);
             })
           }
         ),
-        multiSelectMode && /* @__PURE__ */ jsx7(
-          Box7,
+        multiSelectMode && /* @__PURE__ */ jsx8(
+          Box8,
           {
             sx: {
               p: isMobileView ? 1.5 : 2,
@@ -8244,12 +8206,12 @@ var MemoryModal = ({ open, onClose }) => {
               bgcolor: alpha3(theme.palette.error.main, 0.05),
               borderBottom: selectedIds.length > 0 ? `2px solid ${alpha3(theme.palette.error.main, 0.2)}` : void 0
             },
-            children: selectedIds.length === 0 ? /* @__PURE__ */ jsx7(Typography5, { variant: "body2", sx: {
+            children: selectedIds.length === 0 ? /* @__PURE__ */ jsx8(Typography5, { variant: "body2", sx: {
               textAlign: "center",
               color: theme.palette.text.secondary,
               fontStyle: "italic"
-            }, children: "Tap memories to select them for deletion" }) : /* @__PURE__ */ jsxs6(Box7, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [
-              /* @__PURE__ */ jsx7(
+            }, children: "Tap memories to select them for deletion" }) : /* @__PURE__ */ jsxs7(Box8, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [
+              /* @__PURE__ */ jsx8(
                 Button4,
                 {
                   variant: "outlined",
@@ -8265,7 +8227,7 @@ var MemoryModal = ({ open, onClose }) => {
                   children: "Select All"
                 }
               ),
-              /* @__PURE__ */ jsxs6(
+              /* @__PURE__ */ jsxs7(
                 Button4,
                 {
                   fullWidth: true,
@@ -8283,8 +8245,8 @@ var MemoryModal = ({ open, onClose }) => {
             ] })
           }
         ),
-        /* @__PURE__ */ jsxs6(
-          Box7,
+        /* @__PURE__ */ jsxs7(
+          Box8,
           {
             sx: {
               flexShrink: 0,
@@ -8294,7 +8256,7 @@ var MemoryModal = ({ open, onClose }) => {
               pb: `calc(env(safe-area-inset-bottom, 0px) + 8px)`
             },
             children: [
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx8(
                 TextField2,
                 {
                   fullWidth: true,
@@ -8340,7 +8302,7 @@ var MemoryModal = ({ open, onClose }) => {
                     mb: 1.5
                   },
                   InputProps: {
-                    endAdornment: newMemory.trim() && /* @__PURE__ */ jsx7(Typography5, { variant: "caption", sx: {
+                    endAdornment: newMemory.trim() && /* @__PURE__ */ jsx8(Typography5, { variant: "caption", sx: {
                       color: alpha3(theme.palette.text.secondary, 0.7),
                       fontSize: "0.7rem",
                       whiteSpace: "nowrap"
@@ -8348,7 +8310,7 @@ var MemoryModal = ({ open, onClose }) => {
                   }
                 }
               ),
-              !isMobileView && /* @__PURE__ */ jsx7(
+              !isMobileView && /* @__PURE__ */ jsx8(
                 Button4,
                 {
                   fullWidth: true,
@@ -8367,7 +8329,7 @@ var MemoryModal = ({ open, onClose }) => {
             ]
           }
         ),
-        /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs7(
           Dialog3,
           {
             open: confirmOpen,
@@ -8380,16 +8342,16 @@ var MemoryModal = ({ open, onClose }) => {
               sx: { borderRadius: 3, minWidth: 320 }
             },
             children: [
-              /* @__PURE__ */ jsxs6(DialogTitle2, { sx: { pb: 1 }, children: [
+              /* @__PURE__ */ jsxs7(DialogTitle2, { sx: { pb: 1 }, children: [
                 "Delete ",
                 selectedIds.length,
                 " ",
                 selectedIds.length === 1 ? "Memory" : "Memories",
                 "?"
               ] }),
-              /* @__PURE__ */ jsx7(DialogContent2, { children: /* @__PURE__ */ jsx7(Typography5, { variant: "body2", sx: { color: theme.palette.text.secondary }, children: "This will permanently remove the selected memory entries. This action cannot be undone." }) }),
-              /* @__PURE__ */ jsxs6(DialogActions2, { sx: { p: 3, pt: 1 }, children: [
-                /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx8(DialogContent2, { children: /* @__PURE__ */ jsx8(Typography5, { variant: "body2", sx: { color: theme.palette.text.secondary }, children: "This will permanently remove the selected memory entries. This action cannot be undone." }) }),
+              /* @__PURE__ */ jsxs7(DialogActions2, { sx: { p: 3, pt: 1 }, children: [
+                /* @__PURE__ */ jsx8(
                   Button4,
                   {
                     onClick: () => setConfirmOpen(false),
@@ -8397,7 +8359,7 @@ var MemoryModal = ({ open, onClose }) => {
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ jsxs6(
+                /* @__PURE__ */ jsxs7(
                   Button4,
                   {
                     onClick: handleMultiDelete,
@@ -8415,7 +8377,7 @@ var MemoryModal = ({ open, onClose }) => {
             ]
           }
         ),
-        /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs7(
           Dialog3,
           {
             open: clearAllOpen,
@@ -8428,23 +8390,23 @@ var MemoryModal = ({ open, onClose }) => {
               sx: { borderRadius: 3, minWidth: 320 }
             },
             children: [
-              /* @__PURE__ */ jsx7(DialogTitle2, { sx: { pb: 1, fontWeight: 600 }, children: "Clear Memories" }),
-              /* @__PURE__ */ jsxs6(DialogContent2, { sx: { pb: 2 }, children: [
-                /* @__PURE__ */ jsx7(Typography5, { variant: "body2", sx: { mb: 3, color: theme.palette.text.secondary }, children: "This will permanently remove selected memory types. Choose which ones to clear:" }),
-                /* @__PURE__ */ jsx7(FormControl2, { component: "fieldset", children: /* @__PURE__ */ jsxs6(
+              /* @__PURE__ */ jsx8(DialogTitle2, { sx: { pb: 1, fontWeight: 600 }, children: "Clear Memories" }),
+              /* @__PURE__ */ jsxs7(DialogContent2, { sx: { pb: 2 }, children: [
+                /* @__PURE__ */ jsx8(Typography5, { variant: "body2", sx: { mb: 3, color: theme.palette.text.secondary }, children: "This will permanently remove selected memory types. Choose which ones to clear:" }),
+                /* @__PURE__ */ jsx8(FormControl2, { component: "fieldset", children: /* @__PURE__ */ jsxs7(
                   RadioGroup,
                   {
                     value: clearOption,
                     onChange: (e) => setClearOption(e.target.value),
                     children: [
-                      /* @__PURE__ */ jsx7(
+                      /* @__PURE__ */ jsx8(
                         FormControlLabel,
                         {
                           value: "user",
-                          control: /* @__PURE__ */ jsx7(Radio, {}),
-                          label: /* @__PURE__ */ jsxs6(Box7, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                            /* @__PURE__ */ jsx7(Typography5, { children: "User Memories" }),
-                            /* @__PURE__ */ jsx7(Typography5, { variant: "caption", sx: {
+                          control: /* @__PURE__ */ jsx8(Radio, {}),
+                          label: /* @__PURE__ */ jsxs7(Box8, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                            /* @__PURE__ */ jsx8(Typography5, { children: "User Memories" }),
+                            /* @__PURE__ */ jsx8(Typography5, { variant: "caption", sx: {
                               bgcolor: alpha3(theme.palette.primary.main, 0.1),
                               color: theme.palette.primary.main,
                               px: 1,
@@ -8455,14 +8417,14 @@ var MemoryModal = ({ open, onClose }) => {
                           ] })
                         }
                       ),
-                      /* @__PURE__ */ jsx7(
+                      /* @__PURE__ */ jsx8(
                         FormControlLabel,
                         {
                           value: "auto",
-                          control: /* @__PURE__ */ jsx7(Radio, {}),
-                          label: /* @__PURE__ */ jsxs6(Box7, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                            /* @__PURE__ */ jsx7(Typography5, { children: "Auto Memories" }),
-                            /* @__PURE__ */ jsx7(Typography5, { variant: "caption", sx: {
+                          control: /* @__PURE__ */ jsx8(Radio, {}),
+                          label: /* @__PURE__ */ jsxs7(Box8, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                            /* @__PURE__ */ jsx8(Typography5, { children: "Auto Memories" }),
+                            /* @__PURE__ */ jsx8(Typography5, { variant: "caption", sx: {
                               bgcolor: alpha3(theme.palette.secondary.main, 0.1),
                               color: theme.palette.secondary.main,
                               px: 1,
@@ -8473,14 +8435,14 @@ var MemoryModal = ({ open, onClose }) => {
                           ] })
                         }
                       ),
-                      /* @__PURE__ */ jsx7(
+                      /* @__PURE__ */ jsx8(
                         FormControlLabel,
                         {
                           value: "both",
-                          control: /* @__PURE__ */ jsx7(Radio, {}),
-                          label: /* @__PURE__ */ jsxs6(Box7, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                            /* @__PURE__ */ jsx7(Typography5, { children: "Both Types" }),
-                            /* @__PURE__ */ jsx7(Typography5, { variant: "caption", sx: {
+                          control: /* @__PURE__ */ jsx8(Radio, {}),
+                          label: /* @__PURE__ */ jsxs7(Box8, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                            /* @__PURE__ */ jsx8(Typography5, { children: "Both Types" }),
+                            /* @__PURE__ */ jsx8(Typography5, { variant: "caption", sx: {
                               bgcolor: alpha3(theme.palette.error.main, 0.1),
                               color: theme.palette.error.main,
                               px: 1,
@@ -8495,8 +8457,8 @@ var MemoryModal = ({ open, onClose }) => {
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsxs6(DialogActions2, { sx: { p: 3, pt: 1 }, children: [
-                /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsxs7(DialogActions2, { sx: { p: 3, pt: 1 }, children: [
+                /* @__PURE__ */ jsx8(
                   Button4,
                   {
                     onClick: () => setClearAllOpen(false),
@@ -8504,7 +8466,7 @@ var MemoryModal = ({ open, onClose }) => {
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ jsxs6(
+                /* @__PURE__ */ jsxs7(
                   Button4,
                   {
                     color: "error",
@@ -8522,7 +8484,7 @@ var MemoryModal = ({ open, onClose }) => {
             ]
           }
         ),
-        /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs7(
           Dialog3,
           {
             open: bulkImportOpen,
@@ -8533,30 +8495,30 @@ var MemoryModal = ({ open, onClose }) => {
               sx: { borderRadius: 3 }
             },
             children: [
-              /* @__PURE__ */ jsxs6(DialogTitle2, { sx: {
+              /* @__PURE__ */ jsxs7(DialogTitle2, { sx: {
                 fontWeight: 600,
                 pb: 1,
                 display: "flex",
                 alignItems: "center",
                 gap: 1
               }, children: [
-                /* @__PURE__ */ jsx7(CloudSyncIcon, { color: "primary" }),
+                /* @__PURE__ */ jsx8(CloudSyncIcon, { color: "primary" }),
                 "Import Memories to Secure Workspace"
               ] }),
-              /* @__PURE__ */ jsx7(DialogContent2, { sx: { py: 2 }, children: !importProgress.isImporting ? /* @__PURE__ */ jsxs6(Box7, { children: [
-                /* @__PURE__ */ jsxs6(Typography5, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: [
+              /* @__PURE__ */ jsx8(DialogContent2, { sx: { py: 2 }, children: !importProgress.isImporting ? /* @__PURE__ */ jsxs7(Box8, { children: [
+                /* @__PURE__ */ jsxs7(Typography5, { 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__ */ jsx7(Typography5, { 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__ */ jsxs6(Typography5, { variant: "body2", color: "primary", sx: { fontWeight: 500 }, children: [
+                /* @__PURE__ */ jsx8(Typography5, { 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__ */ jsxs7(Typography5, { variant: "body2", color: "primary", sx: { fontWeight: 500 }, children: [
                   "Ready to import ",
                   entries.length,
                   " memories?"
                 ] })
-              ] }) : /* @__PURE__ */ jsxs6(Box7, { sx: { textAlign: "center", py: 2 }, children: [
-                /* @__PURE__ */ jsx7(
+              ] }) : /* @__PURE__ */ jsxs7(Box8, { sx: { textAlign: "center", py: 2 }, children: [
+                /* @__PURE__ */ jsx8(
                   CloudSyncIcon,
                   {
                     sx: {
@@ -8567,9 +8529,9 @@ var MemoryModal = ({ open, onClose }) => {
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx7(Typography5, { variant: "body1", sx: { mb: 1 }, children: importProgress.progress }),
-                importProgress.result && /* @__PURE__ */ jsxs6(Fragment5, { children: [
-                  /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx8(Typography5, { variant: "body1", sx: { mb: 1 }, children: importProgress.progress }),
+                importProgress.result && /* @__PURE__ */ jsxs7(Fragment5, { children: [
+                  /* @__PURE__ */ jsx8(
                     Typography5,
                     {
                       variant: "body2",
@@ -8578,7 +8540,7 @@ var MemoryModal = ({ open, onClose }) => {
                       children: importProgress.result.message
                     }
                   ),
-                  importProgress.result.details && /* @__PURE__ */ jsxs6(Box7, { sx: {
+                  importProgress.result.details && /* @__PURE__ */ jsxs7(Box8, { sx: {
                     textAlign: "left",
                     backgroundColor: "background.paper",
                     border: 1,
@@ -8587,33 +8549,33 @@ var MemoryModal = ({ open, onClose }) => {
                     p: 2,
                     mt: 2
                   }, children: [
-                    /* @__PURE__ */ jsx7(Typography5, { variant: "caption", color: "text.secondary", sx: { display: "block", mb: 1 }, children: "Import Details:" }),
-                    /* @__PURE__ */ jsxs6(Typography5, { variant: "body2", sx: { mb: 0.5 }, children: [
+                    /* @__PURE__ */ jsx8(Typography5, { variant: "caption", color: "text.secondary", sx: { display: "block", mb: 1 }, children: "Import Details:" }),
+                    /* @__PURE__ */ jsxs7(Typography5, { variant: "body2", sx: { mb: 0.5 }, children: [
                       "\u2022 Total: ",
                       importProgress.result.details.totalMemories,
                       " memories"
                     ] }),
-                    /* @__PURE__ */ jsxs6(Typography5, { variant: "body2", sx: { mb: 0.5 }, children: [
+                    /* @__PURE__ */ jsxs7(Typography5, { variant: "body2", sx: { mb: 0.5 }, children: [
                       "\u2022 Success: ",
                       importProgress.result.details.successCount
                     ] }),
-                    /* @__PURE__ */ jsxs6(Typography5, { variant: "body2", sx: { mb: 0.5 }, children: [
+                    /* @__PURE__ */ jsxs7(Typography5, { variant: "body2", sx: { mb: 0.5 }, children: [
                       "\u2022 Failed: ",
                       importProgress.result.details.failureCount
                     ] }),
-                    /* @__PURE__ */ jsxs6(Typography5, { variant: "body2", sx: { mb: 0.5 }, children: [
+                    /* @__PURE__ */ jsxs7(Typography5, { variant: "body2", sx: { mb: 0.5 }, children: [
                       "\u2022 Duration: ",
                       importProgress.result.details.duration
                     ] }),
-                    importProgress.result.details.warnings && importProgress.result.details.warnings.length > 0 && /* @__PURE__ */ jsxs6(Typography5, { variant: "body2", color: "warning.main", sx: { mt: 1 }, children: [
+                    importProgress.result.details.warnings && importProgress.result.details.warnings.length > 0 && /* @__PURE__ */ jsxs7(Typography5, { variant: "body2", color: "warning.main", sx: { mt: 1 }, children: [
                       "\u26A0\uFE0F ",
                       importProgress.result.details.warnings.join(", ")
                     ] })
                   ] })
                 ] })
               ] }) }),
-              /* @__PURE__ */ jsxs6(DialogActions2, { sx: { p: 3, pt: 1 }, children: [
-                /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsxs7(DialogActions2, { sx: { p: 3, pt: 1 }, children: [
+                /* @__PURE__ */ jsx8(
                   Button4,
                   {
                     onClick: () => {
@@ -8625,13 +8587,13 @@ var MemoryModal = ({ open, onClose }) => {
                     children: importProgress.isImporting ? "Importing..." : "Cancel"
                   }
                 ),
-                !importProgress.isImporting && !importProgress.result && /* @__PURE__ */ jsxs6(
+                !importProgress.isImporting && !importProgress.result && /* @__PURE__ */ jsxs7(
                   Button4,
                   {
                     color: "primary",
                     variant: "contained",
                     onClick: handleBulkImport,
-                    startIcon: /* @__PURE__ */ jsx7(CloudSyncIcon, {}),
+                    startIcon: /* @__PURE__ */ jsx8(CloudSyncIcon, {}),
                     sx: { textTransform: "none", borderRadius: 3 },
                     children: [
                       "Import ",
@@ -8648,7 +8610,7 @@ var MemoryModal = ({ open, onClose }) => {
     }
   );
   if (isMobileView) {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8(
       SwipeableDrawer,
       {
         anchor: "bottom",
@@ -8673,7 +8635,7 @@ var MemoryModal = ({ open, onClose }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     Modal2,
     {
       open,
@@ -8696,6 +8658,7 @@ export {
   useCanvasStore,
   getHighlightTree,
   markdownSanitizeSchema,
+  MarkdownImage,
   renderLowlightChildren,
   AddIcon,
   GhostIcon,
@@ -8806,4 +8769,4 @@ export {
   themeMap_default,
   useNotificationService
 };
-//# sourceMappingURL=chunk-RN7FRSMX.mjs.map
+//# sourceMappingURL=chunk-GZDJNVAS.mjs.map