@burtson-labs/bandit-engine 2.0.80 → 2.0.82

package/dist/{chunk-VDVXUEP2.mjs → chunk-NB3N4BKW.mjs}

@@ -84,7 +84,7 @@ import {
 } from "./chunk-KCI46M23.mjs";
 
 // src/chat/chat.tsx
-import { useCallback as useCallback6, useEffect as useEffect15, useLayoutEffect, useMemo as useMemo3, useRef as useRef13, useState as useState15 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect15, useLayoutEffect, useMemo as useMemo4, useRef as useRef13, useState as useState16 } from "react";
 
 // src/chat/custom-logo.tsx
 import React, { useEffect } from "react";
@@ -171,7 +171,7 @@ var Logo = ({ visible, atTop = false }) => {
 var custom_logo_default = Logo;
 
 // src/chat/chat.tsx
-import { Box as Box15, ThemeProvider, CssBaseline, CircularProgress as CircularProgress4, Typography as Typography11 } from "@mui/material";
+import { Box as Box16, ThemeProvider, CssBaseline, CircularProgress as CircularProgress4, Typography as Typography11 } from "@mui/material";
 import { createTheme } from "@mui/material/styles";
 import { Navigate } from "react-router-dom";
 
@@ -248,8 +248,122 @@ var BanditChatLogo = ({ atTop = false, visible = false }) => {
 var bandit_chat_logo_default = BanditChatLogo;
 
 // src/chat/chat-messages.tsx
-import { Box as Box2 } from "@mui/material";
+import { Box as Box3 } from "@mui/material";
+
+// src/chat/source-chips.tsx
+import { useMemo, useState as useState2 } from "react";
+import { Box as Box2, Tooltip } from "@mui/material";
 import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var parseWebSources = (content) => {
+  if (!content) return [];
+  const idx = content.lastIndexOf("**Sources**");
+  if (idx === -1) return [];
+  const section = content.slice(idx);
+  const out = [];
+  const re = /^\s*[-*]\s*\[([^\]]+)\]\(([^)\s]+)\)/gm;
+  let m;
+  while ((m = re.exec(section)) !== null) {
+    const url = m[2].trim();
+    if (/^https?:\/\//i.test(url)) {
+      out.push({ title: m[1].trim(), url });
+    }
+  }
+  const seen = /* @__PURE__ */ new Set();
+  return out.filter((s) => seen.has(s.url) ? false : (seen.add(s.url), true));
+};
+var domainOf = (url) => {
+  try {
+    return new URL(url).hostname.replace(/^www\./, "");
+  } catch {
+    return url;
+  }
+};
+var SourceChip = ({ source }) => {
+  const [failed, setFailed] = useState2(false);
+  const domain = domainOf(source.url);
+  const label = source.title?.trim() || domain;
+  return /* @__PURE__ */ jsx4(Tooltip, { title: `${label} \xB7 ${domain}`, arrow: true, children: /* @__PURE__ */ jsxs(
+    Box2,
+    {
+      component: "a",
+      href: source.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 0.75,
+        maxWidth: 240,
+        px: 1,
+        py: 0.4,
+        borderRadius: 999,
+        border: "1px solid",
+        borderColor: "divider",
+        bgcolor: "action.hover",
+        textDecoration: "none",
+        color: "text.primary",
+        fontSize: 12.5,
+        lineHeight: 1.4,
+        transition: "border-color 0.15s ease, background-color 0.15s ease",
+        "&:hover": { borderColor: "primary.main", bgcolor: "action.selected" }
+      },
+      children: [
+        failed ? /* @__PURE__ */ jsx4(
+          Box2,
+          {
+            sx: {
+              width: 16,
+              height: 16,
+              borderRadius: "4px",
+              bgcolor: "primary.main",
+              color: "primary.contrastText",
+              display: "grid",
+              placeItems: "center",
+              fontSize: 9,
+              fontWeight: 700,
+              flexShrink: 0
+            },
+            children: domain.charAt(0).toUpperCase()
+          }
+        ) : /* @__PURE__ */ jsx4(
+          Box2,
+          {
+            component: "img",
+            src: `https://icons.duckduckgo.com/ip3/${domain}.ico`,
+            alt: "",
+            loading: "lazy",
+            onError: () => setFailed(true),
+            sx: { width: 16, height: 16, borderRadius: "4px", flexShrink: 0 }
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          Box2,
+          {
+            component: "span",
+            sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
+            children: label
+          }
+        )
+      ]
+    }
+  ) });
+};
+var SourceChips = ({ content }) => {
+  const sources = useMemo(() => parseWebSources(content), [content]);
+  if (sources.length === 0) return null;
+  return /* @__PURE__ */ jsx4(
+    Box2,
+    {
+      sx: { display: "flex", flexWrap: "wrap", gap: 0.75, mt: 1.5 },
+      "aria-label": "Sources",
+      children: sources.map((s, i) => /* @__PURE__ */ jsx4(SourceChip, { source: s }, `${s.url}-${i}`))
+    }
+  );
+};
+var source_chips_default = SourceChips;
+
+// src/chat/chat-messages.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var ChatMessages = ({
   pendingMessage,
   streamBuffer,
