@burtson-labs/bandit-engine 2.0.68 → 2.0.70

package/dist/{chunk-EHBZ4D7R.mjs → chunk-PUUL2R3T.mjs}

@@ -84,7 +84,7 @@ import {
 } from "./chunk-KCI46M23.mjs";
 
 // src/chat/chat.tsx
-import { useCallback as useCallback6, useEffect as useEffect14, useLayoutEffect, useMemo as useMemo3, useRef as useRef13, useState as useState14 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect15, useLayoutEffect, useMemo as useMemo3, useRef as useRef13, useState as useState15 } from "react";
 
 // src/chat/custom-logo.tsx
 import React, { useEffect } from "react";
@@ -171,7 +171,7 @@ var Logo = ({ visible, atTop = false }) => {
 var custom_logo_default = Logo;
 
 // src/chat/chat.tsx
-import { Box as Box14, ThemeProvider, CssBaseline, CircularProgress as CircularProgress4, Typography as Typography10 } from "@mui/material";
+import { Box as Box15, ThemeProvider, CssBaseline, CircularProgress as CircularProgress4, Typography as Typography11 } from "@mui/material";
 import { createTheme } from "@mui/material/styles";
 import { Navigate } from "react-router-dom";
 
@@ -1387,6 +1387,173 @@ ${sanitize(
 };
 var chat_input_default = ChatInput;
 
+// src/chat/ask-user-card.tsx
+import { useEffect as useEffect4, useState as useState4 } from "react";
+import { Box as Box4, Paper, Typography as Typography2, Button, TextField as TextField2, Chip, Stack } from "@mui/material";
+import { useTheme as useTheme5, alpha as alpha2 } from "@mui/material/styles";
+
+// src/store/askUserStore.ts
+import { create as create2 } from "zustand";
+var useAskUserStore = create2((set, get) => ({
+  pending: null,
+  resolver: null,
+  ask: (questions) => new Promise((resolve) => {
+    const prev = get().resolver;
+    if (prev) prev(null);
+    set({ pending: { questions }, resolver: resolve });
+  }),
+  submit: (answers) => {
+    const r = get().resolver;
+    set({ pending: null, resolver: null });
+    if (r) r(answers);
+  },
+  cancel: () => {
+    const r = get().resolver;
+    set({ pending: null, resolver: null });
+    if (r) r(null);
+  }
+}));
+var parseAskUserQuestions = (rawJson) => {
+  let parsed = rawJson;
+  if (typeof rawJson === "string") {
+    try {
+      parsed = JSON.parse(rawJson);
+    } catch {
+      return [];
+    }
+  }
+  const coerceOption = (raw) => {
+    if (typeof raw === "string") return raw.trim() ? { label: raw.trim() } : null;
+    if (raw && typeof raw === "object") {
+      const o = raw;
+      const label = typeof o.label === "string" ? o.label : typeof o.value === "string" ? o.value : typeof o.text === "string" ? o.text : "";
+      if (!label.trim()) return null;
+      return {
+        label: label.trim(),
+        description: typeof o.description === "string" ? o.description : void 0
+      };
+    }
+    return null;
+  };
+  const list = Array.isArray(parsed) ? parsed : [parsed];
+  const questions = [];
+  list.forEach((raw, i) => {
+    if (!raw || typeof raw !== "object") return;
+    const r = raw;
+    const text = typeof r.question === "string" ? r.question : typeof r.text === "string" ? r.text : typeof r.prompt === "string" ? r.prompt : "";
+    if (!text.trim()) return;
+    const options = (Array.isArray(r.options) ? r.options : []).map(coerceOption).filter((o) => o !== null);
+    questions.push({
+      id: typeof r.id === "string" && r.id.trim() ? r.id.trim() : `q${i + 1}`,
+      question: text.trim(),
+      header: typeof r.header === "string" && r.header.trim() ? r.header.trim() : void 0,
+      options: options.length > 0 ? options : void 0,
+      allowFreeform: r.allowFreeform === false ? false : true
+    });
+  });
+  return questions;
+};
+
+// src/chat/ask-user-card.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var AskUserCard = () => {
+  const theme = useTheme5();
+  const { pending, submit, cancel } = useAskUserStore();
+  const [selected, setSelected] = useState4({});
+  const [freeform, setFreeform] = useState4({});
+  useEffect4(() => {
+    if (!pending) return;
+    const preselected = {};
+    pending.questions.forEach((q) => {
+      const rec = q.options?.find((o) => /\(recommended\)/i.test(o.label));
+      if (rec) preselected[q.id] = rec.label;
+    });
+    setSelected(preselected);
+    setFreeform({});
+  }, [pending]);
+  if (!pending) return null;
+  const answerFor = (qid) => freeform[qid]?.trim() ? freeform[qid].trim() : selected[qid] ?? "";
+  const allAnswered = pending.questions.every((q) => answerFor(q.id).length > 0);
+  const handleSubmit = () => {
+    const final = {};
+    pending.questions.forEach((q) => {
+      final[q.id] = answerFor(q.id);
+    });
+    submit(final);
+  };
+  return /* @__PURE__ */ jsx7(Box4, { sx: { width: "100%", display: "flex", justifyContent: "center", px: { xs: 1, sm: 2 }, mb: 1.5 }, children: /* @__PURE__ */ jsxs4(
+    Paper,
+    {
+      elevation: 0,
+      sx: {
+        width: "100%",
+        maxWidth: 760,
+        p: { xs: 1.75, sm: 2.25 },
+        borderRadius: 2,
+        border: `1px solid ${alpha2(theme.palette.primary.main, 0.45)}`,
+        bgcolor: alpha2(theme.palette.primary.main, 0.06)
+      },
+      children: [
+        /* @__PURE__ */ jsx7(Typography2, { variant: "caption", sx: { color: theme.palette.primary.main, fontWeight: 700, letterSpacing: 0.4 }, children: "BANDIT NEEDS A QUICK DECISION" }),
+        pending.questions.map((q) => /* @__PURE__ */ jsxs4(Box4, { sx: { mt: 1.5 }, children: [
+          q.header && /* @__PURE__ */ jsx7(Chip, { label: q.header, size: "small", sx: { mb: 0.75, fontWeight: 600 }, color: "primary", variant: "outlined" }),
+          /* @__PURE__ */ jsx7(Typography2, { sx: { fontWeight: 600, color: theme.palette.text.primary, mb: 1 }, children: q.question }),
+          q.options && q.options.length > 0 && /* @__PURE__ */ jsx7(Stack, { spacing: 1, children: q.options.map((opt) => {
+            const isSel = selected[q.id] === opt.label && !freeform[q.id]?.trim();
+            return /* @__PURE__ */ jsx7(
+              Button,
+              {
+                onClick: () => {
+                  setSelected((p) => ({ ...p, [q.id]: opt.label }));
+                  setFreeform((p) => ({ ...p, [q.id]: "" }));
+                },
+                variant: isSel ? "contained" : "outlined",
+                color: "primary",
+                sx: {
+                  justifyContent: "flex-start",
+                  textAlign: "left",
+                  textTransform: "none",
+                  py: 1,
+                  px: 1.5,
+                  borderColor: alpha2(theme.palette.primary.main, 0.4)
+                },
+                children: /* @__PURE__ */ jsxs4(Box4, { children: [
+                  /* @__PURE__ */ jsx7(Typography2, { sx: { fontWeight: 600, lineHeight: 1.3 }, children: opt.label }),
+                  opt.description && /* @__PURE__ */ jsx7(
+                    Typography2,
+                    {
+                      variant: "caption",
+                      sx: { color: isSel ? alpha2("#fff", 0.85) : theme.palette.text.secondary, display: "block" },
+                      children: opt.description
+                    }
+                  )
+                ] })
+              },
+              opt.label
+            );
+          }) }),
+          q.allowFreeform !== false && /* @__PURE__ */ jsx7(
+            TextField2,
+            {
+              fullWidth: true,
+              size: "small",
+              placeholder: q.options && q.options.length ? "Or type your own answer\u2026" : "Type your answer\u2026",
+              value: freeform[q.id] ?? "",
+              onChange: (e) => setFreeform((p) => ({ ...p, [q.id]: e.target.value })),
+              sx: { mt: q.options && q.options.length ? 1.25 : 0 }
+            }
+          )
+        ] }, q.id)),
+        /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", justifyContent: "flex-end", gap: 1, mt: 2 }, children: [
+          /* @__PURE__ */ jsx7(Button, { onClick: cancel, color: "inherit", sx: { textTransform: "none", color: theme.palette.text.secondary }, children: "Skip" }),
+          /* @__PURE__ */ jsx7(Button, { onClick: handleSubmit, disabled: !allAnswered, variant: "contained", sx: { textTransform: "none" }, children: "Submit" })
+        ] })
+      ]
+    }
+  ) });
+};
+var ask_user_card_default = AskUserCard;
+
 // src/chat/hooks/useAIProvider.tsx
 import { useCallback, useRef as useRef3 } from "react";
 
@@ -1698,7 +1865,7 @@ function telemetryEndTurn(outcome) {
 }
 
 // src/store/engineStore.ts
