@burtson-labs/bandit-engine 2.0.89 → 2.0.92

package/dist/{chunk-PROLD2QV.mjs → chunk-JJNPBLJ7.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ONQMRE2G.mjs";
 import {
   StreamingMarkdown_default
-} from "./chunk-OB2W4OR4.mjs";
+} from "./chunk-RUMVTVNM.mjs";
 import {
   useMCPToolsStore
 } from "./chunk-L2EKYO4F.mjs";
@@ -40,10 +40,11 @@ import {
   sanitizeForTTS,
   stopTTS,
   themeMap_default,
+  useCanvasStore,
   useNotificationService,
   useTTS,
   useVoiceStore
-} from "./chunk-4VTF3MY4.mjs";
+} from "./chunk-IVLVUNIB.mjs";
 import {
   authenticationService,
   brandingService_default,
@@ -85,7 +86,7 @@ import {
 } from "./chunk-KCI46M23.mjs";
 
 // src/chat/chat.tsx
-import { useCallback as useCallback6, useEffect as useEffect15, useLayoutEffect, useMemo as useMemo4, useRef as useRef13, useState as useState16 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect15, useLayoutEffect, useMemo as useMemo4, useRef as useRef13, useState as useState17 } from "react";
 
 // src/chat/custom-logo.tsx
 import React, { useEffect } from "react";
@@ -172,13 +173,165 @@ var Logo = ({ visible, atTop = false }) => {
 var custom_logo_default = Logo;
 
 // src/chat/chat.tsx
-import { Box as Box16, ThemeProvider, CssBaseline, CircularProgress as CircularProgress4, Typography as Typography11 } from "@mui/material";
+import { Box as Box17, ThemeProvider, CssBaseline, CircularProgress as CircularProgress4, Typography as Typography11 } from "@mui/material";
 import { createTheme } from "@mui/material/styles";
+
+// src/chat/canvas-panel.tsx
+import { useState } from "react";
+import { Box as Box2, Dialog, IconButton, Tab, Tabs, TextField, Tooltip } from "@mui/material";
+import {
+  X as CloseIcon2,
+  Copy as CopyIcon,
+  Check as CheckIcon2,
+  Download as DownloadIcon,
+  Eye as PreviewIcon,
+  Pencil as EditIcon
+} from "lucide-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var CANVAS_WIDTH = "min(46vw, 760px)";
+var CanvasBody = () => {
+  const { content, title, language, setContent, setTitle, close } = useCanvasStore();
+  const [tab, setTab] = useState("edit");
+  const [copied, setCopied] = useState(false);
+  const copy = async () => {
+    try {
+      await navigator.clipboard.writeText(content);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    } catch {
+    }
+  };
+  const download = () => {
+    const safe = (title || "canvas").replace(/[^\w.-]+/g, "_") || "canvas";
+    const ext = language ? language : "md";
+    const blob = new Blob([content], { type: "text/plain;charset=utf-8" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${safe}.${ext}`;
+    a.click();
+    URL.revokeObjectURL(url);
+  };
+  return /* @__PURE__ */ jsxs(Box2, { sx: { display: "flex", flexDirection: "column", height: "100%", bgcolor: "background.paper" }, children: [
+    /* @__PURE__ */ jsxs(
+      Box2,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          gap: 0.5,
+          px: 1.5,
+          py: 1,
+          borderBottom: "1px solid",
+          borderColor: "divider",
+          flexShrink: 0
+        },
+        children: [
+          /* @__PURE__ */ jsx2(
+            TextField,
+            {
+              value: title,
+              onChange: (e) => setTitle(e.target.value),
+              variant: "standard",
+              placeholder: "Untitled",
+              InputProps: { disableUnderline: true, sx: { fontWeight: 700, fontSize: 15 } },
+              sx: { flex: 1, minWidth: 0 }
+            }
+          ),
+          /* @__PURE__ */ jsx2(Tooltip, { title: copied ? "Copied" : "Copy", arrow: true, children: /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: copy, "aria-label": "Copy canvas", children: copied ? /* @__PURE__ */ jsx2(CheckIcon2, { size: 16 }) : /* @__PURE__ */ jsx2(CopyIcon, { size: 16 }) }) }),
+          /* @__PURE__ */ jsx2(Tooltip, { title: `Download .${language || "md"}`, arrow: true, children: /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: download, "aria-label": "Download canvas", children: /* @__PURE__ */ jsx2(DownloadIcon, { size: 16 }) }) }),
+          /* @__PURE__ */ jsx2(Tooltip, { title: "Close canvas", arrow: true, children: /* @__PURE__ */ jsx2(IconButton, { size: "small", onClick: close, "aria-label": "Close canvas", children: /* @__PURE__ */ jsx2(CloseIcon2, { size: 18 }) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Tabs,
+      {
+        value: tab,
+        onChange: (_, v) => setTab(v),
+        variant: "fullWidth",
+        sx: {
+          minHeight: 40,
+          borderBottom: "1px solid",
+          borderColor: "divider",
+          flexShrink: 0,
+          "& .MuiTab-root": { minHeight: 40, textTransform: "none", fontWeight: 600 }
+        },
+        children: [
+          /* @__PURE__ */ jsx2(Tab, { value: "edit", label: "Edit", icon: /* @__PURE__ */ jsx2(EditIcon, { size: 14 }), iconPosition: "start" }),
+          /* @__PURE__ */ jsx2(Tab, { value: "preview", label: "Preview", icon: /* @__PURE__ */ jsx2(PreviewIcon, { size: 14 }), iconPosition: "start" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx2(Box2, { sx: { flex: 1, overflow: "auto", minHeight: 0 }, children: tab === "edit" ? /* @__PURE__ */ jsx2(
+      Box2,
+      {
+        component: "textarea",
+        value: content,
+        onChange: (e) => setContent(e.target.value),
+        spellCheck: false,
+        placeholder: "Write or edit here\u2026",
+        sx: {
+          width: "100%",
+          height: "100%",
+          boxSizing: "border-box",
+          border: 0,
+          outline: 0,
+          resize: "none",
+          p: 2,
+          bgcolor: "transparent",
+          color: "text.primary",
+          fontFamily: language ? "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace" : "inherit",
+          fontSize: 14,
+          lineHeight: 1.6
+        }
+      }
+    ) : /* @__PURE__ */ jsx2(Box2, { sx: { p: 2 }, children: /* @__PURE__ */ jsx2(StreamingMarkdown_default, { content, isStreaming: false }) }) })
+  ] });
+};
+var CanvasPanel = ({ isMobile }) => {
+  const open = useCanvasStore((s) => s.open);
+  const close = useCanvasStore((s) => s.close);
+  if (!open) return null;
+  if (isMobile) {
+    return /* @__PURE__ */ jsx2(
+      Dialog,
+      {
+        fullScreen: true,
+        open,
+        onClose: close,
+        slotProps: { paper: { sx: { bgcolor: "background.paper" } } },
+        children: /* @__PURE__ */ jsx2(CanvasBody, {})
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx2(
+    Box2,
+    {
+      sx: (theme) => ({
+        position: "fixed",
+        top: 0,
+        right: 0,
+        bottom: 0,
+        width: CANVAS_WIDTH,
+        zIndex: 1,
+        borderLeft: "1px solid",
+        borderColor: "divider",
+        boxShadow: "-8px 0 28px rgba(0,0,0,0.22)",
+        bgcolor: theme.palette.background.paper
+      }),
+      children: /* @__PURE__ */ jsx2(CanvasBody, {})
+    }
+  );
+};
+var canvas_panel_default = CanvasPanel;
+
+// src/chat/chat.tsx
 import { Navigate } from "react-router-dom";
 
 // src/chat/chat-scroll-to-bottom-button.tsx
-import { IconButton } from "@mui/material";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { IconButton as IconButton2 } from "@mui/material";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var ChatScrollToBottomButton = ({
   inputHeight,
   onClick,
@@ -187,8 +340,8 @@ var ChatScrollToBottomButton = ({
 }) => {
   const verticalBuffer = isMobile ? 44 : 80;
   const bottomOffset = Math.max(inputHeight + verticalBuffer, verticalBuffer + 72);
-  return /* @__PURE__ */ jsx2(
-    IconButton,
+  return /* @__PURE__ */ jsx3(
+    IconButton2,
     {
       onClick,
       sx: {
@@ -210,22 +363,22 @@ var ChatScrollToBottomButton = ({
           transform: "translateX(-50%) translateY(1px)"
         }
       },
-      children: /* @__PURE__ */ jsx2(ArrowDownwardIcon, { sx: { color: "inherit" } })
+      children: /* @__PURE__ */ jsx3(ArrowDownwardIcon, { sx: { color: "inherit" } })
     }
   );
 };
 var chat_scroll_to_bottom_button_default = ChatScrollToBottomButton;
 
 // src/chat/bandit-chat-logo.tsx
-import { useEffect as useEffect2, useState } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
 import { useTheme as useTheme2 } from "@mui/material/styles";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var darkLogo = "https://cdn.burtson.ai/logos/bandit-ai-logo-simple.png";
 var lightLogo = "https://cdn.burtson.ai/logos/bandit-ai-logo-simple-alt.png";
 var BanditChatLogo = ({ atTop = false, visible = false }) => {
   const theme = useTheme2();
   const logoUrl = theme.palette.mode === "light" ? lightLogo : darkLogo;
-  const [isVisible, setIsVisible] = useState(false);
+  const [isVisible, setIsVisible] = useState2(false);
   useEffect2(() => {
     if (visible) {
       const timeout = setTimeout(() => setIsVisible(true), 50);
@@ -235,7 +388,7 @@ var BanditChatLogo = ({ atTop = false, visible = false }) => {
   }, [visible]);
   const backgroundStyle = { backgroundImage: `url(${logoUrl})` };
   const className = `bandit-logo ${isVisible ? "bandit-logo-visible" : "bandit-logo-hidden"}`;
-  return /* @__PURE__ */ jsx3("div", { className: "bandit-logo-container", style: atTop ? { alignItems: "flex-start" } : void 0, children: /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4("div", { className: "bandit-logo-container", style: atTop ? { alignItems: "flex-start" } : void 0, children: /* @__PURE__ */ jsx4(
     "div",
     {
       className,
@@ -249,12 +402,12 @@ var BanditChatLogo = ({ atTop = false, visible = false }) => {
 var bandit_chat_logo_default = BanditChatLogo;
 
 // src/chat/chat-messages.tsx
-import { Box as Box3 } from "@mui/material";
+import { Box as Box4 } 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";
+import { useMemo, useState as useState3 } from "react";
+import { Box as Box3, Tooltip as Tooltip2 } from "@mui/material";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var parseWebSources = (content) => {
   if (!content) return [];
   const idx = content.lastIndexOf("**Sources**");
@@ -291,91 +444,142 @@ var domainOf = (url) => {
   }
 };
 var SourceChip = ({ source }) => {
-  const [failed, setFailed] = useState2(false);
+  const [failed, setFailed] = useState3(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,
+  return /* @__PURE__ */ jsx5(
+    Tooltip2,
     {
-      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
-          }
-        )
-      ]
+      title: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+        /* @__PURE__ */ jsx5(Box3, { sx: { fontWeight: 600 }, children: label }),
+        /* @__PURE__ */ jsx5(Box3, { sx: { opacity: 0.75, fontSize: 11, wordBreak: "break-all", mt: 0.25 }, children: source.url })
+      ] }),
+      arrow: true,
+      children: /* @__PURE__ */ jsxs2(
+        Box3,
+        {
+          component: "a",
+          href: source.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "source-chip",
+          sx: {
+            display: "inline-flex",
+            alignItems: "center",
+            flexShrink: 0,
+            height: 26,
+            px: 0.4,
+            borderRadius: 999,
+            border: "1px solid",
+            borderColor: "divider",
+            bgcolor: "background.paper",
+            textDecoration: "none",
+            color: "text.primary",
+            fontSize: 12.5,
+            lineHeight: 1.4,
+            transition: "border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease",
+            "&:hover": { borderColor: "primary.main", bgcolor: "action.hover", boxShadow: 1, zIndex: 2 }
+          },
+          children: [
+            failed ? /* @__PURE__ */ jsx5(
+              Box3,
+              {
+                sx: {
+                  width: 18,
+                  height: 18,
+                  borderRadius: "50%",
+                  bgcolor: "primary.main",
+                  color: "primary.contrastText",
+                  display: "grid",
+                  placeItems: "center",
+                  fontSize: 9,
+                  fontWeight: 700,
+                  flexShrink: 0
+                },
+                children: domain.charAt(0).toUpperCase()
+              }
+            ) : /* @__PURE__ */ jsx5(
+              Box3,
+              {
+                component: "img",
+                src: `https://icons.duckduckgo.com/ip3/${domain}.ico`,
+                alt: "",
+                loading: "lazy",
+                onError: () => setFailed(true),
+                sx: { width: 18, height: 18, borderRadius: "50%", flexShrink: 0 }
+              }
+            ),
+            /* @__PURE__ */ jsx5(
+              Box3,
+              {
+                className: "chip-label",
+                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}`))
-    }
-  );
+  return /* @__PURE__ */ jsxs2(Box3, { sx: { display: "flex", alignItems: "center", gap: 0.75, mt: 1.5, flexWrap: "wrap" }, "aria-label": "Sources", children: [
+    /* @__PURE__ */ jsx5(
+      Box3,
+      {
+        component: "span",
+        sx: {
+          fontSize: 11,
+          fontWeight: 700,
+          color: "text.secondary",
+          textTransform: "uppercase",
+          letterSpacing: 0.5,
+          flexShrink: 0
+        },
+        children: "Sources"
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      Box3,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          flexWrap: "wrap",
+          rowGap: 0.5,
+          // Touch / no-hover devices: chips stay expanded (no hover to reveal).
+          "& .source-chip": { ml: "4px" },
+          "& .source-chip:first-of-type": { ml: 0 },
+          "& .chip-label": { maxWidth: 200, opacity: 1, ml: 0.6 },
+          // Hover-capable devices: collapse into an overlapping favicon stack
+          // that spreads out and reveals titles when the rail is hovered.
+          "@media (hover: hover)": {
+            "& .source-chip": { ml: "-10px", transition: "margin-left 0.22s ease" },
+            "& .source-chip:first-of-type": { ml: 0 },
+            "& .chip-label": {
+              maxWidth: 0,
+              opacity: 0,
+              ml: 0,
+              transition: "max-width 0.28s ease, opacity 0.18s ease, margin-left 0.2s ease"
+            },
+            "&:hover .source-chip": { ml: "6px" },
+            "&:hover .source-chip:first-of-type": { ml: 0 },
+            "&:hover .chip-label": { maxWidth: 200, opacity: 1, ml: 0.6 }
+          }
+        },
+        children: sources.map((s, i) => /* @__PURE__ */ jsx5(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";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var ChatMessages = ({
   pendingMessage,
   streamBuffer,
@@ -395,7 +599,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__ */ jsxs2(Box3, { sx: { px: isMobile ? 0 : 0, pt: "100px", display: "flex", flexDirection: "column", gap: 2 }, children: [
+  return /* @__PURE__ */ jsxs3(Box4, { 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 === "...";
@@ -404,8 +608,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__ */ jsxs2(
-        Box3,
+      const responseNode = /* @__PURE__ */ jsxs3(
+        Box4,
         {
           sx: {
             minHeight: isLast ? isMobile ? "80px" : "60px" : void 0,
@@ -414,8 +618,8 @@ var ChatMessages = ({
             transition: "min-height 0.25s cubic-bezier(0.4, 0, 0.2, 1)"
           },
           children: [
-            /* @__PURE__ */ jsx5(
-              Box3,
+            /* @__PURE__ */ jsx6(
+              Box4,
               {
                 sx: {
                   position: showLoader ? "static" : "absolute",
@@ -428,14 +632,14 @@ var ChatMessages = ({
                   pointerEvents: showLoader ? "auto" : "none",
                   zIndex: showLoader ? 1 : 0
                 },
-                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" })
+                children: /* @__PURE__ */ jsxs3(Box4, { sx: { display: "flex", alignItems: "center", gap: 1, minHeight: "40px", pl: 2 }, children: [
+                  /* @__PURE__ */ jsxs3("div", { className: "typing-only", children: [
+                    /* @__PURE__ */ jsx6("span", { className: "dot" }),
+                    /* @__PURE__ */ jsx6("span", { className: "dot" }),
+                    /* @__PURE__ */ jsx6("span", { className: "dot" })
                   ] }),
-                  showThinking && /* @__PURE__ */ jsx5(
-                    Box3,
+                  showThinking && /* @__PURE__ */ jsx6(
+                    Box4,
                     {
                       component: "span",
                       sx: {
@@ -451,8 +655,8 @@ var ChatMessages = ({
                 ] })
               }
             ),
-            /* @__PURE__ */ jsxs2(
-              Box3,
+            /* @__PURE__ */ jsxs3(
+              Box4,
               {
                 sx: {
                   position: showLoader ? "absolute" : "static",
@@ -466,22 +670,22 @@ var ChatMessages = ({
                   zIndex: 1
                 },
                 children: [
-                  /* @__PURE__ */ jsx5(
+                  /* @__PURE__ */ jsx6(
                     StreamingMarkdown_default,
                     {
-                      content: isStreaming && isLast ? content : stripSourcesForDisplay(content),
+                      content: stripSourcesForDisplay(content),
                       isStreaming: isStreaming && isLast,
                       sources: sourceSummaries
                     }
                   ),
-                  /* @__PURE__ */ jsx5(source_chips_default, { content })
+                  /* @__PURE__ */ jsx6(source_chips_default, { content })
                 ]
               }
             )
           ]
         }
       );
-      return /* @__PURE__ */ jsx5(Box3, { children: /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx6(Box4, { children: /* @__PURE__ */ jsx6(
         ai_response_text_field_default,
         {
           question: entry.question,
@@ -496,17 +700,17 @@ var ChatMessages = ({
         }
       ) }, index);
     }),
-    /* @__PURE__ */ jsx5("div", { style: { height: "1px" }, ref: scrollTargetRef })
+    /* @__PURE__ */ jsx6("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 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";
+import { useEffect as useEffect3, useRef as useRef2, useState as useState5 } from "react";
+import { Box as Box5, TextField as TextField2, IconButton as IconButton4, Tooltip as Tooltip3, Avatar as Avatar2, Typography, CircularProgress as CircularProgress2, Collapse } from "@mui/material";
 
 // src/services/stt/transcriber.tsx
-import { useState as useState3, useRef } from "react";
+import { useState as useState4, useRef } from "react";
 
 // src/services/stt/sound-recorder.service.ts
 import { first, from, fromEvent, map, shareReplay, switchMap } from "rxjs";
@@ -650,9 +854,9 @@ var STTClient = class {
 };
 
 // src/services/stt/transcriber.tsx
-import { CircularProgress, IconButton as IconButton2, useTheme as useTheme3 } from "@mui/material";
+import { CircularProgress, IconButton as IconButton3, useTheme as useTheme3 } from "@mui/material";
 import { from as from2, Subscription, switchMap as switchMap2 } from "rxjs";
-import { Fragment as Fragment2, 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 initialButtonStyles = (badgeBackground, fileText, hoverBadgeBackground) => ({
   bgcolor: badgeBackground,
   color: fileText,
@@ -666,10 +870,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] = useState3("IDLE");
+  const [status, setStatus] = useState4("IDLE");
   const recorderRef = useRef(new SoundRecorderService());
-  const [iconButtonStyles] = useState3(() => initialButtonStyles(badgeBackground, fileText, hoverBadgeBackground));
-  const [recordingSub, setRecordingSub] = useState3(() => new Subscription());
+  const [iconButtonStyles] = useState4(() => initialButtonStyles(badgeBackground, fileText, hoverBadgeBackground));
+  const [recordingSub, setRecordingSub] = useState4(() => new Subscription());
   const start = () => {
     recordingSub.unsubscribe();
     const recording = recorderRef.current.start();
@@ -700,7 +904,7 @@ var Transcriber = ({ onTranscriptionCompleted }) => {
     setStatus("LOADING");
     stop();
   };
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "div",
     {
       style: {
@@ -710,27 +914,27 @@ var Transcriber = ({ onTranscriptionCompleted }) => {
         backgroundColor: status === "RECORDING" ? "rgba(0,0,0,.3)" : "rgba(0,0,0,0)",
         borderRadius: "50px"
       },
-      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,
+      children: status === "IDLE" ? /* @__PURE__ */ jsx7(IconButton3, { sx: { ...iconButtonStyles }, onClick: handleRecordClick, children: /* @__PURE__ */ jsx7(MicIcon, { sx: { color: "#aaa", cursor: "pointer" } }) }) : status === "RECORDING" ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+        /* @__PURE__ */ jsx7(
+          IconButton3,
           {
             onClick: handleCancelClick,
             sx: { ...iconButtonStyles, marginRight: 1 },
-            children: /* @__PURE__ */ jsx6(CloseIcon, {})
+            children: /* @__PURE__ */ jsx7(CloseIcon, {})
           }
         ),
-        /* @__PURE__ */ jsx6(
-          IconButton2,
+        /* @__PURE__ */ jsx7(
+          IconButton3,
           {
             sx: {
               ...iconButtonStyles,
               filter: "invert(110%)"
             },
             onClick: handleSubmitClick,
-            children: /* @__PURE__ */ jsx6(CheckIcon, {})
+            children: /* @__PURE__ */ jsx7(CheckIcon, {})
           }
         )
-      ] }) : status === "LOADING" ? /* @__PURE__ */ jsx6(IconButton2, { sx: { ...iconButtonStyles }, children: /* @__PURE__ */ jsx6(CircularProgress, { size: 20 }) }) : null
+      ] }) : status === "LOADING" ? /* @__PURE__ */ jsx7(IconButton3, { sx: { ...iconButtonStyles }, children: /* @__PURE__ */ jsx7(CircularProgress, { size: 20 }) }) : null
     }
   );
 };
@@ -776,7 +980,7 @@ var useVoiceModeStore = create((set) => ({
 
 // src/chat/chat-input.tsx
 import { shallow } from "zustand/shallow";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var ChatInput = (props) => {
   const {
     inputValue,
@@ -819,13 +1023,13 @@ var ChatInput = (props) => {
     }),
     shallow
   );
-  const [memoryOpen, setMemoryOpen] = useState4(false);
-  const [fileInputs, setFileInputs] = useState4([]);
+  const [memoryOpen, setMemoryOpen] = useState5(false);
+  const [fileInputs, setFileInputs] = useState5([]);
   const fileInputRef = useRef2(null);
-  const [brandingText, setBrandingText] = useState4("");
-  const [feedbackModalOpen, setFeedbackModalOpen] = useState4(false);
-  const [isKeyboardOpen, setKeyboardOpen] = useState4(false);
-  const [moreActionsOpen, setMoreActionsOpen] = useState4(false);
+  const [brandingText, setBrandingText] = useState5("");
+  const [feedbackModalOpen, setFeedbackModalOpen] = useState5(false);
+  const [isKeyboardOpen, setKeyboardOpen] = useState5(false);
+  const [moreActionsOpen, setMoreActionsOpen] = useState5(false);
   const compactMobile = isMobile;
   const primaryIconSize = isMobile ? 32 : 40;
   const sendIconSize = isMobile ? 36 : 44;
@@ -1073,8 +1277,8 @@ ${sanitize(
   }, [isMobile, hasSecondaryActions]);
   const renderAttachmentButton = (key) => {
     if (!hasAttachmentAction) return null;
-    return /* @__PURE__ */ jsx7(Tooltip2, { title: "Attach files or images", children: /* @__PURE__ */ jsx7(
-      IconButton3,
+    return /* @__PURE__ */ jsx8(Tooltip3, { title: "Attach files or images", children: /* @__PURE__ */ jsx8(
+      IconButton4,
       {
         onClick: () => fileInputRef.current?.click(),
         sx: {
@@ -1091,8 +1295,8 @@ ${sanitize(
   };
   const renderMemoryButton = (key) => {
     if (!hasMemoryAction) return null;
-    return /* @__PURE__ */ jsx7(Tooltip2, { title: "Memory", children: /* @__PURE__ */ jsx7(
-      IconButton3,
+    return /* @__PURE__ */ jsx8(Tooltip3, { title: "Memory", children: /* @__PURE__ */ jsx8(
+      IconButton4,
       {
         onClick: () => setMemoryOpen(true),
         sx: {
@@ -1103,14 +1307,14 @@ ${sanitize(
           borderRadius: "50%",
           "&:hover": { bgcolor: hoverBadgeBackground }
         },
-        children: /* @__PURE__ */ jsx7(PsychologyIcon, { fontSize: "small" })
+        children: /* @__PURE__ */ jsx8(PsychologyIcon, { fontSize: "small" })
       }
     ) }, key ?? "memory");
   };
   const renderFeedbackButton = (key) => {
     if (!hasFeedbackAction) return null;
-    return /* @__PURE__ */ jsx7(Tooltip2, { title: "Send Feedback", children: /* @__PURE__ */ jsx7(
-      IconButton3,
+    return /* @__PURE__ */ jsx8(Tooltip3, { title: "Send Feedback", children: /* @__PURE__ */ jsx8(
+      IconButton4,
       {
         onClick: () => setFeedbackModalOpen(true),
         sx: {
@@ -1121,17 +1325,17 @@ ${sanitize(
           borderRadius: "50%",
           "&:hover": { bgcolor: hoverBadgeBackground }
         },
-        children: /* @__PURE__ */ jsx7(FeedbackIcon, { fontSize: "small" })
+        children: /* @__PURE__ */ jsx8(FeedbackIcon, { fontSize: "small" })
       }
     ) }, key ?? "feedback");
   };
   const renderSttButton = (key) => {
     if (!hasSttAction) return null;
-    return /* @__PURE__ */ jsx7(Box4, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx7(transcriber_default, { onTranscriptionCompleted: handleTranscriptionCompleted }) }, key ?? "stt");
+    return /* @__PURE__ */ jsx8(Box5, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx8(transcriber_default, { onTranscriptionCompleted: handleTranscriptionCompleted }) }, key ?? "stt");
   };
-  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
-    /* @__PURE__ */ jsxs4(
-      Box4,
+  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
+    /* @__PURE__ */ jsxs5(
+      Box5,
       {
         sx: {
           width: "100%",
@@ -1150,8 +1354,8 @@ ${sanitize(
         },
         ref: inputContainerRef,
         children: [
-          /* @__PURE__ */ jsxs4(
-            Box4,
+          /* @__PURE__ */ jsxs5(
+            Box5,
             {
               sx: {
                 width: "100%",
@@ -1166,8 +1370,8 @@ ${sanitize(
                 gap: isMobile ? compactMobile ? 0.75 : 1 : 1
               },
               children: [
-                /* @__PURE__ */ jsxs4(
-                  Box4,
+                /* @__PURE__ */ jsxs5(
+                  Box5,
                   {
                     sx: {
                       display: "flex",
@@ -1177,8 +1381,8 @@ ${sanitize(
                       flexDirection: "row"
                     },
                     children: [
-                      fileInputs.map((file, idx) => /* @__PURE__ */ jsxs4(
-                        Box4,
+                      fileInputs.map((file, idx) => /* @__PURE__ */ jsxs5(
+                        Box5,
                         {
                           sx: {
                             position: "relative",
@@ -1191,7 +1395,7 @@ ${sanitize(
                             gap: isMobile ? compactMobile ? 0.6 : 0.9 : 1
                           },
                           children: [
-                            /* @__PURE__ */ jsx7(
+                            /* @__PURE__ */ jsx8(
                               Avatar2,
                               {
                                 sx: {
@@ -1205,22 +1409,22 @@ ${sanitize(
                                 children: getFileIcon(file.name)
                               }
                             ),
-                            /* @__PURE__ */ jsx7(Typography, { variant: "caption", sx: { color: fileText }, children: file.name }),
-                            /* @__PURE__ */ jsx7(
-                              IconButton3,
+                            /* @__PURE__ */ jsx8(Typography, { variant: "caption", sx: { color: fileText }, children: file.name }),
+                            /* @__PURE__ */ jsx8(
+                              IconButton4,
                               {
                                 size: "small",
                                 onClick: () => setFileInputs((prev) => prev.filter((_, i) => i !== idx)),
                                 sx: { ml: 0.5, color: theme.palette.mode === "dark" ? "#aaa" : "#444" },
-                                children: /* @__PURE__ */ jsx7(CloseIcon, { sx: { fontSize: 14 } })
+                                children: /* @__PURE__ */ jsx8(CloseIcon, { sx: { fontSize: 14 } })
                               }
                             )
                           ]
                         },
                         idx
                       )),
-                      pastedImages.map((img, idx) => /* @__PURE__ */ jsxs4(Box4, { sx: { position: "relative" }, children: [
-                        /* @__PURE__ */ jsx7(
+                      pastedImages.map((img, idx) => /* @__PURE__ */ jsxs5(Box5, { sx: { position: "relative" }, children: [
+                        /* @__PURE__ */ jsx8(
                           Avatar2,
                           {
                             src: img,
@@ -1232,8 +1436,8 @@ ${sanitize(
                             }
                           }
                         ),
-                        /* @__PURE__ */ jsx7(
-                          IconButton3,
+                        /* @__PURE__ */ jsx8(
+                          IconButton4,
                           {
                             size: "small",
                             onClick: () => removeImage(idx),
@@ -1249,7 +1453,7 @@ ${sanitize(
                                 bgcolor: "rgba(255, 5, 5, 0.85)"
                               }
                             },
-                            children: /* @__PURE__ */ jsx7(
+                            children: /* @__PURE__ */ jsx8(
                               CloseIcon,
                               {
                                 sx: {
@@ -1261,7 +1465,7 @@ ${sanitize(
                           }
                         )
                       ] }, `img-${idx}`)),
-                      /* @__PURE__ */ jsx7(
+                      /* @__PURE__ */ jsx8(
                         "input",
                         {
                           type: "file",
@@ -1298,16 +1502,16 @@ ${sanitize(
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx7(
-                  Box4,
+                /* @__PURE__ */ jsx8(
+                  Box5,
                   {
                     sx: {
                       display: "flex",
                       maxHeight: "200px",
                       overflowY: "auto"
                     },
-                    children: /* @__PURE__ */ jsx7(
-                      TextField,
+                    children: /* @__PURE__ */ jsx8(
+                      TextField2,
                       {
                         fullWidth: true,
                         multiline: true,
@@ -1338,8 +1542,8 @@ ${sanitize(
                     )
                   }
                 ),
-                /* @__PURE__ */ jsxs4(
-                  Box4,
+                /* @__PURE__ */ jsxs5(
+                  Box5,
                   {
                     sx: {
                       display: "flex",
@@ -1349,8 +1553,8 @@ ${sanitize(
                       mt: isMobile ? 0.5 : 1
                     },
                     children: [
-                      /* @__PURE__ */ jsxs4(
-                        Box4,
+                      /* @__PURE__ */ jsxs5(
+                        Box5,
                         {
                           sx: {
                             display: "flex",
@@ -1359,13 +1563,13 @@ ${sanitize(
                             minHeight: primaryIconSize
                           },
                           children: [
-                            isVoiceModeEligible && /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                              /* @__PURE__ */ jsx7(
-                                Tooltip2,
+                            isVoiceModeEligible && /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                              /* @__PURE__ */ jsx8(
+                                Tooltip3,
                                 {
                                   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__ */ jsx7(
-                                    IconButton3,
+                                  children: /* @__PURE__ */ jsx8(
+                                    IconButton4,
                                     {
                                       onClick: toggleVoiceMode,
                                       sx: {
@@ -1381,12 +1585,12 @@ ${sanitize(
                                           bgcolor: isVoiceModeEnabled ? alpha(theme.palette.error.main, theme.palette.mode === "dark" ? 0.55 : 0.38) : hoverBadgeBackground
                                         }
                                       },
-                                      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 } })
+                                      children: !isVoiceModeEnabled ? /* @__PURE__ */ jsx8(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.mode === "dark" ? fileText : theme.palette.text.secondary } }) : voiceStatus === "processing" || voiceStatus === "initializing" ? /* @__PURE__ */ jsx8(CircularProgress2, { size: 18, sx: { color: fileText } }) : voiceStatus === "error" ? /* @__PURE__ */ jsx8(HearingDisabledIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : voiceStatus === "recording" ? /* @__PURE__ */ jsx8(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : /* @__PURE__ */ jsx8(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.common.white } })
                                     }
                                   )
                                 }
                               ),
-                              !isMobile && isVoiceModeEnabled && /* @__PURE__ */ jsx7(
+                              !isMobile && isVoiceModeEnabled && /* @__PURE__ */ jsx8(
                                 Typography,
                                 {
                                   variant: "caption",
@@ -1404,8 +1608,8 @@ ${sanitize(
                             !isMobile && renderAttachmentButton("attach-inline"),
                             !isMobile && renderMemoryButton("memory-inline"),
                             !isMobile && renderSttButton("stt-inline"),
-                            isMobile && hasSecondaryActions && /* @__PURE__ */ jsx7(
-                              IconButton3,
+                            isMobile && hasSecondaryActions && /* @__PURE__ */ jsx8(
+                              IconButton4,
                               {
                                 onClick: () => setMoreActionsOpen((prev) => !prev),
                                 sx: {
@@ -1417,7 +1621,7 @@ ${sanitize(
                                   transition: "background-color 0.2s ease",
                                   "&:hover": { bgcolor: hoverBadgeBackground }
                                 },
-                                children: /* @__PURE__ */ jsx7(
+                                children: /* @__PURE__ */ jsx8(
                                   ExpandMoreIcon,
                                   {
                                     fontSize: "small",
@@ -1432,8 +1636,8 @@ ${sanitize(
                           ]
                         }
                       ),
-                      /* @__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,
+                      /* @__PURE__ */ jsx8(Box5, { sx: { display: "flex", alignItems: "center", gap: isMobile ? 0.6 : 1 }, children: /* @__PURE__ */ jsx8(Tooltip3, { title: isStreaming ? "Stop response" : "Send message", children: /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(
+                        IconButton4,
                         {
                           onClick: isStreaming ? onStop || (() => {
                           }) : handleSubmit,
@@ -1449,14 +1653,14 @@ ${sanitize(
                             "&:hover": { bgcolor: sendButtonHover },
                             "&.Mui-disabled": { opacity: 0.5 }
                           },
-                          children: isStreaming ? /* @__PURE__ */ jsx7(CloseIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx7(ArrowUpwardIcon, { fontSize: "small" })
+                          children: isStreaming ? /* @__PURE__ */ jsx8(CloseIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx8(ArrowUpwardIcon, { fontSize: "small" })
                         }
                       ) }) }) })
                     ]
                   }
                 ),
-                isMobile && hasSecondaryActions && /* @__PURE__ */ jsx7(Collapse, { in: moreActionsOpen, unmountOnExit: true, children: /* @__PURE__ */ jsxs4(
-                  Box4,
+                isMobile && hasSecondaryActions && /* @__PURE__ */ jsx8(Collapse, { in: moreActionsOpen, unmountOnExit: true, children: /* @__PURE__ */ jsxs5(
+                  Box5,
                   {
                     sx: {
                       display: "flex",
@@ -1477,7 +1681,7 @@ ${sanitize(
               ]
             }
           ),
-          /* @__PURE__ */ jsxs4(
+          /* @__PURE__ */ jsxs5(
             Typography,
             {
               variant: "caption",
@@ -1503,8 +1707,8 @@ ${sanitize(
         ]
       }
     ),
-    isMemoryEnabled && /* @__PURE__ */ jsx7(memory_modal_default, { open: memoryOpen, onClose: () => setMemoryOpen(false) }),
-    isFeedbackEnabled && /* @__PURE__ */ jsx7(
+    isMemoryEnabled && /* @__PURE__ */ jsx8(memory_modal_default, { open: memoryOpen, onClose: () => setMemoryOpen(false) }),
+    isFeedbackEnabled && /* @__PURE__ */ jsx8(
       FeedbackModal,
       {
         open: feedbackModalOpen,
@@ -1517,8 +1721,8 @@ ${sanitize(
 var chat_input_default = ChatInput;
 
 // src/chat/ask-user-card.tsx
-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 { useEffect as useEffect4, useState as useState6 } from "react";
+import { Box as Box6, Paper, Typography as Typography2, Button, TextField as TextField3, Chip, Stack } from "@mui/material";
 import { useTheme as useTheme5, alpha as alpha2 } from "@mui/material/styles";
 
 // src/store/askUserStore.ts
@@ -1584,12 +1788,12 @@ var parseAskUserQuestions = (rawJson) => {
 };
 
 // src/chat/ask-user-card.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var AskUserCard = () => {
   const theme = useTheme5();
   const { pending, submit, cancel } = useAskUserStore();
-  const [selected, setSelected] = useState5({});
-  const [freeform, setFreeform] = useState5({});
+  const [selected, setSelected] = useState6({});
+  const [freeform, setFreeform] = useState6({});
   useEffect4(() => {
     if (!pending) return;
     const preselected = {};
@@ -1610,7 +1814,7 @@ var AskUserCard = () => {
     });
     submit(final);
   };
-  return /* @__PURE__ */ jsx8(Box5, { sx: { width: "100%", display: "flex", justifyContent: "center", px: { xs: 1, sm: 2 }, mb: 1.5 }, children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx9(Box6, { sx: { width: "100%", display: "flex", justifyContent: "center", px: { xs: 1, sm: 2 }, mb: 1.5 }, children: /* @__PURE__ */ jsxs6(
     Paper,
     {
       elevation: 0,
@@ -1623,13 +1827,13 @@ var AskUserCard = () => {
         bgcolor: alpha2(theme.palette.primary.main, 0.06)
       },
       children: [
-        /* @__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) => {
+        /* @__PURE__ */ jsx9(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__ */ jsxs6(Box6, { sx: { mt: 1.5 }, children: [
+          q.header && /* @__PURE__ */ jsx9(Chip, { label: q.header, size: "small", sx: { mb: 0.75, fontWeight: 600 }, color: "primary", variant: "outlined" }),
+          /* @__PURE__ */ jsx9(Typography2, { sx: { fontWeight: 600, color: theme.palette.text.primary, mb: 1 }, children: q.question }),
+          q.options && q.options.length > 0 && /* @__PURE__ */ jsx9(Stack, { spacing: 1, children: q.options.map((opt) => {
             const isSel = selected[q.id] === opt.label && !freeform[q.id]?.trim();
-            return /* @__PURE__ */ jsx8(
+            return /* @__PURE__ */ jsx9(
               Button,
               {
                 onClick: () => {
@@ -1646,9 +1850,9 @@ var AskUserCard = () => {
                   px: 1.5,
                   borderColor: alpha2(theme.palette.primary.main, 0.4)
                 },
-                children: /* @__PURE__ */ jsxs5(Box5, { children: [
-                  /* @__PURE__ */ jsx8(Typography2, { sx: { fontWeight: 600, lineHeight: 1.3 }, children: opt.label }),
-                  opt.description && /* @__PURE__ */ jsx8(
+                children: /* @__PURE__ */ jsxs6(Box6, { children: [
+                  /* @__PURE__ */ jsx9(Typography2, { sx: { fontWeight: 600, lineHeight: 1.3 }, children: opt.label }),
+                  opt.description && /* @__PURE__ */ jsx9(
                     Typography2,
                     {
                       variant: "caption",
@@ -1661,8 +1865,8 @@ var AskUserCard = () => {
               opt.label
             );
           }) }),
-          q.allowFreeform !== false && /* @__PURE__ */ jsx8(
-            TextField2,
+          q.allowFreeform !== false && /* @__PURE__ */ jsx9(
+            TextField3,
             {
               fullWidth: true,
               size: "small",
@@ -1673,9 +1877,9 @@ var AskUserCard = () => {
             }
           )
         ] }, q.id)),
-        /* @__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" })
+        /* @__PURE__ */ jsxs6(Box6, { sx: { display: "flex", justifyContent: "flex-end", gap: 1, mt: 2 }, children: [
+          /* @__PURE__ */ jsx9(Button, { onClick: cancel, color: "inherit", sx: { textTransform: "none", color: theme.palette.text.secondary }, children: "Skip" }),
+          /* @__PURE__ */ jsx9(Button, { onClick: handleSubmit, disabled: !allAnswered, variant: "contained", sx: { textTransform: "none" }, children: "Submit" })
         ] })
       ]
     }
@@ -2567,9 +2771,9 @@ The user explicitly asked you to remember this. Respond with a short third-perso
 };
 
 // src/chat/hooks/useMoodEngine.tsx
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 var useMoodEngine = () => {
-  const [mood, setMood] = useState6("neutral");
+  const [mood, setMood] = useState7("neutral");
   const analyzeMood = async (message) => {
     try {
       const detected = await detectMessageMood(message);
@@ -4288,9 +4492,9 @@ var useAutoScroll = (options = {}) => {
 };
 
 // src/hooks/useNetworkStatus.ts
-import { useState as useState7, useEffect as useEffect6, useCallback as useCallback3 } from "react";
+import { useState as useState8, useEffect as useEffect6, useCallback as useCallback3 } from "react";
 var useNetworkStatus = () => {
-  const [networkStatus, setNetworkStatus] = useState7({
+  const [networkStatus, setNetworkStatus] = useState8({
     isOnline: navigator.onLine,
     isSlowConnection: false,
     connectionQuality: "fast",
@@ -4369,16 +4573,16 @@ var useNetworkStatus = () => {
 
 // src/chat/chat-app-bar.tsx
 import { Avatar as Avatar8 } from "@mui/material";
-import { useEffect as useEffect12, useRef as useRef10, useState as useState14 } from "react";
+import { useEffect as useEffect12, useRef as useRef10, useState as useState15 } from "react";
 import {
-  Box as Box12,
-  IconButton as IconButton9,
+  Box as Box13,
+  IconButton as IconButton10,
   Menu as Menu5,
   MenuItem as MenuItem5,
-  Tooltip as Tooltip5,
+  Tooltip as Tooltip6,
   useMediaQuery as useMediaQuery5,
   useTheme as useTheme12,
-  Dialog as Dialog5,
+  Dialog as Dialog6,
   DialogTitle as DialogTitle5,
   DialogContent as DialogContent5,
   DialogActions as DialogActions5,
@@ -4388,14 +4592,14 @@ import {
 import { useNavigate } from "react-router-dom";
 
 // src/chat/conversation-drawer.tsx
-import { useState as useState12, useMemo as useMemo2, useEffect as useEffect10, useRef as useRef8, useCallback as useCallback4 } from "react";
+import { useState as useState13, useMemo as useMemo2, useEffect as useEffect10, useRef as useRef8, useCallback as useCallback4 } from "react";
 import {
   Drawer,
-  Box as Box10,
+  Box as Box11,
   Typography as Typography7,
-  IconButton as IconButton7,
-  Tooltip as Tooltip4,
-  TextField as TextField6,
+  IconButton as IconButton8,
+  Tooltip as Tooltip5,
+  TextField as TextField7,
   InputAdornment,
   useMediaQuery as useMediaQuery4,
   Collapse as Collapse2,
@@ -4404,7 +4608,7 @@ import {
   MenuItem as MenuItem3,
   ListItemIcon as ListItemIcon3,
   ListItemText as ListItemText3,
-  Dialog as Dialog3,
+  Dialog as Dialog4,
   DialogTitle as DialogTitle3,
   DialogContent as DialogContent3,
   DialogActions as DialogActions3,
@@ -4412,19 +4616,19 @@ 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, Brain as MemoryIcon } from "lucide-react";
+import { X as CloseIcon5, 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 useState8, useEffect as useEffect7, useRef as useRef5 } from "react";
+import { useState as useState9, useEffect as useEffect7, useRef as useRef5 } from "react";
 import {
   Modal,
   Button as Button2,
-  TextField as TextField3,
+  TextField as TextField4,
   List,
   ListItem,
-  IconButton as IconButton4,
-  Box as Box6,
+  IconButton as IconButton5,
+  Box as Box7,
   Typography as Typography3,
   Avatar as Avatar3,
   Chip as Chip2,
@@ -4435,9 +4639,9 @@ import {
   SwipeableDrawer,
   useMediaQuery as useMediaQuery2
 } 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 { Plus as AddIcon2, Pencil as EditIcon2, Trash2 as DeleteIcon, MoreVertical as MoreVertIcon, Folder as FolderIcon, X as CloseIcon3, ArrowLeft as ArrowBackIcon } from "lucide-react";
 import { useTheme as useTheme6, alpha as alpha3 } from "@mui/material/styles";
-import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var DEFAULT_COLORS = [
   "#2196F3",
   "#4CAF50",
@@ -4467,18 +4671,18 @@ var ProjectManagementModal = ({
     hydrate
   } = useProjectStore();
   const { getConversationsByProject } = useConversationStore();
-  const [showCreateForm, setShowCreateForm] = useState8(false);
-  const [editingProject, setEditingProject] = useState8(null);
-  const [formData, setFormData] = useState8({
+  const [showCreateForm, setShowCreateForm] = useState9(false);
+  const [editingProject, setEditingProject] = useState9(null);
+  const [formData, setFormData] = useState9({
     name: "",
     description: "",
     instructions: "",
     color: DEFAULT_COLORS[0]
   });
-  const [menuAnchor, setMenuAnchor] = useState8(null);
-  const [selectedProject, setSelectedProject] = useState8(null);
-  const [loading, setLoading] = useState8(false);
-  const [error, setError] = useState8(null);
+  const [menuAnchor, setMenuAnchor] = useState9(null);
+  const [selectedProject, setSelectedProject] = useState9(null);
+  const [loading, setLoading] = useState9(false);
+  const [error, setError] = useState9(null);
   const modalContainerRef = useRef5(null);
   useEffect7(() => {
     if (open && !_hasHydrated) {
@@ -4595,8 +4799,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__ */ jsxs6(
-    Box6,
+  const content = /* @__PURE__ */ jsxs7(
+    Box7,
     {
       ref: modalContainerRef,
       sx: {
@@ -4614,8 +4818,8 @@ var ProjectManagementModal = ({
         position: "relative"
       },
       children: [
-        isMobile && /* @__PURE__ */ jsx9(
-          Box6,
+        isMobile && /* @__PURE__ */ jsx10(
+          Box7,
           {
             sx: {
               width: 56,
@@ -4628,8 +4832,8 @@ var ProjectManagementModal = ({
             }
           }
         ),
-        /* @__PURE__ */ jsxs6(
-          Box6,
+        /* @__PURE__ */ jsxs7(
+          Box7,
           {
             sx: {
               px: isMobile ? 1.5 : 2.75,
@@ -4641,8 +4845,8 @@ var ProjectManagementModal = ({
               gap: 1
             },
             children: [
-              /* @__PURE__ */ jsxs6(
-                Box6,
+              /* @__PURE__ */ jsxs7(
+                Box7,
                 {
                   sx: {
                     display: "flex",
@@ -4651,8 +4855,8 @@ var ProjectManagementModal = ({
                     gap: 1
                   },
                   children: [
-                    /* @__PURE__ */ jsxs6(
-                      Box6,
+                    /* @__PURE__ */ jsxs7(
+                      Box7,
                       {
                         sx: {
                           display: "flex",
@@ -4662,8 +4866,8 @@ var ProjectManagementModal = ({
                           flex: 1
                         },
                         children: [
-                          showCreateForm && /* @__PURE__ */ jsx9(IconButton4, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx9(ArrowBackIcon, { size: 16 }) }),
-                          /* @__PURE__ */ jsx9(
+                          showCreateForm && /* @__PURE__ */ jsx10(IconButton5, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx10(ArrowBackIcon, { size: 16 }) }),
+                          /* @__PURE__ */ jsx10(
                             Typography3,
                             {
                               variant: "h6",
@@ -4680,16 +4884,16 @@ var ProjectManagementModal = ({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx9(IconButton4, { onClick: handleClose, size: "small", children: /* @__PURE__ */ jsx9(CloseIcon2, {}) })
+                    /* @__PURE__ */ jsx10(IconButton5, { onClick: handleClose, size: "small", children: /* @__PURE__ */ jsx10(CloseIcon3, {}) })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx9(Typography3, { variant: "body2", color: "text.secondary", children: headerSubtitle })
+              /* @__PURE__ */ jsx10(Typography3, { variant: "body2", color: "text.secondary", children: headerSubtitle })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs6(
-          Box6,
+        /* @__PURE__ */ jsxs7(
+          Box7,
           {
             sx: {
               flex: 1,
@@ -4701,10 +4905,10 @@ var ProjectManagementModal = ({
               gap: 2.5
             },
             children: [
-              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,
+              error && /* @__PURE__ */ jsx10(Alert, { severity: "error", onClose: () => setError(null), children: error }),
+              showCreateForm ? /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+                /* @__PURE__ */ jsx10(
+                  TextField4,
                   {
                     label: "Project name",
                     value: formData.name,
@@ -4715,8 +4919,8 @@ var ProjectManagementModal = ({
                     autoFocus: true
                   }
                 ),
-                /* @__PURE__ */ jsx9(
-                  TextField3,
+                /* @__PURE__ */ jsx10(
+                  TextField4,
                   {
                     label: "Description (optional)",
                     value: formData.description,
@@ -4727,8 +4931,8 @@ var ProjectManagementModal = ({
                     disabled: loading
                   }
                 ),
-                /* @__PURE__ */ jsx9(
-                  TextField3,
+                /* @__PURE__ */ jsx10(
+                  TextField4,
                   {
                     label: "Project instructions (optional)",
                     helperText: "Standing context the assistant uses for every chat in this project \u2014 goals, tone, key facts.",
@@ -4740,10 +4944,10 @@ var ProjectManagementModal = ({
                     disabled: loading
                   }
                 ),
-                /* @__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,
+                /* @__PURE__ */ jsxs7(Box7, { children: [
+                  /* @__PURE__ */ jsx10(Typography3, { variant: "subtitle2", sx: { mb: 1 }, children: "Color" }),
+                  /* @__PURE__ */ jsx10(Box7, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: DEFAULT_COLORS.map((color) => /* @__PURE__ */ jsx10(
+                    Box7,
                     {
                       sx: {
                         width: 32,
@@ -4763,11 +4967,11 @@ var ProjectManagementModal = ({
                     color
                   )) })
                 ] })
-              ] }) : /* @__PURE__ */ jsxs6(Box6, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-                /* @__PURE__ */ jsx9(
+              ] }) : /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+                /* @__PURE__ */ jsx10(
                   Button2,
                   {
-                    startIcon: /* @__PURE__ */ jsx9(AddIcon2, {}),
+                    startIcon: /* @__PURE__ */ jsx10(AddIcon2, {}),
                     onClick: () => setShowCreateForm(true),
                     variant: "contained",
                     sx: {
@@ -4779,8 +4983,8 @@ var ProjectManagementModal = ({
                     children: "Create project"
                   }
                 ),
-                projects.length === 0 ? /* @__PURE__ */ jsxs6(
-                  Box6,
+                projects.length === 0 ? /* @__PURE__ */ jsxs7(
+                  Box7,
                   {
                     sx: {
                       textAlign: "center",
@@ -4792,15 +4996,15 @@ var ProjectManagementModal = ({
                       backgroundColor: subtleSurface
                     },
                     children: [
-                      /* @__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__ */ jsx10(FolderIcon, { size: 48, style: { marginBottom: 8, opacity: 0.5 } }),
+                      /* @__PURE__ */ jsx10(Typography3, { variant: "body1", sx: { fontWeight: 600 }, children: "No projects yet" }),
+                      /* @__PURE__ */ jsx10(Typography3, { variant: "body2", children: "Create your first project to organize conversations." })
                     ]
                   }
-                ) : /* @__PURE__ */ jsx9(List, { sx: { display: "flex", flexDirection: "column", gap: 1.25, py: 0 }, children: projects.map((project) => {
+                ) : /* @__PURE__ */ jsx10(List, { sx: { display: "flex", flexDirection: "column", gap: 1.25, py: 0 }, children: projects.map((project) => {
                   const conversationCount = getConversationsByProject(project.id).length;
-                  return /* @__PURE__ */ jsx9(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs6(
-                    Box6,
+                  return /* @__PURE__ */ jsx10(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs7(
+                    Box7,
                     {
                       sx: {
                         display: "flex",
@@ -4818,7 +5022,7 @@ var ProjectManagementModal = ({
                         }
                       },
                       children: [
-                        /* @__PURE__ */ jsx9(
+                        /* @__PURE__ */ jsx10(
                           Avatar3,
                           {
                             sx: {
@@ -4827,12 +5031,12 @@ var ProjectManagementModal = ({
                               height: 36,
                               fontSize: "1rem"
                             },
-                            children: /* @__PURE__ */ jsx9(FolderIcon, { size: 16 })
+                            children: /* @__PURE__ */ jsx10(FolderIcon, { size: 16 })
                           }
                         ),
-                        /* @__PURE__ */ jsxs6(Box6, { sx: { flex: 1, minWidth: 0 }, children: [
-                          /* @__PURE__ */ jsxs6(Box6, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
-                            /* @__PURE__ */ jsx9(
+                        /* @__PURE__ */ jsxs7(Box7, { sx: { flex: 1, minWidth: 0 }, children: [
+                          /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
+                            /* @__PURE__ */ jsx10(
                               Typography3,
                               {
                                 variant: "subtitle1",
@@ -4840,7 +5044,7 @@ var ProjectManagementModal = ({
                                 children: project.name
                               }
                             ),
-                            /* @__PURE__ */ jsx9(
+                            /* @__PURE__ */ jsx10(
                               Chip2,
                               {
                                 label: `${conversationCount}`,
@@ -4855,7 +5059,7 @@ var ProjectManagementModal = ({
                               }
                             )
                           ] }),
-                          project.description && /* @__PURE__ */ jsx9(
+                          project.description && /* @__PURE__ */ jsx10(
                             Typography3,
                             {
                               variant: "body2",
@@ -4865,8 +5069,8 @@ var ProjectManagementModal = ({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ jsx9(
-                          IconButton4,
+                        /* @__PURE__ */ jsx10(
+                          IconButton5,
                           {
                             onClick: (e) => {
                               e.stopPropagation();
@@ -4878,7 +5082,7 @@ var ProjectManagementModal = ({
                               mt: 0.25,
                               zIndex: 1
                             },
-                            children: /* @__PURE__ */ jsx9(MoreVertIcon, { size: 16 })
+                            children: /* @__PURE__ */ jsx10(MoreVertIcon, { size: 16 })
                           }
                         )
                       ]
@@ -4889,8 +5093,8 @@ var ProjectManagementModal = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx9(
-          Box6,
+        /* @__PURE__ */ jsx10(
+          Box7,
           {
             sx: {
               px: isMobile ? 1.5 : 2.75,
@@ -4900,8 +5104,8 @@ var ProjectManagementModal = ({
               justifyContent: "flex-end",
               gap: 1
             },
-            children: showCreateForm ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
-              /* @__PURE__ */ jsx9(
+            children: showCreateForm ? /* @__PURE__ */ jsxs7(Fragment5, { children: [
+              /* @__PURE__ */ jsx10(
                 Button2,
                 {
                   onClick: resetForm,
@@ -4910,21 +5114,21 @@ var ProjectManagementModal = ({
                   children: "Cancel"
                 }
               ),
-              /* @__PURE__ */ jsx9(
+              /* @__PURE__ */ jsx10(
                 Button2,
                 {
                   onClick: editingProject ? handleEditProject : handleCreateProject,
                   variant: "contained",
                   disabled: loading,
-                  startIcon: loading ? /* @__PURE__ */ jsx9(CircularProgress3, { size: 16 }) : void 0,
+                  startIcon: loading ? /* @__PURE__ */ jsx10(CircularProgress3, { size: 16 }) : void 0,
                   sx: { textTransform: "none", borderRadius: 2 },
                   children: editingProject ? "Update project" : "Create project"
                 }
               )
-            ] }) : /* @__PURE__ */ jsx9(Button2, { onClick: handleClose, sx: { textTransform: "none", borderRadius: 2 }, children: "Close" })
+            ] }) : /* @__PURE__ */ jsx10(Button2, { onClick: handleClose, sx: { textTransform: "none", borderRadius: 2 }, children: "Close" })
           }
         ),
-        /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs7(
           Menu,
           {
             anchorEl: menuAnchor,
@@ -4946,20 +5150,20 @@ var ProjectManagementModal = ({
               }
             },
             children: [
-              /* @__PURE__ */ jsx9(
+              /* @__PURE__ */ jsx10(
                 MenuItem,
                 {
                   onClick: () => {
                     if (!selectedProject) return;
                     startEdit(selectedProject);
                   },
-                  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" })
+                  children: /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ jsx10(EditIcon2, { size: 16 }),
+                    /* @__PURE__ */ jsx10(Typography3, { variant: "body2", color: "inherit", children: "Edit" })
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx9(
+              /* @__PURE__ */ jsx10(
                 MenuItem,
                 {
                   onClick: () => {
@@ -4967,9 +5171,9 @@ var ProjectManagementModal = ({
                     handleDeleteProject(selectedProject);
                   },
                   sx: { color: theme.palette.error.main },
-                  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" })
+                  children: /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ jsx10(DeleteIcon, { size: 16 }),
+                    /* @__PURE__ */ jsx10(Typography3, { variant: "body2", color: "inherit", children: "Delete" })
                   ] })
                 }
               )
@@ -4979,7 +5183,7 @@ var ProjectManagementModal = ({
       ]
     }
   );
-  return /* @__PURE__ */ jsx9(Fragment4, { children: isMobile ? /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(Fragment5, { children: isMobile ? /* @__PURE__ */ jsx10(
     SwipeableDrawer,
     {
       anchor: "bottom",
@@ -4999,7 +5203,7 @@ var ProjectManagementModal = ({
       },
       children: content
     }
-  ) : /* @__PURE__ */ jsx9(
+  ) : /* @__PURE__ */ jsx10(
     Modal,
     {
       open,
@@ -5018,9 +5222,9 @@ var ProjectManagementModal = ({
 var project_management_modal_default = ProjectManagementModal;
 
 // src/chat/move-conversation-modal.tsx
-import { useState as useState9, useEffect as useEffect8 } from "react";
+import { useState as useState10, useEffect as useEffect8 } from "react";
 import {
-  Dialog,
+  Dialog as Dialog2,
   DialogTitle,
   DialogContent,
   DialogActions,
@@ -5033,12 +5237,12 @@ import {
   Typography as Typography4,
   Avatar as Avatar4,
   Radio,
-  Box as Box7,
+  Box as Box8,
   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 jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var MoveConversationModal = ({
   open,
   onClose,
@@ -5048,7 +5252,7 @@ var MoveConversationModal = ({
   const theme = useTheme7();
   const { projects, _hasHydrated, hydrate } = useProjectStore();
   const { moveConversationToProject } = useConversationStore();
-  const [selectedProjectId, setSelectedProjectId] = useState9(
+  const [selectedProjectId, setSelectedProjectId] = useState10(
     currentProjectId
   );
   useEffect8(() => {
@@ -5075,8 +5279,8 @@ var MoveConversationModal = ({
   };
   const conversationCount = conversations.length;
   const isMultiple = conversationCount > 1;
-  return /* @__PURE__ */ jsxs7(
-    Dialog,
+  return /* @__PURE__ */ jsxs8(
+    Dialog2,
     {
       open,
       onClose,
@@ -5089,20 +5293,20 @@ var MoveConversationModal = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs7(DialogTitle, { children: [
+        /* @__PURE__ */ jsxs8(DialogTitle, { children: [
           "Move ",
           isMultiple ? `${conversationCount} Conversations` : "Conversation"
         ] }),
-        /* @__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(
+        /* @__PURE__ */ jsxs8(DialogContent, { sx: { px: 3 }, children: [
+          /* @__PURE__ */ jsx11(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__ */ jsxs8(List2, { children: [
+            /* @__PURE__ */ jsx11(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs8(
               ListItemButton,
               {
                 onClick: () => setSelectedProjectId(null),
                 selected: selectedProjectId === null,
                 children: [
-                  /* @__PURE__ */ jsx10(ListItemIcon, { children: /* @__PURE__ */ jsx10(
+                  /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(
                     Radio,
                     {
                       checked: selectedProjectId === null,
@@ -5110,7 +5314,7 @@ var MoveConversationModal = ({
                       size: "small"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx10(ListItemIcon, { children: /* @__PURE__ */ jsx10(
+                  /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(
                     Avatar4,
                     {
                       sx: {
@@ -5118,10 +5322,10 @@ var MoveConversationModal = ({
                         width: 32,
                         height: 32
                       },
-                      children: /* @__PURE__ */ jsx10(InboxIcon, {})
+                      children: /* @__PURE__ */ jsx11(InboxIcon, {})
                     }
                   ) }),
-                  /* @__PURE__ */ jsx10(
+                  /* @__PURE__ */ jsx11(
                     ListItemText,
                     {
                       primary: "No Project",
@@ -5131,14 +5335,14 @@ var MoveConversationModal = ({
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx10(Divider, { sx: { my: 1 } }),
-            projects.map((project) => /* @__PURE__ */ jsx10(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs7(
+            /* @__PURE__ */ jsx11(Divider, { sx: { my: 1 } }),
+            projects.map((project) => /* @__PURE__ */ jsx11(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs8(
               ListItemButton,
               {
                 onClick: () => setSelectedProjectId(project.id),
                 selected: selectedProjectId === project.id,
                 children: [
-                  /* @__PURE__ */ jsx10(ListItemIcon, { children: /* @__PURE__ */ jsx10(
+                  /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(
                     Radio,
                     {
                       checked: selectedProjectId === project.id,
@@ -5146,7 +5350,7 @@ var MoveConversationModal = ({
                       size: "small"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx10(ListItemIcon, { children: /* @__PURE__ */ jsx10(
+                  /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(
                     Avatar4,
                     {
                       sx: {
@@ -5154,10 +5358,10 @@ var MoveConversationModal = ({
                         width: 32,
                         height: 32
                       },
-                      children: /* @__PURE__ */ jsx10(FolderIcon2, {})
+                      children: /* @__PURE__ */ jsx11(FolderIcon2, {})
                     }
                   ) }),
-                  /* @__PURE__ */ jsx10(
+                  /* @__PURE__ */ jsx11(
                     ListItemText,
                     {
                       primary: project.name,
@@ -5167,16 +5371,16 @@ var MoveConversationModal = ({
                 ]
               }
             ) }, project.id)),
-            projects.length === 0 && /* @__PURE__ */ jsx10(Box7, { sx: {
+            projects.length === 0 && /* @__PURE__ */ jsx11(Box8, { sx: {
               textAlign: "center",
               py: 2,
               color: theme.palette.text.secondary
-            }, children: /* @__PURE__ */ jsx10(Typography4, { variant: "body2", children: "No projects available. Create a project first to organize conversations." }) })
+            }, children: /* @__PURE__ */ jsx11(Typography4, { variant: "body2", children: "No projects available. Create a project first to organize conversations." }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs7(DialogActions, { sx: { px: 3, pb: 2 }, children: [
-          /* @__PURE__ */ jsx10(Button3, { onClick: onClose, children: "Cancel" }),
-          /* @__PURE__ */ jsxs7(
+        /* @__PURE__ */ jsxs8(DialogActions, { sx: { px: 3, pb: 2 }, children: [
+          /* @__PURE__ */ jsx11(Button3, { onClick: onClose, children: "Cancel" }),
+          /* @__PURE__ */ jsxs8(
             Button3,
             {
               onClick: handleMove,
@@ -5196,26 +5400,26 @@ var MoveConversationModal = ({
 var move_conversation_modal_default = MoveConversationModal;
 
 // src/chat/simple-conversation-item.tsx
-import { useState as useState10, useRef as useRef6, useEffect as useEffect9 } from "react";
+import { useState as useState11, useRef as useRef6, useEffect as useEffect9 } from "react";
 import {
-  Box as Box8,
+  Box as Box9,
   Typography as Typography5,
-  IconButton as IconButton5,
+  IconButton as IconButton6,
   Menu as Menu2,
   MenuItem as MenuItem2,
   ListItemIcon as ListItemIcon2,
   ListItemText as ListItemText2,
   useMediaQuery as useMediaQuery3,
-  TextField as TextField4,
-  Dialog as Dialog2,
+  TextField as TextField5,
+  Dialog as Dialog3,
   DialogTitle as DialogTitle2,
   DialogContent as DialogContent2,
   DialogActions as DialogActions2,
   Button as Button4
 } from "@mui/material";
-import { MoreVertical as MoreVertIcon2, Pencil as EditIcon2, Trash2 as DeleteIcon2, GripVertical as DragIcon, MailOpen as MoveIcon } from "lucide-react";
+import { MoreVertical as MoreVertIcon2, Pencil as EditIcon3, 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 jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var SimpleConversationItem = ({
   conversation,
   isSelected,
@@ -5233,12 +5437,12 @@ var SimpleConversationItem = ({
 }) => {
   const theme = useTheme8();
   const isMobile = useMediaQuery3(theme.breakpoints.down("sm"));
-  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 [anchorEl, setAnchorEl] = useState11(null);
+  const [isEditing, setIsEditing] = useState11(false);
+  const [editName, setEditName] = useState11(conversation.name);
+  const [isDragging, setIsDragging] = useState11(false);
+  const [isTouchDragging, setIsTouchDragging] = useState11(false);
+  const [showRenameDialog, setShowRenameDialog] = useState11(false);
   const longPressTimeoutRef = useRef6(null);
   const touchStartPointRef = useRef6(null);
   const activeTouchIdRef = useRef6(null);
@@ -5250,8 +5454,8 @@ var SimpleConversationItem = ({
     const regex = new RegExp(`(${query.trim()})`, "gi");
     const parts = text.split(regex);
     return parts.map(
-      (part, index) => regex.test(part) ? /* @__PURE__ */ jsx11(
-        Box8,
+      (part, index) => regex.test(part) ? /* @__PURE__ */ jsx12(
+        Box9,
         {
           component: "span",
           sx: {
@@ -5386,9 +5590,9 @@ var SimpleConversationItem = ({
       setIsTouchDragging(false);
     }
   }, [isTouchDragActive, isTouchDragging]);
-  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
-    /* @__PURE__ */ jsxs8(
-      Box8,
+  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
+    /* @__PURE__ */ jsxs9(
+      Box9,
       {
         "data-project-id": conversation.projectId ?? "__ungrouped",
         draggable: !isMobile && !isEditing,
@@ -5440,7 +5644,7 @@ var SimpleConversationItem = ({
           }
         },
         children: [
-          !isMobile && !isEditing && /* @__PURE__ */ jsx11(
+          !isMobile && !isEditing && /* @__PURE__ */ jsx12(
             DragIcon,
             {
               size: 16,
@@ -5448,9 +5652,9 @@ var SimpleConversationItem = ({
               style: { marginRight: 4, cursor: "grab" }
             }
           ),
-          /* @__PURE__ */ jsxs8(Box8, { sx: { flex: 1, minWidth: 0 }, children: [
-            isEditing ? /* @__PURE__ */ jsx11(
-              TextField4,
+          /* @__PURE__ */ jsxs9(Box9, { sx: { flex: 1, minWidth: 0 }, children: [
+            isEditing ? /* @__PURE__ */ jsx12(
+              TextField5,
               {
                 value: editName,
                 onChange: (e) => setEditName(e.target.value),
@@ -5472,7 +5676,7 @@ var SimpleConversationItem = ({
                   }
                 }
               }
-            ) : /* @__PURE__ */ jsx11(
+            ) : /* @__PURE__ */ jsx12(
               Typography5,
               {
                 variant: "body2",
@@ -5487,7 +5691,7 @@ var SimpleConversationItem = ({
                 children: highlightText(conversation.name, searchQuery)
               }
             ),
-            !isEditing && snippet && /* @__PURE__ */ jsx11(
+            !isEditing && snippet && /* @__PURE__ */ jsx12(
               Typography5,
               {
                 variant: "caption",
@@ -5506,8 +5710,8 @@ var SimpleConversationItem = ({
               }
             )
           ] }),
-          !isEditing && /* @__PURE__ */ jsx11(
-            IconButton5,
+          !isEditing && /* @__PURE__ */ jsx12(
+            IconButton6,
             {
               onClick: handleMenuOpen,
               size: "small",
@@ -5535,10 +5739,10 @@ var SimpleConversationItem = ({
                   }
                 }
               },
-              children: /* @__PURE__ */ jsx11(MoreVertIcon2, { size: 16 })
+              children: /* @__PURE__ */ jsx12(MoreVertIcon2, { size: 16 })
             }
           ),
-          /* @__PURE__ */ jsxs8(
+          /* @__PURE__ */ jsxs9(
             Menu2,
             {
               anchorEl,
@@ -5565,17 +5769,17 @@ var SimpleConversationItem = ({
                 }
               },
               children: [
-                onRename && /* @__PURE__ */ jsxs8(MenuItem2, { onClick: handleEdit, children: [
-                  /* @__PURE__ */ jsx11(ListItemIcon2, { children: /* @__PURE__ */ jsx11(EditIcon2, { size: 16 }) }),
-                  /* @__PURE__ */ jsx11(ListItemText2, { children: "Rename" })
+                onRename && /* @__PURE__ */ jsxs9(MenuItem2, { onClick: handleEdit, children: [
+                  /* @__PURE__ */ jsx12(ListItemIcon2, { children: /* @__PURE__ */ jsx12(EditIcon3, { size: 16 }) }),
+                  /* @__PURE__ */ jsx12(ListItemText2, { children: "Rename" })
                 ] }),
-                onMove && /* @__PURE__ */ jsxs8(MenuItem2, { onClick: handleMove, children: [
-                  /* @__PURE__ */ jsx11(ListItemIcon2, { children: /* @__PURE__ */ jsx11(MoveIcon, { size: 16 }) }),
-                  /* @__PURE__ */ jsx11(ListItemText2, { children: "Move to Project" })
+                onMove && /* @__PURE__ */ jsxs9(MenuItem2, { onClick: handleMove, children: [
+                  /* @__PURE__ */ jsx12(ListItemIcon2, { children: /* @__PURE__ */ jsx12(MoveIcon, { size: 16 }) }),
+                  /* @__PURE__ */ jsx12(ListItemText2, { children: "Move to Project" })
                 ] }),
-                /* @__PURE__ */ jsxs8(MenuItem2, { onClick: handleDelete, children: [
-                  /* @__PURE__ */ jsx11(ListItemIcon2, { children: /* @__PURE__ */ jsx11(DeleteIcon2, { size: 16 }) }),
-                  /* @__PURE__ */ jsx11(ListItemText2, { children: "Delete" })
+                /* @__PURE__ */ jsxs9(MenuItem2, { onClick: handleDelete, children: [
+                  /* @__PURE__ */ jsx12(ListItemIcon2, { children: /* @__PURE__ */ jsx12(DeleteIcon2, { size: 16 }) }),
+                  /* @__PURE__ */ jsx12(ListItemText2, { children: "Delete" })
                 ] })
               ]
             }
@@ -5583,8 +5787,8 @@ var SimpleConversationItem = ({
         ]
       }
     ),
-    isMobile && /* @__PURE__ */ jsxs8(
-      Dialog2,
+    isMobile && /* @__PURE__ */ jsxs9(
+      Dialog3,
       {
         open: showRenameDialog,
         onClose: () => {
@@ -5599,9 +5803,9 @@ var SimpleConversationItem = ({
           }
         },
         children: [
-          /* @__PURE__ */ jsx11(DialogTitle2, { sx: { pb: 1 }, children: "Rename Conversation" }),
-          /* @__PURE__ */ jsx11(DialogContent2, { children: /* @__PURE__ */ jsx11(
-            TextField4,
+          /* @__PURE__ */ jsx12(DialogTitle2, { sx: { pb: 1 }, children: "Rename Conversation" }),
+          /* @__PURE__ */ jsx12(DialogContent2, { children: /* @__PURE__ */ jsx12(
+            TextField5,
             {
               value: editName,
               onChange: (e) => setEditName(e.target.value),
@@ -5613,8 +5817,8 @@ var SimpleConversationItem = ({
               }
             }
           ) }),
-          /* @__PURE__ */ jsxs8(DialogActions2, { sx: { px: 3, pb: 2 }, children: [
-            /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsxs9(DialogActions2, { sx: { px: 3, pb: 2 }, children: [
+            /* @__PURE__ */ jsx12(
               Button4,
               {
                 onClick: () => {
@@ -5624,7 +5828,7 @@ var SimpleConversationItem = ({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12(
               Button4,
               {
                 onClick: () => {
@@ -5645,20 +5849,20 @@ var SimpleConversationItem = ({
 var simple_conversation_item_default = SimpleConversationItem;
 
 // src/chat/project-header.tsx
-import { useRef as useRef7, useState as useState11 } from "react";
+import { useRef as useRef7, useState as useState12 } from "react";
 import {
-  Box as Box9,
+  Box as Box10,
   Typography as Typography6,
-  IconButton as IconButton6,
+  IconButton as IconButton7,
   Avatar as Avatar5,
   Chip as Chip3,
-  Tooltip as Tooltip3,
-  TextField as TextField5,
+  Tooltip as Tooltip4,
+  TextField as TextField6,
   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 { ChevronDown as ExpandMoreIcon2, ChevronUp as ExpandLessIcon, Plus as AddIcon3, Folder as FolderIcon3, FolderOpen as FolderOpenIcon, Inbox as InboxIcon2, X as CloseIcon4, Check as CheckIcon3 } from "lucide-react";
 import { useTheme as useTheme9 } from "@mui/material/styles";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var ProjectHeader = ({
   projectId,
   projectName,
@@ -5675,9 +5879,9 @@ var ProjectHeader = ({
   const theme = useTheme9();
   const { createNewConversation } = useConversationStore();
   const { renameProject } = useProjectStore();
-  const [isHovered, setIsHovered] = useState11(false);
-  const [isDragOver, setIsDragOver] = useState11(false);
-  const [renameDraft, setRenameDraft] = useState11(projectName);
+  const [isHovered, setIsHovered] = useState12(false);
+  const [isDragOver, setIsDragOver] = useState12(false);
+  const [renameDraft, setRenameDraft] = useState12(projectName);
   const renameActionRef = useRef7("none");
   const isUngrouped = projectId === null;
   const Icon = isCollapsed ? FolderIcon3 : FolderOpenIcon;
@@ -5724,8 +5928,8 @@ var ProjectHeader = ({
     setRenameDraft(projectName);
     onRenameComplete?.();
   };
-  return /* @__PURE__ */ jsxs9(
-    Box9,
+  return /* @__PURE__ */ jsxs10(
+    Box10,
     {
       "data-project-id": projectId ?? "__ungrouped",
       onMouseEnter: () => setIsHovered(true),
@@ -5751,7 +5955,7 @@ var ProjectHeader = ({
         } : {}
       },
       children: [
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           Avatar5,
           {
             sx: {
@@ -5760,18 +5964,18 @@ var ProjectHeader = ({
               height: 28,
               mr: 1.5
             },
-            children: isUngrouped ? /* @__PURE__ */ jsx12(
+            children: isUngrouped ? /* @__PURE__ */ jsx13(
               InboxIcon2,
               {
                 size: 16,
                 color: theme.palette.text.disabled,
                 style: { opacity: 0.7 }
               }
-            ) : /* @__PURE__ */ jsx12(Icon, { size: 16 })
+            ) : /* @__PURE__ */ jsx13(Icon, { size: 16 })
           }
         ),
-        isRenaming && !isUngrouped ? /* @__PURE__ */ jsx12(
-          TextField5,
+        isRenaming && !isUngrouped ? /* @__PURE__ */ jsx13(
+          TextField6,
           {
             value: renameDraft,
             onChange: (e) => setRenameDraft(e.target.value),
@@ -5817,7 +6021,7 @@ var ProjectHeader = ({
               }
             }
           }
-        ) : /* @__PURE__ */ jsxs9(
+        ) : /* @__PURE__ */ jsxs10(
           Typography6,
           {
             variant: "subtitle2",
@@ -5830,7 +6034,7 @@ var ProjectHeader = ({
             },
             children: [
               projectName,
-              isDragOver && /* @__PURE__ */ jsx12(
+              isDragOver && /* @__PURE__ */ jsx13(
                 Typography6,
                 {
                   component: "span",
@@ -5846,7 +6050,7 @@ var ProjectHeader = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           Chip3,
           {
             label: conversationCount,
@@ -5866,9 +6070,9 @@ var ProjectHeader = ({
             }
           }
         ),
-        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,
+        isRenaming && !isUngrouped && /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 0.5, ml: 1 }, children: [
+          /* @__PURE__ */ jsx13(Tooltip4, { title: "Cancel and remove", children: /* @__PURE__ */ jsx13(
+            IconButton7,
             {
               size: "small",
               onMouseDown: (e) => {
@@ -5877,11 +6081,11 @@ var ProjectHeader = ({
                 onRenameCancelDelete ? onRenameCancelDelete() : cancelRename();
               },
               sx: { color: alpha5(theme.palette.error.main, 0.9) },
-              children: /* @__PURE__ */ jsx12(CloseIcon3, { size: 16 })
+              children: /* @__PURE__ */ jsx13(CloseIcon4, { size: 16 })
             }
           ) }),
-          /* @__PURE__ */ jsx12(Tooltip3, { title: "Save", children: /* @__PURE__ */ jsx12(
-            IconButton6,
+          /* @__PURE__ */ jsx13(Tooltip4, { title: "Save", children: /* @__PURE__ */ jsx13(
+            IconButton7,
             {
               size: "small",
               onMouseDown: (e) => {
@@ -5890,12 +6094,12 @@ var ProjectHeader = ({
                 commitRename();
               },
               sx: { color: theme.palette.success.main },
-              children: /* @__PURE__ */ jsx12(CheckIcon2, { size: 16 })
+              children: /* @__PURE__ */ jsx13(CheckIcon3, { size: 16 })
             }
           ) })
         ] }),
-        isHovered && !isDragOver && !isUngrouped && !isRenaming && /* @__PURE__ */ jsx12(Tooltip3, { title: `Add conversation to ${projectName.toLowerCase()}`, arrow: true, children: /* @__PURE__ */ jsx12(
-          IconButton6,
+        isHovered && !isDragOver && !isUngrouped && !isRenaming && /* @__PURE__ */ jsx13(Tooltip4, { title: `Add conversation to ${projectName.toLowerCase()}`, arrow: true, children: /* @__PURE__ */ jsx13(
+          IconButton7,
           {
             onClick: handleAddConversation,
             size: "small",
@@ -5911,18 +6115,18 @@ var ProjectHeader = ({
               },
               transition: "all 0.2s ease"
             },
-            children: /* @__PURE__ */ jsx12(AddIcon3, { size: 16 })
+            children: /* @__PURE__ */ jsx13(AddIcon3, { size: 16 })
           }
         ) }),
-        !isUngrouped && !isRenaming && /* @__PURE__ */ jsx12(
-          IconButton6,
+        !isUngrouped && !isRenaming && /* @__PURE__ */ jsx13(
+          IconButton7,
           {
             size: "small",
             sx: {
               color: theme.palette.text.secondary,
               transition: "transform 0.2s ease"
             },
-            children: isCollapsed ? /* @__PURE__ */ jsx12(ExpandMoreIcon2, { size: 16 }) : /* @__PURE__ */ jsx12(ExpandLessIcon, { size: 16 })
+            children: isCollapsed ? /* @__PURE__ */ jsx13(ExpandMoreIcon2, { size: 16 }) : /* @__PURE__ */ jsx13(ExpandLessIcon, { size: 16 })
           }
         )
       ]
@@ -5944,7 +6148,7 @@ var TOOLTIP_COPY = {
 var tooltip = (key) => TOOLTIP_COPY[key];
 
 // src/chat/conversation-drawer.tsx
-import { Fragment as Fragment6, 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_AVATAR = "https://cdn.burtson.ai/images/bandit-head.png";
 var coerceOptionalString = (value) => {
   if (typeof value !== "string") return void 0;
@@ -5995,16 +6199,16 @@ var ConversationDrawer = ({ open, onClose }) => {
     createProject,
     deleteProject
   } = useProjectStore();
-  const [projectManagementOpen, setProjectManagementOpen] = useState12(false);
-  const [memoryModalOpen, setMemoryModalOpen] = useState12(false);
-  const [collapsedProjects, setCollapsedProjects] = useState12(/* @__PURE__ */ new Set());
+  const [projectManagementOpen, setProjectManagementOpen] = useState13(false);
+  const [memoryModalOpen, setMemoryModalOpen] = useState13(false);
+  const [collapsedProjects, setCollapsedProjects] = useState13(/* @__PURE__ */ new Set());
   const didInitCollapseRef = useRef8(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 [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 getCustomClaim = useCallback4((key) => {
     if (!user) return void 0;
     const record = user;
@@ -6037,7 +6241,7 @@ var ConversationDrawer = ({ open, onClose }) => {
     }
     return void 0;
   }, [user, userDisplayName]);
-  const [avatarImage, setAvatarImage] = useState12(BANDIT_AVATAR);
+  const [avatarImage, setAvatarImage] = useState13(BANDIT_AVATAR);
   useEffect10(() => {
     const fresh = readPersistedToken();
     const store = useAuthenticationStore.getState();
@@ -6197,8 +6401,8 @@ var ConversationDrawer = ({ open, onClose }) => {
     setMoveModalOpen(false);
     setConversationToMove(null);
   };
-  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(Fragment7, { children: [
+    /* @__PURE__ */ jsxs11(
       Drawer,
       {
         anchor: "left",
@@ -6240,8 +6444,8 @@ var ConversationDrawer = ({ open, onClose }) => {
           }
         },
         children: [
-          /* @__PURE__ */ jsxs10(
-            Box10,
+          /* @__PURE__ */ jsxs11(
+            Box11,
             {
               sx: {
                 p: 2,
@@ -6252,8 +6456,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                 gap: 1
               },
               children: [
-                /* @__PURE__ */ jsx13(Tooltip4, { title: "Memories", arrow: true, children: /* @__PURE__ */ jsx13(
-                  IconButton7,
+                /* @__PURE__ */ jsx14(Tooltip5, { title: "Memories", arrow: true, children: /* @__PURE__ */ jsx14(
+                  IconButton8,
                   {
                     onClick: () => setMemoryModalOpen(true),
                     size: "small",
@@ -6265,11 +6469,11 @@ var ConversationDrawer = ({ open, onClose }) => {
                         bgcolor: alpha6(theme.palette.primary.main, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx13(MemoryIcon, {})
+                    children: /* @__PURE__ */ jsx14(MemoryIcon, {})
                   }
                 ) }),
-                /* @__PURE__ */ jsx13(Tooltip4, { title: tooltip("manageProjects"), arrow: true, children: /* @__PURE__ */ jsx13(
-                  IconButton7,
+                /* @__PURE__ */ jsx14(Tooltip5, { title: tooltip("manageProjects"), arrow: true, children: /* @__PURE__ */ jsx14(
+                  IconButton8,
                   {
                     onClick: () => setProjectManagementOpen(true),
                     size: "small",
@@ -6281,11 +6485,11 @@ var ConversationDrawer = ({ open, onClose }) => {
                         bgcolor: alpha6(theme.palette.primary.main, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx13(FolderIcon4, {})
+                    children: /* @__PURE__ */ jsx14(FolderIcon4, {})
                   }
                 ) }),
-                /* @__PURE__ */ jsx13(Tooltip4, { title: tooltip("conversationOptions"), arrow: true, children: /* @__PURE__ */ jsx13(
-                  IconButton7,
+                /* @__PURE__ */ jsx14(Tooltip5, { title: tooltip("conversationOptions"), arrow: true, children: /* @__PURE__ */ jsx14(
+                  IconButton8,
                   {
                     onClick: handleMenuOpen,
                     size: "small",
@@ -6297,11 +6501,11 @@ var ConversationDrawer = ({ open, onClose }) => {
                         bgcolor: alpha6(theme.palette.text.primary, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx13(MoreVertIcon3, {})
+                    children: /* @__PURE__ */ jsx14(MoreVertIcon3, {})
                   }
                 ) }),
-                isMobile && /* @__PURE__ */ jsx13(Tooltip4, { title: tooltip("closeConversationsPanel"), children: /* @__PURE__ */ jsx13(
-                  IconButton7,
+                isMobile && /* @__PURE__ */ jsx14(Tooltip5, { title: tooltip("closeConversationsPanel"), children: /* @__PURE__ */ jsx14(
+                  IconButton8,
                   {
                     onClick: (e) => {
                       e.preventDefault();
@@ -6317,14 +6521,14 @@ var ConversationDrawer = ({ open, onClose }) => {
                         bgcolor: alpha6(theme.palette.error.main, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx13(CloseIcon4, {})
+                    children: /* @__PURE__ */ jsx14(CloseIcon5, {})
                   }
                 ) })
               ]
             }
           ),
-          /* @__PURE__ */ jsx13(Box10, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx13(
-            TextField6,
+          /* @__PURE__ */ jsx14(Box11, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx14(
+            TextField7,
             {
               fullWidth: true,
               size: "small",
@@ -6333,16 +6537,16 @@ var ConversationDrawer = ({ open, onClose }) => {
               onChange: (e) => setSearchQuery(e.target.value),
               variant: "outlined",
               InputProps: {
-                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,
+                startAdornment: /* @__PURE__ */ jsx14(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx14(SearchIcon, { size: 16, color: theme.palette.text.secondary }) }),
+                endAdornment: searchQuery && /* @__PURE__ */ jsx14(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx14(Tooltip5, { title: tooltip("clearSearch"), children: /* @__PURE__ */ jsx14(
+                  IconButton8,
                   {
                     onClick: handleSearchClear,
                     size: "small",
                     edge: "end",
                     "aria-label": tooltip("clearSearch"),
                     sx: { color: theme.palette.text.secondary },
-                    children: /* @__PURE__ */ jsx13(ClearIcon, { size: 16 })
+                    children: /* @__PURE__ */ jsx14(ClearIcon, { size: 16 })
                   }
                 ) }) })
               },
@@ -6359,9 +6563,9 @@ var ConversationDrawer = ({ open, onClose }) => {
               }
             }
           ) }),
-          /* @__PURE__ */ jsxs10(Box10, { sx: { flex: 1, overflow: "auto", display: "flex", flexDirection: "column" }, children: [
-            /* @__PURE__ */ jsxs10(
-              Box10,
+          /* @__PURE__ */ jsxs11(Box11, { sx: { flex: 1, overflow: "auto", display: "flex", flexDirection: "column" }, children: [
+            /* @__PURE__ */ jsxs11(
+              Box11,
               {
                 onClick: async () => {
                   const names = new Set(projects.map((p) => p.name));
@@ -6395,8 +6599,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                   "&:hover": { bgcolor: alpha6(theme.palette.text.primary, 0.04) }
                 },
                 children: [
-                  /* @__PURE__ */ jsx13(
-                    Box10,
+                  /* @__PURE__ */ jsx14(
+                    Box11,
                     {
                       sx: {
                         width: 28,
@@ -6408,10 +6612,10 @@ var ConversationDrawer = ({ open, onClose }) => {
                         justifyContent: "center",
                         flexShrink: 0
                       },
-                      children: /* @__PURE__ */ jsx13(FolderIcon4, { size: 16, color: theme.palette.success.main })
+                      children: /* @__PURE__ */ jsx14(FolderIcon4, { size: 16, color: theme.palette.success.main })
                     }
                   ),
-                  /* @__PURE__ */ jsx13(
+                  /* @__PURE__ */ jsx14(
                     Typography7,
                     {
                       variant: "subtitle2",
@@ -6419,22 +6623,22 @@ var ConversationDrawer = ({ open, onClose }) => {
                       children: "New Project"
                     }
                   ),
-                  /* @__PURE__ */ jsx13(Tooltip4, { title: tooltip("addProject"), arrow: true, children: /* @__PURE__ */ jsx13(
-                    IconButton7,
+                  /* @__PURE__ */ jsx14(Tooltip5, { title: tooltip("addProject"), arrow: true, children: /* @__PURE__ */ jsx14(
+                    IconButton8,
                     {
                       size: "small",
                       "aria-label": tooltip("addProject"),
                       sx: { color: theme.palette.success.main },
-                      children: /* @__PURE__ */ jsx13(AddIcon4, { size: 16 })
+                      children: /* @__PURE__ */ jsx14(AddIcon4, { size: 16 })
                     }
                   ) })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx13(Divider2, { sx: { opacity: 0.3 } }),
-            filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs10(Box10, { children: [
-              group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs10(
-                Box10,
+            /* @__PURE__ */ jsx14(Divider2, { sx: { opacity: 0.3 } }),
+            filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs11(Box11, { children: [
+              group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs11(
+                Box11,
                 {
                   sx: {
                     py: 2,
@@ -6444,9 +6648,9 @@ var ConversationDrawer = ({ open, onClose }) => {
                     gap: 2
                   },
                   children: [
-                    /* @__PURE__ */ jsx13(Divider2, { sx: { flex: 1, opacity: 0.6 } }),
-                    /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                      /* @__PURE__ */ jsx13(
+                    /* @__PURE__ */ jsx14(Divider2, { sx: { flex: 1, opacity: 0.6 } }),
+                    /* @__PURE__ */ jsxs11(Box11, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                      /* @__PURE__ */ jsx14(
                         InboxIcon3,
                         {
                           size: 14,
@@ -6454,7 +6658,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                           style: { opacity: 0.7 }
                         }
                       ),
-                      /* @__PURE__ */ jsx13(
+                      /* @__PURE__ */ jsx14(
                         Typography7,
                         {
                           variant: "caption",
@@ -6469,12 +6673,12 @@ var ConversationDrawer = ({ open, onClose }) => {
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx13(Divider2, { sx: { flex: 1, opacity: 0.6 } })
+                    /* @__PURE__ */ jsx14(Divider2, { sx: { flex: 1, opacity: 0.6 } })
                   ]
                 }
               ),
-              group.id !== null ? /* @__PURE__ */ jsxs10(Fragment6, { children: [
-                /* @__PURE__ */ jsx13(
+              group.id !== null ? /* @__PURE__ */ jsxs11(Fragment7, { children: [
+                /* @__PURE__ */ jsx14(
                   project_header_default,
                   {
                     projectId: group.id,
@@ -6503,8 +6707,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx13(Collapse2, { in: !group.collapsed, children: /* @__PURE__ */ jsxs10(Box10, { sx: { pb: 1 }, children: [
-                  group.conversations.map((conversation) => /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(Collapse2, { in: !group.collapsed, children: /* @__PURE__ */ jsxs11(Box11, { sx: { pb: 1 }, children: [
+                  group.conversations.map((conversation) => /* @__PURE__ */ jsx14(
                     simple_conversation_item_default,
                     {
                       conversation,
@@ -6524,8 +6728,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                     },
                     conversation.id
                   )),
-                  group.conversations.length === 0 && !group.collapsed && group.id !== null && /* @__PURE__ */ jsxs10(
-                    Box10,
+                  group.conversations.length === 0 && !group.collapsed && group.id !== null && /* @__PURE__ */ jsxs11(
+                    Box11,
                     {
                       sx: {
                         p: 3,
@@ -6533,17 +6737,17 @@ var ConversationDrawer = ({ open, onClose }) => {
                         color: theme.palette.text.secondary
                       },
                       children: [
-                        /* @__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__ */ jsx14(Typography7, { variant: "body2", children: "No conversations in this project yet" }),
+                        /* @__PURE__ */ jsx14(Typography7, { variant: "caption", sx: { mt: 1, display: "block" }, children: "Drag conversations here or use the + button above" })
                       ]
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ jsx13(Divider2, { sx: { opacity: 0.3 } })
+                /* @__PURE__ */ jsx14(Divider2, { sx: { opacity: 0.3 } })
               ] }) : (
                 // Special handling for ungrouped - no header, just conversations in scrollable area
-                /* @__PURE__ */ jsx13(
-                  Box10,
+                /* @__PURE__ */ jsx14(
+                  Box11,
                   {
                     sx: {
                       minHeight: 0,
@@ -6556,7 +6760,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                       mx: 1,
                       mb: 1
                     },
-                    children: group.conversations.map((conversation) => /* @__PURE__ */ jsx13(
+                    children: group.conversations.map((conversation) => /* @__PURE__ */ jsx14(
                       simple_conversation_item_default,
                       {
                         conversation,
@@ -6580,8 +6784,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                 )
               )
             ] }, group.id || "ungrouped")),
-            filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs10(
-              Box10,
+            filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs11(
+              Box11,
               {
                 sx: {
                   flex: 1,
@@ -6594,14 +6798,14 @@ var ConversationDrawer = ({ open, onClose }) => {
                   color: theme.palette.text.secondary
                 },
                 children: [
-                  /* @__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__ */ jsx14(Typography7, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
+                  /* @__PURE__ */ jsx14(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__ */ jsxs10(
-            Box10,
+          /* @__PURE__ */ jsxs11(
+            Box11,
             {
               onClick: user ? () => {
                 window.location.href = "/profile";
@@ -6622,7 +6826,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                 "&:hover": user ? { bgcolor: alpha6(theme.palette.primary.main, 0.08) } : void 0
               },
               children: [
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(
                   Avatar6,
                   {
                     src: avatarImage,
@@ -6637,8 +6841,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                     children: avatarInitials
                   }
                 ),
-                /* @__PURE__ */ jsxs10(
-                  Box10,
+                /* @__PURE__ */ jsxs11(
+                  Box11,
                   {
                     sx: {
                       minWidth: 0,
@@ -6650,7 +6854,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                       gap: 0.25
                     },
                     children: [
-                      /* @__PURE__ */ jsx13(
+                      /* @__PURE__ */ jsx14(
                         Typography7,
                         {
                           variant: "subtitle2",
@@ -6659,7 +6863,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                           children: user ? userDisplayName : "Not signed in"
                         }
                       ),
-                      /* @__PURE__ */ jsx13(
+                      /* @__PURE__ */ jsx14(
                         Typography7,
                         {
                           variant: "caption",
@@ -6671,8 +6875,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                     ]
                   }
                 ),
-                user && /* @__PURE__ */ jsx13(
-                  Box10,
+                user && /* @__PURE__ */ jsx14(
+                  Box11,
                   {
                     sx: {
                       flexShrink: 0,
@@ -6685,7 +6889,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                       border: `1px solid ${alpha6(theme.palette.divider, 0.8)}`,
                       color: theme.palette.text.secondary
                     },
-                    children: /* @__PURE__ */ jsx13(SettingsIcon2, { size: 16 })
+                    children: /* @__PURE__ */ jsx14(SettingsIcon2, { size: 16 })
                   }
                 )
               ]
@@ -6694,15 +6898,15 @@ var ConversationDrawer = ({ open, onClose }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       project_management_modal_default,
       {
         open: projectManagementOpen,
         onClose: () => setProjectManagementOpen(false)
       }
     ),
-    /* @__PURE__ */ jsx13(memory_modal_default, { open: memoryModalOpen, onClose: () => setMemoryModalOpen(false) }),
-    conversationToMove && /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(memory_modal_default, { open: memoryModalOpen, onClose: () => setMemoryModalOpen(false) }),
+    conversationToMove && /* @__PURE__ */ jsx14(
       move_conversation_modal_default,
       {
         open: moveModalOpen,
@@ -6711,7 +6915,7 @@ var ConversationDrawer = ({ open, onClose }) => {
         currentProjectId: conversationToMove.projectId
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       Menu3,
       {
         anchorEl: menuAnchorEl,
@@ -6725,7 +6929,7 @@ var ConversationDrawer = ({ open, onClose }) => {
           vertical: "bottom",
           horizontal: "right"
         },
-        children: /* @__PURE__ */ jsxs10(
+        children: /* @__PURE__ */ jsxs11(
           MenuItem3,
           {
             onClick: () => {
@@ -6734,26 +6938,26 @@ var ConversationDrawer = ({ open, onClose }) => {
             },
             sx: { color: theme.palette.error.main },
             children: [
-              /* @__PURE__ */ jsx13(ListItemIcon3, { children: /* @__PURE__ */ jsx13(DeleteSweepIcon, { size: 16, color: theme.palette.error.main }) }),
-              /* @__PURE__ */ jsx13(ListItemText3, { children: "Clear All Conversations" })
+              /* @__PURE__ */ jsx14(ListItemIcon3, { children: /* @__PURE__ */ jsx14(DeleteSweepIcon, { size: 16, color: theme.palette.error.main }) }),
+              /* @__PURE__ */ jsx14(ListItemText3, { children: "Clear All Conversations" })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxs10(
-      Dialog3,
+    /* @__PURE__ */ jsxs11(
+      Dialog4,
       {
         open: clearConfirmOpen,
         onClose: () => setClearConfirmOpen(false),
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__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(
+          /* @__PURE__ */ jsx14(DialogTitle3, { children: "Clear All Conversations?" }),
+          /* @__PURE__ */ jsx14(DialogContent3, { children: /* @__PURE__ */ jsx14(Typography7, { children: "This will permanently delete all conversations and cannot be undone. Are you sure you want to continue?" }) }),
+          /* @__PURE__ */ jsxs11(DialogActions3, { children: [
+            /* @__PURE__ */ jsx14(Button5, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx14(
               Button5,
               {
                 onClick: handleClearAllConfirm,
@@ -6771,13 +6975,13 @@ var ConversationDrawer = ({ open, onClose }) => {
 var conversation_drawer_default = ConversationDrawer;
 
 // src/chat/enhanced-mobile-conversations-modal.tsx
-import { useState as useState13, useMemo as useMemo3, useEffect as useEffect11, useRef as useRef9, useCallback as useCallback5 } from "react";
+import { useState as useState14, useMemo as useMemo3, useEffect as useEffect11, useRef as useRef9, useCallback as useCallback5 } from "react";
 import {
-  Box as Box11,
-  IconButton as IconButton8,
+  Box as Box12,
+  IconButton as IconButton9,
   Modal as Modal2,
   Typography as Typography8,
-  TextField as TextField7,
+  TextField as TextField8,
   InputAdornment as InputAdornment2,
   Slide,
   Collapse as Collapse3,
@@ -6786,7 +6990,7 @@ import {
   MenuItem as MenuItem4,
   ListItemIcon as ListItemIcon4,
   ListItemText as ListItemText4,
-  Dialog as Dialog4,
+  Dialog as Dialog5,
   DialogTitle as DialogTitle4,
   DialogContent as DialogContent4,
   DialogActions as DialogActions4,
@@ -6796,9 +7000,9 @@ import {
   Avatar as Avatar7,
   Chip as Chip4
 } 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, Settings as SettingsIcon3, Brain as MemoryIcon2 } from "lucide-react";
+import { X as CloseIcon6, X as ClearIcon2, Search as SearchIcon2, Folder as FolderIcon5, MoreVertical as MoreVertIcon4, Trash2 as DeleteSweepIcon2, Inbox as InboxIcon4, Plus as AddIcon5, Settings as SettingsIcon3, Brain as MemoryIcon2 } from "lucide-react";
 import { useTheme as useTheme11, alpha as alpha7 } from "@mui/material/styles";
-import { Fragment as Fragment7, 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 BANDIT_AVATAR2 = "https://cdn.burtson.ai/images/bandit-head.png";
 var coerceOptionalString2 = (value) => {
   if (typeof value !== "string") return void 0;
@@ -6849,19 +7053,19 @@ var EnhancedMobileConversationsModal = ({
     createProject,
     deleteProject
   } = useProjectStore();
-  const [projectManagementOpen, setProjectManagementOpen] = useState13(false);
-  const [memoryModalOpen, setMemoryModalOpen] = useState13(false);
-  const [collapsedProjects, setCollapsedProjects] = useState13(/* @__PURE__ */ new Set());
+  const [projectManagementOpen, setProjectManagementOpen] = useState14(false);
+  const [memoryModalOpen, setMemoryModalOpen] = useState14(false);
+  const [collapsedProjects, setCollapsedProjects] = useState14(/* @__PURE__ */ new Set());
   const didInitCollapseRef = useRef9(false);
-  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 [searchQuery, setSearchQuery] = useState14("");
+  const [menuAnchorEl, setMenuAnchorEl] = useState14(null);
+  const [clearConfirmOpen, setClearConfirmOpen] = useState14(false);
+  const [moveModalOpen, setMoveModalOpen] = useState14(false);
+  const [conversationToMove, setConversationToMove] = useState14(null);
+  const [renameProjectId, setRenameProjectId] = useState14(null);
+  const [deletedConversationIds, setDeletedConversationIds] = useState14(/* @__PURE__ */ new Set());
+  const [touchDragState, setTouchDragState] = useState14({ conversationId: null, originProjectId: null, hoverProjectId: null });
+  const [avatarImage, setAvatarImage] = useState14(BANDIT_AVATAR2);
   const getCustomClaim = useCallback5((key) => {
     if (!user) return void 0;
     const record = user;
@@ -7132,8 +7336,8 @@ var EnhancedMobileConversationsModal = ({
       return changed ? next : prev;
     });
   }, [conversations]);
-  return /* @__PURE__ */ jsxs11(Fragment7, { children: [
-    /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
+    /* @__PURE__ */ jsx15(
       Modal2,
       {
         open,
@@ -7142,8 +7346,8 @@ var EnhancedMobileConversationsModal = ({
           display: "flex",
           alignItems: "flex-end"
         },
-        children: /* @__PURE__ */ jsx14(Slide, { direction: "up", in: open, children: /* @__PURE__ */ jsxs11(
-          Box11,
+        children: /* @__PURE__ */ jsx15(Slide, { direction: "up", in: open, children: /* @__PURE__ */ jsxs12(
+          Box12,
           {
             sx: {
               width: "100%",
@@ -7156,7 +7360,7 @@ var EnhancedMobileConversationsModal = ({
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx15(
                 AppBar,
                 {
                   position: "static",
@@ -7166,9 +7370,9 @@ var EnhancedMobileConversationsModal = ({
                     color: theme.palette.text.primary,
                     borderBottom: `1px solid ${theme.palette.divider}`
                   },
-                  children: /* @__PURE__ */ jsxs11(Toolbar, { children: [
-                    /* @__PURE__ */ jsx14(Typography8, { variant: "h6", sx: { flex: 1, fontWeight: 600 }, children: "Conversations" }),
-                    visibleConversationCount > 0 && /* @__PURE__ */ jsx14(
+                  children: /* @__PURE__ */ jsxs12(Toolbar, { children: [
+                    /* @__PURE__ */ jsx15(Typography8, { variant: "h6", sx: { flex: 1, fontWeight: 600 }, children: "Conversations" }),
+                    visibleConversationCount > 0 && /* @__PURE__ */ jsx15(
                       Chip4,
                       {
                         label: visibleConversationCount,
@@ -7181,44 +7385,44 @@ var EnhancedMobileConversationsModal = ({
                         }
                       }
                     ),
-                    /* @__PURE__ */ jsx14(
-                      IconButton8,
+                    /* @__PURE__ */ jsx15(
+                      IconButton9,
                       {
                         onClick: () => setMemoryModalOpen(true),
                         "aria-label": "Memory",
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx14(MemoryIcon2, {})
+                        children: /* @__PURE__ */ jsx15(MemoryIcon2, {})
                       }
                     ),
-                    /* @__PURE__ */ jsx14(
-                      IconButton8,
+                    /* @__PURE__ */ jsx15(
+                      IconButton9,
                       {
                         onClick: () => setProjectManagementOpen(true),
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx14(FolderIcon5, {})
+                        children: /* @__PURE__ */ jsx15(FolderIcon5, {})
                       }
                     ),
-                    /* @__PURE__ */ jsx14(
-                      IconButton8,
+                    /* @__PURE__ */ jsx15(
+                      IconButton9,
                       {
                         onClick: handleMenuOpen,
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx14(MoreVertIcon4, {})
+                        children: /* @__PURE__ */ jsx15(MoreVertIcon4, {})
                       }
                     ),
-                    /* @__PURE__ */ jsx14(
-                      IconButton8,
+                    /* @__PURE__ */ jsx15(
+                      IconButton9,
                       {
                         onClick: onClose,
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx14(CloseIcon5, {})
+                        children: /* @__PURE__ */ jsx15(CloseIcon6, {})
                       }
                     )
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx14(Box11, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx14(
-                TextField7,
+              /* @__PURE__ */ jsx15(Box12, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx15(
+                TextField8,
                 {
                   fullWidth: true,
                   size: "small",
@@ -7227,22 +7431,22 @@ var EnhancedMobileConversationsModal = ({
                   onChange: (e) => setSearchQuery(e.target.value),
                   variant: "outlined",
                   InputProps: {
-                    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,
+                    startAdornment: /* @__PURE__ */ jsx15(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx15(SearchIcon2, { size: 16, color: theme.palette.text.secondary }) }),
+                    endAdornment: searchQuery && /* @__PURE__ */ jsx15(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx15(
+                      IconButton9,
                       {
                         onClick: handleSearchClear,
                         size: "small",
                         edge: "end",
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx14(ClearIcon2, { size: 16 })
+                        children: /* @__PURE__ */ jsx15(ClearIcon2, { size: 16 })
                       }
                     ) })
                   }
                 }
               ) }),
-              /* @__PURE__ */ jsxs11(
-                Box11,
+              /* @__PURE__ */ jsxs12(
+                Box12,
                 {
                   sx: {
                     flex: 1,
@@ -7253,8 +7457,8 @@ var EnhancedMobileConversationsModal = ({
                     pb: 2
                   },
                   children: [
-                    touchDragActive && activeDragConversation && /* @__PURE__ */ jsxs11(
-                      Box11,
+                    touchDragActive && activeDragConversation && /* @__PURE__ */ jsxs12(
+                      Box12,
                       {
                         sx: {
                           position: "absolute",
@@ -7279,7 +7483,7 @@ var EnhancedMobileConversationsModal = ({
                           overflow: "hidden"
                         },
                         children: [
-                          /* @__PURE__ */ jsxs11(
+                          /* @__PURE__ */ jsxs12(
                             Typography8,
                             {
                               variant: "caption",
@@ -7292,8 +7496,8 @@ var EnhancedMobileConversationsModal = ({
                               },
                               children: [
                                 "Move",
-                                /* @__PURE__ */ jsxs11(
-                                  Box11,
+                                /* @__PURE__ */ jsxs12(
+                                  Box12,
                                   {
                                     component: "span",
                                     sx: {
@@ -7313,7 +7517,7 @@ var EnhancedMobileConversationsModal = ({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsx14(
+                          /* @__PURE__ */ jsx15(
                             Typography8,
                             {
                               variant: "caption",
@@ -7322,11 +7526,11 @@ var EnhancedMobileConversationsModal = ({
                                 fontWeight: 500,
                                 whiteSpace: "nowrap"
                               },
-                              children: activeHoverLabel ? /* @__PURE__ */ jsxs11(Fragment7, { children: [
+                              children: activeHoverLabel ? /* @__PURE__ */ jsxs12(Fragment8, { children: [
                                 "to",
                                 " ",
-                                /* @__PURE__ */ jsx14(
-                                  Box11,
+                                /* @__PURE__ */ jsx15(
+                                  Box12,
                                   {
                                     component: "span",
                                     sx: {
@@ -7342,8 +7546,8 @@ var EnhancedMobileConversationsModal = ({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs11(
-                      Box11,
+                    /* @__PURE__ */ jsxs12(
+                      Box12,
                       {
                         onClick: async () => {
                           const names = new Set(projects.map((p) => p.name));
@@ -7377,8 +7581,8 @@ var EnhancedMobileConversationsModal = ({
                           "&:hover": { bgcolor: alpha7(theme.palette.text.primary, 0.04) }
                         },
                         children: [
-                          /* @__PURE__ */ jsx14(
-                            Box11,
+                          /* @__PURE__ */ jsx15(
+                            Box12,
                             {
                               sx: {
                                 width: 28,
@@ -7390,10 +7594,10 @@ var EnhancedMobileConversationsModal = ({
                                 justifyContent: "center",
                                 flexShrink: 0
                               },
-                              children: /* @__PURE__ */ jsx14(FolderIcon5, { size: 16, color: theme.palette.success.main })
+                              children: /* @__PURE__ */ jsx15(FolderIcon5, { size: 16, color: theme.palette.success.main })
                             }
                           ),
-                          /* @__PURE__ */ jsx14(
+                          /* @__PURE__ */ jsx15(
                             Typography8,
                             {
                               variant: "subtitle2",
@@ -7401,14 +7605,14 @@ var EnhancedMobileConversationsModal = ({
                               children: "New Project"
                             }
                           ),
-                          /* @__PURE__ */ jsx14(IconButton8, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ jsx14(AddIcon5, { size: 16 }) })
+                          /* @__PURE__ */ jsx15(IconButton9, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ jsx15(AddIcon5, { size: 16 }) })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx14(Divider3, { sx: { opacity: 0.3 } }),
-                    filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs11(Box11, { children: [
-                      group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs11(
-                        Box11,
+                    /* @__PURE__ */ jsx15(Divider3, { sx: { opacity: 0.3 } }),
+                    filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs12(Box12, { children: [
+                      group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs12(
+                        Box12,
                         {
                           sx: {
                             py: 2,
@@ -7418,9 +7622,9 @@ var EnhancedMobileConversationsModal = ({
                             gap: 2
                           },
                           children: [
-                            /* @__PURE__ */ jsx14(Divider3, { sx: { flex: 1, opacity: 0.6 } }),
-                            /* @__PURE__ */ jsxs11(Box11, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                              /* @__PURE__ */ jsx14(
+                            /* @__PURE__ */ jsx15(Divider3, { sx: { flex: 1, opacity: 0.6 } }),
+                            /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                              /* @__PURE__ */ jsx15(
                                 InboxIcon4,
                                 {
                                   size: 14,
@@ -7428,7 +7632,7 @@ var EnhancedMobileConversationsModal = ({
                                   style: { opacity: 0.7 }
                                 }
                               ),
-                              /* @__PURE__ */ jsx14(
+                              /* @__PURE__ */ jsx15(
                                 Typography8,
                                 {
                                   variant: "caption",
@@ -7443,12 +7647,12 @@ var EnhancedMobileConversationsModal = ({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsx14(Divider3, { sx: { flex: 1, opacity: 0.6 } })
+                            /* @__PURE__ */ jsx15(Divider3, { sx: { flex: 1, opacity: 0.6 } })
                           ]
                         }
                       ),
-                      group.id !== null ? /* @__PURE__ */ jsxs11(Fragment7, { children: [
-                        /* @__PURE__ */ jsx14(
+                      group.id !== null ? /* @__PURE__ */ jsxs12(Fragment8, { children: [
+                        /* @__PURE__ */ jsx15(
                           project_header_default,
                           {
                             projectId: group.id,
@@ -7478,8 +7682,8 @@ var EnhancedMobileConversationsModal = ({
                             isTouchTarget: touchDragActive && touchDragState.hoverProjectId === group.id
                           }
                         ),
-                        /* @__PURE__ */ jsx14(Collapse3, { in: !group.collapsed, children: /* @__PURE__ */ jsx14(
-                          Box11,
+                        /* @__PURE__ */ jsx15(Collapse3, { in: !group.collapsed, children: /* @__PURE__ */ jsx15(
+                          Box12,
                           {
                             "data-project-id": group.id ?? "__ungrouped",
                             sx: {
@@ -7489,7 +7693,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__ */ jsx14(
+                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx15(
                               simple_conversation_item_default,
                               {
                                 conversation,
@@ -7523,8 +7727,8 @@ var EnhancedMobileConversationsModal = ({
                         ) })
                       ] }) : (
                         // Special handling for ungrouped - no header, just conversations in scrollable area
-                        /* @__PURE__ */ jsx14(
-                          Box11,
+                        /* @__PURE__ */ jsx15(
+                          Box12,
                           {
                             sx: {
                               minHeight: 0,
@@ -7540,7 +7744,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__ */ jsx14(
+                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx15(
                               simple_conversation_item_default,
                               {
                                 conversation,
@@ -7574,8 +7778,8 @@ var EnhancedMobileConversationsModal = ({
                         )
                       )
                     ] }, group.id || "ungrouped")),
-                    filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs11(
-                      Box11,
+                    filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs12(
+                      Box12,
                       {
                         sx: {
                           flex: 1,
@@ -7588,16 +7792,16 @@ var EnhancedMobileConversationsModal = ({
                           color: theme.palette.text.secondary
                         },
                         children: [
-                          /* @__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__ */ jsx15(Typography8, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
+                          /* @__PURE__ */ jsx15(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__ */ jsxs11(
-                Box11,
+              /* @__PURE__ */ jsxs12(
+                Box12,
                 {
                   onClick: user ? () => {
                     window.location.href = "/profile";
@@ -7614,7 +7818,7 @@ var EnhancedMobileConversationsModal = ({
                     cursor: user ? "pointer" : "default"
                   },
                   children: [
-                    /* @__PURE__ */ jsx14(
+                    /* @__PURE__ */ jsx15(
                       Avatar7,
                       {
                         src: avatarImage,
@@ -7629,8 +7833,8 @@ var EnhancedMobileConversationsModal = ({
                         children: avatarInitials
                       }
                     ),
-                    /* @__PURE__ */ jsxs11(Box11, { sx: { display: "flex", flexDirection: "column", flex: 1, minWidth: 0, gap: 0.25 }, children: [
-                      /* @__PURE__ */ jsx14(
+                    /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", flexDirection: "column", flex: 1, minWidth: 0, gap: 0.25 }, children: [
+                      /* @__PURE__ */ jsx15(
                         Typography8,
                         {
                           variant: "subtitle2",
@@ -7639,7 +7843,7 @@ var EnhancedMobileConversationsModal = ({
                           children: user ? userDisplayName : "Not signed in"
                         }
                       ),
-                      /* @__PURE__ */ jsx14(
+                      /* @__PURE__ */ jsx15(
                         Typography8,
                         {
                           variant: "caption",
@@ -7649,8 +7853,8 @@ var EnhancedMobileConversationsModal = ({
                         }
                       )
                     ] }),
-                    user && /* @__PURE__ */ jsx14(
-                      Box11,
+                    user && /* @__PURE__ */ jsx15(
+                      Box12,
                       {
                         sx: {
                           flexShrink: 0,
@@ -7663,7 +7867,7 @@ var EnhancedMobileConversationsModal = ({
                           border: `1px solid ${alpha7(theme.palette.divider, 0.8)}`,
                           color: theme.palette.text.secondary
                         },
-                        children: /* @__PURE__ */ jsx14(SettingsIcon3, { size: 16 })
+                        children: /* @__PURE__ */ jsx15(SettingsIcon3, { size: 16 })
                       }
                     )
                   ]
@@ -7674,15 +7878,15 @@ var EnhancedMobileConversationsModal = ({
         ) })
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       project_management_modal_default,
       {
         open: projectManagementOpen,
         onClose: () => setProjectManagementOpen(false)
       }
     ),
-    /* @__PURE__ */ jsx14(memory_modal_default, { open: memoryModalOpen, onClose: () => setMemoryModalOpen(false) }),
-    conversationToMove && /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(memory_modal_default, { open: memoryModalOpen, onClose: () => setMemoryModalOpen(false) }),
+    conversationToMove && /* @__PURE__ */ jsx15(
       move_conversation_modal_default,
       {
         open: moveModalOpen,
@@ -7691,7 +7895,7 @@ var EnhancedMobileConversationsModal = ({
         currentProjectId: conversationToMove.projectId
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       Menu4,
       {
         anchorEl: menuAnchorEl,
@@ -7705,7 +7909,7 @@ var EnhancedMobileConversationsModal = ({
           vertical: "bottom",
           horizontal: "right"
         },
-        children: /* @__PURE__ */ jsxs11(
+        children: /* @__PURE__ */ jsxs12(
           MenuItem4,
           {
             onClick: () => {
@@ -7715,26 +7919,26 @@ var EnhancedMobileConversationsModal = ({
             disabled: visibleConversationCount === 0,
             sx: { color: theme.palette.error.main },
             children: [
-              /* @__PURE__ */ jsx14(ListItemIcon4, { children: /* @__PURE__ */ jsx14(DeleteSweepIcon2, { size: 16, color: theme.palette.error.main }) }),
-              /* @__PURE__ */ jsx14(ListItemText4, { children: "Clear All Conversations" })
+              /* @__PURE__ */ jsx15(ListItemIcon4, { children: /* @__PURE__ */ jsx15(DeleteSweepIcon2, { size: 16, color: theme.palette.error.main }) }),
+              /* @__PURE__ */ jsx15(ListItemText4, { children: "Clear All Conversations" })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxs11(
-      Dialog4,
+    /* @__PURE__ */ jsxs12(
+      Dialog5,
       {
         open: clearConfirmOpen,
         onClose: () => setClearConfirmOpen(false),
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__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(
+          /* @__PURE__ */ jsx15(DialogTitle4, { children: "Clear All Conversations?" }),
+          /* @__PURE__ */ jsx15(DialogContent4, { children: /* @__PURE__ */ jsx15(Typography8, { children: visibleConversationCount === 0 ? "No conversations available to clear." : `This will permanently delete ${visibleConversationCount} conversation${visibleConversationCount === 1 ? "" : "s"} and cannot be undone.` }) }),
+          /* @__PURE__ */ jsxs12(DialogActions4, { children: [
+            /* @__PURE__ */ jsx15(Button6, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx15(
               Button6,
               {
                 onClick: handleClearAllConfirm,
@@ -7753,7 +7957,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 jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var CDN_BASE = "https://cdn.burtson.ai/";
 var banditHead = `${CDN_BASE}/images/bandit-head.png`;
 var modelAvatars = {
@@ -7800,12 +8004,12 @@ var ChatAppBar = ({
     menuBackground,
     menuText
   } = theme.palette.chat.appBar;
-  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 [modelAnchorEl, setModelAnchorEl] = useState15(null);
+  const [engineAnchorEl, setEngineAnchorEl] = useState15(null);
+  const [voiceAnchorEl, setVoiceAnchorEl] = useState15(null);
+  const [modalOpen, setModalOpen] = useState15(false);
+  const [confirmModelChangeOpen, setConfirmModelChangeOpen] = useState15(false);
+  const [pendingModel, setPendingModel] = useState15(null);
   const { conversations, currentId, createNewConversation, _hasHydrated } = useConversationStore();
   const { preferences } = usePreferencesStore();
   const { settings: packageSettings } = usePackageSettingsStore();
@@ -7849,16 +8053,16 @@ var ChatAppBar = ({
   };
   const syncIndicatorIcon = (() => {
     if (isPlaygroundMode2 || !syncEnabled) {
-      return /* @__PURE__ */ jsx15(CloudOffIcon, { fontSize: "small", color: "disabled" });
+      return /* @__PURE__ */ jsx16(CloudOffIcon, { fontSize: "small", color: "disabled" });
     }
     switch (syncStatus) {
       case "syncing":
-        return /* @__PURE__ */ jsx15(SyncIcon, { fontSize: "small", sx: syncSpinSx, color: "primary" });
+        return /* @__PURE__ */ jsx16(SyncIcon, { fontSize: "small", sx: syncSpinSx, color: "primary" });
       case "error":
-        return /* @__PURE__ */ jsx15(ErrorOutlineIcon, { fontSize: "small", color: "error" });
+        return /* @__PURE__ */ jsx16(ErrorOutlineIcon, { fontSize: "small", color: "error" });
       case "idle":
       default:
-        return /* @__PURE__ */ jsx15(CloudDoneIcon, { fontSize: "small", color: "success" });
+        return /* @__PURE__ */ jsx16(CloudDoneIcon, { fontSize: "small", color: "success" });
     }
   })();
   const syncTooltip = (() => {
@@ -7964,9 +8168,9 @@ var ChatAppBar = ({
     }
     safeNavigate("/");
   }
-  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
-    /* @__PURE__ */ jsxs12(
-      Box12,
+  return /* @__PURE__ */ jsxs13(Fragment9, { children: [
+    /* @__PURE__ */ jsxs13(
+      Box13,
       {
         sx: {
           position: "fixed",
@@ -7986,8 +8190,8 @@ var ChatAppBar = ({
           }
         },
         children: [
-          /* @__PURE__ */ jsxs12(
-            Box12,
+          /* @__PURE__ */ jsxs13(
+            Box13,
             {
               sx: {
                 display: "flex",
@@ -8007,17 +8211,17 @@ var ChatAppBar = ({
                 }
               },
               children: [
-                /* @__PURE__ */ jsx15(Tooltip5, { title: homeTooltip, arrow: true, children: /* @__PURE__ */ jsx15(
-                  IconButton9,
+                /* @__PURE__ */ jsx16(Tooltip6, { title: homeTooltip, arrow: true, children: /* @__PURE__ */ jsx16(
+                  IconButton10,
                   {
                     onClick: goToHome,
                     sx: pillButtonStyles,
                     "aria-label": "Go to home page",
-                    children: /* @__PURE__ */ jsx15(HomeIcon, {})
+                    children: /* @__PURE__ */ jsx16(HomeIcon, {})
                   }
                 ) }),
-                showLimitedAdminPanel() && /* @__PURE__ */ jsx15(Tooltip5, { title: "Management & Settings", arrow: true, children: /* @__PURE__ */ jsx15(
-                  IconButton9,
+                showLimitedAdminPanel() && /* @__PURE__ */ jsx16(Tooltip6, { title: "Management & Settings", arrow: true, children: /* @__PURE__ */ jsx16(
+                  IconButton10,
                   {
                     onClick: () => safeNavigate(managementPath),
                     sx: {
@@ -8028,11 +8232,11 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Open management settings",
-                    children: /* @__PURE__ */ jsx15(SettingsIcon, {})
+                    children: /* @__PURE__ */ jsx16(SettingsIcon, {})
                   }
                 ) }),
-                /* @__PURE__ */ jsx15(Tooltip5, { title: syncTooltip, arrow: true, children: /* @__PURE__ */ jsxs12(
-                  IconButton9,
+                /* @__PURE__ */ jsx16(Tooltip6, { title: syncTooltip, arrow: true, children: /* @__PURE__ */ jsxs13(
+                  IconButton10,
                   {
                     onClick: handleSyncBadgeClick,
                     disabled: syncButtonDisabled,
@@ -8047,8 +8251,8 @@ var ChatAppBar = ({
                     "aria-label": "Conversation sync status",
                     children: [
                       syncIndicatorIcon,
-                      pendingCount > 0 && !syncButtonDisabled && syncStatus !== "syncing" && /* @__PURE__ */ jsx15(
-                        Box12,
+                      pendingCount > 0 && !syncButtonDisabled && syncStatus !== "syncing" && /* @__PURE__ */ jsx16(
+                        Box13,
                         {
                           sx: {
                             position: "absolute",
@@ -8073,8 +8277,8 @@ var ChatAppBar = ({
                     ]
                   }
                 ) }),
-                !isMobile && /* @__PURE__ */ jsx15(Tooltip5, { title: `${drawerOpen ? "Close" : "Open"} Conversations`, arrow: true, children: /* @__PURE__ */ jsxs12(
-                  IconButton9,
+                !isMobile && /* @__PURE__ */ jsx16(Tooltip6, { title: `${drawerOpen ? "Close" : "Open"} Conversations`, arrow: true, children: /* @__PURE__ */ jsxs13(
+                  IconButton10,
                   {
                     onClick: () => setDrawerOpen(!drawerOpen),
                     sx: {
@@ -8087,9 +8291,9 @@ var ChatAppBar = ({
                     "aria-label": `${drawerOpen ? "Close" : "Open"} conversations drawer`,
                     "aria-pressed": drawerOpen,
                     children: [
-                      drawerOpen ? /* @__PURE__ */ jsx15(NotesIcon, {}) : /* @__PURE__ */ jsx15(NotesIconOutlined, {}),
-                      conversations.length > 0 && /* @__PURE__ */ jsx15(
-                        Box12,
+                      drawerOpen ? /* @__PURE__ */ jsx16(NotesIcon, {}) : /* @__PURE__ */ jsx16(NotesIconOutlined, {}),
+                      conversations.length > 0 && /* @__PURE__ */ jsx16(
+                        Box13,
                         {
                           sx: {
                             position: "absolute",
@@ -8114,8 +8318,8 @@ var ChatAppBar = ({
                     ]
                   }
                 ) }),
-                !isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx15(Tooltip5, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx15(
-                  IconButton9,
+                !isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx16(Tooltip6, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx16(
+                  IconButton10,
                   {
                     onClick: () => createNewConversation(),
                     sx: {
@@ -8128,14 +8332,14 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Create new conversation",
-                    children: /* @__PURE__ */ jsx15(AddIcon, {})
+                    children: /* @__PURE__ */ jsx16(AddIcon, {})
                   }
                 ) })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs12(
-            Box12,
+          /* @__PURE__ */ jsxs13(
+            Box13,
             {
               sx: {
                 display: "flex",
@@ -8155,8 +8359,8 @@ var ChatAppBar = ({
                 }
               },
               children: [
-                isMobile && /* @__PURE__ */ jsx15(Tooltip5, { title: `Conversations (${conversations.length})`, arrow: true, children: /* @__PURE__ */ jsxs12(
-                  IconButton9,
+                isMobile && /* @__PURE__ */ jsx16(Tooltip6, { title: `Conversations (${conversations.length})`, arrow: true, children: /* @__PURE__ */ jsxs13(
+                  IconButton10,
                   {
                     onClick: () => setModalOpen(true),
                     sx: {
@@ -8165,9 +8369,9 @@ var ChatAppBar = ({
                     },
                     "aria-label": `Open conversations modal with ${conversations.length} conversations`,
                     children: [
-                      /* @__PURE__ */ jsx15(NotesIcon, { fontSize: "small" }),
-                      conversations.length > 0 && /* @__PURE__ */ jsx15(
-                        Box12,
+                      /* @__PURE__ */ jsx16(NotesIcon, { fontSize: "small" }),
+                      conversations.length > 0 && /* @__PURE__ */ jsx16(
+                        Box13,
                         {
                           sx: {
                             position: "absolute",
@@ -8192,8 +8396,8 @@ var ChatAppBar = ({
                     ]
                   }
                 ) }),
-                isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx15(Tooltip5, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx15(
-                  IconButton9,
+                isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx16(Tooltip6, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx16(
+                  IconButton10,
                   {
                     onClick: () => {
                       createNewConversation();
@@ -8209,11 +8413,11 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Create new conversation",
-                    children: /* @__PURE__ */ jsx15(AddIcon, { fontSize: "small" })
+                    children: /* @__PURE__ */ jsx16(AddIcon, { fontSize: "small" })
                   }
                 ) }),
-                /* @__PURE__ */ jsx15(Tooltip5, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ jsx15(
-                  IconButton9,
+                /* @__PURE__ */ jsx16(Tooltip6, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ jsx16(
+                  IconButton10,
                   {
                     onClick: (e) => setModelAnchorEl(e.currentTarget),
                     sx: {
@@ -8227,7 +8431,7 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": `Change AI personality. Currently using ${selectedModel}`,
-                    children: /* @__PURE__ */ jsx15(
+                    children: /* @__PURE__ */ jsx16(
                       Avatar8,
                       {
                         src: currentAvatar,
@@ -8244,16 +8448,16 @@ var ChatAppBar = ({
                     )
                   }
                 ) }),
-                /* @__PURE__ */ jsx15(Tooltip5, { title: `Engine \xB7 ${engineDisplay}`, arrow: true, children: /* @__PURE__ */ jsx15(
-                  IconButton9,
+                /* @__PURE__ */ jsx16(Tooltip6, { title: `Engine \xB7 ${engineDisplay}`, arrow: true, children: /* @__PURE__ */ jsx16(
+                  IconButton10,
                   {
                     onClick: (e) => setEngineAnchorEl(e.currentTarget),
                     sx: pillButtonStyles,
                     "aria-label": `Change base model (engine). Currently ${engineDisplay}`,
-                    children: /* @__PURE__ */ jsx15(AutoAwesomeIcon, { fontSize: "small" })
+                    children: /* @__PURE__ */ jsx16(AutoAwesomeIcon, { fontSize: "small" })
                   }
                 ) }),
-                /* @__PURE__ */ jsxs12(
+                /* @__PURE__ */ jsxs13(
                   Menu5,
                   {
                     anchorEl: engineAnchorEl,
@@ -8262,8 +8466,8 @@ var ChatAppBar = ({
                     transformOrigin: { horizontal: "right", vertical: "top" },
                     anchorOrigin: { horizontal: "right", vertical: "bottom" },
                     children: [
-                      /* @__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" }) }),
+                      /* @__PURE__ */ jsx16(Typography9, { variant: "overline", sx: { px: 2, color: theme.palette.text.secondary }, children: "Engine \xB7 base model" }),
+                      engines.length === 0 && /* @__PURE__ */ jsx16(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx16(Typography9, { variant: "body2", children: "No engines available" }) }),
                       engines.map((engine) => {
                         const badges = [
                           engine.vision && "vision",
@@ -8271,7 +8475,7 @@ var ChatAppBar = ({
                           engine.thinking && "thinking",
                           engine.cloud && "cloud"
                         ].filter(Boolean);
-                        return /* @__PURE__ */ jsxs12(
+                        return /* @__PURE__ */ jsxs13(
                           MenuItem5,
                           {
                             selected: engine.id === resolvedEngineId,
@@ -8291,13 +8495,13 @@ var ChatAppBar = ({
                               whiteSpace: "normal"
                             },
                             children: [
-                              /* @__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__ */ jsxs13(Box13, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
+                                /* @__PURE__ */ jsx16(Typography9, { variant: "body2", sx: { fontWeight: 600, flex: 1 }, children: cleanEngineName(engine.displayName) }),
+                                engine.id === resolvedEngineId && /* @__PURE__ */ jsx16(Box13, { sx: { width: 8, height: 8, borderRadius: "50%", bgcolor: theme.palette.primary.main } })
                               ] }),
-                              /* @__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,
+                              /* @__PURE__ */ jsx16(Typography9, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: engine.available ? engine.description : engine.unavailableReason || "Unavailable" }),
+                              badges.length > 0 && /* @__PURE__ */ jsx16(Box13, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", mt: 0.25 }, children: badges.map((b) => /* @__PURE__ */ jsx16(
+                                Box13,
                                 {
                                   sx: {
                                     fontSize: "0.65rem",
@@ -8319,7 +8523,7 @@ var ChatAppBar = ({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx15(
+                /* @__PURE__ */ jsx16(
                   Menu5,
                   {
                     anchorEl: modelAnchorEl,
@@ -8355,7 +8559,7 @@ var ChatAppBar = ({
                         }
                       }
                     },
-                    children: availableModels.map((model) => /* @__PURE__ */ jsxs12(
+                    children: availableModels.map((model) => /* @__PURE__ */ jsxs13(
                       MenuItem5,
                       {
                         selected: model.name === selectedModel,
@@ -8402,7 +8606,7 @@ var ChatAppBar = ({
                           px: 2
                         },
                         children: [
-                          /* @__PURE__ */ jsx15(
+                          /* @__PURE__ */ jsx16(
                             Avatar8,
                             {
                               src: model.avatarBase64 || modelAvatars[model.name] || banditHead,
@@ -8415,12 +8619,12 @@ var ChatAppBar = ({
                               }
                             }
                           ),
-                          /* @__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" })
+                          /* @__PURE__ */ jsxs13(Box13, { sx: { flex: 1 }, children: [
+                            /* @__PURE__ */ jsx16(Typography9, { variant: "body2", sx: { fontWeight: 500 }, children: model.name.replace("Bandit-", "") }),
+                            /* @__PURE__ */ jsx16(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__ */ jsx15(
-                            Box12,
+                          model.name === selectedModel && /* @__PURE__ */ jsx16(
+                            Box13,
                             {
                               sx: {
                                 width: 8,
@@ -8436,9 +8640,9 @@ var ChatAppBar = ({
                     ))
                   }
                 ),
-                isTTSAvailable && /* @__PURE__ */ jsxs12(Fragment8, { children: [
-                  /* @__PURE__ */ jsx15(Tooltip5, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ jsx15(
-                    IconButton9,
+                isTTSAvailable && /* @__PURE__ */ jsxs13(Fragment9, { children: [
+                  /* @__PURE__ */ jsx16(Tooltip6, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ jsx16(
+                    IconButton10,
                     {
                       onClick: (e) => setVoiceAnchorEl(e.currentTarget),
                       sx: {
@@ -8451,10 +8655,10 @@ var ChatAppBar = ({
                         }
                       },
                       "aria-label": `Change voice. Currently using ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "default"}`,
-                      children: /* @__PURE__ */ jsx15(RecordVoiceOverIcon, { fontSize: "small" })
+                      children: /* @__PURE__ */ jsx16(RecordVoiceOverIcon, { fontSize: "small" })
                     }
                   ) }),
-                  /* @__PURE__ */ jsx15(
+                  /* @__PURE__ */ jsx16(
                     Menu5,
                     {
                       anchorEl: voiceAnchorEl,
@@ -8491,7 +8695,7 @@ var ChatAppBar = ({
                           }
                         }
                       },
-                      children: availableVoices.length > 0 ? availableVoices.map((voice) => /* @__PURE__ */ jsx15(
+                      children: availableVoices.length > 0 ? availableVoices.map((voice) => /* @__PURE__ */ jsx16(
                         MenuItem5,
                         {
                           selected: voice === selectedVoice,
@@ -8499,14 +8703,14 @@ var ChatAppBar = ({
                             handleVoiceChange(voice);
                             setVoiceAnchorEl(null);
                           },
-                          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" })
+                          children: /* @__PURE__ */ jsxs13(Box13, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
+                            /* @__PURE__ */ jsx16(RecordVoiceOverIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }),
+                            /* @__PURE__ */ jsxs13(Box13, { sx: { flex: 1 }, children: [
+                              /* @__PURE__ */ jsx16(Typography9, { variant: "body2", children: toTitleCase(voice.split("-")[1]) }),
+                              /* @__PURE__ */ jsx16(Typography9, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
                             ] }),
-                            voice === selectedVoice && /* @__PURE__ */ jsx15(
-                              Box12,
+                            voice === selectedVoice && /* @__PURE__ */ jsx16(
+                              Box13,
                               {
                                 sx: {
                                   width: 8,
@@ -8519,7 +8723,7 @@ var ChatAppBar = ({
                           ] })
                         },
                         voice
-                      )) : /* @__PURE__ */ jsx15(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx15(Typography9, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
+                      )) : /* @__PURE__ */ jsx16(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx16(Typography9, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
                     }
                   )
                 ] })
@@ -8529,17 +8733,17 @@ var ChatAppBar = ({
         ]
       }
     ),
-    /* @__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,
+    /* @__PURE__ */ jsx16(conversation_drawer_default, { open: drawerOpen, onClose: () => setDrawerOpen(false) }),
+    /* @__PURE__ */ jsx16(enhanced_mobile_conversations_modal_default, { open: modalOpen, onClose: () => setModalOpen(false) }),
+    /* @__PURE__ */ jsxs13(
+      Dialog6,
       {
         open: confirmModelChangeOpen,
         onClose: () => setConfirmModelChangeOpen(false),
         children: [
-          /* @__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(
+          /* @__PURE__ */ jsx16(DialogTitle5, { children: "Change personality and start new conversation?" }),
+          /* @__PURE__ */ jsx16(DialogContent5, { children: /* @__PURE__ */ jsxs13(Box13, { display: "flex", alignItems: "center", gap: 2, mt: 1, justifyContent: "center", children: [
+            /* @__PURE__ */ jsx16(
               Avatar8,
               {
                 src: pendingModelAvatar,
@@ -8547,15 +8751,15 @@ var ChatAppBar = ({
                 sx: { width: 40, height: 40, filter: "brightness(1.7)" }
               }
             ),
-            /* @__PURE__ */ jsxs12(Typography9, { variant: "body2", children: [
+            /* @__PURE__ */ jsxs13(Typography9, { variant: "body2", children: [
               "Your current conversation will be saved, and a new one will begin with ",
-              /* @__PURE__ */ jsx15("strong", { children: pendingModel }),
+              /* @__PURE__ */ jsx16("strong", { children: pendingModel }),
               "."
             ] })
           ] }) }),
-          /* @__PURE__ */ jsxs12(DialogActions5, { children: [
-            /* @__PURE__ */ jsx15(Button7, { onClick: () => setConfirmModelChangeOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsxs13(DialogActions5, { children: [
+            /* @__PURE__ */ jsx16(Button7, { onClick: () => setConfirmModelChangeOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx16(
               Button7,
               {
                 onClick: () => {
@@ -8658,19 +8862,19 @@ Respond with just the title and nothing else.
 };
 
 // src/chat/query-suggestion-picker.tsx
-import { useEffect as useEffect13, useRef as useRef11, useState as useState15 } from "react";
-import { Box as Box13, useMediaQuery as useMediaQuery6 } from "@mui/material";
+import { useEffect as useEffect13, useRef as useRef11, useState as useState16 } from "react";
+import { Box as Box14, 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 jsx16 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx17 } from "react/jsx-runtime";
 var markdownComponents = {
-  p: ({ node, ...props }) => /* @__PURE__ */ jsx16("span", { ...props }),
-  mark: ({ node, children, ...props }) => /* @__PURE__ */ jsx16("mark", { ...props, children }),
+  p: ({ node, ...props }) => /* @__PURE__ */ jsx17("span", { ...props }),
+  mark: ({ node, children, ...props }) => /* @__PURE__ */ jsx17("mark", { ...props, children }),
   code: ({ node, children, ...props }) => {
     const { inline, ...rest } = props;
-    return inline ? /* @__PURE__ */ jsx16("code", { ...rest, children }) : /* @__PURE__ */ jsx16("code", { ...rest, children });
+    return inline ? /* @__PURE__ */ jsx17("code", { ...rest, children }) : /* @__PURE__ */ jsx17("code", { ...rest, children });
   }
 };
 var QuerySuggestionPicker = ({
@@ -8678,9 +8882,9 @@ var QuerySuggestionPicker = ({
   inputHeight
 }) => {
   const hasGenerated = useRef11(false);
-  const [hasSentPrompt, setHasSentPrompt] = useState15(false);
-  const [examplePrompts, setExamplePrompts] = useState15([]);
-  const [visiblePrompts, setVisiblePrompts] = useState15([]);
+  const [hasSentPrompt, setHasSentPrompt] = useState16(false);
+  const [examplePrompts, setExamplePrompts] = useState16([]);
+  const [visiblePrompts, setVisiblePrompts] = useState16([]);
   const scrollRef = useRef11(null);
   const theme = useTheme13();
   const isMobile = useMediaQuery6((theme2) => theme2.breakpoints.down("sm"));
@@ -8743,8 +8947,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__ */ jsx16(Fragment9, { children: /* @__PURE__ */ jsx16(
-    Box13,
+  return displayPrompts.length > 0 && /* @__PURE__ */ jsx17(Fragment10, { children: /* @__PURE__ */ jsx17(
+    Box14,
     {
       ref: scrollRef,
       sx: {
@@ -8760,8 +8964,8 @@ var QuerySuggestionPicker = ({
         pb: isMobile ? 0.4 : 0,
         "&::-webkit-scrollbar": { display: "none" }
       },
-      children: displayPrompts.map((prompt, i) => /* @__PURE__ */ jsx16(
-        Box13,
+      children: displayPrompts.map((prompt, i) => /* @__PURE__ */ jsx17(
+        Box14,
         {
           sx: {
             px: isMobile ? 1.4 : 2,
@@ -8795,8 +8999,8 @@ var QuerySuggestionPicker = ({
             onSend(prompt, []);
             setHasSentPrompt(true);
           },
-          children: /* @__PURE__ */ jsx16(
-            Box13,
+          children: /* @__PURE__ */ jsx17(
+            Box14,
             {
               sx: {
                 flex: 1,
@@ -8820,7 +9024,7 @@ var QuerySuggestionPicker = ({
                   padding: "0.1em 0.25em"
                 }
               },
-              children: /* @__PURE__ */ jsx16(
+              children: /* @__PURE__ */ jsx17(
                 ReactMarkdown,
                 {
                   remarkPlugins: [remarkGfm],
@@ -8839,9 +9043,9 @@ var QuerySuggestionPicker = ({
 };
 
 // ../../src/pages/under-review.tsx
-import { Box as Box14, Typography as Typography10, useTheme as useTheme14 } from "@mui/material";
+import { Box as Box15, Typography as Typography10, useTheme as useTheme14 } from "@mui/material";
 import { useNavigate as useNavigate2 } from "react-router-dom";
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var UnderReview = () => {
   const theme = useTheme14();
   const navigate = useNavigate2();
@@ -8849,8 +9053,8 @@ var UnderReview = () => {
     localStorage.removeItem("authToken");
     navigate("/login");
   };
-  return /* @__PURE__ */ jsxs13(
-    Box14,
+  return /* @__PURE__ */ jsxs14(
+    Box15,
     {
       sx: {
         minHeight: "100vh",
@@ -8865,8 +9069,8 @@ var UnderReview = () => {
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ jsx17(
-          Box14,
+        /* @__PURE__ */ jsx18(
+          Box15,
           {
             onClick: handleSneakyLogout,
             sx: {
@@ -8891,13 +9095,13 @@ var UnderReview = () => {
             title: "Reset session"
           }
         ),
-        /* @__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: [
+        /* @__PURE__ */ jsx18(Typography10, { variant: "h4", sx: { mb: 2, fontWeight: 700, color: theme.palette.error.main }, children: "Under Review" }),
+        /* @__PURE__ */ jsxs14(Typography10, { variant: "body1", sx: { mb: 2, color: theme.palette.text.secondary }, children: [
           "Your request to use our services is currently being reviewed.",
-          /* @__PURE__ */ jsx17("br", {}),
+          /* @__PURE__ */ jsx18("br", {}),
           "For more info, please contact ",
           " ",
-          /* @__PURE__ */ jsx17("a", { href: "mailto:team@banditai.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@banditai.ai" })
+          /* @__PURE__ */ jsx18("a", { href: "mailto:team@banditai.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@banditai.ai" })
         ] })
       ]
     }
@@ -8906,8 +9110,8 @@ var UnderReview = () => {
 var under_review_default = UnderReview;
 
 // src/components/ConnectionStatus.tsx
-import { Box as Box15, Chip as Chip5, useTheme as useTheme15 } from "@mui/material";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { Box as Box16, Chip as Chip5, useTheme as useTheme15 } from "@mui/material";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var ConnectionStatus = ({
   showWhenGood = false,
   position = "top"
@@ -8921,28 +9125,28 @@ var ConnectionStatus = ({
     switch (connectionQuality) {
       case "offline":
         return {
-          icon: /* @__PURE__ */ jsx18(WifiOffIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx19(WifiOffIcon, { sx: { fontSize: 16 } }),
           label: "Offline",
           color: "error",
           severity: "high"
         };
       case "slow":
         return {
-          icon: /* @__PURE__ */ jsx18(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx19(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
           label: "Slow connection",
           color: "warning",
           severity: "medium"
         };
       case "fast":
         return {
-          icon: /* @__PURE__ */ jsx18(WifiIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx19(WifiIcon, { sx: { fontSize: 16 } }),
           label: "Connected",
           color: "success",
           severity: "low"
         };
       default:
         return {
-          icon: /* @__PURE__ */ jsx18(WifiIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx19(WifiIcon, { sx: { fontSize: 16 } }),
           label: "Unknown",
           color: "default",
           severity: "low"
@@ -8950,8 +9154,8 @@ var ConnectionStatus = ({
     }
   };
   const config = getStatusConfig();
-  return /* @__PURE__ */ jsx18(
-    Box15,
+  return /* @__PURE__ */ jsx19(
+    Box16,
     {
       sx: {
         position: "fixed",
@@ -8966,7 +9170,7 @@ var ConnectionStatus = ({
           "100%": { opacity: 1 }
         }
       },
-      children: /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsx19(
         Chip5,
         {
           icon: config.icon,
@@ -9279,7 +9483,7 @@ var useVoiceMode = (config) => {
 };
 
 // src/chat/chat.tsx
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 var ChatContent = () => {
   const packageSettings = usePackageSettingsStore((state) => state.settings);
   const featureFlag = useFeatureFlag();
@@ -9287,8 +9491,8 @@ 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] = useState16(null);
-  const [themeLoading, setThemeLoading] = useState16(true);
+  const [selectedTheme, setSelectedTheme] = useState17(null);
+  const [themeLoading, setThemeLoading] = useState17(true);
   const token = authenticationService.getToken();
   const claims = token ? authenticationService.parseJwtClaims(token) : null;
   const baseTheme = themeMap_default[selectedTheme ?? "bandit-dark"] || banditDarkTheme;
@@ -9339,6 +9543,7 @@ var ChatContent = () => {
     initialized
   } = useVoiceStore();
   const isVoiceModeEnabled = useVoiceModeStore((state) => state.enabled);
+  const canvasOpen = useCanvasStore((state) => state.open);
   const previousVoiceModeEnabledRef = useRef13(isVoiceModeEnabled);
   const historyRef = useRef13(history);
   useEffect15(() => {
@@ -9387,14 +9592,14 @@ var ChatContent = () => {
   }, [packageSettings?.gatewayApiUrl, availableVoices.length, initialized, loadVoicesFromAPI, token]);
   const provider = useAIProviderStore((state) => state.provider);
   const inputRef = useRef13(null);
-  const [pastedImages, setPastedImages] = useState16([]);
+  const [pastedImages, setPastedImages] = useState17([]);
   const inputContainerRef = useRef13(null);
-  const [inputHeight, setInputHeight] = useState16(80);
-  const [isSubmitting, setIsSubmitting] = useState16(false);
-  const [pendingMessage, setPendingMessage] = useState16(null);
+  const [inputHeight, setInputHeight] = useState17(80);
+  const [isSubmitting, setIsSubmitting] = useState17(false);
+  const [pendingMessage, setPendingMessage] = useState17(null);
   const { conversations, currentId, _hasHydrated, hydrate } = useConversationStore();
-  const [isMobile, setIsMobile] = useState16(false);
-  const [drawerOpen, setDrawerOpen] = useState16(false);
+  const [isMobile, setIsMobile] = useState17(false);
+  const [drawerOpen, setDrawerOpen] = useState17(false);
   const { generateName } = useConversationNameGenerator();
   const { preferences } = usePreferencesStore();
   const { containerRef: chatContainerRef, targetRef: scrollTargetRef, scrollToBottom, getScrollState } = useAutoScroll({
@@ -9406,14 +9611,14 @@ var ChatContent = () => {
   const chatContainerEl = chatContainerRef.current;
   const scrollTargetEl = scrollTargetRef.current;
   const { isSlowConnection, connectionQuality, trackRequestStart, trackRequestEnd } = useNetworkStatus();
-  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 [showScrollToBottom, setShowScrollToBottom] = useState17(false);
+  const [streamBuffer, setStreamBuffer] = useState17("");
+  const [responseStarted, setResponseStarted] = useState17(false);
+  const [isStreaming, setIsStreaming] = useState17(false);
+  const [isThinking, setIsThinking] = useState17(false);
   const initialLogoState = history.length === 0;
-  const [logoVisible, setLogoVisible] = useState16(initialLogoState);
-  const [logoShouldRender, setLogoShouldRender] = useState16(initialLogoState);
+  const [logoVisible, setLogoVisible] = useState17(initialLogoState);
+  const [logoShouldRender, setLogoShouldRender] = useState17(initialLogoState);
   const streamingGraceUntilRef = useRef13(0);
   const GRACE_MS = 450;
   const GRACE_OFFSET_DESKTOP = 28;
@@ -9422,8 +9627,8 @@ var ChatContent = () => {
   const lastSpokenResponseRef = useRef13(null);
   const previousConversationIdRef = useRef13(null);
   const logoFadeTimeoutRef = useRef13(null);
-  const [branding, setBranding] = useState16(null);
-  const [brandingLoading, setBrandingLoading] = useState16(true);
+  const [branding, setBranding] = useState17(null);
+  const [brandingLoading, setBrandingLoading] = useState17(true);
   const isBrandingLoadInProgressRef = useRef13(false);
   const logoOnly = history.length === 0 && !brandingLoading;
   useEffect15(() => {
@@ -10191,10 +10396,10 @@ var ChatContent = () => {
     }
   };
   if (!hydrated || brandingLoading || themeLoading) {
-    return /* @__PURE__ */ jsxs14(ThemeProvider, { theme: banditTheme, children: [
-      /* @__PURE__ */ jsx19(CssBaseline, {}),
-      /* @__PURE__ */ jsxs14(
-        Box16,
+    return /* @__PURE__ */ jsxs15(ThemeProvider, { theme: banditTheme, children: [
+      /* @__PURE__ */ jsx20(CssBaseline, {}),
+      /* @__PURE__ */ jsxs15(
+        Box17,
         {
           sx: (theme) => ({
             minHeight: "100dvh",
@@ -10207,8 +10412,8 @@ var ChatContent = () => {
             color: theme.palette.text.primary
           }),
           children: [
-            /* @__PURE__ */ jsx19(CircularProgress4, { size: 32, thickness: 4 }),
-            /* @__PURE__ */ jsx19(Typography11, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
+            /* @__PURE__ */ jsx20(CircularProgress4, { size: 32, thickness: 4 }),
+            /* @__PURE__ */ jsx20(Typography11, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
           ]
         }
       )
@@ -10216,15 +10421,15 @@ var ChatContent = () => {
   }
   const userHasAccess = playgroundBypassAccess || ossMode || claims?.roles?.includes("super-user") || claims?.roles?.includes("admin");
   if (!userHasAccess) {
-    return /* @__PURE__ */ jsxs14(ThemeProvider, { theme: banditTheme, children: [
-      /* @__PURE__ */ jsx19(CssBaseline, {}),
-      /* @__PURE__ */ jsx19(under_review_default, {})
+    return /* @__PURE__ */ jsxs15(ThemeProvider, { theme: banditTheme, children: [
+      /* @__PURE__ */ jsx20(CssBaseline, {}),
+      /* @__PURE__ */ jsx20(under_review_default, {})
     ] });
   }
-  return /* @__PURE__ */ jsxs14(ThemeProvider, { theme: banditTheme, children: [
-    /* @__PURE__ */ jsx19(CssBaseline, {}),
-    /* @__PURE__ */ jsxs14(
-      Box16,
+  return /* @__PURE__ */ jsxs15(ThemeProvider, { theme: banditTheme, children: [
+    /* @__PURE__ */ jsx20(CssBaseline, {}),
+    /* @__PURE__ */ jsxs15(
+      Box17,
       {
         sx: (theme) => ({
           display: "flex",
@@ -10237,12 +10442,12 @@ var ChatContent = () => {
           position: "fixed",
           top: 0,
           left: drawerOpen && !isMobile ? "340px" : 0,
-          width: drawerOpen && !isMobile ? "calc(100vw - 340px)" : "100vw",
+          width: !isMobile && canvasOpen ? `calc(100vw - ${drawerOpen ? "340px" : "0px"} - ${CANVAS_WIDTH})` : drawerOpen && !isMobile ? "calc(100vw - 340px)" : "100vw",
           zIndex: 0,
           transition: "left 0.3s ease-in-out, width 0.3s ease-in-out"
         }),
         children: [
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             chat_app_bar_default,
             {
               availableModels,
@@ -10254,8 +10459,8 @@ var ChatContent = () => {
               setDrawerOpen
             }
           ),
-          /* @__PURE__ */ jsx19(
-            Box16,
+          /* @__PURE__ */ jsx20(
+            Box17,
             {
               ref: chatContainerRef,
               sx: {
@@ -10275,8 +10480,8 @@ var ChatContent = () => {
                 msOverflowStyle: "none",
                 "&::-webkit-scrollbar": { display: "none" }
               },
-              children: /* @__PURE__ */ jsxs14(
-                Box16,
+              children: /* @__PURE__ */ jsxs15(
+                Box17,
                 {
                   sx: {
                     width: "100%",
@@ -10286,9 +10491,9 @@ var ChatContent = () => {
                     pt: 2
                   },
                   children: [
-                    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,
+                    logoShouldRender && !brandingLoading && (branding?.logoBase64 ? /* @__PURE__ */ jsx20(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ jsx20(bandit_chat_logo_default, { visible: logoVisible, atTop: true })),
+                    /* @__PURE__ */ jsx20(
+                      Box17,
                       {
                         sx: {
                           margin: "0 auto",
@@ -10297,7 +10502,7 @@ var ChatContent = () => {
                           flexShrink: 0,
                           px: isMobile ? 0 : 0
                         },
-                        children: /* @__PURE__ */ jsx19(
+                        children: /* @__PURE__ */ jsx20(
                           chat_messages_default,
                           {
                             isStreaming,
@@ -10321,7 +10526,7 @@ var ChatContent = () => {
               )
             }
           ),
-          showScrollToBottom && /* @__PURE__ */ jsx19(
+          showScrollToBottom && /* @__PURE__ */ jsx20(
             chat_scroll_to_bottom_button_default,
             {
               inputHeight,
@@ -10330,8 +10535,8 @@ var ChatContent = () => {
               onClick: handleScrollToBottomClick
             }
           ),
-          history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ jsx19(
-            Box16,
+          history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ jsx20(
+            Box17,
             {
               sx: (theme) => ({
                 position: "absolute",
@@ -10349,8 +10554,8 @@ var ChatContent = () => {
               })
             }
           ),
-          /* @__PURE__ */ jsxs14(
-            Box16,
+          /* @__PURE__ */ jsxs15(
+            Box17,
             {
               sx: {
                 display: "flex",
@@ -10361,10 +10566,10 @@ var ChatContent = () => {
                 maxWidth: "768px"
               },
               children: [
-                /* @__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(
+                /* @__PURE__ */ jsx20(Box17, { sx: { flex: "1 1 auto" } }),
+                history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ jsx20(Box17, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ jsx20(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
+                /* @__PURE__ */ jsx20(ask_user_card_default, {}),
+                /* @__PURE__ */ jsx20(
                   chat_input_default,
                   {
                     inputValue,
@@ -10391,7 +10596,7 @@ var ChatContent = () => {
               ]
             }
           ),
-          preferences.feedbackEnabled && !isMobile && /* @__PURE__ */ jsx19(
+          preferences.feedbackEnabled && !isMobile && /* @__PURE__ */ jsx20(
             FeedbackButton,
             {
               fullScreen: false,
@@ -10404,10 +10609,11 @@ var ChatContent = () => {
               }
             }
           ),
-          /* @__PURE__ */ jsx19(ConnectionStatus, { position: "top", showWhenGood: false })
+          /* @__PURE__ */ jsx20(ConnectionStatus, { position: "top", showWhenGood: false })
         ]
       }
-    )
+    ),
+    /* @__PURE__ */ jsx20(canvas_panel_default, { isMobile })
   ] });
 };
 var Chat = () => {
@@ -10433,13 +10639,13 @@ var Chat = () => {
   });
   if (!allowUnauthenticated && !bypassAuth && !authenticationService.isAuthenticated()) {
     debugLogger.debug("User is not authenticated, redirecting to login");
-    return /* @__PURE__ */ jsx19(Navigate, { to: "/login", replace: true });
+    return /* @__PURE__ */ jsx20(Navigate, { to: "/login", replace: true });
   }
-  return /* @__PURE__ */ jsx19(ChatContent, {});
+  return /* @__PURE__ */ jsx20(ChatContent, {});
 };
 var chat_default = Chat;
 
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-PROLD2QV.mjs.map
+//# sourceMappingURL=chunk-JJNPBLJ7.mjs.map