@@ -269,7 +383,7 @@ var ChatMessages = ({
   const lastIndex = history.length - 1;
   const hasActivePlaceholder = lastIndex >= 0 && history[lastIndex]?.answer === "...";
   if (!responseStarted && !pendingMessage && history.length === 0) return null;
-  return /* @__PURE__ */ jsxs(Box2, { sx: { px: isMobile ? 0 : 0, pt: "100px", display: "flex", flexDirection: "column", gap: 2 }, children: [
+  return /* @__PURE__ */ jsxs2(Box3, { sx: { px: isMobile ? 0 : 0, pt: "100px", display: "flex", flexDirection: "column", gap: 2 }, children: [
     history.map((entry, index) => {
       const isLast = index === lastIndex;
       const isPlaceholder = entry.answer === "...";
@@ -278,8 +392,8 @@ var ChatMessages = ({
       const content = isLast ? isStreaming ? streamBuffer || "" : isPlaceholder ? "" : entry.answer : entry.answer;
       const rawSources = entry.sourceFiles;
       const sourceSummaries = rawSources ? rawSources.filter((doc) => doc && typeof doc.name === "string" && doc.name.trim()).map((doc) => ({ id: doc.id || doc.name, name: doc.name.trim() })) : void 0;
-      const responseNode = /* @__PURE__ */ jsxs(
-        Box2,
+      const responseNode = /* @__PURE__ */ jsxs2(
+        Box3,
         {
           sx: {
             minHeight: isLast ? isMobile ? "80px" : "60px" : void 0,
@@ -288,8 +402,8 @@ var ChatMessages = ({
             transition: "min-height 0.25s cubic-bezier(0.4, 0, 0.2, 1)"
           },
           children: [
-            /* @__PURE__ */ jsx4(
-              Box2,
+            /* @__PURE__ */ jsx5(
+              Box3,
               {
                 sx: {
                   position: showLoader ? "static" : "absolute",
@@ -302,14 +416,14 @@ var ChatMessages = ({
                   pointerEvents: showLoader ? "auto" : "none",
                   zIndex: showLoader ? 1 : 0
                 },
-                children: /* @__PURE__ */ jsxs(Box2, { sx: { display: "flex", alignItems: "center", gap: 1, minHeight: "40px", pl: 2 }, children: [
-                  /* @__PURE__ */ jsxs("div", { className: "typing-only", children: [
-                    /* @__PURE__ */ jsx4("span", { className: "dot" }),
-                    /* @__PURE__ */ jsx4("span", { className: "dot" }),
-                    /* @__PURE__ */ jsx4("span", { className: "dot" })
+                children: /* @__PURE__ */ jsxs2(Box3, { sx: { display: "flex", alignItems: "center", gap: 1, minHeight: "40px", pl: 2 }, children: [
+                  /* @__PURE__ */ jsxs2("div", { className: "typing-only", children: [
+                    /* @__PURE__ */ jsx5("span", { className: "dot" }),
+                    /* @__PURE__ */ jsx5("span", { className: "dot" }),
+                    /* @__PURE__ */ jsx5("span", { className: "dot" })
                   ] }),
-                  showThinking && /* @__PURE__ */ jsx4(
-                    Box2,
+                  showThinking && /* @__PURE__ */ jsx5(
+                    Box3,
                     {
                       component: "span",
                       sx: {
@@ -325,8 +439,8 @@ var ChatMessages = ({
                 ] })
               }
             ),
-            /* @__PURE__ */ jsx4(
-              Box2,
+            /* @__PURE__ */ jsxs2(
+              Box3,
               {
                 sx: {
                   position: showLoader ? "absolute" : "static",
@@ -339,20 +453,23 @@ var ChatMessages = ({
                   pointerEvents: showLoader ? "none" : "auto",
                   zIndex: 1
                 },
-                children: /* @__PURE__ */ jsx4(
-                  StreamingMarkdown_default,
-                  {
-                    content,
-                    isStreaming: isStreaming && isLast,
-                    sources: sourceSummaries
-                  }
-                )
+                children: [
+                  /* @__PURE__ */ jsx5(
+                    StreamingMarkdown_default,
+                    {
+                      content,
+                      isStreaming: isStreaming && isLast,
+                      sources: sourceSummaries
+                    }
+                  ),
+                  /* @__PURE__ */ jsx5(source_chips_default, { content })
+                ]
               }
             )
           ]
         }
       );
-      return /* @__PURE__ */ jsx4(Box2, { children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5(Box3, { children: /* @__PURE__ */ jsx5(
         ai_response_text_field_default,
         {
           question: entry.question,
@@ -367,17 +484,17 @@ var ChatMessages = ({
         }
       ) }, index);
     }),
-    /* @__PURE__ */ jsx4("div", { style: { height: "1px" }, ref: scrollTargetRef })
+    /* @__PURE__ */ jsx5("div", { style: { height: "1px" }, ref: scrollTargetRef })
   ] });
 };
 var chat_messages_default = ChatMessages;
 
 // src/chat/chat-input.tsx
-import { useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
-import { Box as Box3, TextField, IconButton as IconButton3, Tooltip, Avatar as Avatar2, Typography, CircularProgress as CircularProgress2, Collapse } from "@mui/material";
+import { useEffect as useEffect3, useRef as useRef2, useState as useState4 } from "react";
+import { Box as Box4, TextField, IconButton as IconButton3, Tooltip as Tooltip2, Avatar as Avatar2, Typography, CircularProgress as CircularProgress2, Collapse } from "@mui/material";
 
 // src/services/stt/transcriber.tsx
-import { useState as useState2, useRef } from "react";
+import { useState as useState3, useRef } from "react";
 
 // src/services/stt/sound-recorder.service.ts
 import { first, from, fromEvent, map, shareReplay, switchMap } from "rxjs";
@@ -523,7 +640,7 @@ var STTClient = class {
 // src/services/stt/transcriber.tsx
 import { CircularProgress, IconButton as IconButton2, useTheme as useTheme3 } from "@mui/material";
 import { from as from2, Subscription, switchMap as switchMap2 } from "rxjs";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var initialButtonStyles = (badgeBackground, fileText, hoverBadgeBackground) => ({
   bgcolor: badgeBackground,
   color: fileText,
@@ -537,10 +654,10 @@ var Transcriber = ({ onTranscriptionCompleted }) => {
   const badgeBackground = theme.palette.chat.badge;
   const fileText = theme.palette.chat.fileText;
   const hoverBadgeBackground = theme.palette.chat.badgeHover;
-  const [status, setStatus] = useState2("IDLE");
+  const [status, setStatus] = useState3("IDLE");
   const recorderRef = useRef(new SoundRecorderService());
-  const [iconButtonStyles] = useState2(() => initialButtonStyles(badgeBackground, fileText, hoverBadgeBackground));
-  const [recordingSub, setRecordingSub] = useState2(() => new Subscription());
+  const [iconButtonStyles] = useState3(() => initialButtonStyles(badgeBackground, fileText, hoverBadgeBackground));
+  const [recordingSub, setRecordingSub] = useState3(() => new Subscription());
   const start = () => {
     recordingSub.unsubscribe();
     const recording = recorderRef.current.start();
@@ -571,7 +688,7 @@ var Transcriber = ({ onTranscriptionCompleted }) => {
     setStatus("LOADING");
     stop();
   };
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       style: {
@@ -581,16 +698,16 @@ var Transcriber = ({ onTranscriptionCompleted }) => {
         backgroundColor: status === "RECORDING" ? "rgba(0,0,0,.3)" : "rgba(0,0,0,0)",
         borderRadius: "50px"
       },
-      children: status === "IDLE" ? /* @__PURE__ */ jsx5(IconButton2, { sx: { ...iconButtonStyles }, onClick: handleRecordClick, children: /* @__PURE__ */ jsx5(MicIcon, { sx: { color: "#aaa", cursor: "pointer" } }) }) : status === "RECORDING" ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-        /* @__PURE__ */ jsx5(
+      children: status === "IDLE" ? /* @__PURE__ */ jsx6(IconButton2, { sx: { ...iconButtonStyles }, onClick: handleRecordClick, children: /* @__PURE__ */ jsx6(MicIcon, { sx: { color: "#aaa", cursor: "pointer" } }) }) : status === "RECORDING" ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        /* @__PURE__ */ jsx6(
           IconButton2,
           {
             onClick: handleCancelClick,
             sx: { ...iconButtonStyles, marginRight: 1 },
-            children: /* @__PURE__ */ jsx5(CloseIcon, {})
+            children: /* @__PURE__ */ jsx6(CloseIcon, {})
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(
           IconButton2,
           {
             sx: {
@@ -598,10 +715,10 @@ var Transcriber = ({ onTranscriptionCompleted }) => {
               filter: "invert(110%)"
             },
             onClick: handleSubmitClick,
-            children: /* @__PURE__ */ jsx5(CheckIcon, {})
+            children: /* @__PURE__ */ jsx6(CheckIcon, {})
           }
         )
-      ] }) : status === "LOADING" ? /* @__PURE__ */ jsx5(IconButton2, { sx: { ...iconButtonStyles }, children: /* @__PURE__ */ jsx5(CircularProgress, { size: 20 }) }) : null
+      ] }) : status === "LOADING" ? /* @__PURE__ */ jsx6(IconButton2, { sx: { ...iconButtonStyles }, children: /* @__PURE__ */ jsx6(CircularProgress, { size: 20 }) }) : null
     }
   );
 };
@@ -647,7 +764,7 @@ var useVoiceModeStore = create((set) => ({
 
 // src/chat/chat-input.tsx
 import { shallow } from "zustand/shallow";
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var ChatInput = (props) => {
   const {
     inputValue,
@@ -690,13 +807,13 @@ var ChatInput = (props) => {
     }),
     shallow
   );
-  const [memoryOpen, setMemoryOpen] = useState3(false);
-  const [fileInputs, setFileInputs] = useState3([]);
+  const [memoryOpen, setMemoryOpen] = useState4(false);
+  const [fileInputs, setFileInputs] = useState4([]);
   const fileInputRef = useRef2(null);
-  const [brandingText, setBrandingText] = useState3("");
-  const [feedbackModalOpen, setFeedbackModalOpen] = useState3(false);
-  const [isKeyboardOpen, setKeyboardOpen] = useState3(false);
-  const [moreActionsOpen, setMoreActionsOpen] = useState3(false);
+  const [brandingText, setBrandingText] = useState4("");
+  const [feedbackModalOpen, setFeedbackModalOpen] = useState4(false);
+  const [isKeyboardOpen, setKeyboardOpen] = useState4(false);
+  const [moreActionsOpen, setMoreActionsOpen] = useState4(false);
   const compactMobile = isMobile;
   const primaryIconSize = isMobile ? 32 : 40;
   const sendIconSize = isMobile ? 36 : 44;
@@ -944,7 +1061,7 @@ ${sanitize(
   }, [isMobile, hasSecondaryActions]);
   const renderAttachmentButton = (key) => {
     if (!hasAttachmentAction) return null;
-    return /* @__PURE__ */ jsx6(Tooltip, { title: "Attach files or images", children: /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx7(Tooltip2, { title: "Attach files or images", children: /* @__PURE__ */ jsx7(
       IconButton3,
       {
         onClick: () => fileInputRef.current?.click(),
@@ -962,7 +1079,7 @@ ${sanitize(
   };
   const renderMemoryButton = (key) => {
     if (!hasMemoryAction) return null;
-    return /* @__PURE__ */ jsx6(Tooltip, { title: "Memory", children: /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx7(Tooltip2, { title: "Memory", children: /* @__PURE__ */ jsx7(
       IconButton3,
       {
         onClick: () => setMemoryOpen(true),
@@ -974,13 +1091,13 @@ ${sanitize(
           borderRadius: "50%",
           "&:hover": { bgcolor: hoverBadgeBackground }
         },
-        children: /* @__PURE__ */ jsx6(PsychologyIcon, { fontSize: "small" })
+        children: /* @__PURE__ */ jsx7(PsychologyIcon, { fontSize: "small" })
       }
     ) }, key ?? "memory");
   };
   const renderFeedbackButton = (key) => {
     if (!hasFeedbackAction) return null;
-    return /* @__PURE__ */ jsx6(Tooltip, { title: "Send Feedback", children: /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx7(Tooltip2, { title: "Send Feedback", children: /* @__PURE__ */ jsx7(
       IconButton3,
       {
         onClick: () => setFeedbackModalOpen(true),
@@ -992,17 +1109,17 @@ ${sanitize(
           borderRadius: "50%",
           "&:hover": { bgcolor: hoverBadgeBackground }
         },
-        children: /* @__PURE__ */ jsx6(FeedbackIcon, { fontSize: "small" })
+        children: /* @__PURE__ */ jsx7(FeedbackIcon, { fontSize: "small" })
       }
     ) }, key ?? "feedback");
   };
   const renderSttButton = (key) => {
     if (!hasSttAction) return null;
-    return /* @__PURE__ */ jsx6(Box3, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx6(transcriber_default, { onTranscriptionCompleted: handleTranscriptionCompleted }) }, key ?? "stt");
+    return /* @__PURE__ */ jsx7(Box4, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx7(transcriber_default, { onTranscriptionCompleted: handleTranscriptionCompleted }) }, key ?? "stt");
   };
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    /* @__PURE__ */ jsxs3(
-      Box3,
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsxs4(
+      Box4,
       {
         sx: {
           width: "100%",
@@ -1021,8 +1138,8 @@ ${sanitize(
         },
         ref: inputContainerRef,
         children: [
-          /* @__PURE__ */ jsxs3(
-            Box3,
+          /* @__PURE__ */ jsxs4(
+            Box4,
             {
               sx: {
                 width: "100%",
@@ -1037,8 +1154,8 @@ ${sanitize(
                 gap: isMobile ? compactMobile ? 0.75 : 1 : 1
               },
               children: [
-                /* @__PURE__ */ jsxs3(
-                  Box3,
+                /* @__PURE__ */ jsxs4(
+                  Box4,
                   {
                     sx: {
                       display: "flex",
@@ -1048,8 +1165,8 @@ ${sanitize(
                       flexDirection: "row"
                     },
                     children: [
-                      fileInputs.map((file, idx) => /* @__PURE__ */ jsxs3(
-                        Box3,
+                      fileInputs.map((file, idx) => /* @__PURE__ */ jsxs4(
+                        Box4,
                         {
                           sx: {
                             position: "relative",
@@ -1062,7 +1179,7 @@ ${sanitize(
                             gap: isMobile ? compactMobile ? 0.6 : 0.9 : 1
                           },
                           children: [
-                            /* @__PURE__ */ jsx6(
+                            /* @__PURE__ */ jsx7(
                               Avatar2,
                               {
                                 sx: {
@@ -1076,22 +1193,22 @@ ${sanitize(
                                 children: getFileIcon(file.name)
                               }
                             ),
-                            /* @__PURE__ */ jsx6(Typography, { variant: "caption", sx: { color: fileText }, children: file.name }),
-                            /* @__PURE__ */ jsx6(
+                            /* @__PURE__ */ jsx7(Typography, { variant: "caption", sx: { color: fileText }, children: file.name }),
+                            /* @__PURE__ */ jsx7(
                               IconButton3,
                               {
                                 size: "small",
                                 onClick: () => setFileInputs((prev) => prev.filter((_, i) => i !== idx)),
                                 sx: { ml: 0.5, color: theme.palette.mode === "dark" ? "#aaa" : "#444" },
-                                children: /* @__PURE__ */ jsx6(CloseIcon, { sx: { fontSize: 14 } })
+                                children: /* @__PURE__ */ jsx7(CloseIcon, { sx: { fontSize: 14 } })
                               }
                             )
                           ]
                         },
                         idx
                       )),
-                      pastedImages.map((img, idx) => /* @__PURE__ */ jsxs3(Box3, { sx: { position: "relative" }, children: [
-                        /* @__PURE__ */ jsx6(
+                      pastedImages.map((img, idx) => /* @__PURE__ */ jsxs4(Box4, { sx: { position: "relative" }, children: [
+                        /* @__PURE__ */ jsx7(
                           Avatar2,
                           {
                             src: img,
@@ -1103,7 +1220,7 @@ ${sanitize(
                             }
                           }
                         ),
-                        /* @__PURE__ */ jsx6(
+                        /* @__PURE__ */ jsx7(
                           IconButton3,
                           {
                             size: "small",
@@ -1120,7 +1237,7 @@ ${sanitize(
                                 bgcolor: "rgba(255, 5, 5, 0.85)"
                               }
                             },
-                            children: /* @__PURE__ */ jsx6(
+                            children: /* @__PURE__ */ jsx7(
                               CloseIcon,
                               {
                                 sx: {
@@ -1132,7 +1249,7 @@ ${sanitize(
                           }
                         )
                       ] }, `img-${idx}`)),
-                      /* @__PURE__ */ jsx6(
+                      /* @__PURE__ */ jsx7(
                         "input",
                         {
                           type: "file",
@@ -1169,15 +1286,15 @@ ${sanitize(
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx6(
-                  Box3,
+                /* @__PURE__ */ jsx7(
+                  Box4,
                   {
                     sx: {
                       display: "flex",
                       maxHeight: "200px",
                       overflowY: "auto"
                     },
-                    children: /* @__PURE__ */ jsx6(
+                    children: /* @__PURE__ */ jsx7(
                       TextField,
                       {
                         fullWidth: true,
@@ -1209,8 +1326,8 @@ ${sanitize(
                     )
                   }
                 ),
-                /* @__PURE__ */ jsxs3(
-                  Box3,
+                /* @__PURE__ */ jsxs4(
+                  Box4,
                   {
                     sx: {
                       display: "flex",
@@ -1220,8 +1337,8 @@ ${sanitize(
                       mt: isMobile ? 0.5 : 1
                     },
                     children: [
-                      /* @__PURE__ */ jsxs3(
-                        Box3,
+                      /* @__PURE__ */ jsxs4(
+                        Box4,
                         {
                           sx: {
                             display: "flex",
@@ -1230,12 +1347,12 @@ ${sanitize(
                             minHeight: primaryIconSize
                           },
                           children: [
-                            isVoiceModeEligible && /* @__PURE__ */ jsxs3(Fragment3, { children: [
-                              /* @__PURE__ */ jsx6(
-                                Tooltip,
+                            isVoiceModeEligible && /* @__PURE__ */ jsxs4(Fragment3, { children: [
+                              /* @__PURE__ */ jsx7(
+                                Tooltip2,
                                 {
                                   title: !isVoiceModeEnabled ? "Enable voice mode" : voiceStatus === "error" ? voiceError || "Voice mode error" : voiceStatus === "processing" ? "Transcribing your speech" : voiceStatus === "recording" ? "Recording - click to stop" : voiceStatus === "initializing" ? "Preparing microphone" : "Listening - click to turn off",
-                                  children: /* @__PURE__ */ jsx6(
+                                  children: /* @__PURE__ */ jsx7(
                                     IconButton3,
                                     {
                                       onClick: toggleVoiceMode,
@@ -1252,12 +1369,12 @@ ${sanitize(
                                           bgcolor: isVoiceModeEnabled ? alpha(theme.palette.error.main, theme.palette.mode === "dark" ? 0.55 : 0.38) : hoverBadgeBackground
                                         }
                                       },
-                                      children: !isVoiceModeEnabled ? /* @__PURE__ */ jsx6(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.mode === "dark" ? fileText : theme.palette.text.secondary } }) : voiceStatus === "processing" || voiceStatus === "initializing" ? /* @__PURE__ */ jsx6(CircularProgress2, { size: 18, sx: { color: fileText } }) : voiceStatus === "error" ? /* @__PURE__ */ jsx6(HearingDisabledIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : voiceStatus === "recording" ? /* @__PURE__ */ jsx6(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : /* @__PURE__ */ jsx6(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.common.white } })
+                                      children: !isVoiceModeEnabled ? /* @__PURE__ */ jsx7(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.mode === "dark" ? fileText : theme.palette.text.secondary } }) : voiceStatus === "processing" || voiceStatus === "initializing" ? /* @__PURE__ */ jsx7(CircularProgress2, { size: 18, sx: { color: fileText } }) : voiceStatus === "error" ? /* @__PURE__ */ jsx7(HearingDisabledIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : voiceStatus === "recording" ? /* @__PURE__ */ jsx7(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : /* @__PURE__ */ jsx7(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.common.white } })
                                     }
                                   )
                                 }
                               ),
-                              !isMobile && isVoiceModeEnabled && /* @__PURE__ */ jsx6(
+                              !isMobile && isVoiceModeEnabled && /* @__PURE__ */ jsx7(
                                 Typography,
                                 {
                                   variant: "caption",
@@ -1275,7 +1392,7 @@ ${sanitize(
                             !isMobile && renderAttachmentButton("attach-inline"),
                             !isMobile && renderMemoryButton("memory-inline"),
                             !isMobile && renderSttButton("stt-inline"),
-                            isMobile && hasSecondaryActions && /* @__PURE__ */ jsx6(
+                            isMobile && hasSecondaryActions && /* @__PURE__ */ jsx7(
                               IconButton3,
                               {
                                 onClick: () => setMoreActionsOpen((prev) => !prev),
@@ -1288,7 +1405,7 @@ ${sanitize(
                                   transition: "background-color 0.2s ease",
                                   "&:hover": { bgcolor: hoverBadgeBackground }
                                 },
-                                children: /* @__PURE__ */ jsx6(
+                                children: /* @__PURE__ */ jsx7(
                                   ExpandMoreIcon,
                                   {
                                     fontSize: "small",
@@ -1303,7 +1420,7 @@ ${sanitize(
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsx6(Box3, { sx: { display: "flex", alignItems: "center", gap: isMobile ? 0.6 : 1 }, children: /* @__PURE__ */ jsx6(Tooltip, { title: isStreaming ? "Stop response" : "Send message", children: /* @__PURE__ */ jsx6("span", { children: /* @__PURE__ */ jsx6(
+                      /* @__PURE__ */ jsx7(Box4, { sx: { display: "flex", alignItems: "center", gap: isMobile ? 0.6 : 1 }, children: /* @__PURE__ */ jsx7(Tooltip2, { title: isStreaming ? "Stop response" : "Send message", children: /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(
                         IconButton3,
                         {
                           onClick: isStreaming ? onStop || (() => {
@@ -1320,14 +1437,14 @@ ${sanitize(
                             "&:hover": { bgcolor: sendButtonHover },
                             "&.Mui-disabled": { opacity: 0.5 }
                           },
-                          children: isStreaming ? /* @__PURE__ */ jsx6(CloseIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx6(ArrowUpwardIcon, { fontSize: "small" })
+                          children: isStreaming ? /* @__PURE__ */ jsx7(CloseIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx7(ArrowUpwardIcon, { fontSize: "small" })
                         }
                       ) }) }) })
                     ]
                   }
                 ),
-                isMobile && hasSecondaryActions && /* @__PURE__ */ jsx6(Collapse, { in: moreActionsOpen, unmountOnExit: true, children: /* @__PURE__ */ jsxs3(
-                  Box3,
+                isMobile && hasSecondaryActions && /* @__PURE__ */ jsx7(Collapse, { in: moreActionsOpen, unmountOnExit: true, children: /* @__PURE__ */ jsxs4(
+                  Box4,
                   {
                     sx: {
                       display: "flex",
@@ -1348,7 +1465,7 @@ ${sanitize(
               ]
             }
           ),
-          /* @__PURE__ */ jsxs3(
+          /* @__PURE__ */ jsxs4(
             Typography,
             {
               variant: "caption",
@@ -1374,8 +1491,8 @@ ${sanitize(
         ]
       }
     ),
-    isMemoryEnabled && /* @__PURE__ */ jsx6(memory_modal_default, { open: memoryOpen, onClose: () => setMemoryOpen(false) }),
-    isFeedbackEnabled && /* @__PURE__ */ jsx6(
+    isMemoryEnabled && /* @__PURE__ */ jsx7(memory_modal_default, { open: memoryOpen, onClose: () => setMemoryOpen(false) }),
+    isFeedbackEnabled && /* @__PURE__ */ jsx7(
       FeedbackModal,
       {
         open: feedbackModalOpen,
@@ -1388,8 +1505,8 @@ ${sanitize(
 var chat_input_default = ChatInput;
 
 // src/chat/ask-user-card.tsx
-import { useEffect as useEffect4, useState as useState4 } from "react";
-import { Box as Box4, Paper, Typography as Typography2, Button, TextField as TextField2, Chip, Stack } from "@mui/material";
+import { useEffect as useEffect4, useState as useState5 } from "react";
+import { Box as Box5, Paper, Typography as Typography2, Button, TextField as TextField2, Chip, Stack } from "@mui/material";
 import { useTheme as useTheme5, alpha as alpha2 } from "@mui/material/styles";
 
 // src/store/askUserStore.ts
@@ -1455,12 +1572,12 @@ var parseAskUserQuestions = (rawJson) => {
 };
 
 // src/chat/ask-user-card.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var AskUserCard = () => {
   const theme = useTheme5();
   const { pending, submit, cancel } = useAskUserStore();
-  const [selected, setSelected] = useState4({});
-  const [freeform, setFreeform] = useState4({});
+  const [selected, setSelected] = useState5({});
+  const [freeform, setFreeform] = useState5({});
   useEffect4(() => {
     if (!pending) return;
     const preselected = {};
@@ -1481,7 +1598,7 @@ var AskUserCard = () => {
     });
     submit(final);
   };
-  return /* @__PURE__ */ jsx7(Box4, { sx: { width: "100%", display: "flex", justifyContent: "center", px: { xs: 1, sm: 2 }, mb: 1.5 }, children: /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsx8(Box5, { sx: { width: "100%", display: "flex", justifyContent: "center", px: { xs: 1, sm: 2 }, mb: 1.5 }, children: /* @__PURE__ */ jsxs5(
     Paper,
     {
       elevation: 0,
@@ -1494,13 +1611,13 @@ var AskUserCard = () => {
         bgcolor: alpha2(theme.palette.primary.main, 0.06)
       },
       children: [
-        /* @__PURE__ */ jsx7(Typography2, { variant: "caption", sx: { color: theme.palette.primary.main, fontWeight: 700, letterSpacing: 0.4 }, children: "BANDIT NEEDS A QUICK DECISION" }),
-        pending.questions.map((q) => /* @__PURE__ */ jsxs4(Box4, { sx: { mt: 1.5 }, children: [
-          q.header && /* @__PURE__ */ jsx7(Chip, { label: q.header, size: "small", sx: { mb: 0.75, fontWeight: 600 }, color: "primary", variant: "outlined" }),
-          /* @__PURE__ */ jsx7(Typography2, { sx: { fontWeight: 600, color: theme.palette.text.primary, mb: 1 }, children: q.question }),
-          q.options && q.options.length > 0 && /* @__PURE__ */ jsx7(Stack, { spacing: 1, children: q.options.map((opt) => {
+        /* @__PURE__ */ jsx8(Typography2, { variant: "caption", sx: { color: theme.palette.primary.main, fontWeight: 700, letterSpacing: 0.4 }, children: "BANDIT NEEDS A QUICK DECISION" }),
+        pending.questions.map((q) => /* @__PURE__ */ jsxs5(Box5, { sx: { mt: 1.5 }, children: [
+          q.header && /* @__PURE__ */ jsx8(Chip, { label: q.header, size: "small", sx: { mb: 0.75, fontWeight: 600 }, color: "primary", variant: "outlined" }),
+          /* @__PURE__ */ jsx8(Typography2, { sx: { fontWeight: 600, color: theme.palette.text.primary, mb: 1 }, children: q.question }),
+          q.options && q.options.length > 0 && /* @__PURE__ */ jsx8(Stack, { spacing: 1, children: q.options.map((opt) => {
             const isSel = selected[q.id] === opt.label && !freeform[q.id]?.trim();
-            return /* @__PURE__ */ jsx7(
+            return /* @__PURE__ */ jsx8(
               Button,
               {
                 onClick: () => {
@@ -1517,9 +1634,9 @@ var AskUserCard = () => {
                   px: 1.5,
                   borderColor: alpha2(theme.palette.primary.main, 0.4)
                 },
-                children: /* @__PURE__ */ jsxs4(Box4, { children: [
-                  /* @__PURE__ */ jsx7(Typography2, { sx: { fontWeight: 600, lineHeight: 1.3 }, children: opt.label }),
-                  opt.description && /* @__PURE__ */ jsx7(
+                children: /* @__PURE__ */ jsxs5(Box5, { children: [
+                  /* @__PURE__ */ jsx8(Typography2, { sx: { fontWeight: 600, lineHeight: 1.3 }, children: opt.label }),
+                  opt.description && /* @__PURE__ */ jsx8(
                     Typography2,
                     {
                       variant: "caption",
@@ -1532,7 +1649,7 @@ var AskUserCard = () => {
               opt.label
             );
           }) }),
-          q.allowFreeform !== false && /* @__PURE__ */ jsx7(
+          q.allowFreeform !== false && /* @__PURE__ */ jsx8(
             TextField2,
             {
               fullWidth: true,
@@ -1544,9 +1661,9 @@ var AskUserCard = () => {
             }
           )
         ] }, q.id)),
-        /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", justifyContent: "flex-end", gap: 1, mt: 2 }, children: [
-          /* @__PURE__ */ jsx7(Button, { onClick: cancel, color: "inherit", sx: { textTransform: "none", color: theme.palette.text.secondary }, children: "Skip" }),
-          /* @__PURE__ */ jsx7(Button, { onClick: handleSubmit, disabled: !allAnswered, variant: "contained", sx: { textTransform: "none" }, children: "Submit" })
+        /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", justifyContent: "flex-end", gap: 1, mt: 2 }, children: [
+          /* @__PURE__ */ jsx8(Button, { onClick: cancel, color: "inherit", sx: { textTransform: "none", color: theme.palette.text.secondary }, children: "Skip" }),
+          /* @__PURE__ */ jsx8(Button, { onClick: handleSubmit, disabled: !allAnswered, variant: "contained", sx: { textTransform: "none" }, children: "Submit" })
         ] })
       ]
     }
@@ -2438,9 +2555,9 @@ The user explicitly asked you to remember this. Respond with a short third-perso
 };
 
 // src/chat/hooks/useMoodEngine.tsx
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 var useMoodEngine = () => {
-  const [mood, setMood] = useState5("neutral");
+  const [mood, setMood] = useState6("neutral");
   const analyzeMood = async (message) => {
     try {
       const detected = await detectMessageMood(message);
@@ -4130,9 +4247,9 @@ var useAutoScroll = (options = {}) => {
 };
 
 // src/hooks/useNetworkStatus.ts
-import { useState as useState6, useEffect as useEffect6, useCallback as useCallback3 } from "react";
+import { useState as useState7, useEffect as useEffect6, useCallback as useCallback3 } from "react";
 var useNetworkStatus = () => {
-  const [networkStatus, setNetworkStatus] = useState6({
+  const [networkStatus, setNetworkStatus] = useState7({
     isOnline: navigator.onLine,
     isSlowConnection: false,
     connectionQuality: "fast",
@@ -4211,13 +4328,13 @@ var useNetworkStatus = () => {
 
 // src/chat/chat-app-bar.tsx
 import { Avatar as Avatar8 } from "@mui/material";
-import { useEffect as useEffect12, useRef as useRef10, useState as useState13 } from "react";
+import { useEffect as useEffect12, useRef as useRef10, useState as useState14 } from "react";
 import {
-  Box as Box11,
+  Box as Box12,
   IconButton as IconButton9,
   Menu as Menu5,
   MenuItem as MenuItem5,
-  Tooltip as Tooltip4,
+  Tooltip as Tooltip5,
   useMediaQuery as useMediaQuery5,
   useTheme as useTheme12,
   Dialog as Dialog5,
@@ -4230,13 +4347,13 @@ import {
 import { useNavigate } from "react-router-dom";
 
 // src/chat/conversation-drawer.tsx
-import { useState as useState11, useMemo, useEffect as useEffect10, useRef as useRef8, useCallback as useCallback4 } from "react";
+import { useState as useState12, useMemo as useMemo2, useEffect as useEffect10, useRef as useRef8, useCallback as useCallback4 } from "react";
 import {
   Drawer,
-  Box as Box9,
+  Box as Box10,
   Typography as Typography7,
   IconButton as IconButton7,
-  Tooltip as Tooltip3,
+  Tooltip as Tooltip4,
   TextField as TextField6,
   InputAdornment,
   useMediaQuery as useMediaQuery4,
@@ -4254,11 +4371,11 @@ import {
   Avatar as Avatar6,
   alpha as alpha6
 } from "@mui/material";
-import { X as CloseIcon4, X as ClearIcon, Search as SearchIcon, Folder as FolderIcon4, MoreVertical as MoreVertIcon3, Trash2 as DeleteSweepIcon, Inbox as InboxIcon3, Plus as AddIcon4, Settings as SettingsIcon2 } from "lucide-react";
+import { X as CloseIcon4, X as ClearIcon, Search as SearchIcon, Folder as FolderIcon4, MoreVertical as MoreVertIcon3, Trash2 as DeleteSweepIcon, Inbox as InboxIcon3, Plus as AddIcon4, Settings as SettingsIcon2, Brain as MemoryIcon } from "lucide-react";
 import { useTheme as useTheme10 } from "@mui/material/styles";
 
 // src/chat/project-management-modal.tsx
-import { useState as useState7, useEffect as useEffect7, useRef as useRef5 } from "react";
+import { useState as useState8, useEffect as useEffect7, useRef as useRef5 } from "react";
 import {
   Modal,
   Button as Button2,
@@ -4266,7 +4383,7 @@ import {
   List,
   ListItem,
   IconButton as IconButton4,
-  Box as Box5,
+  Box as Box6,
   Typography as Typography3,
   Avatar as Avatar3,
   Chip as Chip2,
@@ -4279,7 +4396,7 @@ import {
 } from "@mui/material";
 import { Plus as AddIcon2, Pencil as EditIcon, Trash2 as DeleteIcon, MoreVertical as MoreVertIcon, Folder as FolderIcon, X as CloseIcon2, ArrowLeft as ArrowBackIcon } from "lucide-react";
 import { useTheme as useTheme6, alpha as alpha3 } from "@mui/material/styles";
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var DEFAULT_COLORS = [
   "#2196F3",
   "#4CAF50",
@@ -4308,17 +4425,17 @@ var ProjectManagementModal = ({
     hydrate
   } = useProjectStore();
   const { getConversationsByProject } = useConversationStore();
-  const [showCreateForm, setShowCreateForm] = useState7(false);
-  const [editingProject, setEditingProject] = useState7(null);
-  const [formData, setFormData] = useState7({
+  const [showCreateForm, setShowCreateForm] = useState8(false);
+  const [editingProject, setEditingProject] = useState8(null);
+  const [formData, setFormData] = useState8({
     name: "",
     description: "",
     color: DEFAULT_COLORS[0]
   });
-  const [menuAnchor, setMenuAnchor] = useState7(null);
-  const [selectedProject, setSelectedProject] = useState7(null);
-  const [loading, setLoading] = useState7(false);
-  const [error, setError] = useState7(null);
+  const [menuAnchor, setMenuAnchor] = useState8(null);
+  const [selectedProject, setSelectedProject] = useState8(null);
+  const [loading, setLoading] = useState8(false);
+  const [error, setError] = useState8(null);
   const modalContainerRef = useRef5(null);
   useEffect7(() => {
     if (open && !_hasHydrated) {
@@ -4427,8 +4544,8 @@ var ProjectManagementModal = ({
   const hoverSurface = alpha3(theme.palette.primary.main, theme.palette.mode === "dark" ? 0.22 : 0.08);
   const headerTitle = showCreateForm ? editingProject ? "Edit Project" : "Create Project" : "Manage Projects";
   const headerSubtitle = showCreateForm ? "Name, describe, and color-code your project." : "Organize conversations into cohesive projects.";
-  const content = /* @__PURE__ */ jsxs5(
-    Box5,
+  const content = /* @__PURE__ */ jsxs6(
+    Box6,
     {
       ref: modalContainerRef,
       sx: {
@@ -4446,8 +4563,8 @@ var ProjectManagementModal = ({
         position: "relative"
       },
       children: [
-        isMobile && /* @__PURE__ */ jsx8(
-          Box5,
+        isMobile && /* @__PURE__ */ jsx9(
+          Box6,
           {
             sx: {
               width: 56,
@@ -4460,8 +4577,8 @@ var ProjectManagementModal = ({
             }
           }
         ),
-        /* @__PURE__ */ jsxs5(
-          Box5,
+        /* @__PURE__ */ jsxs6(
+          Box6,
           {
             sx: {
               px: isMobile ? 1.5 : 2.75,
@@ -4473,8 +4590,8 @@ var ProjectManagementModal = ({
               gap: 1
             },
             children: [
-              /* @__PURE__ */ jsxs5(
-                Box5,
+              /* @__PURE__ */ jsxs6(
+                Box6,
                 {
                   sx: {
                     display: "flex",
@@ -4483,8 +4600,8 @@ var ProjectManagementModal = ({
                     gap: 1
                   },
                   children: [
-                    /* @__PURE__ */ jsxs5(
-                      Box5,
+                    /* @__PURE__ */ jsxs6(
+                      Box6,
                       {
                         sx: {
                           display: "flex",
@@ -4494,8 +4611,8 @@ var ProjectManagementModal = ({
                           flex: 1
                         },
                         children: [
-                          showCreateForm && /* @__PURE__ */ jsx8(IconButton4, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx8(ArrowBackIcon, { size: 16 }) }),
-                          /* @__PURE__ */ jsx8(
+                          showCreateForm && /* @__PURE__ */ jsx9(IconButton4, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx9(ArrowBackIcon, { size: 16 }) }),
+                          /* @__PURE__ */ jsx9(
                             Typography3,
                             {
                               variant: "h6",
@@ -4512,16 +4629,16 @@ var ProjectManagementModal = ({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx8(IconButton4, { onClick: handleClose, size: "small", children: /* @__PURE__ */ jsx8(CloseIcon2, {}) })
+                    /* @__PURE__ */ jsx9(IconButton4, { onClick: handleClose, size: "small", children: /* @__PURE__ */ jsx9(CloseIcon2, {}) })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx8(Typography3, { variant: "body2", color: "text.secondary", children: headerSubtitle })
+              /* @__PURE__ */ jsx9(Typography3, { variant: "body2", color: "text.secondary", children: headerSubtitle })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs5(
-          Box5,
+        /* @__PURE__ */ jsxs6(
+          Box6,
           {
             sx: {
               flex: 1,
@@ -4533,9 +4650,9 @@ var ProjectManagementModal = ({
               gap: 2.5
             },
             children: [
-              error && /* @__PURE__ */ jsx8(Alert, { severity: "error", onClose: () => setError(null), children: error }),
-              showCreateForm ? /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-                /* @__PURE__ */ jsx8(
+              error && /* @__PURE__ */ jsx9(Alert, { severity: "error", onClose: () => setError(null), children: error }),
+              showCreateForm ? /* @__PURE__ */ jsxs6(Box6, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+                /* @__PURE__ */ jsx9(
                   TextField3,
                   {
                     label: "Project name",
@@ -4547,7 +4664,7 @@ var ProjectManagementModal = ({
                     autoFocus: true
                   }
                 ),
-                /* @__PURE__ */ jsx8(
+                /* @__PURE__ */ jsx9(
                   TextField3,
                   {
                     label: "Description (optional)",
@@ -4559,10 +4676,10 @@ var ProjectManagementModal = ({
                     disabled: loading
                   }
                 ),
-                /* @__PURE__ */ jsxs5(Box5, { children: [
-                  /* @__PURE__ */ jsx8(Typography3, { variant: "subtitle2", sx: { mb: 1 }, children: "Color" }),
-                  /* @__PURE__ */ jsx8(Box5, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: DEFAULT_COLORS.map((color) => /* @__PURE__ */ jsx8(
-                    Box5,
+                /* @__PURE__ */ jsxs6(Box6, { children: [
+                  /* @__PURE__ */ jsx9(Typography3, { variant: "subtitle2", sx: { mb: 1 }, children: "Color" }),
+                  /* @__PURE__ */ jsx9(Box6, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: DEFAULT_COLORS.map((color) => /* @__PURE__ */ jsx9(
+                    Box6,
                     {
                       sx: {
                         width: 32,
@@ -4582,11 +4699,11 @@ var ProjectManagementModal = ({
                     color
                   )) })
                 ] })
-              ] }) : /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-                /* @__PURE__ */ jsx8(
+              ] }) : /* @__PURE__ */ jsxs6(Box6, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+                /* @__PURE__ */ jsx9(
                   Button2,
                   {
-                    startIcon: /* @__PURE__ */ jsx8(AddIcon2, {}),
+                    startIcon: /* @__PURE__ */ jsx9(AddIcon2, {}),
                     onClick: () => setShowCreateForm(true),
                     variant: "contained",
                     sx: {
@@ -4598,8 +4715,8 @@ var ProjectManagementModal = ({
                     children: "Create project"
                   }
                 ),
-                projects.length === 0 ? /* @__PURE__ */ jsxs5(
-                  Box5,
+                projects.length === 0 ? /* @__PURE__ */ jsxs6(
+                  Box6,
                   {
                     sx: {
                       textAlign: "center",
@@ -4611,15 +4728,15 @@ var ProjectManagementModal = ({
                       backgroundColor: subtleSurface
                     },
                     children: [
-                      /* @__PURE__ */ jsx8(FolderIcon, { size: 48, style: { marginBottom: 8, opacity: 0.5 } }),
-                      /* @__PURE__ */ jsx8(Typography3, { variant: "body1", sx: { fontWeight: 600 }, children: "No projects yet" }),
-                      /* @__PURE__ */ jsx8(Typography3, { variant: "body2", children: "Create your first project to organize conversations." })
+                      /* @__PURE__ */ jsx9(FolderIcon, { size: 48, style: { marginBottom: 8, opacity: 0.5 } }),
+                      /* @__PURE__ */ jsx9(Typography3, { variant: "body1", sx: { fontWeight: 600 }, children: "No projects yet" }),
+                      /* @__PURE__ */ jsx9(Typography3, { variant: "body2", children: "Create your first project to organize conversations." })
                     ]
                   }
-                ) : /* @__PURE__ */ jsx8(List, { sx: { display: "flex", flexDirection: "column", gap: 1.25, py: 0 }, children: projects.map((project) => {
+                ) : /* @__PURE__ */ jsx9(List, { sx: { display: "flex", flexDirection: "column", gap: 1.25, py: 0 }, children: projects.map((project) => {
                   const conversationCount = getConversationsByProject(project.id).length;
-                  return /* @__PURE__ */ jsx8(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs5(
-                    Box5,
+                  return /* @__PURE__ */ jsx9(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs6(
+                    Box6,
                     {
                       sx: {
                         display: "flex",
@@ -4637,7 +4754,7 @@ var ProjectManagementModal = ({
                         }
                       },
                       children: [
-                        /* @__PURE__ */ jsx8(
+                        /* @__PURE__ */ jsx9(
                           Avatar3,
                           {
                             sx: {
@@ -4646,12 +4763,12 @@ var ProjectManagementModal = ({
                               height: 36,
                               fontSize: "1rem"
                             },
-                            children: /* @__PURE__ */ jsx8(FolderIcon, { size: 16 })
+                            children: /* @__PURE__ */ jsx9(FolderIcon, { size: 16 })
                           }
                         ),
-                        /* @__PURE__ */ jsxs5(Box5, { sx: { flex: 1, minWidth: 0 }, children: [
-                          /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
-                            /* @__PURE__ */ jsx8(
+                        /* @__PURE__ */ jsxs6(Box6, { sx: { flex: 1, minWidth: 0 }, children: [
+                          /* @__PURE__ */ jsxs6(Box6, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
+                            /* @__PURE__ */ jsx9(
                               Typography3,
                               {
                                 variant: "subtitle1",
@@ -4659,7 +4776,7 @@ var ProjectManagementModal = ({
                                 children: project.name
                               }
                             ),
-                            /* @__PURE__ */ jsx8(
+                            /* @__PURE__ */ jsx9(
                               Chip2,
                               {
                                 label: `${conversationCount}`,
@@ -4674,7 +4791,7 @@ var ProjectManagementModal = ({
                               }
                             )
                           ] }),
-                          project.description && /* @__PURE__ */ jsx8(
+                          project.description && /* @__PURE__ */ jsx9(
                             Typography3,
                             {
                               variant: "body2",
@@ -4684,7 +4801,7 @@ var ProjectManagementModal = ({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ jsx8(
+                        /* @__PURE__ */ jsx9(
                           IconButton4,
                           {
                             onClick: (e) => {
@@ -4697,7 +4814,7 @@ var ProjectManagementModal = ({
                               mt: 0.25,
                               zIndex: 1
                             },
-                            children: /* @__PURE__ */ jsx8(MoreVertIcon, { size: 16 })
+                            children: /* @__PURE__ */ jsx9(MoreVertIcon, { size: 16 })
                           }
                         )
                       ]
@@ -4708,8 +4825,8 @@ var ProjectManagementModal = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx8(
-          Box5,
+        /* @__PURE__ */ jsx9(
+          Box6,
           {
             sx: {
               px: isMobile ? 1.5 : 2.75,
@@ -4719,8 +4836,8 @@ var ProjectManagementModal = ({
               justifyContent: "flex-end",
               gap: 1
             },
-            children: showCreateForm ? /* @__PURE__ */ jsxs5(Fragment4, { children: [
-              /* @__PURE__ */ jsx8(
+            children: showCreateForm ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+              /* @__PURE__ */ jsx9(
                 Button2,
                 {
                   onClick: resetForm,
@@ -4729,21 +4846,21 @@ var ProjectManagementModal = ({
                   children: "Cancel"
                 }
               ),
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx9(
                 Button2,
                 {
                   onClick: editingProject ? handleEditProject : handleCreateProject,
                   variant: "contained",
                   disabled: loading,
-                  startIcon: loading ? /* @__PURE__ */ jsx8(CircularProgress3, { size: 16 }) : void 0,
+                  startIcon: loading ? /* @__PURE__ */ jsx9(CircularProgress3, { size: 16 }) : void 0,
                   sx: { textTransform: "none", borderRadius: 2 },
                   children: editingProject ? "Update project" : "Create project"
                 }
               )
-            ] }) : /* @__PURE__ */ jsx8(Button2, { onClick: handleClose, sx: { textTransform: "none", borderRadius: 2 }, children: "Close" })
+            ] }) : /* @__PURE__ */ jsx9(Button2, { onClick: handleClose, sx: { textTransform: "none", borderRadius: 2 }, children: "Close" })
           }
         ),
-        /* @__PURE__ */ jsxs5(
+        /* @__PURE__ */ jsxs6(
           Menu,
           {
             anchorEl: menuAnchor,
@@ -4765,20 +4882,20 @@ var ProjectManagementModal = ({
               }
             },
             children: [
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx9(
                 MenuItem,
                 {
                   onClick: () => {
                     if (!selectedProject) return;
                     startEdit(selectedProject);
                   },
-                  children: /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ jsx8(EditIcon, { size: 16 }),
-                    /* @__PURE__ */ jsx8(Typography3, { variant: "body2", color: "inherit", children: "Edit" })
+                  children: /* @__PURE__ */ jsxs6(Box6, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ jsx9(EditIcon, { size: 16 }),
+                    /* @__PURE__ */ jsx9(Typography3, { variant: "body2", color: "inherit", children: "Edit" })
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx9(
                 MenuItem,
                 {
                   onClick: () => {
@@ -4786,9 +4903,9 @@ var ProjectManagementModal = ({
                     handleDeleteProject(selectedProject);
                   },
                   sx: { color: theme.palette.error.main },
-                  children: /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ jsx8(DeleteIcon, { size: 16 }),
-                    /* @__PURE__ */ jsx8(Typography3, { variant: "body2", color: "inherit", children: "Delete" })
+                  children: /* @__PURE__ */ jsxs6(Box6, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ jsx9(DeleteIcon, { size: 16 }),
+                    /* @__PURE__ */ jsx9(Typography3, { variant: "body2", color: "inherit", children: "Delete" })
                   ] })
                 }
               )
@@ -4798,7 +4915,7 @@ var ProjectManagementModal = ({
       ]
     }
   );
-  return /* @__PURE__ */ jsx8(Fragment4, { children: isMobile ? /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(Fragment4, { children: isMobile ? /* @__PURE__ */ jsx9(
     SwipeableDrawer,
     {
       anchor: "bottom",
@@ -4818,7 +4935,7 @@ var ProjectManagementModal = ({
       },
       children: content
     }
-  ) : /* @__PURE__ */ jsx8(
+  ) : /* @__PURE__ */ jsx9(
     Modal,
     {
       open,
@@ -4837,7 +4954,7 @@ var ProjectManagementModal = ({
 var project_management_modal_default = ProjectManagementModal;
 
 // src/chat/move-conversation-modal.tsx
-import { useState as useState8, useEffect as useEffect8 } from "react";
+import { useState as useState9, useEffect as useEffect8 } from "react";
 import {
   Dialog,
   DialogTitle,
@@ -4852,12 +4969,12 @@ import {
   Typography as Typography4,
   Avatar as Avatar4,
   Radio,
-  Box as Box6,
+  Box as Box7,
   Divider
 } from "@mui/material";
 import { Folder as FolderIcon2, Inbox as InboxIcon } from "lucide-react";
 import { useTheme as useTheme7 } from "@mui/material/styles";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var MoveConversationModal = ({
   open,
   onClose,
@@ -4867,7 +4984,7 @@ var MoveConversationModal = ({
   const theme = useTheme7();
   const { projects, _hasHydrated, hydrate } = useProjectStore();
   const { moveConversationToProject } = useConversationStore();
-  const [selectedProjectId, setSelectedProjectId] = useState8(
+  const [selectedProjectId, setSelectedProjectId] = useState9(
     currentProjectId
   );
   useEffect8(() => {
@@ -4894,7 +5011,7 @@ var MoveConversationModal = ({
   };
   const conversationCount = conversations.length;
   const isMultiple = conversationCount > 1;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     Dialog,
     {
       open,
@@ -4908,20 +5025,20 @@ var MoveConversationModal = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs6(DialogTitle, { children: [
+        /* @__PURE__ */ jsxs7(DialogTitle, { children: [
           "Move ",
           isMultiple ? `${conversationCount} Conversations` : "Conversation"
         ] }),
-        /* @__PURE__ */ jsxs6(DialogContent, { sx: { px: 3 }, children: [
-          /* @__PURE__ */ jsx9(Typography4, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: isMultiple ? `Select a project to move ${conversationCount} conversations to:` : `Select a project to move "${conversations[0]?.name}" to:` }),
-          /* @__PURE__ */ jsxs6(List2, { children: [
-            /* @__PURE__ */ jsx9(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs7(DialogContent, { sx: { px: 3 }, children: [
+          /* @__PURE__ */ jsx10(Typography4, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: isMultiple ? `Select a project to move ${conversationCount} conversations to:` : `Select a project to move "${conversations[0]?.name}" to:` }),
+          /* @__PURE__ */ jsxs7(List2, { children: [
+            /* @__PURE__ */ jsx10(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs7(
               ListItemButton,
               {
                 onClick: () => setSelectedProjectId(null),
                 selected: selectedProjectId === null,
                 children: [
-                  /* @__PURE__ */ jsx9(ListItemIcon, { children: /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsx10(ListItemIcon, { children: /* @__PURE__ */ jsx10(
                     Radio,
                     {
                       checked: selectedProjectId === null,
@@ -4929,7 +5046,7 @@ var MoveConversationModal = ({
                       size: "small"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx9(ListItemIcon, { children: /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsx10(ListItemIcon, { children: /* @__PURE__ */ jsx10(
                     Avatar4,
                     {
                       sx: {
@@ -4937,10 +5054,10 @@ var MoveConversationModal = ({
                         width: 32,
                         height: 32
                       },
-                      children: /* @__PURE__ */ jsx9(InboxIcon, {})
+                      children: /* @__PURE__ */ jsx10(InboxIcon, {})
                     }
                   ) }),
-                  /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsx10(
                     ListItemText,
                     {
                       primary: "No Project",
@@ -4950,14 +5067,14 @@ var MoveConversationModal = ({
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx9(Divider, { sx: { my: 1 } }),
-            projects.map((project) => /* @__PURE__ */ jsx9(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs6(
+            /* @__PURE__ */ jsx10(Divider, { sx: { my: 1 } }),
+            projects.map((project) => /* @__PURE__ */ jsx10(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs7(
               ListItemButton,
               {
                 onClick: () => setSelectedProjectId(project.id),
                 selected: selectedProjectId === project.id,
                 children: [
-                  /* @__PURE__ */ jsx9(ListItemIcon, { children: /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsx10(ListItemIcon, { children: /* @__PURE__ */ jsx10(
                     Radio,
                     {
                       checked: selectedProjectId === project.id,
@@ -4965,7 +5082,7 @@ var MoveConversationModal = ({
                       size: "small"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx9(ListItemIcon, { children: /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsx10(ListItemIcon, { children: /* @__PURE__ */ jsx10(
                     Avatar4,
                     {
                       sx: {
@@ -4973,10 +5090,10 @@ var MoveConversationModal = ({
                         width: 32,
                         height: 32
                       },
-                      children: /* @__PURE__ */ jsx9(FolderIcon2, {})
+                      children: /* @__PURE__ */ jsx10(FolderIcon2, {})
                     }
                   ) }),
-                  /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsx10(
                     ListItemText,
                     {
                       primary: project.name,
@@ -4986,16 +5103,16 @@ var MoveConversationModal = ({
                 ]
               }
             ) }, project.id)),
-            projects.length === 0 && /* @__PURE__ */ jsx9(Box6, { sx: {
+            projects.length === 0 && /* @__PURE__ */ jsx10(Box7, { sx: {
               textAlign: "center",
               py: 2,
               color: theme.palette.text.secondary
-            }, children: /* @__PURE__ */ jsx9(Typography4, { variant: "body2", children: "No projects available. Create a project first to organize conversations." }) })
+            }, children: /* @__PURE__ */ jsx10(Typography4, { variant: "body2", children: "No projects available. Create a project first to organize conversations." }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs6(DialogActions, { sx: { px: 3, pb: 2 }, children: [
-          /* @__PURE__ */ jsx9(Button3, { onClick: onClose, children: "Cancel" }),
-          /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs7(DialogActions, { sx: { px: 3, pb: 2 }, children: [
+          /* @__PURE__ */ jsx10(Button3, { onClick: onClose, children: "Cancel" }),
+          /* @__PURE__ */ jsxs7(
             Button3,
             {
               onClick: handleMove,
@@ -5015,9 +5132,9 @@ var MoveConversationModal = ({
 var move_conversation_modal_default = MoveConversationModal;
 
 // src/chat/simple-conversation-item.tsx
-import { useState as useState9, useRef as useRef6, useEffect as useEffect9 } from "react";
+import { useState as useState10, useRef as useRef6, useEffect as useEffect9 } from "react";
 import {
-  Box as Box7,
+  Box as Box8,
   Typography as Typography5,
   IconButton as IconButton5,
   Menu as Menu2,
@@ -5034,7 +5151,7 @@ import {
 } from "@mui/material";
 import { MoreVertical as MoreVertIcon2, Pencil as EditIcon2, Trash2 as DeleteIcon2, GripVertical as DragIcon, MailOpen as MoveIcon } from "lucide-react";
 import { useTheme as useTheme8, alpha as alpha4 } from "@mui/material/styles";
-import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var SimpleConversationItem = ({
   conversation,
   isSelected,
@@ -5052,12 +5169,12 @@ var SimpleConversationItem = ({
 }) => {
   const theme = useTheme8();
   const isMobile = useMediaQuery3(theme.breakpoints.down("sm"));
-  const [anchorEl, setAnchorEl] = useState9(null);
-  const [isEditing, setIsEditing] = useState9(false);
-  const [editName, setEditName] = useState9(conversation.name);
-  const [isDragging, setIsDragging] = useState9(false);
-  const [isTouchDragging, setIsTouchDragging] = useState9(false);
-  const [showRenameDialog, setShowRenameDialog] = useState9(false);
+  const [anchorEl, setAnchorEl] = useState10(null);
+  const [isEditing, setIsEditing] = useState10(false);
+  const [editName, setEditName] = useState10(conversation.name);
+  const [isDragging, setIsDragging] = useState10(false);
+  const [isTouchDragging, setIsTouchDragging] = useState10(false);
+  const [showRenameDialog, setShowRenameDialog] = useState10(false);
   const longPressTimeoutRef = useRef6(null);
   const touchStartPointRef = useRef6(null);
   const activeTouchIdRef = useRef6(null);
@@ -5069,8 +5186,8 @@ var SimpleConversationItem = ({
     const regex = new RegExp(`(${query.trim()})`, "gi");
     const parts = text.split(regex);
     return parts.map(
-      (part, index) => regex.test(part) ? /* @__PURE__ */ jsx10(
-        Box7,
+      (part, index) => regex.test(part) ? /* @__PURE__ */ jsx11(
+        Box8,
         {
           component: "span",
           sx: {
@@ -5205,9 +5322,9 @@ var SimpleConversationItem = ({
       setIsTouchDragging(false);
     }
   }, [isTouchDragActive, isTouchDragging]);
-  return /* @__PURE__ */ jsxs7(Fragment5, { children: [
-    /* @__PURE__ */ jsxs7(
-      Box7,
+  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
+    /* @__PURE__ */ jsxs8(
+      Box8,
       {
         "data-project-id": conversation.projectId ?? "__ungrouped",
         draggable: !isMobile && !isEditing,
@@ -5259,7 +5376,7 @@ var SimpleConversationItem = ({
           }
         },
         children: [
-          !isMobile && !isEditing && /* @__PURE__ */ jsx10(
+          !isMobile && !isEditing && /* @__PURE__ */ jsx11(
             DragIcon,
             {
               size: 16,
@@ -5267,8 +5384,8 @@ var SimpleConversationItem = ({
               style: { marginRight: 4, cursor: "grab" }
             }
           ),
-          /* @__PURE__ */ jsxs7(Box7, { sx: { flex: 1, minWidth: 0 }, children: [
-            isEditing ? /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsxs8(Box8, { sx: { flex: 1, minWidth: 0 }, children: [
+            isEditing ? /* @__PURE__ */ jsx11(
               TextField4,
               {
                 value: editName,
@@ -5291,7 +5408,7 @@ var SimpleConversationItem = ({
                   }
                 }
               }
-            ) : /* @__PURE__ */ jsx10(
+            ) : /* @__PURE__ */ jsx11(
               Typography5,
               {
                 variant: "body2",
@@ -5306,7 +5423,7 @@ var SimpleConversationItem = ({
                 children: highlightText(conversation.name, searchQuery)
               }
             ),
-            !isEditing && snippet && /* @__PURE__ */ jsx10(
+            !isEditing && snippet && /* @__PURE__ */ jsx11(
               Typography5,
               {
                 variant: "caption",
@@ -5325,7 +5442,7 @@ var SimpleConversationItem = ({
               }
             )
           ] }),
-          !isEditing && /* @__PURE__ */ jsx10(
+          !isEditing && /* @__PURE__ */ jsx11(
             IconButton5,
             {
               onClick: handleMenuOpen,
@@ -5354,10 +5471,10 @@ var SimpleConversationItem = ({
                   }
                 }
               },
-              children: /* @__PURE__ */ jsx10(MoreVertIcon2, { size: 16 })
+              children: /* @__PURE__ */ jsx11(MoreVertIcon2, { size: 16 })
             }
           ),
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs8(
             Menu2,
             {
               anchorEl,
@@ -5384,17 +5501,17 @@ var SimpleConversationItem = ({
                 }
               },
               children: [
-                onRename && /* @__PURE__ */ jsxs7(MenuItem2, { onClick: handleEdit, children: [
-                  /* @__PURE__ */ jsx10(ListItemIcon2, { children: /* @__PURE__ */ jsx10(EditIcon2, { size: 16 }) }),
-                  /* @__PURE__ */ jsx10(ListItemText2, { children: "Rename" })
+                onRename && /* @__PURE__ */ jsxs8(MenuItem2, { onClick: handleEdit, children: [
+                  /* @__PURE__ */ jsx11(ListItemIcon2, { children: /* @__PURE__ */ jsx11(EditIcon2, { size: 16 }) }),
+                  /* @__PURE__ */ jsx11(ListItemText2, { children: "Rename" })
                 ] }),
-                onMove && /* @__PURE__ */ jsxs7(MenuItem2, { onClick: handleMove, children: [
-                  /* @__PURE__ */ jsx10(ListItemIcon2, { children: /* @__PURE__ */ jsx10(MoveIcon, { size: 16 }) }),
-                  /* @__PURE__ */ jsx10(ListItemText2, { children: "Move to Project" })
+                onMove && /* @__PURE__ */ jsxs8(MenuItem2, { onClick: handleMove, children: [
+                  /* @__PURE__ */ jsx11(ListItemIcon2, { children: /* @__PURE__ */ jsx11(MoveIcon, { size: 16 }) }),
+                  /* @__PURE__ */ jsx11(ListItemText2, { children: "Move to Project" })
                 ] }),
-                /* @__PURE__ */ jsxs7(MenuItem2, { onClick: handleDelete, children: [
-                  /* @__PURE__ */ jsx10(ListItemIcon2, { children: /* @__PURE__ */ jsx10(DeleteIcon2, { size: 16 }) }),
-                  /* @__PURE__ */ jsx10(ListItemText2, { children: "Delete" })
+                /* @__PURE__ */ jsxs8(MenuItem2, { onClick: handleDelete, children: [
+                  /* @__PURE__ */ jsx11(ListItemIcon2, { children: /* @__PURE__ */ jsx11(DeleteIcon2, { size: 16 }) }),
+                  /* @__PURE__ */ jsx11(ListItemText2, { children: "Delete" })
                 ] })
               ]
             }
@@ -5402,7 +5519,7 @@ var SimpleConversationItem = ({
         ]
       }
     ),
-    isMobile && /* @__PURE__ */ jsxs7(
+    isMobile && /* @__PURE__ */ jsxs8(
       Dialog2,
       {
         open: showRenameDialog,
@@ -5418,8 +5535,8 @@ var SimpleConversationItem = ({
           }
         },
         children: [
-          /* @__PURE__ */ jsx10(DialogTitle2, { sx: { pb: 1 }, children: "Rename Conversation" }),
-          /* @__PURE__ */ jsx10(DialogContent2, { children: /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(DialogTitle2, { sx: { pb: 1 }, children: "Rename Conversation" }),
+          /* @__PURE__ */ jsx11(DialogContent2, { children: /* @__PURE__ */ jsx11(
             TextField4,
             {
               value: editName,
@@ -5432,8 +5549,8 @@ var SimpleConversationItem = ({
               }
             }
           ) }),
-          /* @__PURE__ */ jsxs7(DialogActions2, { sx: { px: 3, pb: 2 }, children: [
-            /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsxs8(DialogActions2, { sx: { px: 3, pb: 2 }, children: [
+            /* @__PURE__ */ jsx11(
               Button4,
               {
                 onClick: () => {
@@ -5443,7 +5560,7 @@ var SimpleConversationItem = ({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx11(
               Button4,
               {
                 onClick: () => {
@@ -5464,20 +5581,20 @@ var SimpleConversationItem = ({
 var simple_conversation_item_default = SimpleConversationItem;
 
 // src/chat/project-header.tsx
-import { useRef as useRef7, useState as useState10 } from "react";
+import { useRef as useRef7, useState as useState11 } from "react";
 import {
-  Box as Box8,
+  Box as Box9,
   Typography as Typography6,
   IconButton as IconButton6,
   Avatar as Avatar5,
   Chip as Chip3,
-  Tooltip as Tooltip2,
+  Tooltip as Tooltip3,
   TextField as TextField5,
   alpha as alpha5
 } from "@mui/material";
 import { ChevronDown as ExpandMoreIcon2, ChevronUp as ExpandLessIcon, Plus as AddIcon3, Folder as FolderIcon3, FolderOpen as FolderOpenIcon, Inbox as InboxIcon2, X as CloseIcon3, Check as CheckIcon2 } from "lucide-react";
 import { useTheme as useTheme9 } from "@mui/material/styles";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var ProjectHeader = ({
   projectId,
   projectName,
@@ -5494,9 +5611,9 @@ var ProjectHeader = ({
   const theme = useTheme9();
   const { createNewConversation } = useConversationStore();
   const { renameProject } = useProjectStore();
-  const [isHovered, setIsHovered] = useState10(false);
-  const [isDragOver, setIsDragOver] = useState10(false);
-  const [renameDraft, setRenameDraft] = useState10(projectName);
+  const [isHovered, setIsHovered] = useState11(false);
+  const [isDragOver, setIsDragOver] = useState11(false);
+  const [renameDraft, setRenameDraft] = useState11(projectName);
   const renameActionRef = useRef7("none");
   const isUngrouped = projectId === null;
   const Icon = isCollapsed ? FolderIcon3 : FolderOpenIcon;
@@ -5543,8 +5660,8 @@ var ProjectHeader = ({
     setRenameDraft(projectName);
     onRenameComplete?.();
   };
-  return /* @__PURE__ */ jsxs8(
-    Box8,
+  return /* @__PURE__ */ jsxs9(
+    Box9,
     {
       "data-project-id": projectId ?? "__ungrouped",
       onMouseEnter: () => setIsHovered(true),
@@ -5570,7 +5687,7 @@ var ProjectHeader = ({
         } : {}
       },
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           Avatar5,
           {
             sx: {
@@ -5579,17 +5696,17 @@ var ProjectHeader = ({
               height: 28,
               mr: 1.5
             },
-            children: isUngrouped ? /* @__PURE__ */ jsx11(
+            children: isUngrouped ? /* @__PURE__ */ jsx12(
               InboxIcon2,
               {
                 size: 16,
                 color: theme.palette.text.disabled,
                 style: { opacity: 0.7 }
               }
-            ) : /* @__PURE__ */ jsx11(Icon, { size: 16 })
+            ) : /* @__PURE__ */ jsx12(Icon, { size: 16 })
           }
         ),
-        isRenaming && !isUngrouped ? /* @__PURE__ */ jsx11(
+        isRenaming && !isUngrouped ? /* @__PURE__ */ jsx12(
           TextField5,
           {
             value: renameDraft,
@@ -5636,7 +5753,7 @@ var ProjectHeader = ({
               }
             }
           }
-        ) : /* @__PURE__ */ jsxs8(
+        ) : /* @__PURE__ */ jsxs9(
           Typography6,
           {
             variant: "subtitle2",
@@ -5649,7 +5766,7 @@ var ProjectHeader = ({
             },
             children: [
               projectName,
-              isDragOver && /* @__PURE__ */ jsx11(
+              isDragOver && /* @__PURE__ */ jsx12(
                 Typography6,
                 {
                   component: "span",
@@ -5665,7 +5782,7 @@ var ProjectHeader = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           Chip3,
           {
             label: conversationCount,
@@ -5685,8 +5802,8 @@ var ProjectHeader = ({
             }
           }
         ),
-        isRenaming && !isUngrouped && /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", alignItems: "center", gap: 0.5, ml: 1 }, children: [
-          /* @__PURE__ */ jsx11(Tooltip2, { title: "Cancel and remove", children: /* @__PURE__ */ jsx11(
+        isRenaming && !isUngrouped && /* @__PURE__ */ jsxs9(Box9, { sx: { display: "flex", alignItems: "center", gap: 0.5, ml: 1 }, children: [
+          /* @__PURE__ */ jsx12(Tooltip3, { title: "Cancel and remove", children: /* @__PURE__ */ jsx12(
             IconButton6,
             {
               size: "small",
@@ -5696,10 +5813,10 @@ var ProjectHeader = ({
                 onRenameCancelDelete ? onRenameCancelDelete() : cancelRename();
               },
               sx: { color: alpha5(theme.palette.error.main, 0.9) },
-              children: /* @__PURE__ */ jsx11(CloseIcon3, { size: 16 })
+              children: /* @__PURE__ */ jsx12(CloseIcon3, { size: 16 })
             }
           ) }),
-          /* @__PURE__ */ jsx11(Tooltip2, { title: "Save", children: /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(Tooltip3, { title: "Save", children: /* @__PURE__ */ jsx12(
             IconButton6,
             {
               size: "small",
@@ -5709,11 +5826,11 @@ var ProjectHeader = ({
                 commitRename();
               },
               sx: { color: theme.palette.success.main },
-              children: /* @__PURE__ */ jsx11(CheckIcon2, { size: 16 })
+              children: /* @__PURE__ */ jsx12(CheckIcon2, { size: 16 })
             }
           ) })
         ] }),
-        isHovered && !isDragOver && !isUngrouped && !isRenaming && /* @__PURE__ */ jsx11(Tooltip2, { title: `Add conversation to ${projectName.toLowerCase()}`, arrow: true, children: /* @__PURE__ */ jsx11(
+        isHovered && !isDragOver && !isUngrouped && !isRenaming && /* @__PURE__ */ jsx12(Tooltip3, { title: `Add conversation to ${projectName.toLowerCase()}`, arrow: true, children: /* @__PURE__ */ jsx12(
           IconButton6,
           {
             onClick: handleAddConversation,
@@ -5730,10 +5847,10 @@ var ProjectHeader = ({
               },
               transition: "all 0.2s ease"
             },
-            children: /* @__PURE__ */ jsx11(AddIcon3, { size: 16 })
+            children: /* @__PURE__ */ jsx12(AddIcon3, { size: 16 })
           }
         ) }),
-        !isUngrouped && !isRenaming && /* @__PURE__ */ jsx11(
+        !isUngrouped && !isRenaming && /* @__PURE__ */ jsx12(
           IconButton6,
           {
             size: "small",
@@ -5741,7 +5858,7 @@ var ProjectHeader = ({
               color: theme.palette.text.secondary,
               transition: "transform 0.2s ease"
             },
-            children: isCollapsed ? /* @__PURE__ */ jsx11(ExpandMoreIcon2, { size: 16 }) : /* @__PURE__ */ jsx11(ExpandLessIcon, { size: 16 })
+            children: isCollapsed ? /* @__PURE__ */ jsx12(ExpandMoreIcon2, { size: 16 }) : /* @__PURE__ */ jsx12(ExpandLessIcon, { size: 16 })
           }
         )
       ]
@@ -5763,7 +5880,7 @@ var TOOLTIP_COPY = {
 var tooltip = (key) => TOOLTIP_COPY[key];
 
 // src/chat/conversation-drawer.tsx
-import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var BANDIT_AVATAR = "https://cdn.burtson.ai/images/bandit-head.png";
 var coerceOptionalString = (value) => {
   if (typeof value !== "string") return void 0;
@@ -5814,21 +5931,22 @@ var ConversationDrawer = ({ open, onClose }) => {
     createProject,
     deleteProject
   } = useProjectStore();
-  const [projectManagementOpen, setProjectManagementOpen] = useState11(false);
-  const [collapsedProjects, setCollapsedProjects] = useState11(/* @__PURE__ */ new Set());
+  const [projectManagementOpen, setProjectManagementOpen] = useState12(false);
+  const [memoryModalOpen, setMemoryModalOpen] = useState12(false);
+  const [collapsedProjects, setCollapsedProjects] = useState12(/* @__PURE__ */ new Set());
   const didInitCollapseRef = useRef8(false);
-  const [searchQuery, setSearchQuery] = useState11("");
-  const [menuAnchorEl, setMenuAnchorEl] = useState11(null);
-  const [clearConfirmOpen, setClearConfirmOpen] = useState11(false);
-  const [moveModalOpen, setMoveModalOpen] = useState11(false);
-  const [conversationToMove, setConversationToMove] = useState11(null);
-  const [renameProjectId, setRenameProjectId] = useState11(null);
+  const [searchQuery, setSearchQuery] = useState12("");
+  const [menuAnchorEl, setMenuAnchorEl] = useState12(null);
+  const [clearConfirmOpen, setClearConfirmOpen] = useState12(false);
+  const [moveModalOpen, setMoveModalOpen] = useState12(false);
+  const [conversationToMove, setConversationToMove] = useState12(null);
+  const [renameProjectId, setRenameProjectId] = useState12(null);
   const getCustomClaim = useCallback4((key) => {
     if (!user) return void 0;
     const record = user;
     return coerceOptionalString(record[key]);
   }, [user]);
-  const userDisplayName = useMemo(() => {
+  const userDisplayName = useMemo2(() => {
     if (!user) return void 0;
     const candidateFields = [
       coerceOptionalString(user.name),
@@ -5843,7 +5961,7 @@ var ConversationDrawer = ({ open, onClose }) => {
     if (trimmedEmail) return trimmedEmail;
     return user.sub;
   }, [user, getCustomClaim]);
-  const userSecondaryText = useMemo(() => {
+  const userSecondaryText = useMemo2(() => {
     if (!user) return void 0;
     const trimmedEmail = coerceOptionalString(user.email);
     if (trimmedEmail && trimmedEmail !== userDisplayName) {
@@ -5855,7 +5973,7 @@ var ConversationDrawer = ({ open, onClose }) => {
     }
     return void 0;
   }, [user, userDisplayName]);
-  const [avatarImage, setAvatarImage] = useState11(BANDIT_AVATAR);
+  const [avatarImage, setAvatarImage] = useState12(BANDIT_AVATAR);
   useEffect10(() => {
     let active2 = true;
     let objectUrl = null;
@@ -5897,7 +6015,7 @@ var ConversationDrawer = ({ open, onClose }) => {
     };
   }, [getCustomClaim]);
   const avatarLabel = userDisplayName || user?.email || "Bandit";
-  const avatarInitials = useMemo(() => deriveInitials(avatarLabel), [avatarLabel]);
+  const avatarInitials = useMemo2(() => deriveInitials(avatarLabel), [avatarLabel]);
   useEffect10(() => {
     if (!projectsHydrated) {
       hydrateProjects();
@@ -5916,7 +6034,7 @@ var ConversationDrawer = ({ open, onClose }) => {
     const end = Math.min(text.length, idx + query.length + 60);
     return text.slice(start, end).replace(/\s+/g, " ").trim();
   };
-  const projectGroups = useMemo(() => {
+  const projectGroups = useMemo2(() => {
     const groups = projects.map((project) => ({
       id: project.id,
       name: project.name,
@@ -5939,7 +6057,7 @@ var ConversationDrawer = ({ open, onClose }) => {
     }
     return groups.filter((group) => group.conversations.length > 0 || group.id !== null);
   }, [projects, conversations, collapsedProjects]);
-  const filteredProjectGroups = useMemo(() => {
+  const filteredProjectGroups = useMemo2(() => {
     if (!searchQuery.trim()) return projectGroups;
     const query = searchQuery.toLowerCase();
     return projectGroups.map((group) => {
@@ -6010,8 +6128,8 @@ var ConversationDrawer = ({ open, onClose }) => {
     setMoveModalOpen(false);
     setConversationToMove(null);
   };
-  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
-    /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsxs10(
       Drawer,
       {
         anchor: "left",
@@ -6053,8 +6171,8 @@ var ConversationDrawer = ({ open, onClose }) => {
           }
         },
         children: [
-          /* @__PURE__ */ jsxs9(
-            Box9,
+          /* @__PURE__ */ jsxs10(
+            Box10,
             {
               sx: {
                 p: 2,
@@ -6065,7 +6183,23 @@ var ConversationDrawer = ({ open, onClose }) => {
                 gap: 1
               },
               children: [
-                /* @__PURE__ */ jsx12(Tooltip3, { title: tooltip("manageProjects"), arrow: true, children: /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx13(Tooltip4, { title: "Memories", arrow: true, children: /* @__PURE__ */ jsx13(
+                  IconButton7,
+                  {
+                    onClick: () => setMemoryModalOpen(true),
+                    size: "small",
+                    "aria-label": "Memories",
+                    sx: {
+                      color: theme.palette.text.secondary,
+                      "&:hover": {
+                        color: theme.palette.primary.main,
+                        bgcolor: alpha6(theme.palette.primary.main, 0.1)
+                      }
+                    },
+                    children: /* @__PURE__ */ jsx13(MemoryIcon, {})
+                  }
+                ) }),
+                /* @__PURE__ */ jsx13(Tooltip4, { title: tooltip("manageProjects"), arrow: true, children: /* @__PURE__ */ jsx13(
                   IconButton7,
                   {
                     onClick: () => setProjectManagementOpen(true),
@@ -6078,10 +6212,10 @@ var ConversationDrawer = ({ open, onClose }) => {
                         bgcolor: alpha6(theme.palette.primary.main, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx12(FolderIcon4, {})
+                    children: /* @__PURE__ */ jsx13(FolderIcon4, {})
                   }
                 ) }),
-                /* @__PURE__ */ jsx12(Tooltip3, { title: tooltip("conversationOptions"), arrow: true, children: /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx13(Tooltip4, { title: tooltip("conversationOptions"), arrow: true, children: /* @__PURE__ */ jsx13(
                   IconButton7,
                   {
                     onClick: handleMenuOpen,
@@ -6094,10 +6228,10 @@ var ConversationDrawer = ({ open, onClose }) => {
                         bgcolor: alpha6(theme.palette.text.primary, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx12(MoreVertIcon3, {})
+                    children: /* @__PURE__ */ jsx13(MoreVertIcon3, {})
                   }
                 ) }),
-                isMobile && /* @__PURE__ */ jsx12(Tooltip3, { title: tooltip("closeConversationsPanel"), children: /* @__PURE__ */ jsx12(
+                isMobile && /* @__PURE__ */ jsx13(Tooltip4, { title: tooltip("closeConversationsPanel"), children: /* @__PURE__ */ jsx13(
                   IconButton7,
                   {
                     onClick: (e) => {
@@ -6114,13 +6248,13 @@ var ConversationDrawer = ({ open, onClose }) => {
                         bgcolor: alpha6(theme.palette.error.main, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx12(CloseIcon4, {})
+                    children: /* @__PURE__ */ jsx13(CloseIcon4, {})
                   }
                 ) })
               ]
             }
           ),
-          /* @__PURE__ */ jsx12(Box9, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(Box10, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx13(
             TextField6,
             {
               fullWidth: true,
@@ -6130,8 +6264,8 @@ var ConversationDrawer = ({ open, onClose }) => {
               onChange: (e) => setSearchQuery(e.target.value),
               variant: "outlined",
               InputProps: {
-                startAdornment: /* @__PURE__ */ jsx12(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx12(SearchIcon, { size: 16, color: theme.palette.text.secondary }) }),
-                endAdornment: searchQuery && /* @__PURE__ */ jsx12(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx12(Tooltip3, { title: tooltip("clearSearch"), children: /* @__PURE__ */ jsx12(
+                startAdornment: /* @__PURE__ */ jsx13(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx13(SearchIcon, { size: 16, color: theme.palette.text.secondary }) }),
+                endAdornment: searchQuery && /* @__PURE__ */ jsx13(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx13(Tooltip4, { title: tooltip("clearSearch"), children: /* @__PURE__ */ jsx13(
                   IconButton7,
                   {
                     onClick: handleSearchClear,
@@ -6139,7 +6273,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                     edge: "end",
                     "aria-label": tooltip("clearSearch"),
                     sx: { color: theme.palette.text.secondary },
-                    children: /* @__PURE__ */ jsx12(ClearIcon, { size: 16 })
+                    children: /* @__PURE__ */ jsx13(ClearIcon, { size: 16 })
                   }
                 ) }) })
               },
@@ -6156,9 +6290,9 @@ var ConversationDrawer = ({ open, onClose }) => {
               }
             }
           ) }),
-          /* @__PURE__ */ jsxs9(Box9, { sx: { flex: 1, overflow: "auto", display: "flex", flexDirection: "column" }, children: [
-            /* @__PURE__ */ jsxs9(
-              Box9,
+          /* @__PURE__ */ jsxs10(Box10, { sx: { flex: 1, overflow: "auto", display: "flex", flexDirection: "column" }, children: [
+            /* @__PURE__ */ jsxs10(
+              Box10,
               {
                 onClick: async () => {
                   const names = new Set(projects.map((p) => p.name));
@@ -6192,8 +6326,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                   "&:hover": { bgcolor: alpha6(theme.palette.text.primary, 0.04) }
                 },
                 children: [
-                  /* @__PURE__ */ jsx12(
-                    Box9,
+                  /* @__PURE__ */ jsx13(
+                    Box10,
                     {
                       sx: {
                         width: 28,
@@ -6205,10 +6339,10 @@ var ConversationDrawer = ({ open, onClose }) => {
                         justifyContent: "center",
                         flexShrink: 0
                       },
-                      children: /* @__PURE__ */ jsx12(FolderIcon4, { size: 16, color: theme.palette.success.main })
+                      children: /* @__PURE__ */ jsx13(FolderIcon4, { size: 16, color: theme.palette.success.main })
                     }
                   ),
-                  /* @__PURE__ */ jsx12(
+                  /* @__PURE__ */ jsx13(
                     Typography7,
                     {
                       variant: "subtitle2",
@@ -6216,22 +6350,22 @@ var ConversationDrawer = ({ open, onClose }) => {
                       children: "New Project"
                     }
                   ),
-                  /* @__PURE__ */ jsx12(Tooltip3, { title: tooltip("addProject"), arrow: true, children: /* @__PURE__ */ jsx12(
+                  /* @__PURE__ */ jsx13(Tooltip4, { title: tooltip("addProject"), arrow: true, children: /* @__PURE__ */ jsx13(
                     IconButton7,
                     {
                       size: "small",
                       "aria-label": tooltip("addProject"),
                       sx: { color: theme.palette.success.main },
-                      children: /* @__PURE__ */ jsx12(AddIcon4, { size: 16 })
+                      children: /* @__PURE__ */ jsx13(AddIcon4, { size: 16 })
                     }
                   ) })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx12(Divider2, { sx: { opacity: 0.3 } }),
-            filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs9(Box9, { children: [
-              group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs9(
-                Box9,
+            /* @__PURE__ */ jsx13(Divider2, { sx: { opacity: 0.3 } }),
+            filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs10(Box10, { children: [
+              group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs10(
+                Box10,
                 {
                   sx: {
                     py: 2,
@@ -6241,9 +6375,9 @@ var ConversationDrawer = ({ open, onClose }) => {
                     gap: 2
                   },
                   children: [
-                    /* @__PURE__ */ jsx12(Divider2, { sx: { flex: 1, opacity: 0.6 } }),
-                    /* @__PURE__ */ jsxs9(Box9, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                      /* @__PURE__ */ jsx12(
+                    /* @__PURE__ */ jsx13(Divider2, { sx: { flex: 1, opacity: 0.6 } }),
+                    /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                      /* @__PURE__ */ jsx13(
                         InboxIcon3,
                         {
                           size: 14,
@@ -6251,7 +6385,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                           style: { opacity: 0.7 }
                         }
                       ),
-                      /* @__PURE__ */ jsx12(
+                      /* @__PURE__ */ jsx13(
                         Typography7,
                         {
                           variant: "caption",
@@ -6266,12 +6400,12 @@ var ConversationDrawer = ({ open, onClose }) => {
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx12(Divider2, { sx: { flex: 1, opacity: 0.6 } })
+                    /* @__PURE__ */ jsx13(Divider2, { sx: { flex: 1, opacity: 0.6 } })
                   ]
                 }
               ),
-              group.id !== null ? /* @__PURE__ */ jsxs9(Fragment6, { children: [
-                /* @__PURE__ */ jsx12(
+              group.id !== null ? /* @__PURE__ */ jsxs10(Fragment6, { children: [
+                /* @__PURE__ */ jsx13(
                   project_header_default,
                   {
                     projectId: group.id,
@@ -6300,8 +6434,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx12(Collapse2, { in: !group.collapsed, children: /* @__PURE__ */ jsxs9(Box9, { sx: { pb: 1 }, children: [
-                  group.conversations.map((conversation) => /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx13(Collapse2, { in: !group.collapsed, children: /* @__PURE__ */ jsxs10(Box10, { sx: { pb: 1 }, children: [
+                  group.conversations.map((conversation) => /* @__PURE__ */ jsx13(
                     simple_conversation_item_default,
                     {
                       conversation,
@@ -6321,8 +6455,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                     },
                     conversation.id
                   )),
-                  group.conversations.length === 0 && !group.collapsed && group.id !== null && /* @__PURE__ */ jsxs9(
-                    Box9,
+                  group.conversations.length === 0 && !group.collapsed && group.id !== null && /* @__PURE__ */ jsxs10(
+                    Box10,
                     {
                       sx: {
                         p: 3,
@@ -6330,17 +6464,17 @@ var ConversationDrawer = ({ open, onClose }) => {
                         color: theme.palette.text.secondary
                       },
                       children: [
-                        /* @__PURE__ */ jsx12(Typography7, { variant: "body2", children: "No conversations in this project yet" }),
-                        /* @__PURE__ */ jsx12(Typography7, { variant: "caption", sx: { mt: 1, display: "block" }, children: "Drag conversations here or use the + button above" })
+                        /* @__PURE__ */ jsx13(Typography7, { variant: "body2", children: "No conversations in this project yet" }),
+                        /* @__PURE__ */ jsx13(Typography7, { variant: "caption", sx: { mt: 1, display: "block" }, children: "Drag conversations here or use the + button above" })
                       ]
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ jsx12(Divider2, { sx: { opacity: 0.3 } })
+                /* @__PURE__ */ jsx13(Divider2, { sx: { opacity: 0.3 } })
               ] }) : (
                 // Special handling for ungrouped - no header, just conversations in scrollable area
-                /* @__PURE__ */ jsx12(
-                  Box9,
+                /* @__PURE__ */ jsx13(
+                  Box10,
                   {
                     sx: {
                       minHeight: 0,
@@ -6353,7 +6487,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                       mx: 1,
                       mb: 1
                     },
-                    children: group.conversations.map((conversation) => /* @__PURE__ */ jsx12(
+                    children: group.conversations.map((conversation) => /* @__PURE__ */ jsx13(
                       simple_conversation_item_default,
                       {
                         conversation,
@@ -6377,8 +6511,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                 )
               )
             ] }, group.id || "ungrouped")),
-            filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs9(
-              Box9,
+            filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs10(
+              Box10,
               {
                 sx: {
                   flex: 1,
@@ -6391,14 +6525,14 @@ var ConversationDrawer = ({ open, onClose }) => {
                   color: theme.palette.text.secondary
                 },
                 children: [
-                  /* @__PURE__ */ jsx12(Typography7, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
-                  /* @__PURE__ */ jsx12(Typography7, { variant: "body2", sx: { mb: 3, maxWidth: 280 }, children: searchQuery ? `No conversations match "${searchQuery}"` : "Start your first conversation to begin organizing your chats into projects" })
+                  /* @__PURE__ */ jsx13(Typography7, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
+                  /* @__PURE__ */ jsx13(Typography7, { variant: "body2", sx: { mb: 3, maxWidth: 280 }, children: searchQuery ? `No conversations match "${searchQuery}"` : "Start your first conversation to begin organizing your chats into projects" })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs9(
-            Box9,
+          /* @__PURE__ */ jsxs10(
+            Box10,
             {
               onClick: user ? () => {
                 window.location.href = "/profile";
@@ -6419,7 +6553,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                 "&:hover": user ? { bgcolor: alpha6(theme.palette.primary.main, 0.08) } : void 0
               },
               children: [
-                /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx13(
                   Avatar6,
                   {
                     src: avatarImage,
@@ -6434,8 +6568,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                     children: avatarInitials
                   }
                 ),
-                /* @__PURE__ */ jsxs9(
-                  Box9,
+                /* @__PURE__ */ jsxs10(
+                  Box10,
                   {
                     sx: {
                       minWidth: 0,
@@ -6447,7 +6581,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                       gap: 0.25
                     },
                     children: [
-                      /* @__PURE__ */ jsx12(
+                      /* @__PURE__ */ jsx13(
                         Typography7,
                         {
                           variant: "subtitle2",
@@ -6456,7 +6590,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                           children: user ? userDisplayName : "Not signed in"
                         }
                       ),
-                      /* @__PURE__ */ jsx12(
+                      /* @__PURE__ */ jsx13(
                         Typography7,
                         {
                           variant: "caption",
@@ -6468,7 +6602,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                     ]
                   }
                 ),
-                user && /* @__PURE__ */ jsx12(
+                user && /* @__PURE__ */ jsx13(
                   SettingsIcon2,
                   {
                     size: 18,
@@ -6482,14 +6616,15 @@ var ConversationDrawer = ({ open, onClose }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13(
       project_management_modal_default,
       {
         open: projectManagementOpen,
         onClose: () => setProjectManagementOpen(false)
       }
     ),
-    conversationToMove && /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13(memory_modal_default, { open: memoryModalOpen, onClose: () => setMemoryModalOpen(false) }),
+    conversationToMove && /* @__PURE__ */ jsx13(
       move_conversation_modal_default,
       {
         open: moveModalOpen,
@@ -6498,7 +6633,7 @@ var ConversationDrawer = ({ open, onClose }) => {
         currentProjectId: conversationToMove.projectId
       }
     ),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13(
       Menu3,
       {
         anchorEl: menuAnchorEl,
@@ -6512,7 +6647,7 @@ var ConversationDrawer = ({ open, onClose }) => {
           vertical: "bottom",
           horizontal: "right"
         },
-        children: /* @__PURE__ */ jsxs9(
+        children: /* @__PURE__ */ jsxs10(
           MenuItem3,
           {
             onClick: () => {
@@ -6521,14 +6656,14 @@ var ConversationDrawer = ({ open, onClose }) => {
             },
             sx: { color: theme.palette.error.main },
             children: [
-              /* @__PURE__ */ jsx12(ListItemIcon3, { children: /* @__PURE__ */ jsx12(DeleteSweepIcon, { size: 16, color: theme.palette.error.main }) }),
-              /* @__PURE__ */ jsx12(ListItemText3, { children: "Clear All Conversations" })
+              /* @__PURE__ */ jsx13(ListItemIcon3, { children: /* @__PURE__ */ jsx13(DeleteSweepIcon, { size: 16, color: theme.palette.error.main }) }),
+              /* @__PURE__ */ jsx13(ListItemText3, { children: "Clear All Conversations" })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsxs10(
       Dialog3,
       {
         open: clearConfirmOpen,
@@ -6536,11 +6671,11 @@ var ConversationDrawer = ({ open, onClose }) => {
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__PURE__ */ jsx12(DialogTitle3, { children: "Clear All Conversations?" }),
-          /* @__PURE__ */ jsx12(DialogContent3, { children: /* @__PURE__ */ jsx12(Typography7, { children: "This will permanently delete all conversations and cannot be undone. Are you sure you want to continue?" }) }),
-          /* @__PURE__ */ jsxs9(DialogActions3, { children: [
-            /* @__PURE__ */ jsx12(Button5, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(DialogTitle3, { children: "Clear All Conversations?" }),
+          /* @__PURE__ */ jsx13(DialogContent3, { children: /* @__PURE__ */ jsx13(Typography7, { children: "This will permanently delete all conversations and cannot be undone. Are you sure you want to continue?" }) }),
+          /* @__PURE__ */ jsxs10(DialogActions3, { children: [
+            /* @__PURE__ */ jsx13(Button5, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx13(
               Button5,
               {
                 onClick: handleClearAllConfirm,
@@ -6558,9 +6693,9 @@ var ConversationDrawer = ({ open, onClose }) => {
 var conversation_drawer_default = ConversationDrawer;
 
 // src/chat/enhanced-mobile-conversations-modal.tsx
-import { useState as useState12, useMemo as useMemo2, useEffect as useEffect11, useRef as useRef9, useCallback as useCallback5 } from "react";
+import { useState as useState13, useMemo as useMemo3, useEffect as useEffect11, useRef as useRef9, useCallback as useCallback5 } from "react";
 import {
-  Box as Box10,
+  Box as Box11,
   IconButton as IconButton8,
   Modal as Modal2,
   Typography as Typography8,
@@ -6585,7 +6720,7 @@ import {
 } from "@mui/material";
 import { X as CloseIcon5, X as ClearIcon2, Search as SearchIcon2, Folder as FolderIcon5, MoreVertical as MoreVertIcon4, Trash2 as DeleteSweepIcon2, Inbox as InboxIcon4, Plus as AddIcon5 } from "lucide-react";
 import { useTheme as useTheme11, alpha as alpha7 } from "@mui/material/styles";
-import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var BANDIT_AVATAR2 = "https://cdn.burtson.ai/images/bandit-head.png";
 var coerceOptionalString2 = (value) => {
   if (typeof value !== "string") return void 0;
@@ -6636,24 +6771,24 @@ var EnhancedMobileConversationsModal = ({
     createProject,
     deleteProject
   } = useProjectStore();
-  const [projectManagementOpen, setProjectManagementOpen] = useState12(false);
-  const [collapsedProjects, setCollapsedProjects] = useState12(/* @__PURE__ */ new Set());
+  const [projectManagementOpen, setProjectManagementOpen] = useState13(false);
+  const [collapsedProjects, setCollapsedProjects] = useState13(/* @__PURE__ */ new Set());
   const didInitCollapseRef = useRef9(false);
-  const [searchQuery, setSearchQuery] = useState12("");
-  const [menuAnchorEl, setMenuAnchorEl] = useState12(null);
-  const [clearConfirmOpen, setClearConfirmOpen] = useState12(false);
-  const [moveModalOpen, setMoveModalOpen] = useState12(false);
-  const [conversationToMove, setConversationToMove] = useState12(null);
-  const [renameProjectId, setRenameProjectId] = useState12(null);
-  const [deletedConversationIds, setDeletedConversationIds] = useState12(/* @__PURE__ */ new Set());
-  const [touchDragState, setTouchDragState] = useState12({ conversationId: null, originProjectId: null, hoverProjectId: null });
-  const [avatarImage, setAvatarImage] = useState12(BANDIT_AVATAR2);
+  const [searchQuery, setSearchQuery] = useState13("");
+  const [menuAnchorEl, setMenuAnchorEl] = useState13(null);
+  const [clearConfirmOpen, setClearConfirmOpen] = useState13(false);
+  const [moveModalOpen, setMoveModalOpen] = useState13(false);
+  const [conversationToMove, setConversationToMove] = useState13(null);
+  const [renameProjectId, setRenameProjectId] = useState13(null);
+  const [deletedConversationIds, setDeletedConversationIds] = useState13(/* @__PURE__ */ new Set());
+  const [touchDragState, setTouchDragState] = useState13({ conversationId: null, originProjectId: null, hoverProjectId: null });
+  const [avatarImage, setAvatarImage] = useState13(BANDIT_AVATAR2);
   const getCustomClaim = useCallback5((key) => {
     if (!user) return void 0;
     const record = user;
     return coerceOptionalString2(record[key]);
   }, [user]);
-  const userDisplayName = useMemo2(() => {
+  const userDisplayName = useMemo3(() => {
     if (!user) return void 0;
     const candidateFields = [
       coerceOptionalString2(user.name),
@@ -6668,7 +6803,7 @@ var EnhancedMobileConversationsModal = ({
     if (trimmedEmail) return trimmedEmail;
     return user.sub;
   }, [user, getCustomClaim]);
-  const userSecondaryText = useMemo2(() => {
+  const userSecondaryText = useMemo3(() => {
     if (!user) return void 0;
     const trimmedEmail = coerceOptionalString2(user.email);
     if (trimmedEmail && trimmedEmail !== userDisplayName) {
@@ -6697,7 +6832,7 @@ var EnhancedMobileConversationsModal = ({
     }
   }, [open]);
   const avatarLabel = userDisplayName || user?.email || "Bandit";
-  const avatarInitials = useMemo2(() => deriveInitials2(avatarLabel), [avatarLabel]);
+  const avatarInitials = useMemo3(() => deriveInitials2(avatarLabel), [avatarLabel]);
   const buildSnippet = (text, query, idx) => {
     const start = Math.max(0, idx - 40);
     const end = Math.min(text.length, idx + query.length + 60);
@@ -6716,7 +6851,7 @@ var EnhancedMobileConversationsModal = ({
       }
     }
   }, [projectsHydrated, projects]);
-  const projectGroups = useMemo2(() => {
+  const projectGroups = useMemo3(() => {
     const visibleConversations = conversations.filter(
       (conversation) => !deletedConversationIds.has(conversation.id)
     );
@@ -6742,11 +6877,11 @@ var EnhancedMobileConversationsModal = ({
     }
     return groups.filter((group) => group.conversations.length > 0 || group.id !== null);
   }, [projects, conversations, collapsedProjects, deletedConversationIds]);
-  const visibleConversationCount = useMemo2(
+  const visibleConversationCount = useMemo3(
     () => projectGroups.reduce((total, group) => total + group.conversations.length, 0),
     [projectGroups]
   );
-  const filteredProjectGroups = useMemo2(() => {
+  const filteredProjectGroups = useMemo3(() => {
     if (!searchQuery.trim()) return projectGroups;
     const query = searchQuery.toLowerCase();
     return projectGroups.map((group) => {
@@ -6822,11 +6957,11 @@ var EnhancedMobileConversationsModal = ({
       return { conversationId: null, originProjectId: null, hoverProjectId: null };
     });
   }, [getProjectIdFromPoint, moveConversationToProject]);
-  const activeDragConversation = useMemo2(() => {
+  const activeDragConversation = useMemo3(() => {
     if (!touchDragState.conversationId) return null;
     return conversations.find((conv) => conv.id === touchDragState.conversationId) || null;
   }, [touchDragState.conversationId, conversations]);
-  const activeHoverLabel = useMemo2(() => {
+  const activeHoverLabel = useMemo3(() => {
     if (!touchDragState.hoverProjectId) return "";
     if (touchDragState.hoverProjectId === "__ungrouped") return "Ungrouped";
     const project = projects.find((p) => p.id === touchDragState.hoverProjectId);
@@ -6890,8 +7025,8 @@ var EnhancedMobileConversationsModal = ({
       return changed ? next : prev;
     });
   }, [conversations]);
-  return /* @__PURE__ */ jsxs10(Fragment7, { children: [
-    /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs11(Fragment7, { children: [
+    /* @__PURE__ */ jsx14(
       Modal2,
       {
         open,
@@ -6900,8 +7035,8 @@ var EnhancedMobileConversationsModal = ({
           display: "flex",
           alignItems: "flex-end"
         },
-        children: /* @__PURE__ */ jsx13(Slide, { direction: "up", in: open, children: /* @__PURE__ */ jsxs10(
-          Box10,
+        children: /* @__PURE__ */ jsx14(Slide, { direction: "up", in: open, children: /* @__PURE__ */ jsxs11(
+          Box11,
           {
             sx: {
               width: "100%",
@@ -6914,7 +7049,7 @@ var EnhancedMobileConversationsModal = ({
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(
                 AppBar,
                 {
                   position: "static",
@@ -6924,9 +7059,9 @@ var EnhancedMobileConversationsModal = ({
                     color: theme.palette.text.primary,
                     borderBottom: `1px solid ${theme.palette.divider}`
                   },
-                  children: /* @__PURE__ */ jsxs10(Toolbar, { children: [
-                    /* @__PURE__ */ jsx13(Typography8, { variant: "h6", sx: { flex: 1, fontWeight: 600 }, children: "Conversations" }),
-                    visibleConversationCount > 0 && /* @__PURE__ */ jsx13(
+                  children: /* @__PURE__ */ jsxs11(Toolbar, { children: [
+                    /* @__PURE__ */ jsx14(Typography8, { variant: "h6", sx: { flex: 1, fontWeight: 600 }, children: "Conversations" }),
+                    visibleConversationCount > 0 && /* @__PURE__ */ jsx14(
                       Chip4,
                       {
                         label: visibleConversationCount,
@@ -6939,34 +7074,34 @@ var EnhancedMobileConversationsModal = ({
                         }
                       }
                     ),
-                    /* @__PURE__ */ jsx13(
+                    /* @__PURE__ */ jsx14(
                       IconButton8,
                       {
                         onClick: () => setProjectManagementOpen(true),
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx13(FolderIcon5, {})
+                        children: /* @__PURE__ */ jsx14(FolderIcon5, {})
                       }
                     ),
-                    /* @__PURE__ */ jsx13(
+                    /* @__PURE__ */ jsx14(
                       IconButton8,
                       {
                         onClick: handleMenuOpen,
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx13(MoreVertIcon4, {})
+                        children: /* @__PURE__ */ jsx14(MoreVertIcon4, {})
                       }
                     ),
-                    /* @__PURE__ */ jsx13(
+                    /* @__PURE__ */ jsx14(
                       IconButton8,
                       {
                         onClick: onClose,
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx13(CloseIcon5, {})
+                        children: /* @__PURE__ */ jsx14(CloseIcon5, {})
                       }
                     )
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx13(Box10, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(Box11, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx14(
                 TextField7,
                 {
                   fullWidth: true,
@@ -6976,22 +7111,22 @@ var EnhancedMobileConversationsModal = ({
                   onChange: (e) => setSearchQuery(e.target.value),
                   variant: "outlined",
                   InputProps: {
-                    startAdornment: /* @__PURE__ */ jsx13(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx13(SearchIcon2, { size: 16, color: theme.palette.text.secondary }) }),
-                    endAdornment: searchQuery && /* @__PURE__ */ jsx13(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx13(
+                    startAdornment: /* @__PURE__ */ jsx14(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx14(SearchIcon2, { size: 16, color: theme.palette.text.secondary }) }),
+                    endAdornment: searchQuery && /* @__PURE__ */ jsx14(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx14(
                       IconButton8,
                       {
                         onClick: handleSearchClear,
                         size: "small",
                         edge: "end",
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx13(ClearIcon2, { size: 16 })
+                        children: /* @__PURE__ */ jsx14(ClearIcon2, { size: 16 })
                       }
                     ) })
                   }
                 }
               ) }),
-              /* @__PURE__ */ jsxs10(
-                Box10,
+              /* @__PURE__ */ jsxs11(
+                Box11,
                 {
                   sx: {
                     flex: 1,
@@ -7002,8 +7137,8 @@ var EnhancedMobileConversationsModal = ({
                     pb: 2
                   },
                   children: [
-                    touchDragActive && activeDragConversation && /* @__PURE__ */ jsxs10(
-                      Box10,
+                    touchDragActive && activeDragConversation && /* @__PURE__ */ jsxs11(
+                      Box11,
                       {
                         sx: {
                           position: "absolute",
@@ -7028,7 +7163,7 @@ var EnhancedMobileConversationsModal = ({
                           overflow: "hidden"
                         },
                         children: [
-                          /* @__PURE__ */ jsxs10(
+                          /* @__PURE__ */ jsxs11(
                             Typography8,
                             {
                               variant: "caption",
@@ -7041,8 +7176,8 @@ var EnhancedMobileConversationsModal = ({
                               },
                               children: [
                                 "Move",
-                                /* @__PURE__ */ jsxs10(
-                                  Box10,
+                                /* @__PURE__ */ jsxs11(
+                                  Box11,
                                   {
                                     component: "span",
                                     sx: {
@@ -7062,7 +7197,7 @@ var EnhancedMobileConversationsModal = ({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsx13(
+                          /* @__PURE__ */ jsx14(
                             Typography8,
                             {
                               variant: "caption",
@@ -7071,11 +7206,11 @@ var EnhancedMobileConversationsModal = ({
                                 fontWeight: 500,
                                 whiteSpace: "nowrap"
                               },
-                              children: activeHoverLabel ? /* @__PURE__ */ jsxs10(Fragment7, { children: [
+                              children: activeHoverLabel ? /* @__PURE__ */ jsxs11(Fragment7, { children: [
                                 "to",
                                 " ",
-                                /* @__PURE__ */ jsx13(
-                                  Box10,
+                                /* @__PURE__ */ jsx14(
+                                  Box11,
                                   {
                                     component: "span",
                                     sx: {
@@ -7091,8 +7226,8 @@ var EnhancedMobileConversationsModal = ({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs10(
-                      Box10,
+                    /* @__PURE__ */ jsxs11(
+                      Box11,
                       {
                         onClick: async () => {
                           const names = new Set(projects.map((p) => p.name));
@@ -7126,8 +7261,8 @@ var EnhancedMobileConversationsModal = ({
                           "&:hover": { bgcolor: alpha7(theme.palette.text.primary, 0.04) }
                         },
                         children: [
-                          /* @__PURE__ */ jsx13(
-                            Box10,
+                          /* @__PURE__ */ jsx14(
+                            Box11,
                             {
                               sx: {
                                 width: 28,
@@ -7139,10 +7274,10 @@ var EnhancedMobileConversationsModal = ({
                                 justifyContent: "center",
                                 flexShrink: 0
                               },
-                              children: /* @__PURE__ */ jsx13(FolderIcon5, { size: 16, color: theme.palette.success.main })
+                              children: /* @__PURE__ */ jsx14(FolderIcon5, { size: 16, color: theme.palette.success.main })
                             }
                           ),
-                          /* @__PURE__ */ jsx13(
+                          /* @__PURE__ */ jsx14(
                             Typography8,
                             {
                               variant: "subtitle2",
@@ -7150,14 +7285,14 @@ var EnhancedMobileConversationsModal = ({
                               children: "New Project"
                             }
                           ),
-                          /* @__PURE__ */ jsx13(IconButton8, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ jsx13(AddIcon5, { size: 16 }) })
+                          /* @__PURE__ */ jsx14(IconButton8, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ jsx14(AddIcon5, { size: 16 }) })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx13(Divider3, { sx: { opacity: 0.3 } }),
-                    filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs10(Box10, { children: [
-                      group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs10(
-                        Box10,
+                    /* @__PURE__ */ jsx14(Divider3, { sx: { opacity: 0.3 } }),
+                    filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs11(Box11, { children: [
+                      group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs11(
+                        Box11,
                         {
                           sx: {
                             py: 2,
@@ -7167,9 +7302,9 @@ var EnhancedMobileConversationsModal = ({
                             gap: 2
                           },
                           children: [
-                            /* @__PURE__ */ jsx13(Divider3, { sx: { flex: 1, opacity: 0.6 } }),
-                            /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                              /* @__PURE__ */ jsx13(
+                            /* @__PURE__ */ jsx14(Divider3, { sx: { flex: 1, opacity: 0.6 } }),
+                            /* @__PURE__ */ jsxs11(Box11, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                              /* @__PURE__ */ jsx14(
                                 InboxIcon4,
                                 {
                                   size: 14,
@@ -7177,7 +7312,7 @@ var EnhancedMobileConversationsModal = ({
                                   style: { opacity: 0.7 }
                                 }
                               ),
-                              /* @__PURE__ */ jsx13(
+                              /* @__PURE__ */ jsx14(
                                 Typography8,
                                 {
                                   variant: "caption",
@@ -7192,12 +7327,12 @@ var EnhancedMobileConversationsModal = ({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsx13(Divider3, { sx: { flex: 1, opacity: 0.6 } })
+                            /* @__PURE__ */ jsx14(Divider3, { sx: { flex: 1, opacity: 0.6 } })
                           ]
                         }
                       ),
-                      group.id !== null ? /* @__PURE__ */ jsxs10(Fragment7, { children: [
-                        /* @__PURE__ */ jsx13(
+                      group.id !== null ? /* @__PURE__ */ jsxs11(Fragment7, { children: [
+                        /* @__PURE__ */ jsx14(
                           project_header_default,
                           {
                             projectId: group.id,
@@ -7227,8 +7362,8 @@ var EnhancedMobileConversationsModal = ({
                             isTouchTarget: touchDragActive && touchDragState.hoverProjectId === group.id
                           }
                         ),
-                        /* @__PURE__ */ jsx13(Collapse3, { in: !group.collapsed, children: /* @__PURE__ */ jsx13(
-                          Box10,
+                        /* @__PURE__ */ jsx14(Collapse3, { in: !group.collapsed, children: /* @__PURE__ */ jsx14(
+                          Box11,
                           {
                             "data-project-id": group.id ?? "__ungrouped",
                             sx: {
@@ -7238,7 +7373,7 @@ var EnhancedMobileConversationsModal = ({
                               transition: "border 0.2s ease, background-color 0.2s ease",
                               backgroundColor: touchDragActive && touchDragState.hoverProjectId === group.id ? alpha7(theme.palette.primary.main, 0.08) : "transparent"
                             },
-                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx13(
+                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx14(
                               simple_conversation_item_default,
                               {
                                 conversation,
@@ -7272,8 +7407,8 @@ var EnhancedMobileConversationsModal = ({
                         ) })
                       ] }) : (
                         // Special handling for ungrouped - no header, just conversations in scrollable area
-                        /* @__PURE__ */ jsx13(
-                          Box10,
+                        /* @__PURE__ */ jsx14(
+                          Box11,
                           {
                             sx: {
                               minHeight: 0,
@@ -7289,7 +7424,7 @@ var EnhancedMobileConversationsModal = ({
                               backgroundColor: touchDragActive && touchDragState.hoverProjectId === "__ungrouped" ? alpha7(theme.palette.primary.main, 0.08) : alpha7(theme.palette.background.default, 0.3)
                             },
                             "data-project-id": "__ungrouped",
-                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx13(
+                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx14(
                               simple_conversation_item_default,
                               {
                                 conversation,
@@ -7323,8 +7458,8 @@ var EnhancedMobileConversationsModal = ({
                         )
                       )
                     ] }, group.id || "ungrouped")),
-                    filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs10(
-                      Box10,
+                    filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs11(
+                      Box11,
                       {
                         sx: {
                           flex: 1,
@@ -7337,16 +7472,16 @@ var EnhancedMobileConversationsModal = ({
                           color: theme.palette.text.secondary
                         },
                         children: [
-                          /* @__PURE__ */ jsx13(Typography8, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
-                          /* @__PURE__ */ jsx13(Typography8, { variant: "body2", sx: { mb: 3, maxWidth: 280 }, children: searchQuery ? `No conversations match "${searchQuery}"` : "Start your first conversation to begin organizing your chats into projects" })
+                          /* @__PURE__ */ jsx14(Typography8, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
+                          /* @__PURE__ */ jsx14(Typography8, { variant: "body2", sx: { mb: 3, maxWidth: 280 }, children: searchQuery ? `No conversations match "${searchQuery}"` : "Start your first conversation to begin organizing your chats into projects" })
                         ]
                       }
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs10(
-                Box10,
+              /* @__PURE__ */ jsxs11(
+                Box11,
                 {
                   sx: {
                     mt: "auto",
@@ -7361,7 +7496,7 @@ var EnhancedMobileConversationsModal = ({
                     flexWrap: "wrap"
                   },
                   children: [
-                    /* @__PURE__ */ jsx13(
+                    /* @__PURE__ */ jsx14(
                       Avatar7,
                       {
                         src: avatarImage,
@@ -7376,8 +7511,8 @@ var EnhancedMobileConversationsModal = ({
                         children: avatarInitials
                       }
                     ),
-                    /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 0.5, minWidth: 0 }, children: [
-                      /* @__PURE__ */ jsx13(
+                    /* @__PURE__ */ jsxs11(Box11, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 0.5, minWidth: 0 }, children: [
+                      /* @__PURE__ */ jsx14(
                         Typography8,
                         {
                           variant: "subtitle2",
@@ -7386,7 +7521,7 @@ var EnhancedMobileConversationsModal = ({
                           children: user ? userDisplayName : "Not signed in"
                         }
                       ),
-                      !user && /* @__PURE__ */ jsx13(
+                      !user && /* @__PURE__ */ jsx14(
                         Typography8,
                         {
                           variant: "caption",
@@ -7404,14 +7539,14 @@ var EnhancedMobileConversationsModal = ({
         ) })
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       project_management_modal_default,
       {
         open: projectManagementOpen,
         onClose: () => setProjectManagementOpen(false)
       }
     ),
-    conversationToMove && /* @__PURE__ */ jsx13(
+    conversationToMove && /* @__PURE__ */ jsx14(
       move_conversation_modal_default,
       {
         open: moveModalOpen,
@@ -7420,7 +7555,7 @@ var EnhancedMobileConversationsModal = ({
         currentProjectId: conversationToMove.projectId
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       Menu4,
       {
         anchorEl: menuAnchorEl,
@@ -7434,7 +7569,7 @@ var EnhancedMobileConversationsModal = ({
           vertical: "bottom",
           horizontal: "right"
         },
-        children: /* @__PURE__ */ jsxs10(
+        children: /* @__PURE__ */ jsxs11(
           MenuItem4,
           {
             onClick: () => {
@@ -7444,14 +7579,14 @@ var EnhancedMobileConversationsModal = ({
             disabled: visibleConversationCount === 0,
             sx: { color: theme.palette.error.main },
             children: [
-              /* @__PURE__ */ jsx13(ListItemIcon4, { children: /* @__PURE__ */ jsx13(DeleteSweepIcon2, { size: 16, color: theme.palette.error.main }) }),
-              /* @__PURE__ */ jsx13(ListItemText4, { children: "Clear All Conversations" })
+              /* @__PURE__ */ jsx14(ListItemIcon4, { children: /* @__PURE__ */ jsx14(DeleteSweepIcon2, { size: 16, color: theme.palette.error.main }) }),
+              /* @__PURE__ */ jsx14(ListItemText4, { children: "Clear All Conversations" })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsxs11(
       Dialog4,
       {
         open: clearConfirmOpen,
@@ -7459,11 +7594,11 @@ var EnhancedMobileConversationsModal = ({
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__PURE__ */ jsx13(DialogTitle4, { children: "Clear All Conversations?" }),
-          /* @__PURE__ */ jsx13(DialogContent4, { children: /* @__PURE__ */ jsx13(Typography8, { children: visibleConversationCount === 0 ? "No conversations available to clear." : `This will permanently delete ${visibleConversationCount} conversation${visibleConversationCount === 1 ? "" : "s"} and cannot be undone.` }) }),
-          /* @__PURE__ */ jsxs10(DialogActions4, { children: [
-            /* @__PURE__ */ jsx13(Button6, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(DialogTitle4, { children: "Clear All Conversations?" }),
+          /* @__PURE__ */ jsx14(DialogContent4, { children: /* @__PURE__ */ jsx14(Typography8, { children: visibleConversationCount === 0 ? "No conversations available to clear." : `This will permanently delete ${visibleConversationCount} conversation${visibleConversationCount === 1 ? "" : "s"} and cannot be undone.` }) }),
+          /* @__PURE__ */ jsxs11(DialogActions4, { children: [
+            /* @__PURE__ */ jsx14(Button6, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx14(
               Button6,
               {
                 onClick: handleClearAllConfirm,
@@ -7482,7 +7617,7 @@ var enhanced_mobile_conversations_modal_default = EnhancedMobileConversationsMod
 
 // src/chat/chat-app-bar.tsx
 import { shallow as shallow2 } from "zustand/shallow";
-import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var CDN_BASE = "https://cdn.burtson.ai/";
 var banditHead = `${CDN_BASE}/images/bandit-head.png`;
 var modelAvatars = {
@@ -7529,12 +7664,12 @@ var ChatAppBar = ({
     menuBackground,
     menuText
   } = theme.palette.chat.appBar;
-  const [modelAnchorEl, setModelAnchorEl] = useState13(null);
-  const [engineAnchorEl, setEngineAnchorEl] = useState13(null);
-  const [voiceAnchorEl, setVoiceAnchorEl] = useState13(null);
-  const [modalOpen, setModalOpen] = useState13(false);
-  const [confirmModelChangeOpen, setConfirmModelChangeOpen] = useState13(false);
-  const [pendingModel, setPendingModel] = useState13(null);
+  const [modelAnchorEl, setModelAnchorEl] = useState14(null);
+  const [engineAnchorEl, setEngineAnchorEl] = useState14(null);
+  const [voiceAnchorEl, setVoiceAnchorEl] = useState14(null);
+  const [modalOpen, setModalOpen] = useState14(false);
+  const [confirmModelChangeOpen, setConfirmModelChangeOpen] = useState14(false);
+  const [pendingModel, setPendingModel] = useState14(null);
   const { conversations, currentId, createNewConversation, _hasHydrated } = useConversationStore();
   const { preferences } = usePreferencesStore();
   const { settings: packageSettings } = usePackageSettingsStore();
@@ -7578,16 +7713,16 @@ var ChatAppBar = ({
   };
   const syncIndicatorIcon = (() => {
     if (isPlaygroundMode2 || !syncEnabled) {
-      return /* @__PURE__ */ jsx14(CloudOffIcon, { fontSize: "small", color: "disabled" });
+      return /* @__PURE__ */ jsx15(CloudOffIcon, { fontSize: "small", color: "disabled" });
     }
     switch (syncStatus) {
       case "syncing":
-        return /* @__PURE__ */ jsx14(SyncIcon, { fontSize: "small", sx: syncSpinSx, color: "primary" });
+        return /* @__PURE__ */ jsx15(SyncIcon, { fontSize: "small", sx: syncSpinSx, color: "primary" });
       case "error":
-        return /* @__PURE__ */ jsx14(ErrorOutlineIcon, { fontSize: "small", color: "error" });
+        return /* @__PURE__ */ jsx15(ErrorOutlineIcon, { fontSize: "small", color: "error" });
       case "idle":
       default:
-        return /* @__PURE__ */ jsx14(CloudDoneIcon, { fontSize: "small", color: "success" });
+        return /* @__PURE__ */ jsx15(CloudDoneIcon, { fontSize: "small", color: "success" });
     }
   })();
   const syncTooltip = (() => {
@@ -7693,9 +7828,9 @@ var ChatAppBar = ({
     }
     safeNavigate("/");
   }
-  return /* @__PURE__ */ jsxs11(Fragment8, { children: [
-    /* @__PURE__ */ jsxs11(
-      Box11,
+  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
+    /* @__PURE__ */ jsxs12(
+      Box12,
       {
         sx: {
           position: "fixed",
@@ -7715,8 +7850,8 @@ var ChatAppBar = ({
           }
         },
         children: [
-          /* @__PURE__ */ jsxs11(
-            Box11,
+          /* @__PURE__ */ jsxs12(
+            Box12,
             {
               sx: {
                 display: "flex",
@@ -7736,16 +7871,16 @@ var ChatAppBar = ({
                 }
               },
               children: [
-                /* @__PURE__ */ jsx14(Tooltip4, { title: homeTooltip, arrow: true, children: /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx15(Tooltip5, { title: homeTooltip, arrow: true, children: /* @__PURE__ */ jsx15(
                   IconButton9,
                   {
                     onClick: goToHome,
                     sx: pillButtonStyles,
                     "aria-label": "Go to home page",
-                    children: /* @__PURE__ */ jsx14(HomeIcon, {})
+                    children: /* @__PURE__ */ jsx15(HomeIcon, {})
                   }
                 ) }),
-                showLimitedAdminPanel() && /* @__PURE__ */ jsx14(Tooltip4, { title: "Management & Settings", arrow: true, children: /* @__PURE__ */ jsx14(
+                showLimitedAdminPanel() && /* @__PURE__ */ jsx15(Tooltip5, { title: "Management & Settings", arrow: true, children: /* @__PURE__ */ jsx15(
                   IconButton9,
                   {
                     onClick: () => safeNavigate(managementPath),
@@ -7757,10 +7892,10 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Open management settings",
-                    children: /* @__PURE__ */ jsx14(SettingsIcon, {})
+                    children: /* @__PURE__ */ jsx15(SettingsIcon, {})
                   }
                 ) }),
-                /* @__PURE__ */ jsx14(Tooltip4, { title: syncTooltip, arrow: true, children: /* @__PURE__ */ jsxs11(
+                /* @__PURE__ */ jsx15(Tooltip5, { title: syncTooltip, arrow: true, children: /* @__PURE__ */ jsxs12(
                   IconButton9,
                   {
                     onClick: handleSyncBadgeClick,
@@ -7776,8 +7911,8 @@ var ChatAppBar = ({
                     "aria-label": "Conversation sync status",
                     children: [
                       syncIndicatorIcon,
-                      pendingCount > 0 && !syncButtonDisabled && syncStatus !== "syncing" && /* @__PURE__ */ jsx14(
-                        Box11,
+                      pendingCount > 0 && !syncButtonDisabled && syncStatus !== "syncing" && /* @__PURE__ */ jsx15(
+                        Box12,
                         {
                           sx: {
                             position: "absolute",
@@ -7802,7 +7937,7 @@ var ChatAppBar = ({
                     ]
                   }
                 ) }),
-                !isMobile && /* @__PURE__ */ jsx14(Tooltip4, { title: `${drawerOpen ? "Close" : "Open"} Conversations`, arrow: true, children: /* @__PURE__ */ jsxs11(
+                !isMobile && /* @__PURE__ */ jsx15(Tooltip5, { title: `${drawerOpen ? "Close" : "Open"} Conversations`, arrow: true, children: /* @__PURE__ */ jsxs12(
                   IconButton9,
                   {
                     onClick: () => setDrawerOpen(!drawerOpen),
@@ -7816,9 +7951,9 @@ var ChatAppBar = ({
                     "aria-label": `${drawerOpen ? "Close" : "Open"} conversations drawer`,
                     "aria-pressed": drawerOpen,
                     children: [
-                      drawerOpen ? /* @__PURE__ */ jsx14(NotesIcon, {}) : /* @__PURE__ */ jsx14(NotesIconOutlined, {}),
-                      conversations.length > 0 && /* @__PURE__ */ jsx14(
-                        Box11,
+                      drawerOpen ? /* @__PURE__ */ jsx15(NotesIcon, {}) : /* @__PURE__ */ jsx15(NotesIconOutlined, {}),
+                      conversations.length > 0 && /* @__PURE__ */ jsx15(
+                        Box12,
                         {
                           sx: {
                             position: "absolute",
@@ -7843,7 +7978,7 @@ var ChatAppBar = ({
                     ]
                   }
                 ) }),
-                !isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx14(Tooltip4, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx14(
+                !isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx15(Tooltip5, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx15(
                   IconButton9,
                   {
                     onClick: () => createNewConversation(),
@@ -7857,14 +7992,14 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Create new conversation",
-                    children: /* @__PURE__ */ jsx14(AddIcon, {})
+                    children: /* @__PURE__ */ jsx15(AddIcon, {})
                   }
                 ) })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs11(
-            Box11,
+          /* @__PURE__ */ jsxs12(
+            Box12,
             {
               sx: {
                 display: "flex",
@@ -7884,7 +8019,7 @@ var ChatAppBar = ({
                 }
               },
               children: [
-                isMobile && /* @__PURE__ */ jsx14(Tooltip4, { title: `Conversations (${conversations.length})`, arrow: true, children: /* @__PURE__ */ jsxs11(
+                isMobile && /* @__PURE__ */ jsx15(Tooltip5, { title: `Conversations (${conversations.length})`, arrow: true, children: /* @__PURE__ */ jsxs12(
                   IconButton9,
                   {
                     onClick: () => setModalOpen(true),
@@ -7894,9 +8029,9 @@ var ChatAppBar = ({
                     },
                     "aria-label": `Open conversations modal with ${conversations.length} conversations`,
                     children: [
-                      /* @__PURE__ */ jsx14(NotesIcon, { fontSize: "small" }),
-                      conversations.length > 0 && /* @__PURE__ */ jsx14(
-                        Box11,
+                      /* @__PURE__ */ jsx15(NotesIcon, { fontSize: "small" }),
+                      conversations.length > 0 && /* @__PURE__ */ jsx15(
+                        Box12,
                         {
                           sx: {
                             position: "absolute",
@@ -7921,7 +8056,7 @@ var ChatAppBar = ({
                     ]
                   }
                 ) }),
-                isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx14(Tooltip4, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx14(
+                isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx15(Tooltip5, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx15(
                   IconButton9,
                   {
                     onClick: () => {
@@ -7938,10 +8073,10 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Create new conversation",
-                    children: /* @__PURE__ */ jsx14(AddIcon, { fontSize: "small" })
+                    children: /* @__PURE__ */ jsx15(AddIcon, { fontSize: "small" })
                   }
                 ) }),
-                /* @__PURE__ */ jsx14(Tooltip4, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx15(Tooltip5, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ jsx15(
                   IconButton9,
                   {
                     onClick: (e) => setModelAnchorEl(e.currentTarget),
@@ -7956,7 +8091,7 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": `Change AI personality. Currently using ${selectedModel}`,
-                    children: /* @__PURE__ */ jsx14(
+                    children: /* @__PURE__ */ jsx15(
                       Avatar8,
                       {
                         src: currentAvatar,
@@ -7973,16 +8108,16 @@ var ChatAppBar = ({
                     )
                   }
                 ) }),
-                /* @__PURE__ */ jsx14(Tooltip4, { title: `Engine \xB7 ${engineDisplay}`, arrow: true, children: /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx15(Tooltip5, { title: `Engine \xB7 ${engineDisplay}`, arrow: true, children: /* @__PURE__ */ jsx15(
                   IconButton9,
                   {
                     onClick: (e) => setEngineAnchorEl(e.currentTarget),
                     sx: pillButtonStyles,
                     "aria-label": `Change base model (engine). Currently ${engineDisplay}`,
-                    children: /* @__PURE__ */ jsx14(AutoAwesomeIcon, { fontSize: "small" })
+                    children: /* @__PURE__ */ jsx15(AutoAwesomeIcon, { fontSize: "small" })
                   }
                 ) }),
-                /* @__PURE__ */ jsxs11(
+                /* @__PURE__ */ jsxs12(
                   Menu5,
                   {
                     anchorEl: engineAnchorEl,
@@ -7991,8 +8126,8 @@ var ChatAppBar = ({
                     transformOrigin: { horizontal: "right", vertical: "top" },
                     anchorOrigin: { horizontal: "right", vertical: "bottom" },
                     children: [
-                      /* @__PURE__ */ jsx14(Typography9, { variant: "overline", sx: { px: 2, color: theme.palette.text.secondary }, children: "Engine \xB7 base model" }),
-                      engines.length === 0 && /* @__PURE__ */ jsx14(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx14(Typography9, { variant: "body2", children: "No engines available" }) }),
+                      /* @__PURE__ */ jsx15(Typography9, { variant: "overline", sx: { px: 2, color: theme.palette.text.secondary }, children: "Engine \xB7 base model" }),
+                      engines.length === 0 && /* @__PURE__ */ jsx15(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx15(Typography9, { variant: "body2", children: "No engines available" }) }),
                       engines.map((engine) => {
                         const badges = [
                           engine.vision && "vision",
@@ -8000,7 +8135,7 @@ var ChatAppBar = ({
                           engine.thinking && "thinking",
                           engine.cloud && "cloud"
                         ].filter(Boolean);
-                        return /* @__PURE__ */ jsxs11(
+                        return /* @__PURE__ */ jsxs12(
                           MenuItem5,
                           {
                             selected: engine.id === resolvedEngineId,
@@ -8020,13 +8155,13 @@ var ChatAppBar = ({
                               whiteSpace: "normal"
                             },
                             children: [
-                              /* @__PURE__ */ jsxs11(Box11, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                                /* @__PURE__ */ jsx14(Typography9, { variant: "body2", sx: { fontWeight: 600, flex: 1 }, children: cleanEngineName(engine.displayName) }),
-                                engine.id === resolvedEngineId && /* @__PURE__ */ jsx14(Box11, { sx: { width: 8, height: 8, borderRadius: "50%", bgcolor: theme.palette.primary.main } })
+                              /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
+                                /* @__PURE__ */ jsx15(Typography9, { variant: "body2", sx: { fontWeight: 600, flex: 1 }, children: cleanEngineName(engine.displayName) }),
+                                engine.id === resolvedEngineId && /* @__PURE__ */ jsx15(Box12, { sx: { width: 8, height: 8, borderRadius: "50%", bgcolor: theme.palette.primary.main } })
                               ] }),
-                              /* @__PURE__ */ jsx14(Typography9, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: engine.available ? engine.description : engine.unavailableReason || "Unavailable" }),
-                              badges.length > 0 && /* @__PURE__ */ jsx14(Box11, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", mt: 0.25 }, children: badges.map((b) => /* @__PURE__ */ jsx14(
-                                Box11,
+                              /* @__PURE__ */ jsx15(Typography9, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: engine.available ? engine.description : engine.unavailableReason || "Unavailable" }),
+                              badges.length > 0 && /* @__PURE__ */ jsx15(Box12, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", mt: 0.25 }, children: badges.map((b) => /* @__PURE__ */ jsx15(
+                                Box12,
                                 {
                                   sx: {
                                     fontSize: "0.65rem",
@@ -8048,7 +8183,7 @@ var ChatAppBar = ({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx15(
                   Menu5,
                   {
                     anchorEl: modelAnchorEl,
@@ -8084,7 +8219,7 @@ var ChatAppBar = ({
                         }
                       }
                     },
-                    children: availableModels.map((model) => /* @__PURE__ */ jsxs11(
+                    children: availableModels.map((model) => /* @__PURE__ */ jsxs12(
                       MenuItem5,
                       {
                         selected: model.name === selectedModel,
@@ -8131,7 +8266,7 @@ var ChatAppBar = ({
                           px: 2
                         },
                         children: [
-                          /* @__PURE__ */ jsx14(
+                          /* @__PURE__ */ jsx15(
                             Avatar8,
                             {
                               src: model.avatarBase64 || modelAvatars[model.name] || banditHead,
@@ -8144,12 +8279,12 @@ var ChatAppBar = ({
                               }
                             }
                           ),
-                          /* @__PURE__ */ jsxs11(Box11, { sx: { flex: 1 }, children: [
-                            /* @__PURE__ */ jsx14(Typography9, { variant: "body2", sx: { fontWeight: 500 }, children: model.name.replace("Bandit-", "") }),
-                            /* @__PURE__ */ jsx14(Typography9, { variant: "caption", sx: { color: theme.palette.text.secondary, display: "block" }, children: model.name === selectedModel ? "Currently active" : "Switch to this AI" })
+                          /* @__PURE__ */ jsxs12(Box12, { sx: { flex: 1 }, children: [
+                            /* @__PURE__ */ jsx15(Typography9, { variant: "body2", sx: { fontWeight: 500 }, children: model.name.replace("Bandit-", "") }),
+                            /* @__PURE__ */ jsx15(Typography9, { variant: "caption", sx: { color: theme.palette.text.secondary, display: "block" }, children: model.name === selectedModel ? "Currently active" : "Switch to this AI" })
                           ] }),
-                          model.name === selectedModel && /* @__PURE__ */ jsx14(
-                            Box11,
+                          model.name === selectedModel && /* @__PURE__ */ jsx15(
+                            Box12,
                             {
                               sx: {
                                 width: 8,
@@ -8165,8 +8300,8 @@ var ChatAppBar = ({
                     ))
                   }
                 ),
-                isTTSAvailable && /* @__PURE__ */ jsxs11(Fragment8, { children: [
-                  /* @__PURE__ */ jsx14(Tooltip4, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ jsx14(
+                isTTSAvailable && /* @__PURE__ */ jsxs12(Fragment8, { children: [
+                  /* @__PURE__ */ jsx15(Tooltip5, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ jsx15(
                     IconButton9,
                     {
                       onClick: (e) => setVoiceAnchorEl(e.currentTarget),
@@ -8180,10 +8315,10 @@ var ChatAppBar = ({
                         }
                       },
                       "aria-label": `Change voice. Currently using ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "default"}`,
-                      children: /* @__PURE__ */ jsx14(RecordVoiceOverIcon, { fontSize: "small" })
+                      children: /* @__PURE__ */ jsx15(RecordVoiceOverIcon, { fontSize: "small" })
                     }
                   ) }),
-                  /* @__PURE__ */ jsx14(
+                  /* @__PURE__ */ jsx15(
                     Menu5,
                     {
                       anchorEl: voiceAnchorEl,
@@ -8220,7 +8355,7 @@ var ChatAppBar = ({
                           }
                         }
                       },
-                      children: availableVoices.length > 0 ? availableVoices.map((voice) => /* @__PURE__ */ jsx14(
+                      children: availableVoices.length > 0 ? availableVoices.map((voice) => /* @__PURE__ */ jsx15(
                         MenuItem5,
                         {
                           selected: voice === selectedVoice,
@@ -8228,14 +8363,14 @@ var ChatAppBar = ({
                             handleVoiceChange(voice);
                             setVoiceAnchorEl(null);
                           },
-                          children: /* @__PURE__ */ jsxs11(Box11, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                            /* @__PURE__ */ jsx14(RecordVoiceOverIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }),
-                            /* @__PURE__ */ jsxs11(Box11, { sx: { flex: 1 }, children: [
-                              /* @__PURE__ */ jsx14(Typography9, { variant: "body2", children: toTitleCase(voice.split("-")[1]) }),
-                              /* @__PURE__ */ jsx14(Typography9, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
+                          children: /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
+                            /* @__PURE__ */ jsx15(RecordVoiceOverIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }),
+                            /* @__PURE__ */ jsxs12(Box12, { sx: { flex: 1 }, children: [
+                              /* @__PURE__ */ jsx15(Typography9, { variant: "body2", children: toTitleCase(voice.split("-")[1]) }),
+                              /* @__PURE__ */ jsx15(Typography9, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
                             ] }),
-                            voice === selectedVoice && /* @__PURE__ */ jsx14(
-                              Box11,
+                            voice === selectedVoice && /* @__PURE__ */ jsx15(
+                              Box12,
                               {
                                 sx: {
                                   width: 8,
@@ -8248,7 +8383,7 @@ var ChatAppBar = ({
                           ] })
                         },
                         voice
-                      )) : /* @__PURE__ */ jsx14(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx14(Typography9, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
+                      )) : /* @__PURE__ */ jsx15(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx15(Typography9, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
                     }
                   )
                 ] })
@@ -8258,17 +8393,17 @@ var ChatAppBar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx14(conversation_drawer_default, { open: drawerOpen, onClose: () => setDrawerOpen(false) }),
-    /* @__PURE__ */ jsx14(enhanced_mobile_conversations_modal_default, { open: modalOpen, onClose: () => setModalOpen(false) }),
-    /* @__PURE__ */ jsxs11(
+    /* @__PURE__ */ jsx15(conversation_drawer_default, { open: drawerOpen, onClose: () => setDrawerOpen(false) }),
+    /* @__PURE__ */ jsx15(enhanced_mobile_conversations_modal_default, { open: modalOpen, onClose: () => setModalOpen(false) }),
+    /* @__PURE__ */ jsxs12(
       Dialog5,
       {
         open: confirmModelChangeOpen,
         onClose: () => setConfirmModelChangeOpen(false),
         children: [
-          /* @__PURE__ */ jsx14(DialogTitle5, { children: "Change personality and start new conversation?" }),
-          /* @__PURE__ */ jsx14(DialogContent5, { children: /* @__PURE__ */ jsxs11(Box11, { display: "flex", alignItems: "center", gap: 2, mt: 1, justifyContent: "center", children: [
-            /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(DialogTitle5, { children: "Change personality and start new conversation?" }),
+          /* @__PURE__ */ jsx15(DialogContent5, { children: /* @__PURE__ */ jsxs12(Box12, { display: "flex", alignItems: "center", gap: 2, mt: 1, justifyContent: "center", children: [
+            /* @__PURE__ */ jsx15(
               Avatar8,
               {
                 src: pendingModelAvatar,
@@ -8276,15 +8411,15 @@ var ChatAppBar = ({
                 sx: { width: 40, height: 40, filter: "brightness(1.7)" }
               }
             ),
-            /* @__PURE__ */ jsxs11(Typography9, { variant: "body2", children: [
+            /* @__PURE__ */ jsxs12(Typography9, { variant: "body2", children: [
               "Your current conversation will be saved, and a new one will begin with ",
-              /* @__PURE__ */ jsx14("strong", { children: pendingModel }),
+              /* @__PURE__ */ jsx15("strong", { children: pendingModel }),
               "."
             ] })
           ] }) }),
-          /* @__PURE__ */ jsxs11(DialogActions5, { children: [
-            /* @__PURE__ */ jsx14(Button7, { onClick: () => setConfirmModelChangeOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsxs12(DialogActions5, { children: [
+            /* @__PURE__ */ jsx15(Button7, { onClick: () => setConfirmModelChangeOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx15(
               Button7,
               {
                 onClick: () => {
@@ -8387,19 +8522,19 @@ Respond with just the title and nothing else.
 };
 
 // src/chat/query-suggestion-picker.tsx
-import { useEffect as useEffect13, useRef as useRef11, useState as useState14 } from "react";
-import { Box as Box12, useMediaQuery as useMediaQuery6 } from "@mui/material";
+import { useEffect as useEffect13, useRef as useRef11, useState as useState15 } from "react";
+import { Box as Box13, useMediaQuery as useMediaQuery6 } from "@mui/material";
 import { useTheme as useTheme13, alpha as alpha8 } from "@mui/material/styles";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import rehypeRaw from "rehype-raw";
-import { Fragment as Fragment9, jsx as jsx15 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx16 } from "react/jsx-runtime";
 var markdownComponents = {
-  p: ({ node, ...props }) => /* @__PURE__ */ jsx15("span", { ...props }),
-  mark: ({ node, children, ...props }) => /* @__PURE__ */ jsx15("mark", { ...props, children }),
+  p: ({ node, ...props }) => /* @__PURE__ */ jsx16("span", { ...props }),
+  mark: ({ node, children, ...props }) => /* @__PURE__ */ jsx16("mark", { ...props, children }),
   code: ({ node, children, ...props }) => {
     const { inline, ...rest } = props;
-    return inline ? /* @__PURE__ */ jsx15("code", { ...rest, children }) : /* @__PURE__ */ jsx15("code", { ...rest, children });
+    return inline ? /* @__PURE__ */ jsx16("code", { ...rest, children }) : /* @__PURE__ */ jsx16("code", { ...rest, children });
   }
 };
 var QuerySuggestionPicker = ({
@@ -8407,9 +8542,9 @@ var QuerySuggestionPicker = ({
   inputHeight
 }) => {
   const hasGenerated = useRef11(false);
-  const [hasSentPrompt, setHasSentPrompt] = useState14(false);
-  const [examplePrompts, setExamplePrompts] = useState14([]);
-  const [visiblePrompts, setVisiblePrompts] = useState14([]);
+  const [hasSentPrompt, setHasSentPrompt] = useState15(false);
+  const [examplePrompts, setExamplePrompts] = useState15([]);
+  const [visiblePrompts, setVisiblePrompts] = useState15([]);
   const scrollRef = useRef11(null);
   const theme = useTheme13();
   const isMobile = useMediaQuery6((theme2) => theme2.breakpoints.down("sm"));
@@ -8472,8 +8607,8 @@ var QuerySuggestionPicker = ({
     return () => clearInterval(interval);
   }, [hasSentPrompt, examplePrompts.length]);
   const displayPrompts = isMobile ? visiblePrompts.slice(0, Math.min(visiblePrompts.length, 6)) : visiblePrompts;
-  return displayPrompts.length > 0 && /* @__PURE__ */ jsx15(Fragment9, { children: /* @__PURE__ */ jsx15(
-    Box12,
+  return displayPrompts.length > 0 && /* @__PURE__ */ jsx16(Fragment9, { children: /* @__PURE__ */ jsx16(
+    Box13,
     {
       ref: scrollRef,
       sx: {
@@ -8489,8 +8624,8 @@ var QuerySuggestionPicker = ({
         pb: isMobile ? 0.4 : 0,
         "&::-webkit-scrollbar": { display: "none" }
       },
-      children: displayPrompts.map((prompt, i) => /* @__PURE__ */ jsx15(
-        Box12,
+      children: displayPrompts.map((prompt, i) => /* @__PURE__ */ jsx16(
+        Box13,
         {
           sx: {
             px: isMobile ? 1.4 : 2,
@@ -8524,8 +8659,8 @@ var QuerySuggestionPicker = ({
             onSend(prompt, []);
             setHasSentPrompt(true);
           },
-          children: /* @__PURE__ */ jsx15(
-            Box12,
+          children: /* @__PURE__ */ jsx16(
+            Box13,
             {
               sx: {
                 flex: 1,
@@ -8549,7 +8684,7 @@ var QuerySuggestionPicker = ({
                   padding: "0.1em 0.25em"
                 }
               },
-              children: /* @__PURE__ */ jsx15(
+              children: /* @__PURE__ */ jsx16(
                 ReactMarkdown,
                 {
                   remarkPlugins: [remarkGfm],
@@ -8568,9 +8703,9 @@ var QuerySuggestionPicker = ({
 };
 
 // ../../src/pages/under-review.tsx
-import { Box as Box13, Typography as Typography10, useTheme as useTheme14 } from "@mui/material";
+import { Box as Box14, Typography as Typography10, useTheme as useTheme14 } from "@mui/material";
 import { useNavigate as useNavigate2 } from "react-router-dom";
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var UnderReview = () => {
   const theme = useTheme14();
   const navigate = useNavigate2();
@@ -8578,8 +8713,8 @@ var UnderReview = () => {
     localStorage.removeItem("authToken");
     navigate("/login");
   };
-  return /* @__PURE__ */ jsxs12(
-    Box13,
+  return /* @__PURE__ */ jsxs13(
+    Box14,
     {
       sx: {
         minHeight: "100vh",
@@ -8594,8 +8729,8 @@ var UnderReview = () => {
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ jsx16(
-          Box13,
+        /* @__PURE__ */ jsx17(
+          Box14,
           {
             onClick: handleSneakyLogout,
             sx: {
@@ -8620,13 +8755,13 @@ var UnderReview = () => {
             title: "Reset session"
           }
         ),
-        /* @__PURE__ */ jsx16(Typography10, { variant: "h4", sx: { mb: 2, fontWeight: 700, color: theme.palette.error.main }, children: "Under Review" }),
-        /* @__PURE__ */ jsxs12(Typography10, { variant: "body1", sx: { mb: 2, color: theme.palette.text.secondary }, children: [
+        /* @__PURE__ */ jsx17(Typography10, { variant: "h4", sx: { mb: 2, fontWeight: 700, color: theme.palette.error.main }, children: "Under Review" }),
+        /* @__PURE__ */ jsxs13(Typography10, { variant: "body1", sx: { mb: 2, color: theme.palette.text.secondary }, children: [
           "Your request to use our services is currently being reviewed.",
-          /* @__PURE__ */ jsx16("br", {}),
+          /* @__PURE__ */ jsx17("br", {}),
           "For more info, please contact ",
           " ",
-          /* @__PURE__ */ jsx16("a", { href: "mailto:team@banditai.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@banditai.ai" })
+          /* @__PURE__ */ jsx17("a", { href: "mailto:team@banditai.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@banditai.ai" })
         ] })
       ]
     }
@@ -8635,8 +8770,8 @@ var UnderReview = () => {
 var under_review_default = UnderReview;
 
 // src/components/ConnectionStatus.tsx
-import { Box as Box14, Chip as Chip5, useTheme as useTheme15 } from "@mui/material";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { Box as Box15, Chip as Chip5, useTheme as useTheme15 } from "@mui/material";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var ConnectionStatus = ({
   showWhenGood = false,
   position = "top"
@@ -8650,28 +8785,28 @@ var ConnectionStatus = ({
     switch (connectionQuality) {
       case "offline":
         return {
-          icon: /* @__PURE__ */ jsx17(WifiOffIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx18(WifiOffIcon, { sx: { fontSize: 16 } }),
           label: "Offline",
           color: "error",
           severity: "high"
         };
       case "slow":
         return {
-          icon: /* @__PURE__ */ jsx17(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx18(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
           label: "Slow connection",
           color: "warning",
           severity: "medium"
         };
       case "fast":
         return {
-          icon: /* @__PURE__ */ jsx17(WifiIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx18(WifiIcon, { sx: { fontSize: 16 } }),
           label: "Connected",
           color: "success",
           severity: "low"
         };
       default:
         return {
-          icon: /* @__PURE__ */ jsx17(WifiIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx18(WifiIcon, { sx: { fontSize: 16 } }),
           label: "Unknown",
           color: "default",
           severity: "low"
@@ -8679,8 +8814,8 @@ var ConnectionStatus = ({
     }
   };
   const config = getStatusConfig();
-  return /* @__PURE__ */ jsx17(
-    Box14,
+  return /* @__PURE__ */ jsx18(
+    Box15,
     {
       sx: {
         position: "fixed",
@@ -8695,7 +8830,7 @@ var ConnectionStatus = ({
           "100%": { opacity: 1 }
         }
       },
-      children: /* @__PURE__ */ jsx17(
+      children: /* @__PURE__ */ jsx18(
         Chip5,
         {
           icon: config.icon,
@@ -9008,7 +9143,7 @@ var useVoiceMode = (config) => {
 };
 
 // src/chat/chat.tsx
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var ChatContent = () => {
   const packageSettings = usePackageSettingsStore((state) => state.settings);
   const featureFlag = useFeatureFlag();
@@ -9016,12 +9151,12 @@ var ChatContent = () => {
   const ossMode = isOSSMode() || !packageSettings?.featureFlags?.subscriptionType;
   const playgroundBypassAccess = packageSettings?.playgroundBypassAuth || typeof window !== "undefined" && window.location.pathname.includes("/playground");
   const notificationService = useNotificationService();
-  const [selectedTheme, setSelectedTheme] = useState15(null);
-  const [themeLoading, setThemeLoading] = useState15(true);
+  const [selectedTheme, setSelectedTheme] = useState16(null);
+  const [themeLoading, setThemeLoading] = useState16(true);
   const token = authenticationService.getToken();
   const claims = token ? authenticationService.parseJwtClaims(token) : null;
   const baseTheme = themeMap_default[selectedTheme ?? "bandit-dark"] || banditDarkTheme;
-  const banditTheme = useMemo3(() => {
+  const banditTheme = useMemo4(() => {
     return createTheme(baseTheme, {
       components: {
         MuiInputBase: {
@@ -9105,14 +9240,14 @@ var ChatContent = () => {
   }, [packageSettings?.gatewayApiUrl, availableVoices.length, initialized, loadVoicesFromAPI, token]);
   const provider = useAIProviderStore((state) => state.provider);
   const inputRef = useRef13(null);
-  const [pastedImages, setPastedImages] = useState15([]);
+  const [pastedImages, setPastedImages] = useState16([]);
   const inputContainerRef = useRef13(null);
-  const [inputHeight, setInputHeight] = useState15(80);
-  const [isSubmitting, setIsSubmitting] = useState15(false);
-  const [pendingMessage, setPendingMessage] = useState15(null);
+  const [inputHeight, setInputHeight] = useState16(80);
+  const [isSubmitting, setIsSubmitting] = useState16(false);
+  const [pendingMessage, setPendingMessage] = useState16(null);
   const { conversations, currentId, _hasHydrated, hydrate } = useConversationStore();
-  const [isMobile, setIsMobile] = useState15(false);
-  const [drawerOpen, setDrawerOpen] = useState15(false);
+  const [isMobile, setIsMobile] = useState16(false);
+  const [drawerOpen, setDrawerOpen] = useState16(false);
   const { generateName } = useConversationNameGenerator();
   const { preferences } = usePreferencesStore();
   const { containerRef: chatContainerRef, targetRef: scrollTargetRef, scrollToBottom, getScrollState } = useAutoScroll({
@@ -9124,14 +9259,14 @@ var ChatContent = () => {
   const chatContainerEl = chatContainerRef.current;
   const scrollTargetEl = scrollTargetRef.current;
   const { isSlowConnection, connectionQuality, trackRequestStart, trackRequestEnd } = useNetworkStatus();
-  const [showScrollToBottom, setShowScrollToBottom] = useState15(false);
-  const [streamBuffer, setStreamBuffer] = useState15("");
-  const [responseStarted, setResponseStarted] = useState15(false);
-  const [isStreaming, setIsStreaming] = useState15(false);
-  const [isThinking, setIsThinking] = useState15(false);
+  const [showScrollToBottom, setShowScrollToBottom] = useState16(false);
+  const [streamBuffer, setStreamBuffer] = useState16("");
+  const [responseStarted, setResponseStarted] = useState16(false);
+  const [isStreaming, setIsStreaming] = useState16(false);
+  const [isThinking, setIsThinking] = useState16(false);
   const initialLogoState = history.length === 0;
-  const [logoVisible, setLogoVisible] = useState15(initialLogoState);
-  const [logoShouldRender, setLogoShouldRender] = useState15(initialLogoState);
+  const [logoVisible, setLogoVisible] = useState16(initialLogoState);
+  const [logoShouldRender, setLogoShouldRender] = useState16(initialLogoState);
   const streamingGraceUntilRef = useRef13(0);
   const GRACE_MS = 450;
   const GRACE_OFFSET_DESKTOP = 28;
@@ -9140,8 +9275,8 @@ var ChatContent = () => {
   const lastSpokenResponseRef = useRef13(null);
   const previousConversationIdRef = useRef13(null);
   const logoFadeTimeoutRef = useRef13(null);
-  const [branding, setBranding] = useState15(null);
-  const [brandingLoading, setBrandingLoading] = useState15(true);
+  const [branding, setBranding] = useState16(null);
+  const [brandingLoading, setBrandingLoading] = useState16(true);
   const isBrandingLoadInProgressRef = useRef13(false);
   const logoOnly = history.length === 0 && !brandingLoading;
   useEffect15(() => {
@@ -9909,10 +10044,10 @@ var ChatContent = () => {
     }
   };
   if (!hydrated || brandingLoading || themeLoading) {
-    return /* @__PURE__ */ jsxs13(ThemeProvider, { theme: banditTheme, children: [
-      /* @__PURE__ */ jsx18(CssBaseline, {}),
-      /* @__PURE__ */ jsxs13(
-        Box15,
+    return /* @__PURE__ */ jsxs14(ThemeProvider, { theme: banditTheme, children: [
+      /* @__PURE__ */ jsx19(CssBaseline, {}),
+      /* @__PURE__ */ jsxs14(
+        Box16,
         {
           sx: (theme) => ({
             minHeight: "100dvh",
@@ -9925,8 +10060,8 @@ var ChatContent = () => {
             color: theme.palette.text.primary
           }),
           children: [
-            /* @__PURE__ */ jsx18(CircularProgress4, { size: 32, thickness: 4 }),
-            /* @__PURE__ */ jsx18(Typography11, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
+            /* @__PURE__ */ jsx19(CircularProgress4, { size: 32, thickness: 4 }),
+            /* @__PURE__ */ jsx19(Typography11, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
           ]
         }
       )
@@ -9934,15 +10069,15 @@ var ChatContent = () => {
   }
   const userHasAccess = playgroundBypassAccess || ossMode || claims?.roles?.includes("super-user") || claims?.roles?.includes("admin");
   if (!userHasAccess) {
-    return /* @__PURE__ */ jsxs13(ThemeProvider, { theme: banditTheme, children: [
-      /* @__PURE__ */ jsx18(CssBaseline, {}),
-      /* @__PURE__ */ jsx18(under_review_default, {})
+    return /* @__PURE__ */ jsxs14(ThemeProvider, { theme: banditTheme, children: [
+      /* @__PURE__ */ jsx19(CssBaseline, {}),
+      /* @__PURE__ */ jsx19(under_review_default, {})
     ] });
   }
-  return /* @__PURE__ */ jsxs13(ThemeProvider, { theme: banditTheme, children: [
-    /* @__PURE__ */ jsx18(CssBaseline, {}),
-    /* @__PURE__ */ jsxs13(
-      Box15,
+  return /* @__PURE__ */ jsxs14(ThemeProvider, { theme: banditTheme, children: [
+    /* @__PURE__ */ jsx19(CssBaseline, {}),
+    /* @__PURE__ */ jsxs14(
+      Box16,
       {
         sx: (theme) => ({
           display: "flex",
@@ -9960,7 +10095,7 @@ var ChatContent = () => {
           transition: "left 0.3s ease-in-out, width 0.3s ease-in-out"
         }),
         children: [
-          /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx19(
             chat_app_bar_default,
             {
               availableModels,
@@ -9972,8 +10107,8 @@ var ChatContent = () => {
               setDrawerOpen
             }
           ),
-          /* @__PURE__ */ jsx18(
-            Box15,
+          /* @__PURE__ */ jsx19(
+            Box16,
             {
               ref: chatContainerRef,
               sx: {
@@ -9993,8 +10128,8 @@ var ChatContent = () => {
                 msOverflowStyle: "none",
                 "&::-webkit-scrollbar": { display: "none" }
               },
-              children: /* @__PURE__ */ jsxs13(
-                Box15,
+              children: /* @__PURE__ */ jsxs14(
+                Box16,
                 {
                   sx: {
                     width: "100%",
@@ -10004,9 +10139,9 @@ var ChatContent = () => {
                     pt: 2
                   },
                   children: [
-                    logoShouldRender && !brandingLoading && (branding?.logoBase64 ? /* @__PURE__ */ jsx18(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ jsx18(bandit_chat_logo_default, { visible: logoVisible, atTop: true })),
-                    /* @__PURE__ */ jsx18(
-                      Box15,
+                    logoShouldRender && !brandingLoading && (branding?.logoBase64 ? /* @__PURE__ */ jsx19(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ jsx19(bandit_chat_logo_default, { visible: logoVisible, atTop: true })),
+                    /* @__PURE__ */ jsx19(
+                      Box16,
                       {
                         sx: {
                           margin: "0 auto",
@@ -10015,7 +10150,7 @@ var ChatContent = () => {
                           flexShrink: 0,
                           px: isMobile ? 0 : 0
                         },
-                        children: /* @__PURE__ */ jsx18(
+                        children: /* @__PURE__ */ jsx19(
                           chat_messages_default,
                           {
                             isStreaming,
@@ -10039,7 +10174,7 @@ var ChatContent = () => {
               )
             }
           ),
-          showScrollToBottom && /* @__PURE__ */ jsx18(
+          showScrollToBottom && /* @__PURE__ */ jsx19(
             chat_scroll_to_bottom_button_default,
             {
               inputHeight,
@@ -10048,8 +10183,8 @@ var ChatContent = () => {
               onClick: handleScrollToBottomClick
             }
           ),
-          history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ jsx18(
-            Box15,
+          history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ jsx19(
+            Box16,
             {
               sx: (theme) => ({
                 position: "absolute",
@@ -10067,8 +10202,8 @@ var ChatContent = () => {
               })
             }
           ),
-          /* @__PURE__ */ jsxs13(
-            Box15,
+          /* @__PURE__ */ jsxs14(
+            Box16,
             {
               sx: {
                 display: "flex",
@@ -10079,10 +10214,10 @@ var ChatContent = () => {
                 maxWidth: "768px"
               },
               children: [
-                /* @__PURE__ */ jsx18(Box15, { sx: { flex: "1 1 auto" } }),
-                history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ jsx18(Box15, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ jsx18(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
-                /* @__PURE__ */ jsx18(ask_user_card_default, {}),
-                /* @__PURE__ */ jsx18(
+                /* @__PURE__ */ jsx19(Box16, { sx: { flex: "1 1 auto" } }),
+                history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ jsx19(Box16, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ jsx19(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
+                /* @__PURE__ */ jsx19(ask_user_card_default, {}),
+                /* @__PURE__ */ jsx19(
                   chat_input_default,
                   {
                     inputValue,
@@ -10109,7 +10244,7 @@ var ChatContent = () => {
               ]
             }
           ),
-          preferences.feedbackEnabled && !isMobile && /* @__PURE__ */ jsx18(
+          preferences.feedbackEnabled && !isMobile && /* @__PURE__ */ jsx19(
             FeedbackButton,
             {
               fullScreen: false,
@@ -10122,7 +10257,7 @@ var ChatContent = () => {
               }
             }
           ),
-          /* @__PURE__ */ jsx18(ConnectionStatus, { position: "top", showWhenGood: false })
+          /* @__PURE__ */ jsx19(ConnectionStatus, { position: "top", showWhenGood: false })
         ]
       }
     )
@@ -10151,13 +10286,13 @@ var Chat = () => {
   });
   if (!allowUnauthenticated && !bypassAuth && !authenticationService.isAuthenticated()) {
     debugLogger.debug("User is not authenticated, redirecting to login");
-    return /* @__PURE__ */ jsx18(Navigate, { to: "/login", replace: true });
+    return /* @__PURE__ */ jsx19(Navigate, { to: "/login", replace: true });
   }
-  return /* @__PURE__ */ jsx18(ChatContent, {});
+  return /* @__PURE__ */ jsx19(ChatContent, {});
 };
 var chat_default = Chat;
 
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-VDVXUEP2.mjs.map
+//# sourceMappingURL=chunk-NB3N4BKW.mjs.map