@burtson-labs/bandit-engine 2.0.117 → 2.0.119

package/dist/{chunk-UEWOOLEB.mjs → chunk-BD6R7MTV.mjs}

@@ -24,6 +24,7 @@ import {
   GraphicEqIcon,
   HearingDisabledIcon,
   HomeIcon,
+  LockIcon,
   MicIcon,
   NotesIcon,
   NotesIconOutlined,
@@ -86,7 +87,7 @@ import {
 } from "./chunk-KCI46M23.mjs";
 
 // src/chat/chat.tsx
-import { useCallback as useCallback6, useEffect as useEffect15, useLayoutEffect, useMemo as useMemo4, useRef as useRef13, useState as useState17 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect15, useLayoutEffect, useMemo as useMemo4, useRef as useRef14, useState as useState17 } from "react";
 
 // src/chat/custom-logo.tsx
 import React, { useEffect } from "react";
@@ -173,7 +174,7 @@ var Logo = ({ visible, atTop = false }) => {
 var custom_logo_default = Logo;
 
 // src/chat/chat.tsx
-import { Box as Box17, ThemeProvider, CssBaseline, CircularProgress as CircularProgress4, Typography as Typography11 } from "@mui/material";
+import { Box as Box18, ThemeProvider, CssBaseline, CircularProgress as CircularProgress4, Typography as Typography12 } from "@mui/material";
 import { createTheme } from "@mui/material/styles";
 
 // src/chat/canvas-panel.tsx
@@ -1855,8 +1856,156 @@ var AskUserCard = () => {
 };
 var ask_user_card_default = AskUserCard;
 
+// src/chat/rate-limit-prompt.tsx
+import { useRef as useRef3 } from "react";
+import { Box as Box7, Button as Button2, IconButton as IconButton5, Typography as Typography3, useTheme as useTheme6 } from "@mui/material";
+import { useNavigate } from "react-router-dom";
+
+// src/store/rateLimitStore.ts
+import { create as create3 } from "zustand";
+var useRateLimitStore = create3((set) => ({
+  prompt: null,
+  show: (prompt) => set({ prompt }),
+  dismiss: () => set({ prompt: null })
+}));
+var parseRateLimitError = (error) => {
+  if (!error || typeof error !== "object") {
+    return null;
+  }
+  const response = error.response;
+  const status = response?.status;
+  const data = response?.data;
+  const payload = data && typeof data === "object" ? data : {};
+  const isRateLimited = status === 429 || payload.error === "rate_limited" || payload.upgrade === true;
+  if (!isRateLimited) {
+    return null;
+  }
+  const scope = payload.scope === "weekly" ? "weekly" : "session";
+  const message = typeof payload.message === "string" ? payload.message : void 0;
+  const haystack = `${message ?? ""}`.toLowerCase();
+  const frontier = /frontier|premium|cloud|pro model/.test(haystack);
+  return { scope, message, frontier };
+};
+
+// src/chat/rate-limit-prompt.tsx
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+var RateLimitPrompt = () => {
+  const theme = useTheme6();
+  const prompt = useRateLimitStore((s) => s.prompt);
+  const dismiss = useRateLimitStore((s) => s.dismiss);
+  const hasLoggedRouterWarningRef = useRef3(false);
+  let navigate = null;
+  try {
+    navigate = useNavigate();
+  } catch (error) {
+    if (!hasLoggedRouterWarningRef.current) {
+      debugLogger.warn("RateLimitPrompt: Navigation not available (missing Router context)", { error });
+      hasLoggedRouterWarningRef.current = true;
+    }
+    navigate = null;
+  }
+  const safeNavigate = (to) => {
+    if (navigate) {
+      navigate(to);
+    } else if (typeof window !== "undefined") {
+      window.location.href = to;
+    }
+  };
+  if (!prompt) {
+    return null;
+  }
+  const { scope, frontier } = prompt;
+  const title = scope === "weekly" ? "You've reached your weekly limit" : "You've hit your session limit";
+  const body = (() => {
+    if (frontier) {
+      return scope === "weekly" ? "You've used your weekly allowance on premium engines. Upgrade to keep chatting on the most capable models." : "You've hit your session limit on premium engines. It resets soon \u2014 or upgrade for higher limits and uninterrupted access.";
+    }
+    return scope === "weekly" ? "Your weekly chat allowance is used up. Upgrade to keep going without waiting." : "It resets shortly. Upgrade for higher limits and keep the conversation flowing.";
+  })();
+  return /* @__PURE__ */ jsxs7(
+    Box7,
+    {
+      role: "status",
+      sx: {
+        mb: 1.5,
+        px: 2,
+        py: 1.5,
+        borderRadius: 2,
+        display: "flex",
+        alignItems: "flex-start",
+        gap: 1.5,
+        border: `1px solid ${theme.palette.primary.main}33`,
+        bgcolor: theme.palette.primary.main + "0F",
+        backdropFilter: "blur(8px)"
+      },
+      children: [
+        /* @__PURE__ */ jsx10(
+          Box7,
+          {
+            sx: {
+              mt: 0.25,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              width: 32,
+              height: 32,
+              flexShrink: 0,
+              borderRadius: "50%",
+              bgcolor: theme.palette.primary.main + "22",
+              color: theme.palette.primary.main
+            },
+            children: /* @__PURE__ */ jsx10(AutoAwesomeIcon, { fontSize: "small" })
+          }
+        ),
+        /* @__PURE__ */ jsxs7(Box7, { sx: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ jsx10(Typography3, { variant: "subtitle2", sx: { fontWeight: 600, color: theme.palette.text.primary }, children: title }),
+          /* @__PURE__ */ jsx10(Typography3, { variant: "body2", sx: { color: theme.palette.text.secondary, mt: 0.25 }, children: body }),
+          /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", gap: 1, mt: 1, flexWrap: "wrap" }, children: [
+            /* @__PURE__ */ jsx10(
+              Button2,
+              {
+                size: "small",
+                variant: "contained",
+                disableElevation: true,
+                startIcon: /* @__PURE__ */ jsx10(AutoAwesomeIcon, { sx: { fontSize: "0.9rem" } }),
+                onClick: () => {
+                  dismiss();
+                  safeNavigate("/plans");
+                },
+                sx: { textTransform: "none", fontWeight: 600, borderRadius: 2 },
+                children: "Upgrade to keep chatting"
+              }
+            ),
+            /* @__PURE__ */ jsx10(
+              Button2,
+              {
+                size: "small",
+                variant: "text",
+                onClick: () => dismiss(),
+                sx: { textTransform: "none", color: theme.palette.text.secondary },
+                children: scope === "weekly" ? "Maybe later" : "I'll wait"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx10(
+          IconButton5,
+          {
+            size: "small",
+            "aria-label": "Dismiss upgrade prompt",
+            onClick: () => dismiss(),
+            sx: { color: theme.palette.text.secondary, mt: -0.5, mr: -0.5 },
+            children: /* @__PURE__ */ jsx10(CloseIcon, { fontSize: "small" })
+          }
+        )
+      ]
+    }
+  );
+};
+var rate_limit_prompt_default = RateLimitPrompt;
+
 // src/chat/hooks/useAIProvider.tsx
-import { useCallback, useRef as useRef3 } from "react";
+import { useCallback, useRef as useRef4 } from "react";
 
 // src/services/telemetry/otlpExporter.ts
 function redactSecretsString(s) {
@@ -2166,7 +2315,7 @@ function telemetryEndTurn(outcome) {
 }
 
 // src/store/engineStore.ts
-import { create as create3 } from "zustand";
+import { create as create4 } from "zustand";
 var STORAGE_KEY = "bandit.selectedEngine";
 var readStored = () => {
   try {
@@ -2175,7 +2324,7 @@ var readStored = () => {
     return null;
   }
 };
-var useEngineStore = create3((set, get) => ({
+var useEngineStore = create4((set, get) => ({
   selectedEngine: readStored(),
   engines: [],
   loaded: false,
@@ -3221,21 +3370,21 @@ var useAIProvider = ({
   inputRef,
   onError
 }) => {
-  const currentSubRef = useRef3(null);
-  const lastPartialRef = useRef3({
+  const currentSubRef = useRef4(null);
+  const lastPartialRef = useRef4({
     text: "",
     images: [],
     usedDocs: [],
     question: ""
   });
-  const flushTimerRef = useRef3(null);
+  const flushTimerRef = useRef4(null);
   const { provider } = useAIProviderStore.getState();
   const { preferences } = usePreferencesStore.getState();
   const { docs } = useKnowledgeStore.getState();
   const { analyzeMood, moodTokenBoost } = useMoodEngine();
   const { runMemoryScan } = useMemoryEnhancer();
   const { isVectorEnabled, searchMemories, searchDocuments, getUserMemories } = useVectorStore();
-  const pinnedVectorCacheRef = useRef3({
+  const pinnedVectorCacheRef = useRef4({
     fetchedAt: 0,
     memories: []
   });
@@ -3281,6 +3430,7 @@ var useAIProvider = ({
       setResponse("");
       setStreamBuffer("");
       clearFlushTimer();
+      useRateLimitStore.getState().dismiss();
       const imageList = Array.isArray(images) ? [...images] : [];
       const conversationStoreState = useConversationStore.getState();
       const { addToCurrent, replaceLastAnswer, conversations, currentId } = conversationStoreState;
@@ -3797,6 +3947,29 @@ ${protocol}`;
           overrideComponentStatus("Idle");
           setIsSubmitting(false);
           setIsStreaming(false);
+          const rateLimit = parseRateLimitError(err);
+          if (rateLimit) {
+            debugLogger.info("Chat hit usage limit (429) \u2014 showing upgrade prompt", {
+              scope: rateLimit.scope,
+              frontier: rateLimit.frontier
+            });
+            const { replaceLastAnswer: replaceLastAnswer2 } = useConversationStore.getState();
+            replaceLastAnswer2(
+              rateLimit.scope === "weekly" ? "_You've reached your weekly limit. Upgrade to keep chatting._" : "_You've hit your session limit. It resets soon \u2014 or upgrade for higher limits._",
+              lastPartialRef.current.images,
+              false,
+              lastPartialRef.current.usedDocs,
+              true
+            );
+            setResponse("");
+            setStreamBuffer("");
+            setIsThinking?.(false);
+            setPendingMessage(null);
+            setLogoVisible(false);
+            useRateLimitStore.getState().show(rateLimit);
+            telemetryEndTurn({ error: "rate_limited" });
+            return;
+          }
           flushNow();
           let partial = lastPartialRef.current.text || latestDisplayMessage || fullMessage;
           if (partial && !partial.trim().endsWith("\u2026") && !partial.trim().endsWith("...")) {
@@ -4388,7 +4561,7 @@ ${inlineImageBlocks.join("\n\n")}` : "");
 };
 
 // src/hooks/useAutoScroll.ts
-import { useRef as useRef4, useEffect as useEffect5, useCallback as useCallback2 } from "react";
+import { useRef as useRef5, useEffect as useEffect5, useCallback as useCallback2 } from "react";
 var SCROLL_STATE_CHANGED_EVENT = "scrollStateChanged";
 var useAutoScroll = (options = {}) => {
   const {
@@ -4397,9 +4570,9 @@ var useAutoScroll = (options = {}) => {
     enabled = true,
     isMobile = false
   } = options;
-  const containerRef = useRef4(null);
-  const targetRef = useRef4(null);
-  const shouldAutoScrollRef = useRef4(true);
+  const containerRef = useRef5(null);
+  const targetRef = useRef5(null);
+  const shouldAutoScrollRef = useRef5(true);
   const isNearBottom = useCallback2(() => {
     const container = containerRef.current;
     if (!container) return true;
@@ -4604,31 +4777,31 @@ var useNetworkStatus = () => {
 
 // src/chat/chat-app-bar.tsx
 import { Avatar as Avatar8 } from "@mui/material";
-import { useEffect as useEffect12, useRef as useRef10, useState as useState15 } from "react";
+import { useEffect as useEffect12, useRef as useRef11, useState as useState15 } from "react";
 import {
-  Box as Box13,
-  IconButton as IconButton10,
+  Box as Box14,
+  IconButton as IconButton11,
   Menu as Menu5,
   MenuItem as MenuItem5,
   Tooltip as Tooltip6,
   useMediaQuery as useMediaQuery5,
-  useTheme as useTheme12,
+  useTheme as useTheme13,
   Dialog as Dialog6,
   DialogTitle as DialogTitle5,
   DialogContent as DialogContent5,
   DialogActions as DialogActions5,
-  Typography as Typography9,
-  Button as Button7
+  Typography as Typography10,
+  Button as Button8
 } from "@mui/material";
-import { useNavigate } from "react-router-dom";
+import { useNavigate as useNavigate2 } from "react-router-dom";
 
 // src/chat/conversation-drawer.tsx
-import { useState as useState13, useMemo as useMemo2, useEffect as useEffect10, useRef as useRef8, useCallback as useCallback4 } from "react";
+import { useState as useState13, useMemo as useMemo2, useEffect as useEffect10, useRef as useRef9, useCallback as useCallback4 } from "react";
 import {
   Drawer,
-  Box as Box11,
-  Typography as Typography7,
-  IconButton as IconButton8,
+  Box as Box12,
+  Typography as Typography8,
+  IconButton as IconButton9,
   Tooltip as Tooltip5,
   TextField as TextField7,
   InputAdornment,
@@ -4643,24 +4816,24 @@ import {
   DialogTitle as DialogTitle3,
   DialogContent as DialogContent3,
   DialogActions as DialogActions3,
-  Button as Button5,
+  Button as Button6,
   Avatar as Avatar6,
   alpha as alpha6
 } from "@mui/material";
 import { X as CloseIcon5, X as ClearIcon, Search as SearchIcon, Folder as FolderIcon4, MoreVertical as MoreVertIcon3, Trash2 as DeleteSweepIcon, Inbox as InboxIcon3, Plus as AddIcon4, Settings as SettingsIcon2, Brain as MemoryIcon, LogOut as LogOutIcon } from "lucide-react";
-import { useTheme as useTheme10 } from "@mui/material/styles";
+import { useTheme as useTheme11 } from "@mui/material/styles";
 
 // src/chat/project-management-modal.tsx
-import { useState as useState9, useEffect as useEffect7, useRef as useRef5 } from "react";
+import { useState as useState9, useEffect as useEffect7, useRef as useRef6 } from "react";
 import {
   Modal,
-  Button as Button2,
+  Button as Button3,
   TextField as TextField4,
   List,
   ListItem,
-  IconButton as IconButton5,
-  Box as Box7,
-  Typography as Typography3,
+  IconButton as IconButton6,
+  Box as Box8,
+  Typography as Typography4,
   Avatar as Avatar3,
   Chip as Chip2,
   Menu,
@@ -4671,8 +4844,8 @@ import {
   useMediaQuery as useMediaQuery2
 } from "@mui/material";
 import { Plus as AddIcon2, Pencil as EditIcon2, Trash2 as DeleteIcon, MoreVertical as MoreVertIcon, Folder as FolderIcon, X as CloseIcon3, ArrowLeft as ArrowBackIcon } from "lucide-react";
-import { useTheme as useTheme6, alpha as alpha3 } from "@mui/material/styles";
-import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useTheme as useTheme7, alpha as alpha3 } from "@mui/material/styles";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var DEFAULT_COLORS = [
   "#2196F3",
   "#4CAF50",
@@ -4689,7 +4862,7 @@ var ProjectManagementModal = ({
   open,
   onClose
 }) => {
-  const theme = useTheme6();
+  const theme = useTheme7();
   const isMobile = useMediaQuery2(theme.breakpoints.down("sm"));
   const {
     projects,
@@ -4714,7 +4887,7 @@ var ProjectManagementModal = ({
   const [selectedProject, setSelectedProject] = useState9(null);
   const [loading, setLoading] = useState9(false);
   const [error, setError] = useState9(null);
-  const modalContainerRef = useRef5(null);
+  const modalContainerRef = useRef6(null);
   useEffect7(() => {
     if (open && !_hasHydrated) {
       hydrate();
@@ -4830,8 +5003,8 @@ var ProjectManagementModal = ({
   const hoverSurface = alpha3(theme.palette.primary.main, theme.palette.mode === "dark" ? 0.22 : 0.08);
   const headerTitle = showCreateForm ? editingProject ? "Edit Project" : "Create Project" : "Manage Projects";
   const headerSubtitle = showCreateForm ? "Name, describe, and color-code your project." : "Organize conversations into cohesive projects.";
-  const content = /* @__PURE__ */ jsxs7(
-    Box7,
+  const content = /* @__PURE__ */ jsxs8(
+    Box8,
     {
       ref: modalContainerRef,
       sx: {
@@ -4849,8 +5022,8 @@ var ProjectManagementModal = ({
         position: "relative"
       },
       children: [
-        isMobile && /* @__PURE__ */ jsx10(
-          Box7,
+        isMobile && /* @__PURE__ */ jsx11(
+          Box8,
           {
             sx: {
               width: 56,
@@ -4863,8 +5036,8 @@ var ProjectManagementModal = ({
             }
           }
         ),
-        /* @__PURE__ */ jsxs7(
-          Box7,
+        /* @__PURE__ */ jsxs8(
+          Box8,
           {
             sx: {
               px: isMobile ? 1.5 : 2.75,
@@ -4876,8 +5049,8 @@ var ProjectManagementModal = ({
               gap: 1
             },
             children: [
-              /* @__PURE__ */ jsxs7(
-                Box7,
+              /* @__PURE__ */ jsxs8(
+                Box8,
                 {
                   sx: {
                     display: "flex",
@@ -4886,8 +5059,8 @@ var ProjectManagementModal = ({
                     gap: 1
                   },
                   children: [
-                    /* @__PURE__ */ jsxs7(
-                      Box7,
+                    /* @__PURE__ */ jsxs8(
+                      Box8,
                       {
                         sx: {
                           display: "flex",
@@ -4897,9 +5070,9 @@ var ProjectManagementModal = ({
                           flex: 1
                         },
                         children: [
-                          showCreateForm && /* @__PURE__ */ jsx10(IconButton5, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx10(ArrowBackIcon, { size: 16 }) }),
-                          /* @__PURE__ */ jsx10(
-                            Typography3,
+                          showCreateForm && /* @__PURE__ */ jsx11(IconButton6, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx11(ArrowBackIcon, { size: 16 }) }),
+                          /* @__PURE__ */ jsx11(
+                            Typography4,
                             {
                               variant: "h6",
                               sx: {
@@ -4915,16 +5088,16 @@ var ProjectManagementModal = ({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx10(IconButton5, { onClick: handleClose, size: "small", children: /* @__PURE__ */ jsx10(CloseIcon3, {}) })
+                    /* @__PURE__ */ jsx11(IconButton6, { onClick: handleClose, size: "small", children: /* @__PURE__ */ jsx11(CloseIcon3, {}) })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx10(Typography3, { variant: "body2", color: "text.secondary", children: headerSubtitle })
+              /* @__PURE__ */ jsx11(Typography4, { variant: "body2", color: "text.secondary", children: headerSubtitle })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs7(
-          Box7,
+        /* @__PURE__ */ jsxs8(
+          Box8,
           {
             sx: {
               flex: 1,
@@ -4936,9 +5109,9 @@ var ProjectManagementModal = ({
               gap: 2.5
             },
             children: [
-              error && /* @__PURE__ */ jsx10(Alert, { severity: "error", onClose: () => setError(null), children: error }),
-              showCreateForm ? /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-                /* @__PURE__ */ jsx10(
+              error && /* @__PURE__ */ jsx11(Alert, { severity: "error", onClose: () => setError(null), children: error }),
+              showCreateForm ? /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+                /* @__PURE__ */ jsx11(
                   TextField4,
                   {
                     label: "Project name",
@@ -4950,7 +5123,7 @@ var ProjectManagementModal = ({
                     autoFocus: true
                   }
                 ),
-                /* @__PURE__ */ jsx10(
+                /* @__PURE__ */ jsx11(
                   TextField4,
                   {
                     label: "Description (optional)",
@@ -4962,7 +5135,7 @@ var ProjectManagementModal = ({
                     disabled: loading
                   }
                 ),
-                /* @__PURE__ */ jsx10(
+                /* @__PURE__ */ jsx11(
                   TextField4,
                   {
                     label: "Project instructions (optional)",
@@ -4975,10 +5148,10 @@ var ProjectManagementModal = ({
                     disabled: loading
                   }
                 ),
-                /* @__PURE__ */ jsxs7(Box7, { children: [
-                  /* @__PURE__ */ jsx10(Typography3, { variant: "subtitle2", sx: { mb: 1 }, children: "Color" }),
-                  /* @__PURE__ */ jsx10(Box7, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: DEFAULT_COLORS.map((color) => /* @__PURE__ */ jsx10(
-                    Box7,
+                /* @__PURE__ */ jsxs8(Box8, { children: [
+                  /* @__PURE__ */ jsx11(Typography4, { variant: "subtitle2", sx: { mb: 1 }, children: "Color" }),
+                  /* @__PURE__ */ jsx11(Box8, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: DEFAULT_COLORS.map((color) => /* @__PURE__ */ jsx11(
+                    Box8,
                     {
                       sx: {
                         width: 32,
@@ -4998,11 +5171,11 @@ var ProjectManagementModal = ({
                     color
                   )) })
                 ] })
-              ] }) : /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-                /* @__PURE__ */ jsx10(
-                  Button2,
+              ] }) : /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+                /* @__PURE__ */ jsx11(
+                  Button3,
                   {
-                    startIcon: /* @__PURE__ */ jsx10(AddIcon2, {}),
+                    startIcon: /* @__PURE__ */ jsx11(AddIcon2, {}),
                     onClick: () => setShowCreateForm(true),
                     variant: "contained",
                     sx: {
@@ -5014,8 +5187,8 @@ var ProjectManagementModal = ({
                     children: "Create project"
                   }
                 ),
-                projects.length === 0 ? /* @__PURE__ */ jsxs7(
-                  Box7,
+                projects.length === 0 ? /* @__PURE__ */ jsxs8(
+                  Box8,
                   {
                     sx: {
                       textAlign: "center",
@@ -5027,15 +5200,15 @@ var ProjectManagementModal = ({
                       backgroundColor: subtleSurface
                     },
                     children: [
-                      /* @__PURE__ */ jsx10(FolderIcon, { size: 48, style: { marginBottom: 8, opacity: 0.5 } }),
-                      /* @__PURE__ */ jsx10(Typography3, { variant: "body1", sx: { fontWeight: 600 }, children: "No projects yet" }),
-                      /* @__PURE__ */ jsx10(Typography3, { variant: "body2", children: "Create your first project to organize conversations." })
+                      /* @__PURE__ */ jsx11(FolderIcon, { size: 48, style: { marginBottom: 8, opacity: 0.5 } }),
+                      /* @__PURE__ */ jsx11(Typography4, { variant: "body1", sx: { fontWeight: 600 }, children: "No projects yet" }),
+                      /* @__PURE__ */ jsx11(Typography4, { variant: "body2", children: "Create your first project to organize conversations." })
                     ]
                   }
-                ) : /* @__PURE__ */ jsx10(List, { sx: { display: "flex", flexDirection: "column", gap: 1.25, py: 0 }, children: projects.map((project) => {
+                ) : /* @__PURE__ */ jsx11(List, { sx: { display: "flex", flexDirection: "column", gap: 1.25, py: 0 }, children: projects.map((project) => {
                   const conversationCount = getConversationsByProject(project.id).length;
-                  return /* @__PURE__ */ jsx10(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs7(
-                    Box7,
+                  return /* @__PURE__ */ jsx11(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs8(
+                    Box8,
                     {
                       sx: {
                         display: "flex",
@@ -5053,7 +5226,7 @@ var ProjectManagementModal = ({
                         }
                       },
                       children: [
-                        /* @__PURE__ */ jsx10(
+                        /* @__PURE__ */ jsx11(
                           Avatar3,
                           {
                             sx: {
@@ -5062,20 +5235,20 @@ var ProjectManagementModal = ({
                               height: 36,
                               fontSize: "1rem"
                             },
-                            children: /* @__PURE__ */ jsx10(FolderIcon, { size: 16 })
+                            children: /* @__PURE__ */ jsx11(FolderIcon, { size: 16 })
                           }
                         ),
-                        /* @__PURE__ */ jsxs7(Box7, { sx: { flex: 1, minWidth: 0 }, children: [
-                          /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
-                            /* @__PURE__ */ jsx10(
-                              Typography3,
+                        /* @__PURE__ */ jsxs8(Box8, { sx: { flex: 1, minWidth: 0 }, children: [
+                          /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
+                            /* @__PURE__ */ jsx11(
+                              Typography4,
                               {
                                 variant: "subtitle1",
                                 sx: { fontWeight: 600, overflow: "hidden", textOverflow: "ellipsis" },
                                 children: project.name
                               }
                             ),
-                            /* @__PURE__ */ jsx10(
+                            /* @__PURE__ */ jsx11(
                               Chip2,
                               {
                                 label: `${conversationCount}`,
@@ -5090,8 +5263,8 @@ var ProjectManagementModal = ({
                               }
                             )
                           ] }),
-                          project.description && /* @__PURE__ */ jsx10(
-                            Typography3,
+                          project.description && /* @__PURE__ */ jsx11(
+                            Typography4,
                             {
                               variant: "body2",
                               color: "text.secondary",
@@ -5100,8 +5273,8 @@ var ProjectManagementModal = ({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ jsx10(
-                          IconButton5,
+                        /* @__PURE__ */ jsx11(
+                          IconButton6,
                           {
                             onClick: (e) => {
                               e.stopPropagation();
@@ -5113,7 +5286,7 @@ var ProjectManagementModal = ({
                               mt: 0.25,
                               zIndex: 1
                             },
-                            children: /* @__PURE__ */ jsx10(MoreVertIcon, { size: 16 })
+                            children: /* @__PURE__ */ jsx11(MoreVertIcon, { size: 16 })
                           }
                         )
                       ]
@@ -5124,8 +5297,8 @@ var ProjectManagementModal = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx10(
-          Box7,
+        /* @__PURE__ */ jsx11(
+          Box8,
           {
             sx: {
               px: isMobile ? 1.5 : 2.75,
@@ -5135,9 +5308,9 @@ var ProjectManagementModal = ({
               justifyContent: "flex-end",
               gap: 1
             },
-            children: showCreateForm ? /* @__PURE__ */ jsxs7(Fragment5, { children: [
-              /* @__PURE__ */ jsx10(
-                Button2,
+            children: showCreateForm ? /* @__PURE__ */ jsxs8(Fragment5, { children: [
+              /* @__PURE__ */ jsx11(
+                Button3,
                 {
                   onClick: resetForm,
                   disabled: loading,
@@ -5145,21 +5318,21 @@ var ProjectManagementModal = ({
                   children: "Cancel"
                 }
               ),
-              /* @__PURE__ */ jsx10(
-                Button2,
+              /* @__PURE__ */ jsx11(
+                Button3,
                 {
                   onClick: editingProject ? handleEditProject : handleCreateProject,
                   variant: "contained",
                   disabled: loading,
-                  startIcon: loading ? /* @__PURE__ */ jsx10(CircularProgress3, { size: 16 }) : void 0,
+                  startIcon: loading ? /* @__PURE__ */ jsx11(CircularProgress3, { size: 16 }) : void 0,
                   sx: { textTransform: "none", borderRadius: 2 },
                   children: editingProject ? "Update project" : "Create project"
                 }
               )
-            ] }) : /* @__PURE__ */ jsx10(Button2, { onClick: handleClose, sx: { textTransform: "none", borderRadius: 2 }, children: "Close" })
+            ] }) : /* @__PURE__ */ jsx11(Button3, { onClick: handleClose, sx: { textTransform: "none", borderRadius: 2 }, children: "Close" })
           }
         ),
-        /* @__PURE__ */ jsxs7(
+        /* @__PURE__ */ jsxs8(
           Menu,
           {
             anchorEl: menuAnchor,
@@ -5181,20 +5354,20 @@ var ProjectManagementModal = ({
               }
             },
             children: [
-              /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsx11(
                 MenuItem,
                 {
                   onClick: () => {
                     if (!selectedProject) return;
                     startEdit(selectedProject);
                   },
-                  children: /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ jsx10(EditIcon2, { size: 16 }),
-                    /* @__PURE__ */ jsx10(Typography3, { variant: "body2", color: "inherit", children: "Edit" })
+                  children: /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ jsx11(EditIcon2, { size: 16 }),
+                    /* @__PURE__ */ jsx11(Typography4, { variant: "body2", color: "inherit", children: "Edit" })
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsx11(
                 MenuItem,
                 {
                   onClick: () => {
@@ -5202,9 +5375,9 @@ var ProjectManagementModal = ({
                     handleDeleteProject(selectedProject);
                   },
                   sx: { color: theme.palette.error.main },
-                  children: /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ jsx10(DeleteIcon, { size: 16 }),
-                    /* @__PURE__ */ jsx10(Typography3, { variant: "body2", color: "inherit", children: "Delete" })
+                  children: /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ jsx11(DeleteIcon, { size: 16 }),
+                    /* @__PURE__ */ jsx11(Typography4, { variant: "body2", color: "inherit", children: "Delete" })
                   ] })
                 }
               )
@@ -5214,7 +5387,7 @@ var ProjectManagementModal = ({
       ]
     }
   );
-  return /* @__PURE__ */ jsx10(Fragment5, { children: isMobile ? /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(Fragment5, { children: isMobile ? /* @__PURE__ */ jsx11(
     SwipeableDrawer,
     {
       anchor: "bottom",
@@ -5234,7 +5407,7 @@ var ProjectManagementModal = ({
       },
       children: content
     }
-  ) : /* @__PURE__ */ jsx10(
+  ) : /* @__PURE__ */ jsx11(
     Modal,
     {
       open,
@@ -5259,28 +5432,28 @@ import {
   DialogTitle,
   DialogContent,
   DialogActions,
-  Button as Button3,
+  Button as Button4,
   List as List2,
   ListItem as ListItem2,
   ListItemButton,
   ListItemText,
   ListItemIcon,
-  Typography as Typography4,
+  Typography as Typography5,
   Avatar as Avatar4,
   Radio,
-  Box as Box8,
+  Box as Box9,
   Divider
 } from "@mui/material";
 import { Folder as FolderIcon2, Inbox as InboxIcon } from "lucide-react";
-import { useTheme as useTheme7 } from "@mui/material/styles";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useTheme as useTheme8 } from "@mui/material/styles";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var MoveConversationModal = ({
   open,
   onClose,
   conversations,
   currentProjectId = null
 }) => {
-  const theme = useTheme7();
+  const theme = useTheme8();
   const { projects, _hasHydrated, hydrate } = useProjectStore();
   const { moveConversationToProject } = useConversationStore();
   const [selectedProjectId, setSelectedProjectId] = useState10(
@@ -5310,7 +5483,7 @@ var MoveConversationModal = ({
   };
   const conversationCount = conversations.length;
   const isMultiple = conversationCount > 1;
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     Dialog2,
     {
       open,
@@ -5324,20 +5497,20 @@ var MoveConversationModal = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs8(DialogTitle, { children: [
+        /* @__PURE__ */ jsxs9(DialogTitle, { children: [
           "Move ",
           isMultiple ? `${conversationCount} Conversations` : "Conversation"
         ] }),
-        /* @__PURE__ */ jsxs8(DialogContent, { sx: { px: 3 }, children: [
-          /* @__PURE__ */ jsx11(Typography4, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: isMultiple ? `Select a project to move ${conversationCount} conversations to:` : `Select a project to move "${conversations[0]?.name}" to:` }),
-          /* @__PURE__ */ jsxs8(List2, { children: [
-            /* @__PURE__ */ jsx11(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs8(
+        /* @__PURE__ */ jsxs9(DialogContent, { sx: { px: 3 }, children: [
+          /* @__PURE__ */ jsx12(Typography5, { 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__ */ jsxs9(List2, { children: [
+            /* @__PURE__ */ jsx12(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs9(
               ListItemButton,
               {
                 onClick: () => setSelectedProjectId(null),
                 selected: selectedProjectId === null,
                 children: [
-                  /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12(ListItemIcon, { children: /* @__PURE__ */ jsx12(
                     Radio,
                     {
                       checked: selectedProjectId === null,
@@ -5345,7 +5518,7 @@ var MoveConversationModal = ({
                       size: "small"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12(ListItemIcon, { children: /* @__PURE__ */ jsx12(
                     Avatar4,
                     {
                       sx: {
@@ -5353,10 +5526,10 @@ var MoveConversationModal = ({
                         width: 32,
                         height: 32
                       },
-                      children: /* @__PURE__ */ jsx11(InboxIcon, {})
+                      children: /* @__PURE__ */ jsx12(InboxIcon, {})
                     }
                   ) }),
-                  /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12(
                     ListItemText,
                     {
                       primary: "No Project",
@@ -5366,14 +5539,14 @@ var MoveConversationModal = ({
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx11(Divider, { sx: { my: 1 } }),
-            projects.map((project) => /* @__PURE__ */ jsx11(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs8(
+            /* @__PURE__ */ jsx12(Divider, { sx: { my: 1 } }),
+            projects.map((project) => /* @__PURE__ */ jsx12(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs9(
               ListItemButton,
               {
                 onClick: () => setSelectedProjectId(project.id),
                 selected: selectedProjectId === project.id,
                 children: [
-                  /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12(ListItemIcon, { children: /* @__PURE__ */ jsx12(
                     Radio,
                     {
                       checked: selectedProjectId === project.id,
@@ -5381,7 +5554,7 @@ var MoveConversationModal = ({
                       size: "small"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12(ListItemIcon, { children: /* @__PURE__ */ jsx12(
                     Avatar4,
                     {
                       sx: {
@@ -5389,10 +5562,10 @@ var MoveConversationModal = ({
                         width: 32,
                         height: 32
                       },
-                      children: /* @__PURE__ */ jsx11(FolderIcon2, {})
+                      children: /* @__PURE__ */ jsx12(FolderIcon2, {})
                     }
                   ) }),
-                  /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12(
                     ListItemText,
                     {
                       primary: project.name,
@@ -5402,17 +5575,17 @@ var MoveConversationModal = ({
                 ]
               }
             ) }, project.id)),
-            projects.length === 0 && /* @__PURE__ */ jsx11(Box8, { sx: {
+            projects.length === 0 && /* @__PURE__ */ jsx12(Box9, { sx: {
               textAlign: "center",
               py: 2,
               color: theme.palette.text.secondary
-            }, children: /* @__PURE__ */ jsx11(Typography4, { variant: "body2", children: "No projects available. Create a project first to organize conversations." }) })
+            }, children: /* @__PURE__ */ jsx12(Typography5, { variant: "body2", children: "No projects available. Create a project first to organize conversations." }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs8(DialogActions, { sx: { px: 3, pb: 2 }, children: [
-          /* @__PURE__ */ jsx11(Button3, { onClick: onClose, children: "Cancel" }),
-          /* @__PURE__ */ jsxs8(
-            Button3,
+        /* @__PURE__ */ jsxs9(DialogActions, { sx: { px: 3, pb: 2 }, children: [
+          /* @__PURE__ */ jsx12(Button4, { onClick: onClose, children: "Cancel" }),
+          /* @__PURE__ */ jsxs9(
+            Button4,
             {
               onClick: handleMove,
               variant: "contained",
@@ -5431,11 +5604,11 @@ var MoveConversationModal = ({
 var move_conversation_modal_default = MoveConversationModal;
 
 // src/chat/simple-conversation-item.tsx
-import { useState as useState11, useRef as useRef6, useEffect as useEffect9 } from "react";
+import { useState as useState11, useRef as useRef7, useEffect as useEffect9 } from "react";
 import {
-  Box as Box9,
-  Typography as Typography5,
-  IconButton as IconButton6,
+  Box as Box10,
+  Typography as Typography6,
+  IconButton as IconButton7,
   Menu as Menu2,
   MenuItem as MenuItem2,
   ListItemIcon as ListItemIcon2,
@@ -5446,11 +5619,11 @@ import {
   DialogTitle as DialogTitle2,
   DialogContent as DialogContent2,
   DialogActions as DialogActions2,
-  Button as Button4
+  Button as Button5
 } from "@mui/material";
 import { MoreVertical as MoreVertIcon2, Pencil as EditIcon3, Trash2 as DeleteIcon2, GripVertical as DragIcon, MailOpen as MoveIcon } from "lucide-react";
-import { useTheme as useTheme8, alpha as alpha4 } from "@mui/material/styles";
-import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useTheme as useTheme9, alpha as alpha4 } from "@mui/material/styles";
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var SimpleConversationItem = ({
   conversation,
   isSelected,
@@ -5466,7 +5639,7 @@ var SimpleConversationItem = ({
   onTouchDragEnd,
   isTouchDragActive
 }) => {
-  const theme = useTheme8();
+  const theme = useTheme9();
   const isMobile = useMediaQuery3(theme.breakpoints.down("sm"));
   const [anchorEl, setAnchorEl] = useState11(null);
   const [isEditing, setIsEditing] = useState11(false);
@@ -5474,10 +5647,10 @@ var SimpleConversationItem = ({
   const [isDragging, setIsDragging] = useState11(false);
   const [isTouchDragging, setIsTouchDragging] = useState11(false);
   const [showRenameDialog, setShowRenameDialog] = useState11(false);
-  const longPressTimeoutRef = useRef6(null);
-  const touchStartPointRef = useRef6(null);
-  const activeTouchIdRef = useRef6(null);
-  const suppressClickRef = useRef6(false);
+  const longPressTimeoutRef = useRef7(null);
+  const touchStartPointRef = useRef7(null);
+  const activeTouchIdRef = useRef7(null);
+  const suppressClickRef = useRef7(false);
   const highlightText = (text, query) => {
     if (!query || !query.trim()) {
       return text;
@@ -5485,8 +5658,8 @@ var SimpleConversationItem = ({
     const regex = new RegExp(`(${query.trim()})`, "gi");
     const parts = text.split(regex);
     return parts.map(
-      (part, index) => regex.test(part) ? /* @__PURE__ */ jsx12(
-        Box9,
+      (part, index) => regex.test(part) ? /* @__PURE__ */ jsx13(
+        Box10,
         {
           component: "span",
           sx: {
@@ -5621,9 +5794,9 @@ var SimpleConversationItem = ({
       setIsTouchDragging(false);
     }
   }, [isTouchDragActive, isTouchDragging]);
-  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
-    /* @__PURE__ */ jsxs9(
-      Box9,
+  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsxs10(
+      Box10,
       {
         "data-project-id": conversation.projectId ?? "__ungrouped",
         draggable: !isMobile && !isEditing,
@@ -5675,7 +5848,7 @@ var SimpleConversationItem = ({
           }
         },
         children: [
-          !isMobile && !isEditing && /* @__PURE__ */ jsx12(
+          !isMobile && !isEditing && /* @__PURE__ */ jsx13(
             DragIcon,
             {
               size: 16,
@@ -5683,8 +5856,8 @@ var SimpleConversationItem = ({
               style: { marginRight: 4, cursor: "grab" }
             }
           ),
-          /* @__PURE__ */ jsxs9(Box9, { sx: { flex: 1, minWidth: 0 }, children: [
-            isEditing ? /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsxs10(Box10, { sx: { flex: 1, minWidth: 0 }, children: [
+            isEditing ? /* @__PURE__ */ jsx13(
               TextField5,
               {
                 value: editName,
@@ -5707,8 +5880,8 @@ var SimpleConversationItem = ({
                   }
                 }
               }
-            ) : /* @__PURE__ */ jsx12(
-              Typography5,
+            ) : /* @__PURE__ */ jsx13(
+              Typography6,
               {
                 variant: "body2",
                 sx: {
@@ -5722,8 +5895,8 @@ var SimpleConversationItem = ({
                 children: highlightText(conversation.name, searchQuery)
               }
             ),
-            !isEditing && snippet && /* @__PURE__ */ jsx12(
-              Typography5,
+            !isEditing && snippet && /* @__PURE__ */ jsx13(
+              Typography6,
               {
                 variant: "caption",
                 sx: {
@@ -5741,8 +5914,8 @@ var SimpleConversationItem = ({
               }
             )
           ] }),
-          !isEditing && /* @__PURE__ */ jsx12(
-            IconButton6,
+          !isEditing && /* @__PURE__ */ jsx13(
+            IconButton7,
             {
               onClick: handleMenuOpen,
               size: "small",
@@ -5770,10 +5943,10 @@ var SimpleConversationItem = ({
                   }
                 }
               },
-              children: /* @__PURE__ */ jsx12(MoreVertIcon2, { size: 16 })
+              children: /* @__PURE__ */ jsx13(MoreVertIcon2, { size: 16 })
             }
           ),
-          /* @__PURE__ */ jsxs9(
+          /* @__PURE__ */ jsxs10(
             Menu2,
             {
               anchorEl,
@@ -5800,17 +5973,17 @@ var SimpleConversationItem = ({
                 }
               },
               children: [
-                onRename && /* @__PURE__ */ jsxs9(MenuItem2, { onClick: handleEdit, children: [
-                  /* @__PURE__ */ jsx12(ListItemIcon2, { children: /* @__PURE__ */ jsx12(EditIcon3, { size: 16 }) }),
-                  /* @__PURE__ */ jsx12(ListItemText2, { children: "Rename" })
+                onRename && /* @__PURE__ */ jsxs10(MenuItem2, { onClick: handleEdit, children: [
+                  /* @__PURE__ */ jsx13(ListItemIcon2, { children: /* @__PURE__ */ jsx13(EditIcon3, { size: 16 }) }),
+                  /* @__PURE__ */ jsx13(ListItemText2, { children: "Rename" })
                 ] }),
-                onMove && /* @__PURE__ */ jsxs9(MenuItem2, { onClick: handleMove, children: [
-                  /* @__PURE__ */ jsx12(ListItemIcon2, { children: /* @__PURE__ */ jsx12(MoveIcon, { size: 16 }) }),
-                  /* @__PURE__ */ jsx12(ListItemText2, { children: "Move to Project" })
+                onMove && /* @__PURE__ */ jsxs10(MenuItem2, { onClick: handleMove, children: [
+                  /* @__PURE__ */ jsx13(ListItemIcon2, { children: /* @__PURE__ */ jsx13(MoveIcon, { size: 16 }) }),
+                  /* @__PURE__ */ jsx13(ListItemText2, { children: "Move to Project" })
                 ] }),
-                /* @__PURE__ */ jsxs9(MenuItem2, { onClick: handleDelete, children: [
-                  /* @__PURE__ */ jsx12(ListItemIcon2, { children: /* @__PURE__ */ jsx12(DeleteIcon2, { size: 16 }) }),
-                  /* @__PURE__ */ jsx12(ListItemText2, { children: "Delete" })
+                /* @__PURE__ */ jsxs10(MenuItem2, { onClick: handleDelete, children: [
+                  /* @__PURE__ */ jsx13(ListItemIcon2, { children: /* @__PURE__ */ jsx13(DeleteIcon2, { size: 16 }) }),
+                  /* @__PURE__ */ jsx13(ListItemText2, { children: "Delete" })
                 ] })
               ]
             }
@@ -5818,7 +5991,7 @@ var SimpleConversationItem = ({
         ]
       }
     ),
-    isMobile && /* @__PURE__ */ jsxs9(
+    isMobile && /* @__PURE__ */ jsxs10(
       Dialog3,
       {
         open: showRenameDialog,
@@ -5834,8 +6007,8 @@ var SimpleConversationItem = ({
           }
         },
         children: [
-          /* @__PURE__ */ jsx12(DialogTitle2, { sx: { pb: 1 }, children: "Rename Conversation" }),
-          /* @__PURE__ */ jsx12(DialogContent2, { children: /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(DialogTitle2, { sx: { pb: 1 }, children: "Rename Conversation" }),
+          /* @__PURE__ */ jsx13(DialogContent2, { children: /* @__PURE__ */ jsx13(
             TextField5,
             {
               value: editName,
@@ -5848,9 +6021,9 @@ var SimpleConversationItem = ({
               }
             }
           ) }),
-          /* @__PURE__ */ jsxs9(DialogActions2, { sx: { px: 3, pb: 2 }, children: [
-            /* @__PURE__ */ jsx12(
-              Button4,
+          /* @__PURE__ */ jsxs10(DialogActions2, { sx: { px: 3, pb: 2 }, children: [
+            /* @__PURE__ */ jsx13(
+              Button5,
               {
                 onClick: () => {
                   setShowRenameDialog(false);
@@ -5859,8 +6032,8 @@ var SimpleConversationItem = ({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx12(
-              Button4,
+            /* @__PURE__ */ jsx13(
+              Button5,
               {
                 onClick: () => {
                   commitRename();
@@ -5880,11 +6053,11 @@ var SimpleConversationItem = ({
 var simple_conversation_item_default = SimpleConversationItem;
 
 // src/chat/project-header.tsx
-import { useRef as useRef7, useState as useState12 } from "react";
+import { useRef as useRef8, useState as useState12 } from "react";
 import {
-  Box as Box10,
-  Typography as Typography6,
-  IconButton as IconButton7,
+  Box as Box11,
+  Typography as Typography7,
+  IconButton as IconButton8,
   Avatar as Avatar5,
   Chip as Chip3,
   Tooltip as Tooltip4,
@@ -5892,8 +6065,8 @@ import {
   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 CloseIcon4, Check as CheckIcon3 } from "lucide-react";
-import { useTheme as useTheme9 } from "@mui/material/styles";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useTheme as useTheme10 } from "@mui/material/styles";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var ProjectHeader = ({
   projectId,
   projectName,
@@ -5907,13 +6080,13 @@ var ProjectHeader = ({
   onRenameCancelDelete,
   isTouchTarget
 }) => {
-  const theme = useTheme9();
+  const theme = useTheme10();
   const { createNewConversation } = useConversationStore();
   const { renameProject } = useProjectStore();
   const [isHovered, setIsHovered] = useState12(false);
   const [isDragOver, setIsDragOver] = useState12(false);
   const [renameDraft, setRenameDraft] = useState12(projectName);
-  const renameActionRef = useRef7("none");
+  const renameActionRef = useRef8("none");
   const isUngrouped = projectId === null;
   const Icon = isCollapsed ? FolderIcon3 : FolderOpenIcon;
   const handleAddConversation = (e) => {
@@ -5959,8 +6132,8 @@ var ProjectHeader = ({
     setRenameDraft(projectName);
     onRenameComplete?.();
   };
-  return /* @__PURE__ */ jsxs10(
-    Box10,
+  return /* @__PURE__ */ jsxs11(
+    Box11,
     {
       "data-project-id": projectId ?? "__ungrouped",
       onMouseEnter: () => setIsHovered(true),
@@ -5986,7 +6159,7 @@ var ProjectHeader = ({
         } : {}
       },
       children: [
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           Avatar5,
           {
             sx: {
@@ -5995,17 +6168,17 @@ var ProjectHeader = ({
               height: 28,
               mr: 1.5
             },
-            children: isUngrouped ? /* @__PURE__ */ jsx13(
+            children: isUngrouped ? /* @__PURE__ */ jsx14(
               InboxIcon2,
               {
                 size: 16,
                 color: theme.palette.text.disabled,
                 style: { opacity: 0.7 }
               }
-            ) : /* @__PURE__ */ jsx13(Icon, { size: 16 })
+            ) : /* @__PURE__ */ jsx14(Icon, { size: 16 })
           }
         ),
-        isRenaming && !isUngrouped ? /* @__PURE__ */ jsx13(
+        isRenaming && !isUngrouped ? /* @__PURE__ */ jsx14(
           TextField6,
           {
             value: renameDraft,
@@ -6052,8 +6225,8 @@ var ProjectHeader = ({
               }
             }
           }
-        ) : /* @__PURE__ */ jsxs10(
-          Typography6,
+        ) : /* @__PURE__ */ jsxs11(
+          Typography7,
           {
             variant: "subtitle2",
             sx: {
@@ -6065,8 +6238,8 @@ var ProjectHeader = ({
             },
             children: [
               projectName,
-              isDragOver && /* @__PURE__ */ jsx13(
-                Typography6,
+              isDragOver && /* @__PURE__ */ jsx14(
+                Typography7,
                 {
                   component: "span",
                   variant: "caption",
@@ -6081,7 +6254,7 @@ var ProjectHeader = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           Chip3,
           {
             label: conversationCount,
@@ -6101,9 +6274,9 @@ var ProjectHeader = ({
             }
           }
         ),
-        isRenaming && !isUngrouped && /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 0.5, ml: 1 }, children: [
-          /* @__PURE__ */ jsx13(Tooltip4, { title: "Cancel and remove", children: /* @__PURE__ */ jsx13(
-            IconButton7,
+        isRenaming && !isUngrouped && /* @__PURE__ */ jsxs11(Box11, { sx: { display: "flex", alignItems: "center", gap: 0.5, ml: 1 }, children: [
+          /* @__PURE__ */ jsx14(Tooltip4, { title: "Cancel and remove", children: /* @__PURE__ */ jsx14(
+            IconButton8,
             {
               size: "small",
               onMouseDown: (e) => {
@@ -6112,11 +6285,11 @@ var ProjectHeader = ({
                 onRenameCancelDelete ? onRenameCancelDelete() : cancelRename();
               },
               sx: { color: alpha5(theme.palette.error.main, 0.9) },
-              children: /* @__PURE__ */ jsx13(CloseIcon4, { size: 16 })
+              children: /* @__PURE__ */ jsx14(CloseIcon4, { size: 16 })
             }
           ) }),
-          /* @__PURE__ */ jsx13(Tooltip4, { title: "Save", children: /* @__PURE__ */ jsx13(
-            IconButton7,
+          /* @__PURE__ */ jsx14(Tooltip4, { title: "Save", children: /* @__PURE__ */ jsx14(
+            IconButton8,
             {
               size: "small",
               onMouseDown: (e) => {
@@ -6125,12 +6298,12 @@ var ProjectHeader = ({
                 commitRename();
               },
               sx: { color: theme.palette.success.main },
-              children: /* @__PURE__ */ jsx13(CheckIcon3, { size: 16 })
+              children: /* @__PURE__ */ jsx14(CheckIcon3, { size: 16 })
             }
           ) })
         ] }),
-        isHovered && !isDragOver && !isUngrouped && !isRenaming && /* @__PURE__ */ jsx13(Tooltip4, { title: `Add conversation to ${projectName.toLowerCase()}`, arrow: true, children: /* @__PURE__ */ jsx13(
-          IconButton7,
+        isHovered && !isDragOver && !isUngrouped && !isRenaming && /* @__PURE__ */ jsx14(Tooltip4, { title: `Add conversation to ${projectName.toLowerCase()}`, arrow: true, children: /* @__PURE__ */ jsx14(
+          IconButton8,
           {
             onClick: handleAddConversation,
             size: "small",
@@ -6146,18 +6319,18 @@ var ProjectHeader = ({
               },
               transition: "all 0.2s ease"
             },
-            children: /* @__PURE__ */ jsx13(AddIcon3, { size: 16 })
+            children: /* @__PURE__ */ jsx14(AddIcon3, { size: 16 })
           }
         ) }),
-        !isUngrouped && !isRenaming && /* @__PURE__ */ jsx13(
-          IconButton7,
+        !isUngrouped && !isRenaming && /* @__PURE__ */ jsx14(
+          IconButton8,
           {
             size: "small",
             sx: {
               color: theme.palette.text.secondary,
               transition: "transform 0.2s ease"
             },
-            children: isCollapsed ? /* @__PURE__ */ jsx13(ExpandMoreIcon2, { size: 16 }) : /* @__PURE__ */ jsx13(ExpandLessIcon, { size: 16 })
+            children: isCollapsed ? /* @__PURE__ */ jsx14(ExpandMoreIcon2, { size: 16 }) : /* @__PURE__ */ jsx14(ExpandLessIcon, { size: 16 })
           }
         )
       ]
@@ -6179,7 +6352,7 @@ var TOOLTIP_COPY = {
 var tooltip = (key) => TOOLTIP_COPY[key];
 
 // src/chat/conversation-drawer.tsx
-import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs12 } 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;
@@ -6207,7 +6380,7 @@ var deriveInitials = (value) => {
   return sanitized.slice(0, 2).toUpperCase();
 };
 var ConversationDrawer = ({ open, onClose }) => {
-  const theme = useTheme10();
+  const theme = useTheme11();
   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;
@@ -6233,7 +6406,7 @@ var ConversationDrawer = ({ open, onClose }) => {
   const [projectManagementOpen, setProjectManagementOpen] = useState13(false);
   const [memoryModalOpen, setMemoryModalOpen] = useState13(false);
   const [collapsedProjects, setCollapsedProjects] = useState13(/* @__PURE__ */ new Set());
-  const didInitCollapseRef = useRef8(false);
+  const didInitCollapseRef = useRef9(false);
   const [searchQuery, setSearchQuery] = useState13("");
   const [menuAnchorEl, setMenuAnchorEl] = useState13(null);
   const [clearConfirmOpen, setClearConfirmOpen] = useState13(false);
@@ -6432,8 +6605,8 @@ var ConversationDrawer = ({ open, onClose }) => {
     setMoveModalOpen(false);
     setConversationToMove(null);
   };
-  return /* @__PURE__ */ jsxs11(Fragment7, { children: [
-    /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(Fragment7, { children: [
+    /* @__PURE__ */ jsxs12(
       Drawer,
       {
         anchor: "left",
@@ -6475,8 +6648,8 @@ var ConversationDrawer = ({ open, onClose }) => {
           }
         },
         children: [
-          /* @__PURE__ */ jsxs11(
-            Box11,
+          /* @__PURE__ */ jsxs12(
+            Box12,
             {
               sx: {
                 p: 2,
@@ -6487,8 +6660,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                 gap: 1
               },
               children: [
-                /* @__PURE__ */ jsx14(Tooltip5, { title: "Memories", arrow: true, children: /* @__PURE__ */ jsx14(
-                  IconButton8,
+                /* @__PURE__ */ jsx15(Tooltip5, { title: "Memories", arrow: true, children: /* @__PURE__ */ jsx15(
+                  IconButton9,
                   {
                     onClick: () => setMemoryModalOpen(true),
                     size: "small",
@@ -6500,11 +6673,11 @@ var ConversationDrawer = ({ open, onClose }) => {
                         bgcolor: alpha6(theme.palette.primary.main, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx14(MemoryIcon, {})
+                    children: /* @__PURE__ */ jsx15(MemoryIcon, {})
                   }
                 ) }),
-                /* @__PURE__ */ jsx14(Tooltip5, { title: tooltip("manageProjects"), arrow: true, children: /* @__PURE__ */ jsx14(
-                  IconButton8,
+                /* @__PURE__ */ jsx15(Tooltip5, { title: tooltip("manageProjects"), arrow: true, children: /* @__PURE__ */ jsx15(
+                  IconButton9,
                   {
                     onClick: () => setProjectManagementOpen(true),
                     size: "small",
@@ -6516,11 +6689,11 @@ var ConversationDrawer = ({ open, onClose }) => {
                         bgcolor: alpha6(theme.palette.primary.main, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx14(FolderIcon4, {})
+                    children: /* @__PURE__ */ jsx15(FolderIcon4, {})
                   }
                 ) }),
-                /* @__PURE__ */ jsx14(Tooltip5, { title: tooltip("conversationOptions"), arrow: true, children: /* @__PURE__ */ jsx14(
-                  IconButton8,
+                /* @__PURE__ */ jsx15(Tooltip5, { title: tooltip("conversationOptions"), arrow: true, children: /* @__PURE__ */ jsx15(
+                  IconButton9,
                   {
                     onClick: handleMenuOpen,
                     size: "small",
@@ -6532,11 +6705,11 @@ var ConversationDrawer = ({ open, onClose }) => {
                         bgcolor: alpha6(theme.palette.text.primary, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx14(MoreVertIcon3, {})
+                    children: /* @__PURE__ */ jsx15(MoreVertIcon3, {})
                   }
                 ) }),
-                isMobile && /* @__PURE__ */ jsx14(Tooltip5, { title: tooltip("closeConversationsPanel"), children: /* @__PURE__ */ jsx14(
-                  IconButton8,
+                isMobile && /* @__PURE__ */ jsx15(Tooltip5, { title: tooltip("closeConversationsPanel"), children: /* @__PURE__ */ jsx15(
+                  IconButton9,
                   {
                     onClick: (e) => {
                       e.preventDefault();
@@ -6552,13 +6725,13 @@ var ConversationDrawer = ({ open, onClose }) => {
                         bgcolor: alpha6(theme.palette.error.main, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx14(CloseIcon5, {})
+                    children: /* @__PURE__ */ jsx15(CloseIcon5, {})
                   }
                 ) })
               ]
             }
           ),
-          /* @__PURE__ */ jsx14(Box11, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(Box12, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx15(
             TextField7,
             {
               fullWidth: true,
@@ -6568,16 +6741,16 @@ var ConversationDrawer = ({ open, onClose }) => {
               onChange: (e) => setSearchQuery(e.target.value),
               variant: "outlined",
               InputProps: {
-                startAdornment: /* @__PURE__ */ jsx14(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx14(SearchIcon, { size: 16, color: theme.palette.text.secondary }) }),
-                endAdornment: searchQuery && /* @__PURE__ */ jsx14(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx14(Tooltip5, { title: tooltip("clearSearch"), children: /* @__PURE__ */ jsx14(
-                  IconButton8,
+                startAdornment: /* @__PURE__ */ jsx15(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx15(SearchIcon, { size: 16, color: theme.palette.text.secondary }) }),
+                endAdornment: searchQuery && /* @__PURE__ */ jsx15(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx15(Tooltip5, { title: tooltip("clearSearch"), children: /* @__PURE__ */ jsx15(
+                  IconButton9,
                   {
                     onClick: handleSearchClear,
                     size: "small",
                     edge: "end",
                     "aria-label": tooltip("clearSearch"),
                     sx: { color: theme.palette.text.secondary },
-                    children: /* @__PURE__ */ jsx14(ClearIcon, { size: 16 })
+                    children: /* @__PURE__ */ jsx15(ClearIcon, { size: 16 })
                   }
                 ) }) })
               },
@@ -6594,9 +6767,9 @@ var ConversationDrawer = ({ open, onClose }) => {
               }
             }
           ) }),
-          /* @__PURE__ */ jsxs11(Box11, { sx: { flex: 1, overflow: "auto", display: "flex", flexDirection: "column" }, children: [
-            /* @__PURE__ */ jsxs11(
-              Box11,
+          /* @__PURE__ */ jsxs12(Box12, { sx: { flex: 1, overflow: "auto", display: "flex", flexDirection: "column" }, children: [
+            /* @__PURE__ */ jsxs12(
+              Box12,
               {
                 onClick: async () => {
                   const names = new Set(projects.map((p) => p.name));
@@ -6630,8 +6803,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                   "&:hover": { bgcolor: alpha6(theme.palette.text.primary, 0.04) }
                 },
                 children: [
-                  /* @__PURE__ */ jsx14(
-                    Box11,
+                  /* @__PURE__ */ jsx15(
+                    Box12,
                     {
                       sx: {
                         width: 28,
@@ -6643,33 +6816,33 @@ var ConversationDrawer = ({ open, onClose }) => {
                         justifyContent: "center",
                         flexShrink: 0
                       },
-                      children: /* @__PURE__ */ jsx14(FolderIcon4, { size: 16, color: theme.palette.success.main })
+                      children: /* @__PURE__ */ jsx15(FolderIcon4, { size: 16, color: theme.palette.success.main })
                     }
                   ),
-                  /* @__PURE__ */ jsx14(
-                    Typography7,
+                  /* @__PURE__ */ jsx15(
+                    Typography8,
                     {
                       variant: "subtitle2",
                       sx: { flex: 1, fontWeight: 600, fontSize: "0.875rem" },
                       children: "New Project"
                     }
                   ),
-                  /* @__PURE__ */ jsx14(Tooltip5, { title: tooltip("addProject"), arrow: true, children: /* @__PURE__ */ jsx14(
-                    IconButton8,
+                  /* @__PURE__ */ jsx15(Tooltip5, { title: tooltip("addProject"), arrow: true, children: /* @__PURE__ */ jsx15(
+                    IconButton9,
                     {
                       size: "small",
                       "aria-label": tooltip("addProject"),
                       sx: { color: theme.palette.success.main },
-                      children: /* @__PURE__ */ jsx14(AddIcon4, { size: 16 })
+                      children: /* @__PURE__ */ jsx15(AddIcon4, { size: 16 })
                     }
                   ) })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx14(Divider2, { sx: { opacity: 0.3 } }),
-            filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs11(Box11, { children: [
-              group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs11(
-                Box11,
+            /* @__PURE__ */ jsx15(Divider2, { sx: { opacity: 0.3 } }),
+            filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs12(Box12, { children: [
+              group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs12(
+                Box12,
                 {
                   sx: {
                     py: 2,
@@ -6679,9 +6852,9 @@ var ConversationDrawer = ({ open, onClose }) => {
                     gap: 2
                   },
                   children: [
-                    /* @__PURE__ */ jsx14(Divider2, { sx: { flex: 1, opacity: 0.6 } }),
-                    /* @__PURE__ */ jsxs11(Box11, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                      /* @__PURE__ */ jsx14(
+                    /* @__PURE__ */ jsx15(Divider2, { sx: { flex: 1, opacity: 0.6 } }),
+                    /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                      /* @__PURE__ */ jsx15(
                         InboxIcon3,
                         {
                           size: 14,
@@ -6689,8 +6862,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                           style: { opacity: 0.7 }
                         }
                       ),
-                      /* @__PURE__ */ jsx14(
-                        Typography7,
+                      /* @__PURE__ */ jsx15(
+                        Typography8,
                         {
                           variant: "caption",
                           sx: {
@@ -6704,12 +6877,12 @@ var ConversationDrawer = ({ open, onClose }) => {
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx14(Divider2, { sx: { flex: 1, opacity: 0.6 } })
+                    /* @__PURE__ */ jsx15(Divider2, { sx: { flex: 1, opacity: 0.6 } })
                   ]
                 }
               ),
-              group.id !== null ? /* @__PURE__ */ jsxs11(Fragment7, { children: [
-                /* @__PURE__ */ jsx14(
+              group.id !== null ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
+                /* @__PURE__ */ jsx15(
                   project_header_default,
                   {
                     projectId: group.id,
@@ -6738,8 +6911,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx14(Collapse2, { in: !group.collapsed, children: /* @__PURE__ */ jsxs11(Box11, { sx: { pb: 1 }, children: [
-                  group.conversations.map((conversation) => /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx15(Collapse2, { in: !group.collapsed, children: /* @__PURE__ */ jsxs12(Box12, { sx: { pb: 1 }, children: [
+                  group.conversations.map((conversation) => /* @__PURE__ */ jsx15(
                     simple_conversation_item_default,
                     {
                       conversation,
@@ -6759,8 +6932,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                     },
                     conversation.id
                   )),
-                  group.conversations.length === 0 && !group.collapsed && group.id !== null && /* @__PURE__ */ jsxs11(
-                    Box11,
+                  group.conversations.length === 0 && !group.collapsed && group.id !== null && /* @__PURE__ */ jsxs12(
+                    Box12,
                     {
                       sx: {
                         p: 3,
@@ -6768,17 +6941,17 @@ var ConversationDrawer = ({ open, onClose }) => {
                         color: theme.palette.text.secondary
                       },
                       children: [
-                        /* @__PURE__ */ jsx14(Typography7, { variant: "body2", children: "No conversations in this project yet" }),
-                        /* @__PURE__ */ jsx14(Typography7, { variant: "caption", sx: { mt: 1, display: "block" }, children: "Drag conversations here or use the + button above" })
+                        /* @__PURE__ */ jsx15(Typography8, { variant: "body2", children: "No conversations in this project yet" }),
+                        /* @__PURE__ */ jsx15(Typography8, { variant: "caption", sx: { mt: 1, display: "block" }, children: "Drag conversations here or use the + button above" })
                       ]
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ jsx14(Divider2, { sx: { opacity: 0.3 } })
+                /* @__PURE__ */ jsx15(Divider2, { sx: { opacity: 0.3 } })
               ] }) : (
                 // Special handling for ungrouped - no header, just conversations in scrollable area
-                /* @__PURE__ */ jsx14(
-                  Box11,
+                /* @__PURE__ */ jsx15(
+                  Box12,
                   {
                     sx: {
                       minHeight: 0,
@@ -6791,7 +6964,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                       mx: 1,
                       mb: 1
                     },
-                    children: group.conversations.map((conversation) => /* @__PURE__ */ jsx14(
+                    children: group.conversations.map((conversation) => /* @__PURE__ */ jsx15(
                       simple_conversation_item_default,
                       {
                         conversation,
@@ -6815,8 +6988,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                 )
               )
             ] }, group.id || "ungrouped")),
-            filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs11(
-              Box11,
+            filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs12(
+              Box12,
               {
                 sx: {
                   flex: 1,
@@ -6829,14 +7002,14 @@ var ConversationDrawer = ({ open, onClose }) => {
                   color: theme.palette.text.secondary
                 },
                 children: [
-                  /* @__PURE__ */ jsx14(Typography7, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
-                  /* @__PURE__ */ jsx14(Typography7, { variant: "body2", sx: { mb: 3, maxWidth: 280 }, children: searchQuery ? `No conversations match "${searchQuery}"` : "Start your first conversation to begin organizing your chats into projects" })
+                  /* @__PURE__ */ jsx15(Typography8, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
+                  /* @__PURE__ */ jsx15(Typography8, { variant: "body2", sx: { mb: 3, maxWidth: 280 }, children: searchQuery ? `No conversations match "${searchQuery}"` : "Start your first conversation to begin organizing your chats into projects" })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs11(
-            Box11,
+          /* @__PURE__ */ jsxs12(
+            Box12,
             {
               onClick: user ? () => {
                 window.location.href = "/profile";
@@ -6857,7 +7030,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                 "&:hover": user ? { bgcolor: alpha6(theme.palette.primary.main, 0.08) } : void 0
               },
               children: [
-                /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx15(
                   Avatar6,
                   {
                     src: avatarImage,
@@ -6872,8 +7045,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                     children: avatarInitials
                   }
                 ),
-                /* @__PURE__ */ jsxs11(
-                  Box11,
+                /* @__PURE__ */ jsxs12(
+                  Box12,
                   {
                     sx: {
                       minWidth: 0,
@@ -6885,8 +7058,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                       gap: 0.25
                     },
                     children: [
-                      /* @__PURE__ */ jsx14(
-                        Typography7,
+                      /* @__PURE__ */ jsx15(
+                        Typography8,
                         {
                           variant: "subtitle2",
                           noWrap: true,
@@ -6894,8 +7067,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                           children: user ? userDisplayName : "Not signed in"
                         }
                       ),
-                      /* @__PURE__ */ jsx14(
-                        Typography7,
+                      /* @__PURE__ */ jsx15(
+                        Typography8,
                         {
                           variant: "caption",
                           noWrap: true,
@@ -6906,9 +7079,9 @@ var ConversationDrawer = ({ open, onClose }) => {
                     ]
                   }
                 ),
-                user && /* @__PURE__ */ jsxs11(Fragment7, { children: [
-                  /* @__PURE__ */ jsx14(
-                    Box11,
+                user && /* @__PURE__ */ jsxs12(Fragment7, { children: [
+                  /* @__PURE__ */ jsx15(
+                    Box12,
                     {
                       sx: {
                         flexShrink: 0,
@@ -6921,11 +7094,11 @@ var ConversationDrawer = ({ open, onClose }) => {
                         border: `1px solid ${alpha6(theme.palette.divider, 0.8)}`,
                         color: theme.palette.text.secondary
                       },
-                      children: /* @__PURE__ */ jsx14(SettingsIcon2, { size: 16 })
+                      children: /* @__PURE__ */ jsx15(SettingsIcon2, { size: 16 })
                     }
                   ),
-                  /* @__PURE__ */ jsx14(
-                    IconButton8,
+                  /* @__PURE__ */ jsx15(
+                    IconButton9,
                     {
                       "aria-label": "Sign out",
                       title: "Sign out",
@@ -6942,7 +7115,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                         color: theme.palette.error.main,
                         "&:hover": { bgcolor: alpha6(theme.palette.error.main, 0.1) }
                       },
-                      children: /* @__PURE__ */ jsx14(LogOutIcon, { size: 16 })
+                      children: /* @__PURE__ */ jsx15(LogOutIcon, { size: 16 })
                     }
                   )
                 ] })
@@ -6952,15 +7125,15 @@ var ConversationDrawer = ({ open, onClose }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       project_management_modal_default,
       {
         open: projectManagementOpen,
         onClose: () => setProjectManagementOpen(false)
       }
     ),
-    /* @__PURE__ */ jsx14(memory_modal_default, { open: memoryModalOpen, onClose: () => setMemoryModalOpen(false) }),
-    conversationToMove && /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(memory_modal_default, { open: memoryModalOpen, onClose: () => setMemoryModalOpen(false) }),
+    conversationToMove && /* @__PURE__ */ jsx15(
       move_conversation_modal_default,
       {
         open: moveModalOpen,
@@ -6969,7 +7142,7 @@ var ConversationDrawer = ({ open, onClose }) => {
         currentProjectId: conversationToMove.projectId
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       Menu3,
       {
         anchorEl: menuAnchorEl,
@@ -6983,7 +7156,7 @@ var ConversationDrawer = ({ open, onClose }) => {
           vertical: "bottom",
           horizontal: "right"
         },
-        children: /* @__PURE__ */ jsxs11(
+        children: /* @__PURE__ */ jsxs12(
           MenuItem3,
           {
             onClick: () => {
@@ -6992,14 +7165,14 @@ var ConversationDrawer = ({ open, onClose }) => {
             },
             sx: { color: theme.palette.error.main },
             children: [
-              /* @__PURE__ */ jsx14(ListItemIcon3, { children: /* @__PURE__ */ jsx14(DeleteSweepIcon, { size: 16, color: theme.palette.error.main }) }),
-              /* @__PURE__ */ jsx14(ListItemText3, { children: "Clear All Conversations" })
+              /* @__PURE__ */ jsx15(ListItemIcon3, { children: /* @__PURE__ */ jsx15(DeleteSweepIcon, { size: 16, color: theme.palette.error.main }) }),
+              /* @__PURE__ */ jsx15(ListItemText3, { children: "Clear All Conversations" })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxs11(
+    /* @__PURE__ */ jsxs12(
       Dialog4,
       {
         open: clearConfirmOpen,
@@ -7007,12 +7180,12 @@ var ConversationDrawer = ({ open, onClose }) => {
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__PURE__ */ jsx14(DialogTitle3, { children: "Clear All Conversations?" }),
-          /* @__PURE__ */ jsx14(DialogContent3, { children: /* @__PURE__ */ jsx14(Typography7, { children: "This will permanently delete all conversations and cannot be undone. Are you sure you want to continue?" }) }),
-          /* @__PURE__ */ jsxs11(DialogActions3, { children: [
-            /* @__PURE__ */ jsx14(Button5, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx14(
-              Button5,
+          /* @__PURE__ */ jsx15(DialogTitle3, { children: "Clear All Conversations?" }),
+          /* @__PURE__ */ jsx15(DialogContent3, { children: /* @__PURE__ */ jsx15(Typography8, { children: "This will permanently delete all conversations and cannot be undone. Are you sure you want to continue?" }) }),
+          /* @__PURE__ */ jsxs12(DialogActions3, { children: [
+            /* @__PURE__ */ jsx15(Button6, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx15(
+              Button6,
               {
                 onClick: handleClearAllConfirm,
                 color: "error",
@@ -7029,12 +7202,12 @@ var ConversationDrawer = ({ open, onClose }) => {
 var conversation_drawer_default = ConversationDrawer;
 
 // src/chat/enhanced-mobile-conversations-modal.tsx
-import { useState as useState14, useMemo as useMemo3, useEffect as useEffect11, useRef as useRef9, useCallback as useCallback5 } from "react";
+import { useState as useState14, useMemo as useMemo3, useEffect as useEffect11, useRef as useRef10, useCallback as useCallback5 } from "react";
 import {
-  Box as Box12,
-  IconButton as IconButton9,
+  Box as Box13,
+  IconButton as IconButton10,
   Modal as Modal2,
-  Typography as Typography8,
+  Typography as Typography9,
   TextField as TextField8,
   InputAdornment as InputAdornment2,
   Slide,
@@ -7048,15 +7221,15 @@ import {
   DialogTitle as DialogTitle4,
   DialogContent as DialogContent4,
   DialogActions as DialogActions4,
-  Button as Button6,
+  Button as Button7,
   AppBar,
   Toolbar,
   Avatar as Avatar7,
   Chip as Chip4
 } from "@mui/material";
 import { X as CloseIcon6, X as ClearIcon2, Search as SearchIcon2, Folder as FolderIcon5, MoreVertical as MoreVertIcon4, Trash2 as DeleteSweepIcon2, Inbox as InboxIcon4, Plus as AddIcon5, Settings as SettingsIcon3, Brain as MemoryIcon2, LogOut as LogOutIcon2 } from "lucide-react";
-import { useTheme as useTheme11, alpha as alpha7 } from "@mui/material/styles";
-import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useTheme as useTheme12, alpha as alpha7 } from "@mui/material/styles";
+import { Fragment as Fragment8, jsx as jsx16, jsxs as jsxs13 } 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;
@@ -7087,7 +7260,7 @@ var EnhancedMobileConversationsModal = ({
   open,
   onClose
 }) => {
-  const theme = useTheme11();
+  const theme = useTheme12();
   const { user } = useAuthenticationStore();
   const {
     conversations,
@@ -7110,7 +7283,7 @@ var EnhancedMobileConversationsModal = ({
   const [projectManagementOpen, setProjectManagementOpen] = useState14(false);
   const [memoryModalOpen, setMemoryModalOpen] = useState14(false);
   const [collapsedProjects, setCollapsedProjects] = useState14(/* @__PURE__ */ new Set());
-  const didInitCollapseRef = useRef9(false);
+  const didInitCollapseRef = useRef10(false);
   const [searchQuery, setSearchQuery] = useState14("");
   const [menuAnchorEl, setMenuAnchorEl] = useState14(null);
   const [clearConfirmOpen, setClearConfirmOpen] = useState14(false);
@@ -7390,8 +7563,8 @@ var EnhancedMobileConversationsModal = ({
       return changed ? next : prev;
     });
   }, [conversations]);
-  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs13(Fragment8, { children: [
+    /* @__PURE__ */ jsx16(
       Modal2,
       {
         open,
@@ -7400,8 +7573,8 @@ var EnhancedMobileConversationsModal = ({
           display: "flex",
           alignItems: "flex-end"
         },
-        children: /* @__PURE__ */ jsx15(Slide, { direction: "up", in: open, children: /* @__PURE__ */ jsxs12(
-          Box12,
+        children: /* @__PURE__ */ jsx16(Slide, { direction: "up", in: open, children: /* @__PURE__ */ jsxs13(
+          Box13,
           {
             sx: {
               width: "100%",
@@ -7414,7 +7587,7 @@ var EnhancedMobileConversationsModal = ({
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx16(
                 AppBar,
                 {
                   position: "static",
@@ -7424,9 +7597,9 @@ var EnhancedMobileConversationsModal = ({
                     color: theme.palette.text.primary,
                     borderBottom: `1px solid ${theme.palette.divider}`
                   },
-                  children: /* @__PURE__ */ jsxs12(Toolbar, { children: [
-                    /* @__PURE__ */ jsx15(Typography8, { variant: "h6", sx: { flex: 1, fontWeight: 600 }, children: "Conversations" }),
-                    visibleConversationCount > 0 && /* @__PURE__ */ jsx15(
+                  children: /* @__PURE__ */ jsxs13(Toolbar, { children: [
+                    /* @__PURE__ */ jsx16(Typography9, { variant: "h6", sx: { flex: 1, fontWeight: 600 }, children: "Conversations" }),
+                    visibleConversationCount > 0 && /* @__PURE__ */ jsx16(
                       Chip4,
                       {
                         label: visibleConversationCount,
@@ -7439,43 +7612,43 @@ var EnhancedMobileConversationsModal = ({
                         }
                       }
                     ),
-                    /* @__PURE__ */ jsx15(
-                      IconButton9,
+                    /* @__PURE__ */ jsx16(
+                      IconButton10,
                       {
                         onClick: () => setMemoryModalOpen(true),
                         "aria-label": "Memory",
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx15(MemoryIcon2, {})
+                        children: /* @__PURE__ */ jsx16(MemoryIcon2, {})
                       }
                     ),
-                    /* @__PURE__ */ jsx15(
-                      IconButton9,
+                    /* @__PURE__ */ jsx16(
+                      IconButton10,
                       {
                         onClick: () => setProjectManagementOpen(true),
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx15(FolderIcon5, {})
+                        children: /* @__PURE__ */ jsx16(FolderIcon5, {})
                       }
                     ),
-                    /* @__PURE__ */ jsx15(
-                      IconButton9,
+                    /* @__PURE__ */ jsx16(
+                      IconButton10,
                       {
                         onClick: handleMenuOpen,
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx15(MoreVertIcon4, {})
+                        children: /* @__PURE__ */ jsx16(MoreVertIcon4, {})
                       }
                     ),
-                    /* @__PURE__ */ jsx15(
-                      IconButton9,
+                    /* @__PURE__ */ jsx16(
+                      IconButton10,
                       {
                         onClick: onClose,
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx15(CloseIcon6, {})
+                        children: /* @__PURE__ */ jsx16(CloseIcon6, {})
                       }
                     )
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx15(Box12, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx16(Box13, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx16(
                 TextField8,
                 {
                   fullWidth: true,
@@ -7485,22 +7658,22 @@ var EnhancedMobileConversationsModal = ({
                   onChange: (e) => setSearchQuery(e.target.value),
                   variant: "outlined",
                   InputProps: {
-                    startAdornment: /* @__PURE__ */ jsx15(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx15(SearchIcon2, { size: 16, color: theme.palette.text.secondary }) }),
-                    endAdornment: searchQuery && /* @__PURE__ */ jsx15(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx15(
-                      IconButton9,
+                    startAdornment: /* @__PURE__ */ jsx16(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx16(SearchIcon2, { size: 16, color: theme.palette.text.secondary }) }),
+                    endAdornment: searchQuery && /* @__PURE__ */ jsx16(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx16(
+                      IconButton10,
                       {
                         onClick: handleSearchClear,
                         size: "small",
                         edge: "end",
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx15(ClearIcon2, { size: 16 })
+                        children: /* @__PURE__ */ jsx16(ClearIcon2, { size: 16 })
                       }
                     ) })
                   }
                 }
               ) }),
-              /* @__PURE__ */ jsxs12(
-                Box12,
+              /* @__PURE__ */ jsxs13(
+                Box13,
                 {
                   sx: {
                     flex: 1,
@@ -7511,8 +7684,8 @@ var EnhancedMobileConversationsModal = ({
                     pb: 2
                   },
                   children: [
-                    touchDragActive && activeDragConversation && /* @__PURE__ */ jsxs12(
-                      Box12,
+                    touchDragActive && activeDragConversation && /* @__PURE__ */ jsxs13(
+                      Box13,
                       {
                         sx: {
                           position: "absolute",
@@ -7537,8 +7710,8 @@ var EnhancedMobileConversationsModal = ({
                           overflow: "hidden"
                         },
                         children: [
-                          /* @__PURE__ */ jsxs12(
-                            Typography8,
+                          /* @__PURE__ */ jsxs13(
+                            Typography9,
                             {
                               variant: "caption",
                               sx: {
@@ -7550,8 +7723,8 @@ var EnhancedMobileConversationsModal = ({
                               },
                               children: [
                                 "Move",
-                                /* @__PURE__ */ jsxs12(
-                                  Box12,
+                                /* @__PURE__ */ jsxs13(
+                                  Box13,
                                   {
                                     component: "span",
                                     sx: {
@@ -7571,8 +7744,8 @@ var EnhancedMobileConversationsModal = ({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsx15(
-                            Typography8,
+                          /* @__PURE__ */ jsx16(
+                            Typography9,
                             {
                               variant: "caption",
                               color: "inherit",
@@ -7580,11 +7753,11 @@ var EnhancedMobileConversationsModal = ({
                                 fontWeight: 500,
                                 whiteSpace: "nowrap"
                               },
-                              children: activeHoverLabel ? /* @__PURE__ */ jsxs12(Fragment8, { children: [
+                              children: activeHoverLabel ? /* @__PURE__ */ jsxs13(Fragment8, { children: [
                                 "to",
                                 " ",
-                                /* @__PURE__ */ jsx15(
-                                  Box12,
+                                /* @__PURE__ */ jsx16(
+                                  Box13,
                                   {
                                     component: "span",
                                     sx: {
@@ -7600,8 +7773,8 @@ var EnhancedMobileConversationsModal = ({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs12(
-                      Box12,
+                    /* @__PURE__ */ jsxs13(
+                      Box13,
                       {
                         onClick: async () => {
                           const names = new Set(projects.map((p) => p.name));
@@ -7635,8 +7808,8 @@ var EnhancedMobileConversationsModal = ({
                           "&:hover": { bgcolor: alpha7(theme.palette.text.primary, 0.04) }
                         },
                         children: [
-                          /* @__PURE__ */ jsx15(
-                            Box12,
+                          /* @__PURE__ */ jsx16(
+                            Box13,
                             {
                               sx: {
                                 width: 28,
@@ -7648,25 +7821,25 @@ var EnhancedMobileConversationsModal = ({
                                 justifyContent: "center",
                                 flexShrink: 0
                               },
-                              children: /* @__PURE__ */ jsx15(FolderIcon5, { size: 16, color: theme.palette.success.main })
+                              children: /* @__PURE__ */ jsx16(FolderIcon5, { size: 16, color: theme.palette.success.main })
                             }
                           ),
-                          /* @__PURE__ */ jsx15(
-                            Typography8,
+                          /* @__PURE__ */ jsx16(
+                            Typography9,
                             {
                               variant: "subtitle2",
                               sx: { flex: 1, fontWeight: 600, fontSize: "0.875rem" },
                               children: "New Project"
                             }
                           ),
-                          /* @__PURE__ */ jsx15(IconButton9, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ jsx15(AddIcon5, { size: 16 }) })
+                          /* @__PURE__ */ jsx16(IconButton10, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ jsx16(AddIcon5, { size: 16 }) })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx15(Divider3, { sx: { opacity: 0.3 } }),
-                    filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs12(Box12, { children: [
-                      group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs12(
-                        Box12,
+                    /* @__PURE__ */ jsx16(Divider3, { sx: { opacity: 0.3 } }),
+                    filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs13(Box13, { children: [
+                      group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs13(
+                        Box13,
                         {
                           sx: {
                             py: 2,
@@ -7676,9 +7849,9 @@ var EnhancedMobileConversationsModal = ({
                             gap: 2
                           },
                           children: [
-                            /* @__PURE__ */ jsx15(Divider3, { sx: { flex: 1, opacity: 0.6 } }),
-                            /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                              /* @__PURE__ */ jsx15(
+                            /* @__PURE__ */ jsx16(Divider3, { sx: { flex: 1, opacity: 0.6 } }),
+                            /* @__PURE__ */ jsxs13(Box13, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                              /* @__PURE__ */ jsx16(
                                 InboxIcon4,
                                 {
                                   size: 14,
@@ -7686,8 +7859,8 @@ var EnhancedMobileConversationsModal = ({
                                   style: { opacity: 0.7 }
                                 }
                               ),
-                              /* @__PURE__ */ jsx15(
-                                Typography8,
+                              /* @__PURE__ */ jsx16(
+                                Typography9,
                                 {
                                   variant: "caption",
                                   sx: {
@@ -7701,12 +7874,12 @@ var EnhancedMobileConversationsModal = ({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsx15(Divider3, { sx: { flex: 1, opacity: 0.6 } })
+                            /* @__PURE__ */ jsx16(Divider3, { sx: { flex: 1, opacity: 0.6 } })
                           ]
                         }
                       ),
-                      group.id !== null ? /* @__PURE__ */ jsxs12(Fragment8, { children: [
-                        /* @__PURE__ */ jsx15(
+                      group.id !== null ? /* @__PURE__ */ jsxs13(Fragment8, { children: [
+                        /* @__PURE__ */ jsx16(
                           project_header_default,
                           {
                             projectId: group.id,
@@ -7736,8 +7909,8 @@ var EnhancedMobileConversationsModal = ({
                             isTouchTarget: touchDragActive && touchDragState.hoverProjectId === group.id
                           }
                         ),
-                        /* @__PURE__ */ jsx15(Collapse3, { in: !group.collapsed, children: /* @__PURE__ */ jsx15(
-                          Box12,
+                        /* @__PURE__ */ jsx16(Collapse3, { in: !group.collapsed, children: /* @__PURE__ */ jsx16(
+                          Box13,
                           {
                             "data-project-id": group.id ?? "__ungrouped",
                             sx: {
@@ -7747,7 +7920,7 @@ var EnhancedMobileConversationsModal = ({
                               transition: "border 0.2s ease, background-color 0.2s ease",
                               backgroundColor: touchDragActive && touchDragState.hoverProjectId === group.id ? alpha7(theme.palette.primary.main, 0.08) : "transparent"
                             },
-                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx15(
+                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx16(
                               simple_conversation_item_default,
                               {
                                 conversation,
@@ -7781,8 +7954,8 @@ var EnhancedMobileConversationsModal = ({
                         ) })
                       ] }) : (
                         // Special handling for ungrouped - no header, just conversations in scrollable area
-                        /* @__PURE__ */ jsx15(
-                          Box12,
+                        /* @__PURE__ */ jsx16(
+                          Box13,
                           {
                             sx: {
                               minHeight: 0,
@@ -7798,7 +7971,7 @@ var EnhancedMobileConversationsModal = ({
                               backgroundColor: touchDragActive && touchDragState.hoverProjectId === "__ungrouped" ? alpha7(theme.palette.primary.main, 0.08) : alpha7(theme.palette.background.default, 0.3)
                             },
                             "data-project-id": "__ungrouped",
-                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx15(
+                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx16(
                               simple_conversation_item_default,
                               {
                                 conversation,
@@ -7832,8 +8005,8 @@ var EnhancedMobileConversationsModal = ({
                         )
                       )
                     ] }, group.id || "ungrouped")),
-                    filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs12(
-                      Box12,
+                    filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs13(
+                      Box13,
                       {
                         sx: {
                           flex: 1,
@@ -7846,16 +8019,16 @@ var EnhancedMobileConversationsModal = ({
                           color: theme.palette.text.secondary
                         },
                         children: [
-                          /* @__PURE__ */ jsx15(Typography8, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
-                          /* @__PURE__ */ jsx15(Typography8, { variant: "body2", sx: { mb: 3, maxWidth: 280 }, children: searchQuery ? `No conversations match "${searchQuery}"` : "Start your first conversation to begin organizing your chats into projects" })
+                          /* @__PURE__ */ jsx16(Typography9, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
+                          /* @__PURE__ */ jsx16(Typography9, { 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__ */ jsxs12(
-                Box12,
+              /* @__PURE__ */ jsxs13(
+                Box13,
                 {
                   onClick: user ? () => {
                     window.location.href = "/profile";
@@ -7872,7 +8045,7 @@ var EnhancedMobileConversationsModal = ({
                     cursor: user ? "pointer" : "default"
                   },
                   children: [
-                    /* @__PURE__ */ jsx15(
+                    /* @__PURE__ */ jsx16(
                       Avatar7,
                       {
                         src: avatarImage,
@@ -7887,9 +8060,9 @@ var EnhancedMobileConversationsModal = ({
                         children: avatarInitials
                       }
                     ),
-                    /* @__PURE__ */ jsxs12(Box12, { sx: { display: "flex", flexDirection: "column", flex: 1, minWidth: 0, gap: 0.25 }, children: [
-                      /* @__PURE__ */ jsx15(
-                        Typography8,
+                    /* @__PURE__ */ jsxs13(Box13, { sx: { display: "flex", flexDirection: "column", flex: 1, minWidth: 0, gap: 0.25 }, children: [
+                      /* @__PURE__ */ jsx16(
+                        Typography9,
                         {
                           variant: "subtitle2",
                           noWrap: true,
@@ -7897,8 +8070,8 @@ var EnhancedMobileConversationsModal = ({
                           children: user ? userDisplayName : "Not signed in"
                         }
                       ),
-                      /* @__PURE__ */ jsx15(
-                        Typography8,
+                      /* @__PURE__ */ jsx16(
+                        Typography9,
                         {
                           variant: "caption",
                           noWrap: true,
@@ -7907,9 +8080,9 @@ var EnhancedMobileConversationsModal = ({
                         }
                       )
                     ] }),
-                    user && /* @__PURE__ */ jsxs12(Fragment8, { children: [
-                      /* @__PURE__ */ jsx15(
-                        Box12,
+                    user && /* @__PURE__ */ jsxs13(Fragment8, { children: [
+                      /* @__PURE__ */ jsx16(
+                        Box13,
                         {
                           sx: {
                             flexShrink: 0,
@@ -7922,11 +8095,11 @@ var EnhancedMobileConversationsModal = ({
                             border: `1px solid ${alpha7(theme.palette.divider, 0.8)}`,
                             color: theme.palette.text.secondary
                           },
-                          children: /* @__PURE__ */ jsx15(SettingsIcon3, { size: 16 })
+                          children: /* @__PURE__ */ jsx16(SettingsIcon3, { size: 16 })
                         }
                       ),
-                      /* @__PURE__ */ jsx15(
-                        IconButton9,
+                      /* @__PURE__ */ jsx16(
+                        IconButton10,
                         {
                           "aria-label": "Sign out",
                           title: "Sign out",
@@ -7943,7 +8116,7 @@ var EnhancedMobileConversationsModal = ({
                             color: theme.palette.error.main,
                             "&:hover": { bgcolor: alpha7(theme.palette.error.main, 0.1) }
                           },
-                          children: /* @__PURE__ */ jsx15(LogOutIcon2, { size: 16 })
+                          children: /* @__PURE__ */ jsx16(LogOutIcon2, { size: 16 })
                         }
                       )
                     ] })
@@ -7955,15 +8128,15 @@ var EnhancedMobileConversationsModal = ({
         ) })
       }
     ),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16(
       project_management_modal_default,
       {
         open: projectManagementOpen,
         onClose: () => setProjectManagementOpen(false)
       }
     ),
-    /* @__PURE__ */ jsx15(memory_modal_default, { open: memoryModalOpen, onClose: () => setMemoryModalOpen(false) }),
-    conversationToMove && /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16(memory_modal_default, { open: memoryModalOpen, onClose: () => setMemoryModalOpen(false) }),
+    conversationToMove && /* @__PURE__ */ jsx16(
       move_conversation_modal_default,
       {
         open: moveModalOpen,
@@ -7972,7 +8145,7 @@ var EnhancedMobileConversationsModal = ({
         currentProjectId: conversationToMove.projectId
       }
     ),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16(
       Menu4,
       {
         anchorEl: menuAnchorEl,
@@ -7986,7 +8159,7 @@ var EnhancedMobileConversationsModal = ({
           vertical: "bottom",
           horizontal: "right"
         },
-        children: /* @__PURE__ */ jsxs12(
+        children: /* @__PURE__ */ jsxs13(
           MenuItem4,
           {
             onClick: () => {
@@ -7996,14 +8169,14 @@ var EnhancedMobileConversationsModal = ({
             disabled: visibleConversationCount === 0,
             sx: { color: theme.palette.error.main },
             children: [
-              /* @__PURE__ */ jsx15(ListItemIcon4, { children: /* @__PURE__ */ jsx15(DeleteSweepIcon2, { size: 16, color: theme.palette.error.main }) }),
-              /* @__PURE__ */ jsx15(ListItemText4, { children: "Clear All Conversations" })
+              /* @__PURE__ */ jsx16(ListItemIcon4, { children: /* @__PURE__ */ jsx16(DeleteSweepIcon2, { size: 16, color: theme.palette.error.main }) }),
+              /* @__PURE__ */ jsx16(ListItemText4, { children: "Clear All Conversations" })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsxs13(
       Dialog5,
       {
         open: clearConfirmOpen,
@@ -8011,12 +8184,12 @@ var EnhancedMobileConversationsModal = ({
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__PURE__ */ jsx15(DialogTitle4, { children: "Clear All Conversations?" }),
-          /* @__PURE__ */ jsx15(DialogContent4, { children: /* @__PURE__ */ jsx15(Typography8, { children: visibleConversationCount === 0 ? "No conversations available to clear." : `This will permanently delete ${visibleConversationCount} conversation${visibleConversationCount === 1 ? "" : "s"} and cannot be undone.` }) }),
-          /* @__PURE__ */ jsxs12(DialogActions4, { children: [
-            /* @__PURE__ */ jsx15(Button6, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx15(
-              Button6,
+          /* @__PURE__ */ jsx16(DialogTitle4, { children: "Clear All Conversations?" }),
+          /* @__PURE__ */ jsx16(DialogContent4, { children: /* @__PURE__ */ jsx16(Typography9, { children: visibleConversationCount === 0 ? "No conversations available to clear." : `This will permanently delete ${visibleConversationCount} conversation${visibleConversationCount === 1 ? "" : "s"} and cannot be undone.` }) }),
+          /* @__PURE__ */ jsxs13(DialogActions4, { children: [
+            /* @__PURE__ */ jsx16(Button7, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx16(
+              Button7,
               {
                 onClick: handleClearAllConfirm,
                 color: "error",
@@ -8034,7 +8207,7 @@ var enhanced_mobile_conversations_modal_default = EnhancedMobileConversationsMod
 
 // src/chat/chat-app-bar.tsx
 import { shallow as shallow2 } from "zustand/shallow";
-import { Fragment as Fragment9, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var CDN_BASE = "https://cdn.burtson.ai/";
 var banditHead = `${CDN_BASE}/images/bandit-head.png`;
 var modelAvatars = {
@@ -8053,12 +8226,12 @@ var ChatAppBar = ({
   drawerOpen,
   setDrawerOpen
 }) => {
-  const theme = useTheme12();
+  const theme = useTheme13();
   const isMobile = useMediaQuery5(theme.breakpoints.down("sm"));
-  const hasLoggedRouterWarningRef = useRef10(false);
+  const hasLoggedRouterWarningRef = useRef11(false);
   let navigate = null;
   try {
-    navigate = useNavigate();
+    navigate = useNavigate2();
   } catch (error) {
     if (!hasLoggedRouterWarningRef.current) {
       debugLogger.warn("ChatAppBar: Navigation not available (missing Router context)", { error });
@@ -8130,16 +8303,16 @@ var ChatAppBar = ({
   };
   const syncIndicatorIcon = (() => {
     if (isPlaygroundMode2 || !syncEnabled) {
-      return /* @__PURE__ */ jsx16(CloudOffIcon, { fontSize: "small", color: "disabled" });
+      return /* @__PURE__ */ jsx17(CloudOffIcon, { fontSize: "small", color: "disabled" });
     }
     switch (syncStatus) {
       case "syncing":
-        return /* @__PURE__ */ jsx16(SyncIcon, { fontSize: "small", sx: syncSpinSx, color: "primary" });
+        return /* @__PURE__ */ jsx17(SyncIcon, { fontSize: "small", sx: syncSpinSx, color: "primary" });
       case "error":
-        return /* @__PURE__ */ jsx16(ErrorOutlineIcon, { fontSize: "small", color: "error" });
+        return /* @__PURE__ */ jsx17(ErrorOutlineIcon, { fontSize: "small", color: "error" });
       case "idle":
       default:
-        return /* @__PURE__ */ jsx16(CloudDoneIcon, { fontSize: "small", color: "success" });
+        return /* @__PURE__ */ jsx17(CloudDoneIcon, { fontSize: "small", color: "success" });
     }
   })();
   const syncTooltip = (() => {
@@ -8172,8 +8345,14 @@ var ChatAppBar = ({
     }
     void triggerSync({ force: true });
   };
-  const { hasTTS, hasSTT, isAdmin, getCurrentTier, hasLimitedAdminDashboard } = useFeatures();
+  const { hasTTS, hasSTT, isAdmin, getCurrentTier, hasLimitedAdminDashboard, isSubscribed } = useFeatures();
   const { showVoiceControls, showLimitedAdminPanel } = useFeatureVisibility();
+  const frontierEligible = (() => {
+    if (isAdmin() || isSubscribed()) return true;
+    const tier = String(getCurrentTier());
+    return tier !== "trial" && tier !== "expired" && tier !== "free" && tier !== "basic";
+  })();
+  const plansPath = "/plans";
   const isTTSAvailable = !!packageSettings?.gatewayApiUrl && preferences.ttsEnabled && hasTTS();
   const currentConversation = conversations.find((c) => c.id === currentId);
   const conversationCountDisplay = conversations.length > 99 ? "99+" : conversations.length.toString();
@@ -8245,9 +8424,9 @@ var ChatAppBar = ({
     }
     safeNavigate("/");
   }
-  return /* @__PURE__ */ jsxs13(Fragment9, { children: [
-    /* @__PURE__ */ jsxs13(
-      Box13,
+  return /* @__PURE__ */ jsxs14(Fragment9, { children: [
+    /* @__PURE__ */ jsxs14(
+      Box14,
       {
         sx: {
           position: "fixed",
@@ -8267,8 +8446,8 @@ var ChatAppBar = ({
           }
         },
         children: [
-          /* @__PURE__ */ jsxs13(
-            Box13,
+          /* @__PURE__ */ jsxs14(
+            Box14,
             {
               sx: {
                 display: "flex",
@@ -8288,17 +8467,17 @@ var ChatAppBar = ({
                 }
               },
               children: [
-                /* @__PURE__ */ jsx16(Tooltip6, { title: homeTooltip, arrow: true, children: /* @__PURE__ */ jsx16(
-                  IconButton10,
+                /* @__PURE__ */ jsx17(Tooltip6, { title: homeTooltip, arrow: true, children: /* @__PURE__ */ jsx17(
+                  IconButton11,
                   {
                     onClick: goToHome,
                     sx: pillButtonStyles,
                     "aria-label": "Go to home page",
-                    children: /* @__PURE__ */ jsx16(HomeIcon, {})
+                    children: /* @__PURE__ */ jsx17(HomeIcon, {})
                   }
                 ) }),
-                showLimitedAdminPanel() && /* @__PURE__ */ jsx16(Tooltip6, { title: "Management & Settings", arrow: true, children: /* @__PURE__ */ jsx16(
-                  IconButton10,
+                showLimitedAdminPanel() && /* @__PURE__ */ jsx17(Tooltip6, { title: "Management & Settings", arrow: true, children: /* @__PURE__ */ jsx17(
+                  IconButton11,
                   {
                     onClick: () => safeNavigate(managementPath),
                     sx: {
@@ -8309,11 +8488,11 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Open management settings",
-                    children: /* @__PURE__ */ jsx16(SettingsIcon, {})
+                    children: /* @__PURE__ */ jsx17(SettingsIcon, {})
                   }
                 ) }),
-                /* @__PURE__ */ jsx16(Tooltip6, { title: syncTooltip, arrow: true, children: /* @__PURE__ */ jsxs13(
-                  IconButton10,
+                /* @__PURE__ */ jsx17(Tooltip6, { title: syncTooltip, arrow: true, children: /* @__PURE__ */ jsxs14(
+                  IconButton11,
                   {
                     onClick: handleSyncBadgeClick,
                     disabled: syncButtonDisabled,
@@ -8328,8 +8507,8 @@ var ChatAppBar = ({
                     "aria-label": "Conversation sync status",
                     children: [
                       syncIndicatorIcon,
-                      pendingCount > 0 && !syncButtonDisabled && syncStatus !== "syncing" && /* @__PURE__ */ jsx16(
-                        Box13,
+                      pendingCount > 0 && !syncButtonDisabled && syncStatus !== "syncing" && /* @__PURE__ */ jsx17(
+                        Box14,
                         {
                           sx: {
                             position: "absolute",
@@ -8354,8 +8533,8 @@ var ChatAppBar = ({
                     ]
                   }
                 ) }),
-                !isMobile && /* @__PURE__ */ jsx16(Tooltip6, { title: `${drawerOpen ? "Close" : "Open"} Conversations`, arrow: true, children: /* @__PURE__ */ jsxs13(
-                  IconButton10,
+                !isMobile && /* @__PURE__ */ jsx17(Tooltip6, { title: `${drawerOpen ? "Close" : "Open"} Conversations`, arrow: true, children: /* @__PURE__ */ jsxs14(
+                  IconButton11,
                   {
                     onClick: () => setDrawerOpen(!drawerOpen),
                     sx: {
@@ -8368,9 +8547,9 @@ var ChatAppBar = ({
                     "aria-label": `${drawerOpen ? "Close" : "Open"} conversations drawer`,
                     "aria-pressed": drawerOpen,
                     children: [
-                      drawerOpen ? /* @__PURE__ */ jsx16(NotesIcon, {}) : /* @__PURE__ */ jsx16(NotesIconOutlined, {}),
-                      conversations.length > 0 && /* @__PURE__ */ jsx16(
-                        Box13,
+                      drawerOpen ? /* @__PURE__ */ jsx17(NotesIcon, {}) : /* @__PURE__ */ jsx17(NotesIconOutlined, {}),
+                      conversations.length > 0 && /* @__PURE__ */ jsx17(
+                        Box14,
                         {
                           sx: {
                             position: "absolute",
@@ -8395,8 +8574,8 @@ var ChatAppBar = ({
                     ]
                   }
                 ) }),
-                !isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx16(Tooltip6, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx16(
-                  IconButton10,
+                !isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx17(Tooltip6, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx17(
+                  IconButton11,
                   {
                     onClick: () => createNewConversation(),
                     sx: {
@@ -8409,14 +8588,14 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Create new conversation",
-                    children: /* @__PURE__ */ jsx16(AddIcon, {})
+                    children: /* @__PURE__ */ jsx17(AddIcon, {})
                   }
                 ) })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs13(
-            Box13,
+          /* @__PURE__ */ jsxs14(
+            Box14,
             {
               sx: {
                 display: "flex",
@@ -8436,8 +8615,8 @@ var ChatAppBar = ({
                 }
               },
               children: [
-                isMobile && /* @__PURE__ */ jsx16(Tooltip6, { title: `Conversations (${conversations.length})`, arrow: true, children: /* @__PURE__ */ jsxs13(
-                  IconButton10,
+                isMobile && /* @__PURE__ */ jsx17(Tooltip6, { title: `Conversations (${conversations.length})`, arrow: true, children: /* @__PURE__ */ jsxs14(
+                  IconButton11,
                   {
                     onClick: () => setModalOpen(true),
                     sx: {
@@ -8446,9 +8625,9 @@ var ChatAppBar = ({
                     },
                     "aria-label": `Open conversations modal with ${conversations.length} conversations`,
                     children: [
-                      /* @__PURE__ */ jsx16(NotesIcon, { fontSize: "small" }),
-                      conversations.length > 0 && /* @__PURE__ */ jsx16(
-                        Box13,
+                      /* @__PURE__ */ jsx17(NotesIcon, { fontSize: "small" }),
+                      conversations.length > 0 && /* @__PURE__ */ jsx17(
+                        Box14,
                         {
                           sx: {
                             position: "absolute",
@@ -8473,8 +8652,8 @@ var ChatAppBar = ({
                     ]
                   }
                 ) }),
-                isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx16(Tooltip6, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx16(
-                  IconButton10,
+                isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx17(Tooltip6, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx17(
+                  IconButton11,
                   {
                     onClick: () => {
                       createNewConversation();
@@ -8490,11 +8669,11 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Create new conversation",
-                    children: /* @__PURE__ */ jsx16(AddIcon, { fontSize: "small" })
+                    children: /* @__PURE__ */ jsx17(AddIcon, { fontSize: "small" })
                   }
                 ) }),
-                /* @__PURE__ */ jsx16(Tooltip6, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ jsx16(
-                  IconButton10,
+                /* @__PURE__ */ jsx17(Tooltip6, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ jsx17(
+                  IconButton11,
                   {
                     onClick: (e) => setModelAnchorEl(e.currentTarget),
                     sx: {
@@ -8508,7 +8687,7 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": `Change AI personality. Currently using ${selectedModel}`,
-                    children: /* @__PURE__ */ jsx16(
+                    children: /* @__PURE__ */ jsx17(
                       Avatar8,
                       {
                         src: currentAvatar,
@@ -8525,16 +8704,16 @@ var ChatAppBar = ({
                     )
                   }
                 ) }),
-                /* @__PURE__ */ jsx16(Tooltip6, { title: `Engine \xB7 ${engineDisplay}`, arrow: true, children: /* @__PURE__ */ jsx16(
-                  IconButton10,
+                /* @__PURE__ */ jsx17(Tooltip6, { title: `Engine \xB7 ${engineDisplay}`, arrow: true, children: /* @__PURE__ */ jsx17(
+                  IconButton11,
                   {
                     onClick: (e) => setEngineAnchorEl(e.currentTarget),
                     sx: pillButtonStyles,
                     "aria-label": `Change base model (engine). Currently ${engineDisplay}`,
-                    children: /* @__PURE__ */ jsx16(AutoAwesomeIcon, { fontSize: "small" })
+                    children: /* @__PURE__ */ jsx17(AutoAwesomeIcon, { fontSize: "small" })
                   }
                 ) }),
-                /* @__PURE__ */ jsxs13(
+                /* @__PURE__ */ jsxs14(
                   Menu5,
                   {
                     anchorEl: engineAnchorEl,
@@ -8543,8 +8722,8 @@ var ChatAppBar = ({
                     transformOrigin: { horizontal: "right", vertical: "top" },
                     anchorOrigin: { horizontal: "right", vertical: "bottom" },
                     children: [
-                      /* @__PURE__ */ jsx16(Typography9, { variant: "overline", sx: { px: 2, color: theme.palette.text.secondary }, children: "Engine \xB7 base model" }),
-                      engines.length === 0 && /* @__PURE__ */ jsx16(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx16(Typography9, { variant: "body2", children: "No engines available" }) }),
+                      /* @__PURE__ */ jsx17(Typography10, { variant: "overline", sx: { px: 2, color: theme.palette.text.secondary }, children: "Engine \xB7 base model" }),
+                      engines.length === 0 && /* @__PURE__ */ jsx17(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx17(Typography10, { variant: "body2", children: "No engines available" }) }),
                       engines.map((engine) => {
                         const badges = [
                           engine.vision && "vision",
@@ -8552,12 +8731,14 @@ var ChatAppBar = ({
                           engine.thinking && "thinking",
                           engine.cloud && "cloud"
                         ].filter(Boolean);
-                        return /* @__PURE__ */ jsxs13(
+                        const isGated = engine.cloud && !frontierEligible;
+                        return /* @__PURE__ */ jsxs14(
                           MenuItem5,
                           {
                             selected: engine.id === resolvedEngineId,
-                            disabled: !engine.available,
+                            disabled: !engine.available || isGated,
                             onClick: () => {
+                              if (isGated) return;
                               useEngineStore.getState().setSelectedEngine(engine.id);
                               setEngineAnchorEl(null);
                             },
@@ -8569,16 +8750,63 @@ var ChatAppBar = ({
                               py: 1,
                               px: 2,
                               maxWidth: 360,
-                              whiteSpace: "normal"
+                              whiteSpace: "normal",
+                              // Keep gated rows readable (MUI disabled dims to ~38%) so the
+                              // upsell stays legible.
+                              ...isGated ? { opacity: 1, "&.Mui-disabled": { opacity: 1 } } : {}
                             },
                             children: [
-                              /* @__PURE__ */ jsxs13(Box13, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                                /* @__PURE__ */ jsx16(Typography9, { variant: "body2", sx: { fontWeight: 600, flex: 1 }, children: cleanEngineName(engine.displayName) }),
-                                engine.id === resolvedEngineId && /* @__PURE__ */ jsx16(Box13, { sx: { width: 8, height: 8, borderRadius: "50%", bgcolor: theme.palette.primary.main } })
+                              /* @__PURE__ */ jsxs14(Box14, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
+                                isGated && /* @__PURE__ */ jsx17(
+                                  LockIcon,
+                                  {
+                                    fontSize: "small",
+                                    sx: { fontSize: "0.95rem", color: theme.palette.text.secondary }
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx17(
+                                  Typography10,
+                                  {
+                                    variant: "body2",
+                                    sx: {
+                                      fontWeight: 600,
+                                      flex: 1,
+                                      color: isGated ? theme.palette.text.secondary : void 0
+                                    },
+                                    children: cleanEngineName(engine.displayName)
+                                  }
+                                ),
+                                engine.id === resolvedEngineId && !isGated && /* @__PURE__ */ jsx17(Box14, { sx: { width: 8, height: 8, borderRadius: "50%", bgcolor: theme.palette.primary.main } })
                               ] }),
-                              /* @__PURE__ */ jsx16(Typography9, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: engine.available ? engine.description : engine.unavailableReason || "Unavailable" }),
-                              badges.length > 0 && /* @__PURE__ */ jsx16(Box13, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", mt: 0.25 }, children: badges.map((b) => /* @__PURE__ */ jsx16(
-                                Box13,
+                              /* @__PURE__ */ jsx17(Typography10, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: isGated ? "Premium engine \u2014 available on a paid plan." : engine.available ? engine.description : engine.unavailableReason || "Unavailable" }),
+                              isGated && /* @__PURE__ */ jsx17(
+                                Button8,
+                                {
+                                  size: "small",
+                                  variant: "text",
+                                  startIcon: /* @__PURE__ */ jsx17(LockIcon, { sx: { fontSize: "0.85rem" } }),
+                                  onClick: (e) => {
+                                    e.stopPropagation();
+                                    setEngineAnchorEl(null);
+                                    safeNavigate(plansPath);
+                                  },
+                                  sx: {
+                                    mt: 0.25,
+                                    px: 0.75,
+                                    py: 0.1,
+                                    minWidth: 0,
+                                    textTransform: "none",
+                                    fontSize: "0.7rem",
+                                    fontWeight: 600,
+                                    color: theme.palette.primary.main,
+                                    // Re-enable pointer events the disabled MenuItem strips.
+                                    pointerEvents: "auto"
+                                  },
+                                  children: "Upgrade to unlock"
+                                }
+                              ),
+                              badges.length > 0 && /* @__PURE__ */ jsx17(Box14, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", mt: 0.25 }, children: badges.map((b) => /* @__PURE__ */ jsx17(
+                                Box14,
                                 {
                                   sx: {
                                     fontSize: "0.65rem",
@@ -8600,7 +8828,7 @@ var ChatAppBar = ({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx16(
+                /* @__PURE__ */ jsx17(
                   Menu5,
                   {
                     anchorEl: modelAnchorEl,
@@ -8636,7 +8864,7 @@ var ChatAppBar = ({
                         }
                       }
                     },
-                    children: availableModels.map((model) => /* @__PURE__ */ jsxs13(
+                    children: availableModels.map((model) => /* @__PURE__ */ jsxs14(
                       MenuItem5,
                       {
                         selected: model.name === selectedModel,
@@ -8683,7 +8911,7 @@ var ChatAppBar = ({
                           px: 2
                         },
                         children: [
-                          /* @__PURE__ */ jsx16(
+                          /* @__PURE__ */ jsx17(
                             Avatar8,
                             {
                               src: model.avatarBase64 || modelAvatars[model.name] || banditHead,
@@ -8696,12 +8924,12 @@ var ChatAppBar = ({
                               }
                             }
                           ),
-                          /* @__PURE__ */ jsxs13(Box13, { sx: { flex: 1 }, children: [
-                            /* @__PURE__ */ jsx16(Typography9, { variant: "body2", sx: { fontWeight: 500 }, children: model.name.replace("Bandit-", "") }),
-                            /* @__PURE__ */ jsx16(Typography9, { variant: "caption", sx: { color: theme.palette.text.secondary, display: "block" }, children: model.name === selectedModel ? "Currently active" : "Switch to this AI" })
+                          /* @__PURE__ */ jsxs14(Box14, { sx: { flex: 1 }, children: [
+                            /* @__PURE__ */ jsx17(Typography10, { variant: "body2", sx: { fontWeight: 500 }, children: model.name.replace("Bandit-", "") }),
+                            /* @__PURE__ */ jsx17(Typography10, { variant: "caption", sx: { color: theme.palette.text.secondary, display: "block" }, children: model.name === selectedModel ? "Currently active" : "Switch to this AI" })
                           ] }),
-                          model.name === selectedModel && /* @__PURE__ */ jsx16(
-                            Box13,
+                          model.name === selectedModel && /* @__PURE__ */ jsx17(
+                            Box14,
                             {
                               sx: {
                                 width: 8,
@@ -8717,9 +8945,9 @@ var ChatAppBar = ({
                     ))
                   }
                 ),
-                isTTSAvailable && /* @__PURE__ */ jsxs13(Fragment9, { children: [
-                  /* @__PURE__ */ jsx16(Tooltip6, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ jsx16(
-                    IconButton10,
+                isTTSAvailable && /* @__PURE__ */ jsxs14(Fragment9, { children: [
+                  /* @__PURE__ */ jsx17(Tooltip6, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ jsx17(
+                    IconButton11,
                     {
                       onClick: (e) => setVoiceAnchorEl(e.currentTarget),
                       sx: {
@@ -8732,10 +8960,10 @@ var ChatAppBar = ({
                         }
                       },
                       "aria-label": `Change voice. Currently using ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "default"}`,
-                      children: /* @__PURE__ */ jsx16(RecordVoiceOverIcon, { fontSize: "small" })
+                      children: /* @__PURE__ */ jsx17(RecordVoiceOverIcon, { fontSize: "small" })
                     }
                   ) }),
-                  /* @__PURE__ */ jsx16(
+                  /* @__PURE__ */ jsx17(
                     Menu5,
                     {
                       anchorEl: voiceAnchorEl,
@@ -8772,7 +9000,7 @@ var ChatAppBar = ({
                           }
                         }
                       },
-                      children: availableVoices.length > 0 ? availableVoices.map((voice) => /* @__PURE__ */ jsx16(
+                      children: availableVoices.length > 0 ? availableVoices.map((voice) => /* @__PURE__ */ jsx17(
                         MenuItem5,
                         {
                           selected: voice === selectedVoice,
@@ -8780,14 +9008,14 @@ var ChatAppBar = ({
                             handleVoiceChange(voice);
                             setVoiceAnchorEl(null);
                           },
-                          children: /* @__PURE__ */ jsxs13(Box13, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                            /* @__PURE__ */ jsx16(RecordVoiceOverIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }),
-                            /* @__PURE__ */ jsxs13(Box13, { sx: { flex: 1 }, children: [
-                              /* @__PURE__ */ jsx16(Typography9, { variant: "body2", children: toTitleCase(voice.split("-")[1]) }),
-                              /* @__PURE__ */ jsx16(Typography9, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
+                          children: /* @__PURE__ */ jsxs14(Box14, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
+                            /* @__PURE__ */ jsx17(RecordVoiceOverIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }),
+                            /* @__PURE__ */ jsxs14(Box14, { sx: { flex: 1 }, children: [
+                              /* @__PURE__ */ jsx17(Typography10, { variant: "body2", children: toTitleCase(voice.split("-")[1]) }),
+                              /* @__PURE__ */ jsx17(Typography10, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
                             ] }),
-                            voice === selectedVoice && /* @__PURE__ */ jsx16(
-                              Box13,
+                            voice === selectedVoice && /* @__PURE__ */ jsx17(
+                              Box14,
                               {
                                 sx: {
                                   width: 8,
@@ -8800,7 +9028,7 @@ var ChatAppBar = ({
                           ] })
                         },
                         voice
-                      )) : /* @__PURE__ */ jsx16(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx16(Typography9, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
+                      )) : /* @__PURE__ */ jsx17(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx17(Typography10, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
                     }
                   )
                 ] })
@@ -8810,17 +9038,17 @@ var ChatAppBar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx16(conversation_drawer_default, { open: drawerOpen, onClose: () => setDrawerOpen(false) }),
-    /* @__PURE__ */ jsx16(enhanced_mobile_conversations_modal_default, { open: modalOpen, onClose: () => setModalOpen(false) }),
-    /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsx17(conversation_drawer_default, { open: drawerOpen, onClose: () => setDrawerOpen(false) }),
+    /* @__PURE__ */ jsx17(enhanced_mobile_conversations_modal_default, { open: modalOpen, onClose: () => setModalOpen(false) }),
+    /* @__PURE__ */ jsxs14(
       Dialog6,
       {
         open: confirmModelChangeOpen,
         onClose: () => setConfirmModelChangeOpen(false),
         children: [
-          /* @__PURE__ */ jsx16(DialogTitle5, { children: "Change personality and start new conversation?" }),
-          /* @__PURE__ */ jsx16(DialogContent5, { children: /* @__PURE__ */ jsxs13(Box13, { display: "flex", alignItems: "center", gap: 2, mt: 1, justifyContent: "center", children: [
-            /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17(DialogTitle5, { children: "Change personality and start new conversation?" }),
+          /* @__PURE__ */ jsx17(DialogContent5, { children: /* @__PURE__ */ jsxs14(Box14, { display: "flex", alignItems: "center", gap: 2, mt: 1, justifyContent: "center", children: [
+            /* @__PURE__ */ jsx17(
               Avatar8,
               {
                 src: pendingModelAvatar,
@@ -8828,16 +9056,16 @@ var ChatAppBar = ({
                 sx: { width: 40, height: 40, filter: "brightness(1.7)" }
               }
             ),
-            /* @__PURE__ */ jsxs13(Typography9, { variant: "body2", children: [
+            /* @__PURE__ */ jsxs14(Typography10, { variant: "body2", children: [
               "Your current conversation will be saved, and a new one will begin with ",
-              /* @__PURE__ */ jsx16("strong", { children: pendingModel }),
+              /* @__PURE__ */ jsx17("strong", { children: pendingModel }),
               "."
             ] })
           ] }) }),
-          /* @__PURE__ */ jsxs13(DialogActions5, { children: [
-            /* @__PURE__ */ jsx16(Button7, { onClick: () => setConfirmModelChangeOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx16(
-              Button7,
+          /* @__PURE__ */ jsxs14(DialogActions5, { children: [
+            /* @__PURE__ */ jsx17(Button8, { onClick: () => setConfirmModelChangeOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx17(
+              Button8,
               {
                 onClick: () => {
                   if (pendingModel) {
@@ -8939,31 +9167,31 @@ Respond with just the title and nothing else.
 };
 
 // src/chat/query-suggestion-picker.tsx
-import { useEffect as useEffect13, useRef as useRef11, useState as useState16 } from "react";
-import { Box as Box14, useMediaQuery as useMediaQuery6 } from "@mui/material";
-import { useTheme as useTheme13, alpha as alpha8 } from "@mui/material/styles";
+import { useEffect as useEffect13, useRef as useRef12, useState as useState16 } from "react";
+import { Box as Box15, useMediaQuery as useMediaQuery6 } from "@mui/material";
+import { useTheme as useTheme14, 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 Fragment10, jsx as jsx17 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx18 } from "react/jsx-runtime";
 var markdownComponents = {
-  p: ({ node, ...props }) => /* @__PURE__ */ jsx17("span", { ...props }),
-  mark: ({ node, children, ...props }) => /* @__PURE__ */ jsx17("mark", { ...props, children }),
+  p: ({ node, ...props }) => /* @__PURE__ */ jsx18("span", { ...props }),
+  mark: ({ node, children, ...props }) => /* @__PURE__ */ jsx18("mark", { ...props, children }),
   code: ({ node, children, ...props }) => {
     const { inline, ...rest } = props;
-    return inline ? /* @__PURE__ */ jsx17("code", { ...rest, children }) : /* @__PURE__ */ jsx17("code", { ...rest, children });
+    return inline ? /* @__PURE__ */ jsx18("code", { ...rest, children }) : /* @__PURE__ */ jsx18("code", { ...rest, children });
   }
 };
 var QuerySuggestionPicker = ({
   onSend,
   inputHeight
 }) => {
-  const hasGenerated = useRef11(false);
+  const hasGenerated = useRef12(false);
   const [hasSentPrompt, setHasSentPrompt] = useState16(false);
   const [examplePrompts, setExamplePrompts] = useState16([]);
   const [visiblePrompts, setVisiblePrompts] = useState16([]);
-  const scrollRef = useRef11(null);
-  const theme = useTheme13();
+  const scrollRef = useRef12(null);
+  const theme = useTheme14();
   const isMobile = useMediaQuery6((theme2) => theme2.breakpoints.down("sm"));
   const { background, text, border, hoverBackground, hoverBorder } = theme.palette.chat.suggestion;
   const { getCurrentModel, isLoading } = useModelStore();
@@ -9024,8 +9252,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__ */ jsx17(Fragment10, { children: /* @__PURE__ */ jsx17(
-    Box14,
+  return displayPrompts.length > 0 && /* @__PURE__ */ jsx18(Fragment10, { children: /* @__PURE__ */ jsx18(
+    Box15,
     {
       ref: scrollRef,
       sx: {
@@ -9041,8 +9269,8 @@ var QuerySuggestionPicker = ({
         pb: isMobile ? 0.4 : 0,
         "&::-webkit-scrollbar": { display: "none" }
       },
-      children: displayPrompts.map((prompt, i) => /* @__PURE__ */ jsx17(
-        Box14,
+      children: displayPrompts.map((prompt, i) => /* @__PURE__ */ jsx18(
+        Box15,
         {
           sx: {
             px: isMobile ? 1.4 : 2,
@@ -9076,8 +9304,8 @@ var QuerySuggestionPicker = ({
             onSend(prompt, []);
             setHasSentPrompt(true);
           },
-          children: /* @__PURE__ */ jsx17(
-            Box14,
+          children: /* @__PURE__ */ jsx18(
+            Box15,
             {
               sx: {
                 flex: 1,
@@ -9101,7 +9329,7 @@ var QuerySuggestionPicker = ({
                   padding: "0.1em 0.25em"
                 }
               },
-              children: /* @__PURE__ */ jsx17(
+              children: /* @__PURE__ */ jsx18(
                 ReactMarkdown,
                 {
                   remarkPlugins: [remarkGfm],
@@ -9120,18 +9348,18 @@ var QuerySuggestionPicker = ({
 };
 
 // ../../src/pages/under-review.tsx
-import { Box as Box15, Typography as Typography10, useTheme as useTheme14 } from "@mui/material";
-import { useNavigate as useNavigate2 } from "react-router-dom";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Box as Box16, Typography as Typography11, useTheme as useTheme15 } from "@mui/material";
+import { useNavigate as useNavigate3 } from "react-router-dom";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 var UnderReview = () => {
-  const theme = useTheme14();
-  const navigate = useNavigate2();
+  const theme = useTheme15();
+  const navigate = useNavigate3();
   const handleSneakyLogout = () => {
     localStorage.removeItem("authToken");
     navigate("/login");
   };
-  return /* @__PURE__ */ jsxs14(
-    Box15,
+  return /* @__PURE__ */ jsxs15(
+    Box16,
     {
       sx: {
         minHeight: "100vh",
@@ -9146,8 +9374,8 @@ var UnderReview = () => {
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ jsx18(
-          Box15,
+        /* @__PURE__ */ jsx19(
+          Box16,
           {
             onClick: handleSneakyLogout,
             sx: {
@@ -9172,13 +9400,13 @@ var UnderReview = () => {
             title: "Reset session"
           }
         ),
-        /* @__PURE__ */ jsx18(Typography10, { variant: "h4", sx: { mb: 2, fontWeight: 700, color: theme.palette.error.main }, children: "Under Review" }),
-        /* @__PURE__ */ jsxs14(Typography10, { variant: "body1", sx: { mb: 2, color: theme.palette.text.secondary }, children: [
+        /* @__PURE__ */ jsx19(Typography11, { variant: "h4", sx: { mb: 2, fontWeight: 700, color: theme.palette.error.main }, children: "Under Review" }),
+        /* @__PURE__ */ jsxs15(Typography11, { variant: "body1", sx: { mb: 2, color: theme.palette.text.secondary }, children: [
           "Your request to use our services is currently being reviewed.",
-          /* @__PURE__ */ jsx18("br", {}),
+          /* @__PURE__ */ jsx19("br", {}),
           "For more info, please contact ",
           " ",
-          /* @__PURE__ */ jsx18("a", { href: "mailto:team@banditai.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@banditai.ai" })
+          /* @__PURE__ */ jsx19("a", { href: "mailto:team@banditai.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@banditai.ai" })
         ] })
       ]
     }
@@ -9187,13 +9415,13 @@ var UnderReview = () => {
 var under_review_default = UnderReview;
 
 // src/components/ConnectionStatus.tsx
-import { Box as Box16, Chip as Chip5, useTheme as useTheme15 } from "@mui/material";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { Box as Box17, Chip as Chip5, useTheme as useTheme16 } from "@mui/material";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var ConnectionStatus = ({
   showWhenGood = false,
   position = "top"
 }) => {
-  const theme = useTheme15();
+  const theme = useTheme16();
   const { isOnline, connectionQuality, isSlowConnection } = useNetworkStatus();
   if (connectionQuality === "fast" && !showWhenGood) {
     return null;
@@ -9202,28 +9430,28 @@ var ConnectionStatus = ({
     switch (connectionQuality) {
       case "offline":
         return {
-          icon: /* @__PURE__ */ jsx19(WifiOffIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx20(WifiOffIcon, { sx: { fontSize: 16 } }),
           label: "Offline",
           color: "error",
           severity: "high"
         };
       case "slow":
         return {
-          icon: /* @__PURE__ */ jsx19(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx20(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
           label: "Slow connection",
           color: "warning",
           severity: "medium"
         };
       case "fast":
         return {
-          icon: /* @__PURE__ */ jsx19(WifiIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx20(WifiIcon, { sx: { fontSize: 16 } }),
           label: "Connected",
           color: "success",
           severity: "low"
         };
       default:
         return {
-          icon: /* @__PURE__ */ jsx19(WifiIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx20(WifiIcon, { sx: { fontSize: 16 } }),
           label: "Unknown",
           color: "default",
           severity: "low"
@@ -9231,8 +9459,8 @@ var ConnectionStatus = ({
     }
   };
   const config = getStatusConfig();
-  return /* @__PURE__ */ jsx19(
-    Box16,
+  return /* @__PURE__ */ jsx20(
+    Box17,
     {
       sx: {
         position: "fixed",
@@ -9247,7 +9475,7 @@ var ConnectionStatus = ({
           "100%": { opacity: 1 }
         }
       },
-      children: /* @__PURE__ */ jsx19(
+      children: /* @__PURE__ */ jsx20(
         Chip5,
         {
           icon: config.icon,
@@ -9271,7 +9499,7 @@ var ConnectionStatus = ({
 };
 
 // src/hooks/useVoiceMode.ts
-import { useEffect as useEffect14, useRef as useRef12 } from "react";
+import { useEffect as useEffect14, useRef as useRef13 } from "react";
 var RMS_BASELINE = 128;
 var RMS_NORMALIZER = 128;
 var computeRms = (data) => {
@@ -9301,7 +9529,7 @@ var useVoiceMode = (config) => {
   const setError = useVoiceModeStore((state) => state.setError);
   const resetTransientState = useVoiceModeStore((state) => state.resetTransientState);
   const setLastTranscript = useVoiceModeStore((state) => state.setLastTranscript);
-  const configRef = useRef12(config);
+  const configRef = useRef13(config);
   useEffect14(() => {
     configRef.current = config;
   }, [config]);
@@ -9560,7 +9788,7 @@ var useVoiceMode = (config) => {
 };
 
 // src/chat/chat.tsx
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 var ChatContent = () => {
   const packageSettings = usePackageSettingsStore((state) => state.settings);
   const featureFlag = useFeatureFlag();
@@ -9621,8 +9849,8 @@ var ChatContent = () => {
   } = useVoiceStore();
   const isVoiceModeEnabled = useVoiceModeStore((state) => state.enabled);
   const canvasOpen = useCanvasStore((state) => state.open);
-  const previousVoiceModeEnabledRef = useRef13(isVoiceModeEnabled);
-  const historyRef = useRef13(history);
+  const previousVoiceModeEnabledRef = useRef14(isVoiceModeEnabled);
+  const historyRef = useRef14(history);
   useEffect15(() => {
     historyRef.current = history;
   }, [history]);
@@ -9668,9 +9896,9 @@ var ChatContent = () => {
     }
   }, [packageSettings?.gatewayApiUrl, availableVoices.length, initialized, loadVoicesFromAPI, token]);
   const provider = useAIProviderStore((state) => state.provider);
-  const inputRef = useRef13(null);
+  const inputRef = useRef14(null);
   const [pastedImages, setPastedImages] = useState17([]);
-  const inputContainerRef = useRef13(null);
+  const inputContainerRef = useRef14(null);
   const [inputHeight, setInputHeight] = useState17(80);
   const [isSubmitting, setIsSubmitting] = useState17(false);
   const [pendingMessage, setPendingMessage] = useState17(null);
@@ -9696,17 +9924,17 @@ var ChatContent = () => {
   const initialLogoState = history.length === 0;
   const [logoVisible, setLogoVisible] = useState17(initialLogoState);
   const [logoShouldRender, setLogoShouldRender] = useState17(initialLogoState);
-  const streamingGraceUntilRef = useRef13(0);
+  const streamingGraceUntilRef = useRef14(0);
   const GRACE_MS = 450;
   const GRACE_OFFSET_DESKTOP = 28;
   const GRACE_OFFSET_MOBILE = 20;
-  const followStreamRef = useRef13(true);
-  const lastSpokenResponseRef = useRef13(null);
-  const previousConversationIdRef = useRef13(null);
-  const logoFadeTimeoutRef = useRef13(null);
+  const followStreamRef = useRef14(true);
+  const lastSpokenResponseRef = useRef14(null);
+  const previousConversationIdRef = useRef14(null);
+  const logoFadeTimeoutRef = useRef14(null);
   const [branding, setBranding] = useState17(null);
   const [brandingLoading, setBrandingLoading] = useState17(true);
-  const isBrandingLoadInProgressRef = useRef13(false);
+  const isBrandingLoadInProgressRef = useRef14(false);
   const logoOnly = history.length === 0 && !brandingLoading;
   useEffect15(() => {
     const isEmptyConversation = (history?.length ?? 0) === 0;
@@ -10473,10 +10701,10 @@ var ChatContent = () => {
     }
   };
   if (!hydrated || brandingLoading || themeLoading) {
-    return /* @__PURE__ */ jsxs15(ThemeProvider, { theme: banditTheme, children: [
-      /* @__PURE__ */ jsx20(CssBaseline, {}),
-      /* @__PURE__ */ jsxs15(
-        Box17,
+    return /* @__PURE__ */ jsxs16(ThemeProvider, { theme: banditTheme, children: [
+      /* @__PURE__ */ jsx21(CssBaseline, {}),
+      /* @__PURE__ */ jsxs16(
+        Box18,
         {
           sx: (theme) => ({
             minHeight: "100dvh",
@@ -10489,8 +10717,8 @@ var ChatContent = () => {
             color: theme.palette.text.primary
           }),
           children: [
-            /* @__PURE__ */ jsx20(CircularProgress4, { size: 32, thickness: 4 }),
-            /* @__PURE__ */ jsx20(Typography11, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
+            /* @__PURE__ */ jsx21(CircularProgress4, { size: 32, thickness: 4 }),
+            /* @__PURE__ */ jsx21(Typography12, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
           ]
         }
       )
@@ -10498,15 +10726,15 @@ var ChatContent = () => {
   }
   const userHasAccess = playgroundBypassAccess || ossMode || claims?.roles?.includes("super-user") || claims?.roles?.includes("admin");
   if (!userHasAccess) {
-    return /* @__PURE__ */ jsxs15(ThemeProvider, { theme: banditTheme, children: [
-      /* @__PURE__ */ jsx20(CssBaseline, {}),
-      /* @__PURE__ */ jsx20(under_review_default, {})
+    return /* @__PURE__ */ jsxs16(ThemeProvider, { theme: banditTheme, children: [
+      /* @__PURE__ */ jsx21(CssBaseline, {}),
+      /* @__PURE__ */ jsx21(under_review_default, {})
     ] });
   }
-  return /* @__PURE__ */ jsxs15(ThemeProvider, { theme: banditTheme, children: [
-    /* @__PURE__ */ jsx20(CssBaseline, {}),
-    /* @__PURE__ */ jsxs15(
-      Box17,
+  return /* @__PURE__ */ jsxs16(ThemeProvider, { theme: banditTheme, children: [
+    /* @__PURE__ */ jsx21(CssBaseline, {}),
+    /* @__PURE__ */ jsxs16(
+      Box18,
       {
         sx: (theme) => ({
           display: "flex",
@@ -10524,7 +10752,7 @@ var ChatContent = () => {
           transition: "left 0.3s ease-in-out, width 0.3s ease-in-out"
         }),
         children: [
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21(
             chat_app_bar_default,
             {
               availableModels,
@@ -10536,8 +10764,8 @@ var ChatContent = () => {
               setDrawerOpen
             }
           ),
-          /* @__PURE__ */ jsx20(
-            Box17,
+          /* @__PURE__ */ jsx21(
+            Box18,
             {
               ref: chatContainerRef,
               sx: {
@@ -10557,8 +10785,8 @@ var ChatContent = () => {
                 msOverflowStyle: "none",
                 "&::-webkit-scrollbar": { display: "none" }
               },
-              children: /* @__PURE__ */ jsxs15(
-                Box17,
+              children: /* @__PURE__ */ jsxs16(
+                Box18,
                 {
                   sx: {
                     width: "100%",
@@ -10568,9 +10796,9 @@ var ChatContent = () => {
                     pt: 2
                   },
                   children: [
-                    logoShouldRender && !brandingLoading && (branding?.logoBase64 ? /* @__PURE__ */ jsx20(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ jsx20(bandit_chat_logo_default, { visible: logoVisible, atTop: true })),
-                    /* @__PURE__ */ jsx20(
-                      Box17,
+                    logoShouldRender && !brandingLoading && (branding?.logoBase64 ? /* @__PURE__ */ jsx21(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ jsx21(bandit_chat_logo_default, { visible: logoVisible, atTop: true })),
+                    /* @__PURE__ */ jsx21(
+                      Box18,
                       {
                         sx: {
                           margin: "0 auto",
@@ -10579,7 +10807,7 @@ var ChatContent = () => {
                           flexShrink: 0,
                           px: isMobile ? 0 : 0
                         },
-                        children: /* @__PURE__ */ jsx20(
+                        children: /* @__PURE__ */ jsx21(
                           chat_messages_default,
                           {
                             isStreaming,
@@ -10603,7 +10831,7 @@ var ChatContent = () => {
               )
             }
           ),
-          showScrollToBottom && /* @__PURE__ */ jsx20(
+          showScrollToBottom && /* @__PURE__ */ jsx21(
             chat_scroll_to_bottom_button_default,
             {
               inputHeight,
@@ -10612,8 +10840,8 @@ var ChatContent = () => {
               onClick: handleScrollToBottomClick
             }
           ),
-          history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ jsx20(
-            Box17,
+          history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ jsx21(
+            Box18,
             {
               sx: (theme) => ({
                 position: "absolute",
@@ -10631,8 +10859,8 @@ var ChatContent = () => {
               })
             }
           ),
-          /* @__PURE__ */ jsxs15(
-            Box17,
+          /* @__PURE__ */ jsxs16(
+            Box18,
             {
               sx: {
                 display: "flex",
@@ -10643,10 +10871,11 @@ var ChatContent = () => {
                 maxWidth: "768px"
               },
               children: [
-                /* @__PURE__ */ jsx20(Box17, { sx: { flex: "1 1 auto" } }),
-                history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ jsx20(Box17, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ jsx20(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
-                /* @__PURE__ */ jsx20(ask_user_card_default, {}),
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx21(Box18, { sx: { flex: "1 1 auto" } }),
+                history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ jsx21(Box18, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ jsx21(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
+                /* @__PURE__ */ jsx21(rate_limit_prompt_default, {}),
+                /* @__PURE__ */ jsx21(ask_user_card_default, {}),
+                /* @__PURE__ */ jsx21(
                   chat_input_default,
                   {
                     inputValue,
@@ -10673,7 +10902,7 @@ var ChatContent = () => {
               ]
             }
           ),
-          preferences.feedbackEnabled && !isMobile && /* @__PURE__ */ jsx20(
+          preferences.feedbackEnabled && !isMobile && /* @__PURE__ */ jsx21(
             FeedbackButton,
             {
               fullScreen: false,
@@ -10686,11 +10915,11 @@ var ChatContent = () => {
               }
             }
           ),
-          /* @__PURE__ */ jsx20(ConnectionStatus, { position: "top", showWhenGood: false })
+          /* @__PURE__ */ jsx21(ConnectionStatus, { position: "top", showWhenGood: false })
         ]
       }
     ),
-    /* @__PURE__ */ jsx20(canvas_panel_default, { isMobile })
+    /* @__PURE__ */ jsx21(canvas_panel_default, { isMobile })
   ] });
 };
 var Chat = () => {
@@ -10716,13 +10945,13 @@ var Chat = () => {
   });
   if (!allowUnauthenticated && !bypassAuth && !authenticationService.isAuthenticated()) {
     debugLogger.debug("User is not authenticated, redirecting to login");
-    return /* @__PURE__ */ jsx20(Navigate, { to: "/login", replace: true });
+    return /* @__PURE__ */ jsx21(Navigate, { to: "/login", replace: true });
   }
-  return /* @__PURE__ */ jsx20(ChatContent, {});
+  return /* @__PURE__ */ jsx21(ChatContent, {});
 };
 var chat_default = Chat;
 
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-UEWOOLEB.mjs.map
+//# sourceMappingURL=chunk-BD6R7MTV.mjs.map