@burtson-labs/bandit-engine 2.0.117 → 2.0.119

package/dist/management/management.js

@@ -21890,6 +21890,167 @@ var init_ask_user_card = __esm({
   }
 });
 
+// src/store/rateLimitStore.ts
+var import_zustand17, useRateLimitStore, parseRateLimitError;
+var init_rateLimitStore = __esm({
+  "src/store/rateLimitStore.ts"() {
+    "use strict";
+    import_zustand17 = require("zustand");
+    useRateLimitStore = (0, import_zustand17.create)((set) => ({
+      prompt: null,
+      show: (prompt) => set({ prompt }),
+      dismiss: () => set({ prompt: null })
+    }));
+    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
+var import_react47, import_material40, import_react_router_dom2, import_jsx_runtime40, RateLimitPrompt, rate_limit_prompt_default;
+var init_rate_limit_prompt = __esm({
+  "src/chat/rate-limit-prompt.tsx"() {
+    "use strict";
+    import_react47 = require("react");
+    import_material40 = require("@mui/material");
+    import_react_router_dom2 = require("react-router-dom");
+    init_lucide_icons();
+    init_rateLimitStore();
+    init_debugLogger();
+    import_jsx_runtime40 = require("react/jsx-runtime");
+    RateLimitPrompt = () => {
+      const theme = (0, import_material40.useTheme)();
+      const prompt = useRateLimitStore((s) => s.prompt);
+      const dismiss = useRateLimitStore((s) => s.dismiss);
+      const hasLoggedRouterWarningRef = (0, import_react47.useRef)(false);
+      let navigate = null;
+      try {
+        navigate = (0, import_react_router_dom2.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__ */ (0, import_jsx_runtime40.jsxs)(
+        import_material40.Box,
+        {
+          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__ */ (0, import_jsx_runtime40.jsx)(
+              import_material40.Box,
+              {
+                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__ */ (0, import_jsx_runtime40.jsx)(AutoAwesomeIcon, { fontSize: "small" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { variant: "subtitle2", sx: { fontWeight: 600, color: theme.palette.text.primary }, children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { variant: "body2", sx: { color: theme.palette.text.secondary, mt: 0.25 }, children: body }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { display: "flex", gap: 1, mt: 1, flexWrap: "wrap" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  import_material40.Button,
+                  {
+                    size: "small",
+                    variant: "contained",
+                    disableElevation: true,
+                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AutoAwesomeIcon, { sx: { fontSize: "0.9rem" } }),
+                    onClick: () => {
+                      dismiss();
+                      safeNavigate("/plans");
+                    },
+                    sx: { textTransform: "none", fontWeight: 600, borderRadius: 2 },
+                    children: "Upgrade to keep chatting"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  import_material40.Button,
+                  {
+                    size: "small",
+                    variant: "text",
+                    onClick: () => dismiss(),
+                    sx: { textTransform: "none", color: theme.palette.text.secondary },
+                    children: scope === "weekly" ? "Maybe later" : "I'll wait"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              import_material40.IconButton,
+              {
+                size: "small",
+                "aria-label": "Dismiss upgrade prompt",
+                onClick: () => dismiss(),
+                sx: { color: theme.palette.text.secondary, mt: -0.5, mr: -0.5 },
+                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CloseIcon, { fontSize: "small" })
+              }
+            )
+          ]
+        }
+      );
+    };
+    rate_limit_prompt_default = RateLimitPrompt;
+  }
+});
+
 // src/services/telemetry/otlpExporter.ts
 function redactSecretsString(s) {
   return s.replace(/\b(?:sk|tvly|ghp|gho|pk|rk)[-_][A-Za-z0-9]{8,}\b/gi, "[redacted]").replace(/\beyJ[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+/g, "[redacted-jwt]").replace(/\bBearer\s+[A-Za-z0-9._-]{8,}/gi, "Bearer [redacted]");
@@ -22215,11 +22376,11 @@ var init_telemetry = __esm({
 });
 
 // src/store/engineStore.ts
-var import_zustand17, STORAGE_KEY2, readStored, useEngineStore;
+var import_zustand18, STORAGE_KEY2, readStored, useEngineStore;
 var init_engineStore = __esm({
   "src/store/engineStore.ts"() {
     "use strict";
-    import_zustand17 = require("zustand");
+    import_zustand18 = require("zustand");
     init_packageSettingsStore();
     init_authenticationService();
     init_debugLogger();
@@ -22231,7 +22392,7 @@ var init_engineStore = __esm({
         return null;
       }
     };
-    useEngineStore = (0, import_zustand17.create)((set, get) => ({
+    useEngineStore = (0, import_zustand18.create)((set, get) => ({
       selectedEngine: readStored(),
       engines: [],
       loaded: false,
@@ -22811,15 +22972,15 @@ The user explicitly asked you to remember this. Respond with a short third-perso
 });
 
 // src/chat/hooks/useMoodEngine.tsx
-var import_react47, useMoodEngine, moodPromptMap;
+var import_react48, useMoodEngine, moodPromptMap;
 var init_useMoodEngine = __esm({
   "src/chat/hooks/useMoodEngine.tsx"() {
     "use strict";
-    import_react47 = require("react");
+    import_react48 = require("react");
     init_prompts();
     init_debugLogger();
     useMoodEngine = () => {
-      const [mood, setMood] = (0, import_react47.useState)("neutral");
+      const [mood, setMood] = (0, import_react48.useState)("neutral");
       const analyzeMood = async (message) => {
         try {
           const detected = await detectMessageMood(message);
@@ -23033,12 +23194,12 @@ var init_mcp = __esm({
 });
 
 // src/chat/hooks/useAIProvider.tsx
-var import_react48, lightBudget, medBudget, heavyBudget, modelConfigs, PERSONAL_TAG_HINTS, PERSONAL_TOPIC_HINTS, clamp, parseDateToEpoch, normalizeVectorMemory, isPersonalMemory, computeRecencyBoost, computeBoostedScore, formatMemoryLine, prepareAdvancedMemoryContext, useAIProvider;
+var import_react49, lightBudget, medBudget, heavyBudget, modelConfigs, PERSONAL_TAG_HINTS, PERSONAL_TOPIC_HINTS, clamp, parseDateToEpoch, normalizeVectorMemory, isPersonalMemory, computeRecencyBoost, computeBoostedScore, formatMemoryLine, prepareAdvancedMemoryContext, useAIProvider;
 var init_useAIProvider = __esm({
   "src/chat/hooks/useAIProvider.tsx"() {
     "use strict";
     init_debugLogger();
-    import_react48 = require("react");
+    import_react49 = require("react");
     init_knowledgeStore();
     init_aiProviderStore();
     init_telemetry();
@@ -23053,6 +23214,7 @@ var init_useAIProvider = __esm({
     init_preferencesStore();
     init_mcp();
     init_askUserStore();
+    init_rateLimitStore();
     lightBudget = {
       maxTokens: 2048,
       memoryTokenBudget: 750,
@@ -23340,25 +23502,25 @@ var init_useAIProvider = __esm({
       inputRef,
       onError
     }) => {
-      const currentSubRef = (0, import_react48.useRef)(null);
-      const lastPartialRef = (0, import_react48.useRef)({
+      const currentSubRef = (0, import_react49.useRef)(null);
+      const lastPartialRef = (0, import_react49.useRef)({
         text: "",
         images: [],
         usedDocs: [],
         question: ""
       });
-      const flushTimerRef = (0, import_react48.useRef)(null);
+      const flushTimerRef = (0, import_react49.useRef)(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 = (0, import_react48.useRef)({
+      const pinnedVectorCacheRef = (0, import_react49.useRef)({
         fetchedAt: 0,
         memories: []
       });
-      const getPinnedVectorMemories = (0, import_react48.useCallback)(async () => {
+      const getPinnedVectorMemories = (0, import_react49.useCallback)(async () => {
         if (!isVectorEnabled) {
           return [];
         }
@@ -23383,7 +23545,7 @@ var init_useAIProvider = __esm({
           flushTimerRef.current = null;
         }
       };
-      const runAIProvider = (0, import_react48.useCallback)(
+      const runAIProvider = (0, import_react49.useCallback)(
         async (systemPrompt, question, images) => {
           if (!provider) {
             debugLogger.error("No AI provider configured");
@@ -23400,6 +23562,7 @@ var init_useAIProvider = __esm({
           setResponse("");
           setStreamBuffer("");
           clearFlushTimer();
+          useRateLimitStore.getState().dismiss();
           const imageList = Array.isArray(images) ? [...images] : [];
           const conversationStoreState = useConversationStore.getState();
           const { addToCurrent, replaceLastAnswer, conversations, currentId } = conversationStoreState;
@@ -23916,6 +24079,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("...")) {
@@ -24509,11 +24695,11 @@ ${inlineImageBlocks.join("\n\n")}` : "");
 });
 
 // src/hooks/useAutoScroll.ts
-var import_react49, SCROLL_STATE_CHANGED_EVENT, useAutoScroll;
+var import_react50, SCROLL_STATE_CHANGED_EVENT, useAutoScroll;
 var init_useAutoScroll = __esm({
   "src/hooks/useAutoScroll.ts"() {
     "use strict";
-    import_react49 = require("react");
+    import_react50 = require("react");
     SCROLL_STATE_CHANGED_EVENT = "scrollStateChanged";
     useAutoScroll = (options = {}) => {
       const {
@@ -24522,10 +24708,10 @@ var init_useAutoScroll = __esm({
         enabled = true,
         isMobile = false
       } = options;
-      const containerRef = (0, import_react49.useRef)(null);
-      const targetRef = (0, import_react49.useRef)(null);
-      const shouldAutoScrollRef = (0, import_react49.useRef)(true);
-      const isNearBottom = (0, import_react49.useCallback)(() => {
+      const containerRef = (0, import_react50.useRef)(null);
+      const targetRef = (0, import_react50.useRef)(null);
+      const shouldAutoScrollRef = (0, import_react50.useRef)(true);
+      const isNearBottom = (0, import_react50.useCallback)(() => {
         const container = containerRef.current;
         if (!container) return true;
         const { scrollTop, scrollHeight, clientHeight } = container;
@@ -24533,7 +24719,7 @@ var init_useAutoScroll = __esm({
         const effectiveThreshold = Math.max(threshold, 10);
         return distanceFromBottom <= effectiveThreshold;
       }, [threshold]);
-      const scrollToBottom = (0, import_react49.useCallback)((forceBehavior) => {
+      const scrollToBottom = (0, import_react50.useCallback)((forceBehavior) => {
         if (!enabled) return;
         const container = containerRef.current;
         if (container) {
@@ -24560,7 +24746,7 @@ var init_useAutoScroll = __esm({
           }
         }
       }, [enabled, behavior, isMobile]);
-      const forceScrollToBottom = (0, import_react49.useCallback)(() => {
+      const forceScrollToBottom = (0, import_react50.useCallback)(() => {
         scrollToBottom("smooth");
         const container = containerRef.current;
         if (container) {
@@ -24578,7 +24764,7 @@ var init_useAutoScroll = __esm({
           rafId = requestAnimationFrame(tick);
         }
       }, [scrollToBottom, isNearBottom]);
-      const autoScrollIfNeeded = (0, import_react49.useCallback)(() => {
+      const autoScrollIfNeeded = (0, import_react50.useCallback)(() => {
         if (enabled && shouldAutoScrollRef.current && isNearBottom()) {
           scrollToBottom();
           const container = containerRef.current;
@@ -24599,7 +24785,7 @@ var init_useAutoScroll = __esm({
         }
       }, [enabled, isNearBottom, scrollToBottom]);
       const containerElement = containerRef.current;
-      (0, import_react49.useEffect)(() => {
+      (0, import_react50.useEffect)(() => {
         if (!containerElement) return;
         const handleScroll = () => {
           const currentlyNearBottom = isNearBottom();
@@ -24609,10 +24795,10 @@ var init_useAutoScroll = __esm({
         containerElement.addEventListener("scroll", handleScroll, { passive: true });
         return () => containerElement.removeEventListener("scroll", handleScroll);
       }, [containerElement, isNearBottom]);
-      (0, import_react49.useEffect)(() => {
+      (0, import_react50.useEffect)(() => {
         autoScrollIfNeeded();
       });
-      const getScrollState = (0, import_react49.useCallback)(() => {
+      const getScrollState = (0, import_react50.useCallback)(() => {
         const container = containerRef.current;
         if (!container) {
           return {
@@ -24650,24 +24836,24 @@ var init_useAutoScroll = __esm({
 });
 
 // src/hooks/useNetworkStatus.ts
-var import_react50, useNetworkStatus;
+var import_react51, useNetworkStatus;
 var init_useNetworkStatus = __esm({
   "src/hooks/useNetworkStatus.ts"() {
     "use strict";
-    import_react50 = require("react");
+    import_react51 = require("react");
     useNetworkStatus = () => {
-      const [networkStatus, setNetworkStatus] = (0, import_react50.useState)({
+      const [networkStatus, setNetworkStatus] = (0, import_react51.useState)({
         isOnline: navigator.onLine,
         isSlowConnection: false,
         connectionQuality: "fast",
         lastRequestTime: 0
       });
-      const trackRequestStart = (0, import_react50.useCallback)(() => {
+      const trackRequestStart = (0, import_react51.useCallback)(() => {
         const startTime = Date.now();
         setNetworkStatus((prev) => ({ ...prev, lastRequestTime: startTime }));
         return startTime;
       }, []);
-      const trackRequestEnd = (0, import_react50.useCallback)((startTime) => {
+      const trackRequestEnd = (0, import_react51.useCallback)((startTime) => {
         const duration = Date.now() - startTime;
         const isSlowConnection = duration > 2e3;
         setNetworkStatus((prev) => ({
@@ -24676,7 +24862,7 @@ var init_useNetworkStatus = __esm({
           connectionQuality: !navigator.onLine ? "offline" : isSlowConnection ? "slow" : "fast"
         }));
       }, []);
-      (0, import_react50.useEffect)(() => {
+      (0, import_react51.useEffect)(() => {
         const handleOnline = () => {
           setNetworkStatus((prev) => ({
             ...prev,
@@ -24698,7 +24884,7 @@ var init_useNetworkStatus = __esm({
           window.removeEventListener("offline", handleOffline);
         };
       }, []);
-      (0, import_react50.useEffect)(() => {
+      (0, import_react51.useEffect)(() => {
         const { connection } = navigator;
         if (connection) {
           const updateConnectionInfo = () => {
@@ -24736,17 +24922,17 @@ var init_useNetworkStatus = __esm({
 });
 
 // src/chat/project-management-modal.tsx
-var import_react51, import_material40, import_lucide_react7, import_styles24, import_jsx_runtime40, DEFAULT_COLORS2, ProjectManagementModal, project_management_modal_default;
+var import_react52, import_material41, import_lucide_react7, import_styles24, import_jsx_runtime41, DEFAULT_COLORS2, ProjectManagementModal, project_management_modal_default;
 var init_project_management_modal = __esm({
   "src/chat/project-management-modal.tsx"() {
     "use strict";
-    import_react51 = require("react");
-    import_material40 = require("@mui/material");
+    import_react52 = require("react");
+    import_material41 = require("@mui/material");
     import_lucide_react7 = require("lucide-react");
     import_styles24 = require("@mui/material/styles");
     init_projectStore();
     init_conversationStore();
-    import_jsx_runtime40 = require("react/jsx-runtime");
+    import_jsx_runtime41 = require("react/jsx-runtime");
     DEFAULT_COLORS2 = [
       "#2196F3",
       "#4CAF50",
@@ -24764,7 +24950,7 @@ var init_project_management_modal = __esm({
       onClose
     }) => {
       const theme = (0, import_styles24.useTheme)();
-      const isMobile = (0, import_material40.useMediaQuery)(theme.breakpoints.down("sm"));
+      const isMobile = (0, import_material41.useMediaQuery)(theme.breakpoints.down("sm"));
       const {
         projects,
         _hasHydrated,
@@ -24776,25 +24962,25 @@ var init_project_management_modal = __esm({
         hydrate
       } = useProjectStore();
       const { getConversationsByProject } = useConversationStore();
-      const [showCreateForm, setShowCreateForm] = (0, import_react51.useState)(false);
-      const [editingProject, setEditingProject] = (0, import_react51.useState)(null);
-      const [formData, setFormData] = (0, import_react51.useState)({
+      const [showCreateForm, setShowCreateForm] = (0, import_react52.useState)(false);
+      const [editingProject, setEditingProject] = (0, import_react52.useState)(null);
+      const [formData, setFormData] = (0, import_react52.useState)({
         name: "",
         description: "",
         instructions: "",
         color: DEFAULT_COLORS2[0]
       });
-      const [menuAnchor, setMenuAnchor] = (0, import_react51.useState)(null);
-      const [selectedProject, setSelectedProject] = (0, import_react51.useState)(null);
-      const [loading, setLoading] = (0, import_react51.useState)(false);
-      const [error, setError] = (0, import_react51.useState)(null);
-      const modalContainerRef = (0, import_react51.useRef)(null);
-      (0, import_react51.useEffect)(() => {
+      const [menuAnchor, setMenuAnchor] = (0, import_react52.useState)(null);
+      const [selectedProject, setSelectedProject] = (0, import_react52.useState)(null);
+      const [loading, setLoading] = (0, import_react52.useState)(false);
+      const [error, setError] = (0, import_react52.useState)(null);
+      const modalContainerRef = (0, import_react52.useRef)(null);
+      (0, import_react52.useEffect)(() => {
         if (open && !_hasHydrated) {
           hydrate();
         }
       }, [open, _hasHydrated, hydrate]);
-      (0, import_react51.useEffect)(() => {
+      (0, import_react52.useEffect)(() => {
         if (!open) {
           setMenuAnchor(null);
           setSelectedProject(null);
@@ -24904,8 +25090,8 @@ var init_project_management_modal = __esm({
       const hoverSurface = (0, import_styles24.alpha)(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__ */ (0, import_jsx_runtime40.jsxs)(
-        import_material40.Box,
+      const content = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+        import_material41.Box,
         {
           ref: modalContainerRef,
           sx: {
@@ -24923,8 +25109,8 @@ var init_project_management_modal = __esm({
             position: "relative"
           },
           children: [
-            isMobile && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-              import_material40.Box,
+            isMobile && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+              import_material41.Box,
               {
                 sx: {
                   width: 56,
@@ -24937,8 +25123,8 @@ var init_project_management_modal = __esm({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
-              import_material40.Box,
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+              import_material41.Box,
               {
                 sx: {
                   px: isMobile ? 1.5 : 2.75,
@@ -24950,8 +25136,8 @@ var init_project_management_modal = __esm({
                   gap: 1
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
-                    import_material40.Box,
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+                    import_material41.Box,
                     {
                       sx: {
                         display: "flex",
@@ -24960,8 +25146,8 @@ var init_project_management_modal = __esm({
                         gap: 1
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
-                          import_material40.Box,
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+                          import_material41.Box,
                           {
                             sx: {
                               display: "flex",
@@ -24971,9 +25157,9 @@ var init_project_management_modal = __esm({
                               flex: 1
                             },
                             children: [
-                              showCreateForm && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.IconButton, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react7.ArrowLeft, { size: 16 }) }),
-                              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                                import_material40.Typography,
+                              showCreateForm && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.IconButton, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react7.ArrowLeft, { size: 16 }) }),
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                import_material41.Typography,
                                 {
                                   variant: "h6",
                                   sx: {
@@ -24989,16 +25175,16 @@ var init_project_management_modal = __esm({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.IconButton, { onClick: handleClose, size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react7.X, {}) })
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.IconButton, { onClick: handleClose, size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react7.X, {}) })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { variant: "body2", color: "text.secondary", children: headerSubtitle })
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Typography, { variant: "body2", color: "text.secondary", children: headerSubtitle })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
-              import_material40.Box,
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+              import_material41.Box,
               {
                 sx: {
                   flex: 1,
@@ -25010,10 +25196,10 @@ var init_project_management_modal = __esm({
                   gap: 2.5
                 },
                 children: [
-                  error && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Alert, { severity: "error", onClose: () => setError(null), children: error }),
-                  showCreateForm ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                      import_material40.TextField,
+                  error && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Alert, { severity: "error", onClose: () => setError(null), children: error }),
+                  showCreateForm ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material41.Box, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      import_material41.TextField,
                       {
                         label: "Project name",
                         value: formData.name,
@@ -25024,8 +25210,8 @@ var init_project_management_modal = __esm({
                         autoFocus: true
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                      import_material40.TextField,
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      import_material41.TextField,
                       {
                         label: "Description (optional)",
                         value: formData.description,
@@ -25036,8 +25222,8 @@ var init_project_management_modal = __esm({
                         disabled: loading
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                      import_material40.TextField,
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      import_material41.TextField,
                       {
                         label: "Project instructions (optional)",
                         helperText: "Standing context the assistant uses for every chat in this project \u2014 goals, tone, key facts.",
@@ -25049,10 +25235,10 @@ var init_project_management_modal = __esm({
                         disabled: loading
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { variant: "subtitle2", sx: { mb: 1 }, children: "Color" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: DEFAULT_COLORS2.map((color) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                        import_material40.Box,
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material41.Box, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Typography, { variant: "subtitle2", sx: { mb: 1 }, children: "Color" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: DEFAULT_COLORS2.map((color) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                        import_material41.Box,
                         {
                           sx: {
                             width: 32,
@@ -25072,11 +25258,11 @@ var init_project_management_modal = __esm({
                         color
                       )) })
                     ] })
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                      import_material40.Button,
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material41.Box, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      import_material41.Button,
                       {
-                        startIcon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react7.Plus, {}),
+                        startIcon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react7.Plus, {}),
                         onClick: () => setShowCreateForm(true),
                         variant: "contained",
                         sx: {
@@ -25088,8 +25274,8 @@ var init_project_management_modal = __esm({
                         children: "Create project"
                       }
                     ),
-                    projects.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
-                      import_material40.Box,
+                    projects.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+                      import_material41.Box,
                       {
                         sx: {
                           textAlign: "center",
@@ -25101,15 +25287,15 @@ var init_project_management_modal = __esm({
                           backgroundColor: subtleSurface
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react7.Folder, { size: 48, style: { marginBottom: 8, opacity: 0.5 } }),
-                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { variant: "body1", sx: { fontWeight: 600 }, children: "No projects yet" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { variant: "body2", children: "Create your first project to organize conversations." })
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react7.Folder, { size: 48, style: { marginBottom: 8, opacity: 0.5 } }),
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Typography, { variant: "body1", sx: { fontWeight: 600 }, children: "No projects yet" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Typography, { variant: "body2", children: "Create your first project to organize conversations." })
                         ]
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.List, { sx: { display: "flex", flexDirection: "column", gap: 1.25, py: 0 }, children: projects.map((project) => {
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.List, { sx: { display: "flex", flexDirection: "column", gap: 1.25, py: 0 }, children: projects.map((project) => {
                       const conversationCount = getConversationsByProject(project.id).length;
-                      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.ListItem, { disablePadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
-                        import_material40.Box,
+                      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.ListItem, { disablePadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+                        import_material41.Box,
                         {
                           sx: {
                             display: "flex",
@@ -25127,8 +25313,8 @@ var init_project_management_modal = __esm({
                             }
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                              import_material40.Avatar,
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                              import_material41.Avatar,
                               {
                                 sx: {
                                   bgcolor: project.color,
@@ -25136,21 +25322,21 @@ var init_project_management_modal = __esm({
                                   height: 36,
                                   fontSize: "1rem"
                                 },
-                                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react7.Folder, { size: 16 })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react7.Folder, { size: 16 })
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { flex: 1, minWidth: 0 }, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                                  import_material40.Typography,
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material41.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material41.Box, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                  import_material41.Typography,
                                   {
                                     variant: "subtitle1",
                                     sx: { fontWeight: 600, overflow: "hidden", textOverflow: "ellipsis" },
                                     children: project.name
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                                  import_material40.Chip,
+                                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                  import_material41.Chip,
                                   {
                                     label: `${conversationCount}`,
                                     size: "small",
@@ -25164,8 +25350,8 @@ var init_project_management_modal = __esm({
                                   }
                                 )
                               ] }),
-                              project.description && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                                import_material40.Typography,
+                              project.description && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                import_material41.Typography,
                                 {
                                   variant: "body2",
                                   color: "text.secondary",
@@ -25174,8 +25360,8 @@ var init_project_management_modal = __esm({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                              import_material40.IconButton,
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                              import_material41.IconButton,
                               {
                                 onClick: (e) => {
                                   e.stopPropagation();
@@ -25187,7 +25373,7 @@ var init_project_management_modal = __esm({
                                   mt: 0.25,
                                   zIndex: 1
                                 },
-                                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react7.MoreVertical, { size: 16 })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react7.MoreVertical, { size: 16 })
                               }
                             )
                           ]
@@ -25198,8 +25384,8 @@ var init_project_management_modal = __esm({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-              import_material40.Box,
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+              import_material41.Box,
               {
                 sx: {
                   px: isMobile ? 1.5 : 2.75,
@@ -25209,9 +25395,9 @@ var init_project_management_modal = __esm({
                   justifyContent: "flex-end",
                   gap: 1
                 },
-                children: showCreateForm ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                    import_material40.Button,
+                children: showCreateForm ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                    import_material41.Button,
                     {
                       onClick: resetForm,
                       disabled: loading,
@@ -25219,22 +25405,22 @@ var init_project_management_modal = __esm({
                       children: "Cancel"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                    import_material40.Button,
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                    import_material41.Button,
                     {
                       onClick: editingProject ? handleEditProject : handleCreateProject,
                       variant: "contained",
                       disabled: loading,
-                      startIcon: loading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.CircularProgress, { size: 16 }) : void 0,
+                      startIcon: loading ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.CircularProgress, { size: 16 }) : void 0,
                       sx: { textTransform: "none", borderRadius: 2 },
                       children: editingProject ? "Update project" : "Create project"
                     }
                   )
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Button, { onClick: handleClose, sx: { textTransform: "none", borderRadius: 2 }, children: "Close" })
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Button, { onClick: handleClose, sx: { textTransform: "none", borderRadius: 2 }, children: "Close" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
-              import_material40.Menu,
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+              import_material41.Menu,
               {
                 anchorEl: menuAnchor,
                 open: Boolean(menuAnchor),
@@ -25255,30 +25441,30 @@ var init_project_management_modal = __esm({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                    import_material40.MenuItem,
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                    import_material41.MenuItem,
                     {
                       onClick: () => {
                         if (!selectedProject) return;
                         startEdit(selectedProject);
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react7.Pencil, { size: 16 }),
-                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { variant: "body2", color: "inherit", children: "Edit" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material41.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react7.Pencil, { size: 16 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Typography, { variant: "body2", color: "inherit", children: "Edit" })
                       ] })
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                    import_material40.MenuItem,
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                    import_material41.MenuItem,
                     {
                       onClick: () => {
                         if (!selectedProject) return;
                         handleDeleteProject(selectedProject);
                       },
                       sx: { color: theme.palette.error.main },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react7.Trash2, { size: 16 }),
-                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { variant: "body2", color: "inherit", children: "Delete" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material41.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react7.Trash2, { size: 16 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Typography, { variant: "body2", color: "inherit", children: "Delete" })
                       ] })
                     }
                   )
@@ -25288,8 +25474,8 @@ var init_project_management_modal = __esm({
           ]
         }
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_jsx_runtime40.Fragment, { children: isMobile ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-        import_material40.SwipeableDrawer,
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, { children: isMobile ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        import_material41.SwipeableDrawer,
         {
           anchor: "bottom",
           open,
@@ -25308,8 +25494,8 @@ var init_project_management_modal = __esm({
           },
           children: content
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-        import_material40.Modal,
+      ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        import_material41.Modal,
         {
           open,
           onClose: handleClose,
@@ -25329,18 +25515,18 @@ var init_project_management_modal = __esm({
 });
 
 // src/chat/move-conversation-modal.tsx
-var import_react52, import_material41, import_lucide_react8, import_styles25, import_jsx_runtime41, MoveConversationModal, move_conversation_modal_default;
+var import_react53, import_material42, import_lucide_react8, import_styles25, import_jsx_runtime42, MoveConversationModal, move_conversation_modal_default;
 var init_move_conversation_modal = __esm({
   "src/chat/move-conversation-modal.tsx"() {
     "use strict";
-    import_react52 = require("react");
-    import_material41 = require("@mui/material");
+    import_react53 = require("react");
+    import_material42 = require("@mui/material");
     import_lucide_react8 = require("lucide-react");
     import_styles25 = require("@mui/material/styles");
     init_projectStore();
     init_conversationStore();
     init_debugLogger();
-    import_jsx_runtime41 = require("react/jsx-runtime");
+    import_jsx_runtime42 = require("react/jsx-runtime");
     MoveConversationModal = ({
       open,
       onClose,
@@ -25350,15 +25536,15 @@ var init_move_conversation_modal = __esm({
       const theme = (0, import_styles25.useTheme)();
       const { projects, _hasHydrated, hydrate } = useProjectStore();
       const { moveConversationToProject } = useConversationStore();
-      const [selectedProjectId, setSelectedProjectId] = (0, import_react52.useState)(
+      const [selectedProjectId, setSelectedProjectId] = (0, import_react53.useState)(
         currentProjectId
       );
-      (0, import_react52.useEffect)(() => {
+      (0, import_react53.useEffect)(() => {
         if (open && !_hasHydrated) {
           hydrate();
         }
       }, [open, _hasHydrated, hydrate]);
-      (0, import_react52.useEffect)(() => {
+      (0, import_react53.useEffect)(() => {
         setSelectedProjectId(currentProjectId);
       }, [currentProjectId, open]);
       const handleMove = async () => {
@@ -25377,8 +25563,8 @@ var init_move_conversation_modal = __esm({
       };
       const conversationCount = conversations.length;
       const isMultiple = conversationCount > 1;
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-        import_material41.Dialog,
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+        import_material42.Dialog,
         {
           open,
           onClose,
@@ -25391,40 +25577,40 @@ var init_move_conversation_modal = __esm({
             }
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material41.DialogTitle, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogTitle, { children: [
               "Move ",
               isMultiple ? `${conversationCount} Conversations` : "Conversation"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material41.DialogContent, { sx: { px: 3 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Typography, { 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__ */ (0, import_jsx_runtime41.jsxs)(import_material41.List, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.ListItem, { disablePadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-                  import_material41.ListItemButton,
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogContent, { sx: { px: 3 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { 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__ */ (0, import_jsx_runtime42.jsxs)(import_material42.List, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItem, { disablePadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+                  import_material42.ListItemButton,
                   {
                     onClick: () => setSelectedProjectId(null),
                     selected: selectedProjectId === null,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                        import_material41.Radio,
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                        import_material42.Radio,
                         {
                           checked: selectedProjectId === null,
                           onChange: () => setSelectedProjectId(null),
                           size: "small"
                         }
                       ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                        import_material41.Avatar,
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                        import_material42.Avatar,
                         {
                           sx: {
                             bgcolor: theme.palette.grey[400],
                             width: 32,
                             height: 32
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react8.Inbox, {})
+                          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react8.Inbox, {})
                         }
                       ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                        import_material41.ListItemText,
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                        import_material42.ListItemText,
                         {
                           primary: "No Project",
                           secondary: "Keep conversations ungrouped"
@@ -25433,34 +25619,34 @@ var init_move_conversation_modal = __esm({
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Divider, { sx: { my: 1 } }),
-                projects.map((project) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.ListItem, { disablePadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-                  import_material41.ListItemButton,
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Divider, { sx: { my: 1 } }),
+                projects.map((project) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItem, { disablePadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+                  import_material42.ListItemButton,
                   {
                     onClick: () => setSelectedProjectId(project.id),
                     selected: selectedProjectId === project.id,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                        import_material41.Radio,
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                        import_material42.Radio,
                         {
                           checked: selectedProjectId === project.id,
                           onChange: () => setSelectedProjectId(project.id),
                           size: "small"
                         }
                       ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                        import_material41.Avatar,
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                        import_material42.Avatar,
                         {
                           sx: {
                             bgcolor: project.color,
                             width: 32,
                             height: 32
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react8.Folder, {})
+                          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react8.Folder, {})
                         }
                       ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                        import_material41.ListItemText,
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                        import_material42.ListItemText,
                         {
                           primary: project.name,
                           secondary: project.description
@@ -25469,17 +25655,17 @@ var init_move_conversation_modal = __esm({
                     ]
                   }
                 ) }, project.id)),
-                projects.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Box, { sx: {
+                projects.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Box, { sx: {
                   textAlign: "center",
                   py: 2,
                   color: theme.palette.text.secondary
-                }, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Typography, { variant: "body2", children: "No projects available. Create a project first to organize conversations." }) })
+                }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", children: "No projects available. Create a project first to organize conversations." }) })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material41.DialogActions, { sx: { px: 3, pb: 2 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Button, { onClick: onClose, children: "Cancel" }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-                import_material41.Button,
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogActions, { sx: { px: 3, pb: 2 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { onClick: onClose, children: "Cancel" }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+                import_material42.Button,
                 {
                   onClick: handleMove,
                   variant: "contained",
@@ -25500,15 +25686,15 @@ var init_move_conversation_modal = __esm({
 });
 
 // src/chat/simple-conversation-item.tsx
-var import_react53, import_material42, import_lucide_react9, import_styles26, import_jsx_runtime42, SimpleConversationItem, simple_conversation_item_default;
+var import_react54, import_material43, import_lucide_react9, import_styles26, import_jsx_runtime43, SimpleConversationItem, simple_conversation_item_default;
 var init_simple_conversation_item = __esm({
   "src/chat/simple-conversation-item.tsx"() {
     "use strict";
-    import_react53 = require("react");
-    import_material42 = require("@mui/material");
+    import_react54 = require("react");
+    import_material43 = require("@mui/material");
     import_lucide_react9 = require("lucide-react");
     import_styles26 = require("@mui/material/styles");
-    import_jsx_runtime42 = require("react/jsx-runtime");
+    import_jsx_runtime43 = require("react/jsx-runtime");
     SimpleConversationItem = ({
       conversation,
       isSelected,
@@ -25525,17 +25711,17 @@ var init_simple_conversation_item = __esm({
       isTouchDragActive
     }) => {
       const theme = (0, import_styles26.useTheme)();
-      const isMobile = (0, import_material42.useMediaQuery)(theme.breakpoints.down("sm"));
-      const [anchorEl, setAnchorEl] = (0, import_react53.useState)(null);
-      const [isEditing, setIsEditing] = (0, import_react53.useState)(false);
-      const [editName, setEditName] = (0, import_react53.useState)(conversation.name);
-      const [isDragging, setIsDragging] = (0, import_react53.useState)(false);
-      const [isTouchDragging, setIsTouchDragging] = (0, import_react53.useState)(false);
-      const [showRenameDialog, setShowRenameDialog] = (0, import_react53.useState)(false);
-      const longPressTimeoutRef = (0, import_react53.useRef)(null);
-      const touchStartPointRef = (0, import_react53.useRef)(null);
-      const activeTouchIdRef = (0, import_react53.useRef)(null);
-      const suppressClickRef = (0, import_react53.useRef)(false);
+      const isMobile = (0, import_material43.useMediaQuery)(theme.breakpoints.down("sm"));
+      const [anchorEl, setAnchorEl] = (0, import_react54.useState)(null);
+      const [isEditing, setIsEditing] = (0, import_react54.useState)(false);
+      const [editName, setEditName] = (0, import_react54.useState)(conversation.name);
+      const [isDragging, setIsDragging] = (0, import_react54.useState)(false);
+      const [isTouchDragging, setIsTouchDragging] = (0, import_react54.useState)(false);
+      const [showRenameDialog, setShowRenameDialog] = (0, import_react54.useState)(false);
+      const longPressTimeoutRef = (0, import_react54.useRef)(null);
+      const touchStartPointRef = (0, import_react54.useRef)(null);
+      const activeTouchIdRef = (0, import_react54.useRef)(null);
+      const suppressClickRef = (0, import_react54.useRef)(false);
       const highlightText = (text, query) => {
         if (!query || !query.trim()) {
           return text;
@@ -25543,8 +25729,8 @@ var init_simple_conversation_item = __esm({
         const regex = new RegExp(`(${query.trim()})`, "gi");
         const parts = text.split(regex);
         return parts.map(
-          (part, index) => regex.test(part) ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_material42.Box,
+          (part, index) => regex.test(part) ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            import_material43.Box,
             {
               component: "span",
               sx: {
@@ -25674,14 +25860,14 @@ var init_simple_conversation_item = __esm({
         if (!isMobile) return;
         finalizeTouchDrag();
       };
-      (0, import_react53.useEffect)(() => {
+      (0, import_react54.useEffect)(() => {
         if (!isTouchDragActive && isTouchDragging) {
           setIsTouchDragging(false);
         }
       }, [isTouchDragActive, isTouchDragging]);
-      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-          import_material42.Box,
+      return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+          import_material43.Box,
           {
             "data-project-id": conversation.projectId ?? "__ungrouped",
             draggable: !isMobile && !isEditing,
@@ -25733,7 +25919,7 @@ var init_simple_conversation_item = __esm({
               }
             },
             children: [
-              !isMobile && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              !isMobile && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 import_lucide_react9.GripVertical,
                 {
                   size: 16,
@@ -25741,9 +25927,9 @@ var init_simple_conversation_item = __esm({
                   style: { marginRight: 4, cursor: "grab" }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { flex: 1, minWidth: 0 }, children: [
-                isEditing ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                  import_material42.TextField,
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+                isEditing ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                  import_material43.TextField,
                   {
                     value: editName,
                     onChange: (e) => setEditName(e.target.value),
@@ -25765,8 +25951,8 @@ var init_simple_conversation_item = __esm({
                       }
                     }
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                  import_material42.Typography,
+                ) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                  import_material43.Typography,
                   {
                     variant: "body2",
                     sx: {
@@ -25780,8 +25966,8 @@ var init_simple_conversation_item = __esm({
                     children: highlightText(conversation.name, searchQuery)
                   }
                 ),
-                !isEditing && snippet && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                  import_material42.Typography,
+                !isEditing && snippet && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                  import_material43.Typography,
                   {
                     variant: "caption",
                     sx: {
@@ -25799,8 +25985,8 @@ var init_simple_conversation_item = __esm({
                   }
                 )
               ] }),
-              !isEditing && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                import_material42.IconButton,
+              !isEditing && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                import_material43.IconButton,
                 {
                   onClick: handleMenuOpen,
                   size: "small",
@@ -25828,11 +26014,11 @@ var init_simple_conversation_item = __esm({
                       }
                     }
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.MoreVertical, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react9.MoreVertical, { size: 16 })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-                import_material42.Menu,
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+                import_material43.Menu,
                 {
                   anchorEl,
                   open: Boolean(anchorEl),
@@ -25858,17 +26044,17 @@ var init_simple_conversation_item = __esm({
                     }
                   },
                   children: [
-                    onRename && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.MenuItem, { onClick: handleEdit, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.Pencil, { size: 16 }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemText, { children: "Rename" })
+                    onRename && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.MenuItem, { onClick: handleEdit, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react9.Pencil, { size: 16 }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.ListItemText, { children: "Rename" })
                     ] }),
-                    onMove && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.MenuItem, { onClick: handleMove, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.MailOpen, { size: 16 }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemText, { children: "Move to Project" })
+                    onMove && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.MenuItem, { onClick: handleMove, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react9.MailOpen, { size: 16 }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.ListItemText, { children: "Move to Project" })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.MenuItem, { onClick: handleDelete, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.Trash2, { size: 16 }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemText, { children: "Delete" })
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.MenuItem, { onClick: handleDelete, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react9.Trash2, { size: 16 }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.ListItemText, { children: "Delete" })
                     ] })
                   ]
                 }
@@ -25876,8 +26062,8 @@ var init_simple_conversation_item = __esm({
             ]
           }
         ),
-        isMobile && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-          import_material42.Dialog,
+        isMobile && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+          import_material43.Dialog,
           {
             open: showRenameDialog,
             onClose: () => {
@@ -25892,9 +26078,9 @@ var init_simple_conversation_item = __esm({
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogTitle, { sx: { pb: 1 }, children: "Rename Conversation" }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                import_material42.TextField,
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.DialogTitle, { sx: { pb: 1 }, children: "Rename Conversation" }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                import_material43.TextField,
                 {
                   value: editName,
                   onChange: (e) => setEditName(e.target.value),
@@ -25906,9 +26092,9 @@ var init_simple_conversation_item = __esm({
                   }
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogActions, { sx: { px: 3, pb: 2 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                  import_material42.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.DialogActions, { sx: { px: 3, pb: 2 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                  import_material43.Button,
                   {
                     onClick: () => {
                       setShowRenameDialog(false);
@@ -25917,8 +26103,8 @@ var init_simple_conversation_item = __esm({
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                  import_material42.Button,
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                  import_material43.Button,
                   {
                     onClick: () => {
                       commitRename();
@@ -25940,18 +26126,18 @@ var init_simple_conversation_item = __esm({
 });
 
 // src/chat/project-header.tsx
-var import_react54, import_material43, import_lucide_react10, import_styles27, import_jsx_runtime43, ProjectHeader, project_header_default;
+var import_react55, import_material44, import_lucide_react10, import_styles27, import_jsx_runtime44, ProjectHeader, project_header_default;
 var init_project_header = __esm({
   "src/chat/project-header.tsx"() {
     "use strict";
-    import_react54 = require("react");
-    import_material43 = require("@mui/material");
+    import_react55 = require("react");
+    import_material44 = require("@mui/material");
     import_lucide_react10 = require("lucide-react");
     import_styles27 = require("@mui/material/styles");
     init_conversationStore();
     init_projectStore();
     init_debugLogger();
-    import_jsx_runtime43 = require("react/jsx-runtime");
+    import_jsx_runtime44 = require("react/jsx-runtime");
     ProjectHeader = ({
       projectId,
       projectName,
@@ -25968,10 +26154,10 @@ var init_project_header = __esm({
       const theme = (0, import_styles27.useTheme)();
       const { createNewConversation } = useConversationStore();
       const { renameProject } = useProjectStore();
-      const [isHovered, setIsHovered] = (0, import_react54.useState)(false);
-      const [isDragOver, setIsDragOver] = (0, import_react54.useState)(false);
-      const [renameDraft, setRenameDraft] = (0, import_react54.useState)(projectName);
-      const renameActionRef = (0, import_react54.useRef)("none");
+      const [isHovered, setIsHovered] = (0, import_react55.useState)(false);
+      const [isDragOver, setIsDragOver] = (0, import_react55.useState)(false);
+      const [renameDraft, setRenameDraft] = (0, import_react55.useState)(projectName);
+      const renameActionRef = (0, import_react55.useRef)("none");
       const isUngrouped = projectId === null;
       const Icon = isCollapsed ? import_lucide_react10.Folder : import_lucide_react10.FolderOpen;
       const handleAddConversation = (e) => {
@@ -26017,8 +26203,8 @@ var init_project_header = __esm({
         setRenameDraft(projectName);
         onRenameComplete?.();
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-        import_material43.Box,
+      return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+        import_material44.Box,
         {
           "data-project-id": projectId ?? "__ungrouped",
           onMouseEnter: () => setIsHovered(true),
@@ -26034,37 +26220,37 @@ var init_project_header = __esm({
             py: 1.5,
             cursor: isUngrouped ? "default" : "pointer",
             // No pointer cursor for ungrouped
-            bgcolor: isDragOver || isTouchTarget ? (0, import_material43.alpha)(projectColor || theme.palette.primary.main, 0.1) : void 0,
+            bgcolor: isDragOver || isTouchTarget ? (0, import_material44.alpha)(projectColor || theme.palette.primary.main, 0.1) : void 0,
             border: isDragOver || isTouchTarget ? `2px dashed ${projectColor || theme.palette.primary.main}` : "2px solid transparent",
             borderRadius: isDragOver || isTouchTarget ? 1 : 0,
             transition: "all 0.2s ease",
             "&:hover": !isUngrouped ? {
               // Only show hover for projects, not ungrouped
-              bgcolor: (0, import_material43.alpha)(theme.palette.text.primary, 0.04)
+              bgcolor: (0, import_material44.alpha)(theme.palette.text.primary, 0.04)
             } : {}
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.Avatar,
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Avatar,
               {
                 sx: {
-                  bgcolor: isUngrouped ? (0, import_material43.alpha)(theme.palette.text.disabled, 0.1) : projectColor || theme.palette.grey[400],
+                  bgcolor: isUngrouped ? (0, import_material44.alpha)(theme.palette.text.disabled, 0.1) : projectColor || theme.palette.grey[400],
                   width: 28,
                   height: 28,
                   mr: 1.5
                 },
-                children: isUngrouped ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                children: isUngrouped ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                   import_lucide_react10.Inbox,
                   {
                     size: 16,
                     color: theme.palette.text.disabled,
                     style: { opacity: 0.7 }
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { size: 16 })
+                ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { size: 16 })
               }
             ),
-            isRenaming && !isUngrouped ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.TextField,
+            isRenaming && !isUngrouped ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.TextField,
               {
                 value: renameDraft,
                 onChange: (e) => setRenameDraft(e.target.value),
@@ -26110,8 +26296,8 @@ var init_project_header = __esm({
                   }
                 }
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-              import_material43.Typography,
+            ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+              import_material44.Typography,
               {
                 variant: "subtitle2",
                 sx: {
@@ -26123,8 +26309,8 @@ var init_project_header = __esm({
                 },
                 children: [
                   projectName,
-                  isDragOver && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-                    import_material43.Typography,
+                  isDragOver && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                    import_material44.Typography,
                     {
                       component: "span",
                       variant: "caption",
@@ -26139,13 +26325,13 @@ var init_project_header = __esm({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.Chip,
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.Chip,
               {
                 label: conversationCount,
                 size: "small",
                 sx: {
-                  bgcolor: isUngrouped ? (0, import_material43.alpha)(theme.palette.text.disabled, 0.1) : (0, import_material43.alpha)(projectColor || theme.palette.primary.main, 0.15),
+                  bgcolor: isUngrouped ? (0, import_material44.alpha)(theme.palette.text.disabled, 0.1) : (0, import_material44.alpha)(projectColor || theme.palette.primary.main, 0.15),
                   color: isUngrouped ? theme.palette.text.disabled : projectColor || theme.palette.primary.main,
                   minWidth: 28,
                   height: 22,
@@ -26159,9 +26345,9 @@ var init_project_header = __esm({
                 }
               }
             ),
-            isRenaming && !isUngrouped && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_material43.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5, ml: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Tooltip, { title: "Cancel and remove", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-                import_material43.IconButton,
+            isRenaming && !isUngrouped && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5, ml: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Tooltip, { title: "Cancel and remove", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                import_material44.IconButton,
                 {
                   size: "small",
                   onMouseDown: (e) => {
@@ -26169,12 +26355,12 @@ var init_project_header = __esm({
                     renameActionRef.current = "delete";
                     onRenameCancelDelete ? onRenameCancelDelete() : cancelRename();
                   },
-                  sx: { color: (0, import_material43.alpha)(theme.palette.error.main, 0.9) },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react10.X, { size: 16 })
+                  sx: { color: (0, import_material44.alpha)(theme.palette.error.main, 0.9) },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react10.X, { size: 16 })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Tooltip, { title: "Save", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-                import_material43.IconButton,
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Tooltip, { title: "Save", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                import_material44.IconButton,
                 {
                   size: "small",
                   onMouseDown: (e) => {
@@ -26183,39 +26369,39 @@ var init_project_header = __esm({
                     commitRename();
                   },
                   sx: { color: theme.palette.success.main },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react10.Check, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react10.Check, { size: 16 })
                 }
               ) })
             ] }),
-            isHovered && !isDragOver && !isUngrouped && !isRenaming && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_material43.Tooltip, { title: `Add conversation to ${projectName.toLowerCase()}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.IconButton,
+            isHovered && !isDragOver && !isUngrouped && !isRenaming && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Tooltip, { title: `Add conversation to ${projectName.toLowerCase()}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.IconButton,
               {
                 onClick: handleAddConversation,
                 size: "small",
                 sx: {
                   color: projectColor || theme.palette.primary.main,
-                  bgcolor: (0, import_material43.alpha)(projectColor || theme.palette.primary.main, 0.1),
+                  bgcolor: (0, import_material44.alpha)(projectColor || theme.palette.primary.main, 0.1),
                   width: 24,
                   height: 24,
                   mr: 0.5,
                   "&:hover": {
-                    bgcolor: (0, import_material43.alpha)(projectColor || theme.palette.primary.main, 0.2),
+                    bgcolor: (0, import_material44.alpha)(projectColor || theme.palette.primary.main, 0.2),
                     transform: "scale(1.1)"
                   },
                   transition: "all 0.2s ease"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react10.Plus, { size: 16 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react10.Plus, { size: 16 })
               }
             ) }),
-            !isUngrouped && !isRenaming && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-              import_material43.IconButton,
+            !isUngrouped && !isRenaming && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_material44.IconButton,
               {
                 size: "small",
                 sx: {
                   color: theme.palette.text.secondary,
                   transition: "transform 0.2s ease"
                 },
-                children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react10.ChevronDown, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react10.ChevronUp, { size: 16 })
+                children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react10.ChevronDown, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react10.ChevronUp, { size: 16 })
               }
             )
           ]
@@ -26245,12 +26431,12 @@ var init_tooltips = __esm({
 });
 
 // src/chat/conversation-drawer.tsx
-var import_react55, import_material44, import_lucide_react11, import_styles28, import_jsx_runtime44, BANDIT_AVATAR, coerceOptionalString, deriveInitials, ConversationDrawer, conversation_drawer_default;
+var import_react56, import_material45, import_lucide_react11, import_styles28, import_jsx_runtime45, BANDIT_AVATAR, coerceOptionalString, deriveInitials, ConversationDrawer, conversation_drawer_default;
 var init_conversation_drawer = __esm({
   "src/chat/conversation-drawer.tsx"() {
     "use strict";
-    import_react55 = require("react");
-    import_material44 = require("@mui/material");
+    import_react56 = require("react");
+    import_material45 = require("@mui/material");
     import_lucide_react11 = require("lucide-react");
     import_styles28 = require("@mui/material/styles");
     init_conversationStore();
@@ -26266,7 +26452,7 @@ var init_conversation_drawer = __esm({
     init_project_header();
     init_debugLogger();
     init_tooltips();
-    import_jsx_runtime44 = require("react/jsx-runtime");
+    import_jsx_runtime45 = require("react/jsx-runtime");
     BANDIT_AVATAR = "https://cdn.burtson.ai/images/bandit-head.png";
     coerceOptionalString = (value) => {
       if (typeof value !== "string") return void 0;
@@ -26295,7 +26481,7 @@ var init_conversation_drawer = __esm({
     };
     ConversationDrawer = ({ open, onClose }) => {
       const theme = (0, import_styles28.useTheme)();
-      const isMobile = (0, import_material44.useMediaQuery)(theme.breakpoints.down("sm"));
+      const isMobile = (0, import_material45.useMediaQuery)(theme.breakpoints.down("sm"));
       const { user: user2 } = useAuthenticationStore();
       const baseRadius = typeof theme.shape.borderRadius === "number" ? theme.shape.borderRadius : parseFloat(theme.shape.borderRadius) || 0;
       const drawerCornerRadius = baseRadius * 3;
@@ -26317,22 +26503,22 @@ var init_conversation_drawer = __esm({
         createProject,
         deleteProject
       } = useProjectStore();
-      const [projectManagementOpen, setProjectManagementOpen] = (0, import_react55.useState)(false);
-      const [memoryModalOpen, setMemoryModalOpen] = (0, import_react55.useState)(false);
-      const [collapsedProjects, setCollapsedProjects] = (0, import_react55.useState)(/* @__PURE__ */ new Set());
-      const didInitCollapseRef = (0, import_react55.useRef)(false);
-      const [searchQuery, setSearchQuery] = (0, import_react55.useState)("");
-      const [menuAnchorEl, setMenuAnchorEl] = (0, import_react55.useState)(null);
-      const [clearConfirmOpen, setClearConfirmOpen] = (0, import_react55.useState)(false);
-      const [moveModalOpen, setMoveModalOpen] = (0, import_react55.useState)(false);
-      const [conversationToMove, setConversationToMove] = (0, import_react55.useState)(null);
-      const [renameProjectId, setRenameProjectId] = (0, import_react55.useState)(null);
-      const getCustomClaim = (0, import_react55.useCallback)((key) => {
+      const [projectManagementOpen, setProjectManagementOpen] = (0, import_react56.useState)(false);
+      const [memoryModalOpen, setMemoryModalOpen] = (0, import_react56.useState)(false);
+      const [collapsedProjects, setCollapsedProjects] = (0, import_react56.useState)(/* @__PURE__ */ new Set());
+      const didInitCollapseRef = (0, import_react56.useRef)(false);
+      const [searchQuery, setSearchQuery] = (0, import_react56.useState)("");
+      const [menuAnchorEl, setMenuAnchorEl] = (0, import_react56.useState)(null);
+      const [clearConfirmOpen, setClearConfirmOpen] = (0, import_react56.useState)(false);
+      const [moveModalOpen, setMoveModalOpen] = (0, import_react56.useState)(false);
+      const [conversationToMove, setConversationToMove] = (0, import_react56.useState)(null);
+      const [renameProjectId, setRenameProjectId] = (0, import_react56.useState)(null);
+      const getCustomClaim = (0, import_react56.useCallback)((key) => {
         if (!user2) return void 0;
         const record = user2;
         return coerceOptionalString(record[key]);
       }, [user2]);
-      const userDisplayName = (0, import_react55.useMemo)(() => {
+      const userDisplayName = (0, import_react56.useMemo)(() => {
         if (!user2) return void 0;
         const candidateFields = [
           coerceOptionalString(user2.name),
@@ -26347,7 +26533,7 @@ var init_conversation_drawer = __esm({
         if (trimmedEmail) return trimmedEmail;
         return user2.sub;
       }, [user2, getCustomClaim]);
-      const userSecondaryText = (0, import_react55.useMemo)(() => {
+      const userSecondaryText = (0, import_react56.useMemo)(() => {
         if (!user2) return void 0;
         const trimmedEmail = coerceOptionalString(user2.email);
         if (trimmedEmail && trimmedEmail !== userDisplayName) {
@@ -26359,13 +26545,13 @@ var init_conversation_drawer = __esm({
         }
         return void 0;
       }, [user2, userDisplayName]);
-      const [avatarImage, setAvatarImage] = (0, import_react55.useState)(BANDIT_AVATAR);
-      (0, import_react55.useEffect)(() => {
+      const [avatarImage, setAvatarImage] = (0, import_react56.useState)(BANDIT_AVATAR);
+      (0, import_react56.useEffect)(() => {
         const fresh = readPersistedToken();
         const store = useAuthenticationStore.getState();
         if (fresh && fresh !== store.token) store.setToken(fresh);
       }, []);
-      (0, import_react55.useEffect)(() => {
+      (0, import_react56.useEffect)(() => {
         let active2 = true;
         let objectUrl = null;
         const resolveAvatar2 = async () => {
@@ -26406,13 +26592,13 @@ var init_conversation_drawer = __esm({
         };
       }, [getCustomClaim]);
       const avatarLabel = userDisplayName || user2?.email || "Bandit";
-      const avatarInitials = (0, import_react55.useMemo)(() => deriveInitials(avatarLabel), [avatarLabel]);
-      (0, import_react55.useEffect)(() => {
+      const avatarInitials = (0, import_react56.useMemo)(() => deriveInitials(avatarLabel), [avatarLabel]);
+      (0, import_react56.useEffect)(() => {
         if (!projectsHydrated) {
           hydrateProjects();
         }
       }, [projectsHydrated, hydrateProjects]);
-      (0, import_react55.useEffect)(() => {
+      (0, import_react56.useEffect)(() => {
         if (projectsHydrated && !didInitCollapseRef.current) {
           didInitCollapseRef.current = true;
           if (projects && projects.length > 0) {
@@ -26425,7 +26611,7 @@ var init_conversation_drawer = __esm({
         const end = Math.min(text.length, idx + query.length + 60);
         return text.slice(start, end).replace(/\s+/g, " ").trim();
       };
-      const projectGroups = (0, import_react55.useMemo)(() => {
+      const projectGroups = (0, import_react56.useMemo)(() => {
         const groups = projects.map((project) => ({
           id: project.id,
           name: project.name,
@@ -26448,7 +26634,7 @@ var init_conversation_drawer = __esm({
         }
         return groups.filter((group) => group.conversations.length > 0 || group.id !== null);
       }, [projects, conversations, collapsedProjects]);
-      const filteredProjectGroups = (0, import_react55.useMemo)(() => {
+      const filteredProjectGroups = (0, import_react56.useMemo)(() => {
         if (!searchQuery.trim()) return projectGroups;
         const query = searchQuery.toLowerCase();
         return projectGroups.map((group) => {
@@ -26519,9 +26705,9 @@ var init_conversation_drawer = __esm({
         setMoveModalOpen(false);
         setConversationToMove(null);
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-          import_material44.Drawer,
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+          import_material45.Drawer,
           {
             anchor: "left",
             open,
@@ -26534,7 +26720,7 @@ var init_conversation_drawer = __esm({
                 width: isMobile ? `min(94vw, 360px)` : 340,
                 maxWidth: 360,
                 bgcolor: theme.palette.background.paper,
-                borderRight: `1px solid ${isMobile ? (0, import_material44.alpha)(theme.palette.divider, 0.4) : theme.palette.divider}`,
+                borderRight: `1px solid ${isMobile ? (0, import_material45.alpha)(theme.palette.divider, 0.4) : theme.palette.divider}`,
                 display: "flex",
                 flexDirection: "column",
                 height: isMobile ? `calc(100dvh - ${theme.spacing(4)})` : "100dvh",
@@ -26542,7 +26728,7 @@ var init_conversation_drawer = __esm({
                 bottom: isMobile ? theme.spacing(2) : 0,
                 left: 0,
                 borderRadius: isMobile ? `0 ${drawerCornerRadius}px ${drawerCornerRadius}px 0` : 0,
-                boxShadow: isMobile ? `0 18px 36px ${(0, import_material44.alpha)(theme.palette.common.black, 0.28)}` : "none",
+                boxShadow: isMobile ? `0 18px 36px ${(0, import_material45.alpha)(theme.palette.common.black, 0.28)}` : "none",
                 overflow: "hidden"
               }
             },
@@ -26562,8 +26748,8 @@ var init_conversation_drawer = __esm({
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-                import_material44.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                import_material45.Box,
                 {
                   sx: {
                     p: 2,
@@ -26574,8 +26760,8 @@ var init_conversation_drawer = __esm({
                     gap: 1
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Tooltip, { title: "Memories", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                      import_material44.IconButton,
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Tooltip, { title: "Memories", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                      import_material45.IconButton,
                       {
                         onClick: () => setMemoryModalOpen(true),
                         size: "small",
@@ -26584,14 +26770,14 @@ var init_conversation_drawer = __esm({
                           color: theme.palette.text.secondary,
                           "&:hover": {
                             color: theme.palette.primary.main,
-                            bgcolor: (0, import_material44.alpha)(theme.palette.primary.main, 0.1)
+                            bgcolor: (0, import_material45.alpha)(theme.palette.primary.main, 0.1)
                           }
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.Brain, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.Brain, {})
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Tooltip, { title: tooltip("manageProjects"), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                      import_material44.IconButton,
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Tooltip, { title: tooltip("manageProjects"), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                      import_material45.IconButton,
                       {
                         onClick: () => setProjectManagementOpen(true),
                         size: "small",
@@ -26600,14 +26786,14 @@ var init_conversation_drawer = __esm({
                           color: theme.palette.text.secondary,
                           "&:hover": {
                             color: theme.palette.primary.main,
-                            bgcolor: (0, import_material44.alpha)(theme.palette.primary.main, 0.1)
+                            bgcolor: (0, import_material45.alpha)(theme.palette.primary.main, 0.1)
                           }
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.Folder, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.Folder, {})
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Tooltip, { title: tooltip("conversationOptions"), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                      import_material44.IconButton,
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Tooltip, { title: tooltip("conversationOptions"), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                      import_material45.IconButton,
                       {
                         onClick: handleMenuOpen,
                         size: "small",
@@ -26616,14 +26802,14 @@ var init_conversation_drawer = __esm({
                           color: theme.palette.text.secondary,
                           "&:hover": {
                             color: theme.palette.text.primary,
-                            bgcolor: (0, import_material44.alpha)(theme.palette.text.primary, 0.1)
+                            bgcolor: (0, import_material45.alpha)(theme.palette.text.primary, 0.1)
                           }
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.MoreVertical, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.MoreVertical, {})
                       }
                     ) }),
-                    isMobile && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Tooltip, { title: tooltip("closeConversationsPanel"), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                      import_material44.IconButton,
+                    isMobile && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Tooltip, { title: tooltip("closeConversationsPanel"), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                      import_material45.IconButton,
                       {
                         onClick: (e) => {
                           e.preventDefault();
@@ -26636,17 +26822,17 @@ var init_conversation_drawer = __esm({
                           color: theme.palette.text.secondary,
                           "&:hover": {
                             color: theme.palette.error.main,
-                            bgcolor: (0, import_material44.alpha)(theme.palette.error.main, 0.1)
+                            bgcolor: (0, import_material45.alpha)(theme.palette.error.main, 0.1)
                           }
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.X, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.X, {})
                       }
                     ) })
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                import_material44.TextField,
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Box, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                import_material45.TextField,
                 {
                   fullWidth: true,
                   size: "small",
@@ -26655,24 +26841,24 @@ var init_conversation_drawer = __esm({
                   onChange: (e) => setSearchQuery(e.target.value),
                   variant: "outlined",
                   InputProps: {
-                    startAdornment: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.Search, { size: 16, color: theme.palette.text.secondary }) }),
-                    endAdornment: searchQuery && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Tooltip, { title: tooltip("clearSearch"), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                      import_material44.IconButton,
+                    startAdornment: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.Search, { size: 16, color: theme.palette.text.secondary }) }),
+                    endAdornment: searchQuery && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Tooltip, { title: tooltip("clearSearch"), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                      import_material45.IconButton,
                       {
                         onClick: handleSearchClear,
                         size: "small",
                         edge: "end",
                         "aria-label": tooltip("clearSearch"),
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.X, { size: 16 })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.X, { size: 16 })
                       }
                     ) }) })
                   },
                   sx: {
                     "& .MuiOutlinedInput-root": {
-                      bgcolor: (0, import_material44.alpha)(theme.palette.background.default, 0.5),
+                      bgcolor: (0, import_material45.alpha)(theme.palette.background.default, 0.5),
                       "&:hover": {
-                        bgcolor: (0, import_material44.alpha)(theme.palette.background.default, 0.8)
+                        bgcolor: (0, import_material45.alpha)(theme.palette.background.default, 0.8)
                       },
                       "&.Mui-focused": {
                         bgcolor: theme.palette.background.default
@@ -26681,9 +26867,9 @@ var init_conversation_drawer = __esm({
                   }
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { flex: 1, overflow: "auto", display: "flex", flexDirection: "column" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-                  import_material44.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { sx: { flex: 1, overflow: "auto", display: "flex", flexDirection: "column" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                  import_material45.Box,
                   {
                     onClick: async () => {
                       const names = new Set(projects.map((p) => p.name));
@@ -26714,49 +26900,49 @@ var init_conversation_drawer = __esm({
                       alignItems: "center",
                       gap: 1.5,
                       cursor: "pointer",
-                      "&:hover": { bgcolor: (0, import_material44.alpha)(theme.palette.text.primary, 0.04) }
+                      "&:hover": { bgcolor: (0, import_material45.alpha)(theme.palette.text.primary, 0.04) }
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                        import_material44.Box,
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                        import_material45.Box,
                         {
                           sx: {
                             width: 28,
                             height: 28,
                             borderRadius: "50%",
-                            bgcolor: (0, import_material44.alpha)(theme.palette.success.main, 0.15),
+                            bgcolor: (0, import_material45.alpha)(theme.palette.success.main, 0.15),
                             display: "flex",
                             alignItems: "center",
                             justifyContent: "center",
                             flexShrink: 0
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.Folder, { size: 16, color: theme.palette.success.main })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.Folder, { size: 16, color: theme.palette.success.main })
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                        import_material44.Typography,
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                        import_material45.Typography,
                         {
                           variant: "subtitle2",
                           sx: { flex: 1, fontWeight: 600, fontSize: "0.875rem" },
                           children: "New Project"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Tooltip, { title: tooltip("addProject"), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                        import_material44.IconButton,
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Tooltip, { title: tooltip("addProject"), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                        import_material45.IconButton,
                         {
                           size: "small",
                           "aria-label": tooltip("addProject"),
                           sx: { color: theme.palette.success.main },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.Plus, { size: 16 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.Plus, { size: 16 })
                         }
                       ) })
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Divider, { sx: { opacity: 0.3 } }),
-                filteredProjectGroups.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { children: [
-                  group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-                    import_material44.Box,
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Divider, { sx: { opacity: 0.3 } }),
+                filteredProjectGroups.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { children: [
+                  group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                    import_material45.Box,
                     {
                       sx: {
                         py: 2,
@@ -26766,9 +26952,9 @@ var init_conversation_drawer = __esm({
                         gap: 2
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Divider, { sx: { flex: 1, opacity: 0.6 } }),
-                        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Divider, { sx: { flex: 1, opacity: 0.6 } }),
+                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                             import_lucide_react11.Inbox,
                             {
                               size: 14,
@@ -26776,8 +26962,8 @@ var init_conversation_drawer = __esm({
                               style: { opacity: 0.7 }
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                            import_material44.Typography,
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                            import_material45.Typography,
                             {
                               variant: "caption",
                               sx: {
@@ -26791,12 +26977,12 @@ var init_conversation_drawer = __esm({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Divider, { sx: { flex: 1, opacity: 0.6 } })
+                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Divider, { sx: { flex: 1, opacity: 0.6 } })
                       ]
                     }
                   ),
-                  group.id !== null ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                  group.id !== null ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                       project_header_default,
                       {
                         projectId: group.id,
@@ -26825,8 +27011,8 @@ var init_conversation_drawer = __esm({
                         }
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Collapse, { in: !group.collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Box, { sx: { pb: 1 }, children: [
-                      group.conversations.map((conversation) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Collapse, { in: !group.collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { sx: { pb: 1 }, children: [
+                      group.conversations.map((conversation) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                         simple_conversation_item_default,
                         {
                           conversation,
@@ -26846,8 +27032,8 @@ var init_conversation_drawer = __esm({
                         },
                         conversation.id
                       )),
-                      group.conversations.length === 0 && !group.collapsed && group.id !== null && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-                        import_material44.Box,
+                      group.conversations.length === 0 && !group.collapsed && group.id !== null && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                        import_material45.Box,
                         {
                           sx: {
                             p: 3,
@@ -26855,17 +27041,17 @@ var init_conversation_drawer = __esm({
                             color: theme.palette.text.secondary
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", children: "No conversations in this project yet" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "caption", sx: { mt: 1, display: "block" }, children: "Drag conversations here or use the + button above" })
+                            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { variant: "body2", children: "No conversations in this project yet" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { variant: "caption", sx: { mt: 1, display: "block" }, children: "Drag conversations here or use the + button above" })
                           ]
                         }
                       )
                     ] }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Divider, { sx: { opacity: 0.3 } })
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Divider, { sx: { opacity: 0.3 } })
                   ] }) : (
                     // Special handling for ungrouped - no header, just conversations in scrollable area
-                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                      import_material44.Box,
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                      import_material45.Box,
                       {
                         sx: {
                           minHeight: 0,
@@ -26873,12 +27059,12 @@ var init_conversation_drawer = __esm({
                           overflow: "auto",
                           px: 1,
                           py: 1,
-                          bgcolor: (0, import_material44.alpha)(theme.palette.background.default, 0.3),
+                          bgcolor: (0, import_material45.alpha)(theme.palette.background.default, 0.3),
                           borderRadius: "8px 8px 0 0",
                           mx: 1,
                           mb: 1
                         },
-                        children: group.conversations.map((conversation) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                        children: group.conversations.map((conversation) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                           simple_conversation_item_default,
                           {
                             conversation,
@@ -26902,8 +27088,8 @@ var init_conversation_drawer = __esm({
                     )
                   )
                 ] }, group.id || "ungrouped")),
-                filteredProjectGroups.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-                  import_material44.Box,
+                filteredProjectGroups.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                  import_material45.Box,
                   {
                     sx: {
                       flex: 1,
@@ -26916,14 +27102,14 @@ var init_conversation_drawer = __esm({
                       color: theme.palette.text.secondary
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { 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__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { 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__ */ (0, import_jsx_runtime44.jsxs)(
-                import_material44.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                import_material45.Box,
                 {
                   onClick: user2 ? () => {
                     window.location.href = "/profile";
@@ -26933,19 +27119,19 @@ var init_conversation_drawer = __esm({
                     mt: "auto",
                     px: 2,
                     py: 1.75,
-                    borderTop: `1px solid ${(0, import_material44.alpha)(theme.palette.divider, 0.6)}`,
+                    borderTop: `1px solid ${(0, import_material45.alpha)(theme.palette.divider, 0.6)}`,
                     display: "flex",
                     alignItems: "center",
                     gap: 1.5,
                     justifyContent: "center",
-                    bgcolor: (0, import_material44.alpha)(theme.palette.background.default, isMobile ? 0.9 : 0.6),
+                    bgcolor: (0, import_material45.alpha)(theme.palette.background.default, isMobile ? 0.9 : 0.6),
                     cursor: user2 ? "pointer" : "default",
                     transition: "background-color 0.15s ease",
-                    "&:hover": user2 ? { bgcolor: (0, import_material44.alpha)(theme.palette.primary.main, 0.08) } : void 0
+                    "&:hover": user2 ? { bgcolor: (0, import_material45.alpha)(theme.palette.primary.main, 0.08) } : void 0
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                      import_material44.Avatar,
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                      import_material45.Avatar,
                       {
                         src: avatarImage,
                         alt: avatarLabel,
@@ -26953,14 +27139,14 @@ var init_conversation_drawer = __esm({
                           width: 36,
                           height: 36,
                           fontSize: "0.95rem",
-                          bgcolor: (0, import_material44.alpha)(theme.palette.primary.main, 0.12),
+                          bgcolor: (0, import_material45.alpha)(theme.palette.primary.main, 0.12),
                           color: theme.palette.primary.main
                         },
                         children: avatarInitials
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-                      import_material44.Box,
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                      import_material45.Box,
                       {
                         sx: {
                           minWidth: 0,
@@ -26972,8 +27158,8 @@ var init_conversation_drawer = __esm({
                           gap: 0.25
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                            import_material44.Typography,
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                            import_material45.Typography,
                             {
                               variant: "subtitle2",
                               noWrap: true,
@@ -26981,8 +27167,8 @@ var init_conversation_drawer = __esm({
                               children: user2 ? userDisplayName : "Not signed in"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                            import_material44.Typography,
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                            import_material45.Typography,
                             {
                               variant: "caption",
                               noWrap: true,
@@ -26993,9 +27179,9 @@ var init_conversation_drawer = __esm({
                         ]
                       }
                     ),
-                    user2 && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                        import_material44.Box,
+                    user2 && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                        import_material45.Box,
                         {
                           sx: {
                             flexShrink: 0,
@@ -27005,14 +27191,14 @@ var init_conversation_drawer = __esm({
                             width: 30,
                             height: 30,
                             borderRadius: "50%",
-                            border: `1px solid ${(0, import_material44.alpha)(theme.palette.divider, 0.8)}`,
+                            border: `1px solid ${(0, import_material45.alpha)(theme.palette.divider, 0.8)}`,
                             color: theme.palette.text.secondary
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.Settings, { size: 16 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.Settings, { size: 16 })
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                        import_material44.IconButton,
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                        import_material45.IconButton,
                         {
                           "aria-label": "Sign out",
                           title: "Sign out",
@@ -27025,11 +27211,11 @@ var init_conversation_drawer = __esm({
                             flexShrink: 0,
                             width: 30,
                             height: 30,
-                            border: `1px solid ${(0, import_material44.alpha)(theme.palette.error.main, 0.4)}`,
+                            border: `1px solid ${(0, import_material45.alpha)(theme.palette.error.main, 0.4)}`,
                             color: theme.palette.error.main,
-                            "&:hover": { bgcolor: (0, import_material44.alpha)(theme.palette.error.main, 0.1) }
+                            "&:hover": { bgcolor: (0, import_material45.alpha)(theme.palette.error.main, 0.1) }
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.LogOut, { size: 16 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.LogOut, { size: 16 })
                         }
                       )
                     ] })
@@ -27039,15 +27225,15 @@ var init_conversation_drawer = __esm({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           project_management_modal_default,
           {
             open: projectManagementOpen,
             onClose: () => setProjectManagementOpen(false)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(memory_modal_default, { open: memoryModalOpen, onClose: () => setMemoryModalOpen(false) }),
-        conversationToMove && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(memory_modal_default, { open: memoryModalOpen, onClose: () => setMemoryModalOpen(false) }),
+        conversationToMove && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           move_conversation_modal_default,
           {
             open: moveModalOpen,
@@ -27056,8 +27242,8 @@ var init_conversation_drawer = __esm({
             currentProjectId: conversationToMove.projectId
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-          import_material44.Menu,
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          import_material45.Menu,
           {
             anchorEl: menuAnchorEl,
             open: Boolean(menuAnchorEl),
@@ -27070,8 +27256,8 @@ var init_conversation_drawer = __esm({
               vertical: "bottom",
               horizontal: "right"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-              import_material44.MenuItem,
+            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+              import_material45.MenuItem,
               {
                 onClick: () => {
                   setClearConfirmOpen(true);
@@ -27079,27 +27265,27 @@ var init_conversation_drawer = __esm({
                 },
                 sx: { color: theme.palette.error.main },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.Trash2, { size: 16, color: theme.palette.error.main }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemText, { children: "Clear All Conversations" })
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.Trash2, { size: 16, color: theme.palette.error.main }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.ListItemText, { children: "Clear All Conversations" })
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-          import_material44.Dialog,
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+          import_material45.Dialog,
           {
             open: clearConfirmOpen,
             onClose: () => setClearConfirmOpen(false),
             maxWidth: "sm",
             fullWidth: true,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.DialogTitle, { children: "Clear All Conversations?" }),
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { children: "This will permanently delete all conversations and cannot be undone. Are you sure you want to continue?" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.DialogActions, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Button, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                  import_material44.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.DialogTitle, { children: "Clear All Conversations?" }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { children: "This will permanently delete all conversations and cannot be undone. Are you sure you want to continue?" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.DialogActions, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Button, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                  import_material45.Button,
                   {
                     onClick: handleClearAllConfirm,
                     color: "error",
@@ -27118,12 +27304,12 @@ var init_conversation_drawer = __esm({
 });
 
 // src/chat/enhanced-mobile-conversations-modal.tsx
-var import_react56, import_material45, import_lucide_react12, import_styles29, import_jsx_runtime45, BANDIT_AVATAR2, coerceOptionalString2, deriveInitials2, EnhancedMobileConversationsModal, enhanced_mobile_conversations_modal_default;
+var import_react57, import_material46, import_lucide_react12, import_styles29, import_jsx_runtime46, BANDIT_AVATAR2, coerceOptionalString2, deriveInitials2, EnhancedMobileConversationsModal, enhanced_mobile_conversations_modal_default;
 var init_enhanced_mobile_conversations_modal = __esm({
   "src/chat/enhanced-mobile-conversations-modal.tsx"() {
     "use strict";
-    import_react56 = require("react");
-    import_material45 = require("@mui/material");
+    import_react57 = require("react");
+    import_material46 = require("@mui/material");
     import_lucide_react12 = require("lucide-react");
     import_styles29 = require("@mui/material/styles");
     init_conversationStore();
@@ -27138,7 +27324,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
     init_simple_conversation_item();
     init_project_header();
     init_debugLogger();
-    import_jsx_runtime45 = require("react/jsx-runtime");
+    import_jsx_runtime46 = require("react/jsx-runtime");
     BANDIT_AVATAR2 = "https://cdn.burtson.ai/images/bandit-head.png";
     coerceOptionalString2 = (value) => {
       if (typeof value !== "string") return void 0;
@@ -27189,25 +27375,25 @@ var init_enhanced_mobile_conversations_modal = __esm({
         createProject,
         deleteProject
       } = useProjectStore();
-      const [projectManagementOpen, setProjectManagementOpen] = (0, import_react56.useState)(false);
-      const [memoryModalOpen, setMemoryModalOpen] = (0, import_react56.useState)(false);
-      const [collapsedProjects, setCollapsedProjects] = (0, import_react56.useState)(/* @__PURE__ */ new Set());
-      const didInitCollapseRef = (0, import_react56.useRef)(false);
-      const [searchQuery, setSearchQuery] = (0, import_react56.useState)("");
-      const [menuAnchorEl, setMenuAnchorEl] = (0, import_react56.useState)(null);
-      const [clearConfirmOpen, setClearConfirmOpen] = (0, import_react56.useState)(false);
-      const [moveModalOpen, setMoveModalOpen] = (0, import_react56.useState)(false);
-      const [conversationToMove, setConversationToMove] = (0, import_react56.useState)(null);
-      const [renameProjectId, setRenameProjectId] = (0, import_react56.useState)(null);
-      const [deletedConversationIds, setDeletedConversationIds] = (0, import_react56.useState)(/* @__PURE__ */ new Set());
-      const [touchDragState, setTouchDragState] = (0, import_react56.useState)({ conversationId: null, originProjectId: null, hoverProjectId: null });
-      const [avatarImage, setAvatarImage] = (0, import_react56.useState)(BANDIT_AVATAR2);
-      const getCustomClaim = (0, import_react56.useCallback)((key) => {
+      const [projectManagementOpen, setProjectManagementOpen] = (0, import_react57.useState)(false);
+      const [memoryModalOpen, setMemoryModalOpen] = (0, import_react57.useState)(false);
+      const [collapsedProjects, setCollapsedProjects] = (0, import_react57.useState)(/* @__PURE__ */ new Set());
+      const didInitCollapseRef = (0, import_react57.useRef)(false);
+      const [searchQuery, setSearchQuery] = (0, import_react57.useState)("");
+      const [menuAnchorEl, setMenuAnchorEl] = (0, import_react57.useState)(null);
+      const [clearConfirmOpen, setClearConfirmOpen] = (0, import_react57.useState)(false);
+      const [moveModalOpen, setMoveModalOpen] = (0, import_react57.useState)(false);
+      const [conversationToMove, setConversationToMove] = (0, import_react57.useState)(null);
+      const [renameProjectId, setRenameProjectId] = (0, import_react57.useState)(null);
+      const [deletedConversationIds, setDeletedConversationIds] = (0, import_react57.useState)(/* @__PURE__ */ new Set());
+      const [touchDragState, setTouchDragState] = (0, import_react57.useState)({ conversationId: null, originProjectId: null, hoverProjectId: null });
+      const [avatarImage, setAvatarImage] = (0, import_react57.useState)(BANDIT_AVATAR2);
+      const getCustomClaim = (0, import_react57.useCallback)((key) => {
         if (!user2) return void 0;
         const record = user2;
         return coerceOptionalString2(record[key]);
       }, [user2]);
-      const userDisplayName = (0, import_react56.useMemo)(() => {
+      const userDisplayName = (0, import_react57.useMemo)(() => {
         if (!user2) return void 0;
         const candidateFields = [
           coerceOptionalString2(user2.name),
@@ -27222,7 +27408,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
         if (trimmedEmail) return trimmedEmail;
         return user2.sub;
       }, [user2, getCustomClaim]);
-      const userSecondaryText = (0, import_react56.useMemo)(() => {
+      const userSecondaryText = (0, import_react57.useMemo)(() => {
         if (!user2) return void 0;
         const trimmedEmail = coerceOptionalString2(user2.email);
         if (trimmedEmail && trimmedEmail !== userDisplayName) {
@@ -27234,7 +27420,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
         }
         return void 0;
       }, [user2, userDisplayName]);
-      (0, import_react56.useEffect)(() => {
+      (0, import_react57.useEffect)(() => {
         if (!open) return;
         const fresh = readPersistedToken();
         const authStore = useAuthenticationStore.getState();
@@ -27279,18 +27465,18 @@ var init_enhanced_mobile_conversations_modal = __esm({
         };
       }, [open, getCustomClaim]);
       const avatarLabel = userDisplayName || user2?.email || "Bandit";
-      const avatarInitials = (0, import_react56.useMemo)(() => deriveInitials2(avatarLabel), [avatarLabel]);
+      const avatarInitials = (0, import_react57.useMemo)(() => deriveInitials2(avatarLabel), [avatarLabel]);
       const buildSnippet = (text, query, idx) => {
         const start = Math.max(0, idx - 40);
         const end = Math.min(text.length, idx + query.length + 60);
         return text.slice(start, end).replace(/\s+/g, " ").trim();
       };
-      (0, import_react56.useEffect)(() => {
+      (0, import_react57.useEffect)(() => {
         if (open && !projectsHydrated) {
           hydrateProjects();
         }
       }, [open, projectsHydrated, hydrateProjects]);
-      (0, import_react56.useEffect)(() => {
+      (0, import_react57.useEffect)(() => {
         if (projectsHydrated && !didInitCollapseRef.current) {
           didInitCollapseRef.current = true;
           if (projects && projects.length > 0) {
@@ -27298,7 +27484,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
           }
         }
       }, [projectsHydrated, projects]);
-      const projectGroups = (0, import_react56.useMemo)(() => {
+      const projectGroups = (0, import_react57.useMemo)(() => {
         const visibleConversations = conversations.filter(
           (conversation) => !deletedConversationIds.has(conversation.id)
         );
@@ -27324,11 +27510,11 @@ var init_enhanced_mobile_conversations_modal = __esm({
         }
         return groups.filter((group) => group.conversations.length > 0 || group.id !== null);
       }, [projects, conversations, collapsedProjects, deletedConversationIds]);
-      const visibleConversationCount = (0, import_react56.useMemo)(
+      const visibleConversationCount = (0, import_react57.useMemo)(
         () => projectGroups.reduce((total, group) => total + group.conversations.length, 0),
         [projectGroups]
       );
-      const filteredProjectGroups = (0, import_react56.useMemo)(() => {
+      const filteredProjectGroups = (0, import_react57.useMemo)(() => {
         if (!searchQuery.trim()) return projectGroups;
         const query = searchQuery.toLowerCase();
         return projectGroups.map((group) => {
@@ -27353,14 +27539,14 @@ var init_enhanced_mobile_conversations_modal = __esm({
         }).filter((group) => group.conversations.length > 0);
       }, [projectGroups, searchQuery]);
       const touchDragActive = Boolean(touchDragState.conversationId);
-      const getProjectIdFromPoint = (0, import_react56.useCallback)((clientX, clientY) => {
+      const getProjectIdFromPoint = (0, import_react57.useCallback)((clientX, clientY) => {
         if (typeof document === "undefined") return null;
         const element = document.elementFromPoint(clientX, clientY);
         if (!element) return null;
         const projectNode = element.closest("[data-project-id]");
         return projectNode?.getAttribute("data-project-id") ?? null;
       }, []);
-      const handleTouchDragStart = (0, import_react56.useCallback)((conversation, touch) => {
+      const handleTouchDragStart = (0, import_react57.useCallback)((conversation, touch) => {
         const initialHover = getProjectIdFromPoint(touch.clientX, touch.clientY);
         setTouchDragState({
           conversationId: conversation.id,
@@ -27368,7 +27554,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
           hoverProjectId: initialHover ?? (conversation.projectId ?? null)
         });
       }, [getProjectIdFromPoint]);
-      const handleTouchDragMove = (0, import_react56.useCallback)((touch) => {
+      const handleTouchDragMove = (0, import_react57.useCallback)((touch) => {
         setTouchDragState((prev) => {
           if (!prev.conversationId) return prev;
           const hoverId = getProjectIdFromPoint(touch.clientX, touch.clientY);
@@ -27376,7 +27562,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
           return { ...prev, hoverProjectId: hoverId };
         });
       }, [getProjectIdFromPoint]);
-      const handleTouchDragEnd = (0, import_react56.useCallback)((touch) => {
+      const handleTouchDragEnd = (0, import_react57.useCallback)((touch) => {
         setTouchDragState((prev) => {
           if (!prev.conversationId) {
             return { conversationId: null, originProjectId: null, hoverProjectId: null };
@@ -27404,11 +27590,11 @@ var init_enhanced_mobile_conversations_modal = __esm({
           return { conversationId: null, originProjectId: null, hoverProjectId: null };
         });
       }, [getProjectIdFromPoint, moveConversationToProject]);
-      const activeDragConversation = (0, import_react56.useMemo)(() => {
+      const activeDragConversation = (0, import_react57.useMemo)(() => {
         if (!touchDragState.conversationId) return null;
         return conversations.find((conv) => conv.id === touchDragState.conversationId) || null;
       }, [touchDragState.conversationId, conversations]);
-      const activeHoverLabel = (0, import_react56.useMemo)(() => {
+      const activeHoverLabel = (0, import_react57.useMemo)(() => {
         if (!touchDragState.hoverProjectId) return "";
         if (touchDragState.hoverProjectId === "__ungrouped") return "Ungrouped";
         const project = projects.find((p) => p.id === touchDragState.hoverProjectId);
@@ -27457,7 +27643,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
         setMoveModalOpen(false);
         setConversationToMove(null);
       };
-      (0, import_react56.useEffect)(() => {
+      (0, import_react57.useEffect)(() => {
         setDeletedConversationIds((prev) => {
           let changed = false;
           const active2 = new Set(conversations.map((conv) => conv.id));
@@ -27472,9 +27658,9 @@ var init_enhanced_mobile_conversations_modal = __esm({
           return changed ? next : prev;
         });
       }, [conversations]);
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          import_material45.Modal,
+      return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          import_material46.Modal,
           {
             open,
             onClose,
@@ -27482,8 +27668,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
               display: "flex",
               alignItems: "flex-end"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Slide, { direction: "up", in: open, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-              import_material45.Box,
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Slide, { direction: "up", in: open, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+              import_material46.Box,
               {
                 sx: {
                   width: "100%",
@@ -27496,8 +27682,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
                   overflow: "hidden"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                    import_material45.AppBar,
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                    import_material46.AppBar,
                     {
                       position: "static",
                       elevation: 0,
@@ -27506,10 +27692,10 @@ var init_enhanced_mobile_conversations_modal = __esm({
                         color: theme.palette.text.primary,
                         borderBottom: `1px solid ${theme.palette.divider}`
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Toolbar, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { variant: "h6", sx: { flex: 1, fontWeight: 600 }, children: "Conversations" }),
-                        visibleConversationCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                          import_material45.Chip,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Toolbar, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "h6", sx: { flex: 1, fontWeight: 600 }, children: "Conversations" }),
+                        visibleConversationCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                          import_material46.Chip,
                           {
                             label: visibleConversationCount,
                             size: "small",
@@ -27521,44 +27707,44 @@ var init_enhanced_mobile_conversations_modal = __esm({
                             }
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                          import_material45.IconButton,
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                          import_material46.IconButton,
                           {
                             onClick: () => setMemoryModalOpen(true),
                             "aria-label": "Memory",
                             sx: { color: theme.palette.text.secondary },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.Brain, {})
+                            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Brain, {})
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                          import_material45.IconButton,
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                          import_material46.IconButton,
                           {
                             onClick: () => setProjectManagementOpen(true),
                             sx: { color: theme.palette.text.secondary },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.Folder, {})
+                            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Folder, {})
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                          import_material45.IconButton,
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                          import_material46.IconButton,
                           {
                             onClick: handleMenuOpen,
                             sx: { color: theme.palette.text.secondary },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.MoreVertical, {})
+                            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.MoreVertical, {})
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                          import_material45.IconButton,
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                          import_material46.IconButton,
                           {
                             onClick: onClose,
                             sx: { color: theme.palette.text.secondary },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.X, {})
+                            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.X, {})
                           }
                         )
                       ] })
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Box, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                    import_material45.TextField,
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Box, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                    import_material46.TextField,
                     {
                       fullWidth: true,
                       size: "small",
@@ -27567,22 +27753,22 @@ var init_enhanced_mobile_conversations_modal = __esm({
                       onChange: (e) => setSearchQuery(e.target.value),
                       variant: "outlined",
                       InputProps: {
-                        startAdornment: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.Search, { size: 16, color: theme.palette.text.secondary }) }),
-                        endAdornment: searchQuery && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                          import_material45.IconButton,
+                        startAdornment: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Search, { size: 16, color: theme.palette.text.secondary }) }),
+                        endAdornment: searchQuery && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                          import_material46.IconButton,
                           {
                             onClick: handleSearchClear,
                             size: "small",
                             edge: "end",
                             sx: { color: theme.palette.text.secondary },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.X, { size: 16 })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.X, { size: 16 })
                           }
                         ) })
                       }
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-                    import_material45.Box,
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+                    import_material46.Box,
                     {
                       sx: {
                         flex: 1,
@@ -27593,8 +27779,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
                         pb: 2
                       },
                       children: [
-                        touchDragActive && activeDragConversation && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-                          import_material45.Box,
+                        touchDragActive && activeDragConversation && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+                          import_material46.Box,
                           {
                             sx: {
                               position: "absolute",
@@ -27619,8 +27805,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
                               overflow: "hidden"
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-                                import_material45.Typography,
+                              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+                                import_material46.Typography,
                                 {
                                   variant: "caption",
                                   sx: {
@@ -27632,8 +27818,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                   },
                                   children: [
                                     "Move",
-                                    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-                                      import_material45.Box,
+                                    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+                                      import_material46.Box,
                                       {
                                         component: "span",
                                         sx: {
@@ -27653,8 +27839,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                   ]
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                                import_material45.Typography,
+                              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                                import_material46.Typography,
                                 {
                                   variant: "caption",
                                   color: "inherit",
@@ -27662,11 +27848,11 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                     fontWeight: 500,
                                     whiteSpace: "nowrap"
                                   },
-                                  children: activeHoverLabel ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+                                  children: activeHoverLabel ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
                                     "to",
                                     " ",
-                                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                                      import_material45.Box,
+                                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                                      import_material46.Box,
                                       {
                                         component: "span",
                                         sx: {
@@ -27682,8 +27868,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-                          import_material45.Box,
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+                          import_material46.Box,
                           {
                             onClick: async () => {
                               const names = new Set(projects.map((p) => p.name));
@@ -27717,8 +27903,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
                               "&:hover": { bgcolor: (0, import_styles29.alpha)(theme.palette.text.primary, 0.04) }
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                                import_material45.Box,
+                              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                                import_material46.Box,
                                 {
                                   sx: {
                                     width: 28,
@@ -27730,25 +27916,25 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                     justifyContent: "center",
                                     flexShrink: 0
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.Folder, { size: 16, color: theme.palette.success.main })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Folder, { size: 16, color: theme.palette.success.main })
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                                import_material45.Typography,
+                              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                                import_material46.Typography,
                                 {
                                   variant: "subtitle2",
                                   sx: { flex: 1, fontWeight: 600, fontSize: "0.875rem" },
                                   children: "New Project"
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.IconButton, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.Plus, { size: 16 }) })
+                              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.IconButton, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Plus, { size: 16 }) })
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Divider, { sx: { opacity: 0.3 } }),
-                        filteredProjectGroups.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { children: [
-                          group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-                            import_material45.Box,
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Divider, { sx: { opacity: 0.3 } }),
+                        filteredProjectGroups.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { children: [
+                          group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+                            import_material46.Box,
                             {
                               sx: {
                                 py: 2,
@@ -27758,9 +27944,9 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                 gap: 2
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Divider, { sx: { flex: 1, opacity: 0.6 } }),
-                                /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Divider, { sx: { flex: 1, opacity: 0.6 } }),
+                                /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                                     import_lucide_react12.Inbox,
                                     {
                                       size: 14,
@@ -27768,8 +27954,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                       style: { opacity: 0.7 }
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                                    import_material45.Typography,
+                                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                                    import_material46.Typography,
                                     {
                                       variant: "caption",
                                       sx: {
@@ -27783,12 +27969,12 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Divider, { sx: { flex: 1, opacity: 0.6 } })
+                                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Divider, { sx: { flex: 1, opacity: 0.6 } })
                               ]
                             }
                           ),
-                          group.id !== null ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                          group.id !== null ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                               project_header_default,
                               {
                                 projectId: group.id,
@@ -27818,8 +28004,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                 isTouchTarget: touchDragActive && touchDragState.hoverProjectId === group.id
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Collapse, { in: !group.collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                              import_material45.Box,
+                            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Collapse, { in: !group.collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                              import_material46.Box,
                               {
                                 "data-project-id": group.id ?? "__ungrouped",
                                 sx: {
@@ -27829,7 +28015,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                   transition: "border 0.2s ease, background-color 0.2s ease",
                                   backgroundColor: touchDragActive && touchDragState.hoverProjectId === group.id ? (0, import_styles29.alpha)(theme.palette.primary.main, 0.08) : "transparent"
                                 },
-                                children: group.conversations.map((conversation) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                                children: group.conversations.map((conversation) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                                   simple_conversation_item_default,
                                   {
                                     conversation,
@@ -27863,8 +28049,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
                             ) })
                           ] }) : (
                             // Special handling for ungrouped - no header, just conversations in scrollable area
-                            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                              import_material45.Box,
+                            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                              import_material46.Box,
                               {
                                 sx: {
                                   minHeight: 0,
@@ -27880,7 +28066,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                   backgroundColor: touchDragActive && touchDragState.hoverProjectId === "__ungrouped" ? (0, import_styles29.alpha)(theme.palette.primary.main, 0.08) : (0, import_styles29.alpha)(theme.palette.background.default, 0.3)
                                 },
                                 "data-project-id": "__ungrouped",
-                                children: group.conversations.map((conversation) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                                children: group.conversations.map((conversation) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                                   simple_conversation_item_default,
                                   {
                                     conversation,
@@ -27914,8 +28100,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
                             )
                           )
                         ] }, group.id || "ungrouped")),
-                        filteredProjectGroups.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-                          import_material45.Box,
+                        filteredProjectGroups.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+                          import_material46.Box,
                           {
                             sx: {
                               flex: 1,
@@ -27928,16 +28114,16 @@ var init_enhanced_mobile_conversations_modal = __esm({
                               color: theme.palette.text.secondary
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { 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__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { 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__ */ (0, import_jsx_runtime45.jsxs)(
-                    import_material45.Box,
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+                    import_material46.Box,
                     {
                       onClick: user2 ? () => {
                         window.location.href = "/profile";
@@ -27954,8 +28140,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
                         cursor: user2 ? "pointer" : "default"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                          import_material45.Avatar,
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                          import_material46.Avatar,
                           {
                             src: avatarImage,
                             alt: avatarLabel,
@@ -27969,9 +28155,9 @@ var init_enhanced_mobile_conversations_modal = __esm({
                             children: avatarInitials
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.Box, { sx: { display: "flex", flexDirection: "column", flex: 1, minWidth: 0, gap: 0.25 }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                            import_material45.Typography,
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { display: "flex", flexDirection: "column", flex: 1, minWidth: 0, gap: 0.25 }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                            import_material46.Typography,
                             {
                               variant: "subtitle2",
                               noWrap: true,
@@ -27979,8 +28165,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
                               children: user2 ? userDisplayName : "Not signed in"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                            import_material45.Typography,
+                          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                            import_material46.Typography,
                             {
                               variant: "caption",
                               noWrap: true,
@@ -27989,9 +28175,9 @@ var init_enhanced_mobile_conversations_modal = __esm({
                             }
                           )
                         ] }),
-                        user2 && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                            import_material45.Box,
+                        user2 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                            import_material46.Box,
                             {
                               sx: {
                                 flexShrink: 0,
@@ -28004,11 +28190,11 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                 border: `1px solid ${(0, import_styles29.alpha)(theme.palette.divider, 0.8)}`,
                                 color: theme.palette.text.secondary
                               },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.Settings, { size: 16 })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Settings, { size: 16 })
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                            import_material45.IconButton,
+                          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                            import_material46.IconButton,
                             {
                               "aria-label": "Sign out",
                               title: "Sign out",
@@ -28025,7 +28211,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                 color: theme.palette.error.main,
                                 "&:hover": { bgcolor: (0, import_styles29.alpha)(theme.palette.error.main, 0.1) }
                               },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.LogOut, { size: 16 })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.LogOut, { size: 16 })
                             }
                           )
                         ] })
@@ -28037,15 +28223,15 @@ var init_enhanced_mobile_conversations_modal = __esm({
             ) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           project_management_modal_default,
           {
             open: projectManagementOpen,
             onClose: () => setProjectManagementOpen(false)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(memory_modal_default, { open: memoryModalOpen, onClose: () => setMemoryModalOpen(false) }),
-        conversationToMove && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(memory_modal_default, { open: memoryModalOpen, onClose: () => setMemoryModalOpen(false) }),
+        conversationToMove && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           move_conversation_modal_default,
           {
             open: moveModalOpen,
@@ -28054,8 +28240,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
             currentProjectId: conversationToMove.projectId
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          import_material45.Menu,
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          import_material46.Menu,
           {
             anchorEl: menuAnchorEl,
             open: Boolean(menuAnchorEl),
@@ -28068,8 +28254,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
               vertical: "bottom",
               horizontal: "right"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-              import_material45.MenuItem,
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+              import_material46.MenuItem,
               {
                 onClick: () => {
                   setClearConfirmOpen(true);
@@ -28078,27 +28264,27 @@ var init_enhanced_mobile_conversations_modal = __esm({
                 disabled: visibleConversationCount === 0,
                 sx: { color: theme.palette.error.main },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.Trash2, { size: 16, color: theme.palette.error.main }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.ListItemText, { children: "Clear All Conversations" })
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Trash2, { size: 16, color: theme.palette.error.main }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.ListItemText, { children: "Clear All Conversations" })
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-          import_material45.Dialog,
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+          import_material46.Dialog,
           {
             open: clearConfirmOpen,
             onClose: () => setClearConfirmOpen(false),
             maxWidth: "sm",
             fullWidth: true,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.DialogTitle, { children: "Clear All Conversations?" }),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Typography, { children: visibleConversationCount === 0 ? "No conversations available to clear." : `This will permanently delete ${visibleConversationCount} conversation${visibleConversationCount === 1 ? "" : "s"} and cannot be undone.` }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_material45.DialogActions, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Button, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
-                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                  import_material45.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.DialogTitle, { children: "Clear All Conversations?" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Typography, { children: visibleConversationCount === 0 ? "No conversations available to clear." : `This will permanently delete ${visibleConversationCount} conversation${visibleConversationCount === 1 ? "" : "s"} and cannot be undone.` }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.DialogActions, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Button, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                  import_material46.Button,
                   {
                     onClick: handleClearAllConfirm,
                     color: "error",
@@ -28117,15 +28303,15 @@ var init_enhanced_mobile_conversations_modal = __esm({
 });
 
 // src/chat/chat-app-bar.tsx
-var import_material46, import_react57, import_material47, import_react_router_dom2, import_shallow2, import_jsx_runtime46, CDN_BASE2, banditHead4, modelAvatars3, ChatAppBar, chat_app_bar_default;
+var import_material47, import_react58, import_material48, import_react_router_dom3, import_shallow2, import_jsx_runtime47, CDN_BASE2, banditHead4, modelAvatars3, ChatAppBar, chat_app_bar_default;
 var init_chat_app_bar = __esm({
   "src/chat/chat-app-bar.tsx"() {
     "use strict";
-    import_material46 = require("@mui/material");
-    init_modelStore();
-    import_react57 = require("react");
     import_material47 = require("@mui/material");
-    import_react_router_dom2 = require("react-router-dom");
+    init_modelStore();
+    import_react58 = require("react");
+    import_material48 = require("@mui/material");
+    import_react_router_dom3 = require("react-router-dom");
     init_lucide_icons();
     init_util();
     init_conversation_drawer();
@@ -28139,7 +28325,7 @@ var init_chat_app_bar = __esm({
     init_conversationSyncStore();
     init_engineStore();
     import_shallow2 = require("zustand/shallow");
-    import_jsx_runtime46 = require("react/jsx-runtime");
+    import_jsx_runtime47 = require("react/jsx-runtime");
     CDN_BASE2 = "https://cdn.burtson.ai/";
     banditHead4 = `${CDN_BASE2}/images/bandit-head.png`;
     modelAvatars3 = {
@@ -28158,12 +28344,12 @@ var init_chat_app_bar = __esm({
       drawerOpen,
       setDrawerOpen
     }) => {
-      const theme = (0, import_material47.useTheme)();
-      const isMobile = (0, import_material47.useMediaQuery)(theme.breakpoints.down("sm"));
-      const hasLoggedRouterWarningRef = (0, import_react57.useRef)(false);
+      const theme = (0, import_material48.useTheme)();
+      const isMobile = (0, import_material48.useMediaQuery)(theme.breakpoints.down("sm"));
+      const hasLoggedRouterWarningRef = (0, import_react58.useRef)(false);
       let navigate = null;
       try {
-        navigate = (0, import_react_router_dom2.useNavigate)();
+        navigate = (0, import_react_router_dom3.useNavigate)();
       } catch (error) {
         if (!hasLoggedRouterWarningRef.current) {
           debugLogger.warn("ChatAppBar: Navigation not available (missing Router context)", { error });
@@ -28186,12 +28372,12 @@ var init_chat_app_bar = __esm({
         menuBackground,
         menuText
       } = theme.palette.chat.appBar;
-      const [modelAnchorEl, setModelAnchorEl] = (0, import_react57.useState)(null);
-      const [engineAnchorEl, setEngineAnchorEl] = (0, import_react57.useState)(null);
-      const [voiceAnchorEl, setVoiceAnchorEl] = (0, import_react57.useState)(null);
-      const [modalOpen, setModalOpen] = (0, import_react57.useState)(false);
-      const [confirmModelChangeOpen, setConfirmModelChangeOpen] = (0, import_react57.useState)(false);
-      const [pendingModel, setPendingModel] = (0, import_react57.useState)(null);
+      const [modelAnchorEl, setModelAnchorEl] = (0, import_react58.useState)(null);
+      const [engineAnchorEl, setEngineAnchorEl] = (0, import_react58.useState)(null);
+      const [voiceAnchorEl, setVoiceAnchorEl] = (0, import_react58.useState)(null);
+      const [modalOpen, setModalOpen] = (0, import_react58.useState)(false);
+      const [confirmModelChangeOpen, setConfirmModelChangeOpen] = (0, import_react58.useState)(false);
+      const [pendingModel, setPendingModel] = (0, import_react58.useState)(null);
       const { conversations, currentId, createNewConversation, _hasHydrated } = useConversationStore();
       const { preferences } = usePreferencesStore();
       const { settings: packageSettings } = usePackageSettingsStore();
@@ -28217,7 +28403,7 @@ var init_chat_app_bar = __esm({
         triggerSync: state.runSync,
         setSyncEnabled: state.setSyncEnabled
       }), import_shallow2.shallow);
-      (0, import_react57.useEffect)(() => {
+      (0, import_react58.useEffect)(() => {
         if (isPlaygroundMode3 && syncEnabled) {
           void setSyncEnabled(false).catch((error) => {
             debugLogger.warn("ChatAppBar: Failed to disable sync in playground", {
@@ -28235,16 +28421,16 @@ var init_chat_app_bar = __esm({
       };
       const syncIndicatorIcon = (() => {
         if (isPlaygroundMode3 || !syncEnabled) {
-          return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(CloudOffIcon, { fontSize: "small", color: "disabled" });
+          return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CloudOffIcon, { fontSize: "small", color: "disabled" });
         }
         switch (syncStatus) {
           case "syncing":
-            return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SyncIcon, { fontSize: "small", sx: syncSpinSx, color: "primary" });
+            return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SyncIcon, { fontSize: "small", sx: syncSpinSx, color: "primary" });
           case "error":
-            return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ErrorOutlineIcon, { fontSize: "small", color: "error" });
+            return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ErrorOutlineIcon, { fontSize: "small", color: "error" });
           case "idle":
           default:
-            return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(CloudDoneIcon, { fontSize: "small", color: "success" });
+            return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CloudDoneIcon, { fontSize: "small", color: "success" });
         }
       })();
       const syncTooltip = (() => {
@@ -28277,8 +28463,14 @@ var init_chat_app_bar = __esm({
         }
         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();
@@ -28315,7 +28507,7 @@ var init_chat_app_bar = __esm({
       const resolvedEngineId = currentEngine?.id ?? effectiveEngineId;
       const cleanEngineName = (name) => (name || "").replace(/\s*\([^)]*\)\s*$/, "").trim();
       const engineDisplay = cleanEngineName(currentEngine?.displayName) || "Engine";
-      (0, import_react57.useEffect)(() => {
+      (0, import_react58.useEffect)(() => {
         useEngineStore.getState().fetchEngines();
       }, []);
       const pendingModelAvatar = useModelStore.getState().availableModels.find((m) => m.name === pendingModel)?.avatarBase64 || modelAvatars3[pendingModel || ""] || banditHead4;
@@ -28350,9 +28542,9 @@ var init_chat_app_bar = __esm({
         }
         safeNavigate("/");
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-          import_material47.Box,
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          import_material48.Box,
           {
             sx: {
               position: "fixed",
@@ -28372,8 +28564,8 @@ var init_chat_app_bar = __esm({
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-                import_material47.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                import_material48.Box,
                 {
                   sx: {
                     display: "flex",
@@ -28393,17 +28585,17 @@ var init_chat_app_bar = __esm({
                     }
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Tooltip, { title: homeTooltip, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                      import_material47.IconButton,
+                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Tooltip, { title: homeTooltip, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                      import_material48.IconButton,
                       {
                         onClick: goToHome,
                         sx: pillButtonStyles,
                         "aria-label": "Go to home page",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(HomeIcon, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(HomeIcon, {})
                       }
                     ) }),
-                    showLimitedAdminPanel() && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Tooltip, { title: "Management & Settings", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                      import_material47.IconButton,
+                    showLimitedAdminPanel() && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Tooltip, { title: "Management & Settings", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                      import_material48.IconButton,
                       {
                         onClick: () => safeNavigate(managementPath),
                         sx: {
@@ -28414,11 +28606,11 @@ var init_chat_app_bar = __esm({
                           }
                         },
                         "aria-label": "Open management settings",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SettingsIcon, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SettingsIcon, {})
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Tooltip, { title: syncTooltip, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-                      import_material47.IconButton,
+                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Tooltip, { title: syncTooltip, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                      import_material48.IconButton,
                       {
                         onClick: handleSyncBadgeClick,
                         disabled: syncButtonDisabled,
@@ -28433,8 +28625,8 @@ var init_chat_app_bar = __esm({
                         "aria-label": "Conversation sync status",
                         children: [
                           syncIndicatorIcon,
-                          pendingCount > 0 && !syncButtonDisabled && syncStatus !== "syncing" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                            import_material47.Box,
+                          pendingCount > 0 && !syncButtonDisabled && syncStatus !== "syncing" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                            import_material48.Box,
                             {
                               sx: {
                                 position: "absolute",
@@ -28459,8 +28651,8 @@ var init_chat_app_bar = __esm({
                         ]
                       }
                     ) }),
-                    !isMobile && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Tooltip, { title: `${drawerOpen ? "Close" : "Open"} Conversations`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-                      import_material47.IconButton,
+                    !isMobile && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Tooltip, { title: `${drawerOpen ? "Close" : "Open"} Conversations`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                      import_material48.IconButton,
                       {
                         onClick: () => setDrawerOpen(!drawerOpen),
                         sx: {
@@ -28473,9 +28665,9 @@ var init_chat_app_bar = __esm({
                         "aria-label": `${drawerOpen ? "Close" : "Open"} conversations drawer`,
                         "aria-pressed": drawerOpen,
                         children: [
-                          drawerOpen ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(NotesIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(NotesIconOutlined, {}),
-                          conversations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                            import_material47.Box,
+                          drawerOpen ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(NotesIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(NotesIconOutlined, {}),
+                          conversations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                            import_material48.Box,
                             {
                               sx: {
                                 position: "absolute",
@@ -28500,8 +28692,8 @@ var init_chat_app_bar = __esm({
                         ]
                       }
                     ) }),
-                    !isMobile && canShowNewConversationButton && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Tooltip, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                      import_material47.IconButton,
+                    !isMobile && canShowNewConversationButton && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Tooltip, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                      import_material48.IconButton,
                       {
                         onClick: () => createNewConversation(),
                         sx: {
@@ -28514,14 +28706,14 @@ var init_chat_app_bar = __esm({
                           }
                         },
                         "aria-label": "Create new conversation",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AddIcon, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AddIcon, {})
                       }
                     ) })
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-                import_material47.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                import_material48.Box,
                 {
                   sx: {
                     display: "flex",
@@ -28541,8 +28733,8 @@ var init_chat_app_bar = __esm({
                     }
                   },
                   children: [
-                    isMobile && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Tooltip, { title: `Conversations (${conversations.length})`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-                      import_material47.IconButton,
+                    isMobile && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Tooltip, { title: `Conversations (${conversations.length})`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                      import_material48.IconButton,
                       {
                         onClick: () => setModalOpen(true),
                         sx: {
@@ -28551,9 +28743,9 @@ var init_chat_app_bar = __esm({
                         },
                         "aria-label": `Open conversations modal with ${conversations.length} conversations`,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(NotesIcon, { fontSize: "small" }),
-                          conversations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                            import_material47.Box,
+                          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(NotesIcon, { fontSize: "small" }),
+                          conversations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                            import_material48.Box,
                             {
                               sx: {
                                 position: "absolute",
@@ -28578,8 +28770,8 @@ var init_chat_app_bar = __esm({
                         ]
                       }
                     ) }),
-                    isMobile && canShowNewConversationButton && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Tooltip, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                      import_material47.IconButton,
+                    isMobile && canShowNewConversationButton && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Tooltip, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                      import_material48.IconButton,
                       {
                         onClick: () => {
                           createNewConversation();
@@ -28595,11 +28787,11 @@ var init_chat_app_bar = __esm({
                           }
                         },
                         "aria-label": "Create new conversation",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AddIcon, { fontSize: "small" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AddIcon, { fontSize: "small" })
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Tooltip, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                      import_material47.IconButton,
+                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Tooltip, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                      import_material48.IconButton,
                       {
                         onClick: (e) => setModelAnchorEl(e.currentTarget),
                         sx: {
@@ -28613,8 +28805,8 @@ var init_chat_app_bar = __esm({
                           }
                         },
                         "aria-label": `Change AI personality. Currently using ${selectedModel}`,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                          import_material46.Avatar,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                          import_material47.Avatar,
                           {
                             src: currentAvatar,
                             alt: selectedModel,
@@ -28630,17 +28822,17 @@ var init_chat_app_bar = __esm({
                         )
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Tooltip, { title: `Engine \xB7 ${engineDisplay}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                      import_material47.IconButton,
+                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Tooltip, { title: `Engine \xB7 ${engineDisplay}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                      import_material48.IconButton,
                       {
                         onClick: (e) => setEngineAnchorEl(e.currentTarget),
                         sx: pillButtonStyles,
                         "aria-label": `Change base model (engine). Currently ${engineDisplay}`,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AutoAwesomeIcon, { fontSize: "small" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AutoAwesomeIcon, { fontSize: "small" })
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-                      import_material47.Menu,
+                    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                      import_material48.Menu,
                       {
                         anchorEl: engineAnchorEl,
                         open: Boolean(engineAnchorEl),
@@ -28648,8 +28840,8 @@ var init_chat_app_bar = __esm({
                         transformOrigin: { horizontal: "right", vertical: "top" },
                         anchorOrigin: { horizontal: "right", vertical: "bottom" },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Typography, { variant: "overline", sx: { px: 2, color: theme.palette.text.secondary }, children: "Engine \xB7 base model" }),
-                          engines.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.MenuItem, { disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Typography, { variant: "body2", children: "No engines available" }) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Typography, { variant: "overline", sx: { px: 2, color: theme.palette.text.secondary }, children: "Engine \xB7 base model" }),
+                          engines.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.MenuItem, { disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Typography, { variant: "body2", children: "No engines available" }) }),
                           engines.map((engine) => {
                             const badges = [
                               engine.vision && "vision",
@@ -28657,12 +28849,14 @@ var init_chat_app_bar = __esm({
                               engine.thinking && "thinking",
                               engine.cloud && "cloud"
                             ].filter(Boolean);
-                            return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-                              import_material47.MenuItem,
+                            const isGated = engine.cloud && !frontierEligible;
+                            return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                              import_material48.MenuItem,
                               {
                                 selected: engine.id === resolvedEngineId,
-                                disabled: !engine.available,
+                                disabled: !engine.available || isGated,
                                 onClick: () => {
+                                  if (isGated) return;
                                   useEngineStore.getState().setSelectedEngine(engine.id);
                                   setEngineAnchorEl(null);
                                 },
@@ -28674,16 +28868,63 @@ var init_chat_app_bar = __esm({
                                   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__ */ (0, import_jsx_runtime46.jsxs)(import_material47.Box, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Typography, { variant: "body2", sx: { fontWeight: 600, flex: 1 }, children: cleanEngineName(engine.displayName) }),
-                                    engine.id === resolvedEngineId && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Box, { sx: { width: 8, height: 8, borderRadius: "50%", bgcolor: theme.palette.primary.main } })
+                                  /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_material48.Box, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
+                                    isGated && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                                      LockIcon,
+                                      {
+                                        fontSize: "small",
+                                        sx: { fontSize: "0.95rem", color: theme.palette.text.secondary }
+                                      }
+                                    ),
+                                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                                      import_material48.Typography,
+                                      {
+                                        variant: "body2",
+                                        sx: {
+                                          fontWeight: 600,
+                                          flex: 1,
+                                          color: isGated ? theme.palette.text.secondary : void 0
+                                        },
+                                        children: cleanEngineName(engine.displayName)
+                                      }
+                                    ),
+                                    engine.id === resolvedEngineId && !isGated && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Box, { sx: { width: 8, height: 8, borderRadius: "50%", bgcolor: theme.palette.primary.main } })
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: engine.available ? engine.description : engine.unavailableReason || "Unavailable" }),
-                                  badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Box, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", mt: 0.25 }, children: badges.map((b) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                                    import_material47.Box,
+                                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Typography, { 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__ */ (0, import_jsx_runtime47.jsx)(
+                                    import_material48.Button,
+                                    {
+                                      size: "small",
+                                      variant: "text",
+                                      startIcon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(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__ */ (0, import_jsx_runtime47.jsx)(import_material48.Box, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", mt: 0.25 }, children: badges.map((b) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                                    import_material48.Box,
                                     {
                                       sx: {
                                         fontSize: "0.65rem",
@@ -28705,8 +28946,8 @@ var init_chat_app_bar = __esm({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                      import_material47.Menu,
+                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                      import_material48.Menu,
                       {
                         anchorEl: modelAnchorEl,
                         open: Boolean(modelAnchorEl),
@@ -28741,8 +28982,8 @@ var init_chat_app_bar = __esm({
                             }
                           }
                         },
-                        children: availableModels.map((model) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-                          import_material47.MenuItem,
+                        children: availableModels.map((model) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                          import_material48.MenuItem,
                           {
                             selected: model.name === selectedModel,
                             onClick: () => {
@@ -28788,8 +29029,8 @@ var init_chat_app_bar = __esm({
                               px: 2
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                                import_material46.Avatar,
+                              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                                import_material47.Avatar,
                                 {
                                   src: model.avatarBase64 || modelAvatars3[model.name] || banditHead4,
                                   alt: model.name,
@@ -28801,12 +29042,12 @@ var init_chat_app_bar = __esm({
                                   }
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material47.Box, { sx: { flex: 1 }, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Typography, { variant: "body2", sx: { fontWeight: 500 }, children: model.name.replace("Bandit-", "") }),
-                                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary, display: "block" }, children: model.name === selectedModel ? "Currently active" : "Switch to this AI" })
+                              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_material48.Box, { sx: { flex: 1 }, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Typography, { variant: "body2", sx: { fontWeight: 500 }, children: model.name.replace("Bandit-", "") }),
+                                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary, display: "block" }, children: model.name === selectedModel ? "Currently active" : "Switch to this AI" })
                               ] }),
-                              model.name === selectedModel && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                                import_material47.Box,
+                              model.name === selectedModel && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                                import_material48.Box,
                                 {
                                   sx: {
                                     width: 8,
@@ -28822,9 +29063,9 @@ var init_chat_app_bar = __esm({
                         ))
                       }
                     ),
-                    isTTSAvailable && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Tooltip, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                        import_material47.IconButton,
+                    isTTSAvailable && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Tooltip, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                        import_material48.IconButton,
                         {
                           onClick: (e) => setVoiceAnchorEl(e.currentTarget),
                           sx: {
@@ -28837,11 +29078,11 @@ var init_chat_app_bar = __esm({
                             }
                           },
                           "aria-label": `Change voice. Currently using ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "default"}`,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RecordVoiceOverIcon, { fontSize: "small" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(RecordVoiceOverIcon, { fontSize: "small" })
                         }
                       ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                        import_material47.Menu,
+                      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                        import_material48.Menu,
                         {
                           anchorEl: voiceAnchorEl,
                           open: Boolean(voiceAnchorEl),
@@ -28877,22 +29118,22 @@ var init_chat_app_bar = __esm({
                               }
                             }
                           },
-                          children: availableVoices.length > 0 ? availableVoices.map((voice) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                            import_material47.MenuItem,
+                          children: availableVoices.length > 0 ? availableVoices.map((voice) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                            import_material48.MenuItem,
                             {
                               selected: voice === selectedVoice,
                               onClick: () => {
                                 handleVoiceChange(voice);
                                 setVoiceAnchorEl(null);
                               },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material47.Box, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RecordVoiceOverIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }),
-                                /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material47.Box, { sx: { flex: 1 }, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Typography, { variant: "body2", children: toTitleCase(voice.split("-")[1]) }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_material48.Box, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(RecordVoiceOverIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }),
+                                /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_material48.Box, { sx: { flex: 1 }, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Typography, { variant: "body2", children: toTitleCase(voice.split("-")[1]) }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
                                 ] }),
-                                voice === selectedVoice && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                                  import_material47.Box,
+                                voice === selectedVoice && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                                  import_material48.Box,
                                   {
                                     sx: {
                                       width: 8,
@@ -28905,7 +29146,7 @@ var init_chat_app_bar = __esm({
                               ] })
                             },
                             voice
-                          )) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.MenuItem, { disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Typography, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
+                          )) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.MenuItem, { disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Typography, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
                         }
                       )
                     ] })
@@ -28915,34 +29156,34 @@ var init_chat_app_bar = __esm({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(conversation_drawer_default, { open: drawerOpen, onClose: () => setDrawerOpen(false) }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(enhanced_mobile_conversations_modal_default, { open: modalOpen, onClose: () => setModalOpen(false) }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-          import_material47.Dialog,
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(conversation_drawer_default, { open: drawerOpen, onClose: () => setDrawerOpen(false) }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(enhanced_mobile_conversations_modal_default, { open: modalOpen, onClose: () => setModalOpen(false) }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          import_material48.Dialog,
           {
             open: confirmModelChangeOpen,
             onClose: () => setConfirmModelChangeOpen(false),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.DialogTitle, { children: "Change personality and start new conversation?" }),
-              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material47.Box, { display: "flex", alignItems: "center", gap: 2, mt: 1, justifyContent: "center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                  import_material46.Avatar,
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.DialogTitle, { children: "Change personality and start new conversation?" }),
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_material48.Box, { display: "flex", alignItems: "center", gap: 2, mt: 1, justifyContent: "center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                  import_material47.Avatar,
                   {
                     src: pendingModelAvatar,
                     alt: pendingModel || "Personality Avatar",
                     sx: { width: 40, height: 40, filter: "brightness(1.7)" }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material47.Typography, { variant: "body2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_material48.Typography, { variant: "body2", children: [
                   "Your current conversation will be saved, and a new one will begin with ",
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("strong", { children: pendingModel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("strong", { children: pendingModel }),
                   "."
                 ] })
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material47.DialogActions, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material47.Button, { onClick: () => setConfirmModelChangeOpen(false), children: "Cancel" }),
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                  import_material47.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_material48.DialogActions, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material48.Button, { onClick: () => setConfirmModelChangeOpen(false), children: "Cancel" }),
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                  import_material48.Button,
                   {
                     onClick: () => {
                       if (pendingModel) {
@@ -29056,12 +29297,12 @@ Respond with just the title and nothing else.
 });
 
 // src/chat/query-suggestion-picker.tsx
-var import_react58, import_material48, import_styles30, import_react_markdown3, import_remark_gfm3, import_rehype_raw3, import_jsx_runtime47, markdownComponents, QuerySuggestionPicker;
+var import_react59, import_material49, import_styles30, import_react_markdown3, import_remark_gfm3, import_rehype_raw3, import_jsx_runtime48, markdownComponents, QuerySuggestionPicker;
 var init_query_suggestion_picker = __esm({
   "src/chat/query-suggestion-picker.tsx"() {
     "use strict";
-    import_react58 = require("react");
-    import_material48 = require("@mui/material");
+    import_react59 = require("react");
+    import_material49 = require("@mui/material");
     import_styles30 = require("@mui/material/styles");
     import_react_markdown3 = __toESM(require("react-markdown"));
     import_remark_gfm3 = __toESM(require("remark-gfm"));
@@ -29072,29 +29313,29 @@ var init_query_suggestion_picker = __esm({
     init_preferencesStore();
     init_knowledgeStore();
     init_mcpToolsStore();
-    import_jsx_runtime47 = require("react/jsx-runtime");
+    import_jsx_runtime48 = require("react/jsx-runtime");
     markdownComponents = {
-      p: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { ...props }),
-      mark: ({ node, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("mark", { ...props, children }),
+      p: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { ...props }),
+      mark: ({ node, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("mark", { ...props, children }),
       code: ({ node, children, ...props }) => {
         const { inline, ...rest } = props;
-        return inline ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("code", { ...rest, children }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("code", { ...rest, children });
+        return inline ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("code", { ...rest, children }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("code", { ...rest, children });
       }
     };
     QuerySuggestionPicker = ({
       onSend,
       inputHeight
     }) => {
-      const hasGenerated = (0, import_react58.useRef)(false);
-      const [hasSentPrompt, setHasSentPrompt] = (0, import_react58.useState)(false);
-      const [examplePrompts, setExamplePrompts] = (0, import_react58.useState)([]);
-      const [visiblePrompts, setVisiblePrompts] = (0, import_react58.useState)([]);
-      const scrollRef = (0, import_react58.useRef)(null);
+      const hasGenerated = (0, import_react59.useRef)(false);
+      const [hasSentPrompt, setHasSentPrompt] = (0, import_react59.useState)(false);
+      const [examplePrompts, setExamplePrompts] = (0, import_react59.useState)([]);
+      const [visiblePrompts, setVisiblePrompts] = (0, import_react59.useState)([]);
+      const scrollRef = (0, import_react59.useRef)(null);
       const theme = (0, import_styles30.useTheme)();
-      const isMobile = (0, import_material48.useMediaQuery)((theme2) => theme2.breakpoints.down("sm"));
+      const isMobile = (0, import_material49.useMediaQuery)((theme2) => theme2.breakpoints.down("sm"));
       const { background, text, border, hoverBackground, hoverBorder } = theme.palette.chat.suggestion;
       const { getCurrentModel, isLoading } = useModelStore();
-      (0, import_react58.useEffect)(() => {
+      (0, import_react59.useEffect)(() => {
         if (hasGenerated.current || isLoading) return;
         hasGenerated.current = true;
         const currentModel = getCurrentModel();
@@ -29127,12 +29368,12 @@ var init_query_suggestion_picker = __esm({
           hasGenerated.current = false;
         });
       }, [getCurrentModel, isLoading]);
-      (0, import_react58.useEffect)(() => {
+      (0, import_react59.useEffect)(() => {
         if (!isLoading) {
           hasGenerated.current = false;
         }
       }, [isLoading]);
-      (0, import_react58.useEffect)(() => {
+      (0, import_react59.useEffect)(() => {
         if (hasSentPrompt || examplePrompts.length === 0) return;
         const interval = setInterval(() => {
           setExamplePrompts((prev) => {
@@ -29151,8 +29392,8 @@ var init_query_suggestion_picker = __esm({
         return () => clearInterval(interval);
       }, [hasSentPrompt, examplePrompts.length]);
       const displayPrompts = isMobile ? visiblePrompts.slice(0, Math.min(visiblePrompts.length, 6)) : visiblePrompts;
-      return displayPrompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-        import_material48.Box,
+      return displayPrompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        import_material49.Box,
         {
           ref: scrollRef,
           sx: {
@@ -29168,8 +29409,8 @@ var init_query_suggestion_picker = __esm({
             pb: isMobile ? 0.4 : 0,
             "&::-webkit-scrollbar": { display: "none" }
           },
-          children: displayPrompts.map((prompt, i) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-            import_material48.Box,
+          children: displayPrompts.map((prompt, i) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            import_material49.Box,
             {
               sx: {
                 px: isMobile ? 1.4 : 2,
@@ -29203,8 +29444,8 @@ var init_query_suggestion_picker = __esm({
                 onSend(prompt, []);
                 setHasSentPrompt(true);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                import_material48.Box,
+              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                import_material49.Box,
                 {
                   sx: {
                     flex: 1,
@@ -29228,7 +29469,7 @@ var init_query_suggestion_picker = __esm({
                       padding: "0.1em 0.25em"
                     }
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                     import_react_markdown3.default,
                     {
                       remarkPlugins: [import_remark_gfm3.default],
@@ -29249,22 +29490,22 @@ var init_query_suggestion_picker = __esm({
 });
 
 // ../../src/pages/under-review.tsx
-var import_material49, import_react_router_dom3, import_jsx_runtime48, UnderReview, under_review_default;
+var import_material50, import_react_router_dom4, import_jsx_runtime49, UnderReview, under_review_default;
 var init_under_review = __esm({
   "../../src/pages/under-review.tsx"() {
     "use strict";
-    import_material49 = require("@mui/material");
-    import_react_router_dom3 = require("react-router-dom");
-    import_jsx_runtime48 = require("react/jsx-runtime");
+    import_material50 = require("@mui/material");
+    import_react_router_dom4 = require("react-router-dom");
+    import_jsx_runtime49 = require("react/jsx-runtime");
     UnderReview = () => {
-      const theme = (0, import_material49.useTheme)();
-      const navigate = (0, import_react_router_dom3.useNavigate)();
+      const theme = (0, import_material50.useTheme)();
+      const navigate = (0, import_react_router_dom4.useNavigate)();
       const handleSneakyLogout = () => {
         localStorage.removeItem("authToken");
         navigate("/login");
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
-        import_material49.Box,
+      return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+        import_material50.Box,
         {
           sx: {
             minHeight: "100vh",
@@ -29279,8 +29520,8 @@ var init_under_review = __esm({
             position: "relative"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-              import_material49.Box,
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+              import_material50.Box,
               {
                 onClick: handleSneakyLogout,
                 sx: {
@@ -29305,13 +29546,13 @@ var init_under_review = __esm({
                 title: "Reset session"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Typography, { variant: "h4", sx: { mb: 2, fontWeight: 700, color: theme.palette.error.main }, children: "Under Review" }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material49.Typography, { variant: "body1", sx: { mb: 2, color: theme.palette.text.secondary }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_material50.Typography, { variant: "h4", sx: { mb: 2, fontWeight: 700, color: theme.palette.error.main }, children: "Under Review" }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_material50.Typography, { variant: "body1", sx: { mb: 2, color: theme.palette.text.secondary }, children: [
               "Your request to use our services is currently being reviewed.",
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("br", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("br", {}),
               "For more info, please contact ",
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("a", { href: "mailto:team@banditai.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@banditai.ai" })
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("a", { href: "mailto:team@banditai.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@banditai.ai" })
             ] })
           ]
         }
@@ -29322,19 +29563,19 @@ var init_under_review = __esm({
 });
 
 // src/components/ConnectionStatus.tsx
-var import_material50, import_jsx_runtime49, ConnectionStatus;
+var import_material51, import_jsx_runtime50, ConnectionStatus;
 var init_ConnectionStatus = __esm({
   "src/components/ConnectionStatus.tsx"() {
     "use strict";
-    import_material50 = require("@mui/material");
+    import_material51 = require("@mui/material");
     init_useNetworkStatus();
     init_lucide_icons();
-    import_jsx_runtime49 = require("react/jsx-runtime");
+    import_jsx_runtime50 = require("react/jsx-runtime");
     ConnectionStatus = ({
       showWhenGood = false,
       position = "top"
     }) => {
-      const theme = (0, import_material50.useTheme)();
+      const theme = (0, import_material51.useTheme)();
       const { isOnline, connectionQuality, isSlowConnection } = useNetworkStatus();
       if (connectionQuality === "fast" && !showWhenGood) {
         return null;
@@ -29343,28 +29584,28 @@ var init_ConnectionStatus = __esm({
         switch (connectionQuality) {
           case "offline":
             return {
-              icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(WifiOffIcon, { sx: { fontSize: 16 } }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(WifiOffIcon, { sx: { fontSize: 16 } }),
               label: "Offline",
               color: "error",
               severity: "high"
             };
           case "slow":
             return {
-              icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
               label: "Slow connection",
               color: "warning",
               severity: "medium"
             };
           case "fast":
             return {
-              icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(WifiIcon, { sx: { fontSize: 16 } }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(WifiIcon, { sx: { fontSize: 16 } }),
               label: "Connected",
               color: "success",
               severity: "low"
             };
           default:
             return {
-              icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(WifiIcon, { sx: { fontSize: 16 } }),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(WifiIcon, { sx: { fontSize: 16 } }),
               label: "Unknown",
               color: "default",
               severity: "low"
@@ -29372,8 +29613,8 @@ var init_ConnectionStatus = __esm({
         }
       };
       const config = getStatusConfig();
-      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_material50.Box,
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        import_material51.Box,
         {
           sx: {
             position: "fixed",
@@ -29388,8 +29629,8 @@ var init_ConnectionStatus = __esm({
               "100%": { opacity: 1 }
             }
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-            import_material50.Chip,
+          children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            import_material51.Chip,
             {
               icon: config.icon,
               label: config.label,
@@ -29414,11 +29655,11 @@ var init_ConnectionStatus = __esm({
 });
 
 // src/hooks/useVoiceMode.ts
-var import_react59, RMS_BASELINE, RMS_NORMALIZER, computeRms, pickSupportedMimeType, useVoiceMode;
+var import_react60, RMS_BASELINE, RMS_NORMALIZER, computeRms, pickSupportedMimeType, useVoiceMode;
 var init_useVoiceMode = __esm({
   "src/hooks/useVoiceMode.ts"() {
     "use strict";
-    import_react59 = require("react");
+    import_react60 = require("react");
     init_stt_client();
     init_debugLogger();
     init_voiceModeStore();
@@ -29451,11 +29692,11 @@ var init_useVoiceMode = __esm({
       const setError = useVoiceModeStore((state) => state.setError);
       const resetTransientState = useVoiceModeStore((state) => state.resetTransientState);
       const setLastTranscript = useVoiceModeStore((state) => state.setLastTranscript);
-      const configRef = (0, import_react59.useRef)(config);
-      (0, import_react59.useEffect)(() => {
+      const configRef = (0, import_react60.useRef)(config);
+      (0, import_react60.useEffect)(() => {
         configRef.current = config;
       }, [config]);
-      (0, import_react59.useEffect)(() => {
+      (0, import_react60.useEffect)(() => {
         if (!enabled) {
           return () => void 0;
         }
@@ -29716,25 +29957,26 @@ var chat_exports = {};
 __export(chat_exports, {
   default: () => chat_default
 });
-var import_react60, import_material51, import_styles31, import_react_router_dom4, import_jsx_runtime50, ChatContent, Chat, chat_default;
+var import_react61, import_material52, import_styles31, import_react_router_dom5, import_jsx_runtime51, ChatContent, Chat, chat_default;
 var init_chat2 = __esm({
   "src/chat/chat.tsx"() {
     "use strict";
-    import_react60 = require("react");
+    import_react61 = require("react");
     init_custom_logo();
     init_indexedDBService();
-    import_material51 = require("@mui/material");
+    import_material52 = require("@mui/material");
     import_styles31 = require("@mui/material/styles");
     init_aiQueryStore();
     init_modelStore();
     init_canvasStore();
     init_canvas_panel();
-    import_react_router_dom4 = require("react-router-dom");
+    import_react_router_dom5 = require("react-router-dom");
     init_chat_scroll_to_bottom_button();
     init_bandit_chat_logo();
     init_chat_messages();
     init_chat_input();
     init_ask_user_card();
+    init_rate_limit_prompt();
     init_useAIProvider();
     init_useAutoScroll();
     init_useNetworkStatus();
@@ -29761,7 +30003,7 @@ var init_chat2 = __esm({
     init_voiceModeStore();
     init_ttsSanitizer();
     init_FeatureFlagContext();
-    import_jsx_runtime50 = require("react/jsx-runtime");
+    import_jsx_runtime51 = require("react/jsx-runtime");
     ChatContent = () => {
       const packageSettings = usePackageSettingsStore((state) => state.settings);
       const featureFlag = useFeatureFlag();
@@ -29769,12 +30011,12 @@ var init_chat2 = __esm({
       const ossMode = isOSSMode() || !packageSettings?.featureFlags?.subscriptionType;
       const playgroundBypassAccess = packageSettings?.playgroundBypassAuth || typeof window !== "undefined" && window.location.pathname.includes("/playground");
       const notificationService2 = useNotificationService();
-      const [selectedTheme, setSelectedTheme] = (0, import_react60.useState)(null);
-      const [themeLoading, setThemeLoading] = (0, import_react60.useState)(true);
+      const [selectedTheme, setSelectedTheme] = (0, import_react61.useState)(null);
+      const [themeLoading, setThemeLoading] = (0, import_react61.useState)(true);
       const token = authenticationService.getToken();
       const claims = token ? authenticationService.parseJwtClaims(token) : null;
       const baseTheme = themeMap_default[selectedTheme ?? "bandit-dark"] || banditDarkTheme;
-      const banditTheme = (0, import_react60.useMemo)(() => {
+      const banditTheme = (0, import_react61.useMemo)(() => {
         return (0, import_styles31.createTheme)(baseTheme, {
           components: {
             MuiInputBase: {
@@ -29822,12 +30064,12 @@ var init_chat2 = __esm({
       } = useVoiceStore();
       const isVoiceModeEnabled = useVoiceModeStore((state) => state.enabled);
       const canvasOpen = useCanvasStore((state) => state.open);
-      const previousVoiceModeEnabledRef = (0, import_react60.useRef)(isVoiceModeEnabled);
-      const historyRef = (0, import_react60.useRef)(history);
-      (0, import_react60.useEffect)(() => {
+      const previousVoiceModeEnabledRef = (0, import_react61.useRef)(isVoiceModeEnabled);
+      const historyRef = (0, import_react61.useRef)(history);
+      (0, import_react61.useEffect)(() => {
         historyRef.current = history;
       }, [history]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (!hydrated) return;
         const params = new URLSearchParams(window.location.search);
         const title = params.get("title") || "";
@@ -29843,7 +30085,7 @@ var init_chat2 = __esm({
         stop: ttsStop,
         isAvailable: isTTSAvailable
       } = useTTS();
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         const timer = setTimeout(() => {
           const isAuthenticated = authenticationService.isAuthenticated();
           if (!initialized || availableVoices.length === 0) {
@@ -29857,7 +30099,7 @@ var init_chat2 = __esm({
         }, 500);
         return () => clearTimeout(timer);
       }, [initialized, availableVoices.length, loadVoicesFromAPI, token]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         const isAuthenticated = authenticationService.isAuthenticated();
         if (packageSettings?.gatewayApiUrl && availableVoices.length === 0 && !initialized) {
           if (token && isAuthenticated) {
@@ -29869,15 +30111,15 @@ var init_chat2 = __esm({
         }
       }, [packageSettings?.gatewayApiUrl, availableVoices.length, initialized, loadVoicesFromAPI, token]);
       const provider = useAIProviderStore((state) => state.provider);
-      const inputRef = (0, import_react60.useRef)(null);
-      const [pastedImages, setPastedImages] = (0, import_react60.useState)([]);
-      const inputContainerRef = (0, import_react60.useRef)(null);
-      const [inputHeight, setInputHeight] = (0, import_react60.useState)(80);
-      const [isSubmitting, setIsSubmitting] = (0, import_react60.useState)(false);
-      const [pendingMessage, setPendingMessage] = (0, import_react60.useState)(null);
+      const inputRef = (0, import_react61.useRef)(null);
+      const [pastedImages, setPastedImages] = (0, import_react61.useState)([]);
+      const inputContainerRef = (0, import_react61.useRef)(null);
+      const [inputHeight, setInputHeight] = (0, import_react61.useState)(80);
+      const [isSubmitting, setIsSubmitting] = (0, import_react61.useState)(false);
+      const [pendingMessage, setPendingMessage] = (0, import_react61.useState)(null);
       const { conversations, currentId, _hasHydrated, hydrate } = useConversationStore();
-      const [isMobile, setIsMobile] = (0, import_react60.useState)(false);
-      const [drawerOpen, setDrawerOpen] = (0, import_react60.useState)(false);
+      const [isMobile, setIsMobile] = (0, import_react61.useState)(false);
+      const [drawerOpen, setDrawerOpen] = (0, import_react61.useState)(false);
       const { generateName } = useConversationNameGenerator();
       const { preferences } = usePreferencesStore();
       const { containerRef: chatContainerRef, targetRef: scrollTargetRef, scrollToBottom, getScrollState } = useAutoScroll({
@@ -29889,27 +30131,27 @@ var init_chat2 = __esm({
       const chatContainerEl = chatContainerRef.current;
       const scrollTargetEl = scrollTargetRef.current;
       const { isSlowConnection, connectionQuality, trackRequestStart, trackRequestEnd } = useNetworkStatus();
-      const [showScrollToBottom, setShowScrollToBottom] = (0, import_react60.useState)(false);
-      const [streamBuffer, setStreamBuffer] = (0, import_react60.useState)("");
-      const [responseStarted, setResponseStarted] = (0, import_react60.useState)(false);
-      const [isStreaming, setIsStreaming] = (0, import_react60.useState)(false);
-      const [isThinking, setIsThinking] = (0, import_react60.useState)(false);
+      const [showScrollToBottom, setShowScrollToBottom] = (0, import_react61.useState)(false);
+      const [streamBuffer, setStreamBuffer] = (0, import_react61.useState)("");
+      const [responseStarted, setResponseStarted] = (0, import_react61.useState)(false);
+      const [isStreaming, setIsStreaming] = (0, import_react61.useState)(false);
+      const [isThinking, setIsThinking] = (0, import_react61.useState)(false);
       const initialLogoState = history.length === 0;
-      const [logoVisible, setLogoVisible] = (0, import_react60.useState)(initialLogoState);
-      const [logoShouldRender, setLogoShouldRender] = (0, import_react60.useState)(initialLogoState);
-      const streamingGraceUntilRef = (0, import_react60.useRef)(0);
+      const [logoVisible, setLogoVisible] = (0, import_react61.useState)(initialLogoState);
+      const [logoShouldRender, setLogoShouldRender] = (0, import_react61.useState)(initialLogoState);
+      const streamingGraceUntilRef = (0, import_react61.useRef)(0);
       const GRACE_MS = 450;
       const GRACE_OFFSET_DESKTOP = 28;
       const GRACE_OFFSET_MOBILE = 20;
-      const followStreamRef = (0, import_react60.useRef)(true);
-      const lastSpokenResponseRef = (0, import_react60.useRef)(null);
-      const previousConversationIdRef = (0, import_react60.useRef)(null);
-      const logoFadeTimeoutRef = (0, import_react60.useRef)(null);
-      const [branding, setBranding] = (0, import_react60.useState)(null);
-      const [brandingLoading, setBrandingLoading] = (0, import_react60.useState)(true);
-      const isBrandingLoadInProgressRef = (0, import_react60.useRef)(false);
+      const followStreamRef = (0, import_react61.useRef)(true);
+      const lastSpokenResponseRef = (0, import_react61.useRef)(null);
+      const previousConversationIdRef = (0, import_react61.useRef)(null);
+      const logoFadeTimeoutRef = (0, import_react61.useRef)(null);
+      const [branding, setBranding] = (0, import_react61.useState)(null);
+      const [brandingLoading, setBrandingLoading] = (0, import_react61.useState)(true);
+      const isBrandingLoadInProgressRef = (0, import_react61.useRef)(false);
       const logoOnly = history.length === 0 && !brandingLoading;
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         const isEmptyConversation = (history?.length ?? 0) === 0;
         const isSending = Boolean(pendingMessage);
         const shouldShowLogo = isEmptyConversation && !isSending;
@@ -29939,7 +30181,7 @@ var init_chat2 = __esm({
           }, 500);
         }
       }, [history, pendingMessage]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (!brandingLoading && !themeLoading) {
           return;
         }
@@ -29955,18 +30197,18 @@ var init_chat2 = __esm({
         }, 2500);
         return () => window.clearTimeout(timeoutId);
       }, [brandingLoading, themeLoading, selectedTheme]);
-      (0, import_react60.useEffect)(() => () => {
+      (0, import_react61.useEffect)(() => () => {
         if (logoFadeTimeoutRef.current) {
           window.clearTimeout(logoFadeTimeoutRef.current);
           logoFadeTimeoutRef.current = null;
         }
       }, []);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (isStreaming && streamBuffer.trim() === "") {
           streamingGraceUntilRef.current = Date.now() + GRACE_MS;
         }
       }, [isStreaming, streamBuffer]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (!isStreaming) return;
         const container = chatContainerRef.current;
         if (!container) return;
@@ -29977,13 +30219,13 @@ var init_chat2 = __esm({
           container.scrollTo({ top: targetTop, behavior: "smooth" });
         }
       }, [streamBuffer, isStreaming, isMobile, chatContainerRef]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (!_hasHydrated) {
           debugLogger.info("Chat component triggering conversation store hydration");
           hydrate();
         }
       }, [_hasHydrated, hydrate]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         const loadBrandingAndTheme = async () => {
           if (isBrandingLoadInProgressRef.current) {
             debugLogger.warn("Branding loading already in progress, skipping");
@@ -30170,19 +30412,19 @@ var init_chat2 = __esm({
           window.removeEventListener("bandit-theme-changed", handleThemeChange);
         };
       }, []);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (!chatContainerEl) return;
         const blurInputOnScroll = () => inputRef.current?.blur();
         chatContainerEl.addEventListener("scroll", blurInputOnScroll);
         return () => chatContainerEl.removeEventListener("scroll", blurInputOnScroll);
       }, [chatContainerEl]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         const handleResize = () => setIsMobile(window.innerWidth <= 768);
         handleResize();
         window.addEventListener("resize", handleResize);
         return () => window.removeEventListener("resize", handleResize);
       }, []);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         const setViewportHeight = () => {
           document.documentElement.style.setProperty(
             "--vh",
@@ -30193,7 +30435,7 @@ var init_chat2 = __esm({
         window.addEventListener("resize", setViewportHeight);
         return () => window.removeEventListener("resize", setViewportHeight);
       }, []);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (!chatContainerEl) return;
         let rafId = null;
         const update = () => {
@@ -30212,7 +30454,7 @@ var init_chat2 = __esm({
           chatContainerEl.removeEventListener(SCROLL_STATE_CHANGED_EVENT, update);
         };
       }, [chatContainerEl, getScrollState]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (!chatContainerEl) return;
         let observer = null;
         let rafId = null;
@@ -30247,7 +30489,7 @@ var init_chat2 = __esm({
           if (observer) observer.disconnect();
         };
       }, [chatContainerEl, scrollTargetEl, scrollTargetRef, getScrollState, inputHeight, history.length]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         const isTransitioning = isStreaming || streamBuffer.trim() === "";
         const delay = isTransitioning ? 400 : 100;
         const timer = setTimeout(() => {
@@ -30256,7 +30498,7 @@ var init_chat2 = __esm({
         }, delay);
         return () => clearTimeout(timer);
       }, [history, streamBuffer, getScrollState, isStreaming]);
-      (0, import_react60.useLayoutEffect)(() => {
+      (0, import_react61.useLayoutEffect)(() => {
         const scrollState = getScrollState();
         const now = Date.now();
         if (isStreaming && scrollState.shouldAutoScroll && followStreamRef.current) {
@@ -30290,7 +30532,7 @@ var init_chat2 = __esm({
           return () => clearTimeout(scrollTimer);
         }
       }, [history, isStreaming, scrollToBottom, getScrollState, isMobile, chatContainerRef]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         const observer = new ResizeObserver(() => {
           if (inputContainerRef.current)
             setInputHeight(inputContainerRef.current.offsetHeight);
@@ -30301,7 +30543,7 @@ var init_chat2 = __esm({
         }
         return () => observer.disconnect();
       }, []);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (!hydrated || !_hasHydrated) return;
         if (currentId === null) {
           useAIQueryStore.setState({ history: [] });
@@ -30350,7 +30592,7 @@ var init_chat2 = __esm({
         setResponse,
         setComponentStatus
       ]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         debugLogger.info("Chat component conversation state", {
           hasHydrated: _hasHydrated,
           conversationCount: conversations.length,
@@ -30359,7 +30601,7 @@ var init_chat2 = __esm({
           storeState: "main-chat"
         });
       }, [_hasHydrated, conversations, currentId]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (!_hasHydrated || !chatContainerEl) return;
         let rafId = null;
         const sync = () => {
@@ -30394,7 +30636,7 @@ var init_chat2 = __esm({
           notificationService2?.handleHttpError(error);
         }
       });
-      const handleStop = (0, import_react60.useCallback)(() => {
+      const handleStop = (0, import_react61.useCallback)(() => {
         try {
           aiProvider.cancel();
         } catch (error) {
@@ -30403,7 +30645,7 @@ var init_chat2 = __esm({
           });
         }
       }, [aiProvider]);
-      const handleVoiceInterrupt = (0, import_react60.useCallback)(() => {
+      const handleVoiceInterrupt = (0, import_react61.useCallback)(() => {
         try {
           ttsStop();
         } catch (error) {
@@ -30422,7 +30664,7 @@ var init_chat2 = __esm({
           handleStop();
         }
       }, [ttsStop, isStreaming, handleStop]);
-      const handleSend = (0, import_react60.useCallback)(
+      const handleSend = (0, import_react61.useCallback)(
         (question, images, displayQuestion) => {
           const requestStartTime = trackRequestStart();
           const questionForDisplay = displayQuestion || question;
@@ -30532,7 +30774,7 @@ var init_chat2 = __esm({
           trackRequestStart
         ]
       );
-      const handleVoiceTranscription = (0, import_react60.useCallback)(
+      const handleVoiceTranscription = (0, import_react61.useCallback)(
         (text) => {
           const cleaned = text.trim();
           if (!cleaned) {
@@ -30549,7 +30791,7 @@ var init_chat2 = __esm({
         onInterrupt: handleVoiceInterrupt,
         onError: (message) => notificationService2?.showError?.(message)
       });
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         const previouslyEnabled = previousVoiceModeEnabledRef.current;
         previousVoiceModeEnabledRef.current = isVoiceModeEnabled;
         if (!previouslyEnabled && isVoiceModeEnabled) {
@@ -30574,7 +30816,7 @@ var init_chat2 = __esm({
           }
         }
       }, [isVoiceModeEnabled, ttsStop]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (!isVoiceModeEnabled || !isStreaming) {
           return;
         }
@@ -30594,7 +30836,7 @@ var init_chat2 = __esm({
         }
         lastSpokenResponseRef.current = null;
       }, [isStreaming, isVoiceModeEnabled, ttsStop]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (!isVoiceModeEnabled) {
           lastSpokenResponseRef.current = null;
           return;
@@ -30635,13 +30877,13 @@ var init_chat2 = __esm({
           cancelled = true;
         };
       }, [history, isStreaming, isVoiceModeEnabled, isTTSAvailable, ttsSpeak]);
-      const handleModelChange = (0, import_react60.useCallback)(
+      const handleModelChange = (0, import_react61.useCallback)(
         (modelId) => {
           setSelectedModel(modelId);
         },
         [setSelectedModel]
       );
-      const handleVoiceChange = (0, import_react60.useCallback)(async (voiceId) => {
+      const handleVoiceChange = (0, import_react61.useCallback)(async (voiceId) => {
         ttsStop();
         stopTTS();
         setSelectedVoice(voiceId);
@@ -30674,10 +30916,10 @@ var init_chat2 = __esm({
         }
       };
       if (!hydrated || brandingLoading || themeLoading) {
-        return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_material51.ThemeProvider, { theme: banditTheme, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_material51.CssBaseline, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
-            import_material51.Box,
+        return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_material52.ThemeProvider, { theme: banditTheme, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.CssBaseline, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+            import_material52.Box,
             {
               sx: (theme) => ({
                 minHeight: "100dvh",
@@ -30690,8 +30932,8 @@ var init_chat2 = __esm({
                 color: theme.palette.text.primary
               }),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_material51.CircularProgress, { size: 32, thickness: 4 }),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_material51.Typography, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.CircularProgress, { size: 32, thickness: 4 }),
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.Typography, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
               ]
             }
           )
@@ -30699,15 +30941,15 @@ var init_chat2 = __esm({
       }
       const userHasAccess = playgroundBypassAccess || ossMode || claims?.roles?.includes("super-user") || claims?.roles?.includes("admin");
       if (!userHasAccess) {
-        return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_material51.ThemeProvider, { theme: banditTheme, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_material51.CssBaseline, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(under_review_default, {})
+        return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_material52.ThemeProvider, { theme: banditTheme, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.CssBaseline, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(under_review_default, {})
         ] });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_material51.ThemeProvider, { theme: banditTheme, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_material51.CssBaseline, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
-          import_material51.Box,
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_material52.ThemeProvider, { theme: banditTheme, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.CssBaseline, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+          import_material52.Box,
           {
             sx: (theme) => ({
               display: "flex",
@@ -30725,7 +30967,7 @@ var init_chat2 = __esm({
               transition: "left 0.3s ease-in-out, width 0.3s ease-in-out"
             }),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 chat_app_bar_default,
                 {
                   availableModels,
@@ -30737,8 +30979,8 @@ var init_chat2 = __esm({
                   setDrawerOpen
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-                import_material51.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                import_material52.Box,
                 {
                   ref: chatContainerRef,
                   sx: {
@@ -30758,8 +31000,8 @@ var init_chat2 = __esm({
                     msOverflowStyle: "none",
                     "&::-webkit-scrollbar": { display: "none" }
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
-                    import_material51.Box,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+                    import_material52.Box,
                     {
                       sx: {
                         width: "100%",
@@ -30769,9 +31011,9 @@ var init_chat2 = __esm({
                         pt: 2
                       },
                       children: [
-                        logoShouldRender && !brandingLoading && (branding?.logoBase64 ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(bandit_chat_logo_default, { visible: logoVisible, atTop: true })),
-                        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-                          import_material51.Box,
+                        logoShouldRender && !brandingLoading && (branding?.logoBase64 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(bandit_chat_logo_default, { visible: logoVisible, atTop: true })),
+                        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                          import_material52.Box,
                           {
                             sx: {
                               margin: "0 auto",
@@ -30780,7 +31022,7 @@ var init_chat2 = __esm({
                               flexShrink: 0,
                               px: isMobile ? 0 : 0
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                               chat_messages_default,
                               {
                                 isStreaming,
@@ -30804,7 +31046,7 @@ var init_chat2 = __esm({
                   )
                 }
               ),
-              showScrollToBottom && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              showScrollToBottom && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 chat_scroll_to_bottom_button_default,
                 {
                   inputHeight,
@@ -30813,8 +31055,8 @@ var init_chat2 = __esm({
                   onClick: handleScrollToBottomClick
                 }
               ),
-              history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-                import_material51.Box,
+              history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                import_material52.Box,
                 {
                   sx: (theme) => ({
                     position: "absolute",
@@ -30832,8 +31074,8 @@ var init_chat2 = __esm({
                   })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
-                import_material51.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+                import_material52.Box,
                 {
                   sx: {
                     display: "flex",
@@ -30844,10 +31086,11 @@ var init_chat2 = __esm({
                     maxWidth: "768px"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_material51.Box, { sx: { flex: "1 1 auto" } }),
-                    history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_material51.Box, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ask_user_card_default, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.Box, { sx: { flex: "1 1 auto" } }),
+                    history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.Box, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(rate_limit_prompt_default, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ask_user_card_default, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                       chat_input_default,
                       {
                         inputValue,
@@ -30874,7 +31117,7 @@ var init_chat2 = __esm({
                   ]
                 }
               ),
-              preferences.feedbackEnabled && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              preferences.feedbackEnabled && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 FeedbackButton,
                 {
                   fullScreen: false,
@@ -30887,11 +31130,11 @@ var init_chat2 = __esm({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ConnectionStatus, { position: "top", showWhenGood: false })
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ConnectionStatus, { position: "top", showWhenGood: false })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(canvas_panel_default, { isMobile })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(canvas_panel_default, { isMobile })
       ] });
     };
     Chat = () => {
@@ -30917,9 +31160,9 @@ var init_chat2 = __esm({
       });
       if (!allowUnauthenticated && !bypassAuth && !authenticationService.isAuthenticated()) {
         debugLogger.debug("User is not authenticated, redirecting to login");
-        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_router_dom4.Navigate, { to: "/login", replace: true });
+        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_router_dom5.Navigate, { to: "/login", replace: true });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ChatContent, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChatContent, {});
     };
     chat_default = Chat;
   }
@@ -30931,13 +31174,13 @@ __export(management_exports, {
   default: () => management_default
 });
 module.exports = __toCommonJS(management_exports);
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_useMediaQuery2 = __toESM(require("@mui/material/useMediaQuery"));
 var import_styles32 = require("@mui/material/styles");
 init_useKnowledgeStore();
 init_indexedDBService();
-var import_material52 = require("@mui/material");
-var import_react_router_dom5 = require("react-router-dom");
+var import_material53 = require("@mui/material");
+var import_react_router_dom6 = require("react-router-dom");
 
 // src/modals/chat-modal/chat-modal.tsx
 var import_react23 = require("react");
@@ -43429,7 +43672,7 @@ init_authenticationStore();
 init_useNotificationService();
 init_useFeatures();
 init_lucide_icons();
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var preloadChatPage = () => Promise.resolve().then(() => (init_chat2(), chat_exports));
 var buildCapabilitiesUrl = (gatewayApiUrl) => {
   const trimmed = gatewayApiUrl.replace(/\/$/, "");
@@ -43439,10 +43682,10 @@ var buildCapabilitiesUrl = (gatewayApiUrl) => {
   return `${trimmed}/api/capabilities`;
 };
 var Management = () => {
-  const navigate = (0, import_react_router_dom5.useNavigate)();
+  const navigate = (0, import_react_router_dom6.useNavigate)();
   const notificationService2 = useNotificationService();
   const isMobile = (0, import_useMediaQuery2.default)("(max-width:900px)");
-  const [sidebarOpen, setSidebarOpen] = (0, import_react61.useState)(false);
+  const [sidebarOpen, setSidebarOpen] = (0, import_react62.useState)(false);
   const getOptimalFabLogo = async () => {
     const banditHead6 = "https://cdn.burtson.ai/images/bandit-head.png";
     try {
@@ -43482,16 +43725,16 @@ var Management = () => {
     hasTransparentLogo,
     setHasTransparentLogo
   } = useModelStore();
-  const [modalOpen, setModalOpen] = (0, import_react61.useState)(false);
+  const [modalOpen, setModalOpen] = (0, import_react62.useState)(false);
   const banditHead5 = "https://cdn.burtson.ai/images/bandit-head.png";
-  const [fabLogo, setFabLogo] = (0, import_react61.useState)(banditHead5);
-  const [tabIndex, setTabIndex] = (0, import_react61.useState)(4);
-  const [logoFile, setLogoFile] = (0, import_react61.useState)(null);
-  const [logoBase64, setLogoBase64] = (0, import_react61.useState)(null);
-  const [brandingText, setBrandingText] = (0, import_react61.useState)("");
-  const [theme, setTheme] = (0, import_react61.useState)("bandit-dark");
-  const [customAvatarBase64, setCustomAvatarBase64] = (0, import_react61.useState)(null);
-  const [presetAvatar, setPresetAvatar] = (0, import_react61.useState)(null);
+  const [fabLogo, setFabLogo] = (0, import_react62.useState)(banditHead5);
+  const [tabIndex, setTabIndex] = (0, import_react62.useState)(4);
+  const [logoFile, setLogoFile] = (0, import_react62.useState)(null);
+  const [logoBase64, setLogoBase64] = (0, import_react62.useState)(null);
+  const [brandingText, setBrandingText] = (0, import_react62.useState)("");
+  const [theme, setTheme] = (0, import_react62.useState)("bandit-dark");
+  const [customAvatarBase64, setCustomAvatarBase64] = (0, import_react62.useState)(null);
+  const [presetAvatar, setPresetAvatar] = (0, import_react62.useState)(null);
   const showSnackbarMessage = (message, severity = "success") => {
     if (severity === "success") {
       notificationService2?.showSuccess(message);
@@ -43499,9 +43742,9 @@ var Management = () => {
       notificationService2?.showError(message);
     }
   };
-  const [restoreDialogOpen, setRestoreDialogOpen] = (0, import_react61.useState)(false);
-  const [brandingLoaded, setBrandingLoaded] = (0, import_react61.useState)(false);
-  const [isLoadingBranding, setIsLoadingBranding] = (0, import_react61.useState)(false);
+  const [restoreDialogOpen, setRestoreDialogOpen] = (0, import_react62.useState)(false);
+  const [brandingLoaded, setBrandingLoaded] = (0, import_react62.useState)(false);
+  const [isLoadingBranding, setIsLoadingBranding] = (0, import_react62.useState)(false);
   const { initModels } = useModelStore();
   const { settings: packageSettings } = usePackageSettingsStore();
   const authToken = useAuthenticationStore((state) => state.token);
@@ -43509,8 +43752,8 @@ var Management = () => {
   const { hasAdminDashboard, hasLimitedAdminDashboard, getCurrentTier, hasAdvancedSearch } = useFeatures();
   const { showAdminPanel, showLimitedAdminPanel } = useFeatureVisibility();
   const { provider: currentProvider, config: currentProviderConfig } = useAIProviderStore();
-  const [seedPacksEnabled, setSeedPacksEnabled] = (0, import_react61.useState)(false);
-  const [localSelectedModel, setLocalSelectedModel] = (0, import_react61.useState)({
+  const [seedPacksEnabled, setSeedPacksEnabled] = (0, import_react62.useState)(false);
+  const [localSelectedModel, setLocalSelectedModel] = (0, import_react62.useState)({
     name: "",
     tagline: "",
     systemPrompt: "",
@@ -43523,7 +43766,7 @@ var Management = () => {
     loadDocuments,
     clearAllDocuments
   } = useKnowledgeStore2();
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     if (selectedModel) {
       const selected = availableModels.find((m) => m.name === selectedModel);
       if (selected) {
@@ -43547,7 +43790,7 @@ var Management = () => {
       }
     }
   }, [selectedModel, availableModels]);
-  const loadBrandingConfig = (0, import_react61.useCallback)(async () => {
+  const loadBrandingConfig = (0, import_react62.useCallback)(async () => {
     if (isLoadingBranding || brandingLoaded) {
       debugLogger.warn("Branding loading already in progress or completed, skipping");
       return;
@@ -43662,15 +43905,15 @@ var Management = () => {
     setTagline,
     setTheme
   ]);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     void loadBrandingConfig();
   }, [loadBrandingConfig]);
   const handleOpenModal = () => setModalOpen(true);
   const handleCloseModal = () => setModalOpen(false);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     getOptimalFabLogo().then(setFabLogo);
   }, []);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     if (logoBase64) {
       setFabLogo(logoBase64);
     } else {
@@ -44117,7 +44360,7 @@ var Management = () => {
       reader.readAsText(file);
     }
   };
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     if (localSelectedModel.selectedModel && !availableModels.some((m) => m.name === localSelectedModel.selectedModel)) {
       setLocalSelectedModel((prev) => ({
         ...prev,
@@ -44125,10 +44368,10 @@ var Management = () => {
       }));
     }
   }, [availableModels, localSelectedModel.selectedModel]);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     loadDocuments();
   }, [loadDocuments]);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     const gatewayApiUrl = packageSettings?.gatewayApiUrl;
     if (!gatewayApiUrl || gatewayApiUrl.toLowerCase().startsWith("playground://")) {
       setSeedPacksEnabled(false);
@@ -44171,7 +44414,7 @@ var Management = () => {
       isActive = false;
     };
   }, [packageSettings?.gatewayApiUrl, authToken]);
-  const currentTheme = (0, import_react61.useMemo)(() => {
+  const currentTheme = (0, import_react62.useMemo)(() => {
     const baseTheme = predefinedThemes[theme] || banditDarkTheme;
     return (0, import_styles32.createTheme)(baseTheme, {
       // Management-scoped density: condenses every settings tab at once. This
@@ -44228,43 +44471,43 @@ var Management = () => {
   const allNavTabs = [
     {
       label: "Personalities",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(FaceRetouchingNaturalIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(FaceRetouchingNaturalIcon, {}),
       requiresFeature: "limitedAdminDashboard",
       requiresAdmin: true
     },
     {
       label: "Branding",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(BrushIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(BrushIcon, {}),
       requiresFeature: "limitedAdminDashboard",
       requiresAdmin: true
     },
     {
       label: "Knowledge",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(MenuBookIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(MenuBookIcon, {}),
       requiresFeature: "limitedAdminDashboard",
       requiresAdmin: true
     },
     {
       label: "Storage",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StorageIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(StorageIcon, {}),
       requiresFeature: "limitedAdminDashboard",
       requiresAdmin: true
     },
     {
       label: "Preferences",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TuneIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TuneIcon, {}),
       requiresFeature: "limitedAdminDashboard",
       requiresAdmin: false
     },
     {
       label: "Provider",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CloudIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CloudIcon, {}),
       requiresFeature: "advancedSearch",
       requiresAdmin: true
     },
     {
       label: "Tools",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(BuildIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(BuildIcon, {}),
       requiresFeature: "advancedSearch",
       requiresAdmin: true
     }
@@ -44274,7 +44517,9 @@ var Management = () => {
     "platform_admin"
   ]);
   const userRoles = (authenticationService.parseJwtClaims(authenticationService.getToken() ?? "")?.roles ?? []).map((r) => r.toLowerCase());
-  const isWorkspaceAdmin = userRoles.some((r) => platformAdminRoles.has(r));
+  const isWorkspaceAdmin = userRoles.some(
+    (r) => platformAdminRoles.has(r) || r.endsWith("-admin")
+  );
   const navTabs = allNavTabs.filter((tab) => {
     if (tab.requiresAdmin && !isWorkspaceAdmin) return false;
     if (tab.requiresFeature === "limitedAdminDashboard") {
@@ -44290,7 +44535,7 @@ var Management = () => {
   });
   const preferredDefaultTabIndex = navTabs.findIndex((tab) => tab.label === "Preferences");
   const defaultTabIndex = preferredDefaultTabIndex >= 0 ? preferredDefaultTabIndex : 0;
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     setTabIndex((current) => {
       if (current < 0 || current >= navTabs.length) {
         return defaultTabIndex;
@@ -44300,8 +44545,8 @@ var Management = () => {
   }, [navTabs.length, defaultTabIndex]);
   const mobileQuickTabs = navTabs.slice(0, 5);
   const hasMobileOverflowTabs = navTabs.length > mobileQuickTabs.length;
-  const navigationContent = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-    import_material52.Box,
+  const navigationContent = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    import_material53.Box,
     {
       sx: {
         display: "flex",
@@ -44311,8 +44556,8 @@ var Management = () => {
         bgcolor: "inherit"
       },
       children: [
-        isMobile && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-          import_material52.Box,
+        isMobile && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          import_material53.Box,
           {
             sx: {
               height: 6,
@@ -44325,15 +44570,15 @@ var Management = () => {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.Box, { sx: { p: isMobile ? 2.5 : 3, pb: isMobile ? 1.5 : 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-          import_material52.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.Box, { sx: { p: isMobile ? 2.5 : 3, pb: isMobile ? 1.5 : 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          import_material53.Button,
           {
             onClick: () => {
               if (isMobile) setSidebarOpen(false);
               navigate("/chat");
             },
             onMouseEnter: preloadChatPage,
-            startIcon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChevronLeftIcon, { sx: { fontSize: 20 } }),
+            startIcon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChevronLeftIcon, { sx: { fontSize: 20 } }),
             fullWidth: true,
             variant: "outlined",
             sx: {
@@ -44360,9 +44605,9 @@ var Management = () => {
             children: "Back to Chat"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.Divider, { sx: { mx: isMobile ? 2 : 3, mb: 2, opacity: 0.6 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.Box, { sx: { flex: 1, px: isMobile ? 1.5 : 2, pb: 3, overflowY: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.List, { sx: { px: 0, py: 0 }, children: navTabs.map((tab, idx) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-          import_material52.ListItemButton,
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.Divider, { sx: { mx: isMobile ? 2 : 3, mb: 2, opacity: 0.6 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.Box, { sx: { flex: 1, px: isMobile ? 1.5 : 2, pb: 3, overflowY: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.List, { sx: { px: 0, py: 0 }, children: navTabs.map((tab, idx) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+          import_material53.ListItemButton,
           {
             selected: tabIndex === idx,
             onClick: () => {
@@ -44402,9 +44647,9 @@ var Management = () => {
               "& .MuiListItemIcon-root svg": { width: 17, height: 17 }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.ListItemIcon, { children: tab.icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                import_material52.ListItemText,
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.ListItemIcon, { children: tab.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                import_material53.ListItemText,
                 {
                   primary: tab.label,
                   primaryTypographyProps: {
@@ -44421,10 +44666,10 @@ var Management = () => {
     }
   );
   if (!brandingLoaded) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_material52.ThemeProvider, { theme: currentTheme, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.CssBaseline, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-      import_material52.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_material53.ThemeProvider, { theme: currentTheme, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.CssBaseline, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+      import_material53.Box,
       {
         display: "flex",
         height: "100vh",
@@ -44436,8 +44681,8 @@ var Management = () => {
           position: "relative"
         },
         children: [
-          isMobile && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-            import_material52.Box,
+          isMobile && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+            import_material53.Box,
             {
               sx: {
                 width: "100%",
@@ -44456,8 +44701,8 @@ var Management = () => {
                 boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                  import_material52.Button,
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                  import_material53.Button,
                   {
                     onClick: () => setSidebarOpen((o) => !o),
                     sx: {
@@ -44478,7 +44723,7 @@ var Management = () => {
                         transform: sidebarOpen ? "rotate(90deg) scale(0.95)" : "scale(0.95)"
                       }
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                       "path",
                       {
                         d: sidebarOpen ? "M18 6L6 18M6 6L18 18" : "M3 12H21M3 6H21M3 18H21",
@@ -44490,8 +44735,8 @@ var Management = () => {
                     ) })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                  import_material52.Typography,
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                  import_material53.Typography,
                   {
                     variant: "h6",
                     sx: {
@@ -44503,14 +44748,14 @@ var Management = () => {
                     children: "Management"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_material52.Box, { sx: {
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.Box, { sx: {
                   px: 2,
                   py: 0.5,
                   borderRadius: 2,
                   bgcolor: (theme2) => theme2.palette.mode === "dark" ? "rgba(25,118,210,0.12)" : "rgba(25,118,210,0.08)",
                   border: (theme2) => `1px solid ${theme2.palette.primary.main}20`
-                }, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                  import_material52.Typography,
+                }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                  import_material53.Typography,
                   {
                     variant: "caption",
                     sx: {
@@ -44524,8 +44769,8 @@ var Management = () => {
               ]
             }
           ),
-          isMobile && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-            import_material52.Box,
+          isMobile && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+            import_material53.Box,
             {
               sx: {
                 width: "100%",
@@ -44542,8 +44787,8 @@ var Management = () => {
                 mobileQuickTabs.map((tab) => {
                   const quickTabIndex = navTabs.findIndex((navTab) => navTab.label === tab.label);
                   const selected = tabIndex === quickTabIndex;
-                  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                    import_material52.Button,
+                  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                    import_material53.Button,
                     {
                       size: "small",
                       onClick: () => setTabIndex(quickTabIndex),
@@ -44568,8 +44813,8 @@ var Management = () => {
                     tab.label
                   );
                 }),
-                hasMobileOverflowTabs && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                  import_material52.Button,
+                hasMobileOverflowTabs && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                  import_material53.Button,
                   {
                     size: "small",
                     onClick: () => setSidebarOpen(true),
@@ -44591,8 +44836,8 @@ var Management = () => {
               ]
             }
           ),
-          isMobile ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-            import_material52.SwipeableDrawer,
+          isMobile ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            import_material53.SwipeableDrawer,
             {
               anchor: "bottom",
               open: sidebarOpen,
@@ -44612,8 +44857,8 @@ var Management = () => {
               },
               children: navigationContent
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-            import_material52.Box,
+          ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            import_material53.Box,
             {
               sx: {
                 width: 240,
@@ -44636,8 +44881,8 @@ var Management = () => {
               children: navigationContent
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-            import_material52.Box,
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+            import_material53.Box,
             {
               sx: {
                 flex: 1,
@@ -44656,7 +44901,7 @@ var Management = () => {
                 transition: "margin-left 0.2s"
               },
               children: [
-                navTabs[tabIndex]?.label === "Personalities" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                navTabs[tabIndex]?.label === "Personalities" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   PersonalitiesTab_default,
                   {
                     availableModels,
@@ -44675,7 +44920,7 @@ var Management = () => {
                     showSnackbar: showSnackbarMessage
                   }
                 ),
-                navTabs[tabIndex]?.label === "Branding" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                navTabs[tabIndex]?.label === "Branding" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   BrandingTab_default,
                   {
                     logoFile,
@@ -44694,7 +44939,7 @@ var Management = () => {
                     setLogoBase64
                   }
                 ),
-                navTabs[tabIndex]?.label === "Knowledge" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                navTabs[tabIndex]?.label === "Knowledge" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   KnowledgeHubTab_default,
                   {
                     documents,
@@ -44707,8 +44952,8 @@ var Management = () => {
                     seedPacksEnabled
                   }
                 ),
-                navTabs[tabIndex]?.label === "Storage" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StorageTab_default, { currentTheme }),
-                navTabs[tabIndex]?.label === "Preferences" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                navTabs[tabIndex]?.label === "Storage" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(StorageTab_default, { currentTheme }),
+                navTabs[tabIndex]?.label === "Preferences" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   PreferencesTab_default,
                   {
                     preferences,
@@ -44718,13 +44963,13 @@ var Management = () => {
                     showSnackbar: showSnackbarMessage
                   }
                 ),
-                navTabs[tabIndex]?.label === "Provider" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ProviderTab, {}),
-                navTabs[tabIndex]?.label === "Tools" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(MCPToolsTabV2_default, {})
+                navTabs[tabIndex]?.label === "Provider" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ProviderTab, {}),
+                navTabs[tabIndex]?.label === "Tools" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(MCPToolsTabV2_default, {})
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-            import_material52.Fab,
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            import_material53.Fab,
             {
               "aria-label": "AI",
               onClick: handleOpenModal,
@@ -44745,7 +44990,7 @@ var Management = () => {
                 boxShadow: theme2.shadows[6],
                 zIndex: 2e3
               }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 "img",
                 {
                   src: fabLogo,
@@ -44759,7 +45004,7 @@ var Management = () => {
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
         ]
       }
     )