-import { create as create2 } from "zustand";
+import { create as create3 } from "zustand";
 var STORAGE_KEY = "bandit.selectedEngine";
 var readStored = () => {
   try {
@@ -1707,7 +1874,7 @@ var readStored = () => {
     return null;
   }
 };
-var useEngineStore = create2((set, get) => ({
+var useEngineStore = create3((set, get) => ({
   selectedEngine: readStored(),
   engines: [],
   loaded: false,
@@ -2271,9 +2438,9 @@ The user explicitly asked you to remember this. Respond with a short third-perso
 };
 
 // src/chat/hooks/useMoodEngine.tsx
-import { useState as useState4 } from "react";
+import { useState as useState5 } from "react";
 var useMoodEngine = () => {
-  const [mood, setMood] = useState4("neutral");
+  const [mood, setMood] = useState5("neutral");
   const analyzeMood = async (message) => {
     try {
       const detected = await detectMessageMood(message);
@@ -3119,6 +3286,7 @@ TOOL USAGE PROTOCOL (conservative approach)
   * web_search() - when asked about recent/current events, breaking news, live information (weather, prices, sports scores), or when you need to look up documentation, libraries, APIs, error messages, or verify a specific fact
   * web_fetch() - to read the FULL contents of a specific URL you already have. Reach for this when the user wants to "tell me more", "go deeper", "read/open that article", or asks for details about a specific source, link, or article from an EARLIER answer: take that item's URL from the previous Sources list in this conversation and fetch it, then answer from the page's actual content (not just the prior summary)
   * image_generation() - ONLY when explicitly asked to create or generate an image
+  * ask_user({"questions": [{"question": "...", "header": "Format", "options": [{"label": "Inline (Recommended)"}, {"label": "Download a file"}]}]}) - when you are genuinely BLOCKED on a decision that is the USER's to make and cannot resolve from the request, context, or sensible defaults (e.g. show content inline vs. let them download it, which format/option they want). Renders clickable options the user answers in one step \u2014 better than asking in prose and ending your turn. Give 1-4 questions, each with 2-4 options; if one is clearly best, list it first and append " (Recommended)". The user may also type their own answer; act on it directly.
 - For general questions about concepts, definitions, explanations, or how-to topics, use your built-in knowledge WITHOUT calling tools.
 - Examples of what NOT to use tools for: "who are you?", "what is React?", "explain machine learning", "how does X work?", general programming questions.
 - When a tool is truly needed, call exactly ONE tool that best matches the request.
@@ -3314,6 +3482,28 @@ ${fn}(${argStr})
                     functionName,
                     parameters: parsedParams
                   });
+                  if (functionName === "ask_user" || functionName === "ask-user") {
+                    enhancedMessage = enhancedMessage.replace(match, "");
+                    clearFlushTimer();
+                    const askPreamble = stripToolBlocks(fullMessage).trim();
+                    setStreamBuffer(askPreamble || "_Waiting for your answer\u2026_");
+                    const questions = parseAskUserQuestions(
+                      parsedParams.questions ?? parsedParams
+                    );
+                    if (questions.length === 0) {
+                      summarizableResults.push({
+                        name: functionName,
+                        output: "ask_user failed: `questions` must be a JSON array of {question, options} objects. Ask the user in plain text instead."
+                      });
+                      continue;
+                    }
+                    telemetryEvent("tool_loop:ask_user", { count: questions.length });
+                    const answers = await useAskUserStore.getState().ask(questions);
+                    const answerText = answers ? "The user answered:\n\n" + questions.map((q) => `Q: ${q.question}
+A: ${(answers[q.id] || "").trim() || "(no answer)"}`).join("\n\n") : "The user dismissed the question(s) without answering. Proceed with your best judgment; do not immediately re-ask.";
+                    summarizableResults.push({ name: functionName, output: answerText });
+                    continue;
+                  }
                   const placeholderToken = `<<TOOL_LOADING_${functionName}_${Math.random().toString(36).slice(2)}>>`;
                   enhancedMessage = enhancedMessage.replace(match, placeholderToken);
                   clearFlushTimer();
@@ -3445,12 +3635,8 @@ Using these results together with your own knowledge, answer my original questio
                     options: { num_predict: tokenLimit + 250 }
                   };
                   clearFlushTimer();
-                  const summaryPreamble = stripToolBlocks(fullMessage).trim();
-                  setStreamBuffer(
-                    summaryPreamble ? `${summaryPreamble}
-
-_Writing the answer\u2026_` : "_Writing the answer\u2026_"
-                  );
+                  setStreamBuffer("");
+                  setIsThinking?.(true);
                   const summaryText = await new Promise((resolve) => {
                     let acc = "";
                     let settled = false;
@@ -3468,6 +3654,7 @@ _Writing the answer\u2026_` : "_Writing the answer\u2026_"
                           const visible = stripThinking(acc);
                           latestDisplayMessage = visible;
                           lastPartialRef.current.text = visible;
+                          if (visible) setIsThinking?.(false);
                           setStreamBuffer(visible);
                         }
                       },
@@ -3489,6 +3676,7 @@ _Writing the answer\u2026_` : "_Writing the answer\u2026_"
                       done("");
                     }, 3e4);
                   });
+                  setIsThinking?.(false);
                   if (summaryText.trim()) {
                     const cleanedSummary = summaryText.replace(
                       /\n{1,}\s*(?:[*_#>\s]*)(?:sources?|references?|citations?|further reading)(?:\s*:)?\s*(?:[*_]*)\s*\n[\s\S]*$/i,
@@ -3631,7 +3819,7 @@ ${inlineImageBlocks.join("\n\n")}` : "");
 };
 
 // src/hooks/useAutoScroll.ts
-import { useRef as useRef4, useEffect as useEffect4, useCallback as useCallback2 } from "react";
+import { useRef as useRef4, useEffect as useEffect5, useCallback as useCallback2 } from "react";
 var SCROLL_STATE_CHANGED_EVENT = "scrollStateChanged";
 var useAutoScroll = (options = {}) => {
   const {
@@ -3717,7 +3905,7 @@ var useAutoScroll = (options = {}) => {
     }
   }, [enabled, isNearBottom, scrollToBottom]);
   const containerElement = containerRef.current;
-  useEffect4(() => {
+  useEffect5(() => {
     if (!containerElement) return;
     const handleScroll = () => {
       const currentlyNearBottom = isNearBottom();
@@ -3727,7 +3915,7 @@ var useAutoScroll = (options = {}) => {
     containerElement.addEventListener("scroll", handleScroll, { passive: true });
     return () => containerElement.removeEventListener("scroll", handleScroll);
   }, [containerElement, isNearBottom]);
-  useEffect4(() => {
+  useEffect5(() => {
     autoScrollIfNeeded();
   });
   const getScrollState = useCallback2(() => {
@@ -3766,9 +3954,9 @@ var useAutoScroll = (options = {}) => {
 };
 
 // src/hooks/useNetworkStatus.ts
-import { useState as useState5, useEffect as useEffect5, useCallback as useCallback3 } from "react";
+import { useState as useState6, useEffect as useEffect6, useCallback as useCallback3 } from "react";
 var useNetworkStatus = () => {
-  const [networkStatus, setNetworkStatus] = useState5({
+  const [networkStatus, setNetworkStatus] = useState6({
     isOnline: navigator.onLine,
     isSlowConnection: false,
     connectionQuality: "fast",
@@ -3788,7 +3976,7 @@ var useNetworkStatus = () => {
       connectionQuality: !navigator.onLine ? "offline" : isSlowConnection ? "slow" : "fast"
     }));
   }, []);
-  useEffect5(() => {
+  useEffect6(() => {
     const handleOnline = () => {
       setNetworkStatus((prev) => ({
         ...prev,
@@ -3810,7 +3998,7 @@ var useNetworkStatus = () => {
       window.removeEventListener("offline", handleOffline);
     };
   }, []);
-  useEffect5(() => {
+  useEffect6(() => {
     const { connection } = navigator;
     if (connection) {
       const updateConnectionInfo = () => {
@@ -3847,33 +4035,33 @@ var useNetworkStatus = () => {
 
 // src/chat/chat-app-bar.tsx
 import { Avatar as Avatar8 } from "@mui/material";
-import { useEffect as useEffect11, useRef as useRef10, useState as useState12 } from "react";
+import { useEffect as useEffect12, useRef as useRef10, useState as useState13 } from "react";
 import {
-  Box as Box10,
+  Box as Box11,
   IconButton as IconButton9,
   Menu as Menu5,
   MenuItem as MenuItem5,
   Tooltip as Tooltip4,
   useMediaQuery as useMediaQuery5,
-  useTheme as useTheme11,
+  useTheme as useTheme12,
   Dialog as Dialog5,
   DialogTitle as DialogTitle5,
   DialogContent as DialogContent5,
   DialogActions as DialogActions5,
-  Typography as Typography8,
-  Button as Button6
+  Typography as Typography9,
+  Button as Button7
 } from "@mui/material";
 import { useNavigate } from "react-router-dom";
 
 // src/chat/conversation-drawer.tsx
-import { useState as useState10, useMemo, useEffect as useEffect9, useRef as useRef8, useCallback as useCallback4 } from "react";
+import { useState as useState11, useMemo, useEffect as useEffect10, useRef as useRef8, useCallback as useCallback4 } from "react";
 import {
   Drawer,
-  Box as Box8,
-  Typography as Typography6,
+  Box as Box9,
+  Typography as Typography7,
   IconButton as IconButton7,
   Tooltip as Tooltip3,
-  TextField as TextField5,
+  TextField as TextField6,
   InputAdornment,
   useMediaQuery as useMediaQuery4,
   Collapse as Collapse2,
@@ -3886,26 +4074,26 @@ import {
   DialogTitle as DialogTitle3,
   DialogContent as DialogContent3,
   DialogActions as DialogActions3,
-  Button as Button4,
+  Button as Button5,
   Avatar as Avatar6,
-  alpha as alpha5
+  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 } from "lucide-react";
-import { useTheme as useTheme9 } from "@mui/material/styles";
+import { useTheme as useTheme10 } from "@mui/material/styles";
 
 // src/chat/project-management-modal.tsx
-import { useState as useState6, useEffect as useEffect6, useRef as useRef5 } from "react";
+import { useState as useState7, useEffect as useEffect7, useRef as useRef5 } from "react";
 import {
   Modal,
-  Button,
-  TextField as TextField2,
+  Button as Button2,
+  TextField as TextField3,
   List,
   ListItem,
   IconButton as IconButton4,
-  Box as Box4,
-  Typography as Typography2,
+  Box as Box5,
+  Typography as Typography3,
   Avatar as Avatar3,
-  Chip,
+  Chip as Chip2,
   Menu,
   MenuItem,
   Alert,
@@ -3914,8 +4102,8 @@ import {
   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 { useTheme as useTheme5, alpha as alpha2 } from "@mui/material/styles";
-import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { useTheme as useTheme6, alpha as alpha3 } from "@mui/material/styles";
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var DEFAULT_COLORS = [
   "#2196F3",
   "#4CAF50",
@@ -3932,7 +4120,7 @@ var ProjectManagementModal = ({
   open,
   onClose
 }) => {
-  const theme = useTheme5();
+  const theme = useTheme6();
   const isMobile = useMediaQuery2(theme.breakpoints.down("sm"));
   const {
     projects,
@@ -3944,24 +4132,24 @@ var ProjectManagementModal = ({
     hydrate
   } = useProjectStore();
   const { getConversationsByProject } = useConversationStore();
-  const [showCreateForm, setShowCreateForm] = useState6(false);
-  const [editingProject, setEditingProject] = useState6(null);
-  const [formData, setFormData] = useState6({
+  const [showCreateForm, setShowCreateForm] = useState7(false);
+  const [editingProject, setEditingProject] = useState7(null);
+  const [formData, setFormData] = useState7({
     name: "",
     description: "",
     color: DEFAULT_COLORS[0]
   });
-  const [menuAnchor, setMenuAnchor] = useState6(null);
-  const [selectedProject, setSelectedProject] = useState6(null);
-  const [loading, setLoading] = useState6(false);
-  const [error, setError] = useState6(null);
+  const [menuAnchor, setMenuAnchor] = useState7(null);
+  const [selectedProject, setSelectedProject] = useState7(null);
+  const [loading, setLoading] = useState7(false);
+  const [error, setError] = useState7(null);
   const modalContainerRef = useRef5(null);
-  useEffect6(() => {
+  useEffect7(() => {
     if (open && !_hasHydrated) {
       hydrate();
     }
   }, [open, _hasHydrated, hydrate]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!open) {
       setMenuAnchor(null);
       setSelectedProject(null);
@@ -4058,13 +4246,13 @@ var ProjectManagementModal = ({
   const chatPalette = theme.palette.chat ?? {};
   const overlayZIndex = (theme.zIndex?.modal ?? 1300) + 20;
   const surfaceColor = isMobile ? theme.palette.background.paper : chatPalette.shell ?? theme.palette.background.paper;
-  const borderColor = chatPalette.appBar?.border ?? alpha2(theme.palette.divider, 0.12);
-  const subtleSurface = theme.palette.mode === "dark" ? alpha2(theme.palette.common.white, 0.04) : alpha2(theme.palette.common.black, 0.03);
-  const hoverSurface = alpha2(theme.palette.primary.main, theme.palette.mode === "dark" ? 0.22 : 0.08);
+  const borderColor = chatPalette.appBar?.border ?? alpha3(theme.palette.divider, 0.12);
+  const subtleSurface = theme.palette.mode === "dark" ? alpha3(theme.palette.common.white, 0.04) : alpha3(theme.palette.common.black, 0.03);
+  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__ */ jsxs4(
-    Box4,
+  const content = /* @__PURE__ */ jsxs5(
+    Box5,
     {
       ref: modalContainerRef,
       sx: {
@@ -4075,29 +4263,29 @@ var ProjectManagementModal = ({
         bgcolor: surfaceColor,
         borderRadius: isMobile ? "22px 22px 0 0" : 3,
         overflow: "hidden",
-        boxShadow: isMobile ? "none" : `0 20px 60px ${alpha2(theme.palette.common.black, 0.32)}`,
-        border: isMobile ? "none" : `1px solid ${alpha2(theme.palette.divider, 0.18)}`,
+        boxShadow: isMobile ? "none" : `0 20px 60px ${alpha3(theme.palette.common.black, 0.32)}`,
+        border: isMobile ? "none" : `1px solid ${alpha3(theme.palette.divider, 0.18)}`,
         display: "flex",
         flexDirection: "column",
         position: "relative"
       },
       children: [
-        isMobile && /* @__PURE__ */ jsx7(
-          Box4,
+        isMobile && /* @__PURE__ */ jsx8(
+          Box5,
           {
             sx: {
               width: 56,
               height: 6,
               borderRadius: 999,
-              bgcolor: alpha2(theme.palette.text.primary, 0.18),
+              bgcolor: alpha3(theme.palette.text.primary, 0.18),
               alignSelf: "center",
               mt: 1.25,
               mb: 0.75
             }
           }
         ),
-        /* @__PURE__ */ jsxs4(
-          Box4,
+        /* @__PURE__ */ jsxs5(
+          Box5,
           {
             sx: {
               px: isMobile ? 1.5 : 2.75,
@@ -4109,8 +4297,8 @@ var ProjectManagementModal = ({
               gap: 1
             },
             children: [
-              /* @__PURE__ */ jsxs4(
-                Box4,
+              /* @__PURE__ */ jsxs5(
+                Box5,
                 {
                   sx: {
                     display: "flex",
@@ -4119,8 +4307,8 @@ var ProjectManagementModal = ({
                     gap: 1
                   },
                   children: [
-                    /* @__PURE__ */ jsxs4(
-                      Box4,
+                    /* @__PURE__ */ jsxs5(
+                      Box5,
                       {
                         sx: {
                           display: "flex",
@@ -4130,9 +4318,9 @@ var ProjectManagementModal = ({
                           flex: 1
                         },
                         children: [
-                          showCreateForm && /* @__PURE__ */ jsx7(IconButton4, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx7(ArrowBackIcon, { size: 16 }) }),
-                          /* @__PURE__ */ jsx7(
-                            Typography2,
+                          showCreateForm && /* @__PURE__ */ jsx8(IconButton4, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx8(ArrowBackIcon, { size: 16 }) }),
+                          /* @__PURE__ */ jsx8(
+                            Typography3,
                             {
                               variant: "h6",
                               sx: {
@@ -4148,16 +4336,16 @@ var ProjectManagementModal = ({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx7(IconButton4, { onClick: handleClose, size: "small", children: /* @__PURE__ */ jsx7(CloseIcon2, {}) })
+                    /* @__PURE__ */ jsx8(IconButton4, { onClick: handleClose, size: "small", children: /* @__PURE__ */ jsx8(CloseIcon2, {}) })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx7(Typography2, { variant: "body2", color: "text.secondary", children: headerSubtitle })
+              /* @__PURE__ */ jsx8(Typography3, { variant: "body2", color: "text.secondary", children: headerSubtitle })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs4(
-          Box4,
+        /* @__PURE__ */ jsxs5(
+          Box5,
           {
             sx: {
               flex: 1,
@@ -4169,10 +4357,10 @@ var ProjectManagementModal = ({
               gap: 2.5
             },
             children: [
-              error && /* @__PURE__ */ jsx7(Alert, { severity: "error", onClose: () => setError(null), children: error }),
-              showCreateForm ? /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-                /* @__PURE__ */ jsx7(
-                  TextField2,
+              error && /* @__PURE__ */ jsx8(Alert, { severity: "error", onClose: () => setError(null), children: error }),
+              showCreateForm ? /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+                /* @__PURE__ */ jsx8(
+                  TextField3,
                   {
                     label: "Project name",
                     value: formData.name,
@@ -4183,8 +4371,8 @@ var ProjectManagementModal = ({
                     autoFocus: true
                   }
                 ),
-                /* @__PURE__ */ jsx7(
-                  TextField2,
+                /* @__PURE__ */ jsx8(
+                  TextField3,
                   {
                     label: "Description (optional)",
                     value: formData.description,
@@ -4195,10 +4383,10 @@ var ProjectManagementModal = ({
                     disabled: loading
                   }
                 ),
-                /* @__PURE__ */ jsxs4(Box4, { children: [
-                  /* @__PURE__ */ jsx7(Typography2, { variant: "subtitle2", sx: { mb: 1 }, children: "Color" }),
-                  /* @__PURE__ */ jsx7(Box4, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: DEFAULT_COLORS.map((color) => /* @__PURE__ */ jsx7(
-                    Box4,
+                /* @__PURE__ */ jsxs5(Box5, { children: [
+                  /* @__PURE__ */ jsx8(Typography3, { variant: "subtitle2", sx: { mb: 1 }, children: "Color" }),
+                  /* @__PURE__ */ jsx8(Box5, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: DEFAULT_COLORS.map((color) => /* @__PURE__ */ jsx8(
+                    Box5,
                     {
                       sx: {
                         width: 32,
@@ -4218,11 +4406,11 @@ var ProjectManagementModal = ({
                     color
                   )) })
                 ] })
-              ] }) : /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-                /* @__PURE__ */ jsx7(
-                  Button,
+              ] }) : /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+                /* @__PURE__ */ jsx8(
+                  Button2,
                   {
-                    startIcon: /* @__PURE__ */ jsx7(AddIcon2, {}),
+                    startIcon: /* @__PURE__ */ jsx8(AddIcon2, {}),
                     onClick: () => setShowCreateForm(true),
                     variant: "contained",
                     sx: {
@@ -4234,8 +4422,8 @@ var ProjectManagementModal = ({
                     children: "Create project"
                   }
                 ),
-                projects.length === 0 ? /* @__PURE__ */ jsxs4(
-                  Box4,
+                projects.length === 0 ? /* @__PURE__ */ jsxs5(
+                  Box5,
                   {
                     sx: {
                       textAlign: "center",
@@ -4243,19 +4431,19 @@ var ProjectManagementModal = ({
                       px: 2,
                       color: theme.palette.text.secondary,
                       borderRadius: 2,
-                      border: `1px dashed ${alpha2(theme.palette.divider, 0.4)}`,
+                      border: `1px dashed ${alpha3(theme.palette.divider, 0.4)}`,
                       backgroundColor: subtleSurface
                     },
                     children: [
-                      /* @__PURE__ */ jsx7(FolderIcon, { size: 48, style: { marginBottom: 8, opacity: 0.5 } }),
-                      /* @__PURE__ */ jsx7(Typography2, { variant: "body1", sx: { fontWeight: 600 }, children: "No projects yet" }),
-                      /* @__PURE__ */ jsx7(Typography2, { variant: "body2", children: "Create your first project to organize conversations." })
+                      /* @__PURE__ */ jsx8(FolderIcon, { size: 48, style: { marginBottom: 8, opacity: 0.5 } }),
+                      /* @__PURE__ */ jsx8(Typography3, { variant: "body1", sx: { fontWeight: 600 }, children: "No projects yet" }),
+                      /* @__PURE__ */ jsx8(Typography3, { variant: "body2", children: "Create your first project to organize conversations." })
                     ]
                   }
-                ) : /* @__PURE__ */ jsx7(List, { sx: { display: "flex", flexDirection: "column", gap: 1.25, py: 0 }, children: projects.map((project) => {
+                ) : /* @__PURE__ */ jsx8(List, { sx: { display: "flex", flexDirection: "column", gap: 1.25, py: 0 }, children: projects.map((project) => {
                   const conversationCount = getConversationsByProject(project.id).length;
-                  return /* @__PURE__ */ jsx7(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs4(
-                    Box4,
+                  return /* @__PURE__ */ jsx8(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs5(
+                    Box5,
                     {
                       sx: {
                         display: "flex",
@@ -4273,7 +4461,7 @@ var ProjectManagementModal = ({
                         }
                       },
                       children: [
-                        /* @__PURE__ */ jsx7(
+                        /* @__PURE__ */ jsx8(
                           Avatar3,
                           {
                             sx: {
@@ -4282,21 +4470,21 @@ var ProjectManagementModal = ({
                               height: 36,
                               fontSize: "1rem"
                             },
-                            children: /* @__PURE__ */ jsx7(FolderIcon, { size: 16 })
+                            children: /* @__PURE__ */ jsx8(FolderIcon, { size: 16 })
                           }
                         ),
-                        /* @__PURE__ */ jsxs4(Box4, { sx: { flex: 1, minWidth: 0 }, children: [
-                          /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
-                            /* @__PURE__ */ jsx7(
-                              Typography2,
+                        /* @__PURE__ */ jsxs5(Box5, { sx: { flex: 1, minWidth: 0 }, children: [
+                          /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
+                            /* @__PURE__ */ jsx8(
+                              Typography3,
                               {
                                 variant: "subtitle1",
                                 sx: { fontWeight: 600, overflow: "hidden", textOverflow: "ellipsis" },
                                 children: project.name
                               }
                             ),
-                            /* @__PURE__ */ jsx7(
-                              Chip,
+                            /* @__PURE__ */ jsx8(
+                              Chip2,
                               {
                                 label: `${conversationCount}`,
                                 size: "small",
@@ -4304,14 +4492,14 @@ var ProjectManagementModal = ({
                                   height: 22,
                                   borderRadius: 999,
                                   fontWeight: 600,
-                                  bgcolor: alpha2(theme.palette.text.primary, 0.08),
+                                  bgcolor: alpha3(theme.palette.text.primary, 0.08),
                                   color: theme.palette.text.primary
                                 }
                               }
                             )
                           ] }),
-                          project.description && /* @__PURE__ */ jsx7(
-                            Typography2,
+                          project.description && /* @__PURE__ */ jsx8(
+                            Typography3,
                             {
                               variant: "body2",
                               color: "text.secondary",
@@ -4320,7 +4508,7 @@ var ProjectManagementModal = ({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ jsx7(
+                        /* @__PURE__ */ jsx8(
                           IconButton4,
                           {
                             onClick: (e) => {
@@ -4333,7 +4521,7 @@ var ProjectManagementModal = ({
                               mt: 0.25,
                               zIndex: 1
                             },
-                            children: /* @__PURE__ */ jsx7(MoreVertIcon, { size: 16 })
+                            children: /* @__PURE__ */ jsx8(MoreVertIcon, { size: 16 })
                           }
                         )
                       ]
@@ -4344,8 +4532,8 @@ var ProjectManagementModal = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx7(
-          Box4,
+        /* @__PURE__ */ jsx8(
+          Box5,
           {
             sx: {
               px: isMobile ? 1.5 : 2.75,
@@ -4355,9 +4543,9 @@ var ProjectManagementModal = ({
               justifyContent: "flex-end",
               gap: 1
             },
-            children: showCreateForm ? /* @__PURE__ */ jsxs4(Fragment4, { children: [
-              /* @__PURE__ */ jsx7(
-                Button,
+            children: showCreateForm ? /* @__PURE__ */ jsxs5(Fragment4, { children: [
+              /* @__PURE__ */ jsx8(
+                Button2,
                 {
                   onClick: resetForm,
                   disabled: loading,
@@ -4365,21 +4553,21 @@ var ProjectManagementModal = ({
                   children: "Cancel"
                 }
               ),
-              /* @__PURE__ */ jsx7(
-                Button,
+              /* @__PURE__ */ jsx8(
+                Button2,
                 {
                   onClick: editingProject ? handleEditProject : handleCreateProject,
                   variant: "contained",
                   disabled: loading,
-                  startIcon: loading ? /* @__PURE__ */ jsx7(CircularProgress3, { size: 16 }) : void 0,
+                  startIcon: loading ? /* @__PURE__ */ jsx8(CircularProgress3, { size: 16 }) : void 0,
                   sx: { textTransform: "none", borderRadius: 2 },
                   children: editingProject ? "Update project" : "Create project"
                 }
               )
-            ] }) : /* @__PURE__ */ jsx7(Button, { onClick: handleClose, sx: { textTransform: "none", borderRadius: 2 }, children: "Close" })
+            ] }) : /* @__PURE__ */ jsx8(Button2, { onClick: handleClose, sx: { textTransform: "none", borderRadius: 2 }, children: "Close" })
           }
         ),
-        /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsxs5(
           Menu,
           {
             anchorEl: menuAnchor,
@@ -4401,20 +4589,20 @@ var ProjectManagementModal = ({
               }
             },
             children: [
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx8(
                 MenuItem,
                 {
                   onClick: () => {
                     if (!selectedProject) return;
                     startEdit(selectedProject);
                   },
-                  children: /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ jsx7(EditIcon, { size: 16 }),
-                    /* @__PURE__ */ jsx7(Typography2, { variant: "body2", color: "inherit", children: "Edit" })
+                  children: /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ jsx8(EditIcon, { size: 16 }),
+                    /* @__PURE__ */ jsx8(Typography3, { variant: "body2", color: "inherit", children: "Edit" })
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx8(
                 MenuItem,
                 {
                   onClick: () => {
@@ -4422,9 +4610,9 @@ var ProjectManagementModal = ({
                     handleDeleteProject(selectedProject);
                   },
                   sx: { color: theme.palette.error.main },
-                  children: /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ jsx7(DeleteIcon, { size: 16 }),
-                    /* @__PURE__ */ jsx7(Typography2, { variant: "body2", color: "inherit", children: "Delete" })
+                  children: /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ jsx8(DeleteIcon, { size: 16 }),
+                    /* @__PURE__ */ jsx8(Typography3, { variant: "body2", color: "inherit", children: "Delete" })
                   ] })
                 }
               )
@@ -4434,7 +4622,7 @@ var ProjectManagementModal = ({
       ]
     }
   );
-  return /* @__PURE__ */ jsx7(Fragment4, { children: isMobile ? /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(Fragment4, { children: isMobile ? /* @__PURE__ */ jsx8(
     SwipeableDrawer,
     {
       anchor: "bottom",
@@ -4454,7 +4642,7 @@ var ProjectManagementModal = ({
       },
       children: content
     }
-  ) : /* @__PURE__ */ jsx7(
+  ) : /* @__PURE__ */ jsx8(
     Modal,
     {
       open,
@@ -4473,45 +4661,45 @@ var ProjectManagementModal = ({
 var project_management_modal_default = ProjectManagementModal;
 
 // src/chat/move-conversation-modal.tsx
-import { useState as useState7, useEffect as useEffect7 } from "react";
+import { useState as useState8, useEffect as useEffect8 } from "react";
 import {
   Dialog,
   DialogTitle,
   DialogContent,
   DialogActions,
-  Button as Button2,
+  Button as Button3,
   List as List2,
   ListItem as ListItem2,
   ListItemButton,
   ListItemText,
   ListItemIcon,
-  Typography as Typography3,
+  Typography as Typography4,
   Avatar as Avatar4,
   Radio,
-  Box as Box5,
+  Box as Box6,
   Divider
 } from "@mui/material";
 import { Folder as FolderIcon2, Inbox as InboxIcon } from "lucide-react";
-import { useTheme as useTheme6 } from "@mui/material/styles";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useTheme as useTheme7 } from "@mui/material/styles";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var MoveConversationModal = ({
   open,
   onClose,
   conversations,
   currentProjectId = null
 }) => {
-  const theme = useTheme6();
+  const theme = useTheme7();
   const { projects, _hasHydrated, hydrate } = useProjectStore();
   const { moveConversationToProject } = useConversationStore();
-  const [selectedProjectId, setSelectedProjectId] = useState7(
+  const [selectedProjectId, setSelectedProjectId] = useState8(
     currentProjectId
   );
-  useEffect7(() => {
+  useEffect8(() => {
     if (open && !_hasHydrated) {
       hydrate();
     }
   }, [open, _hasHydrated, hydrate]);
-  useEffect7(() => {
+  useEffect8(() => {
     setSelectedProjectId(currentProjectId);
   }, [currentProjectId, open]);
   const handleMove = async () => {
@@ -4530,7 +4718,7 @@ var MoveConversationModal = ({
   };
   const conversationCount = conversations.length;
   const isMultiple = conversationCount > 1;
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     Dialog,
     {
       open,
@@ -4544,20 +4732,20 @@ var MoveConversationModal = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs5(DialogTitle, { children: [
+        /* @__PURE__ */ jsxs6(DialogTitle, { children: [
           "Move ",
           isMultiple ? `${conversationCount} Conversations` : "Conversation"
         ] }),
-        /* @__PURE__ */ jsxs5(DialogContent, { sx: { px: 3 }, children: [
-          /* @__PURE__ */ jsx8(Typography3, { 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__ */ jsxs5(List2, { children: [
-            /* @__PURE__ */ jsx8(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs5(
+        /* @__PURE__ */ jsxs6(DialogContent, { sx: { px: 3 }, children: [
+          /* @__PURE__ */ jsx9(Typography4, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: isMultiple ? `Select a project to move ${conversationCount} conversations to:` : `Select a project to move "${conversations[0]?.name}" to:` }),
+          /* @__PURE__ */ jsxs6(List2, { children: [
+            /* @__PURE__ */ jsx9(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs6(
               ListItemButton,
               {
                 onClick: () => setSelectedProjectId(null),
                 selected: selectedProjectId === null,
                 children: [
-                  /* @__PURE__ */ jsx8(ListItemIcon, { children: /* @__PURE__ */ jsx8(
+                  /* @__PURE__ */ jsx9(ListItemIcon, { children: /* @__PURE__ */ jsx9(
                     Radio,
                     {
                       checked: selectedProjectId === null,
@@ -4565,7 +4753,7 @@ var MoveConversationModal = ({
                       size: "small"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx8(ListItemIcon, { children: /* @__PURE__ */ jsx8(
+                  /* @__PURE__ */ jsx9(ListItemIcon, { children: /* @__PURE__ */ jsx9(
                     Avatar4,
                     {
                       sx: {
@@ -4573,10 +4761,10 @@ var MoveConversationModal = ({
                         width: 32,
                         height: 32
                       },
-                      children: /* @__PURE__ */ jsx8(InboxIcon, {})
+                      children: /* @__PURE__ */ jsx9(InboxIcon, {})
                     }
                   ) }),
-                  /* @__PURE__ */ jsx8(
+                  /* @__PURE__ */ jsx9(
                     ListItemText,
                     {
                       primary: "No Project",
@@ -4586,14 +4774,14 @@ var MoveConversationModal = ({
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx8(Divider, { sx: { my: 1 } }),
-            projects.map((project) => /* @__PURE__ */ jsx8(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs5(
+            /* @__PURE__ */ jsx9(Divider, { sx: { my: 1 } }),
+            projects.map((project) => /* @__PURE__ */ jsx9(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs6(
               ListItemButton,
               {
                 onClick: () => setSelectedProjectId(project.id),
                 selected: selectedProjectId === project.id,
                 children: [
-                  /* @__PURE__ */ jsx8(ListItemIcon, { children: /* @__PURE__ */ jsx8(
+                  /* @__PURE__ */ jsx9(ListItemIcon, { children: /* @__PURE__ */ jsx9(
                     Radio,
                     {
                       checked: selectedProjectId === project.id,
@@ -4601,7 +4789,7 @@ var MoveConversationModal = ({
                       size: "small"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx8(ListItemIcon, { children: /* @__PURE__ */ jsx8(
+                  /* @__PURE__ */ jsx9(ListItemIcon, { children: /* @__PURE__ */ jsx9(
                     Avatar4,
                     {
                       sx: {
@@ -4609,10 +4797,10 @@ var MoveConversationModal = ({
                         width: 32,
                         height: 32
                       },
-                      children: /* @__PURE__ */ jsx8(FolderIcon2, {})
+                      children: /* @__PURE__ */ jsx9(FolderIcon2, {})
                     }
                   ) }),
-                  /* @__PURE__ */ jsx8(
+                  /* @__PURE__ */ jsx9(
                     ListItemText,
                     {
                       primary: project.name,
@@ -4622,17 +4810,17 @@ var MoveConversationModal = ({
                 ]
               }
             ) }, project.id)),
-            projects.length === 0 && /* @__PURE__ */ jsx8(Box5, { sx: {
+            projects.length === 0 && /* @__PURE__ */ jsx9(Box6, { sx: {
               textAlign: "center",
               py: 2,
               color: theme.palette.text.secondary
-            }, children: /* @__PURE__ */ jsx8(Typography3, { variant: "body2", children: "No projects available. Create a project first to organize conversations." }) })
+            }, children: /* @__PURE__ */ jsx9(Typography4, { variant: "body2", children: "No projects available. Create a project first to organize conversations." }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs5(DialogActions, { sx: { px: 3, pb: 2 }, children: [
-          /* @__PURE__ */ jsx8(Button2, { onClick: onClose, children: "Cancel" }),
-          /* @__PURE__ */ jsxs5(
-            Button2,
+        /* @__PURE__ */ jsxs6(DialogActions, { sx: { px: 3, pb: 2 }, children: [
+          /* @__PURE__ */ jsx9(Button3, { onClick: onClose, children: "Cancel" }),
+          /* @__PURE__ */ jsxs6(
+            Button3,
             {
               onClick: handleMove,
               variant: "contained",
@@ -4651,26 +4839,26 @@ var MoveConversationModal = ({
 var move_conversation_modal_default = MoveConversationModal;
 
 // src/chat/simple-conversation-item.tsx
-import { useState as useState8, useRef as useRef6, useEffect as useEffect8 } from "react";
+import { useState as useState9, useRef as useRef6, useEffect as useEffect9 } from "react";
 import {
-  Box as Box6,
-  Typography as Typography4,
+  Box as Box7,
+  Typography as Typography5,
   IconButton as IconButton5,
   Menu as Menu2,
   MenuItem as MenuItem2,
   ListItemIcon as ListItemIcon2,
   ListItemText as ListItemText2,
   useMediaQuery as useMediaQuery3,
-  TextField as TextField3,
+  TextField as TextField4,
   Dialog as Dialog2,
   DialogTitle as DialogTitle2,
   DialogContent as DialogContent2,
   DialogActions as DialogActions2,
-  Button as Button3
+  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 { useTheme as useTheme7, alpha as alpha3 } from "@mui/material/styles";
-import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useTheme as useTheme8, alpha as alpha4 } from "@mui/material/styles";
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var SimpleConversationItem = ({
   conversation,
   isSelected,
@@ -4686,14 +4874,14 @@ var SimpleConversationItem = ({
   onTouchDragEnd,
   isTouchDragActive
 }) => {
-  const theme = useTheme7();
+  const theme = useTheme8();
   const isMobile = useMediaQuery3(theme.breakpoints.down("sm"));
-  const [anchorEl, setAnchorEl] = useState8(null);
-  const [isEditing, setIsEditing] = useState8(false);
-  const [editName, setEditName] = useState8(conversation.name);
-  const [isDragging, setIsDragging] = useState8(false);
-  const [isTouchDragging, setIsTouchDragging] = useState8(false);
-  const [showRenameDialog, setShowRenameDialog] = useState8(false);
+  const [anchorEl, setAnchorEl] = useState9(null);
+  const [isEditing, setIsEditing] = useState9(false);
+  const [editName, setEditName] = useState9(conversation.name);
+  const [isDragging, setIsDragging] = useState9(false);
+  const [isTouchDragging, setIsTouchDragging] = useState9(false);
+  const [showRenameDialog, setShowRenameDialog] = useState9(false);
   const longPressTimeoutRef = useRef6(null);
   const touchStartPointRef = useRef6(null);
   const activeTouchIdRef = useRef6(null);
@@ -4705,12 +4893,12 @@ var SimpleConversationItem = ({
     const regex = new RegExp(`(${query.trim()})`, "gi");
     const parts = text.split(regex);
     return parts.map(
-      (part, index) => regex.test(part) ? /* @__PURE__ */ jsx9(
-        Box6,
+      (part, index) => regex.test(part) ? /* @__PURE__ */ jsx10(
+        Box7,
         {
           component: "span",
           sx: {
-            bgcolor: alpha3(theme.palette.warning.main, 0.3),
+            bgcolor: alpha4(theme.palette.warning.main, 0.3),
             color: theme.palette.text.primary,
             fontWeight: 600,
             borderRadius: 0.5,
@@ -4836,14 +5024,14 @@ var SimpleConversationItem = ({
     if (!isMobile) return;
     finalizeTouchDrag();
   };
-  useEffect8(() => {
+  useEffect9(() => {
     if (!isTouchDragActive && isTouchDragging) {
       setIsTouchDragging(false);
     }
   }, [isTouchDragActive, isTouchDragging]);
-  return /* @__PURE__ */ jsxs6(Fragment5, { children: [
-    /* @__PURE__ */ jsxs6(
-      Box6,
+  return /* @__PURE__ */ jsxs7(Fragment5, { children: [
+    /* @__PURE__ */ jsxs7(
+      Box7,
       {
         "data-project-id": conversation.projectId ?? "__ungrouped",
         draggable: !isMobile && !isEditing,
@@ -4870,17 +5058,17 @@ var SimpleConversationItem = ({
           mx: 1,
           borderRadius: 1,
           cursor: isEditing || isTouchDragging ? "default" : "pointer",
-          bgcolor: isSelected ? alpha3(projectColor || theme.palette.primary.main, 0.15) : "transparent",
-          border: isSelected ? `1px solid ${alpha3(projectColor || theme.palette.primary.main, 0.3)}` : "1px solid transparent",
+          bgcolor: isSelected ? alpha4(projectColor || theme.palette.primary.main, 0.15) : "transparent",
+          border: isSelected ? `1px solid ${alpha4(projectColor || theme.palette.primary.main, 0.3)}` : "1px solid transparent",
           opacity: isDragging || isTouchDragActive ? 0.55 : 1,
           transition: "all 0.2s ease",
           transform: isTouchDragActive ? "scale(0.98)" : "none",
-          boxShadow: isTouchDragActive ? `0 12px 24px ${alpha3(theme.palette.common.black, 0.25)}` : void 0,
+          boxShadow: isTouchDragActive ? `0 12px 24px ${alpha4(theme.palette.common.black, 0.25)}` : void 0,
           touchAction: isTouchDragActive ? "none" : void 0,
           userSelect: isTouchDragging || isTouchDragActive ? "none" : void 0,
           WebkitUserSelect: isTouchDragging || isTouchDragActive ? "none" : void 0,
           "&:hover": !isEditing && !isTouchDragging ? {
-            bgcolor: alpha3(theme.palette.text.primary, 0.04)
+            bgcolor: alpha4(theme.palette.text.primary, 0.04)
           } : {},
           // Better touch handling on mobile
           ...isMobile && {
@@ -4890,12 +5078,12 @@ var SimpleConversationItem = ({
             WebkitUserSelect: "none",
             WebkitTouchCallout: "none",
             "&:active": {
-              bgcolor: alpha3(theme.palette.text.primary, 0.08)
+              bgcolor: alpha4(theme.palette.text.primary, 0.08)
             }
           }
         },
         children: [
-          !isMobile && !isEditing && /* @__PURE__ */ jsx9(
+          !isMobile && !isEditing && /* @__PURE__ */ jsx10(
             DragIcon,
             {
               size: 16,
@@ -4903,9 +5091,9 @@ var SimpleConversationItem = ({
               style: { marginRight: 4, cursor: "grab" }
             }
           ),
-          /* @__PURE__ */ jsxs6(Box6, { sx: { flex: 1, minWidth: 0 }, children: [
-            isEditing ? /* @__PURE__ */ jsx9(
-              TextField3,
+          /* @__PURE__ */ jsxs7(Box7, { sx: { flex: 1, minWidth: 0 }, children: [
+            isEditing ? /* @__PURE__ */ jsx10(
+              TextField4,
               {
                 value: editName,
                 onChange: (e) => setEditName(e.target.value),
@@ -4927,8 +5115,8 @@ var SimpleConversationItem = ({
                   }
                 }
               }
-            ) : /* @__PURE__ */ jsx9(
-              Typography4,
+            ) : /* @__PURE__ */ jsx10(
+              Typography5,
               {
                 variant: "body2",
                 sx: {
@@ -4942,8 +5130,8 @@ var SimpleConversationItem = ({
                 children: highlightText(conversation.name, searchQuery)
               }
             ),
-            !isEditing && snippet && /* @__PURE__ */ jsx9(
-              Typography4,
+            !isEditing && snippet && /* @__PURE__ */ jsx10(
+              Typography5,
               {
                 variant: "caption",
                 sx: {
@@ -4951,7 +5139,7 @@ var SimpleConversationItem = ({
                   WebkitLineClamp: 2,
                   WebkitBoxOrient: "vertical",
                   overflow: "hidden",
-                  color: alpha3(theme.palette.text.secondary, 0.9),
+                  color: alpha4(theme.palette.text.secondary, 0.9),
                   mt: 0.25,
                   lineHeight: 1.3,
                   fontSize: "0.72rem"
@@ -4961,7 +5149,7 @@ var SimpleConversationItem = ({
               }
             )
           ] }),
-          !isEditing && /* @__PURE__ */ jsx9(
+          !isEditing && /* @__PURE__ */ jsx10(
             IconButton5,
             {
               onClick: handleMenuOpen,
@@ -4990,10 +5178,10 @@ var SimpleConversationItem = ({
                   }
                 }
               },
-              children: /* @__PURE__ */ jsx9(MoreVertIcon2, { size: 16 })
+              children: /* @__PURE__ */ jsx10(MoreVertIcon2, { size: 16 })
             }
           ),
-          /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsxs7(
             Menu2,
             {
               anchorEl,
@@ -5020,17 +5208,17 @@ var SimpleConversationItem = ({
                 }
               },
               children: [
-                onRename && /* @__PURE__ */ jsxs6(MenuItem2, { onClick: handleEdit, children: [
-                  /* @__PURE__ */ jsx9(ListItemIcon2, { children: /* @__PURE__ */ jsx9(EditIcon2, { size: 16 }) }),
-                  /* @__PURE__ */ jsx9(ListItemText2, { children: "Rename" })
+                onRename && /* @__PURE__ */ jsxs7(MenuItem2, { onClick: handleEdit, children: [
+                  /* @__PURE__ */ jsx10(ListItemIcon2, { children: /* @__PURE__ */ jsx10(EditIcon2, { size: 16 }) }),
+                  /* @__PURE__ */ jsx10(ListItemText2, { children: "Rename" })
                 ] }),
-                onMove && /* @__PURE__ */ jsxs6(MenuItem2, { onClick: handleMove, children: [
-                  /* @__PURE__ */ jsx9(ListItemIcon2, { children: /* @__PURE__ */ jsx9(MoveIcon, { size: 16 }) }),
-                  /* @__PURE__ */ jsx9(ListItemText2, { children: "Move to Project" })
+                onMove && /* @__PURE__ */ jsxs7(MenuItem2, { onClick: handleMove, children: [
+                  /* @__PURE__ */ jsx10(ListItemIcon2, { children: /* @__PURE__ */ jsx10(MoveIcon, { size: 16 }) }),
+                  /* @__PURE__ */ jsx10(ListItemText2, { children: "Move to Project" })
                 ] }),
-                /* @__PURE__ */ jsxs6(MenuItem2, { onClick: handleDelete, children: [
-                  /* @__PURE__ */ jsx9(ListItemIcon2, { children: /* @__PURE__ */ jsx9(DeleteIcon2, { size: 16 }) }),
-                  /* @__PURE__ */ jsx9(ListItemText2, { children: "Delete" })
+                /* @__PURE__ */ jsxs7(MenuItem2, { onClick: handleDelete, children: [
+                  /* @__PURE__ */ jsx10(ListItemIcon2, { children: /* @__PURE__ */ jsx10(DeleteIcon2, { size: 16 }) }),
+                  /* @__PURE__ */ jsx10(ListItemText2, { children: "Delete" })
                 ] })
               ]
             }
@@ -5038,7 +5226,7 @@ var SimpleConversationItem = ({
         ]
       }
     ),
-    isMobile && /* @__PURE__ */ jsxs6(
+    isMobile && /* @__PURE__ */ jsxs7(
       Dialog2,
       {
         open: showRenameDialog,
@@ -5054,9 +5242,9 @@ var SimpleConversationItem = ({
           }
         },
         children: [
-          /* @__PURE__ */ jsx9(DialogTitle2, { sx: { pb: 1 }, children: "Rename Conversation" }),
-          /* @__PURE__ */ jsx9(DialogContent2, { children: /* @__PURE__ */ jsx9(
-            TextField3,
+          /* @__PURE__ */ jsx10(DialogTitle2, { sx: { pb: 1 }, children: "Rename Conversation" }),
+          /* @__PURE__ */ jsx10(DialogContent2, { children: /* @__PURE__ */ jsx10(
+            TextField4,
             {
               value: editName,
               onChange: (e) => setEditName(e.target.value),
@@ -5068,9 +5256,9 @@ var SimpleConversationItem = ({
               }
             }
           ) }),
-          /* @__PURE__ */ jsxs6(DialogActions2, { sx: { px: 3, pb: 2 }, children: [
-            /* @__PURE__ */ jsx9(
-              Button3,
+          /* @__PURE__ */ jsxs7(DialogActions2, { sx: { px: 3, pb: 2 }, children: [
+            /* @__PURE__ */ jsx10(
+              Button4,
               {
                 onClick: () => {
                   setShowRenameDialog(false);
@@ -5079,8 +5267,8 @@ var SimpleConversationItem = ({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx9(
-              Button3,
+            /* @__PURE__ */ jsx10(
+              Button4,
               {
                 onClick: () => {
                   commitRename();
@@ -5100,20 +5288,20 @@ var SimpleConversationItem = ({
 var simple_conversation_item_default = SimpleConversationItem;
 
 // src/chat/project-header.tsx
-import { useRef as useRef7, useState as useState9 } from "react";
+import { useRef as useRef7, useState as useState10 } from "react";
 import {
-  Box as Box7,
-  Typography as Typography5,
+  Box as Box8,
+  Typography as Typography6,
   IconButton as IconButton6,
   Avatar as Avatar5,
-  Chip as Chip2,
+  Chip as Chip3,
   Tooltip as Tooltip2,
-  TextField as TextField4,
-  alpha as alpha4
+  TextField as TextField5,
+  alpha as alpha5
 } from "@mui/material";
 import { ChevronDown as ExpandMoreIcon2, ChevronUp as ExpandLessIcon, Plus as AddIcon3, Folder as FolderIcon3, FolderOpen as FolderOpenIcon, Inbox as InboxIcon2, X as CloseIcon3, Check as CheckIcon2 } from "lucide-react";
-import { useTheme as useTheme8 } from "@mui/material/styles";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useTheme as useTheme9 } from "@mui/material/styles";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var ProjectHeader = ({
   projectId,
   projectName,
@@ -5127,12 +5315,12 @@ var ProjectHeader = ({
   onRenameCancelDelete,
   isTouchTarget
 }) => {
-  const theme = useTheme8();
+  const theme = useTheme9();
   const { createNewConversation } = useConversationStore();
   const { renameProject } = useProjectStore();
-  const [isHovered, setIsHovered] = useState9(false);
-  const [isDragOver, setIsDragOver] = useState9(false);
-  const [renameDraft, setRenameDraft] = useState9(projectName);
+  const [isHovered, setIsHovered] = useState10(false);
+  const [isDragOver, setIsDragOver] = useState10(false);
+  const [renameDraft, setRenameDraft] = useState10(projectName);
   const renameActionRef = useRef7("none");
   const isUngrouped = projectId === null;
   const Icon = isCollapsed ? FolderIcon3 : FolderOpenIcon;
@@ -5179,8 +5367,8 @@ var ProjectHeader = ({
     setRenameDraft(projectName);
     onRenameComplete?.();
   };
-  return /* @__PURE__ */ jsxs7(
-    Box7,
+  return /* @__PURE__ */ jsxs8(
+    Box8,
     {
       "data-project-id": projectId ?? "__ungrouped",
       onMouseEnter: () => setIsHovered(true),
@@ -5196,37 +5384,37 @@ var ProjectHeader = ({
         py: 1.5,
         cursor: isUngrouped ? "default" : "pointer",
         // No pointer cursor for ungrouped
-        bgcolor: isDragOver || isTouchTarget ? alpha4(projectColor || theme.palette.primary.main, 0.1) : void 0,
+        bgcolor: isDragOver || isTouchTarget ? alpha5(projectColor || theme.palette.primary.main, 0.1) : void 0,
         border: isDragOver || isTouchTarget ? `2px dashed ${projectColor || theme.palette.primary.main}` : "2px solid transparent",
         borderRadius: isDragOver || isTouchTarget ? 1 : 0,
         transition: "all 0.2s ease",
         "&:hover": !isUngrouped ? {
           // Only show hover for projects, not ungrouped
-          bgcolor: alpha4(theme.palette.text.primary, 0.04)
+          bgcolor: alpha5(theme.palette.text.primary, 0.04)
         } : {}
       },
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           Avatar5,
           {
             sx: {
-              bgcolor: isUngrouped ? alpha4(theme.palette.text.disabled, 0.1) : projectColor || theme.palette.grey[400],
+              bgcolor: isUngrouped ? alpha5(theme.palette.text.disabled, 0.1) : projectColor || theme.palette.grey[400],
               width: 28,
               height: 28,
               mr: 1.5
             },
-            children: isUngrouped ? /* @__PURE__ */ jsx10(
+            children: isUngrouped ? /* @__PURE__ */ jsx11(
               InboxIcon2,
               {
                 size: 16,
                 color: theme.palette.text.disabled,
                 style: { opacity: 0.7 }
               }
-            ) : /* @__PURE__ */ jsx10(Icon, { size: 16 })
+            ) : /* @__PURE__ */ jsx11(Icon, { size: 16 })
           }
         ),
-        isRenaming && !isUngrouped ? /* @__PURE__ */ jsx10(
-          TextField4,
+        isRenaming && !isUngrouped ? /* @__PURE__ */ jsx11(
+          TextField5,
           {
             value: renameDraft,
             onChange: (e) => setRenameDraft(e.target.value),
@@ -5272,8 +5460,8 @@ var ProjectHeader = ({
               }
             }
           }
-        ) : /* @__PURE__ */ jsxs7(
-          Typography5,
+        ) : /* @__PURE__ */ jsxs8(
+          Typography6,
           {
             variant: "subtitle2",
             sx: {
@@ -5285,8 +5473,8 @@ var ProjectHeader = ({
             },
             children: [
               projectName,
-              isDragOver && /* @__PURE__ */ jsx10(
-                Typography5,
+              isDragOver && /* @__PURE__ */ jsx11(
+                Typography6,
                 {
                   component: "span",
                   variant: "caption",
@@ -5301,13 +5489,13 @@ var ProjectHeader = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx10(
-          Chip2,
+        /* @__PURE__ */ jsx11(
+          Chip3,
           {
             label: conversationCount,
             size: "small",
             sx: {
-              bgcolor: isUngrouped ? alpha4(theme.palette.text.disabled, 0.1) : alpha4(projectColor || theme.palette.primary.main, 0.15),
+              bgcolor: isUngrouped ? alpha5(theme.palette.text.disabled, 0.1) : alpha5(projectColor || theme.palette.primary.main, 0.15),
               color: isUngrouped ? theme.palette.text.disabled : projectColor || theme.palette.primary.main,
               minWidth: 28,
               height: 22,
@@ -5321,8 +5509,8 @@ var ProjectHeader = ({
             }
           }
         ),
-        isRenaming && !isUngrouped && /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", alignItems: "center", gap: 0.5, ml: 1 }, children: [
-          /* @__PURE__ */ jsx10(Tooltip2, { title: "Cancel and remove", children: /* @__PURE__ */ jsx10(
+        isRenaming && !isUngrouped && /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", alignItems: "center", gap: 0.5, ml: 1 }, children: [
+          /* @__PURE__ */ jsx11(Tooltip2, { title: "Cancel and remove", children: /* @__PURE__ */ jsx11(
             IconButton6,
             {
               size: "small",
@@ -5331,11 +5519,11 @@ var ProjectHeader = ({
                 renameActionRef.current = "delete";
                 onRenameCancelDelete ? onRenameCancelDelete() : cancelRename();
               },
-              sx: { color: alpha4(theme.palette.error.main, 0.9) },
-              children: /* @__PURE__ */ jsx10(CloseIcon3, { size: 16 })
+              sx: { color: alpha5(theme.palette.error.main, 0.9) },
+              children: /* @__PURE__ */ jsx11(CloseIcon3, { size: 16 })
             }
           ) }),
-          /* @__PURE__ */ jsx10(Tooltip2, { title: "Save", children: /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(Tooltip2, { title: "Save", children: /* @__PURE__ */ jsx11(
             IconButton6,
             {
               size: "small",
@@ -5345,31 +5533,31 @@ var ProjectHeader = ({
                 commitRename();
               },
               sx: { color: theme.palette.success.main },
-              children: /* @__PURE__ */ jsx10(CheckIcon2, { size: 16 })
+              children: /* @__PURE__ */ jsx11(CheckIcon2, { size: 16 })
             }
           ) })
         ] }),
-        isHovered && !isDragOver && !isUngrouped && !isRenaming && /* @__PURE__ */ jsx10(Tooltip2, { title: `Add conversation to ${projectName.toLowerCase()}`, arrow: true, children: /* @__PURE__ */ jsx10(
+        isHovered && !isDragOver && !isUngrouped && !isRenaming && /* @__PURE__ */ jsx11(Tooltip2, { title: `Add conversation to ${projectName.toLowerCase()}`, arrow: true, children: /* @__PURE__ */ jsx11(
           IconButton6,
           {
             onClick: handleAddConversation,
             size: "small",
             sx: {
               color: projectColor || theme.palette.primary.main,
-              bgcolor: alpha4(projectColor || theme.palette.primary.main, 0.1),
+              bgcolor: alpha5(projectColor || theme.palette.primary.main, 0.1),
               width: 24,
               height: 24,
               mr: 0.5,
               "&:hover": {
-                bgcolor: alpha4(projectColor || theme.palette.primary.main, 0.2),
+                bgcolor: alpha5(projectColor || theme.palette.primary.main, 0.2),
                 transform: "scale(1.1)"
               },
               transition: "all 0.2s ease"
             },
-            children: /* @__PURE__ */ jsx10(AddIcon3, { size: 16 })
+            children: /* @__PURE__ */ jsx11(AddIcon3, { size: 16 })
           }
         ) }),
-        !isUngrouped && !isRenaming && /* @__PURE__ */ jsx10(
+        !isUngrouped && !isRenaming && /* @__PURE__ */ jsx11(
           IconButton6,
           {
             size: "small",
@@ -5377,7 +5565,7 @@ var ProjectHeader = ({
               color: theme.palette.text.secondary,
               transition: "transform 0.2s ease"
             },
-            children: isCollapsed ? /* @__PURE__ */ jsx10(ExpandMoreIcon2, { size: 16 }) : /* @__PURE__ */ jsx10(ExpandLessIcon, { size: 16 })
+            children: isCollapsed ? /* @__PURE__ */ jsx11(ExpandMoreIcon2, { size: 16 }) : /* @__PURE__ */ jsx11(ExpandLessIcon, { size: 16 })
           }
         )
       ]
@@ -5399,7 +5587,7 @@ var TOOLTIP_COPY = {
 var tooltip = (key) => TOOLTIP_COPY[key];
 
 // src/chat/conversation-drawer.tsx
-import { Fragment as Fragment6, 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 BANDIT_AVATAR = "https://cdn.burtson.ai/images/bandit-head.png";
 var coerceOptionalString = (value) => {
   if (typeof value !== "string") return void 0;
@@ -5427,7 +5615,7 @@ var deriveInitials = (value) => {
   return sanitized.slice(0, 2).toUpperCase();
 };
 var ConversationDrawer = ({ open, onClose }) => {
-  const theme = useTheme9();
+  const theme = useTheme10();
   const isMobile = useMediaQuery4(theme.breakpoints.down("sm"));
   const { user } = useAuthenticationStore();
   const baseRadius = typeof theme.shape.borderRadius === "number" ? theme.shape.borderRadius : parseFloat(theme.shape.borderRadius) || 0;
@@ -5450,15 +5638,15 @@ var ConversationDrawer = ({ open, onClose }) => {
     createProject,
     deleteProject
   } = useProjectStore();
-  const [projectManagementOpen, setProjectManagementOpen] = useState10(false);
-  const [collapsedProjects, setCollapsedProjects] = useState10(/* @__PURE__ */ new Set());
+  const [projectManagementOpen, setProjectManagementOpen] = useState11(false);
+  const [collapsedProjects, setCollapsedProjects] = useState11(/* @__PURE__ */ new Set());
   const didInitCollapseRef = useRef8(false);
-  const [searchQuery, setSearchQuery] = useState10("");
-  const [menuAnchorEl, setMenuAnchorEl] = useState10(null);
-  const [clearConfirmOpen, setClearConfirmOpen] = useState10(false);
-  const [moveModalOpen, setMoveModalOpen] = useState10(false);
-  const [conversationToMove, setConversationToMove] = useState10(null);
-  const [renameProjectId, setRenameProjectId] = useState10(null);
+  const [searchQuery, setSearchQuery] = useState11("");
+  const [menuAnchorEl, setMenuAnchorEl] = useState11(null);
+  const [clearConfirmOpen, setClearConfirmOpen] = useState11(false);
+  const [moveModalOpen, setMoveModalOpen] = useState11(false);
+  const [conversationToMove, setConversationToMove] = useState11(null);
+  const [renameProjectId, setRenameProjectId] = useState11(null);
   const getCustomClaim = useCallback4((key) => {
     if (!user) return void 0;
     const record = user;
@@ -5491,8 +5679,8 @@ var ConversationDrawer = ({ open, onClose }) => {
     }
     return void 0;
   }, [user, userDisplayName]);
-  const [avatarImage, setAvatarImage] = useState10(BANDIT_AVATAR);
-  useEffect9(() => {
+  const [avatarImage, setAvatarImage] = useState11(BANDIT_AVATAR);
+  useEffect10(() => {
     const fetchBranding = async () => {
       try {
         const branding = await brandingService_default.getBranding();
@@ -5508,12 +5696,12 @@ var ConversationDrawer = ({ open, onClose }) => {
   }, []);
   const avatarLabel = userDisplayName || user?.email || "Bandit";
   const avatarInitials = useMemo(() => deriveInitials(avatarLabel), [avatarLabel]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!projectsHydrated) {
       hydrateProjects();
     }
   }, [projectsHydrated, hydrateProjects]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (projectsHydrated && !didInitCollapseRef.current) {
       didInitCollapseRef.current = true;
       if (projects && projects.length > 0) {
@@ -5620,8 +5808,8 @@ var ConversationDrawer = ({ open, onClose }) => {
     setMoveModalOpen(false);
     setConversationToMove(null);
   };
-  return /* @__PURE__ */ jsxs8(Fragment6, { children: [
-    /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
+    /* @__PURE__ */ jsxs9(
       Drawer,
       {
         anchor: "left",
@@ -5635,7 +5823,7 @@ var ConversationDrawer = ({ open, onClose }) => {
             width: isMobile ? `min(94vw, 360px)` : 340,
             maxWidth: 360,
             bgcolor: theme.palette.background.paper,
-            borderRight: `1px solid ${isMobile ? alpha5(theme.palette.divider, 0.4) : theme.palette.divider}`,
+            borderRight: `1px solid ${isMobile ? alpha6(theme.palette.divider, 0.4) : theme.palette.divider}`,
             display: "flex",
             flexDirection: "column",
             height: isMobile ? `calc(100dvh - ${theme.spacing(4)})` : "100dvh",
@@ -5643,7 +5831,7 @@ var ConversationDrawer = ({ open, onClose }) => {
             bottom: isMobile ? theme.spacing(2) : 0,
             left: 0,
             borderRadius: isMobile ? `0 ${drawerCornerRadius}px ${drawerCornerRadius}px 0` : 0,
-            boxShadow: isMobile ? `0 18px 36px ${alpha5(theme.palette.common.black, 0.28)}` : "none",
+            boxShadow: isMobile ? `0 18px 36px ${alpha6(theme.palette.common.black, 0.28)}` : "none",
             overflow: "hidden"
           }
         },
@@ -5663,8 +5851,8 @@ var ConversationDrawer = ({ open, onClose }) => {
           }
         },
         children: [
-          /* @__PURE__ */ jsxs8(
-            Box8,
+          /* @__PURE__ */ jsxs9(
+            Box9,
             {
               sx: {
                 p: 2,
@@ -5675,7 +5863,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                 gap: 1
               },
               children: [
-                /* @__PURE__ */ jsx11(Tooltip3, { title: tooltip("manageProjects"), arrow: true, children: /* @__PURE__ */ jsx11(
+                /* @__PURE__ */ jsx12(Tooltip3, { title: tooltip("manageProjects"), arrow: true, children: /* @__PURE__ */ jsx12(
                   IconButton7,
                   {
                     onClick: () => setProjectManagementOpen(true),
@@ -5685,13 +5873,13 @@ var ConversationDrawer = ({ open, onClose }) => {
                       color: theme.palette.text.secondary,
                       "&:hover": {
                         color: theme.palette.primary.main,
-                        bgcolor: alpha5(theme.palette.primary.main, 0.1)
+                        bgcolor: alpha6(theme.palette.primary.main, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx11(FolderIcon4, {})
+                    children: /* @__PURE__ */ jsx12(FolderIcon4, {})
                   }
                 ) }),
-                /* @__PURE__ */ jsx11(Tooltip3, { title: tooltip("conversationOptions"), arrow: true, children: /* @__PURE__ */ jsx11(
+                /* @__PURE__ */ jsx12(Tooltip3, { title: tooltip("conversationOptions"), arrow: true, children: /* @__PURE__ */ jsx12(
                   IconButton7,
                   {
                     onClick: handleMenuOpen,
@@ -5701,13 +5889,13 @@ var ConversationDrawer = ({ open, onClose }) => {
                       color: theme.palette.text.secondary,
                       "&:hover": {
                         color: theme.palette.text.primary,
-                        bgcolor: alpha5(theme.palette.text.primary, 0.1)
+                        bgcolor: alpha6(theme.palette.text.primary, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx11(MoreVertIcon3, {})
+                    children: /* @__PURE__ */ jsx12(MoreVertIcon3, {})
                   }
                 ) }),
-                isMobile && /* @__PURE__ */ jsx11(Tooltip3, { title: tooltip("closeConversationsPanel"), children: /* @__PURE__ */ jsx11(
+                isMobile && /* @__PURE__ */ jsx12(Tooltip3, { title: tooltip("closeConversationsPanel"), children: /* @__PURE__ */ jsx12(
                   IconButton7,
                   {
                     onClick: (e) => {
@@ -5721,17 +5909,17 @@ var ConversationDrawer = ({ open, onClose }) => {
                       color: theme.palette.text.secondary,
                       "&:hover": {
                         color: theme.palette.error.main,
-                        bgcolor: alpha5(theme.palette.error.main, 0.1)
+                        bgcolor: alpha6(theme.palette.error.main, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx11(CloseIcon4, {})
+                    children: /* @__PURE__ */ jsx12(CloseIcon4, {})
                   }
                 ) })
               ]
             }
           ),
-          /* @__PURE__ */ jsx11(Box8, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx11(
-            TextField5,
+          /* @__PURE__ */ jsx12(Box9, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx12(
+            TextField6,
             {
               fullWidth: true,
               size: "small",
@@ -5740,8 +5928,8 @@ var ConversationDrawer = ({ open, onClose }) => {
               onChange: (e) => setSearchQuery(e.target.value),
               variant: "outlined",
               InputProps: {
-                startAdornment: /* @__PURE__ */ jsx11(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx11(SearchIcon, { size: 16, color: theme.palette.text.secondary }) }),
-                endAdornment: searchQuery && /* @__PURE__ */ jsx11(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx11(Tooltip3, { title: tooltip("clearSearch"), children: /* @__PURE__ */ jsx11(
+                startAdornment: /* @__PURE__ */ jsx12(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx12(SearchIcon, { size: 16, color: theme.palette.text.secondary }) }),
+                endAdornment: searchQuery && /* @__PURE__ */ jsx12(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx12(Tooltip3, { title: tooltip("clearSearch"), children: /* @__PURE__ */ jsx12(
                   IconButton7,
                   {
                     onClick: handleSearchClear,
@@ -5749,15 +5937,15 @@ var ConversationDrawer = ({ open, onClose }) => {
                     edge: "end",
                     "aria-label": tooltip("clearSearch"),
                     sx: { color: theme.palette.text.secondary },
-                    children: /* @__PURE__ */ jsx11(ClearIcon, { size: 16 })
+                    children: /* @__PURE__ */ jsx12(ClearIcon, { size: 16 })
                   }
                 ) }) })
               },
               sx: {
                 "& .MuiOutlinedInput-root": {
-                  bgcolor: alpha5(theme.palette.background.default, 0.5),
+                  bgcolor: alpha6(theme.palette.background.default, 0.5),
                   "&:hover": {
-                    bgcolor: alpha5(theme.palette.background.default, 0.8)
+                    bgcolor: alpha6(theme.palette.background.default, 0.8)
                   },
                   "&.Mui-focused": {
                     bgcolor: theme.palette.background.default
@@ -5766,9 +5954,9 @@ var ConversationDrawer = ({ open, onClose }) => {
               }
             }
           ) }),
-          /* @__PURE__ */ jsxs8(Box8, { sx: { flex: 1, overflow: "auto", display: "flex", flexDirection: "column" }, children: [
-            /* @__PURE__ */ jsxs8(
-              Box8,
+          /* @__PURE__ */ jsxs9(Box9, { sx: { flex: 1, overflow: "auto", display: "flex", flexDirection: "column" }, children: [
+            /* @__PURE__ */ jsxs9(
+              Box9,
               {
                 onClick: async () => {
                   const names = new Set(projects.map((p) => p.name));
@@ -5799,49 +5987,49 @@ var ConversationDrawer = ({ open, onClose }) => {
                   alignItems: "center",
                   gap: 1.5,
                   cursor: "pointer",
-                  "&:hover": { bgcolor: alpha5(theme.palette.text.primary, 0.04) }
+                  "&:hover": { bgcolor: alpha6(theme.palette.text.primary, 0.04) }
                 },
                 children: [
-                  /* @__PURE__ */ jsx11(
-                    Box8,
+                  /* @__PURE__ */ jsx12(
+                    Box9,
                     {
                       sx: {
                         width: 28,
                         height: 28,
                         borderRadius: "50%",
-                        bgcolor: alpha5(theme.palette.success.main, 0.15),
+                        bgcolor: alpha6(theme.palette.success.main, 0.15),
                         display: "flex",
                         alignItems: "center",
                         justifyContent: "center",
                         flexShrink: 0
                       },
-                      children: /* @__PURE__ */ jsx11(FolderIcon4, { size: 16, color: theme.palette.success.main })
+                      children: /* @__PURE__ */ jsx12(FolderIcon4, { size: 16, color: theme.palette.success.main })
                     }
                   ),
-                  /* @__PURE__ */ jsx11(
-                    Typography6,
+                  /* @__PURE__ */ jsx12(
+                    Typography7,
                     {
                       variant: "subtitle2",
                       sx: { flex: 1, fontWeight: 600, fontSize: "0.875rem" },
                       children: "New Project"
                     }
                   ),
-                  /* @__PURE__ */ jsx11(Tooltip3, { title: tooltip("addProject"), arrow: true, children: /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12(Tooltip3, { title: tooltip("addProject"), arrow: true, children: /* @__PURE__ */ jsx12(
                     IconButton7,
                     {
                       size: "small",
                       "aria-label": tooltip("addProject"),
                       sx: { color: theme.palette.success.main },
-                      children: /* @__PURE__ */ jsx11(AddIcon4, { size: 16 })
+                      children: /* @__PURE__ */ jsx12(AddIcon4, { size: 16 })
                     }
                   ) })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx11(Divider2, { sx: { opacity: 0.3 } }),
-            filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs8(Box8, { children: [
-              group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs8(
-                Box8,
+            /* @__PURE__ */ jsx12(Divider2, { sx: { opacity: 0.3 } }),
+            filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs9(Box9, { children: [
+              group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs9(
+                Box9,
                 {
                   sx: {
                     py: 2,
@@ -5851,9 +6039,9 @@ var ConversationDrawer = ({ open, onClose }) => {
                     gap: 2
                   },
                   children: [
-                    /* @__PURE__ */ jsx11(Divider2, { sx: { flex: 1, opacity: 0.6 } }),
-                    /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                      /* @__PURE__ */ jsx11(
+                    /* @__PURE__ */ jsx12(Divider2, { sx: { flex: 1, opacity: 0.6 } }),
+                    /* @__PURE__ */ jsxs9(Box9, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                      /* @__PURE__ */ jsx12(
                         InboxIcon3,
                         {
                           size: 14,
@@ -5861,8 +6049,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                           style: { opacity: 0.7 }
                         }
                       ),
-                      /* @__PURE__ */ jsx11(
-                        Typography6,
+                      /* @__PURE__ */ jsx12(
+                        Typography7,
                         {
                           variant: "caption",
                           sx: {
@@ -5876,12 +6064,12 @@ var ConversationDrawer = ({ open, onClose }) => {
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx11(Divider2, { sx: { flex: 1, opacity: 0.6 } })
+                    /* @__PURE__ */ jsx12(Divider2, { sx: { flex: 1, opacity: 0.6 } })
                   ]
                 }
               ),
-              group.id !== null ? /* @__PURE__ */ jsxs8(Fragment6, { children: [
-                /* @__PURE__ */ jsx11(
+              group.id !== null ? /* @__PURE__ */ jsxs9(Fragment6, { children: [
+                /* @__PURE__ */ jsx12(
                   project_header_default,
                   {
                     projectId: group.id,
@@ -5910,8 +6098,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx11(Collapse2, { in: !group.collapsed, children: /* @__PURE__ */ jsxs8(Box8, { sx: { pb: 1 }, children: [
-                  group.conversations.map((conversation) => /* @__PURE__ */ jsx11(
+                /* @__PURE__ */ jsx12(Collapse2, { in: !group.collapsed, children: /* @__PURE__ */ jsxs9(Box9, { sx: { pb: 1 }, children: [
+                  group.conversations.map((conversation) => /* @__PURE__ */ jsx12(
                     simple_conversation_item_default,
                     {
                       conversation,
@@ -5931,8 +6119,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                     },
                     conversation.id
                   )),
-                  group.conversations.length === 0 && !group.collapsed && group.id !== null && /* @__PURE__ */ jsxs8(
-                    Box8,
+                  group.conversations.length === 0 && !group.collapsed && group.id !== null && /* @__PURE__ */ jsxs9(
+                    Box9,
                     {
                       sx: {
                         p: 3,
@@ -5940,17 +6128,17 @@ var ConversationDrawer = ({ open, onClose }) => {
                         color: theme.palette.text.secondary
                       },
                       children: [
-                        /* @__PURE__ */ jsx11(Typography6, { variant: "body2", children: "No conversations in this project yet" }),
-                        /* @__PURE__ */ jsx11(Typography6, { variant: "caption", sx: { mt: 1, display: "block" }, children: "Drag conversations here or use the + button above" })
+                        /* @__PURE__ */ jsx12(Typography7, { variant: "body2", children: "No conversations in this project yet" }),
+                        /* @__PURE__ */ jsx12(Typography7, { variant: "caption", sx: { mt: 1, display: "block" }, children: "Drag conversations here or use the + button above" })
                       ]
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ jsx11(Divider2, { sx: { opacity: 0.3 } })
+                /* @__PURE__ */ jsx12(Divider2, { sx: { opacity: 0.3 } })
               ] }) : (
                 // Special handling for ungrouped - no header, just conversations in scrollable area
-                /* @__PURE__ */ jsx11(
-                  Box8,
+                /* @__PURE__ */ jsx12(
+                  Box9,
                   {
                     sx: {
                       minHeight: 0,
@@ -5958,12 +6146,12 @@ var ConversationDrawer = ({ open, onClose }) => {
                       overflow: "auto",
                       px: 1,
                       py: 1,
-                      bgcolor: alpha5(theme.palette.background.default, 0.3),
+                      bgcolor: alpha6(theme.palette.background.default, 0.3),
                       borderRadius: "8px 8px 0 0",
                       mx: 1,
                       mb: 1
                     },
-                    children: group.conversations.map((conversation) => /* @__PURE__ */ jsx11(
+                    children: group.conversations.map((conversation) => /* @__PURE__ */ jsx12(
                       simple_conversation_item_default,
                       {
                         conversation,
@@ -5987,8 +6175,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                 )
               )
             ] }, group.id || "ungrouped")),
-            filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs8(
-              Box8,
+            filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs9(
+              Box9,
               {
                 sx: {
                   flex: 1,
@@ -6001,28 +6189,28 @@ var ConversationDrawer = ({ open, onClose }) => {
                   color: theme.palette.text.secondary
                 },
                 children: [
-                  /* @__PURE__ */ jsx11(Typography6, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
-                  /* @__PURE__ */ jsx11(Typography6, { 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__ */ jsx12(Typography7, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
+                  /* @__PURE__ */ jsx12(Typography7, { variant: "body2", sx: { mb: 3, maxWidth: 280 }, children: searchQuery ? `No conversations match "${searchQuery}"` : "Start your first conversation to begin organizing your chats into projects" })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs8(
-            Box8,
+          /* @__PURE__ */ jsxs9(
+            Box9,
             {
               sx: {
                 mt: "auto",
                 px: 2,
                 py: 1.75,
-                borderTop: `1px solid ${alpha5(theme.palette.divider, 0.6)}`,
+                borderTop: `1px solid ${alpha6(theme.palette.divider, 0.6)}`,
                 display: "flex",
                 alignItems: "center",
                 gap: 1.5,
                 justifyContent: "center",
-                bgcolor: alpha5(theme.palette.background.default, isMobile ? 0.9 : 0.6)
+                bgcolor: alpha6(theme.palette.background.default, isMobile ? 0.9 : 0.6)
               },
               children: [
-                /* @__PURE__ */ jsx11(
+                /* @__PURE__ */ jsx12(
                   Avatar6,
                   {
                     src: avatarImage,
@@ -6031,14 +6219,14 @@ var ConversationDrawer = ({ open, onClose }) => {
                       width: 36,
                       height: 36,
                       fontSize: "0.95rem",
-                      bgcolor: alpha5(theme.palette.primary.main, 0.12),
+                      bgcolor: alpha6(theme.palette.primary.main, 0.12),
                       color: theme.palette.primary.main
                     },
                     children: avatarInitials
                   }
                 ),
-                /* @__PURE__ */ jsxs8(
-                  Box8,
+                /* @__PURE__ */ jsxs9(
+                  Box9,
                   {
                     sx: {
                       minWidth: 0,
@@ -6050,8 +6238,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                       gap: 0.25
                     },
                     children: [
-                      /* @__PURE__ */ jsx11(
-                        Typography6,
+                      /* @__PURE__ */ jsx12(
+                        Typography7,
                         {
                           variant: "subtitle2",
                           noWrap: true,
@@ -6059,8 +6247,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                           children: user ? userDisplayName : "Not signed in"
                         }
                       ),
-                      !user && /* @__PURE__ */ jsx11(
-                        Typography6,
+                      !user && /* @__PURE__ */ jsx12(
+                        Typography7,
                         {
                           variant: "caption",
                           sx: { color: theme.palette.text.secondary },
@@ -6076,14 +6264,14 @@ var ConversationDrawer = ({ open, onClose }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx12(
       project_management_modal_default,
       {
         open: projectManagementOpen,
         onClose: () => setProjectManagementOpen(false)
       }
     ),
-    conversationToMove && /* @__PURE__ */ jsx11(
+    conversationToMove && /* @__PURE__ */ jsx12(
       move_conversation_modal_default,
       {
         open: moveModalOpen,
@@ -6092,7 +6280,7 @@ var ConversationDrawer = ({ open, onClose }) => {
         currentProjectId: conversationToMove.projectId
       }
     ),
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx12(
       Menu3,
       {
         anchorEl: menuAnchorEl,
@@ -6106,7 +6294,7 @@ var ConversationDrawer = ({ open, onClose }) => {
           vertical: "bottom",
           horizontal: "right"
         },
-        children: /* @__PURE__ */ jsxs8(
+        children: /* @__PURE__ */ jsxs9(
           MenuItem3,
           {
             onClick: () => {
@@ -6115,14 +6303,14 @@ var ConversationDrawer = ({ open, onClose }) => {
             },
             sx: { color: theme.palette.error.main },
             children: [
-              /* @__PURE__ */ jsx11(ListItemIcon3, { children: /* @__PURE__ */ jsx11(DeleteSweepIcon, { size: 16, color: theme.palette.error.main }) }),
-              /* @__PURE__ */ jsx11(ListItemText3, { children: "Clear All Conversations" })
+              /* @__PURE__ */ jsx12(ListItemIcon3, { children: /* @__PURE__ */ jsx12(DeleteSweepIcon, { size: 16, color: theme.palette.error.main }) }),
+              /* @__PURE__ */ jsx12(ListItemText3, { children: "Clear All Conversations" })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxs8(
+    /* @__PURE__ */ jsxs9(
       Dialog3,
       {
         open: clearConfirmOpen,
@@ -6130,12 +6318,12 @@ var ConversationDrawer = ({ open, onClose }) => {
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__PURE__ */ jsx11(DialogTitle3, { children: "Clear All Conversations?" }),
-          /* @__PURE__ */ jsx11(DialogContent3, { children: /* @__PURE__ */ jsx11(Typography6, { children: "This will permanently delete all conversations and cannot be undone. Are you sure you want to continue?" }) }),
-          /* @__PURE__ */ jsxs8(DialogActions3, { children: [
-            /* @__PURE__ */ jsx11(Button4, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx11(
-              Button4,
+          /* @__PURE__ */ jsx12(DialogTitle3, { children: "Clear All Conversations?" }),
+          /* @__PURE__ */ jsx12(DialogContent3, { children: /* @__PURE__ */ jsx12(Typography7, { children: "This will permanently delete all conversations and cannot be undone. Are you sure you want to continue?" }) }),
+          /* @__PURE__ */ jsxs9(DialogActions3, { children: [
+            /* @__PURE__ */ jsx12(Button5, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx12(
+              Button5,
               {
                 onClick: handleClearAllConfirm,
                 color: "error",
@@ -6152,13 +6340,13 @@ var ConversationDrawer = ({ open, onClose }) => {
 var conversation_drawer_default = ConversationDrawer;
 
 // src/chat/enhanced-mobile-conversations-modal.tsx
-import { useState as useState11, useMemo as useMemo2, useEffect as useEffect10, useRef as useRef9, useCallback as useCallback5 } from "react";
+import { useState as useState12, useMemo as useMemo2, useEffect as useEffect11, useRef as useRef9, useCallback as useCallback5 } from "react";
 import {
-  Box as Box9,
+  Box as Box10,
   IconButton as IconButton8,
   Modal as Modal2,
-  Typography as Typography7,
-  TextField as TextField6,
+  Typography as Typography8,
+  TextField as TextField7,
   InputAdornment as InputAdornment2,
   Slide,
   Collapse as Collapse3,
@@ -6171,15 +6359,15 @@ import {
   DialogTitle as DialogTitle4,
   DialogContent as DialogContent4,
   DialogActions as DialogActions4,
-  Button as Button5,
+  Button as Button6,
   AppBar,
   Toolbar,
   Avatar as Avatar7,
-  Chip as Chip3
+  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 } from "lucide-react";
-import { useTheme as useTheme10, alpha as alpha6 } from "@mui/material/styles";
-import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useTheme as useTheme11, alpha as alpha7 } from "@mui/material/styles";
+import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var BANDIT_AVATAR2 = "https://cdn.burtson.ai/images/bandit-head.png";
 var coerceOptionalString2 = (value) => {
   if (typeof value !== "string") return void 0;
@@ -6210,7 +6398,7 @@ var EnhancedMobileConversationsModal = ({
   open,
   onClose
 }) => {
-  const theme = useTheme10();
+  const theme = useTheme11();
   const { user } = useAuthenticationStore();
   const {
     conversations,
@@ -6230,18 +6418,18 @@ var EnhancedMobileConversationsModal = ({
     createProject,
     deleteProject
   } = useProjectStore();
-  const [projectManagementOpen, setProjectManagementOpen] = useState11(false);
-  const [collapsedProjects, setCollapsedProjects] = useState11(/* @__PURE__ */ new Set());
+  const [projectManagementOpen, setProjectManagementOpen] = useState12(false);
+  const [collapsedProjects, setCollapsedProjects] = useState12(/* @__PURE__ */ new Set());
   const didInitCollapseRef = useRef9(false);
-  const [searchQuery, setSearchQuery] = useState11("");
-  const [menuAnchorEl, setMenuAnchorEl] = useState11(null);
-  const [clearConfirmOpen, setClearConfirmOpen] = useState11(false);
-  const [moveModalOpen, setMoveModalOpen] = useState11(false);
-  const [conversationToMove, setConversationToMove] = useState11(null);
-  const [renameProjectId, setRenameProjectId] = useState11(null);
-  const [deletedConversationIds, setDeletedConversationIds] = useState11(/* @__PURE__ */ new Set());
-  const [touchDragState, setTouchDragState] = useState11({ conversationId: null, originProjectId: null, hoverProjectId: null });
-  const [avatarImage, setAvatarImage] = useState11(BANDIT_AVATAR2);
+  const [searchQuery, setSearchQuery] = useState12("");
+  const [menuAnchorEl, setMenuAnchorEl] = useState12(null);
+  const [clearConfirmOpen, setClearConfirmOpen] = useState12(false);
+  const [moveModalOpen, setMoveModalOpen] = useState12(false);
+  const [conversationToMove, setConversationToMove] = useState12(null);
+  const [renameProjectId, setRenameProjectId] = useState12(null);
+  const [deletedConversationIds, setDeletedConversationIds] = useState12(/* @__PURE__ */ new Set());
+  const [touchDragState, setTouchDragState] = useState12({ conversationId: null, originProjectId: null, hoverProjectId: null });
+  const [avatarImage, setAvatarImage] = useState12(BANDIT_AVATAR2);
   const getCustomClaim = useCallback5((key) => {
     if (!user) return void 0;
     const record = user;
@@ -6274,7 +6462,7 @@ var EnhancedMobileConversationsModal = ({
     }
     return void 0;
   }, [user, userDisplayName]);
-  useEffect10(() => {
+  useEffect11(() => {
     const fetchBranding = async () => {
       try {
         const branding = await brandingService_default.getBranding();
@@ -6297,12 +6485,12 @@ var EnhancedMobileConversationsModal = ({
     const end = Math.min(text.length, idx + query.length + 60);
     return text.slice(start, end).replace(/\s+/g, " ").trim();
   };
-  useEffect10(() => {
+  useEffect11(() => {
     if (open && !projectsHydrated) {
       hydrateProjects();
     }
   }, [open, projectsHydrated, hydrateProjects]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (projectsHydrated && !didInitCollapseRef.current) {
       didInitCollapseRef.current = true;
       if (projects && projects.length > 0) {
@@ -6469,7 +6657,7 @@ var EnhancedMobileConversationsModal = ({
     setMoveModalOpen(false);
     setConversationToMove(null);
   };
-  useEffect10(() => {
+  useEffect11(() => {
     setDeletedConversationIds((prev) => {
       let changed = false;
       const active2 = new Set(conversations.map((conv) => conv.id));
@@ -6484,8 +6672,8 @@ var EnhancedMobileConversationsModal = ({
       return changed ? next : prev;
     });
   }, [conversations]);
-  return /* @__PURE__ */ jsxs9(Fragment7, { children: [
-    /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs10(Fragment7, { children: [
+    /* @__PURE__ */ jsx13(
       Modal2,
       {
         open,
@@ -6494,8 +6682,8 @@ var EnhancedMobileConversationsModal = ({
           display: "flex",
           alignItems: "flex-end"
         },
-        children: /* @__PURE__ */ jsx12(Slide, { direction: "up", in: open, children: /* @__PURE__ */ jsxs9(
-          Box9,
+        children: /* @__PURE__ */ jsx13(Slide, { direction: "up", in: open, children: /* @__PURE__ */ jsxs10(
+          Box10,
           {
             sx: {
               width: "100%",
@@ -6508,7 +6696,7 @@ var EnhancedMobileConversationsModal = ({
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx13(
                 AppBar,
                 {
                   position: "static",
@@ -6518,10 +6706,10 @@ var EnhancedMobileConversationsModal = ({
                     color: theme.palette.text.primary,
                     borderBottom: `1px solid ${theme.palette.divider}`
                   },
-                  children: /* @__PURE__ */ jsxs9(Toolbar, { children: [
-                    /* @__PURE__ */ jsx12(Typography7, { variant: "h6", sx: { flex: 1, fontWeight: 600 }, children: "Conversations" }),
-                    visibleConversationCount > 0 && /* @__PURE__ */ jsx12(
-                      Chip3,
+                  children: /* @__PURE__ */ jsxs10(Toolbar, { children: [
+                    /* @__PURE__ */ jsx13(Typography8, { variant: "h6", sx: { flex: 1, fontWeight: 600 }, children: "Conversations" }),
+                    visibleConversationCount > 0 && /* @__PURE__ */ jsx13(
+                      Chip4,
                       {
                         label: visibleConversationCount,
                         size: "small",
@@ -6533,35 +6721,35 @@ var EnhancedMobileConversationsModal = ({
                         }
                       }
                     ),
-                    /* @__PURE__ */ jsx12(
+                    /* @__PURE__ */ jsx13(
                       IconButton8,
                       {
                         onClick: () => setProjectManagementOpen(true),
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx12(FolderIcon5, {})
+                        children: /* @__PURE__ */ jsx13(FolderIcon5, {})
                       }
                     ),
-                    /* @__PURE__ */ jsx12(
+                    /* @__PURE__ */ jsx13(
                       IconButton8,
                       {
                         onClick: handleMenuOpen,
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx12(MoreVertIcon4, {})
+                        children: /* @__PURE__ */ jsx13(MoreVertIcon4, {})
                       }
                     ),
-                    /* @__PURE__ */ jsx12(
+                    /* @__PURE__ */ jsx13(
                       IconButton8,
                       {
                         onClick: onClose,
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx12(CloseIcon5, {})
+                        children: /* @__PURE__ */ jsx13(CloseIcon5, {})
                       }
                     )
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx12(Box9, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx12(
-                TextField6,
+              /* @__PURE__ */ jsx13(Box10, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx13(
+                TextField7,
                 {
                   fullWidth: true,
                   size: "small",
@@ -6570,22 +6758,22 @@ var EnhancedMobileConversationsModal = ({
                   onChange: (e) => setSearchQuery(e.target.value),
                   variant: "outlined",
                   InputProps: {
-                    startAdornment: /* @__PURE__ */ jsx12(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx12(SearchIcon2, { size: 16, color: theme.palette.text.secondary }) }),
-                    endAdornment: searchQuery && /* @__PURE__ */ jsx12(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx12(
+                    startAdornment: /* @__PURE__ */ jsx13(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx13(SearchIcon2, { size: 16, color: theme.palette.text.secondary }) }),
+                    endAdornment: searchQuery && /* @__PURE__ */ jsx13(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx13(
                       IconButton8,
                       {
                         onClick: handleSearchClear,
                         size: "small",
                         edge: "end",
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx12(ClearIcon2, { size: 16 })
+                        children: /* @__PURE__ */ jsx13(ClearIcon2, { size: 16 })
                       }
                     ) })
                   }
                 }
               ) }),
-              /* @__PURE__ */ jsxs9(
-                Box9,
+              /* @__PURE__ */ jsxs10(
+                Box10,
                 {
                   sx: {
                     flex: 1,
@@ -6596,8 +6784,8 @@ var EnhancedMobileConversationsModal = ({
                     pb: 2
                   },
                   children: [
-                    touchDragActive && activeDragConversation && /* @__PURE__ */ jsxs9(
-                      Box9,
+                    touchDragActive && activeDragConversation && /* @__PURE__ */ jsxs10(
+                      Box10,
                       {
                         sx: {
                           position: "absolute",
@@ -6606,13 +6794,13 @@ var EnhancedMobileConversationsModal = ({
                           transform: "translate(-50%, -100%)",
                           zIndex: theme.zIndex.modal + 10,
                           pointerEvents: "none",
-                          bgcolor: theme.palette.mode === "dark" ? alpha6(theme.palette.common.black, 0.82) : alpha6(theme.palette.common.white, 0.95),
+                          bgcolor: theme.palette.mode === "dark" ? alpha7(theme.palette.common.black, 0.82) : alpha7(theme.palette.common.white, 0.95),
                           color: theme.palette.mode === "dark" ? theme.palette.common.white : theme.palette.text.primary,
-                          border: `1px solid ${theme.palette.mode === "dark" ? alpha6(theme.palette.common.white, 0.25) : alpha6(theme.palette.common.black, 0.2)}`,
+                          border: `1px solid ${theme.palette.mode === "dark" ? alpha7(theme.palette.common.white, 0.25) : alpha7(theme.palette.common.black, 0.2)}`,
                           borderRadius: 999,
                           px: 2,
                           py: 0.75,
-                          boxShadow: `0 16px 32px ${alpha6(theme.palette.common.black, 0.3)}`,
+                          boxShadow: `0 16px 32px ${alpha7(theme.palette.common.black, 0.3)}`,
                           display: "flex",
                           alignItems: "center",
                           gap: 1,
@@ -6622,8 +6810,8 @@ var EnhancedMobileConversationsModal = ({
                           overflow: "hidden"
                         },
                         children: [
-                          /* @__PURE__ */ jsxs9(
-                            Typography7,
+                          /* @__PURE__ */ jsxs10(
+                            Typography8,
                             {
                               variant: "caption",
                               sx: {
@@ -6635,8 +6823,8 @@ var EnhancedMobileConversationsModal = ({
                               },
                               children: [
                                 "Move",
-                                /* @__PURE__ */ jsxs9(
-                                  Box9,
+                                /* @__PURE__ */ jsxs10(
+                                  Box10,
                                   {
                                     component: "span",
                                     sx: {
@@ -6656,8 +6844,8 @@ var EnhancedMobileConversationsModal = ({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsx12(
-                            Typography7,
+                          /* @__PURE__ */ jsx13(
+                            Typography8,
                             {
                               variant: "caption",
                               color: "inherit",
@@ -6665,11 +6853,11 @@ var EnhancedMobileConversationsModal = ({
                                 fontWeight: 500,
                                 whiteSpace: "nowrap"
                               },
-                              children: activeHoverLabel ? /* @__PURE__ */ jsxs9(Fragment7, { children: [
+                              children: activeHoverLabel ? /* @__PURE__ */ jsxs10(Fragment7, { children: [
                                 "to",
                                 " ",
-                                /* @__PURE__ */ jsx12(
-                                  Box9,
+                                /* @__PURE__ */ jsx13(
+                                  Box10,
                                   {
                                     component: "span",
                                     sx: {
@@ -6685,8 +6873,8 @@ var EnhancedMobileConversationsModal = ({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs9(
-                      Box9,
+                    /* @__PURE__ */ jsxs10(
+                      Box10,
                       {
                         onClick: async () => {
                           const names = new Set(projects.map((p) => p.name));
@@ -6717,41 +6905,41 @@ var EnhancedMobileConversationsModal = ({
                           alignItems: "center",
                           gap: 1.5,
                           cursor: "pointer",
-                          "&:hover": { bgcolor: alpha6(theme.palette.text.primary, 0.04) }
+                          "&:hover": { bgcolor: alpha7(theme.palette.text.primary, 0.04) }
                         },
                         children: [
-                          /* @__PURE__ */ jsx12(
-                            Box9,
+                          /* @__PURE__ */ jsx13(
+                            Box10,
                             {
                               sx: {
                                 width: 28,
                                 height: 28,
                                 borderRadius: "50%",
-                                bgcolor: alpha6(theme.palette.success.main, 0.15),
+                                bgcolor: alpha7(theme.palette.success.main, 0.15),
                                 display: "flex",
                                 alignItems: "center",
                                 justifyContent: "center",
                                 flexShrink: 0
                               },
-                              children: /* @__PURE__ */ jsx12(FolderIcon5, { size: 16, color: theme.palette.success.main })
+                              children: /* @__PURE__ */ jsx13(FolderIcon5, { size: 16, color: theme.palette.success.main })
                             }
                           ),
-                          /* @__PURE__ */ jsx12(
-                            Typography7,
+                          /* @__PURE__ */ jsx13(
+                            Typography8,
                             {
                               variant: "subtitle2",
                               sx: { flex: 1, fontWeight: 600, fontSize: "0.875rem" },
                               children: "New Project"
                             }
                           ),
-                          /* @__PURE__ */ jsx12(IconButton8, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ jsx12(AddIcon5, { size: 16 }) })
+                          /* @__PURE__ */ jsx13(IconButton8, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ jsx13(AddIcon5, { size: 16 }) })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx12(Divider3, { sx: { opacity: 0.3 } }),
-                    filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs9(Box9, { children: [
-                      group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs9(
-                        Box9,
+                    /* @__PURE__ */ jsx13(Divider3, { sx: { opacity: 0.3 } }),
+                    filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs10(Box10, { children: [
+                      group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs10(
+                        Box10,
                         {
                           sx: {
                             py: 2,
@@ -6761,9 +6949,9 @@ var EnhancedMobileConversationsModal = ({
                             gap: 2
                           },
                           children: [
-                            /* @__PURE__ */ jsx12(Divider3, { sx: { flex: 1, opacity: 0.6 } }),
-                            /* @__PURE__ */ jsxs9(Box9, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                              /* @__PURE__ */ jsx12(
+                            /* @__PURE__ */ jsx13(Divider3, { sx: { flex: 1, opacity: 0.6 } }),
+                            /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                              /* @__PURE__ */ jsx13(
                                 InboxIcon4,
                                 {
                                   size: 14,
@@ -6771,8 +6959,8 @@ var EnhancedMobileConversationsModal = ({
                                   style: { opacity: 0.7 }
                                 }
                               ),
-                              /* @__PURE__ */ jsx12(
-                                Typography7,
+                              /* @__PURE__ */ jsx13(
+                                Typography8,
                                 {
                                   variant: "caption",
                                   sx: {
@@ -6786,12 +6974,12 @@ var EnhancedMobileConversationsModal = ({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsx12(Divider3, { sx: { flex: 1, opacity: 0.6 } })
+                            /* @__PURE__ */ jsx13(Divider3, { sx: { flex: 1, opacity: 0.6 } })
                           ]
                         }
                       ),
-                      group.id !== null ? /* @__PURE__ */ jsxs9(Fragment7, { children: [
-                        /* @__PURE__ */ jsx12(
+                      group.id !== null ? /* @__PURE__ */ jsxs10(Fragment7, { children: [
+                        /* @__PURE__ */ jsx13(
                           project_header_default,
                           {
                             projectId: group.id,
@@ -6821,8 +7009,8 @@ var EnhancedMobileConversationsModal = ({
                             isTouchTarget: touchDragActive && touchDragState.hoverProjectId === group.id
                           }
                         ),
-                        /* @__PURE__ */ jsx12(Collapse3, { in: !group.collapsed, children: /* @__PURE__ */ jsx12(
-                          Box9,
+                        /* @__PURE__ */ jsx13(Collapse3, { in: !group.collapsed, children: /* @__PURE__ */ jsx13(
+                          Box10,
                           {
                             "data-project-id": group.id ?? "__ungrouped",
                             sx: {
@@ -6830,9 +7018,9 @@ var EnhancedMobileConversationsModal = ({
                               border: touchDragActive && touchDragState.hoverProjectId === group.id ? `2px dashed ${theme.palette.primary.main}` : "1px solid transparent",
                               borderRadius: touchDragActive && touchDragState.hoverProjectId === group.id ? 2 : 0,
                               transition: "border 0.2s ease, background-color 0.2s ease",
-                              backgroundColor: touchDragActive && touchDragState.hoverProjectId === group.id ? alpha6(theme.palette.primary.main, 0.08) : "transparent"
+                              backgroundColor: touchDragActive && touchDragState.hoverProjectId === group.id ? alpha7(theme.palette.primary.main, 0.08) : "transparent"
                             },
-                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx12(
+                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx13(
                               simple_conversation_item_default,
                               {
                                 conversation,
@@ -6866,24 +7054,24 @@ var EnhancedMobileConversationsModal = ({
                         ) })
                       ] }) : (
                         // Special handling for ungrouped - no header, just conversations in scrollable area
-                        /* @__PURE__ */ jsx12(
-                          Box9,
+                        /* @__PURE__ */ jsx13(
+                          Box10,
                           {
                             sx: {
                               minHeight: 0,
                               overflow: "auto",
                               px: 1,
                               py: 1,
-                              bgcolor: alpha6(theme.palette.background.default, 0.3),
+                              bgcolor: alpha7(theme.palette.background.default, 0.3),
                               borderRadius: "8px 8px 0 0",
                               mx: 1,
                               mb: 1,
                               border: touchDragActive && touchDragState.hoverProjectId === "__ungrouped" ? `2px dashed ${theme.palette.primary.main}` : "1px solid transparent",
                               transition: "border 0.2s ease, background-color 0.2s ease",
-                              backgroundColor: touchDragActive && touchDragState.hoverProjectId === "__ungrouped" ? alpha6(theme.palette.primary.main, 0.08) : alpha6(theme.palette.background.default, 0.3)
+                              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__ */ jsx12(
+                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx13(
                               simple_conversation_item_default,
                               {
                                 conversation,
@@ -6917,8 +7105,8 @@ var EnhancedMobileConversationsModal = ({
                         )
                       )
                     ] }, group.id || "ungrouped")),
-                    filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs9(
-                      Box9,
+                    filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs10(
+                      Box10,
                       {
                         sx: {
                           flex: 1,
@@ -6931,31 +7119,31 @@ var EnhancedMobileConversationsModal = ({
                           color: theme.palette.text.secondary
                         },
                         children: [
-                          /* @__PURE__ */ jsx12(Typography7, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
-                          /* @__PURE__ */ jsx12(Typography7, { variant: "body2", sx: { mb: 3, maxWidth: 280 }, children: searchQuery ? `No conversations match "${searchQuery}"` : "Start your first conversation to begin organizing your chats into projects" })
+                          /* @__PURE__ */ jsx13(Typography8, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
+                          /* @__PURE__ */ jsx13(Typography8, { variant: "body2", sx: { mb: 3, maxWidth: 280 }, children: searchQuery ? `No conversations match "${searchQuery}"` : "Start your first conversation to begin organizing your chats into projects" })
                         ]
                       }
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs9(
-                Box9,
+              /* @__PURE__ */ jsxs10(
+                Box10,
                 {
                   sx: {
                     mt: "auto",
                     px: 2,
                     py: 1.75,
-                    borderTop: `1px solid ${alpha6(theme.palette.divider, 0.6)}`,
+                    borderTop: `1px solid ${alpha7(theme.palette.divider, 0.6)}`,
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
                     gap: 1.25,
-                    bgcolor: alpha6(theme.palette.background.default, 0.88),
+                    bgcolor: alpha7(theme.palette.background.default, 0.88),
                     flexWrap: "wrap"
                   },
                   children: [
-                    /* @__PURE__ */ jsx12(
+                    /* @__PURE__ */ jsx13(
                       Avatar7,
                       {
                         src: avatarImage,
@@ -6964,15 +7152,15 @@ var EnhancedMobileConversationsModal = ({
                           width: 40,
                           height: 40,
                           fontSize: "1rem",
-                          bgcolor: alpha6(theme.palette.primary.main, 0.12),
+                          bgcolor: alpha7(theme.palette.primary.main, 0.12),
                           color: theme.palette.primary.main
                         },
                         children: avatarInitials
                       }
                     ),
-                    /* @__PURE__ */ jsxs9(Box9, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 0.5, minWidth: 0 }, children: [
-                      /* @__PURE__ */ jsx12(
-                        Typography7,
+                    /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 0.5, minWidth: 0 }, children: [
+                      /* @__PURE__ */ jsx13(
+                        Typography8,
                         {
                           variant: "subtitle2",
                           noWrap: true,
@@ -6980,8 +7168,8 @@ var EnhancedMobileConversationsModal = ({
                           children: user ? userDisplayName : "Not signed in"
                         }
                       ),
-                      !user && /* @__PURE__ */ jsx12(
-                        Typography7,
+                      !user && /* @__PURE__ */ jsx13(
+                        Typography8,
                         {
                           variant: "caption",
                           sx: { color: theme.palette.text.secondary },
@@ -6998,14 +7186,14 @@ var EnhancedMobileConversationsModal = ({
         ) })
       }
     ),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13(
       project_management_modal_default,
       {
         open: projectManagementOpen,
         onClose: () => setProjectManagementOpen(false)
       }
     ),
-    conversationToMove && /* @__PURE__ */ jsx12(
+    conversationToMove && /* @__PURE__ */ jsx13(
       move_conversation_modal_default,
       {
         open: moveModalOpen,
@@ -7014,7 +7202,7 @@ var EnhancedMobileConversationsModal = ({
         currentProjectId: conversationToMove.projectId
       }
     ),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13(
       Menu4,
       {
         anchorEl: menuAnchorEl,
@@ -7028,7 +7216,7 @@ var EnhancedMobileConversationsModal = ({
           vertical: "bottom",
           horizontal: "right"
         },
-        children: /* @__PURE__ */ jsxs9(
+        children: /* @__PURE__ */ jsxs10(
           MenuItem4,
           {
             onClick: () => {
@@ -7038,14 +7226,14 @@ var EnhancedMobileConversationsModal = ({
             disabled: visibleConversationCount === 0,
             sx: { color: theme.palette.error.main },
             children: [
-              /* @__PURE__ */ jsx12(ListItemIcon4, { children: /* @__PURE__ */ jsx12(DeleteSweepIcon2, { size: 16, color: theme.palette.error.main }) }),
-              /* @__PURE__ */ jsx12(ListItemText4, { children: "Clear All Conversations" })
+              /* @__PURE__ */ jsx13(ListItemIcon4, { children: /* @__PURE__ */ jsx13(DeleteSweepIcon2, { size: 16, color: theme.palette.error.main }) }),
+              /* @__PURE__ */ jsx13(ListItemText4, { children: "Clear All Conversations" })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsxs10(
       Dialog4,
       {
         open: clearConfirmOpen,
@@ -7053,12 +7241,12 @@ var EnhancedMobileConversationsModal = ({
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__PURE__ */ jsx12(DialogTitle4, { children: "Clear All Conversations?" }),
-          /* @__PURE__ */ jsx12(DialogContent4, { children: /* @__PURE__ */ jsx12(Typography7, { children: visibleConversationCount === 0 ? "No conversations available to clear." : `This will permanently delete ${visibleConversationCount} conversation${visibleConversationCount === 1 ? "" : "s"} and cannot be undone.` }) }),
-          /* @__PURE__ */ jsxs9(DialogActions4, { children: [
-            /* @__PURE__ */ jsx12(Button5, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx12(
-              Button5,
+          /* @__PURE__ */ jsx13(DialogTitle4, { children: "Clear All Conversations?" }),
+          /* @__PURE__ */ jsx13(DialogContent4, { children: /* @__PURE__ */ jsx13(Typography8, { children: visibleConversationCount === 0 ? "No conversations available to clear." : `This will permanently delete ${visibleConversationCount} conversation${visibleConversationCount === 1 ? "" : "s"} and cannot be undone.` }) }),
+          /* @__PURE__ */ jsxs10(DialogActions4, { children: [
+            /* @__PURE__ */ jsx13(Button6, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx13(
+              Button6,
               {
                 onClick: handleClearAllConfirm,
                 color: "error",
@@ -7076,7 +7264,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 jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var CDN_BASE = "https://cdn.burtson.ai/";
 var banditHead = `${CDN_BASE}/images/bandit-head.png`;
 var modelAvatars = {
@@ -7095,7 +7283,7 @@ var ChatAppBar = ({
   drawerOpen,
   setDrawerOpen
 }) => {
-  const theme = useTheme11();
+  const theme = useTheme12();
   const isMobile = useMediaQuery5(theme.breakpoints.down("sm"));
   const hasLoggedRouterWarningRef = useRef10(false);
   let navigate = null;
@@ -7123,12 +7311,12 @@ var ChatAppBar = ({
     menuBackground,
     menuText
   } = theme.palette.chat.appBar;
-  const [modelAnchorEl, setModelAnchorEl] = useState12(null);
-  const [engineAnchorEl, setEngineAnchorEl] = useState12(null);
-  const [voiceAnchorEl, setVoiceAnchorEl] = useState12(null);
-  const [modalOpen, setModalOpen] = useState12(false);
-  const [confirmModelChangeOpen, setConfirmModelChangeOpen] = useState12(false);
-  const [pendingModel, setPendingModel] = useState12(null);
+  const [modelAnchorEl, setModelAnchorEl] = useState13(null);
+  const [engineAnchorEl, setEngineAnchorEl] = useState13(null);
+  const [voiceAnchorEl, setVoiceAnchorEl] = useState13(null);
+  const [modalOpen, setModalOpen] = useState13(false);
+  const [confirmModelChangeOpen, setConfirmModelChangeOpen] = useState13(false);
+  const [pendingModel, setPendingModel] = useState13(null);
   const { conversations, currentId, createNewConversation, _hasHydrated } = useConversationStore();
   const { preferences } = usePreferencesStore();
   const { settings: packageSettings } = usePackageSettingsStore();
@@ -7154,7 +7342,7 @@ var ChatAppBar = ({
     triggerSync: state.runSync,
     setSyncEnabled: state.setSyncEnabled
   }), shallow2);
-  useEffect11(() => {
+  useEffect12(() => {
     if (isPlaygroundMode2 && syncEnabled) {
       void setSyncEnabled(false).catch((error) => {
         debugLogger.warn("ChatAppBar: Failed to disable sync in playground", {
@@ -7172,16 +7360,16 @@ var ChatAppBar = ({
   };
   const syncIndicatorIcon = (() => {
     if (isPlaygroundMode2 || !syncEnabled) {
-      return /* @__PURE__ */ jsx13(CloudOffIcon, { fontSize: "small", color: "disabled" });
+      return /* @__PURE__ */ jsx14(CloudOffIcon, { fontSize: "small", color: "disabled" });
     }
     switch (syncStatus) {
       case "syncing":
-        return /* @__PURE__ */ jsx13(SyncIcon, { fontSize: "small", sx: syncSpinSx, color: "primary" });
+        return /* @__PURE__ */ jsx14(SyncIcon, { fontSize: "small", sx: syncSpinSx, color: "primary" });
       case "error":
-        return /* @__PURE__ */ jsx13(ErrorOutlineIcon, { fontSize: "small", color: "error" });
+        return /* @__PURE__ */ jsx14(ErrorOutlineIcon, { fontSize: "small", color: "error" });
       case "idle":
       default:
-        return /* @__PURE__ */ jsx13(CloudDoneIcon, { fontSize: "small", color: "success" });
+        return /* @__PURE__ */ jsx14(CloudDoneIcon, { fontSize: "small", color: "success" });
     }
   })();
   const syncTooltip = (() => {
@@ -7252,7 +7440,7 @@ var ChatAppBar = ({
   const resolvedEngineId = currentEngine?.id ?? effectiveEngineId;
   const cleanEngineName = (name) => (name || "").replace(/\s*\([^)]*\)\s*$/, "").trim();
   const engineDisplay = cleanEngineName(currentEngine?.displayName) || "Engine";
-  useEffect11(() => {
+  useEffect12(() => {
     useEngineStore.getState().fetchEngines();
   }, []);
   const pendingModelAvatar = useModelStore.getState().availableModels.find((m) => m.name === pendingModel)?.avatarBase64 || modelAvatars[pendingModel || ""] || banditHead;
@@ -7287,9 +7475,9 @@ var ChatAppBar = ({
     }
     safeNavigate("/");
   }
-  return /* @__PURE__ */ jsxs10(Fragment8, { children: [
-    /* @__PURE__ */ jsxs10(
-      Box10,
+  return /* @__PURE__ */ jsxs11(Fragment8, { children: [
+    /* @__PURE__ */ jsxs11(
+      Box11,
       {
         sx: {
           position: "fixed",
@@ -7309,8 +7497,8 @@ var ChatAppBar = ({
           }
         },
         children: [
-          /* @__PURE__ */ jsxs10(
-            Box10,
+          /* @__PURE__ */ jsxs11(
+            Box11,
             {
               sx: {
                 display: "flex",
@@ -7330,16 +7518,16 @@ var ChatAppBar = ({
                 }
               },
               children: [
-                /* @__PURE__ */ jsx13(Tooltip4, { title: homeTooltip, arrow: true, children: /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(Tooltip4, { title: homeTooltip, arrow: true, children: /* @__PURE__ */ jsx14(
                   IconButton9,
                   {
                     onClick: goToHome,
                     sx: pillButtonStyles,
                     "aria-label": "Go to home page",
-                    children: /* @__PURE__ */ jsx13(HomeIcon, {})
+                    children: /* @__PURE__ */ jsx14(HomeIcon, {})
                   }
                 ) }),
-                showLimitedAdminPanel() && /* @__PURE__ */ jsx13(Tooltip4, { title: "Management & Settings", arrow: true, children: /* @__PURE__ */ jsx13(
+                showLimitedAdminPanel() && /* @__PURE__ */ jsx14(Tooltip4, { title: "Management & Settings", arrow: true, children: /* @__PURE__ */ jsx14(
                   IconButton9,
                   {
                     onClick: () => safeNavigate(managementPath),
@@ -7351,10 +7539,10 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Open management settings",
-                    children: /* @__PURE__ */ jsx13(SettingsIcon, {})
+                    children: /* @__PURE__ */ jsx14(SettingsIcon, {})
                   }
                 ) }),
-                /* @__PURE__ */ jsx13(Tooltip4, { title: syncTooltip, arrow: true, children: /* @__PURE__ */ jsxs10(
+                /* @__PURE__ */ jsx14(Tooltip4, { title: syncTooltip, arrow: true, children: /* @__PURE__ */ jsxs11(
                   IconButton9,
                   {
                     onClick: handleSyncBadgeClick,
@@ -7370,8 +7558,8 @@ var ChatAppBar = ({
                     "aria-label": "Conversation sync status",
                     children: [
                       syncIndicatorIcon,
-                      pendingCount > 0 && !syncButtonDisabled && syncStatus !== "syncing" && /* @__PURE__ */ jsx13(
-                        Box10,
+                      pendingCount > 0 && !syncButtonDisabled && syncStatus !== "syncing" && /* @__PURE__ */ jsx14(
+                        Box11,
                         {
                           sx: {
                             position: "absolute",
@@ -7396,7 +7584,7 @@ var ChatAppBar = ({
                     ]
                   }
                 ) }),
-                !isMobile && /* @__PURE__ */ jsx13(Tooltip4, { title: `${drawerOpen ? "Close" : "Open"} Conversations`, arrow: true, children: /* @__PURE__ */ jsxs10(
+                !isMobile && /* @__PURE__ */ jsx14(Tooltip4, { title: `${drawerOpen ? "Close" : "Open"} Conversations`, arrow: true, children: /* @__PURE__ */ jsxs11(
                   IconButton9,
                   {
                     onClick: () => setDrawerOpen(!drawerOpen),
@@ -7410,9 +7598,9 @@ var ChatAppBar = ({
                     "aria-label": `${drawerOpen ? "Close" : "Open"} conversations drawer`,
                     "aria-pressed": drawerOpen,
                     children: [
-                      drawerOpen ? /* @__PURE__ */ jsx13(NotesIcon, {}) : /* @__PURE__ */ jsx13(NotesIconOutlined, {}),
-                      conversations.length > 0 && /* @__PURE__ */ jsx13(
-                        Box10,
+                      drawerOpen ? /* @__PURE__ */ jsx14(NotesIcon, {}) : /* @__PURE__ */ jsx14(NotesIconOutlined, {}),
+                      conversations.length > 0 && /* @__PURE__ */ jsx14(
+                        Box11,
                         {
                           sx: {
                             position: "absolute",
@@ -7437,7 +7625,7 @@ var ChatAppBar = ({
                     ]
                   }
                 ) }),
-                !isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx13(Tooltip4, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx13(
+                !isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx14(Tooltip4, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx14(
                   IconButton9,
                   {
                     onClick: () => createNewConversation(),
@@ -7451,14 +7639,14 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Create new conversation",
-                    children: /* @__PURE__ */ jsx13(AddIcon, {})
+                    children: /* @__PURE__ */ jsx14(AddIcon, {})
                   }
                 ) })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs10(
-            Box10,
+          /* @__PURE__ */ jsxs11(
+            Box11,
             {
               sx: {
                 display: "flex",
@@ -7478,7 +7666,7 @@ var ChatAppBar = ({
                 }
               },
               children: [
-                isMobile && /* @__PURE__ */ jsx13(Tooltip4, { title: `Conversations (${conversations.length})`, arrow: true, children: /* @__PURE__ */ jsxs10(
+                isMobile && /* @__PURE__ */ jsx14(Tooltip4, { title: `Conversations (${conversations.length})`, arrow: true, children: /* @__PURE__ */ jsxs11(
                   IconButton9,
                   {
                     onClick: () => setModalOpen(true),
@@ -7488,9 +7676,9 @@ var ChatAppBar = ({
                     },
                     "aria-label": `Open conversations modal with ${conversations.length} conversations`,
                     children: [
-                      /* @__PURE__ */ jsx13(NotesIcon, { fontSize: "small" }),
-                      conversations.length > 0 && /* @__PURE__ */ jsx13(
-                        Box10,
+                      /* @__PURE__ */ jsx14(NotesIcon, { fontSize: "small" }),
+                      conversations.length > 0 && /* @__PURE__ */ jsx14(
+                        Box11,
                         {
                           sx: {
                             position: "absolute",
@@ -7515,7 +7703,7 @@ var ChatAppBar = ({
                     ]
                   }
                 ) }),
-                isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx13(Tooltip4, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx13(
+                isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx14(Tooltip4, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx14(
                   IconButton9,
                   {
                     onClick: () => {
@@ -7532,10 +7720,10 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Create new conversation",
-                    children: /* @__PURE__ */ jsx13(AddIcon, { fontSize: "small" })
+                    children: /* @__PURE__ */ jsx14(AddIcon, { fontSize: "small" })
                   }
                 ) }),
-                /* @__PURE__ */ jsx13(Tooltip4, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(Tooltip4, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ jsx14(
                   IconButton9,
                   {
                     onClick: (e) => setModelAnchorEl(e.currentTarget),
@@ -7550,7 +7738,7 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": `Change AI personality. Currently using ${selectedModel}`,
-                    children: /* @__PURE__ */ jsx13(
+                    children: /* @__PURE__ */ jsx14(
                       Avatar8,
                       {
                         src: currentAvatar,
@@ -7567,16 +7755,16 @@ var ChatAppBar = ({
                     )
                   }
                 ) }),
-                /* @__PURE__ */ jsx13(Tooltip4, { title: `Engine \xB7 ${engineDisplay}`, arrow: true, children: /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(Tooltip4, { title: `Engine \xB7 ${engineDisplay}`, arrow: true, children: /* @__PURE__ */ jsx14(
                   IconButton9,
                   {
                     onClick: (e) => setEngineAnchorEl(e.currentTarget),
                     sx: pillButtonStyles,
                     "aria-label": `Change base model (engine). Currently ${engineDisplay}`,
-                    children: /* @__PURE__ */ jsx13(AutoAwesomeIcon, { fontSize: "small" })
+                    children: /* @__PURE__ */ jsx14(AutoAwesomeIcon, { fontSize: "small" })
                   }
                 ) }),
-                /* @__PURE__ */ jsxs10(
+                /* @__PURE__ */ jsxs11(
                   Menu5,
                   {
                     anchorEl: engineAnchorEl,
@@ -7585,8 +7773,8 @@ var ChatAppBar = ({
                     transformOrigin: { horizontal: "right", vertical: "top" },
                     anchorOrigin: { horizontal: "right", vertical: "bottom" },
                     children: [
-                      /* @__PURE__ */ jsx13(Typography8, { variant: "overline", sx: { px: 2, color: theme.palette.text.secondary }, children: "Engine \xB7 base model" }),
-                      engines.length === 0 && /* @__PURE__ */ jsx13(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx13(Typography8, { variant: "body2", children: "No engines available" }) }),
+                      /* @__PURE__ */ jsx14(Typography9, { variant: "overline", sx: { px: 2, color: theme.palette.text.secondary }, children: "Engine \xB7 base model" }),
+                      engines.length === 0 && /* @__PURE__ */ jsx14(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx14(Typography9, { variant: "body2", children: "No engines available" }) }),
                       engines.map((engine) => {
                         const badges = [
                           engine.vision && "vision",
@@ -7594,7 +7782,7 @@ var ChatAppBar = ({
                           engine.thinking && "thinking",
                           engine.cloud && "cloud"
                         ].filter(Boolean);
-                        return /* @__PURE__ */ jsxs10(
+                        return /* @__PURE__ */ jsxs11(
                           MenuItem5,
                           {
                             selected: engine.id === resolvedEngineId,
@@ -7614,13 +7802,13 @@ var ChatAppBar = ({
                               whiteSpace: "normal"
                             },
                             children: [
-                              /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                                /* @__PURE__ */ jsx13(Typography8, { variant: "body2", sx: { fontWeight: 600, flex: 1 }, children: cleanEngineName(engine.displayName) }),
-                                engine.id === resolvedEngineId && /* @__PURE__ */ jsx13(Box10, { sx: { width: 8, height: 8, borderRadius: "50%", bgcolor: theme.palette.primary.main } })
+                              /* @__PURE__ */ jsxs11(Box11, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
+                                /* @__PURE__ */ jsx14(Typography9, { variant: "body2", sx: { fontWeight: 600, flex: 1 }, children: cleanEngineName(engine.displayName) }),
+                                engine.id === resolvedEngineId && /* @__PURE__ */ jsx14(Box11, { sx: { width: 8, height: 8, borderRadius: "50%", bgcolor: theme.palette.primary.main } })
                               ] }),
-                              /* @__PURE__ */ jsx13(Typography8, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: engine.available ? engine.description : engine.unavailableReason || "Unavailable" }),
-                              badges.length > 0 && /* @__PURE__ */ jsx13(Box10, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", mt: 0.25 }, children: badges.map((b) => /* @__PURE__ */ jsx13(
-                                Box10,
+                              /* @__PURE__ */ jsx14(Typography9, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: engine.available ? engine.description : engine.unavailableReason || "Unavailable" }),
+                              badges.length > 0 && /* @__PURE__ */ jsx14(Box11, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", mt: 0.25 }, children: badges.map((b) => /* @__PURE__ */ jsx14(
+                                Box11,
                                 {
                                   sx: {
                                     fontSize: "0.65rem",
@@ -7642,7 +7830,7 @@ var ChatAppBar = ({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(
                   Menu5,
                   {
                     anchorEl: modelAnchorEl,
@@ -7678,7 +7866,7 @@ var ChatAppBar = ({
                         }
                       }
                     },
-                    children: availableModels.map((model) => /* @__PURE__ */ jsxs10(
+                    children: availableModels.map((model) => /* @__PURE__ */ jsxs11(
                       MenuItem5,
                       {
                         selected: model.name === selectedModel,
@@ -7725,7 +7913,7 @@ var ChatAppBar = ({
                           px: 2
                         },
                         children: [
-                          /* @__PURE__ */ jsx13(
+                          /* @__PURE__ */ jsx14(
                             Avatar8,
                             {
                               src: model.avatarBase64 || modelAvatars[model.name] || banditHead,
@@ -7738,12 +7926,12 @@ var ChatAppBar = ({
                               }
                             }
                           ),
-                          /* @__PURE__ */ jsxs10(Box10, { sx: { flex: 1 }, children: [
-                            /* @__PURE__ */ jsx13(Typography8, { variant: "body2", sx: { fontWeight: 500 }, children: model.name.replace("Bandit-", "") }),
-                            /* @__PURE__ */ jsx13(Typography8, { variant: "caption", sx: { color: theme.palette.text.secondary, display: "block" }, children: model.name === selectedModel ? "Currently active" : "Switch to this AI" })
+                          /* @__PURE__ */ jsxs11(Box11, { sx: { flex: 1 }, children: [
+                            /* @__PURE__ */ jsx14(Typography9, { variant: "body2", sx: { fontWeight: 500 }, children: model.name.replace("Bandit-", "") }),
+                            /* @__PURE__ */ jsx14(Typography9, { variant: "caption", sx: { color: theme.palette.text.secondary, display: "block" }, children: model.name === selectedModel ? "Currently active" : "Switch to this AI" })
                           ] }),
-                          model.name === selectedModel && /* @__PURE__ */ jsx13(
-                            Box10,
+                          model.name === selectedModel && /* @__PURE__ */ jsx14(
+                            Box11,
                             {
                               sx: {
                                 width: 8,
@@ -7759,8 +7947,8 @@ var ChatAppBar = ({
                     ))
                   }
                 ),
-                isTTSAvailable && /* @__PURE__ */ jsxs10(Fragment8, { children: [
-                  /* @__PURE__ */ jsx13(Tooltip4, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ jsx13(
+                isTTSAvailable && /* @__PURE__ */ jsxs11(Fragment8, { children: [
+                  /* @__PURE__ */ jsx14(Tooltip4, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ jsx14(
                     IconButton9,
                     {
                       onClick: (e) => setVoiceAnchorEl(e.currentTarget),
@@ -7774,10 +7962,10 @@ var ChatAppBar = ({
                         }
                       },
                       "aria-label": `Change voice. Currently using ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "default"}`,
-                      children: /* @__PURE__ */ jsx13(RecordVoiceOverIcon, { fontSize: "small" })
+                      children: /* @__PURE__ */ jsx14(RecordVoiceOverIcon, { fontSize: "small" })
                     }
                   ) }),
-                  /* @__PURE__ */ jsx13(
+                  /* @__PURE__ */ jsx14(
                     Menu5,
                     {
                       anchorEl: voiceAnchorEl,
@@ -7814,7 +8002,7 @@ var ChatAppBar = ({
                           }
                         }
                       },
-                      children: availableVoices.length > 0 ? availableVoices.map((voice) => /* @__PURE__ */ jsx13(
+                      children: availableVoices.length > 0 ? availableVoices.map((voice) => /* @__PURE__ */ jsx14(
                         MenuItem5,
                         {
                           selected: voice === selectedVoice,
@@ -7822,14 +8010,14 @@ var ChatAppBar = ({
                             handleVoiceChange(voice);
                             setVoiceAnchorEl(null);
                           },
-                          children: /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                            /* @__PURE__ */ jsx13(RecordVoiceOverIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }),
-                            /* @__PURE__ */ jsxs10(Box10, { sx: { flex: 1 }, children: [
-                              /* @__PURE__ */ jsx13(Typography8, { variant: "body2", children: toTitleCase(voice.split("-")[1]) }),
-                              /* @__PURE__ */ jsx13(Typography8, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
+                          children: /* @__PURE__ */ jsxs11(Box11, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
+                            /* @__PURE__ */ jsx14(RecordVoiceOverIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }),
+                            /* @__PURE__ */ jsxs11(Box11, { sx: { flex: 1 }, children: [
+                              /* @__PURE__ */ jsx14(Typography9, { variant: "body2", children: toTitleCase(voice.split("-")[1]) }),
+                              /* @__PURE__ */ jsx14(Typography9, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
                             ] }),
-                            voice === selectedVoice && /* @__PURE__ */ jsx13(
-                              Box10,
+                            voice === selectedVoice && /* @__PURE__ */ jsx14(
+                              Box11,
                               {
                                 sx: {
                                   width: 8,
@@ -7842,7 +8030,7 @@ var ChatAppBar = ({
                           ] })
                         },
                         voice
-                      )) : /* @__PURE__ */ jsx13(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx13(Typography8, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
+                      )) : /* @__PURE__ */ jsx14(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx14(Typography9, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
                     }
                   )
                 ] })
@@ -7852,17 +8040,17 @@ var ChatAppBar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx13(conversation_drawer_default, { open: drawerOpen, onClose: () => setDrawerOpen(false) }),
-    /* @__PURE__ */ jsx13(enhanced_mobile_conversations_modal_default, { open: modalOpen, onClose: () => setModalOpen(false) }),
-    /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsx14(conversation_drawer_default, { open: drawerOpen, onClose: () => setDrawerOpen(false) }),
+    /* @__PURE__ */ jsx14(enhanced_mobile_conversations_modal_default, { open: modalOpen, onClose: () => setModalOpen(false) }),
+    /* @__PURE__ */ jsxs11(
       Dialog5,
       {
         open: confirmModelChangeOpen,
         onClose: () => setConfirmModelChangeOpen(false),
         children: [
-          /* @__PURE__ */ jsx13(DialogTitle5, { children: "Change personality and start new conversation?" }),
-          /* @__PURE__ */ jsx13(DialogContent5, { children: /* @__PURE__ */ jsxs10(Box10, { display: "flex", alignItems: "center", gap: 2, mt: 1, justifyContent: "center", children: [
-            /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(DialogTitle5, { children: "Change personality and start new conversation?" }),
+          /* @__PURE__ */ jsx14(DialogContent5, { children: /* @__PURE__ */ jsxs11(Box11, { display: "flex", alignItems: "center", gap: 2, mt: 1, justifyContent: "center", children: [
+            /* @__PURE__ */ jsx14(
               Avatar8,
               {
                 src: pendingModelAvatar,
@@ -7870,16 +8058,16 @@ var ChatAppBar = ({
                 sx: { width: 40, height: 40, filter: "brightness(1.7)" }
               }
             ),
-            /* @__PURE__ */ jsxs10(Typography8, { variant: "body2", children: [
+            /* @__PURE__ */ jsxs11(Typography9, { variant: "body2", children: [
               "Your current conversation will be saved, and a new one will begin with ",
-              /* @__PURE__ */ jsx13("strong", { children: pendingModel }),
+              /* @__PURE__ */ jsx14("strong", { children: pendingModel }),
               "."
             ] })
           ] }) }),
-          /* @__PURE__ */ jsxs10(DialogActions5, { children: [
-            /* @__PURE__ */ jsx13(Button6, { onClick: () => setConfirmModelChangeOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx13(
-              Button6,
+          /* @__PURE__ */ jsxs11(DialogActions5, { children: [
+            /* @__PURE__ */ jsx14(Button7, { onClick: () => setConfirmModelChangeOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx14(
+              Button7,
               {
                 onClick: () => {
                   if (pendingModel) {
@@ -7981,19 +8169,19 @@ Respond with just the title and nothing else.
 };
 
 // src/chat/query-suggestion-picker.tsx
-import { useEffect as useEffect12, useRef as useRef11, useState as useState13 } from "react";
-import { Box as Box11, useMediaQuery as useMediaQuery6 } from "@mui/material";
-import { useTheme as useTheme12, alpha as alpha7 } from "@mui/material/styles";
+import { useEffect as useEffect13, useRef as useRef11, useState as useState14 } from "react";
+import { Box as Box12, 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 jsx14 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx15 } from "react/jsx-runtime";
 var markdownComponents = {
-  p: ({ node, ...props }) => /* @__PURE__ */ jsx14("span", { ...props }),
-  mark: ({ node, children, ...props }) => /* @__PURE__ */ jsx14("mark", { ...props, children }),
+  p: ({ node, ...props }) => /* @__PURE__ */ jsx15("span", { ...props }),
+  mark: ({ node, children, ...props }) => /* @__PURE__ */ jsx15("mark", { ...props, children }),
   code: ({ node, children, ...props }) => {
     const { inline, ...rest } = props;
-    return inline ? /* @__PURE__ */ jsx14("code", { ...rest, children }) : /* @__PURE__ */ jsx14("code", { ...rest, children });
+    return inline ? /* @__PURE__ */ jsx15("code", { ...rest, children }) : /* @__PURE__ */ jsx15("code", { ...rest, children });
   }
 };
 var QuerySuggestionPicker = ({
@@ -8001,15 +8189,15 @@ var QuerySuggestionPicker = ({
   inputHeight
 }) => {
   const hasGenerated = useRef11(false);
-  const [hasSentPrompt, setHasSentPrompt] = useState13(false);
-  const [examplePrompts, setExamplePrompts] = useState13([]);
-  const [visiblePrompts, setVisiblePrompts] = useState13([]);
+  const [hasSentPrompt, setHasSentPrompt] = useState14(false);
+  const [examplePrompts, setExamplePrompts] = useState14([]);
+  const [visiblePrompts, setVisiblePrompts] = useState14([]);
   const scrollRef = useRef11(null);
-  const theme = useTheme12();
+  const theme = useTheme13();
   const isMobile = useMediaQuery6((theme2) => theme2.breakpoints.down("sm"));
   const { background, text, border, hoverBackground, hoverBorder } = theme.palette.chat.suggestion;
   const { getCurrentModel, isLoading } = useModelStore();
-  useEffect12(() => {
+  useEffect13(() => {
     if (hasGenerated.current || isLoading) return;
     hasGenerated.current = true;
     const currentModel = getCurrentModel();
@@ -8042,12 +8230,12 @@ var QuerySuggestionPicker = ({
       hasGenerated.current = false;
     });
   }, [getCurrentModel, isLoading]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!isLoading) {
       hasGenerated.current = false;
     }
   }, [isLoading]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (hasSentPrompt || examplePrompts.length === 0) return;
     const interval = setInterval(() => {
       setExamplePrompts((prev) => {
@@ -8066,8 +8254,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__ */ jsx14(Fragment9, { children: /* @__PURE__ */ jsx14(
-    Box11,
+  return displayPrompts.length > 0 && /* @__PURE__ */ jsx15(Fragment9, { children: /* @__PURE__ */ jsx15(
+    Box12,
     {
       ref: scrollRef,
       sx: {
@@ -8083,8 +8271,8 @@ var QuerySuggestionPicker = ({
         pb: isMobile ? 0.4 : 0,
         "&::-webkit-scrollbar": { display: "none" }
       },
-      children: displayPrompts.map((prompt, i) => /* @__PURE__ */ jsx14(
-        Box11,
+      children: displayPrompts.map((prompt, i) => /* @__PURE__ */ jsx15(
+        Box12,
         {
           sx: {
             px: isMobile ? 1.4 : 2,
@@ -8100,7 +8288,7 @@ var QuerySuggestionPicker = ({
             color: text,
             userSelect: "none",
             cursor: "pointer",
-            border: `1px solid ${border || alpha7(text, 0.12)}`,
+            border: `1px solid ${border || alpha8(text, 0.12)}`,
             boxShadow: theme.palette.mode === "dark" ? "0 4px 18px rgba(0,0,0,0.25)" : "0 6px 20px rgba(15,23,42,0.12)",
             scrollSnapAlign: isMobile ? "start" : "none",
             transition: "transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease",
@@ -8118,8 +8306,8 @@ var QuerySuggestionPicker = ({
             onSend(prompt, []);
             setHasSentPrompt(true);
           },
-          children: /* @__PURE__ */ jsx14(
-            Box11,
+          children: /* @__PURE__ */ jsx15(
+            Box12,
             {
               sx: {
                 flex: 1,
@@ -8131,19 +8319,19 @@ var QuerySuggestionPicker = ({
                   borderRadius: 4,
                   fontSize: "0.92em",
                   fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
-                  backgroundColor: theme.palette.mode === "dark" ? alpha7(theme.palette.common.white, 0.06) : alpha7(theme.palette.text.primary, 0.06),
-                  border: `1px solid ${alpha7(theme.palette.text.primary, 0.15)}`,
+                  backgroundColor: theme.palette.mode === "dark" ? alpha8(theme.palette.common.white, 0.06) : alpha8(theme.palette.text.primary, 0.06),
+                  border: `1px solid ${alpha8(theme.palette.text.primary, 0.15)}`,
                   padding: "0.15em 0.35em"
                 },
                 "& mark": {
                   display: "inline-block",
-                  backgroundColor: theme.palette.mode === "dark" ? alpha7(theme.palette.common.white, 0.06) : alpha7(theme.palette.text.primary, 0.12),
+                  backgroundColor: theme.palette.mode === "dark" ? alpha8(theme.palette.common.white, 0.06) : alpha8(theme.palette.text.primary, 0.12),
                   color: theme.palette.mode === "dark" ? theme.palette.common.white : theme.palette.text.primary,
                   borderRadius: 4,
                   padding: "0.1em 0.25em"
                 }
               },
-              children: /* @__PURE__ */ jsx14(
+              children: /* @__PURE__ */ jsx15(
                 ReactMarkdown,
                 {
                   remarkPlugins: [remarkGfm],
@@ -8162,18 +8350,18 @@ var QuerySuggestionPicker = ({
 };
 
 // ../../src/pages/under-review.tsx
-import { Box as Box12, Typography as Typography9, useTheme as useTheme13 } from "@mui/material";
+import { Box as Box13, Typography as Typography10, useTheme as useTheme14 } from "@mui/material";
 import { useNavigate as useNavigate2 } from "react-router-dom";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 var UnderReview = () => {
-  const theme = useTheme13();
+  const theme = useTheme14();
   const navigate = useNavigate2();
   const handleSneakyLogout = () => {
     localStorage.removeItem("authToken");
     navigate("/login");
   };
-  return /* @__PURE__ */ jsxs11(
-    Box12,
+  return /* @__PURE__ */ jsxs12(
+    Box13,
     {
       sx: {
         minHeight: "100vh",
@@ -8188,8 +8376,8 @@ var UnderReview = () => {
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ jsx15(
-          Box12,
+        /* @__PURE__ */ jsx16(
+          Box13,
           {
             onClick: handleSneakyLogout,
             sx: {
@@ -8214,13 +8402,13 @@ var UnderReview = () => {
             title: "Reset session"
           }
         ),
-        /* @__PURE__ */ jsx15(Typography9, { variant: "h4", sx: { mb: 2, fontWeight: 700, color: theme.palette.error.main }, children: "Under Review" }),
-        /* @__PURE__ */ jsxs11(Typography9, { variant: "body1", sx: { mb: 2, color: theme.palette.text.secondary }, children: [
+        /* @__PURE__ */ jsx16(Typography10, { variant: "h4", sx: { mb: 2, fontWeight: 700, color: theme.palette.error.main }, children: "Under Review" }),
+        /* @__PURE__ */ jsxs12(Typography10, { variant: "body1", sx: { mb: 2, color: theme.palette.text.secondary }, children: [
           "Your request to use our services is currently being reviewed.",
-          /* @__PURE__ */ jsx15("br", {}),
+          /* @__PURE__ */ jsx16("br", {}),
           "For more info, please contact ",
           " ",
-          /* @__PURE__ */ jsx15("a", { href: "mailto:team@banditai.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@banditai.ai" })
+          /* @__PURE__ */ jsx16("a", { href: "mailto:team@banditai.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@banditai.ai" })
         ] })
       ]
     }
@@ -8229,13 +8417,13 @@ var UnderReview = () => {
 var under_review_default = UnderReview;
 
 // src/components/ConnectionStatus.tsx
-import { Box as Box13, Chip as Chip4, useTheme as useTheme14 } from "@mui/material";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { Box as Box14, Chip as Chip5, useTheme as useTheme15 } from "@mui/material";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var ConnectionStatus = ({
   showWhenGood = false,
   position = "top"
 }) => {
-  const theme = useTheme14();
+  const theme = useTheme15();
   const { isOnline, connectionQuality, isSlowConnection } = useNetworkStatus();
   if (connectionQuality === "fast" && !showWhenGood) {
     return null;
@@ -8244,28 +8432,28 @@ var ConnectionStatus = ({
     switch (connectionQuality) {
       case "offline":
         return {
-          icon: /* @__PURE__ */ jsx16(WifiOffIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx17(WifiOffIcon, { sx: { fontSize: 16 } }),
           label: "Offline",
           color: "error",
           severity: "high"
         };
       case "slow":
         return {
-          icon: /* @__PURE__ */ jsx16(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx17(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
           label: "Slow connection",
           color: "warning",
           severity: "medium"
         };
       case "fast":
         return {
-          icon: /* @__PURE__ */ jsx16(WifiIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx17(WifiIcon, { sx: { fontSize: 16 } }),
           label: "Connected",
           color: "success",
           severity: "low"
         };
       default:
         return {
-          icon: /* @__PURE__ */ jsx16(WifiIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx17(WifiIcon, { sx: { fontSize: 16 } }),
           label: "Unknown",
           color: "default",
           severity: "low"
@@ -8273,8 +8461,8 @@ var ConnectionStatus = ({
     }
   };
   const config = getStatusConfig();
-  return /* @__PURE__ */ jsx16(
-    Box13,
+  return /* @__PURE__ */ jsx17(
+    Box14,
     {
       sx: {
         position: "fixed",
@@ -8289,8 +8477,8 @@ var ConnectionStatus = ({
           "100%": { opacity: 1 }
         }
       },
-      children: /* @__PURE__ */ jsx16(
-        Chip4,
+      children: /* @__PURE__ */ jsx17(
+        Chip5,
         {
           icon: config.icon,
           label: config.label,
@@ -8313,7 +8501,7 @@ var ConnectionStatus = ({
 };
 
 // src/hooks/useVoiceMode.ts
-import { useEffect as useEffect13, useRef as useRef12 } from "react";
+import { useEffect as useEffect14, useRef as useRef12 } from "react";
 var RMS_BASELINE = 128;
 var RMS_NORMALIZER = 128;
 var computeRms = (data) => {
@@ -8344,10 +8532,10 @@ var useVoiceMode = (config) => {
   const resetTransientState = useVoiceModeStore((state) => state.resetTransientState);
   const setLastTranscript = useVoiceModeStore((state) => state.setLastTranscript);
   const configRef = useRef12(config);
-  useEffect13(() => {
+  useEffect14(() => {
     configRef.current = config;
   }, [config]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!enabled) {
       return () => void 0;
     }
@@ -8602,7 +8790,7 @@ var useVoiceMode = (config) => {
 };
 
 // src/chat/chat.tsx
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var ChatContent = () => {
   const packageSettings = usePackageSettingsStore((state) => state.settings);
   const featureFlag = useFeatureFlag();
@@ -8610,8 +8798,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] = useState14(null);
-  const [themeLoading, setThemeLoading] = useState14(true);
+  const [selectedTheme, setSelectedTheme] = useState15(null);
+  const [themeLoading, setThemeLoading] = useState15(true);
   const token = authenticationService.getToken();
   const claims = token ? authenticationService.parseJwtClaims(token) : null;
   const baseTheme = themeMap_default[selectedTheme ?? "bandit-dark"] || banditDarkTheme;
@@ -8664,7 +8852,7 @@ var ChatContent = () => {
   const isVoiceModeEnabled = useVoiceModeStore((state) => state.enabled);
   const previousVoiceModeEnabledRef = useRef13(isVoiceModeEnabled);
   const historyRef = useRef13(history);
-  useEffect14(() => {
+  useEffect15(() => {
     historyRef.current = history;
   }, [history]);
   const {
@@ -8672,7 +8860,7 @@ var ChatContent = () => {
     stop: ttsStop,
     isAvailable: isTTSAvailable
   } = useTTS();
-  useEffect14(() => {
+  useEffect15(() => {
     const timer = setTimeout(() => {
       const isAuthenticated = authenticationService.isAuthenticated();
       if (!initialized || availableVoices.length === 0) {
@@ -8686,7 +8874,7 @@ var ChatContent = () => {
     }, 500);
     return () => clearTimeout(timer);
   }, [initialized, availableVoices.length, loadVoicesFromAPI, token]);
-  useEffect14(() => {
+  useEffect15(() => {
     const isAuthenticated = authenticationService.isAuthenticated();
     if (packageSettings?.gatewayApiUrl && availableVoices.length === 0 && !initialized) {
       if (token && isAuthenticated) {
@@ -8699,14 +8887,14 @@ var ChatContent = () => {
   }, [packageSettings?.gatewayApiUrl, availableVoices.length, initialized, loadVoicesFromAPI, token]);
   const provider = useAIProviderStore((state) => state.provider);
   const inputRef = useRef13(null);
-  const [pastedImages, setPastedImages] = useState14([]);
+  const [pastedImages, setPastedImages] = useState15([]);
   const inputContainerRef = useRef13(null);
-  const [inputHeight, setInputHeight] = useState14(80);
-  const [isSubmitting, setIsSubmitting] = useState14(false);
-  const [pendingMessage, setPendingMessage] = useState14(null);
+  const [inputHeight, setInputHeight] = useState15(80);
+  const [isSubmitting, setIsSubmitting] = useState15(false);
+  const [pendingMessage, setPendingMessage] = useState15(null);
   const { conversations, currentId, _hasHydrated, hydrate } = useConversationStore();
-  const [isMobile, setIsMobile] = useState14(false);
-  const [drawerOpen, setDrawerOpen] = useState14(false);
+  const [isMobile, setIsMobile] = useState15(false);
+  const [drawerOpen, setDrawerOpen] = useState15(false);
   const { generateName } = useConversationNameGenerator();
   const { preferences } = usePreferencesStore();
   const { containerRef: chatContainerRef, targetRef: scrollTargetRef, scrollToBottom, getScrollState } = useAutoScroll({
@@ -8718,14 +8906,14 @@ var ChatContent = () => {
   const chatContainerEl = chatContainerRef.current;
   const scrollTargetEl = scrollTargetRef.current;
   const { isSlowConnection, connectionQuality, trackRequestStart, trackRequestEnd } = useNetworkStatus();
-  const [showScrollToBottom, setShowScrollToBottom] = useState14(false);
-  const [streamBuffer, setStreamBuffer] = useState14("");
-  const [responseStarted, setResponseStarted] = useState14(false);
-  const [isStreaming, setIsStreaming] = useState14(false);
-  const [isThinking, setIsThinking] = useState14(false);
+  const [showScrollToBottom, setShowScrollToBottom] = useState15(false);
+  const [streamBuffer, setStreamBuffer] = useState15("");
+  const [responseStarted, setResponseStarted] = useState15(false);
+  const [isStreaming, setIsStreaming] = useState15(false);
+  const [isThinking, setIsThinking] = useState15(false);
   const initialLogoState = history.length === 0;
-  const [logoVisible, setLogoVisible] = useState14(initialLogoState);
-  const [logoShouldRender, setLogoShouldRender] = useState14(initialLogoState);
+  const [logoVisible, setLogoVisible] = useState15(initialLogoState);
+  const [logoShouldRender, setLogoShouldRender] = useState15(initialLogoState);
   const streamingGraceUntilRef = useRef13(0);
   const GRACE_MS = 450;
   const GRACE_OFFSET_DESKTOP = 28;
@@ -8734,11 +8922,11 @@ var ChatContent = () => {
   const lastSpokenResponseRef = useRef13(null);
   const previousConversationIdRef = useRef13(null);
   const logoFadeTimeoutRef = useRef13(null);
-  const [branding, setBranding] = useState14(null);
-  const [brandingLoading, setBrandingLoading] = useState14(true);
+  const [branding, setBranding] = useState15(null);
+  const [brandingLoading, setBrandingLoading] = useState15(true);
   const isBrandingLoadInProgressRef = useRef13(false);
   const logoOnly = history.length === 0 && !brandingLoading;
-  useEffect14(() => {
+  useEffect15(() => {
     const isEmptyConversation = (history?.length ?? 0) === 0;
     const isSending = Boolean(pendingMessage);
     const shouldShowLogo = isEmptyConversation && !isSending;
@@ -8768,7 +8956,7 @@ var ChatContent = () => {
       }, 500);
     }
   }, [history, pendingMessage]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!brandingLoading && !themeLoading) {
       return;
     }
@@ -8784,18 +8972,18 @@ var ChatContent = () => {
     }, 2500);
     return () => window.clearTimeout(timeoutId);
   }, [brandingLoading, themeLoading, selectedTheme]);
-  useEffect14(() => () => {
+  useEffect15(() => () => {
     if (logoFadeTimeoutRef.current) {
       window.clearTimeout(logoFadeTimeoutRef.current);
       logoFadeTimeoutRef.current = null;
     }
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     if (isStreaming && streamBuffer.trim() === "") {
       streamingGraceUntilRef.current = Date.now() + GRACE_MS;
     }
   }, [isStreaming, streamBuffer]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!isStreaming) return;
     const container = chatContainerRef.current;
     if (!container) return;
@@ -8806,13 +8994,13 @@ var ChatContent = () => {
       container.scrollTo({ top: targetTop, behavior: "smooth" });
     }
   }, [streamBuffer, isStreaming, isMobile, chatContainerRef]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!_hasHydrated) {
       debugLogger.info("Chat component triggering conversation store hydration");
       hydrate();
     }
   }, [_hasHydrated, hydrate]);
-  useEffect14(() => {
+  useEffect15(() => {
     const loadBrandingAndTheme = async () => {
       if (isBrandingLoadInProgressRef.current) {
         debugLogger.warn("Branding loading already in progress, skipping");
@@ -8999,19 +9187,19 @@ var ChatContent = () => {
       window.removeEventListener("bandit-theme-changed", handleThemeChange);
     };
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!chatContainerEl) return;
     const blurInputOnScroll = () => inputRef.current?.blur();
     chatContainerEl.addEventListener("scroll", blurInputOnScroll);
     return () => chatContainerEl.removeEventListener("scroll", blurInputOnScroll);
   }, [chatContainerEl]);
-  useEffect14(() => {
+  useEffect15(() => {
     const handleResize = () => setIsMobile(window.innerWidth <= 768);
     handleResize();
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     const setViewportHeight = () => {
       document.documentElement.style.setProperty(
         "--vh",
@@ -9022,7 +9210,7 @@ var ChatContent = () => {
     window.addEventListener("resize", setViewportHeight);
     return () => window.removeEventListener("resize", setViewportHeight);
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!chatContainerEl) return;
     let rafId = null;
     const update = () => {
@@ -9041,7 +9229,7 @@ var ChatContent = () => {
       chatContainerEl.removeEventListener(SCROLL_STATE_CHANGED_EVENT, update);
     };
   }, [chatContainerEl, getScrollState]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!chatContainerEl) return;
     let observer = null;
     let rafId = null;
@@ -9076,7 +9264,7 @@ var ChatContent = () => {
       if (observer) observer.disconnect();
     };
   }, [chatContainerEl, scrollTargetEl, scrollTargetRef, getScrollState, inputHeight, history.length]);
-  useEffect14(() => {
+  useEffect15(() => {
     const isTransitioning = isStreaming || streamBuffer.trim() === "";
     const delay = isTransitioning ? 400 : 100;
     const timer = setTimeout(() => {
@@ -9119,7 +9307,7 @@ var ChatContent = () => {
       return () => clearTimeout(scrollTimer);
     }
   }, [history, isStreaming, scrollToBottom, getScrollState, isMobile, chatContainerRef]);
-  useEffect14(() => {
+  useEffect15(() => {
     const observer = new ResizeObserver(() => {
       if (inputContainerRef.current)
         setInputHeight(inputContainerRef.current.offsetHeight);
@@ -9130,7 +9318,7 @@ var ChatContent = () => {
     }
     return () => observer.disconnect();
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!hydrated || !_hasHydrated) return;
     if (currentId === null) {
       useAIQueryStore.setState({ history: [] });
@@ -9179,7 +9367,7 @@ var ChatContent = () => {
     setResponse,
     setComponentStatus
   ]);
-  useEffect14(() => {
+  useEffect15(() => {
     debugLogger.info("Chat component conversation state", {
       hasHydrated: _hasHydrated,
       conversationCount: conversations.length,
@@ -9188,7 +9376,7 @@ var ChatContent = () => {
       storeState: "main-chat"
     });
   }, [_hasHydrated, conversations, currentId]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!_hasHydrated || !chatContainerEl) return;
     let rafId = null;
     const sync = () => {
@@ -9378,7 +9566,7 @@ var ChatContent = () => {
     onInterrupt: handleVoiceInterrupt,
     onError: (message) => notificationService?.showError?.(message)
   });
-  useEffect14(() => {
+  useEffect15(() => {
     const previouslyEnabled = previousVoiceModeEnabledRef.current;
     previousVoiceModeEnabledRef.current = isVoiceModeEnabled;
     if (!previouslyEnabled && isVoiceModeEnabled) {
@@ -9403,7 +9591,7 @@ var ChatContent = () => {
       }
     }
   }, [isVoiceModeEnabled, ttsStop]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!isVoiceModeEnabled || !isStreaming) {
       return;
     }
@@ -9423,7 +9611,7 @@ var ChatContent = () => {
     }
     lastSpokenResponseRef.current = null;
   }, [isStreaming, isVoiceModeEnabled, ttsStop]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!isVoiceModeEnabled) {
       lastSpokenResponseRef.current = null;
       return;
@@ -9503,10 +9691,10 @@ var ChatContent = () => {
     }
   };
   if (!hydrated || brandingLoading || themeLoading) {
-    return /* @__PURE__ */ jsxs12(ThemeProvider, { theme: banditTheme, children: [
-      /* @__PURE__ */ jsx17(CssBaseline, {}),
-      /* @__PURE__ */ jsxs12(
-        Box14,
+    return /* @__PURE__ */ jsxs13(ThemeProvider, { theme: banditTheme, children: [
+      /* @__PURE__ */ jsx18(CssBaseline, {}),
+      /* @__PURE__ */ jsxs13(
+        Box15,
         {
           sx: (theme) => ({
             minHeight: "100dvh",
@@ -9519,8 +9707,8 @@ var ChatContent = () => {
             color: theme.palette.text.primary
           }),
           children: [
-            /* @__PURE__ */ jsx17(CircularProgress4, { size: 32, thickness: 4 }),
-            /* @__PURE__ */ jsx17(Typography10, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
+            /* @__PURE__ */ jsx18(CircularProgress4, { size: 32, thickness: 4 }),
+            /* @__PURE__ */ jsx18(Typography11, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
           ]
         }
       )
@@ -9528,15 +9716,15 @@ var ChatContent = () => {
   }
   const userHasAccess = playgroundBypassAccess || ossMode || claims?.roles?.includes("super-user") || claims?.roles?.includes("admin");
   if (!userHasAccess) {
-    return /* @__PURE__ */ jsxs12(ThemeProvider, { theme: banditTheme, children: [
-      /* @__PURE__ */ jsx17(CssBaseline, {}),
-      /* @__PURE__ */ jsx17(under_review_default, {})
+    return /* @__PURE__ */ jsxs13(ThemeProvider, { theme: banditTheme, children: [
+      /* @__PURE__ */ jsx18(CssBaseline, {}),
+      /* @__PURE__ */ jsx18(under_review_default, {})
     ] });
   }
-  return /* @__PURE__ */ jsxs12(ThemeProvider, { theme: banditTheme, children: [
-    /* @__PURE__ */ jsx17(CssBaseline, {}),
-    /* @__PURE__ */ jsxs12(
-      Box14,
+  return /* @__PURE__ */ jsxs13(ThemeProvider, { theme: banditTheme, children: [
+    /* @__PURE__ */ jsx18(CssBaseline, {}),
+    /* @__PURE__ */ jsxs13(
+      Box15,
       {
         sx: (theme) => ({
           display: "flex",
@@ -9554,7 +9742,7 @@ var ChatContent = () => {
           transition: "left 0.3s ease-in-out, width 0.3s ease-in-out"
         }),
         children: [
-          /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx18(
             chat_app_bar_default,
             {
               availableModels,
@@ -9566,8 +9754,8 @@ var ChatContent = () => {
               setDrawerOpen
             }
           ),
-          /* @__PURE__ */ jsx17(
-            Box14,
+          /* @__PURE__ */ jsx18(
+            Box15,
             {
               ref: chatContainerRef,
               sx: {
@@ -9587,8 +9775,8 @@ var ChatContent = () => {
                 msOverflowStyle: "none",
                 "&::-webkit-scrollbar": { display: "none" }
               },
-              children: /* @__PURE__ */ jsxs12(
-                Box14,
+              children: /* @__PURE__ */ jsxs13(
+                Box15,
                 {
                   sx: {
                     width: "100%",
@@ -9598,9 +9786,9 @@ var ChatContent = () => {
                     pt: 2
                   },
                   children: [
-                    logoShouldRender && !brandingLoading && (branding?.logoBase64 ? /* @__PURE__ */ jsx17(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ jsx17(bandit_chat_logo_default, { visible: logoVisible, atTop: true })),
-                    /* @__PURE__ */ jsx17(
-                      Box14,
+                    logoShouldRender && !brandingLoading && (branding?.logoBase64 ? /* @__PURE__ */ jsx18(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ jsx18(bandit_chat_logo_default, { visible: logoVisible, atTop: true })),
+                    /* @__PURE__ */ jsx18(
+                      Box15,
                       {
                         sx: {
                           margin: "0 auto",
@@ -9609,7 +9797,7 @@ var ChatContent = () => {
                           flexShrink: 0,
                           px: isMobile ? 0 : 0
                         },
-                        children: /* @__PURE__ */ jsx17(
+                        children: /* @__PURE__ */ jsx18(
                           chat_messages_default,
                           {
                             isStreaming,
@@ -9633,7 +9821,7 @@ var ChatContent = () => {
               )
             }
           ),
-          showScrollToBottom && /* @__PURE__ */ jsx17(
+          showScrollToBottom && /* @__PURE__ */ jsx18(
             chat_scroll_to_bottom_button_default,
             {
               inputHeight,
@@ -9642,8 +9830,8 @@ var ChatContent = () => {
               onClick: handleScrollToBottomClick
             }
           ),
-          history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ jsx17(
-            Box14,
+          history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ jsx18(
+            Box15,
             {
               sx: (theme) => ({
                 position: "absolute",
@@ -9661,8 +9849,8 @@ var ChatContent = () => {
               })
             }
           ),
-          /* @__PURE__ */ jsxs12(
-            Box14,
+          /* @__PURE__ */ jsxs13(
+            Box15,
             {
               sx: {
                 display: "flex",
@@ -9673,9 +9861,10 @@ var ChatContent = () => {
                 maxWidth: "768px"
               },
               children: [
-                /* @__PURE__ */ jsx17(Box14, { sx: { flex: "1 1 auto" } }),
-                history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ jsx17(Box14, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ jsx17(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx18(Box15, { sx: { flex: "1 1 auto" } }),
+                history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ jsx18(Box15, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ jsx18(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
+                /* @__PURE__ */ jsx18(ask_user_card_default, {}),
+                /* @__PURE__ */ jsx18(
                   chat_input_default,
                   {
                     inputValue,
@@ -9702,7 +9891,7 @@ var ChatContent = () => {
               ]
             }
           ),
-          preferences.feedbackEnabled && !isMobile && /* @__PURE__ */ jsx17(
+          preferences.feedbackEnabled && !isMobile && /* @__PURE__ */ jsx18(
             FeedbackButton,
             {
               fullScreen: false,
@@ -9715,7 +9904,7 @@ var ChatContent = () => {
               }
             }
           ),
-          /* @__PURE__ */ jsx17(ConnectionStatus, { position: "top", showWhenGood: false })
+          /* @__PURE__ */ jsx18(ConnectionStatus, { position: "top", showWhenGood: false })
         ]
       }
     )
@@ -9744,13 +9933,13 @@ var Chat = () => {
   });
   if (!allowUnauthenticated && !bypassAuth && !authenticationService.isAuthenticated()) {
     debugLogger.debug("User is not authenticated, redirecting to login");
-    return /* @__PURE__ */ jsx17(Navigate, { to: "/login", replace: true });
+    return /* @__PURE__ */ jsx18(Navigate, { to: "/login", replace: true });
   }
-  return /* @__PURE__ */ jsx17(ChatContent, {});
+  return /* @__PURE__ */ jsx18(ChatContent, {});
 };
 var chat_default = Chat;
 
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-EHBZ4D7R.mjs.map
+//# sourceMappingURL=chunk-PUUL2R3T.mjs.map