@burtson-labs/bandit-engine 2.0.49 → 2.0.51

package/dist/{chunk-7HXARU5R.mjs → chunk-STMXPFAQ.mjs}

@@ -1,6 +1,9 @@
 import {
   styleInject
 } from "./chunk-ONQMRE2G.mjs";
+import {
+  StreamingMarkdown_default
+} from "./chunk-N7RMUOFB.mjs";
 import {
   useMCPToolsStore
 } from "./chunk-EHNWQ4T3.mjs";
@@ -9,17 +12,14 @@ import {
   FeedbackModal,
   ai_response_text_field_default,
   banditDarkTheme,
-  getHighlightTree,
-  markdownSanitizeSchema,
   memory_modal_default,
-  renderLowlightChildren,
   sanitizeForTTS,
   stopTTS,
   themeMap_default,
   useNotificationService,
   useTTS,
   useVoiceStore
-} from "./chunk-AXFX2HUK.mjs";
+} from "./chunk-HETIHZ42.mjs";
 import {
   authenticationService,
   brandingService_default,
@@ -44,7 +44,7 @@ import {
   useMemoryStore,
   useProjectStore,
   useVectorStore
-} from "./chunk-6WZUQHZT.mjs";
+} from "./chunk-IDH2YOW3.mjs";
 import {
   indexedDBService_default,
   useModelStore,
@@ -59,7 +59,7 @@ import {
 } from "./chunk-KCI46M23.mjs";
 
 // src/chat/chat.tsx
-import { useCallback as useCallback6, useEffect as useEffect15, useLayoutEffect, useRef as useRef14, useState as useState15 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect14, useLayoutEffect, useMemo as useMemo3, useRef as useRef13, useState as useState14 } from "react";
 
 // src/chat/custom-logo.tsx
 import React, { useEffect } from "react";
@@ -146,7 +146,8 @@ var Logo = ({ visible, atTop = false }) => {
 var custom_logo_default = Logo;
 
 // src/chat/chat.tsx
-import { Box as Box15, ThemeProvider, CssBaseline } from "@mui/material";
+import { Box as Box14, ThemeProvider, CssBaseline, CircularProgress as CircularProgress4, Typography as Typography10 } from "@mui/material";
+import { createTheme } from "@mui/material/styles";
 import { Navigate } from "react-router-dom";
 
 // src/chat/chat-scroll-to-bottom-button.tsx
@@ -223,482 +224,8 @@ var BanditChatLogo = ({ atTop = false, visible = false }) => {
 var bandit_chat_logo_default = BanditChatLogo;
 
 // src/chat/chat-messages.tsx
-import { Box as Box3 } from "@mui/material";
-
-// src/components/StreamingMarkdown.tsx
-import React3, { useEffect as useEffect3, useMemo, useRef, useState as useState2 } from "react";
-import { Box as Box2, Tooltip, IconButton as IconButton2 } from "@mui/material";
-import ReactMarkdown from "react-markdown";
-import remarkGfm from "remark-gfm";
-import rehypeRaw from "rehype-raw";
-import rehypeSanitize from "rehype-sanitize";
-import { useTheme as useTheme3, alpha } from "@mui/material/styles";
-import CheckIcon from "@mui/icons-material/Check";
-import ContentCopyIcon from "@mui/icons-material/ContentCopy";
+import { Box as Box2 } from "@mui/material";
 import { jsx as jsx4, jsxs } from "react/jsx-runtime";
-var StreamingMarkdown = ({
-  content,
-  isStreaming = false,
-  sources
-}) => {
-  const theme = useTheme3();
-  const showCursor = isStreaming && content.trim().length > 0;
-  const showLoader = isStreaming && content.trim().length === 0;
-  const prevSanitizedRef = useRef("");
-  const containerRef = useRef(null);
-  const stableSourcesRef = useRef([]);
-  const effectiveSources = useMemo(() => {
-    if (Array.isArray(sources) && sources.length > 0) {
-      stableSourcesRef.current = sources;
-      return sources;
-    }
-    if (sources === void 0) {
-      return stableSourcesRef.current;
-    }
-    stableSourcesRef.current = [];
-    return [];
-  }, [sources]);
-  const normalizeTables = (markdown) => {
-    const lines = markdown.split("\n");
-    const output = [];
-    let inTable = false;
-    let tableRows = [];
-    const flushTable = () => {
-      if (tableRows.length === 0) return;
-      const maxCols = Math.max(...tableRows.map((r) => r.length));
-      const padded = tableRows.map((row) => [...row, ...Array(maxCols - row.length).fill("")]);
-      const header = padded[0];
-      const separator = Array(maxCols).fill("---");
-      output.push("| " + header.join(" | ") + " |");
-      output.push("| " + separator.join(" | ") + " |");
-      for (let i = 1; i < padded.length; i++) {
-        const row = padded[i];
-        if (row.every((cell) => /^-+$/.test(cell))) continue;
-        output.push("| " + row.join(" | ") + " |");
-      }
-      tableRows = [];
-      inTable = false;
-    };
-    for (const line of lines) {
-      if (/^\s*\|.*\|\s*$/.test(line)) {
-        inTable = true;
-        const cells = line.trim().slice(1, -1).split("|").map((c) => c.trim());
-        tableRows.push(cells);
-      } else {
-        if (inTable) flushTable();
-        output.push(line);
-      }
-    }
-    if (inTable) flushTable();
-    return output.join("\n");
-  };
-  const sanitizeMarkdown = (raw) => {
-    let sanitized = raw.replace(/<[/]?start_of_turn>|<[/]?end[_]?of[_]?turn>/gi, "");
-    sanitized = sanitized.replace(/<div class="MuiBox-root[^"]*"[^>]*>([\s\S]*?)<\/div>/g, (_, inner) => inner.trim()).replace(/<div[^>]*>\s*<\/div>/g, "");
-    sanitized = sanitized.replace(/\r?\n\s*:\s*/g, ": ");
-    sanitized = sanitized.replace(/\r?\n\s*,\s*/g, ", ");
-    sanitized = normalizeTables(sanitized);
-    return sanitized;
-  };
-  const sanitizedContent = sanitizeMarkdown(content);
-  const contentWithSources = useMemo(() => {
-    if (!effectiveSources.length || isStreaming) {
-      return sanitizedContent;
-    }
-    const existingSection = /\*\*Sources?\*\*/i.test(sanitizedContent);
-    if (existingSection) {
-      return sanitizedContent;
-    }
-    const listMarkdown = effectiveSources.map((doc, index) => `- ${index + 1}. ${doc.name}`).join("\n");
-    return `${sanitizedContent}
-
-**Sources**
-${listMarkdown}`;
-  }, [sanitizedContent, effectiveSources, isStreaming]);
-  const escapeHtml = (str) => str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\"/g, "&quot;").replace(/'/g, "&#39;");
-  const isPlainAppend = (s) => {
-    return !/[`*_\[\]<>|#~]/.test(s);
-  };
-  let renderContent = contentWithSources;
-  if (isStreaming) {
-    const prev = prevSanitizedRef.current;
-    let i = 0;
-    const max = Math.min(prev.length, sanitizedContent.length);
-    while (i < max && prev.charCodeAt(i) === sanitizedContent.charCodeAt(i)) i++;
-    const base = sanitizedContent.slice(0, i);
-    const appended = sanitizedContent.slice(i);
-    if (appended && isPlainAppend(appended)) {
-      const parts = appended.split(/(\s+)/);
-      let delayMs = 0;
-      const step = 42;
-      const wrapped = parts.map((p) => {
-        if (/^\s+$/.test(p) || p === "") return p;
-        const safe = escapeHtml(p);
-        const out = `<span class="bl-fade-word" data-bl-delay="${delayMs}">${safe}</span>`;
-        delayMs += step;
-        return out;
-      }).join("");
-      renderContent = base + wrapped;
-    }
-  }
-  useEffect3(() => {
-    prevSanitizedRef.current = contentWithSources;
-  }, [contentWithSources]);
-  useEffect3(() => {
-    if (!containerRef.current) return;
-    const nodes = containerRef.current.querySelectorAll(".bl-fade-word");
-    nodes.forEach((node) => {
-      const delay = node.getAttribute("data-bl-delay");
-      if (delay) {
-        node.style.setProperty("--bl-delay", `${delay}ms`);
-        node.style.animationDelay = `${delay}ms`;
-      }
-    });
-  }, [renderContent, sanitizedContent, isStreaming]);
-  const MarkRenderer = ({ children, ...props }) => {
-    const inlineBg = theme.palette.mode === "dark" ? alpha(theme.palette.common.white, 0.06) : alpha(theme.palette.text.primary, 0.06);
-    const inlineBorder = `1px solid ${alpha(theme.palette.text.primary, 0.15)}`;
-    return /* @__PURE__ */ jsx4(
-      Box2,
-      {
-        component: "span",
-        sx: {
-          display: "inline-block",
-          backgroundColor: inlineBg,
-          border: inlineBorder,
-          color: "inherit",
-          padding: "0.15em 0.35em",
-          borderRadius: "4px",
-          fontWeight: 500,
-          fontSize: "0.92em",
-          lineHeight: 1.4,
-          whiteSpace: "normal",
-          width: "fit-content",
-          maxWidth: "100%",
-          fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
-        },
-        ...props,
-        children
-      }
-    );
-  };
-  const LinkRenderer = ({ href, children, ...props }) => /* @__PURE__ */ jsx4(
-    "a",
-    {
-      href,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      style: { color: theme.palette.primary.main, textDecoration: "underline" },
-      ...props,
-      children
-    }
-  );
-  const CodeRenderer = ({ inline, className, children, ...props }) => {
-    const match = /language-([\w-]+)/.exec(className || "");
-    const requestedLanguage = match?.[1]?.toLowerCase() ?? "";
-    const codeText = String(children).replace(/\n$/, "");
-    const isProbablyBlock = codeText.includes("\n") || Boolean(requestedLanguage);
-    const [copied, setCopied] = useState2(false);
-    const handleCopy = () => {
-      void navigator.clipboard.writeText(codeText);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    };
-    const highlightTree = useMemo(
-      () => isProbablyBlock ? getHighlightTree(codeText, requestedLanguage) : null,
-      [isProbablyBlock, codeText, requestedLanguage]
-    );
-    const highlightedNodes = useMemo(
-      () => highlightTree ? renderLowlightChildren(
-        (highlightTree.children || []).filter(
-          (node) => node.type === "element" || node.type === "text"
-        ),
-        `hl-${requestedLanguage || "auto"}`
-      ) : [],
-      [highlightTree, requestedLanguage]
-    );
-    const dataLanguage = highlightTree && highlightTree.data && typeof highlightTree.data === "object" && "language" in highlightTree.data ? String(highlightTree.data.language ?? "") : "";
-    if (!highlightTree) {
-      const inlineBg = theme.palette.mode === "dark" ? alpha(theme.palette.common.white, 0.06) : alpha(theme.palette.text.primary, 0.06);
-      const inlineBorder = `1px solid ${alpha(theme.palette.text.primary, 0.15)}`;
-      return /* @__PURE__ */ jsx4(
-        "code",
-        {
-          style: {
-            borderRadius: 4,
-            fontSize: "0.92em",
-            fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
-            backgroundColor: inlineBg,
-            border: inlineBorder,
-            padding: "0.15em 0.35em"
-          },
-          ...props,
-          children
-        }
-      );
-    }
-    const resolvedLanguage = (requestedLanguage || dataLanguage || "code").toString();
-    const languageLabel = resolvedLanguage.toUpperCase();
-    const languageClass = resolvedLanguage.toLowerCase();
-    const highlightColors = theme.palette.mode === "dark" ? {
-      background: "#0f172a",
-      text: "#e2e8f0",
-      keyword: "#c792ea",
-      string: "#7fdbca",
-      number: "#f78c6c",
-      comment: "#64748b",
-      function: "#82aaff",
-      variable: "#f07178"
-    } : {
-      background: "#f4f6ff",
-      text: "#1e293b",
-      keyword: "#7c3aed",
-      string: "#0f766e",
-      number: "#b45309",
-      comment: "#6b7280",
-      function: "#2563eb",
-      variable: "#d97706"
-    };
-    return /* @__PURE__ */ jsxs(
-      Box2,
-      {
-        sx: {
-          borderRadius: "4px",
-          overflow: "auto",
-          my: "0.5rem",
-          px: 0,
-          py: 0,
-          mt: 1,
-          mb: 0.5,
-          fontSize: "0.9rem",
-          position: "relative",
-          fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
-          width: "100%",
-          maxWidth: "100%"
-        },
-        children: [
-          /* @__PURE__ */ jsxs(
-            Box2,
-            {
-              sx: {
-                px: 2,
-                py: 1,
-                bgcolor: theme.palette.mode === "dark" ? alpha(theme.palette.common.white, 0.04) : alpha(theme.palette.text.primary, 0.04),
-                color: theme.palette.text.secondary,
-                fontSize: "0.75rem",
-                borderBottom: `1px solid ${alpha(theme.palette.text.primary, 0.1)}`,
-                display: "flex",
-                justifyContent: "space-between",
-                alignItems: "center",
-                fontFamily: "inherit"
-              },
-              children: [
-                /* @__PURE__ */ jsx4("span", { children: languageLabel }),
-                /* @__PURE__ */ jsx4(Tooltip, { title: copied ? "Copied!" : "Copy", arrow: true, children: /* @__PURE__ */ jsx4(
-                  IconButton2,
-                  {
-                    size: "small",
-                    onClick: handleCopy,
-                    sx: {
-                      color: copied ? theme.palette.success.main : theme.palette.text.secondary,
-                      "&:hover": { color: theme.palette.text.primary },
-                      padding: "4px"
-                    },
-                    children: copied ? /* @__PURE__ */ jsx4(CheckIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx4(ContentCopyIcon, { fontSize: "small" })
-                  }
-                ) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx4(
-            Box2,
-            {
-              sx: {
-                overflowX: "auto",
-                maxWidth: "100%",
-                "& .hljs": {
-                  display: "block",
-                  overflowX: "auto",
-                  padding: "16px",
-                  margin: 0,
-                  backgroundColor: highlightColors.background,
-                  color: highlightColors.text,
-                  fontSize: "0.9rem"
-                },
-                "& .hljs-comment, & .hljs-quote": {
-                  color: highlightColors.comment,
-                  fontStyle: "italic"
-                },
-                "& .hljs-keyword, & .hljs-selector-tag, & .hljs-literal, & .hljs-built_in": {
-                  color: highlightColors.keyword
-                },
-                "& .hljs-string, & .hljs-doctag, & .hljs-template-tag, & .hljs-attr": {
-                  color: highlightColors.string
-                },
-                "& .hljs-number, & .hljs-symbol, & .hljs-bullet, & .hljs-meta": {
-                  color: highlightColors.number
-                },
-                "& .hljs-title, & .hljs-section, & .hljs-selector-id, & .hljs-function": {
-                  color: highlightColors.function
-                },
-                "& .hljs-variable, & .hljs-params, & .hljs-property": {
-                  color: highlightColors.variable
-                }
-              },
-              children: /* @__PURE__ */ jsx4("pre", { className: `hljs language-${languageClass}`, ...props, children: /* @__PURE__ */ jsx4("code", { className: "hljs", children: highlightedNodes }) })
-            }
-          )
-        ]
-      }
-    );
-  };
-  const EmRenderer = ({ children, ...props }) => {
-    const onlyChild = Array.isArray(children) && children.length === 1 ? children[0] : null;
-    if (onlyChild && React3.isValidElement(onlyChild) && typeof onlyChild.props?.className === "string" && onlyChild.props.className.includes("MuiBox-root")) {
-      const inner = onlyChild.props.children;
-      if (typeof inner === "string" && inner.trim().toUpperCase() === "CODE") {
-        return null;
-      }
-      return /* @__PURE__ */ jsx4(
-        Box2,
-        {
-          sx: {
-            fontFamily: "monospace",
-            fontSize: "0.9rem",
-            backgroundColor: theme.palette.background.default,
-            color: theme.palette.text.primary,
-            padding: "12px 16px",
-            borderRadius: "4px",
-            border: `1px solid ${theme.palette.divider}`,
-            my: 1,
-            display: "inline-block"
-          },
-          children: inner
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx4("em", { ...props, children });
-  };
-  const TableRenderer = ({ children, ...props }) => /* @__PURE__ */ jsx4(Box2, { sx: { overflowX: "auto", my: 1 }, children: /* @__PURE__ */ jsx4("table", { style: { borderCollapse: "collapse", width: "100%" }, ...props, children }) });
-  const OrderedListRenderer = ({ children, ...props }) => /* @__PURE__ */ jsx4("ol", { style: { paddingLeft: 24, marginLeft: 16, listStyleType: "decimal" }, ...props, children });
-  const UnorderedListRenderer = ({ children, ...props }) => /* @__PURE__ */ jsx4(
-    "ul",
-    {
-      style: {
-        paddingLeft: "1.5rem",
-        marginTop: "0.5rem",
-        marginBottom: "0.25rem",
-        listStyle: "disc"
-      },
-      ...props,
-      children
-    }
-  );
-  const BlockQuoteRenderer = ({ children, ...props }) => /* @__PURE__ */ jsx4(
-    Box2,
-    {
-      component: "blockquote",
-      sx: {
-        borderLeft: `4px solid ${theme.palette.divider}`,
-        pl: 2,
-        ml: 0,
-        color: theme.palette.text.secondary
-      },
-      ...props,
-      children
-    }
-  );
-  const TableHeaderRenderer = ({ children, ...props }) => /* @__PURE__ */ jsx4(
-    "th",
-    {
-      style: {
-        border: "1px solid #ddd",
-        padding: "8px",
-        backgroundColor: theme.palette.mode === "dark" ? "#333" : "#f2f2f2",
-        textAlign: "left"
-      },
-      ...props,
-      children
-    }
-  );
-  const TableCellRenderer = ({ children, ...props }) => /* @__PURE__ */ jsx4(
-    "td",
-    {
-      style: {
-        border: "1px solid #ddd",
-        padding: "8px"
-      },
-      ...props,
-      children
-    }
-  );
-  const ParagraphRenderer = ({ children, ...props }) => /* @__PURE__ */ jsx4("p", { style: { marginTop: "0.5rem", marginBottom: "0.5rem" }, ...props, children });
-  const components = {
-    mark: MarkRenderer,
-    code: CodeRenderer,
-    a: LinkRenderer,
-    em: EmRenderer,
-    table: TableRenderer,
-    ol: OrderedListRenderer,
-    ul: UnorderedListRenderer,
-    blockquote: BlockQuoteRenderer,
-    th: TableHeaderRenderer,
-    td: TableCellRenderer,
-    p: ParagraphRenderer
-  };
-  return /* @__PURE__ */ jsx4(
-    Box2,
-    {
-      ref: containerRef,
-      sx: {
-        // Base transition for minor layout changes
-        transition: "opacity 120ms ease-out, transform 120ms ease-out",
-        "& .cursor": {
-          display: showCursor ? "inline" : "none",
-          animation: "blink 1s step-start infinite"
-        },
-        "@keyframes blink": {
-          "50%": { opacity: 0 }
-        },
-        "& .bl-fade-word": {
-          opacity: 0,
-          animation: "bl-fade-in 420ms ease-out forwards"
-        },
-        "@keyframes bl-fade-in": {
-          from: { opacity: 0, transform: "translateY(1.5px)" },
-          to: { opacity: 1, transform: "translateY(0)" }
-        },
-        // Subtle fade-in for each render while streaming to reduce choppiness perception
-        opacity: isStreaming ? 0.985 : 1,
-        transform: isStreaming ? "translateY(0.25px)" : "none",
-        // Reduce layout jumpiness between updates
-        "& p:last-child": { marginBottom: 0 },
-        // Add min height when showing loader to prevent layout shift
-        minHeight: showLoader ? "40px" : "auto"
-      },
-      children: showLoader ? (
-        // Show loading indicator when streaming but no content yet
-        /* @__PURE__ */ jsx4(Box2, { sx: { display: "flex", alignItems: "center", minHeight: "40px", pl: 2 }, children: /* @__PURE__ */ jsxs("div", { className: "typing-only", children: [
-          /* @__PURE__ */ jsx4("span", { className: "dot" }),
-          /* @__PURE__ */ jsx4("span", { className: "dot" }),
-          /* @__PURE__ */ jsx4("span", { className: "dot" })
-        ] }) })
-      ) : /* @__PURE__ */ jsx4(
-        ReactMarkdown,
-        {
-          remarkPlugins: [remarkGfm],
-          rehypePlugins: [rehypeRaw, [rehypeSanitize, markdownSanitizeSchema]],
-          components,
-          children: (renderContent || sanitizedContent) + (showCursor ? " \u258A" : "")
-        }
-      )
-    }
-  );
-};
-var StreamingMarkdown_default = StreamingMarkdown;
-
-// src/chat/chat-messages.tsx
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var ChatMessages = ({
   pendingMessage,
   streamBuffer,
@@ -717,7 +244,7 @@ var ChatMessages = ({
   const lastIndex = history.length - 1;
   const hasActivePlaceholder = lastIndex >= 0 && history[lastIndex]?.answer === "...";
   if (!responseStarted && !pendingMessage && history.length === 0) return null;
-  return /* @__PURE__ */ jsxs2(Box3, { sx: { px: isMobile ? 0 : 0, pt: "100px", display: "flex", flexDirection: "column", gap: 2 }, children: [
+  return /* @__PURE__ */ jsxs(Box2, { sx: { px: isMobile ? 0 : 0, pt: "100px", display: "flex", flexDirection: "column", gap: 2 }, children: [
     history.map((entry, index) => {
       const isLast = index === lastIndex;
       const isPlaceholder = entry.answer === "...";
@@ -725,8 +252,8 @@ var ChatMessages = ({
       const content = isLast ? isStreaming ? streamBuffer || "" : isPlaceholder ? "" : entry.answer : entry.answer;
       const rawSources = entry.sourceFiles;
       const sourceSummaries = rawSources ? rawSources.filter((doc) => doc && typeof doc.name === "string" && doc.name.trim()).map((doc) => ({ id: doc.id || doc.name, name: doc.name.trim() })) : void 0;
-      const responseNode = /* @__PURE__ */ jsxs2(
-        Box3,
+      const responseNode = /* @__PURE__ */ jsxs(
+        Box2,
         {
           sx: {
             minHeight: isLast ? isMobile ? "80px" : "60px" : void 0,
@@ -735,8 +262,8 @@ var ChatMessages = ({
             transition: "min-height 0.25s cubic-bezier(0.4, 0, 0.2, 1)"
           },
           children: [
-            /* @__PURE__ */ jsx5(
-              Box3,
+            /* @__PURE__ */ jsx4(
+              Box2,
               {
                 sx: {
                   position: showLoader ? "static" : "absolute",
@@ -749,15 +276,15 @@ var ChatMessages = ({
                   pointerEvents: showLoader ? "auto" : "none",
                   zIndex: showLoader ? 1 : 0
                 },
-                children: /* @__PURE__ */ jsx5(Box3, { sx: { display: "flex", alignItems: "center", minHeight: "40px", pl: 2 }, children: /* @__PURE__ */ jsxs2("div", { className: "typing-only", children: [
-                  /* @__PURE__ */ jsx5("span", { className: "dot" }),
-                  /* @__PURE__ */ jsx5("span", { className: "dot" }),
-                  /* @__PURE__ */ jsx5("span", { className: "dot" })
+                children: /* @__PURE__ */ jsx4(Box2, { sx: { display: "flex", alignItems: "center", minHeight: "40px", pl: 2 }, children: /* @__PURE__ */ jsxs("div", { className: "typing-only", children: [
+                  /* @__PURE__ */ jsx4("span", { className: "dot" }),
+                  /* @__PURE__ */ jsx4("span", { className: "dot" }),
+                  /* @__PURE__ */ jsx4("span", { className: "dot" })
                 ] }) })
               }
             ),
-            /* @__PURE__ */ jsx5(
-              Box3,
+            /* @__PURE__ */ jsx4(
+              Box2,
               {
                 sx: {
                   position: showLoader ? "absolute" : "static",
@@ -770,7 +297,7 @@ var ChatMessages = ({
                   pointerEvents: showLoader ? "none" : "auto",
                   zIndex: 1
                 },
-                children: /* @__PURE__ */ jsx5(
+                children: /* @__PURE__ */ jsx4(
                   StreamingMarkdown_default,
                   {
                     content,
@@ -783,7 +310,7 @@ var ChatMessages = ({
           ]
         }
       );
-      return /* @__PURE__ */ jsx5(Box3, { children: /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx4(Box2, { children: /* @__PURE__ */ jsx4(
         ai_response_text_field_default,
         {
           question: entry.question,
@@ -798,14 +325,14 @@ var ChatMessages = ({
         }
       ) }, index);
     }),
-    /* @__PURE__ */ jsx5("div", { style: { height: "1px" }, ref: scrollTargetRef })
+    /* @__PURE__ */ jsx4("div", { style: { height: "1px" }, ref: scrollTargetRef })
   ] });
 };
 var chat_messages_default = ChatMessages;
 
 // src/chat/chat-input.tsx
-import { useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
-import { Box as Box4, TextField, IconButton as IconButton4, Tooltip as Tooltip2, Avatar as Avatar2, Typography, CircularProgress as CircularProgress2, Collapse } from "@mui/material";
+import { useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
+import { Box as Box3, TextField, IconButton as IconButton3, Tooltip, Avatar as Avatar2, Typography, CircularProgress as CircularProgress2, Collapse } from "@mui/material";
 import CloseIcon2 from "@mui/icons-material/Close";
 import ArrowUpwardIcon from "@mui/icons-material/ArrowUpward";
 import PsychologyIcon from "@mui/icons-material/Psychology";
@@ -815,9 +342,9 @@ import GraphicEqIcon from "@mui/icons-material/GraphicEq";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 
 // src/services/stt/transcriber.tsx
-import { useState as useState3, useRef as useRef2 } from "react";
+import { useState as useState2, useRef } from "react";
 import MicIcon from "@mui/icons-material/Mic";
-import CheckIcon2 from "@mui/icons-material/Check";
+import CheckIcon from "@mui/icons-material/Check";
 import CloseIcon from "@mui/icons-material/Close";
 
 // src/services/stt/sound-recorder.service.ts
@@ -962,9 +489,9 @@ var STTClient = class {
 };
 
 // src/services/stt/transcriber.tsx
-import { CircularProgress, IconButton as IconButton3, useTheme as useTheme4 } from "@mui/material";
+import { CircularProgress, IconButton as IconButton2, useTheme as useTheme3 } from "@mui/material";
 import { from as from2, Subscription, switchMap as switchMap2 } from "rxjs";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var initialButtonStyles = (badgeBackground, fileText, hoverBadgeBackground) => ({
   bgcolor: badgeBackground,
   color: fileText,
@@ -974,14 +501,14 @@ var initialButtonStyles = (badgeBackground, fileText, hoverBadgeBackground) => (
   "&:hover": { bgcolor: hoverBadgeBackground }
 });
 var Transcriber = ({ onTranscriptionCompleted }) => {
-  const theme = useTheme4();
+  const theme = useTheme3();
   const badgeBackground = theme.palette.chat.badge;
   const fileText = theme.palette.chat.fileText;
   const hoverBadgeBackground = theme.palette.chat.badgeHover;
-  const [status, setStatus] = useState3("IDLE");
-  const recorderRef = useRef2(new SoundRecorderService());
-  const [iconButtonStyles] = useState3(() => initialButtonStyles(badgeBackground, fileText, hoverBadgeBackground));
-  const [recordingSub, setRecordingSub] = useState3(() => new Subscription());
+  const [status, setStatus] = useState2("IDLE");
+  const recorderRef = useRef(new SoundRecorderService());
+  const [iconButtonStyles] = useState2(() => initialButtonStyles(badgeBackground, fileText, hoverBadgeBackground));
+  const [recordingSub, setRecordingSub] = useState2(() => new Subscription());
   const start = () => {
     recordingSub.unsubscribe();
     const recording = recorderRef.current.start();
@@ -1012,7 +539,7 @@ var Transcriber = ({ onTranscriptionCompleted }) => {
     setStatus("LOADING");
     stop();
   };
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       style: {
@@ -1022,34 +549,34 @@ var Transcriber = ({ onTranscriptionCompleted }) => {
         backgroundColor: status === "RECORDING" ? "rgba(0,0,0,.3)" : "rgba(0,0,0,0)",
         borderRadius: "50px"
       },
-      children: status === "IDLE" ? /* @__PURE__ */ jsx6(IconButton3, { sx: { ...iconButtonStyles }, onClick: handleRecordClick, children: /* @__PURE__ */ jsx6(MicIcon, { sx: { color: "#aaa", cursor: "pointer" } }) }) : status === "RECORDING" ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-        /* @__PURE__ */ jsx6(
-          IconButton3,
+      children: status === "IDLE" ? /* @__PURE__ */ jsx5(IconButton2, { sx: { ...iconButtonStyles }, onClick: handleRecordClick, children: /* @__PURE__ */ jsx5(MicIcon, { sx: { color: "#aaa", cursor: "pointer" } }) }) : status === "RECORDING" ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+        /* @__PURE__ */ jsx5(
+          IconButton2,
           {
             onClick: handleCancelClick,
             sx: { ...iconButtonStyles, marginRight: 1 },
-            children: /* @__PURE__ */ jsx6(CloseIcon, {})
+            children: /* @__PURE__ */ jsx5(CloseIcon, {})
           }
         ),
-        /* @__PURE__ */ jsx6(
-          IconButton3,
+        /* @__PURE__ */ jsx5(
+          IconButton2,
           {
             sx: {
               ...iconButtonStyles,
               filter: "invert(110%)"
             },
             onClick: handleSubmitClick,
-            children: /* @__PURE__ */ jsx6(CheckIcon2, {})
+            children: /* @__PURE__ */ jsx5(CheckIcon, {})
           }
         )
-      ] }) : status === "LOADING" ? /* @__PURE__ */ jsx6(IconButton3, { sx: { ...iconButtonStyles }, children: /* @__PURE__ */ jsx6(CircularProgress, { size: 20 }) }) : null
+      ] }) : status === "LOADING" ? /* @__PURE__ */ jsx5(IconButton2, { sx: { ...iconButtonStyles }, children: /* @__PURE__ */ jsx5(CircularProgress, { size: 20 }) }) : null
     }
   );
 };
 var transcriber_default = Transcriber;
 
 // src/chat/chat-input.tsx
-import { useTheme as useTheme5, alpha as alpha2 } from "@mui/material/styles";
+import { useTheme as useTheme4, alpha } from "@mui/material/styles";
 
 // src/store/voiceModeStore.ts
 import { create } from "zustand";
@@ -1088,7 +615,7 @@ var useVoiceModeStore = create((set) => ({
 
 // src/chat/chat-input.tsx
 import { shallow } from "zustand/shallow";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var ChatInput = (props) => {
   const {
     inputValue,
@@ -1103,7 +630,7 @@ var ChatInput = (props) => {
     onStop,
     isStreaming
   } = props;
-  const theme = useTheme5();
+  const theme = useTheme4();
   const inputBackground = theme.palette.chat.input;
   const shellBackground = theme.palette.chat.shell;
   const badgeBackground = theme.palette.chat.badge;
@@ -1131,13 +658,13 @@ var ChatInput = (props) => {
     }),
     shallow
   );
-  const [memoryOpen, setMemoryOpen] = useState4(false);
-  const [fileInputs, setFileInputs] = useState4([]);
-  const fileInputRef = useRef3(null);
-  const [brandingText, setBrandingText] = useState4("");
-  const [feedbackModalOpen, setFeedbackModalOpen] = useState4(false);
-  const [isKeyboardOpen, setKeyboardOpen] = useState4(false);
-  const [moreActionsOpen, setMoreActionsOpen] = useState4(false);
+  const [memoryOpen, setMemoryOpen] = useState3(false);
+  const [fileInputs, setFileInputs] = useState3([]);
+  const fileInputRef = useRef2(null);
+  const [brandingText, setBrandingText] = useState3("");
+  const [feedbackModalOpen, setFeedbackModalOpen] = useState3(false);
+  const [isKeyboardOpen, setKeyboardOpen] = useState3(false);
+  const [moreActionsOpen, setMoreActionsOpen] = useState3(false);
   const compactMobile = isMobile;
   const primaryIconSize = isMobile ? 32 : 40;
   const sendIconSize = isMobile ? 36 : 44;
@@ -1146,10 +673,10 @@ var ChatInput = (props) => {
   const attachmentChipPaddingY = isMobile ? 0.55 : 0.75;
   const mobileShellPadding = `calc(var(--input-offset, 1.5rem) - 0.4rem)`;
   const streamingActive = Boolean(isStreaming);
-  const sendButtonBackground = streamingActive ? alpha2(theme.palette.error.main, theme.palette.mode === "dark" ? 0.75 : 0.65) : fileText;
+  const sendButtonBackground = streamingActive ? alpha(theme.palette.error.main, theme.palette.mode === "dark" ? 0.75 : 0.65) : fileText;
   const sendButtonColor = streamingActive ? theme.palette.common.white : fileIconBg;
-  const sendButtonHover = streamingActive ? alpha2(theme.palette.error.main, theme.palette.mode === "dark" ? 0.9 : 0.82) : hoverBadgeBackground;
-  const sendButtonShadow = streamingActive ? `0 0 0 3px ${alpha2(theme.palette.error.main, 0.18)}` : "none";
+  const sendButtonHover = streamingActive ? alpha(theme.palette.error.main, theme.palette.mode === "dark" ? 0.9 : 0.82) : hoverBadgeBackground;
+  const sendButtonShadow = streamingActive ? `0 0 0 3px ${alpha(theme.palette.error.main, 0.18)}` : "none";
   const { hasSTT, hasMemory, hasDocumentKnowledge } = useFeatures();
   const { showMemoryToggle, showDocumentUpload } = useFeatureVisibility();
   const isSTTAvailable = !!packageSettings?.gatewayApiUrl && preferences.sttEnabled && hasSTT();
@@ -1160,7 +687,7 @@ var ChatInput = (props) => {
   const isFeedbackEnabled = preferences.feedbackEnabled;
   const gatewayUrlLower = packageSettings?.gatewayApiUrl?.toLowerCase?.() ?? "";
   const isPlaygroundMode2 = packageSettings?.playgroundMode === true || gatewayUrlLower.startsWith("playground://") || typeof window !== "undefined" && window.location.pathname.includes("/playground");
-  useEffect4(() => {
+  useEffect3(() => {
     const lockViewportHeight = () => {
       if (isMobile) {
         document.documentElement.style.setProperty("--vh", `${window.innerHeight * 0.01}px`);
@@ -1174,7 +701,7 @@ var ChatInput = (props) => {
     window.addEventListener("resize", lockViewportHeight);
     return () => window.removeEventListener("resize", lockViewportHeight);
   }, [isMobile]);
-  useEffect4(() => {
+  useEffect3(() => {
     if (!isMobile) {
       setKeyboardOpen(false);
       return;
@@ -1197,7 +724,7 @@ var ChatInput = (props) => {
       window.removeEventListener("resize", detectKeyboard);
     };
   }, [isMobile]);
-  useEffect4(() => {
+  useEffect3(() => {
     const loadBrandingText = async () => {
       try {
         const branding = await brandingService_default.getBranding();
@@ -1209,7 +736,7 @@ var ChatInput = (props) => {
     };
     loadBrandingText();
   }, []);
-  useEffect4(() => {
+  useEffect3(() => {
     const handlePaste = (e) => {
       const items = e.clipboardData?.items;
       if (items) {
@@ -1378,15 +905,15 @@ ${sanitize(
   const hasFeedbackAction = isFeedbackEnabled && isMobile;
   const hasSttAction = isSTTAvailable && !isVoiceModeEnabled;
   const hasSecondaryActions = isMobile && (hasAttachmentAction || hasMemoryAction || hasFeedbackAction || hasSttAction);
-  useEffect4(() => {
+  useEffect3(() => {
     if (!isMobile || !hasSecondaryActions) {
       setMoreActionsOpen(false);
     }
   }, [isMobile, hasSecondaryActions]);
   const renderAttachmentButton = (key) => {
     if (!hasAttachmentAction) return null;
-    return /* @__PURE__ */ jsx7(Tooltip2, { title: "Attach files or images", children: /* @__PURE__ */ jsx7(
-      IconButton4,
+    return /* @__PURE__ */ jsx6(Tooltip, { title: "Attach files or images", children: /* @__PURE__ */ jsx6(
+      IconButton3,
       {
         onClick: () => fileInputRef.current?.click(),
         sx: {
@@ -1403,8 +930,8 @@ ${sanitize(
   };
   const renderMemoryButton = (key) => {
     if (!hasMemoryAction) return null;
-    return /* @__PURE__ */ jsx7(Tooltip2, { title: "Memory", children: /* @__PURE__ */ jsx7(
-      IconButton4,
+    return /* @__PURE__ */ jsx6(Tooltip, { title: "Memory", children: /* @__PURE__ */ jsx6(
+      IconButton3,
       {
         onClick: () => setMemoryOpen(true),
         sx: {
@@ -1415,14 +942,14 @@ ${sanitize(
           borderRadius: "50%",
           "&:hover": { bgcolor: hoverBadgeBackground }
         },
-        children: /* @__PURE__ */ jsx7(PsychologyIcon, { fontSize: "small" })
+        children: /* @__PURE__ */ jsx6(PsychologyIcon, { fontSize: "small" })
       }
     ) }, key ?? "memory");
   };
   const renderFeedbackButton = (key) => {
     if (!hasFeedbackAction) return null;
-    return /* @__PURE__ */ jsx7(Tooltip2, { title: "Send Feedback", children: /* @__PURE__ */ jsx7(
-      IconButton4,
+    return /* @__PURE__ */ jsx6(Tooltip, { title: "Send Feedback", children: /* @__PURE__ */ jsx6(
+      IconButton3,
       {
         onClick: () => setFeedbackModalOpen(true),
         sx: {
@@ -1433,17 +960,17 @@ ${sanitize(
           borderRadius: "50%",
           "&:hover": { bgcolor: hoverBadgeBackground }
         },
-        children: /* @__PURE__ */ jsx7(FeedbackIcon, { fontSize: "small" })
+        children: /* @__PURE__ */ jsx6(FeedbackIcon, { fontSize: "small" })
       }
     ) }, key ?? "feedback");
   };
   const renderSttButton = (key) => {
     if (!hasSttAction) return null;
-    return /* @__PURE__ */ jsx7(Box4, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx7(transcriber_default, { onTranscriptionCompleted: handleTranscriptionCompleted }) }, key ?? "stt");
+    return /* @__PURE__ */ jsx6(Box3, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx6(transcriber_default, { onTranscriptionCompleted: handleTranscriptionCompleted }) }, key ?? "stt");
   };
-  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
-    /* @__PURE__ */ jsxs4(
-      Box4,
+  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsxs3(
+      Box3,
       {
         sx: {
           width: "100%",
@@ -1462,8 +989,8 @@ ${sanitize(
         },
         ref: inputContainerRef,
         children: [
-          /* @__PURE__ */ jsxs4(
-            Box4,
+          /* @__PURE__ */ jsxs3(
+            Box3,
             {
               sx: {
                 width: "100%",
@@ -1478,8 +1005,8 @@ ${sanitize(
                 gap: isMobile ? compactMobile ? 0.75 : 1 : 1
               },
               children: [
-                /* @__PURE__ */ jsxs4(
-                  Box4,
+                /* @__PURE__ */ jsxs3(
+                  Box3,
                   {
                     sx: {
                       display: "flex",
@@ -1489,8 +1016,8 @@ ${sanitize(
                       flexDirection: "row"
                     },
                     children: [
-                      fileInputs.map((file, idx) => /* @__PURE__ */ jsxs4(
-                        Box4,
+                      fileInputs.map((file, idx) => /* @__PURE__ */ jsxs3(
+                        Box3,
                         {
                           sx: {
                             position: "relative",
@@ -1503,7 +1030,7 @@ ${sanitize(
                             gap: isMobile ? compactMobile ? 0.6 : 0.9 : 1
                           },
                           children: [
-                            /* @__PURE__ */ jsx7(
+                            /* @__PURE__ */ jsx6(
                               Avatar2,
                               {
                                 sx: {
@@ -1517,22 +1044,22 @@ ${sanitize(
                                 children: getFileIcon(file.name)
                               }
                             ),
-                            /* @__PURE__ */ jsx7(Typography, { variant: "caption", sx: { color: fileText }, children: file.name }),
-                            /* @__PURE__ */ jsx7(
-                              IconButton4,
+                            /* @__PURE__ */ jsx6(Typography, { variant: "caption", sx: { color: fileText }, children: file.name }),
+                            /* @__PURE__ */ jsx6(
+                              IconButton3,
                               {
                                 size: "small",
                                 onClick: () => setFileInputs((prev) => prev.filter((_, i) => i !== idx)),
                                 sx: { ml: 0.5, color: theme.palette.mode === "dark" ? "#aaa" : "#444" },
-                                children: /* @__PURE__ */ jsx7(CloseIcon2, { sx: { fontSize: 14 } })
+                                children: /* @__PURE__ */ jsx6(CloseIcon2, { sx: { fontSize: 14 } })
                               }
                             )
                           ]
                         },
                         idx
                       )),
-                      pastedImages.map((img, idx) => /* @__PURE__ */ jsxs4(Box4, { sx: { position: "relative" }, children: [
-                        /* @__PURE__ */ jsx7(
+                      pastedImages.map((img, idx) => /* @__PURE__ */ jsxs3(Box3, { sx: { position: "relative" }, children: [
+                        /* @__PURE__ */ jsx6(
                           Avatar2,
                           {
                             src: img,
@@ -1544,8 +1071,8 @@ ${sanitize(
                             }
                           }
                         ),
-                        /* @__PURE__ */ jsx7(
-                          IconButton4,
+                        /* @__PURE__ */ jsx6(
+                          IconButton3,
                           {
                             size: "small",
                             onClick: () => removeImage(idx),
@@ -1561,7 +1088,7 @@ ${sanitize(
                                 bgcolor: "rgba(255, 5, 5, 0.85)"
                               }
                             },
-                            children: /* @__PURE__ */ jsx7(
+                            children: /* @__PURE__ */ jsx6(
                               CloseIcon2,
                               {
                                 sx: {
@@ -1573,7 +1100,7 @@ ${sanitize(
                           }
                         )
                       ] }, `img-${idx}`)),
-                      /* @__PURE__ */ jsx7(
+                      /* @__PURE__ */ jsx6(
                         "input",
                         {
                           type: "file",
@@ -1610,15 +1137,15 @@ ${sanitize(
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx7(
-                  Box4,
+                /* @__PURE__ */ jsx6(
+                  Box3,
                   {
                     sx: {
                       display: "flex",
                       maxHeight: "200px",
                       overflowY: "auto"
                     },
-                    children: /* @__PURE__ */ jsx7(
+                    children: /* @__PURE__ */ jsx6(
                       TextField,
                       {
                         fullWidth: true,
@@ -1650,8 +1177,8 @@ ${sanitize(
                     )
                   }
                 ),
-                /* @__PURE__ */ jsxs4(
-                  Box4,
+                /* @__PURE__ */ jsxs3(
+                  Box3,
                   {
                     sx: {
                       display: "flex",
@@ -1661,8 +1188,8 @@ ${sanitize(
                       mt: isMobile ? 0.5 : 1
                     },
                     children: [
-                      /* @__PURE__ */ jsxs4(
-                        Box4,
+                      /* @__PURE__ */ jsxs3(
+                        Box3,
                         {
                           sx: {
                             display: "flex",
@@ -1671,34 +1198,34 @@ ${sanitize(
                             minHeight: primaryIconSize
                           },
                           children: [
-                            isVoiceModeEligible && /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                              /* @__PURE__ */ jsx7(
-                                Tooltip2,
+                            isVoiceModeEligible && /* @__PURE__ */ jsxs3(Fragment3, { children: [
+                              /* @__PURE__ */ jsx6(
+                                Tooltip,
                                 {
                                   title: !isVoiceModeEnabled ? "Enable voice mode" : voiceStatus === "error" ? voiceError || "Voice mode error" : voiceStatus === "processing" ? "Transcribing your speech" : voiceStatus === "recording" ? "Recording - click to stop" : voiceStatus === "initializing" ? "Preparing microphone" : "Listening - click to turn off",
-                                  children: /* @__PURE__ */ jsx7(
-                                    IconButton4,
+                                  children: /* @__PURE__ */ jsx6(
+                                    IconButton3,
                                     {
                                       onClick: toggleVoiceMode,
                                       sx: {
                                         width: primaryIconSize,
                                         height: primaryIconSize,
                                         borderRadius: "50%",
-                                        bgcolor: isVoiceModeEnabled ? alpha2(theme.palette.error.main, theme.palette.mode === "dark" ? 0.45 : 0.3) : badgeBackground,
+                                        bgcolor: isVoiceModeEnabled ? alpha(theme.palette.error.main, theme.palette.mode === "dark" ? 0.45 : 0.3) : badgeBackground,
                                         color: isVoiceModeEnabled ? theme.palette.common.white : fileText,
-                                        boxShadow: isVoiceModeEnabled && voiceStatus === "recording" ? `0 0 0 2px ${alpha2(theme.palette.error.main, 0.25)}` : "none",
+                                        boxShadow: isVoiceModeEnabled && voiceStatus === "recording" ? `0 0 0 2px ${alpha(theme.palette.error.main, 0.25)}` : "none",
                                         transform: isVoiceModeEnabled && voiceStatus === "recording" ? "scale(1.05)" : "none",
                                         transition: "transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease",
                                         "&:hover": {
-                                          bgcolor: isVoiceModeEnabled ? alpha2(theme.palette.error.main, theme.palette.mode === "dark" ? 0.55 : 0.38) : hoverBadgeBackground
+                                          bgcolor: isVoiceModeEnabled ? alpha(theme.palette.error.main, theme.palette.mode === "dark" ? 0.55 : 0.38) : hoverBadgeBackground
                                         }
                                       },
-                                      children: !isVoiceModeEnabled ? /* @__PURE__ */ jsx7(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.mode === "dark" ? fileText : theme.palette.text.secondary } }) : voiceStatus === "processing" || voiceStatus === "initializing" ? /* @__PURE__ */ jsx7(CircularProgress2, { size: 18, sx: { color: fileText } }) : voiceStatus === "error" ? /* @__PURE__ */ jsx7(HearingDisabledIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : voiceStatus === "recording" ? /* @__PURE__ */ jsx7(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : /* @__PURE__ */ jsx7(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.common.white } })
+                                      children: !isVoiceModeEnabled ? /* @__PURE__ */ jsx6(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.mode === "dark" ? fileText : theme.palette.text.secondary } }) : voiceStatus === "processing" || voiceStatus === "initializing" ? /* @__PURE__ */ jsx6(CircularProgress2, { size: 18, sx: { color: fileText } }) : voiceStatus === "error" ? /* @__PURE__ */ jsx6(HearingDisabledIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : voiceStatus === "recording" ? /* @__PURE__ */ jsx6(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : /* @__PURE__ */ jsx6(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.common.white } })
                                     }
                                   )
                                 }
                               ),
-                              !isMobile && isVoiceModeEnabled && /* @__PURE__ */ jsx7(
+                              !isMobile && isVoiceModeEnabled && /* @__PURE__ */ jsx6(
                                 Typography,
                                 {
                                   variant: "caption",
@@ -1716,8 +1243,8 @@ ${sanitize(
                             !isMobile && renderAttachmentButton("attach-inline"),
                             !isMobile && renderMemoryButton("memory-inline"),
                             !isMobile && renderSttButton("stt-inline"),
-                            isMobile && hasSecondaryActions && /* @__PURE__ */ jsx7(
-                              IconButton4,
+                            isMobile && hasSecondaryActions && /* @__PURE__ */ jsx6(
+                              IconButton3,
                               {
                                 onClick: () => setMoreActionsOpen((prev) => !prev),
                                 sx: {
@@ -1729,7 +1256,7 @@ ${sanitize(
                                   transition: "background-color 0.2s ease",
                                   "&:hover": { bgcolor: hoverBadgeBackground }
                                 },
-                                children: /* @__PURE__ */ jsx7(
+                                children: /* @__PURE__ */ jsx6(
                                   ExpandMoreIcon,
                                   {
                                     fontSize: "small",
@@ -1744,8 +1271,8 @@ ${sanitize(
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsx7(Box4, { sx: { display: "flex", alignItems: "center", gap: isMobile ? 0.6 : 1 }, children: /* @__PURE__ */ jsx7(Tooltip2, { title: isStreaming ? "Stop response" : "Send message", children: /* @__PURE__ */ jsx7("span", { children: /* @__PURE__ */ jsx7(
-                        IconButton4,
+                      /* @__PURE__ */ jsx6(Box3, { sx: { display: "flex", alignItems: "center", gap: isMobile ? 0.6 : 1 }, children: /* @__PURE__ */ jsx6(Tooltip, { title: isStreaming ? "Stop response" : "Send message", children: /* @__PURE__ */ jsx6("span", { children: /* @__PURE__ */ jsx6(
+                        IconButton3,
                         {
                           onClick: isStreaming ? onStop || (() => {
                           }) : handleSubmit,
@@ -1761,14 +1288,14 @@ ${sanitize(
                             "&:hover": { bgcolor: sendButtonHover },
                             "&.Mui-disabled": { opacity: 0.5 }
                           },
-                          children: isStreaming ? /* @__PURE__ */ jsx7(CloseIcon2, { fontSize: "small" }) : /* @__PURE__ */ jsx7(ArrowUpwardIcon, { fontSize: "small" })
+                          children: isStreaming ? /* @__PURE__ */ jsx6(CloseIcon2, { fontSize: "small" }) : /* @__PURE__ */ jsx6(ArrowUpwardIcon, { fontSize: "small" })
                         }
                       ) }) }) })
                     ]
                   }
                 ),
-                isMobile && hasSecondaryActions && /* @__PURE__ */ jsx7(Collapse, { in: moreActionsOpen, unmountOnExit: true, children: /* @__PURE__ */ jsxs4(
-                  Box4,
+                isMobile && hasSecondaryActions && /* @__PURE__ */ jsx6(Collapse, { in: moreActionsOpen, unmountOnExit: true, children: /* @__PURE__ */ jsxs3(
+                  Box3,
                   {
                     sx: {
                       display: "flex",
@@ -1789,7 +1316,7 @@ ${sanitize(
               ]
             }
           ),
-          /* @__PURE__ */ jsxs4(
+          /* @__PURE__ */ jsxs3(
             Typography,
             {
               variant: "caption",
@@ -1815,8 +1342,8 @@ ${sanitize(
         ]
       }
     ),
-    isMemoryEnabled && /* @__PURE__ */ jsx7(memory_modal_default, { open: memoryOpen, onClose: () => setMemoryOpen(false) }),
-    isFeedbackEnabled && /* @__PURE__ */ jsx7(
+    isMemoryEnabled && /* @__PURE__ */ jsx6(memory_modal_default, { open: memoryOpen, onClose: () => setMemoryOpen(false) }),
+    isFeedbackEnabled && /* @__PURE__ */ jsx6(
       FeedbackModal,
       {
         open: feedbackModalOpen,
@@ -1829,7 +1356,7 @@ ${sanitize(
 var chat_input_default = ChatInput;
 
 // src/chat/hooks/useAIProvider.tsx
-import { useCallback, useRef as useRef4 } from "react";
+import { useCallback, useRef as useRef3 } from "react";
 
 // src/chat/hooks/useMemoryEnhancer.tsx
 import { lastValueFrom, map as map2 } from "rxjs";
@@ -2356,9 +1883,9 @@ The user explicitly asked you to remember this. Respond with a short third-perso
 };
 
 // src/chat/hooks/useMoodEngine.tsx
-import { useState as useState5 } from "react";
+import { useState as useState4 } from "react";
 var useMoodEngine = () => {
-  const [mood, setMood] = useState5("neutral");
+  const [mood, setMood] = useState4("neutral");
   const analyzeMood = async (message) => {
     try {
       const detected = await detectMessageMood(message);
@@ -2802,21 +2329,21 @@ var useAIProvider = ({
   inputRef,
   onError
 }) => {
-  const currentSubRef = useRef4(null);
-  const lastPartialRef = useRef4({
+  const currentSubRef = useRef3(null);
+  const lastPartialRef = useRef3({
     text: "",
     images: [],
     usedDocs: [],
     question: ""
   });
-  const flushTimerRef = useRef4(null);
+  const flushTimerRef = useRef3(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 = useRef4({
+  const pinnedVectorCacheRef = useRef3({
     fetchedAt: 0,
     memories: []
   });
@@ -3619,7 +3146,7 @@ ${items.map((item, index) => {
 };
 
 // src/hooks/useAutoScroll.ts
-import { useRef as useRef5, useEffect as useEffect5, useCallback as useCallback2 } from "react";
+import { useRef as useRef4, useEffect as useEffect4, useCallback as useCallback2 } from "react";
 var SCROLL_STATE_CHANGED_EVENT = "scrollStateChanged";
 var useAutoScroll = (options = {}) => {
   const {
@@ -3628,9 +3155,9 @@ var useAutoScroll = (options = {}) => {
     enabled = true,
     isMobile = false
   } = options;
-  const containerRef = useRef5(null);
-  const targetRef = useRef5(null);
-  const shouldAutoScrollRef = useRef5(true);
+  const containerRef = useRef4(null);
+  const targetRef = useRef4(null);
+  const shouldAutoScrollRef = useRef4(true);
   const isNearBottom = useCallback2(() => {
     const container = containerRef.current;
     if (!container) return true;
@@ -3705,7 +3232,7 @@ var useAutoScroll = (options = {}) => {
     }
   }, [enabled, isNearBottom, scrollToBottom]);
   const containerElement = containerRef.current;
-  useEffect5(() => {
+  useEffect4(() => {
     if (!containerElement) return;
     const handleScroll = () => {
       const currentlyNearBottom = isNearBottom();
@@ -3715,7 +3242,7 @@ var useAutoScroll = (options = {}) => {
     containerElement.addEventListener("scroll", handleScroll, { passive: true });
     return () => containerElement.removeEventListener("scroll", handleScroll);
   }, [containerElement, isNearBottom]);
-  useEffect5(() => {
+  useEffect4(() => {
     autoScrollIfNeeded();
   });
   const getScrollState = useCallback2(() => {
@@ -3754,9 +3281,9 @@ var useAutoScroll = (options = {}) => {
 };
 
 // src/hooks/useNetworkStatus.ts
-import { useState as useState6, useEffect as useEffect6, useCallback as useCallback3 } from "react";
+import { useState as useState5, useEffect as useEffect5, useCallback as useCallback3 } from "react";
 var useNetworkStatus = () => {
-  const [networkStatus, setNetworkStatus] = useState6({
+  const [networkStatus, setNetworkStatus] = useState5({
     isOnline: navigator.onLine,
     isSlowConnection: false,
     connectionQuality: "fast",
@@ -3776,7 +3303,7 @@ var useNetworkStatus = () => {
       connectionQuality: !navigator.onLine ? "offline" : isSlowConnection ? "slow" : "fast"
     }));
   }, []);
-  useEffect6(() => {
+  useEffect5(() => {
     const handleOnline = () => {
       setNetworkStatus((prev) => ({
         ...prev,
@@ -3798,7 +3325,7 @@ var useNetworkStatus = () => {
       window.removeEventListener("offline", handleOffline);
     };
   }, []);
-  useEffect6(() => {
+  useEffect5(() => {
     const { connection } = navigator;
     if (connection) {
       const updateConnectionInfo = () => {
@@ -3835,15 +3362,15 @@ var useNetworkStatus = () => {
 
 // src/chat/chat-app-bar.tsx
 import { Avatar as Avatar8 } from "@mui/material";
-import { useEffect as useEffect12, useRef as useRef11, useState as useState13 } from "react";
+import { useEffect as useEffect11, useRef as useRef10, useState as useState12 } from "react";
 import {
-  Box as Box11,
-  IconButton as IconButton10,
+  Box as Box10,
+  IconButton as IconButton9,
   Menu as Menu5,
   MenuItem as MenuItem5,
-  Tooltip as Tooltip5,
+  Tooltip as Tooltip4,
   useMediaQuery as useMediaQuery5,
-  useTheme as useTheme12,
+  useTheme as useTheme11,
   Dialog as Dialog5,
   DialogTitle as DialogTitle5,
   DialogContent as DialogContent5,
@@ -3864,13 +3391,13 @@ import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
 import { useNavigate } from "react-router-dom";
 
 // src/chat/conversation-drawer.tsx
-import { useState as useState11, useMemo as useMemo2, useEffect as useEffect10, useRef as useRef9, useCallback as useCallback4 } from "react";
+import { useState as useState10, useMemo, useEffect as useEffect9, useRef as useRef8, useCallback as useCallback4 } from "react";
 import {
   Drawer,
-  Box as Box9,
+  Box as Box8,
   Typography as Typography6,
-  IconButton as IconButton8,
-  Tooltip as Tooltip4,
+  IconButton as IconButton7,
+  Tooltip as Tooltip3,
   TextField as TextField5,
   InputAdornment,
   useMediaQuery as useMediaQuery4,
@@ -3886,7 +3413,7 @@ import {
   DialogActions as DialogActions3,
   Button as Button4,
   Avatar as Avatar6,
-  alpha as alpha6
+  alpha as alpha5
 } from "@mui/material";
 import {
   Close as CloseIcon5,
@@ -3898,18 +3425,18 @@ import {
   Inbox as InboxIcon3
 } from "@mui/icons-material";
 import { Add as AddIcon3 } from "@mui/icons-material";
-import { useTheme as useTheme10 } from "@mui/material/styles";
+import { useTheme as useTheme9 } from "@mui/material/styles";
 
 // src/chat/project-management-modal.tsx
-import { useState as useState7, useEffect as useEffect7, useRef as useRef6 } from "react";
+import { useState as useState6, useEffect as useEffect6, useRef as useRef5 } from "react";
 import {
   Modal,
   Button,
   TextField as TextField2,
   List,
   ListItem,
-  IconButton as IconButton5,
-  Box as Box5,
+  IconButton as IconButton4,
+  Box as Box4,
   Typography as Typography2,
   Avatar as Avatar3,
   Chip,
@@ -3929,8 +3456,8 @@ import {
   Close as CloseIcon3,
   ArrowBack as ArrowBackIcon
 } from "@mui/icons-material";
-import { useTheme as useTheme6, alpha as alpha3 } from "@mui/material/styles";
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useTheme as useTheme5, alpha as alpha2 } from "@mui/material/styles";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var DEFAULT_COLORS = [
   "#2196F3",
   "#4CAF50",
@@ -3947,7 +3474,7 @@ var ProjectManagementModal = ({
   open,
   onClose
 }) => {
-  const theme = useTheme6();
+  const theme = useTheme5();
   const isMobile = useMediaQuery2(theme.breakpoints.down("sm"));
   const {
     projects,
@@ -3959,24 +3486,24 @@ var ProjectManagementModal = ({
     hydrate
   } = useProjectStore();
   const { getConversationsByProject } = useConversationStore();
-  const [showCreateForm, setShowCreateForm] = useState7(false);
-  const [editingProject, setEditingProject] = useState7(null);
-  const [formData, setFormData] = useState7({
+  const [showCreateForm, setShowCreateForm] = useState6(false);
+  const [editingProject, setEditingProject] = useState6(null);
+  const [formData, setFormData] = useState6({
     name: "",
     description: "",
     color: DEFAULT_COLORS[0]
   });
-  const [menuAnchor, setMenuAnchor] = useState7(null);
-  const [selectedProject, setSelectedProject] = useState7(null);
-  const [loading, setLoading] = useState7(false);
-  const [error, setError] = useState7(null);
-  const modalContainerRef = useRef6(null);
-  useEffect7(() => {
+  const [menuAnchor, setMenuAnchor] = useState6(null);
+  const [selectedProject, setSelectedProject] = useState6(null);
+  const [loading, setLoading] = useState6(false);
+  const [error, setError] = useState6(null);
+  const modalContainerRef = useRef5(null);
+  useEffect6(() => {
     if (open && !_hasHydrated) {
       hydrate();
     }
   }, [open, _hasHydrated, hydrate]);
-  useEffect7(() => {
+  useEffect6(() => {
     if (!open) {
       setMenuAnchor(null);
       setSelectedProject(null);
@@ -4073,13 +3600,13 @@ var ProjectManagementModal = ({
   const chatPalette = theme.palette.chat ?? {};
   const overlayZIndex = (theme.zIndex?.modal ?? 1300) + 20;
   const surfaceColor = isMobile ? theme.palette.background.paper : chatPalette.shell ?? theme.palette.background.paper;
-  const borderColor = chatPalette.appBar?.border ?? alpha3(theme.palette.divider, 0.12);
-  const subtleSurface = theme.palette.mode === "dark" ? alpha3(theme.palette.common.white, 0.04) : alpha3(theme.palette.common.black, 0.03);
-  const hoverSurface = alpha3(theme.palette.primary.main, theme.palette.mode === "dark" ? 0.22 : 0.08);
+  const borderColor = chatPalette.appBar?.border ?? alpha2(theme.palette.divider, 0.12);
+  const subtleSurface = theme.palette.mode === "dark" ? alpha2(theme.palette.common.white, 0.04) : alpha2(theme.palette.common.black, 0.03);
+  const hoverSurface = alpha2(theme.palette.primary.main, theme.palette.mode === "dark" ? 0.22 : 0.08);
   const headerTitle = showCreateForm ? editingProject ? "Edit Project" : "Create Project" : "Manage Projects";
   const headerSubtitle = showCreateForm ? "Name, describe, and color-code your project." : "Organize conversations into cohesive projects.";
-  const content = /* @__PURE__ */ jsxs5(
-    Box5,
+  const content = /* @__PURE__ */ jsxs4(
+    Box4,
     {
       ref: modalContainerRef,
       sx: {
@@ -4090,29 +3617,29 @@ var ProjectManagementModal = ({
         bgcolor: surfaceColor,
         borderRadius: isMobile ? "22px 22px 0 0" : 3,
         overflow: "hidden",
-        boxShadow: isMobile ? "none" : `0 20px 60px ${alpha3(theme.palette.common.black, 0.32)}`,
-        border: isMobile ? "none" : `1px solid ${alpha3(theme.palette.divider, 0.18)}`,
+        boxShadow: isMobile ? "none" : `0 20px 60px ${alpha2(theme.palette.common.black, 0.32)}`,
+        border: isMobile ? "none" : `1px solid ${alpha2(theme.palette.divider, 0.18)}`,
         display: "flex",
         flexDirection: "column",
         position: "relative"
       },
       children: [
-        isMobile && /* @__PURE__ */ jsx8(
-          Box5,
+        isMobile && /* @__PURE__ */ jsx7(
+          Box4,
           {
             sx: {
               width: 56,
               height: 6,
               borderRadius: 999,
-              bgcolor: alpha3(theme.palette.text.primary, 0.18),
+              bgcolor: alpha2(theme.palette.text.primary, 0.18),
               alignSelf: "center",
               mt: 1.25,
               mb: 0.75
             }
           }
         ),
-        /* @__PURE__ */ jsxs5(
-          Box5,
+        /* @__PURE__ */ jsxs4(
+          Box4,
           {
             sx: {
               px: isMobile ? 1.5 : 2.75,
@@ -4124,8 +3651,8 @@ var ProjectManagementModal = ({
               gap: 1
             },
             children: [
-              /* @__PURE__ */ jsxs5(
-                Box5,
+              /* @__PURE__ */ jsxs4(
+                Box4,
                 {
                   sx: {
                     display: "flex",
@@ -4134,8 +3661,8 @@ var ProjectManagementModal = ({
                     gap: 1
                   },
                   children: [
-                    /* @__PURE__ */ jsxs5(
-                      Box5,
+                    /* @__PURE__ */ jsxs4(
+                      Box4,
                       {
                         sx: {
                           display: "flex",
@@ -4145,8 +3672,8 @@ var ProjectManagementModal = ({
                           flex: 1
                         },
                         children: [
-                          showCreateForm && /* @__PURE__ */ jsx8(IconButton5, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx8(ArrowBackIcon, { fontSize: "small" }) }),
-                          /* @__PURE__ */ jsx8(
+                          showCreateForm && /* @__PURE__ */ jsx7(IconButton4, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx7(ArrowBackIcon, { fontSize: "small" }) }),
+                          /* @__PURE__ */ jsx7(
                             Typography2,
                             {
                               variant: "h6",
@@ -4163,16 +3690,16 @@ var ProjectManagementModal = ({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx8(IconButton5, { onClick: handleClose, size: "small", children: /* @__PURE__ */ jsx8(CloseIcon3, {}) })
+                    /* @__PURE__ */ jsx7(IconButton4, { onClick: handleClose, size: "small", children: /* @__PURE__ */ jsx7(CloseIcon3, {}) })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx8(Typography2, { variant: "body2", color: "text.secondary", children: headerSubtitle })
+              /* @__PURE__ */ jsx7(Typography2, { variant: "body2", color: "text.secondary", children: headerSubtitle })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs5(
-          Box5,
+        /* @__PURE__ */ jsxs4(
+          Box4,
           {
             sx: {
               flex: 1,
@@ -4184,9 +3711,9 @@ var ProjectManagementModal = ({
               gap: 2.5
             },
             children: [
-              error && /* @__PURE__ */ jsx8(Alert, { severity: "error", onClose: () => setError(null), children: error }),
-              showCreateForm ? /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-                /* @__PURE__ */ jsx8(
+              error && /* @__PURE__ */ jsx7(Alert, { severity: "error", onClose: () => setError(null), children: error }),
+              showCreateForm ? /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+                /* @__PURE__ */ jsx7(
                   TextField2,
                   {
                     label: "Project name",
@@ -4198,7 +3725,7 @@ var ProjectManagementModal = ({
                     autoFocus: true
                   }
                 ),
-                /* @__PURE__ */ jsx8(
+                /* @__PURE__ */ jsx7(
                   TextField2,
                   {
                     label: "Description (optional)",
@@ -4210,10 +3737,10 @@ var ProjectManagementModal = ({
                     disabled: loading
                   }
                 ),
-                /* @__PURE__ */ jsxs5(Box5, { children: [
-                  /* @__PURE__ */ jsx8(Typography2, { variant: "subtitle2", sx: { mb: 1 }, children: "Color" }),
-                  /* @__PURE__ */ jsx8(Box5, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: DEFAULT_COLORS.map((color) => /* @__PURE__ */ jsx8(
-                    Box5,
+                /* @__PURE__ */ jsxs4(Box4, { children: [
+                  /* @__PURE__ */ jsx7(Typography2, { variant: "subtitle2", sx: { mb: 1 }, children: "Color" }),
+                  /* @__PURE__ */ jsx7(Box4, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: DEFAULT_COLORS.map((color) => /* @__PURE__ */ jsx7(
+                    Box4,
                     {
                       sx: {
                         width: 32,
@@ -4233,11 +3760,11 @@ var ProjectManagementModal = ({
                     color
                   )) })
                 ] })
-              ] }) : /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-                /* @__PURE__ */ jsx8(
+              ] }) : /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+                /* @__PURE__ */ jsx7(
                   Button,
                   {
-                    startIcon: /* @__PURE__ */ jsx8(AddIcon, {}),
+                    startIcon: /* @__PURE__ */ jsx7(AddIcon, {}),
                     onClick: () => setShowCreateForm(true),
                     variant: "contained",
                     sx: {
@@ -4249,8 +3776,8 @@ var ProjectManagementModal = ({
                     children: "Create project"
                   }
                 ),
-                projects.length === 0 ? /* @__PURE__ */ jsxs5(
-                  Box5,
+                projects.length === 0 ? /* @__PURE__ */ jsxs4(
+                  Box4,
                   {
                     sx: {
                       textAlign: "center",
@@ -4258,19 +3785,19 @@ var ProjectManagementModal = ({
                       px: 2,
                       color: theme.palette.text.secondary,
                       borderRadius: 2,
-                      border: `1px dashed ${alpha3(theme.palette.divider, 0.4)}`,
+                      border: `1px dashed ${alpha2(theme.palette.divider, 0.4)}`,
                       backgroundColor: subtleSurface
                     },
                     children: [
-                      /* @__PURE__ */ jsx8(FolderIcon, { sx: { fontSize: 48, mb: 2, opacity: 0.5 } }),
-                      /* @__PURE__ */ jsx8(Typography2, { variant: "body1", sx: { fontWeight: 600 }, children: "No projects yet" }),
-                      /* @__PURE__ */ jsx8(Typography2, { variant: "body2", children: "Create your first project to organize conversations." })
+                      /* @__PURE__ */ jsx7(FolderIcon, { sx: { fontSize: 48, mb: 2, opacity: 0.5 } }),
+                      /* @__PURE__ */ jsx7(Typography2, { variant: "body1", sx: { fontWeight: 600 }, children: "No projects yet" }),
+                      /* @__PURE__ */ jsx7(Typography2, { variant: "body2", children: "Create your first project to organize conversations." })
                     ]
                   }
-                ) : /* @__PURE__ */ jsx8(List, { sx: { display: "flex", flexDirection: "column", gap: 1.25, py: 0 }, children: projects.map((project) => {
+                ) : /* @__PURE__ */ jsx7(List, { sx: { display: "flex", flexDirection: "column", gap: 1.25, py: 0 }, children: projects.map((project) => {
                   const conversationCount = getConversationsByProject(project.id).length;
-                  return /* @__PURE__ */ jsx8(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs5(
-                    Box5,
+                  return /* @__PURE__ */ jsx7(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs4(
+                    Box4,
                     {
                       sx: {
                         display: "flex",
@@ -4288,7 +3815,7 @@ var ProjectManagementModal = ({
                         }
                       },
                       children: [
-                        /* @__PURE__ */ jsx8(
+                        /* @__PURE__ */ jsx7(
                           Avatar3,
                           {
                             sx: {
@@ -4297,12 +3824,12 @@ var ProjectManagementModal = ({
                               height: 36,
                               fontSize: "1rem"
                             },
-                            children: /* @__PURE__ */ jsx8(FolderIcon, { fontSize: "small" })
+                            children: /* @__PURE__ */ jsx7(FolderIcon, { fontSize: "small" })
                           }
                         ),
-                        /* @__PURE__ */ jsxs5(Box5, { sx: { flex: 1, minWidth: 0 }, children: [
-                          /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
-                            /* @__PURE__ */ jsx8(
+                        /* @__PURE__ */ jsxs4(Box4, { sx: { flex: 1, minWidth: 0 }, children: [
+                          /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
+                            /* @__PURE__ */ jsx7(
                               Typography2,
                               {
                                 variant: "subtitle1",
@@ -4310,7 +3837,7 @@ var ProjectManagementModal = ({
                                 children: project.name
                               }
                             ),
-                            /* @__PURE__ */ jsx8(
+                            /* @__PURE__ */ jsx7(
                               Chip,
                               {
                                 label: `${conversationCount}`,
@@ -4319,13 +3846,13 @@ var ProjectManagementModal = ({
                                   height: 22,
                                   borderRadius: 999,
                                   fontWeight: 600,
-                                  bgcolor: alpha3(theme.palette.text.primary, 0.08),
+                                  bgcolor: alpha2(theme.palette.text.primary, 0.08),
                                   color: theme.palette.text.primary
                                 }
                               }
                             )
                           ] }),
-                          project.description && /* @__PURE__ */ jsx8(
+                          project.description && /* @__PURE__ */ jsx7(
                             Typography2,
                             {
                               variant: "body2",
@@ -4335,8 +3862,8 @@ var ProjectManagementModal = ({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ jsx8(
-                          IconButton5,
+                        /* @__PURE__ */ jsx7(
+                          IconButton4,
                           {
                             onClick: (e) => {
                               e.stopPropagation();
@@ -4348,7 +3875,7 @@ var ProjectManagementModal = ({
                               mt: 0.25,
                               zIndex: 1
                             },
-                            children: /* @__PURE__ */ jsx8(MoreVertIcon, { fontSize: "small" })
+                            children: /* @__PURE__ */ jsx7(MoreVertIcon, { fontSize: "small" })
                           }
                         )
                       ]
@@ -4359,8 +3886,8 @@ var ProjectManagementModal = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx8(
-          Box5,
+        /* @__PURE__ */ jsx7(
+          Box4,
           {
             sx: {
               px: isMobile ? 1.5 : 2.75,
@@ -4370,8 +3897,8 @@ var ProjectManagementModal = ({
               justifyContent: "flex-end",
               gap: 1
             },
-            children: showCreateForm ? /* @__PURE__ */ jsxs5(Fragment4, { children: [
-              /* @__PURE__ */ jsx8(
+            children: showCreateForm ? /* @__PURE__ */ jsxs4(Fragment4, { children: [
+              /* @__PURE__ */ jsx7(
                 Button,
                 {
                   onClick: resetForm,
@@ -4380,21 +3907,21 @@ var ProjectManagementModal = ({
                   children: "Cancel"
                 }
               ),
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx7(
                 Button,
                 {
                   onClick: editingProject ? handleEditProject : handleCreateProject,
                   variant: "contained",
                   disabled: loading,
-                  startIcon: loading ? /* @__PURE__ */ jsx8(CircularProgress3, { size: 16 }) : void 0,
+                  startIcon: loading ? /* @__PURE__ */ jsx7(CircularProgress3, { size: 16 }) : void 0,
                   sx: { textTransform: "none", borderRadius: 2 },
                   children: editingProject ? "Update project" : "Create project"
                 }
               )
-            ] }) : /* @__PURE__ */ jsx8(Button, { onClick: handleClose, sx: { textTransform: "none", borderRadius: 2 }, children: "Close" })
+            ] }) : /* @__PURE__ */ jsx7(Button, { onClick: handleClose, sx: { textTransform: "none", borderRadius: 2 }, children: "Close" })
           }
         ),
-        /* @__PURE__ */ jsxs5(
+        /* @__PURE__ */ jsxs4(
           Menu,
           {
             anchorEl: menuAnchor,
@@ -4416,20 +3943,20 @@ var ProjectManagementModal = ({
               }
             },
             children: [
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx7(
                 MenuItem,
                 {
                   onClick: () => {
                     if (!selectedProject) return;
                     startEdit(selectedProject);
                   },
-                  children: /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ jsx8(EditIcon, { fontSize: "small" }),
-                    /* @__PURE__ */ jsx8(Typography2, { variant: "body2", color: "inherit", children: "Edit" })
+                  children: /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ jsx7(EditIcon, { fontSize: "small" }),
+                    /* @__PURE__ */ jsx7(Typography2, { variant: "body2", color: "inherit", children: "Edit" })
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx7(
                 MenuItem,
                 {
                   onClick: () => {
@@ -4437,9 +3964,9 @@ var ProjectManagementModal = ({
                     handleDeleteProject(selectedProject);
                   },
                   sx: { color: theme.palette.error.main },
-                  children: /* @__PURE__ */ jsxs5(Box5, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ jsx8(DeleteIcon, { fontSize: "small" }),
-                    /* @__PURE__ */ jsx8(Typography2, { variant: "body2", color: "inherit", children: "Delete" })
+                  children: /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                    /* @__PURE__ */ jsx7(DeleteIcon, { fontSize: "small" }),
+                    /* @__PURE__ */ jsx7(Typography2, { variant: "body2", color: "inherit", children: "Delete" })
                   ] })
                 }
               )
@@ -4449,7 +3976,7 @@ var ProjectManagementModal = ({
       ]
     }
   );
-  return /* @__PURE__ */ jsx8(Fragment4, { children: isMobile ? /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(Fragment4, { children: isMobile ? /* @__PURE__ */ jsx7(
     SwipeableDrawer,
     {
       anchor: "bottom",
@@ -4469,7 +3996,7 @@ var ProjectManagementModal = ({
       },
       children: content
     }
-  ) : /* @__PURE__ */ jsx8(
+  ) : /* @__PURE__ */ jsx7(
     Modal,
     {
       open,
@@ -4488,7 +4015,7 @@ var ProjectManagementModal = ({
 var project_management_modal_default = ProjectManagementModal;
 
 // src/chat/move-conversation-modal.tsx
-import { useState as useState8, useEffect as useEffect8 } from "react";
+import { useState as useState7, useEffect as useEffect7 } from "react";
 import {
   Dialog,
   DialogTitle,
@@ -4503,33 +4030,33 @@ import {
   Typography as Typography3,
   Avatar as Avatar4,
   Radio,
-  Box as Box6,
+  Box as Box5,
   Divider
 } from "@mui/material";
 import {
   Folder as FolderIcon2,
   Inbox as InboxIcon
 } from "@mui/icons-material";
-import { useTheme as useTheme7 } from "@mui/material/styles";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useTheme as useTheme6 } from "@mui/material/styles";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var MoveConversationModal = ({
   open,
   onClose,
   conversations,
   currentProjectId = null
 }) => {
-  const theme = useTheme7();
+  const theme = useTheme6();
   const { projects, _hasHydrated, hydrate } = useProjectStore();
   const { moveConversationToProject } = useConversationStore();
-  const [selectedProjectId, setSelectedProjectId] = useState8(
+  const [selectedProjectId, setSelectedProjectId] = useState7(
     currentProjectId
   );
-  useEffect8(() => {
+  useEffect7(() => {
     if (open && !_hasHydrated) {
       hydrate();
     }
   }, [open, _hasHydrated, hydrate]);
-  useEffect8(() => {
+  useEffect7(() => {
     setSelectedProjectId(currentProjectId);
   }, [currentProjectId, open]);
   const handleMove = async () => {
@@ -4548,7 +4075,7 @@ var MoveConversationModal = ({
   };
   const conversationCount = conversations.length;
   const isMultiple = conversationCount > 1;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5(
     Dialog,
     {
       open,
@@ -4562,20 +4089,20 @@ var MoveConversationModal = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs6(DialogTitle, { children: [
+        /* @__PURE__ */ jsxs5(DialogTitle, { children: [
           "Move ",
           isMultiple ? `${conversationCount} Conversations` : "Conversation"
         ] }),
-        /* @__PURE__ */ jsxs6(DialogContent, { sx: { px: 3 }, children: [
-          /* @__PURE__ */ jsx9(Typography3, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: isMultiple ? `Select a project to move ${conversationCount} conversations to:` : `Select a project to move "${conversations[0]?.name}" to:` }),
-          /* @__PURE__ */ jsxs6(List2, { children: [
-            /* @__PURE__ */ jsx9(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs5(DialogContent, { sx: { px: 3 }, children: [
+          /* @__PURE__ */ jsx8(Typography3, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: isMultiple ? `Select a project to move ${conversationCount} conversations to:` : `Select a project to move "${conversations[0]?.name}" to:` }),
+          /* @__PURE__ */ jsxs5(List2, { children: [
+            /* @__PURE__ */ jsx8(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs5(
               ListItemButton,
               {
                 onClick: () => setSelectedProjectId(null),
                 selected: selectedProjectId === null,
                 children: [
-                  /* @__PURE__ */ jsx9(ListItemIcon, { children: /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsx8(ListItemIcon, { children: /* @__PURE__ */ jsx8(
                     Radio,
                     {
                       checked: selectedProjectId === null,
@@ -4583,7 +4110,7 @@ var MoveConversationModal = ({
                       size: "small"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx9(ListItemIcon, { children: /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsx8(ListItemIcon, { children: /* @__PURE__ */ jsx8(
                     Avatar4,
                     {
                       sx: {
@@ -4591,10 +4118,10 @@ var MoveConversationModal = ({
                         width: 32,
                         height: 32
                       },
-                      children: /* @__PURE__ */ jsx9(InboxIcon, {})
+                      children: /* @__PURE__ */ jsx8(InboxIcon, {})
                     }
                   ) }),
-                  /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsx8(
                     ListItemText,
                     {
                       primary: "No Project",
@@ -4604,14 +4131,14 @@ var MoveConversationModal = ({
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx9(Divider, { sx: { my: 1 } }),
-            projects.map((project) => /* @__PURE__ */ jsx9(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs6(
+            /* @__PURE__ */ jsx8(Divider, { sx: { my: 1 } }),
+            projects.map((project) => /* @__PURE__ */ jsx8(ListItem2, { disablePadding: true, children: /* @__PURE__ */ jsxs5(
               ListItemButton,
               {
                 onClick: () => setSelectedProjectId(project.id),
                 selected: selectedProjectId === project.id,
                 children: [
-                  /* @__PURE__ */ jsx9(ListItemIcon, { children: /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsx8(ListItemIcon, { children: /* @__PURE__ */ jsx8(
                     Radio,
                     {
                       checked: selectedProjectId === project.id,
@@ -4619,7 +4146,7 @@ var MoveConversationModal = ({
                       size: "small"
                     }
                   ) }),
-                  /* @__PURE__ */ jsx9(ListItemIcon, { children: /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsx8(ListItemIcon, { children: /* @__PURE__ */ jsx8(
                     Avatar4,
                     {
                       sx: {
@@ -4627,10 +4154,10 @@ var MoveConversationModal = ({
                         width: 32,
                         height: 32
                       },
-                      children: /* @__PURE__ */ jsx9(FolderIcon2, {})
+                      children: /* @__PURE__ */ jsx8(FolderIcon2, {})
                     }
                   ) }),
-                  /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsx8(
                     ListItemText,
                     {
                       primary: project.name,
@@ -4640,16 +4167,16 @@ var MoveConversationModal = ({
                 ]
               }
             ) }, project.id)),
-            projects.length === 0 && /* @__PURE__ */ jsx9(Box6, { sx: {
+            projects.length === 0 && /* @__PURE__ */ jsx8(Box5, { sx: {
               textAlign: "center",
               py: 2,
               color: theme.palette.text.secondary
-            }, children: /* @__PURE__ */ jsx9(Typography3, { variant: "body2", children: "No projects available. Create a project first to organize conversations." }) })
+            }, children: /* @__PURE__ */ jsx8(Typography3, { variant: "body2", children: "No projects available. Create a project first to organize conversations." }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs6(DialogActions, { sx: { px: 3, pb: 2 }, children: [
-          /* @__PURE__ */ jsx9(Button2, { onClick: onClose, children: "Cancel" }),
-          /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs5(DialogActions, { sx: { px: 3, pb: 2 }, children: [
+          /* @__PURE__ */ jsx8(Button2, { onClick: onClose, children: "Cancel" }),
+          /* @__PURE__ */ jsxs5(
             Button2,
             {
               onClick: handleMove,
@@ -4669,11 +4196,11 @@ var MoveConversationModal = ({
 var move_conversation_modal_default = MoveConversationModal;
 
 // src/chat/simple-conversation-item.tsx
-import { useState as useState9, useRef as useRef7, useEffect as useEffect9 } from "react";
+import { useState as useState8, useRef as useRef6, useEffect as useEffect8 } from "react";
 import {
-  Box as Box7,
+  Box as Box6,
   Typography as Typography4,
-  IconButton as IconButton6,
+  IconButton as IconButton5,
   Menu as Menu2,
   MenuItem as MenuItem2,
   ListItemIcon as ListItemIcon2,
@@ -4693,8 +4220,8 @@ import {
   DragIndicator as DragIcon,
   MoveToInbox as MoveIcon
 } from "@mui/icons-material";
-import { useTheme as useTheme8, alpha as alpha4 } from "@mui/material/styles";
-import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useTheme as useTheme7, alpha as alpha3 } from "@mui/material/styles";
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var SimpleConversationItem = ({
   conversation,
   isSelected,
@@ -4710,18 +4237,18 @@ var SimpleConversationItem = ({
   onTouchDragEnd,
   isTouchDragActive
 }) => {
-  const theme = useTheme8();
+  const theme = useTheme7();
   const isMobile = useMediaQuery3(theme.breakpoints.down("sm"));
-  const [anchorEl, setAnchorEl] = useState9(null);
-  const [isEditing, setIsEditing] = useState9(false);
-  const [editName, setEditName] = useState9(conversation.name);
-  const [isDragging, setIsDragging] = useState9(false);
-  const [isTouchDragging, setIsTouchDragging] = useState9(false);
-  const [showRenameDialog, setShowRenameDialog] = useState9(false);
-  const longPressTimeoutRef = useRef7(null);
-  const touchStartPointRef = useRef7(null);
-  const activeTouchIdRef = useRef7(null);
-  const suppressClickRef = useRef7(false);
+  const [anchorEl, setAnchorEl] = useState8(null);
+  const [isEditing, setIsEditing] = useState8(false);
+  const [editName, setEditName] = useState8(conversation.name);
+  const [isDragging, setIsDragging] = useState8(false);
+  const [isTouchDragging, setIsTouchDragging] = useState8(false);
+  const [showRenameDialog, setShowRenameDialog] = useState8(false);
+  const longPressTimeoutRef = useRef6(null);
+  const touchStartPointRef = useRef6(null);
+  const activeTouchIdRef = useRef6(null);
+  const suppressClickRef = useRef6(false);
   const highlightText = (text, query) => {
     if (!query || !query.trim()) {
       return text;
@@ -4729,12 +4256,12 @@ var SimpleConversationItem = ({
     const regex = new RegExp(`(${query.trim()})`, "gi");
     const parts = text.split(regex);
     return parts.map(
-      (part, index) => regex.test(part) ? /* @__PURE__ */ jsx10(
-        Box7,
+      (part, index) => regex.test(part) ? /* @__PURE__ */ jsx9(
+        Box6,
         {
           component: "span",
           sx: {
-            bgcolor: alpha4(theme.palette.warning.main, 0.3),
+            bgcolor: alpha3(theme.palette.warning.main, 0.3),
             color: theme.palette.text.primary,
             fontWeight: 600,
             borderRadius: 0.5,
@@ -4860,14 +4387,14 @@ var SimpleConversationItem = ({
     if (!isMobile) return;
     finalizeTouchDrag();
   };
-  useEffect9(() => {
+  useEffect8(() => {
     if (!isTouchDragActive && isTouchDragging) {
       setIsTouchDragging(false);
     }
   }, [isTouchDragActive, isTouchDragging]);
-  return /* @__PURE__ */ jsxs7(Fragment5, { children: [
-    /* @__PURE__ */ jsxs7(
-      Box7,
+  return /* @__PURE__ */ jsxs6(Fragment5, { children: [
+    /* @__PURE__ */ jsxs6(
+      Box6,
       {
         "data-project-id": conversation.projectId ?? "__ungrouped",
         draggable: !isMobile && !isEditing,
@@ -4894,17 +4421,17 @@ var SimpleConversationItem = ({
           mx: 1,
           borderRadius: 1,
           cursor: isEditing || isTouchDragging ? "default" : "pointer",
-          bgcolor: isSelected ? alpha4(projectColor || theme.palette.primary.main, 0.15) : "transparent",
-          border: isSelected ? `1px solid ${alpha4(projectColor || theme.palette.primary.main, 0.3)}` : "1px solid transparent",
+          bgcolor: isSelected ? alpha3(projectColor || theme.palette.primary.main, 0.15) : "transparent",
+          border: isSelected ? `1px solid ${alpha3(projectColor || theme.palette.primary.main, 0.3)}` : "1px solid transparent",
           opacity: isDragging || isTouchDragActive ? 0.55 : 1,
           transition: "all 0.2s ease",
           transform: isTouchDragActive ? "scale(0.98)" : "none",
-          boxShadow: isTouchDragActive ? `0 12px 24px ${alpha4(theme.palette.common.black, 0.25)}` : void 0,
+          boxShadow: isTouchDragActive ? `0 12px 24px ${alpha3(theme.palette.common.black, 0.25)}` : void 0,
           touchAction: isTouchDragActive ? "none" : void 0,
           userSelect: isTouchDragging || isTouchDragActive ? "none" : void 0,
           WebkitUserSelect: isTouchDragging || isTouchDragActive ? "none" : void 0,
           "&:hover": !isEditing && !isTouchDragging ? {
-            bgcolor: alpha4(theme.palette.text.primary, 0.04)
+            bgcolor: alpha3(theme.palette.text.primary, 0.04)
           } : {},
           // Better touch handling on mobile
           ...isMobile && {
@@ -4914,12 +4441,12 @@ var SimpleConversationItem = ({
             WebkitUserSelect: "none",
             WebkitTouchCallout: "none",
             "&:active": {
-              bgcolor: alpha4(theme.palette.text.primary, 0.08)
+              bgcolor: alpha3(theme.palette.text.primary, 0.08)
             }
           }
         },
         children: [
-          !isMobile && !isEditing && /* @__PURE__ */ jsx10(
+          !isMobile && !isEditing && /* @__PURE__ */ jsx9(
             DragIcon,
             {
               sx: {
@@ -4933,8 +4460,8 @@ var SimpleConversationItem = ({
               }
             }
           ),
-          /* @__PURE__ */ jsxs7(Box7, { sx: { flex: 1, minWidth: 0 }, children: [
-            isEditing ? /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsxs6(Box6, { sx: { flex: 1, minWidth: 0 }, children: [
+            isEditing ? /* @__PURE__ */ jsx9(
               TextField3,
               {
                 value: editName,
@@ -4957,7 +4484,7 @@ var SimpleConversationItem = ({
                   }
                 }
               }
-            ) : /* @__PURE__ */ jsx10(
+            ) : /* @__PURE__ */ jsx9(
               Typography4,
               {
                 variant: "body2",
@@ -4972,7 +4499,7 @@ var SimpleConversationItem = ({
                 children: highlightText(conversation.name, searchQuery)
               }
             ),
-            !isEditing && snippet && /* @__PURE__ */ jsx10(
+            !isEditing && snippet && /* @__PURE__ */ jsx9(
               Typography4,
               {
                 variant: "caption",
@@ -4981,7 +4508,7 @@ var SimpleConversationItem = ({
                   WebkitLineClamp: 2,
                   WebkitBoxOrient: "vertical",
                   overflow: "hidden",
-                  color: alpha4(theme.palette.text.secondary, 0.9),
+                  color: alpha3(theme.palette.text.secondary, 0.9),
                   mt: 0.25,
                   lineHeight: 1.3,
                   fontSize: "0.72rem"
@@ -4991,8 +4518,8 @@ var SimpleConversationItem = ({
               }
             )
           ] }),
-          !isEditing && /* @__PURE__ */ jsx10(
-            IconButton6,
+          !isEditing && /* @__PURE__ */ jsx9(
+            IconButton5,
             {
               onClick: handleMenuOpen,
               size: "small",
@@ -5020,10 +4547,10 @@ var SimpleConversationItem = ({
                   }
                 }
               },
-              children: /* @__PURE__ */ jsx10(MoreVertIcon2, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx9(MoreVertIcon2, { fontSize: "small" })
             }
           ),
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs6(
             Menu2,
             {
               anchorEl,
@@ -5050,17 +4577,17 @@ var SimpleConversationItem = ({
                 }
               },
               children: [
-                onRename && /* @__PURE__ */ jsxs7(MenuItem2, { onClick: handleEdit, children: [
-                  /* @__PURE__ */ jsx10(ListItemIcon2, { children: /* @__PURE__ */ jsx10(EditIcon2, { fontSize: "small" }) }),
-                  /* @__PURE__ */ jsx10(ListItemText2, { children: "Rename" })
+                onRename && /* @__PURE__ */ jsxs6(MenuItem2, { onClick: handleEdit, children: [
+                  /* @__PURE__ */ jsx9(ListItemIcon2, { children: /* @__PURE__ */ jsx9(EditIcon2, { fontSize: "small" }) }),
+                  /* @__PURE__ */ jsx9(ListItemText2, { children: "Rename" })
                 ] }),
-                onMove && /* @__PURE__ */ jsxs7(MenuItem2, { onClick: handleMove, children: [
-                  /* @__PURE__ */ jsx10(ListItemIcon2, { children: /* @__PURE__ */ jsx10(MoveIcon, { fontSize: "small" }) }),
-                  /* @__PURE__ */ jsx10(ListItemText2, { children: "Move to Project" })
+                onMove && /* @__PURE__ */ jsxs6(MenuItem2, { onClick: handleMove, children: [
+                  /* @__PURE__ */ jsx9(ListItemIcon2, { children: /* @__PURE__ */ jsx9(MoveIcon, { fontSize: "small" }) }),
+                  /* @__PURE__ */ jsx9(ListItemText2, { children: "Move to Project" })
                 ] }),
-                /* @__PURE__ */ jsxs7(MenuItem2, { onClick: handleDelete, children: [
-                  /* @__PURE__ */ jsx10(ListItemIcon2, { children: /* @__PURE__ */ jsx10(DeleteIcon2, { fontSize: "small" }) }),
-                  /* @__PURE__ */ jsx10(ListItemText2, { children: "Delete" })
+                /* @__PURE__ */ jsxs6(MenuItem2, { onClick: handleDelete, children: [
+                  /* @__PURE__ */ jsx9(ListItemIcon2, { children: /* @__PURE__ */ jsx9(DeleteIcon2, { fontSize: "small" }) }),
+                  /* @__PURE__ */ jsx9(ListItemText2, { children: "Delete" })
                 ] })
               ]
             }
@@ -5068,7 +4595,7 @@ var SimpleConversationItem = ({
         ]
       }
     ),
-    isMobile && /* @__PURE__ */ jsxs7(
+    isMobile && /* @__PURE__ */ jsxs6(
       Dialog2,
       {
         open: showRenameDialog,
@@ -5084,8 +4611,8 @@ var SimpleConversationItem = ({
           }
         },
         children: [
-          /* @__PURE__ */ jsx10(DialogTitle2, { sx: { pb: 1 }, children: "Rename Conversation" }),
-          /* @__PURE__ */ jsx10(DialogContent2, { children: /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx9(DialogTitle2, { sx: { pb: 1 }, children: "Rename Conversation" }),
+          /* @__PURE__ */ jsx9(DialogContent2, { children: /* @__PURE__ */ jsx9(
             TextField3,
             {
               value: editName,
@@ -5098,8 +4625,8 @@ var SimpleConversationItem = ({
               }
             }
           ) }),
-          /* @__PURE__ */ jsxs7(DialogActions2, { sx: { px: 3, pb: 2 }, children: [
-            /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsxs6(DialogActions2, { sx: { px: 3, pb: 2 }, children: [
+            /* @__PURE__ */ jsx9(
               Button3,
               {
                 onClick: () => {
@@ -5109,7 +4636,7 @@ var SimpleConversationItem = ({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx9(
               Button3,
               {
                 onClick: () => {
@@ -5130,16 +4657,16 @@ var SimpleConversationItem = ({
 var simple_conversation_item_default = SimpleConversationItem;
 
 // src/chat/project-header.tsx
-import { useRef as useRef8, useState as useState10 } from "react";
+import { useRef as useRef7, useState as useState9 } from "react";
 import {
-  Box as Box8,
+  Box as Box7,
   Typography as Typography5,
-  IconButton as IconButton7,
+  IconButton as IconButton6,
   Avatar as Avatar5,
   Chip as Chip2,
-  Tooltip as Tooltip3,
+  Tooltip as Tooltip2,
   TextField as TextField4,
-  alpha as alpha5
+  alpha as alpha4
 } from "@mui/material";
 import {
   ExpandMore as ExpandMoreIcon2,
@@ -5149,10 +4676,10 @@ import {
   FolderOpen as FolderOpenIcon,
   Inbox as InboxIcon2,
   Close as CloseIcon4,
-  Check as CheckIcon3
+  Check as CheckIcon2
 } from "@mui/icons-material";
-import { useTheme as useTheme9 } from "@mui/material/styles";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useTheme as useTheme8 } from "@mui/material/styles";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var ProjectHeader = ({
   projectId,
   projectName,
@@ -5166,13 +4693,13 @@ var ProjectHeader = ({
   onRenameCancelDelete,
   isTouchTarget
 }) => {
-  const theme = useTheme9();
+  const theme = useTheme8();
   const { createNewConversation } = useConversationStore();
   const { renameProject } = useProjectStore();
-  const [isHovered, setIsHovered] = useState10(false);
-  const [isDragOver, setIsDragOver] = useState10(false);
-  const [renameDraft, setRenameDraft] = useState10(projectName);
-  const renameActionRef = useRef8("none");
+  const [isHovered, setIsHovered] = useState9(false);
+  const [isDragOver, setIsDragOver] = useState9(false);
+  const [renameDraft, setRenameDraft] = useState9(projectName);
+  const renameActionRef = useRef7("none");
   const isUngrouped = projectId === null;
   const Icon = isCollapsed ? FolderIcon3 : FolderOpenIcon;
   const handleAddConversation = (e) => {
@@ -5218,8 +4745,8 @@ var ProjectHeader = ({
     setRenameDraft(projectName);
     onRenameComplete?.();
   };
-  return /* @__PURE__ */ jsxs8(
-    Box8,
+  return /* @__PURE__ */ jsxs7(
+    Box7,
     {
       "data-project-id": projectId ?? "__ungrouped",
       onMouseEnter: () => setIsHovered(true),
@@ -5235,26 +4762,26 @@ var ProjectHeader = ({
         py: 1.5,
         cursor: isUngrouped ? "default" : "pointer",
         // No pointer cursor for ungrouped
-        bgcolor: isDragOver || isTouchTarget ? alpha5(projectColor || theme.palette.primary.main, 0.1) : void 0,
+        bgcolor: isDragOver || isTouchTarget ? alpha4(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: alpha5(theme.palette.text.primary, 0.04)
+          bgcolor: alpha4(theme.palette.text.primary, 0.04)
         } : {}
       },
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx10(
           Avatar5,
           {
             sx: {
-              bgcolor: isUngrouped ? alpha5(theme.palette.text.disabled, 0.1) : projectColor || theme.palette.grey[400],
+              bgcolor: isUngrouped ? alpha4(theme.palette.text.disabled, 0.1) : projectColor || theme.palette.grey[400],
               width: 28,
               height: 28,
               mr: 1.5
             },
-            children: isUngrouped ? /* @__PURE__ */ jsx11(
+            children: isUngrouped ? /* @__PURE__ */ jsx10(
               InboxIcon2,
               {
                 fontSize: "small",
@@ -5263,10 +4790,10 @@ var ProjectHeader = ({
                   opacity: 0.7
                 }
               }
-            ) : /* @__PURE__ */ jsx11(Icon, { fontSize: "small" })
+            ) : /* @__PURE__ */ jsx10(Icon, { fontSize: "small" })
           }
         ),
-        isRenaming && !isUngrouped ? /* @__PURE__ */ jsx11(
+        isRenaming && !isUngrouped ? /* @__PURE__ */ jsx10(
           TextField4,
           {
             value: renameDraft,
@@ -5313,7 +4840,7 @@ var ProjectHeader = ({
               }
             }
           }
-        ) : /* @__PURE__ */ jsxs8(
+        ) : /* @__PURE__ */ jsxs7(
           Typography5,
           {
             variant: "subtitle2",
@@ -5326,7 +4853,7 @@ var ProjectHeader = ({
             },
             children: [
               projectName,
-              isDragOver && /* @__PURE__ */ jsx11(
+              isDragOver && /* @__PURE__ */ jsx10(
                 Typography5,
                 {
                   component: "span",
@@ -5342,13 +4869,13 @@ var ProjectHeader = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx10(
           Chip2,
           {
             label: conversationCount,
             size: "small",
             sx: {
-              bgcolor: isUngrouped ? alpha5(theme.palette.text.disabled, 0.1) : alpha5(projectColor || theme.palette.primary.main, 0.15),
+              bgcolor: isUngrouped ? alpha4(theme.palette.text.disabled, 0.1) : alpha4(projectColor || theme.palette.primary.main, 0.15),
               color: isUngrouped ? theme.palette.text.disabled : projectColor || theme.palette.primary.main,
               minWidth: 28,
               height: 22,
@@ -5362,9 +4889,9 @@ var ProjectHeader = ({
             }
           }
         ),
-        isRenaming && !isUngrouped && /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", alignItems: "center", gap: 0.5, ml: 1 }, children: [
-          /* @__PURE__ */ jsx11(Tooltip3, { title: "Cancel and remove", children: /* @__PURE__ */ jsx11(
-            IconButton7,
+        isRenaming && !isUngrouped && /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", alignItems: "center", gap: 0.5, ml: 1 }, children: [
+          /* @__PURE__ */ jsx10(Tooltip2, { title: "Cancel and remove", children: /* @__PURE__ */ jsx10(
+            IconButton6,
             {
               size: "small",
               onMouseDown: (e) => {
@@ -5372,12 +4899,12 @@ var ProjectHeader = ({
                 renameActionRef.current = "delete";
                 onRenameCancelDelete ? onRenameCancelDelete() : cancelRename();
               },
-              sx: { color: alpha5(theme.palette.error.main, 0.9) },
-              children: /* @__PURE__ */ jsx11(CloseIcon4, { fontSize: "small" })
+              sx: { color: alpha4(theme.palette.error.main, 0.9) },
+              children: /* @__PURE__ */ jsx10(CloseIcon4, { fontSize: "small" })
             }
           ) }),
-          /* @__PURE__ */ jsx11(Tooltip3, { title: "Save", children: /* @__PURE__ */ jsx11(
-            IconButton7,
+          /* @__PURE__ */ jsx10(Tooltip2, { title: "Save", children: /* @__PURE__ */ jsx10(
+            IconButton6,
             {
               size: "small",
               onMouseDown: (e) => {
@@ -5386,39 +4913,39 @@ var ProjectHeader = ({
                 commitRename();
               },
               sx: { color: theme.palette.success.main },
-              children: /* @__PURE__ */ jsx11(CheckIcon3, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx10(CheckIcon2, { fontSize: "small" })
             }
           ) })
         ] }),
-        isHovered && !isDragOver && !isUngrouped && !isRenaming && /* @__PURE__ */ jsx11(Tooltip3, { title: `Add conversation to ${projectName.toLowerCase()}`, arrow: true, children: /* @__PURE__ */ jsx11(
-          IconButton7,
+        isHovered && !isDragOver && !isUngrouped && !isRenaming && /* @__PURE__ */ jsx10(Tooltip2, { title: `Add conversation to ${projectName.toLowerCase()}`, arrow: true, children: /* @__PURE__ */ jsx10(
+          IconButton6,
           {
             onClick: handleAddConversation,
             size: "small",
             sx: {
               color: projectColor || theme.palette.primary.main,
-              bgcolor: alpha5(projectColor || theme.palette.primary.main, 0.1),
+              bgcolor: alpha4(projectColor || theme.palette.primary.main, 0.1),
               width: 24,
               height: 24,
               mr: 0.5,
               "&:hover": {
-                bgcolor: alpha5(projectColor || theme.palette.primary.main, 0.2),
+                bgcolor: alpha4(projectColor || theme.palette.primary.main, 0.2),
                 transform: "scale(1.1)"
               },
               transition: "all 0.2s ease"
             },
-            children: /* @__PURE__ */ jsx11(AddIcon2, { fontSize: "small" })
+            children: /* @__PURE__ */ jsx10(AddIcon2, { fontSize: "small" })
           }
         ) }),
-        !isUngrouped && !isRenaming && /* @__PURE__ */ jsx11(
-          IconButton7,
+        !isUngrouped && !isRenaming && /* @__PURE__ */ jsx10(
+          IconButton6,
           {
             size: "small",
             sx: {
               color: theme.palette.text.secondary,
               transition: "transform 0.2s ease"
             },
-            children: isCollapsed ? /* @__PURE__ */ jsx11(ExpandMoreIcon2, { fontSize: "small" }) : /* @__PURE__ */ jsx11(ExpandLessIcon, { fontSize: "small" })
+            children: isCollapsed ? /* @__PURE__ */ jsx10(ExpandMoreIcon2, { fontSize: "small" }) : /* @__PURE__ */ jsx10(ExpandLessIcon, { fontSize: "small" })
           }
         )
       ]
@@ -5440,7 +4967,7 @@ var TOOLTIP_COPY = {
 var tooltip = (key) => TOOLTIP_COPY[key];
 
 // src/chat/conversation-drawer.tsx
-import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var BANDIT_AVATAR = "https://cdn.burtson.ai/images/bandit-head.png";
 var coerceOptionalString = (value) => {
   if (typeof value !== "string") return void 0;
@@ -5468,7 +4995,7 @@ var deriveInitials = (value) => {
   return sanitized.slice(0, 2).toUpperCase();
 };
 var ConversationDrawer = ({ open, onClose }) => {
-  const theme = useTheme10();
+  const theme = useTheme9();
   const isMobile = useMediaQuery4(theme.breakpoints.down("sm"));
   const { user } = useAuthenticationStore();
   const baseRadius = typeof theme.shape.borderRadius === "number" ? theme.shape.borderRadius : parseFloat(theme.shape.borderRadius) || 0;
@@ -5491,21 +5018,21 @@ var ConversationDrawer = ({ open, onClose }) => {
     createProject,
     deleteProject
   } = useProjectStore();
-  const [projectManagementOpen, setProjectManagementOpen] = useState11(false);
-  const [collapsedProjects, setCollapsedProjects] = useState11(/* @__PURE__ */ new Set());
-  const didInitCollapseRef = useRef9(false);
-  const [searchQuery, setSearchQuery] = useState11("");
-  const [menuAnchorEl, setMenuAnchorEl] = useState11(null);
-  const [clearConfirmOpen, setClearConfirmOpen] = useState11(false);
-  const [moveModalOpen, setMoveModalOpen] = useState11(false);
-  const [conversationToMove, setConversationToMove] = useState11(null);
-  const [renameProjectId, setRenameProjectId] = useState11(null);
+  const [projectManagementOpen, setProjectManagementOpen] = useState10(false);
+  const [collapsedProjects, setCollapsedProjects] = useState10(/* @__PURE__ */ new Set());
+  const didInitCollapseRef = useRef8(false);
+  const [searchQuery, setSearchQuery] = useState10("");
+  const [menuAnchorEl, setMenuAnchorEl] = useState10(null);
+  const [clearConfirmOpen, setClearConfirmOpen] = useState10(false);
+  const [moveModalOpen, setMoveModalOpen] = useState10(false);
+  const [conversationToMove, setConversationToMove] = useState10(null);
+  const [renameProjectId, setRenameProjectId] = useState10(null);
   const getCustomClaim = useCallback4((key) => {
     if (!user) return void 0;
     const record = user;
     return coerceOptionalString(record[key]);
   }, [user]);
-  const userDisplayName = useMemo2(() => {
+  const userDisplayName = useMemo(() => {
     if (!user) return void 0;
     const candidateFields = [
       coerceOptionalString(user.name),
@@ -5520,7 +5047,7 @@ var ConversationDrawer = ({ open, onClose }) => {
     if (trimmedEmail) return trimmedEmail;
     return user.sub;
   }, [user, getCustomClaim]);
-  const userSecondaryText = useMemo2(() => {
+  const userSecondaryText = useMemo(() => {
     if (!user) return void 0;
     const trimmedEmail = coerceOptionalString(user.email);
     if (trimmedEmail && trimmedEmail !== userDisplayName) {
@@ -5532,8 +5059,8 @@ var ConversationDrawer = ({ open, onClose }) => {
     }
     return void 0;
   }, [user, userDisplayName]);
-  const [avatarImage, setAvatarImage] = useState11(BANDIT_AVATAR);
-  useEffect10(() => {
+  const [avatarImage, setAvatarImage] = useState10(BANDIT_AVATAR);
+  useEffect9(() => {
     const fetchBranding = async () => {
       try {
         const branding = await brandingService_default.getBranding();
@@ -5548,13 +5075,13 @@ var ConversationDrawer = ({ open, onClose }) => {
     fetchBranding();
   }, []);
   const avatarLabel = userDisplayName || user?.email || "Bandit";
-  const avatarInitials = useMemo2(() => deriveInitials(avatarLabel), [avatarLabel]);
-  useEffect10(() => {
+  const avatarInitials = useMemo(() => deriveInitials(avatarLabel), [avatarLabel]);
+  useEffect9(() => {
     if (!projectsHydrated) {
       hydrateProjects();
     }
   }, [projectsHydrated, hydrateProjects]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (projectsHydrated && !didInitCollapseRef.current) {
       didInitCollapseRef.current = true;
       if (projects && projects.length > 0) {
@@ -5567,7 +5094,7 @@ var ConversationDrawer = ({ open, onClose }) => {
     const end = Math.min(text.length, idx + query.length + 60);
     return text.slice(start, end).replace(/\s+/g, " ").trim();
   };
-  const projectGroups = useMemo2(() => {
+  const projectGroups = useMemo(() => {
     const groups = projects.map((project) => ({
       id: project.id,
       name: project.name,
@@ -5590,7 +5117,7 @@ var ConversationDrawer = ({ open, onClose }) => {
     }
     return groups.filter((group) => group.conversations.length > 0 || group.id !== null);
   }, [projects, conversations, collapsedProjects]);
-  const filteredProjectGroups = useMemo2(() => {
+  const filteredProjectGroups = useMemo(() => {
     if (!searchQuery.trim()) return projectGroups;
     const query = searchQuery.toLowerCase();
     return projectGroups.map((group) => {
@@ -5661,8 +5188,8 @@ var ConversationDrawer = ({ open, onClose }) => {
     setMoveModalOpen(false);
     setConversationToMove(null);
   };
-  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
-    /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs8(Fragment6, { children: [
+    /* @__PURE__ */ jsxs8(
       Drawer,
       {
         anchor: "left",
@@ -5676,7 +5203,7 @@ var ConversationDrawer = ({ open, onClose }) => {
             width: isMobile ? `min(94vw, 360px)` : 340,
             maxWidth: 360,
             bgcolor: theme.palette.background.paper,
-            borderRight: `1px solid ${isMobile ? alpha6(theme.palette.divider, 0.4) : theme.palette.divider}`,
+            borderRight: `1px solid ${isMobile ? alpha5(theme.palette.divider, 0.4) : theme.palette.divider}`,
             display: "flex",
             flexDirection: "column",
             height: isMobile ? `calc(100dvh - ${theme.spacing(4)})` : "100dvh",
@@ -5684,7 +5211,7 @@ var ConversationDrawer = ({ open, onClose }) => {
             bottom: isMobile ? theme.spacing(2) : 0,
             left: 0,
             borderRadius: isMobile ? `0 ${drawerCornerRadius}px ${drawerCornerRadius}px 0` : 0,
-            boxShadow: isMobile ? `0 18px 36px ${alpha6(theme.palette.common.black, 0.28)}` : "none",
+            boxShadow: isMobile ? `0 18px 36px ${alpha5(theme.palette.common.black, 0.28)}` : "none",
             overflow: "hidden"
           }
         },
@@ -5704,8 +5231,8 @@ var ConversationDrawer = ({ open, onClose }) => {
           }
         },
         children: [
-          /* @__PURE__ */ jsxs9(
-            Box9,
+          /* @__PURE__ */ jsxs8(
+            Box8,
             {
               sx: {
                 p: 2,
@@ -5716,8 +5243,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                 gap: 1
               },
               children: [
-                /* @__PURE__ */ jsx12(Tooltip4, { title: tooltip("manageProjects"), arrow: true, children: /* @__PURE__ */ jsx12(
-                  IconButton8,
+                /* @__PURE__ */ jsx11(Tooltip3, { title: tooltip("manageProjects"), arrow: true, children: /* @__PURE__ */ jsx11(
+                  IconButton7,
                   {
                     onClick: () => setProjectManagementOpen(true),
                     size: "small",
@@ -5726,14 +5253,14 @@ var ConversationDrawer = ({ open, onClose }) => {
                       color: theme.palette.text.secondary,
                       "&:hover": {
                         color: theme.palette.primary.main,
-                        bgcolor: alpha6(theme.palette.primary.main, 0.1)
+                        bgcolor: alpha5(theme.palette.primary.main, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx12(FolderIcon4, {})
+                    children: /* @__PURE__ */ jsx11(FolderIcon4, {})
                   }
                 ) }),
-                /* @__PURE__ */ jsx12(Tooltip4, { title: tooltip("conversationOptions"), arrow: true, children: /* @__PURE__ */ jsx12(
-                  IconButton8,
+                /* @__PURE__ */ jsx11(Tooltip3, { title: tooltip("conversationOptions"), arrow: true, children: /* @__PURE__ */ jsx11(
+                  IconButton7,
                   {
                     onClick: handleMenuOpen,
                     size: "small",
@@ -5742,14 +5269,14 @@ var ConversationDrawer = ({ open, onClose }) => {
                       color: theme.palette.text.secondary,
                       "&:hover": {
                         color: theme.palette.text.primary,
-                        bgcolor: alpha6(theme.palette.text.primary, 0.1)
+                        bgcolor: alpha5(theme.palette.text.primary, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx12(MoreVertIcon3, {})
+                    children: /* @__PURE__ */ jsx11(MoreVertIcon3, {})
                   }
                 ) }),
-                isMobile && /* @__PURE__ */ jsx12(Tooltip4, { title: tooltip("closeConversationsPanel"), children: /* @__PURE__ */ jsx12(
-                  IconButton8,
+                isMobile && /* @__PURE__ */ jsx11(Tooltip3, { title: tooltip("closeConversationsPanel"), children: /* @__PURE__ */ jsx11(
+                  IconButton7,
                   {
                     onClick: (e) => {
                       e.preventDefault();
@@ -5762,16 +5289,16 @@ var ConversationDrawer = ({ open, onClose }) => {
                       color: theme.palette.text.secondary,
                       "&:hover": {
                         color: theme.palette.error.main,
-                        bgcolor: alpha6(theme.palette.error.main, 0.1)
+                        bgcolor: alpha5(theme.palette.error.main, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx12(CloseIcon5, {})
+                    children: /* @__PURE__ */ jsx11(CloseIcon5, {})
                   }
                 ) })
               ]
             }
           ),
-          /* @__PURE__ */ jsx12(Box9, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx11(Box8, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx11(
             TextField5,
             {
               fullWidth: true,
@@ -5781,24 +5308,24 @@ var ConversationDrawer = ({ open, onClose }) => {
               onChange: (e) => setSearchQuery(e.target.value),
               variant: "outlined",
               InputProps: {
-                startAdornment: /* @__PURE__ */ jsx12(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx12(SearchIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }) }),
-                endAdornment: searchQuery && /* @__PURE__ */ jsx12(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx12(Tooltip4, { title: tooltip("clearSearch"), children: /* @__PURE__ */ jsx12(
-                  IconButton8,
+                startAdornment: /* @__PURE__ */ jsx11(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx11(SearchIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }) }),
+                endAdornment: searchQuery && /* @__PURE__ */ jsx11(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx11(Tooltip3, { title: tooltip("clearSearch"), children: /* @__PURE__ */ jsx11(
+                  IconButton7,
                   {
                     onClick: handleSearchClear,
                     size: "small",
                     edge: "end",
                     "aria-label": tooltip("clearSearch"),
                     sx: { color: theme.palette.text.secondary },
-                    children: /* @__PURE__ */ jsx12(ClearIcon, { fontSize: "small" })
+                    children: /* @__PURE__ */ jsx11(ClearIcon, { fontSize: "small" })
                   }
                 ) }) })
               },
               sx: {
                 "& .MuiOutlinedInput-root": {
-                  bgcolor: alpha6(theme.palette.background.default, 0.5),
+                  bgcolor: alpha5(theme.palette.background.default, 0.5),
                   "&:hover": {
-                    bgcolor: alpha6(theme.palette.background.default, 0.8)
+                    bgcolor: alpha5(theme.palette.background.default, 0.8)
                   },
                   "&.Mui-focused": {
                     bgcolor: theme.palette.background.default
@@ -5807,9 +5334,9 @@ var ConversationDrawer = ({ open, onClose }) => {
               }
             }
           ) }),
-          /* @__PURE__ */ jsxs9(Box9, { sx: { flex: 1, overflow: "auto", display: "flex", flexDirection: "column" }, children: [
-            /* @__PURE__ */ jsxs9(
-              Box9,
+          /* @__PURE__ */ jsxs8(Box8, { sx: { flex: 1, overflow: "auto", display: "flex", flexDirection: "column" }, children: [
+            /* @__PURE__ */ jsxs8(
+              Box8,
               {
                 onClick: async () => {
                   const names = new Set(projects.map((p) => p.name));
@@ -5840,26 +5367,26 @@ var ConversationDrawer = ({ open, onClose }) => {
                   alignItems: "center",
                   gap: 1.5,
                   cursor: "pointer",
-                  "&:hover": { bgcolor: alpha6(theme.palette.text.primary, 0.04) }
+                  "&:hover": { bgcolor: alpha5(theme.palette.text.primary, 0.04) }
                 },
                 children: [
-                  /* @__PURE__ */ jsx12(
-                    Box9,
+                  /* @__PURE__ */ jsx11(
+                    Box8,
                     {
                       sx: {
                         width: 28,
                         height: 28,
                         borderRadius: "50%",
-                        bgcolor: alpha6(theme.palette.success.main, 0.15),
+                        bgcolor: alpha5(theme.palette.success.main, 0.15),
                         display: "flex",
                         alignItems: "center",
                         justifyContent: "center",
                         flexShrink: 0
                       },
-                      children: /* @__PURE__ */ jsx12(FolderIcon4, { fontSize: "small", sx: { color: theme.palette.success.main } })
+                      children: /* @__PURE__ */ jsx11(FolderIcon4, { fontSize: "small", sx: { color: theme.palette.success.main } })
                     }
                   ),
-                  /* @__PURE__ */ jsx12(
+                  /* @__PURE__ */ jsx11(
                     Typography6,
                     {
                       variant: "subtitle2",
@@ -5867,22 +5394,22 @@ var ConversationDrawer = ({ open, onClose }) => {
                       children: "New Project"
                     }
                   ),
-                  /* @__PURE__ */ jsx12(Tooltip4, { title: tooltip("addProject"), arrow: true, children: /* @__PURE__ */ jsx12(
-                    IconButton8,
+                  /* @__PURE__ */ jsx11(Tooltip3, { title: tooltip("addProject"), arrow: true, children: /* @__PURE__ */ jsx11(
+                    IconButton7,
                     {
                       size: "small",
                       "aria-label": tooltip("addProject"),
                       sx: { color: theme.palette.success.main },
-                      children: /* @__PURE__ */ jsx12(AddIcon3, { fontSize: "small" })
+                      children: /* @__PURE__ */ jsx11(AddIcon3, { fontSize: "small" })
                     }
                   ) })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx12(Divider2, { sx: { opacity: 0.3 } }),
-            filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs9(Box9, { children: [
-              group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs9(
-                Box9,
+            /* @__PURE__ */ jsx11(Divider2, { sx: { opacity: 0.3 } }),
+            filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs8(Box8, { children: [
+              group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs8(
+                Box8,
                 {
                   sx: {
                     py: 2,
@@ -5892,9 +5419,9 @@ var ConversationDrawer = ({ open, onClose }) => {
                     gap: 2
                   },
                   children: [
-                    /* @__PURE__ */ jsx12(Divider2, { sx: { flex: 1, opacity: 0.6 } }),
-                    /* @__PURE__ */ jsxs9(Box9, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                      /* @__PURE__ */ jsx12(
+                    /* @__PURE__ */ jsx11(Divider2, { sx: { flex: 1, opacity: 0.6 } }),
+                    /* @__PURE__ */ jsxs8(Box8, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                      /* @__PURE__ */ jsx11(
                         InboxIcon3,
                         {
                           sx: {
@@ -5904,7 +5431,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                           }
                         }
                       ),
-                      /* @__PURE__ */ jsx12(
+                      /* @__PURE__ */ jsx11(
                         Typography6,
                         {
                           variant: "caption",
@@ -5919,12 +5446,12 @@ var ConversationDrawer = ({ open, onClose }) => {
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsx12(Divider2, { sx: { flex: 1, opacity: 0.6 } })
+                    /* @__PURE__ */ jsx11(Divider2, { sx: { flex: 1, opacity: 0.6 } })
                   ]
                 }
               ),
-              group.id !== null ? /* @__PURE__ */ jsxs9(Fragment6, { children: [
-                /* @__PURE__ */ jsx12(
+              group.id !== null ? /* @__PURE__ */ jsxs8(Fragment6, { children: [
+                /* @__PURE__ */ jsx11(
                   project_header_default,
                   {
                     projectId: group.id,
@@ -5953,8 +5480,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx12(Collapse2, { in: !group.collapsed, children: /* @__PURE__ */ jsxs9(Box9, { sx: { pb: 1 }, children: [
-                  group.conversations.map((conversation) => /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx11(Collapse2, { in: !group.collapsed, children: /* @__PURE__ */ jsxs8(Box8, { sx: { pb: 1 }, children: [
+                  group.conversations.map((conversation) => /* @__PURE__ */ jsx11(
                     simple_conversation_item_default,
                     {
                       conversation,
@@ -5974,8 +5501,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                     },
                     conversation.id
                   )),
-                  group.conversations.length === 0 && !group.collapsed && group.id !== null && /* @__PURE__ */ jsxs9(
-                    Box9,
+                  group.conversations.length === 0 && !group.collapsed && group.id !== null && /* @__PURE__ */ jsxs8(
+                    Box8,
                     {
                       sx: {
                         p: 3,
@@ -5983,17 +5510,17 @@ var ConversationDrawer = ({ open, onClose }) => {
                         color: theme.palette.text.secondary
                       },
                       children: [
-                        /* @__PURE__ */ jsx12(Typography6, { variant: "body2", children: "No conversations in this project yet" }),
-                        /* @__PURE__ */ jsx12(Typography6, { variant: "caption", sx: { mt: 1, display: "block" }, children: "Drag conversations here or use the + button above" })
+                        /* @__PURE__ */ jsx11(Typography6, { variant: "body2", children: "No conversations in this project yet" }),
+                        /* @__PURE__ */ jsx11(Typography6, { variant: "caption", sx: { mt: 1, display: "block" }, children: "Drag conversations here or use the + button above" })
                       ]
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ jsx12(Divider2, { sx: { opacity: 0.3 } })
+                /* @__PURE__ */ jsx11(Divider2, { sx: { opacity: 0.3 } })
               ] }) : (
                 // Special handling for ungrouped - no header, just conversations in scrollable area
-                /* @__PURE__ */ jsx12(
-                  Box9,
+                /* @__PURE__ */ jsx11(
+                  Box8,
                   {
                     sx: {
                       minHeight: 0,
@@ -6001,12 +5528,12 @@ var ConversationDrawer = ({ open, onClose }) => {
                       overflow: "auto",
                       px: 1,
                       py: 1,
-                      bgcolor: alpha6(theme.palette.background.default, 0.3),
+                      bgcolor: alpha5(theme.palette.background.default, 0.3),
                       borderRadius: "8px 8px 0 0",
                       mx: 1,
                       mb: 1
                     },
-                    children: group.conversations.map((conversation) => /* @__PURE__ */ jsx12(
+                    children: group.conversations.map((conversation) => /* @__PURE__ */ jsx11(
                       simple_conversation_item_default,
                       {
                         conversation,
@@ -6030,8 +5557,8 @@ var ConversationDrawer = ({ open, onClose }) => {
                 )
               )
             ] }, group.id || "ungrouped")),
-            filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs9(
-              Box9,
+            filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs8(
+              Box8,
               {
                 sx: {
                   flex: 1,
@@ -6044,28 +5571,28 @@ var ConversationDrawer = ({ open, onClose }) => {
                   color: theme.palette.text.secondary
                 },
                 children: [
-                  /* @__PURE__ */ jsx12(Typography6, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
-                  /* @__PURE__ */ jsx12(Typography6, { variant: "body2", sx: { mb: 3, maxWidth: 280 }, children: searchQuery ? `No conversations match "${searchQuery}"` : "Start your first conversation to begin organizing your chats into projects" })
+                  /* @__PURE__ */ jsx11(Typography6, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
+                  /* @__PURE__ */ jsx11(Typography6, { variant: "body2", sx: { mb: 3, maxWidth: 280 }, children: searchQuery ? `No conversations match "${searchQuery}"` : "Start your first conversation to begin organizing your chats into projects" })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs9(
-            Box9,
+          /* @__PURE__ */ jsxs8(
+            Box8,
             {
               sx: {
                 mt: "auto",
                 px: 2,
                 py: 1.75,
-                borderTop: `1px solid ${alpha6(theme.palette.divider, 0.6)}`,
+                borderTop: `1px solid ${alpha5(theme.palette.divider, 0.6)}`,
                 display: "flex",
                 alignItems: "center",
                 gap: 1.5,
                 justifyContent: "center",
-                bgcolor: alpha6(theme.palette.background.default, isMobile ? 0.9 : 0.6)
+                bgcolor: alpha5(theme.palette.background.default, isMobile ? 0.9 : 0.6)
               },
               children: [
-                /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx11(
                   Avatar6,
                   {
                     src: avatarImage,
@@ -6074,14 +5601,14 @@ var ConversationDrawer = ({ open, onClose }) => {
                       width: 36,
                       height: 36,
                       fontSize: "0.95rem",
-                      bgcolor: alpha6(theme.palette.primary.main, 0.12),
+                      bgcolor: alpha5(theme.palette.primary.main, 0.12),
                       color: theme.palette.primary.main
                     },
                     children: avatarInitials
                   }
                 ),
-                /* @__PURE__ */ jsxs9(
-                  Box9,
+                /* @__PURE__ */ jsxs8(
+                  Box8,
                   {
                     sx: {
                       minWidth: 0,
@@ -6093,7 +5620,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                       gap: 0.25
                     },
                     children: [
-                      /* @__PURE__ */ jsx12(
+                      /* @__PURE__ */ jsx11(
                         Typography6,
                         {
                           variant: "subtitle2",
@@ -6102,7 +5629,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                           children: user ? userDisplayName : "Not signed in"
                         }
                       ),
-                      !user && /* @__PURE__ */ jsx12(
+                      !user && /* @__PURE__ */ jsx11(
                         Typography6,
                         {
                           variant: "caption",
@@ -6119,14 +5646,14 @@ var ConversationDrawer = ({ open, onClose }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx11(
       project_management_modal_default,
       {
         open: projectManagementOpen,
         onClose: () => setProjectManagementOpen(false)
       }
     ),
-    conversationToMove && /* @__PURE__ */ jsx12(
+    conversationToMove && /* @__PURE__ */ jsx11(
       move_conversation_modal_default,
       {
         open: moveModalOpen,
@@ -6135,7 +5662,7 @@ var ConversationDrawer = ({ open, onClose }) => {
         currentProjectId: conversationToMove.projectId
       }
     ),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx11(
       Menu3,
       {
         anchorEl: menuAnchorEl,
@@ -6149,7 +5676,7 @@ var ConversationDrawer = ({ open, onClose }) => {
           vertical: "bottom",
           horizontal: "right"
         },
-        children: /* @__PURE__ */ jsxs9(
+        children: /* @__PURE__ */ jsxs8(
           MenuItem3,
           {
             onClick: () => {
@@ -6158,14 +5685,14 @@ var ConversationDrawer = ({ open, onClose }) => {
             },
             sx: { color: theme.palette.error.main },
             children: [
-              /* @__PURE__ */ jsx12(ListItemIcon3, { children: /* @__PURE__ */ jsx12(DeleteSweepIcon, { fontSize: "small", sx: { color: theme.palette.error.main } }) }),
-              /* @__PURE__ */ jsx12(ListItemText3, { children: "Clear All Conversations" })
+              /* @__PURE__ */ jsx11(ListItemIcon3, { children: /* @__PURE__ */ jsx11(DeleteSweepIcon, { fontSize: "small", sx: { color: theme.palette.error.main } }) }),
+              /* @__PURE__ */ jsx11(ListItemText3, { children: "Clear All Conversations" })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsxs8(
       Dialog3,
       {
         open: clearConfirmOpen,
@@ -6173,11 +5700,11 @@ var ConversationDrawer = ({ open, onClose }) => {
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__PURE__ */ jsx12(DialogTitle3, { children: "Clear All Conversations?" }),
-          /* @__PURE__ */ jsx12(DialogContent3, { children: /* @__PURE__ */ jsx12(Typography6, { children: "This will permanently delete all conversations and cannot be undone. Are you sure you want to continue?" }) }),
-          /* @__PURE__ */ jsxs9(DialogActions3, { children: [
-            /* @__PURE__ */ jsx12(Button4, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx11(DialogTitle3, { children: "Clear All Conversations?" }),
+          /* @__PURE__ */ jsx11(DialogContent3, { children: /* @__PURE__ */ jsx11(Typography6, { children: "This will permanently delete all conversations and cannot be undone. Are you sure you want to continue?" }) }),
+          /* @__PURE__ */ jsxs8(DialogActions3, { children: [
+            /* @__PURE__ */ jsx11(Button4, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx11(
               Button4,
               {
                 onClick: handleClearAllConfirm,
@@ -6195,10 +5722,10 @@ var ConversationDrawer = ({ open, onClose }) => {
 var conversation_drawer_default = ConversationDrawer;
 
 // src/chat/enhanced-mobile-conversations-modal.tsx
-import { useState as useState12, useMemo as useMemo3, useEffect as useEffect11, useRef as useRef10, useCallback as useCallback5 } from "react";
+import { useState as useState11, useMemo as useMemo2, useEffect as useEffect10, useRef as useRef9, useCallback as useCallback5 } from "react";
 import {
-  Box as Box10,
-  IconButton as IconButton9,
+  Box as Box9,
+  IconButton as IconButton8,
   Modal as Modal2,
   Typography as Typography7,
   TextField as TextField6,
@@ -6230,8 +5757,8 @@ import {
   Inbox as InboxIcon4
 } from "@mui/icons-material";
 import { Add as AddIcon4 } from "@mui/icons-material";
-import { useTheme as useTheme11, alpha as alpha7 } from "@mui/material/styles";
-import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useTheme as useTheme10, alpha as alpha6 } from "@mui/material/styles";
+import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var BANDIT_AVATAR2 = "https://cdn.burtson.ai/images/bandit-head.png";
 var coerceOptionalString2 = (value) => {
   if (typeof value !== "string") return void 0;
@@ -6262,7 +5789,7 @@ var EnhancedMobileConversationsModal = ({
   open,
   onClose
 }) => {
-  const theme = useTheme11();
+  const theme = useTheme10();
   const { user } = useAuthenticationStore();
   const {
     conversations,
@@ -6282,24 +5809,24 @@ var EnhancedMobileConversationsModal = ({
     createProject,
     deleteProject
   } = useProjectStore();
-  const [projectManagementOpen, setProjectManagementOpen] = useState12(false);
-  const [collapsedProjects, setCollapsedProjects] = useState12(/* @__PURE__ */ new Set());
-  const didInitCollapseRef = useRef10(false);
-  const [searchQuery, setSearchQuery] = useState12("");
-  const [menuAnchorEl, setMenuAnchorEl] = useState12(null);
-  const [clearConfirmOpen, setClearConfirmOpen] = useState12(false);
-  const [moveModalOpen, setMoveModalOpen] = useState12(false);
-  const [conversationToMove, setConversationToMove] = useState12(null);
-  const [renameProjectId, setRenameProjectId] = useState12(null);
-  const [deletedConversationIds, setDeletedConversationIds] = useState12(/* @__PURE__ */ new Set());
-  const [touchDragState, setTouchDragState] = useState12({ conversationId: null, originProjectId: null, hoverProjectId: null });
-  const [avatarImage, setAvatarImage] = useState12(BANDIT_AVATAR2);
+  const [projectManagementOpen, setProjectManagementOpen] = useState11(false);
+  const [collapsedProjects, setCollapsedProjects] = useState11(/* @__PURE__ */ new Set());
+  const didInitCollapseRef = useRef9(false);
+  const [searchQuery, setSearchQuery] = useState11("");
+  const [menuAnchorEl, setMenuAnchorEl] = useState11(null);
+  const [clearConfirmOpen, setClearConfirmOpen] = useState11(false);
+  const [moveModalOpen, setMoveModalOpen] = useState11(false);
+  const [conversationToMove, setConversationToMove] = useState11(null);
+  const [renameProjectId, setRenameProjectId] = useState11(null);
+  const [deletedConversationIds, setDeletedConversationIds] = useState11(/* @__PURE__ */ new Set());
+  const [touchDragState, setTouchDragState] = useState11({ conversationId: null, originProjectId: null, hoverProjectId: null });
+  const [avatarImage, setAvatarImage] = useState11(BANDIT_AVATAR2);
   const getCustomClaim = useCallback5((key) => {
     if (!user) return void 0;
     const record = user;
     return coerceOptionalString2(record[key]);
   }, [user]);
-  const userDisplayName = useMemo3(() => {
+  const userDisplayName = useMemo2(() => {
     if (!user) return void 0;
     const candidateFields = [
       coerceOptionalString2(user.name),
@@ -6314,7 +5841,7 @@ var EnhancedMobileConversationsModal = ({
     if (trimmedEmail) return trimmedEmail;
     return user.sub;
   }, [user, getCustomClaim]);
-  const userSecondaryText = useMemo3(() => {
+  const userSecondaryText = useMemo2(() => {
     if (!user) return void 0;
     const trimmedEmail = coerceOptionalString2(user.email);
     if (trimmedEmail && trimmedEmail !== userDisplayName) {
@@ -6326,7 +5853,7 @@ var EnhancedMobileConversationsModal = ({
     }
     return void 0;
   }, [user, userDisplayName]);
-  useEffect11(() => {
+  useEffect10(() => {
     const fetchBranding = async () => {
       try {
         const branding = await brandingService_default.getBranding();
@@ -6343,18 +5870,18 @@ var EnhancedMobileConversationsModal = ({
     }
   }, [open]);
   const avatarLabel = userDisplayName || user?.email || "Bandit";
-  const avatarInitials = useMemo3(() => deriveInitials2(avatarLabel), [avatarLabel]);
+  const avatarInitials = useMemo2(() => 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();
   };
-  useEffect11(() => {
+  useEffect10(() => {
     if (open && !projectsHydrated) {
       hydrateProjects();
     }
   }, [open, projectsHydrated, hydrateProjects]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (projectsHydrated && !didInitCollapseRef.current) {
       didInitCollapseRef.current = true;
       if (projects && projects.length > 0) {
@@ -6362,7 +5889,7 @@ var EnhancedMobileConversationsModal = ({
       }
     }
   }, [projectsHydrated, projects]);
-  const projectGroups = useMemo3(() => {
+  const projectGroups = useMemo2(() => {
     const visibleConversations = conversations.filter(
       (conversation) => !deletedConversationIds.has(conversation.id)
     );
@@ -6388,11 +5915,11 @@ var EnhancedMobileConversationsModal = ({
     }
     return groups.filter((group) => group.conversations.length > 0 || group.id !== null);
   }, [projects, conversations, collapsedProjects, deletedConversationIds]);
-  const visibleConversationCount = useMemo3(
+  const visibleConversationCount = useMemo2(
     () => projectGroups.reduce((total, group) => total + group.conversations.length, 0),
     [projectGroups]
   );
-  const filteredProjectGroups = useMemo3(() => {
+  const filteredProjectGroups = useMemo2(() => {
     if (!searchQuery.trim()) return projectGroups;
     const query = searchQuery.toLowerCase();
     return projectGroups.map((group) => {
@@ -6468,11 +5995,11 @@ var EnhancedMobileConversationsModal = ({
       return { conversationId: null, originProjectId: null, hoverProjectId: null };
     });
   }, [getProjectIdFromPoint, moveConversationToProject]);
-  const activeDragConversation = useMemo3(() => {
+  const activeDragConversation = useMemo2(() => {
     if (!touchDragState.conversationId) return null;
     return conversations.find((conv) => conv.id === touchDragState.conversationId) || null;
   }, [touchDragState.conversationId, conversations]);
-  const activeHoverLabel = useMemo3(() => {
+  const activeHoverLabel = useMemo2(() => {
     if (!touchDragState.hoverProjectId) return "";
     if (touchDragState.hoverProjectId === "__ungrouped") return "Ungrouped";
     const project = projects.find((p) => p.id === touchDragState.hoverProjectId);
@@ -6521,7 +6048,7 @@ var EnhancedMobileConversationsModal = ({
     setMoveModalOpen(false);
     setConversationToMove(null);
   };
-  useEffect11(() => {
+  useEffect10(() => {
     setDeletedConversationIds((prev) => {
       let changed = false;
       const active = new Set(conversations.map((conv) => conv.id));
@@ -6536,8 +6063,8 @@ var EnhancedMobileConversationsModal = ({
       return changed ? next : prev;
     });
   }, [conversations]);
-  return /* @__PURE__ */ jsxs10(Fragment7, { children: [
-    /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs9(Fragment7, { children: [
+    /* @__PURE__ */ jsx12(
       Modal2,
       {
         open,
@@ -6546,8 +6073,8 @@ var EnhancedMobileConversationsModal = ({
           display: "flex",
           alignItems: "flex-end"
         },
-        children: /* @__PURE__ */ jsx13(Slide, { direction: "up", in: open, children: /* @__PURE__ */ jsxs10(
-          Box10,
+        children: /* @__PURE__ */ jsx12(Slide, { direction: "up", in: open, children: /* @__PURE__ */ jsxs9(
+          Box9,
           {
             sx: {
               width: "100%",
@@ -6560,7 +6087,7 @@ var EnhancedMobileConversationsModal = ({
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx12(
                 AppBar,
                 {
                   position: "static",
@@ -6570,9 +6097,9 @@ var EnhancedMobileConversationsModal = ({
                     color: theme.palette.text.primary,
                     borderBottom: `1px solid ${theme.palette.divider}`
                   },
-                  children: /* @__PURE__ */ jsxs10(Toolbar, { children: [
-                    /* @__PURE__ */ jsx13(Typography7, { variant: "h6", sx: { flex: 1, fontWeight: 600 }, children: "Conversations" }),
-                    visibleConversationCount > 0 && /* @__PURE__ */ jsx13(
+                  children: /* @__PURE__ */ jsxs9(Toolbar, { children: [
+                    /* @__PURE__ */ jsx12(Typography7, { variant: "h6", sx: { flex: 1, fontWeight: 600 }, children: "Conversations" }),
+                    visibleConversationCount > 0 && /* @__PURE__ */ jsx12(
                       Chip3,
                       {
                         label: visibleConversationCount,
@@ -6585,34 +6112,34 @@ var EnhancedMobileConversationsModal = ({
                         }
                       }
                     ),
-                    /* @__PURE__ */ jsx13(
-                      IconButton9,
+                    /* @__PURE__ */ jsx12(
+                      IconButton8,
                       {
                         onClick: () => setProjectManagementOpen(true),
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx13(FolderIcon5, {})
+                        children: /* @__PURE__ */ jsx12(FolderIcon5, {})
                       }
                     ),
-                    /* @__PURE__ */ jsx13(
-                      IconButton9,
+                    /* @__PURE__ */ jsx12(
+                      IconButton8,
                       {
                         onClick: handleMenuOpen,
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx13(MoreVertIcon4, {})
+                        children: /* @__PURE__ */ jsx12(MoreVertIcon4, {})
                       }
                     ),
-                    /* @__PURE__ */ jsx13(
-                      IconButton9,
+                    /* @__PURE__ */ jsx12(
+                      IconButton8,
                       {
                         onClick: onClose,
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx13(CloseIcon6, {})
+                        children: /* @__PURE__ */ jsx12(CloseIcon6, {})
                       }
                     )
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx13(Box10, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx12(Box9, { sx: { p: 2, pb: 1 }, children: /* @__PURE__ */ jsx12(
                 TextField6,
                 {
                   fullWidth: true,
@@ -6622,22 +6149,22 @@ var EnhancedMobileConversationsModal = ({
                   onChange: (e) => setSearchQuery(e.target.value),
                   variant: "outlined",
                   InputProps: {
-                    startAdornment: /* @__PURE__ */ jsx13(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx13(SearchIcon2, { fontSize: "small", sx: { color: theme.palette.text.secondary } }) }),
-                    endAdornment: searchQuery && /* @__PURE__ */ jsx13(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx13(
-                      IconButton9,
+                    startAdornment: /* @__PURE__ */ jsx12(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx12(SearchIcon2, { fontSize: "small", sx: { color: theme.palette.text.secondary } }) }),
+                    endAdornment: searchQuery && /* @__PURE__ */ jsx12(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx12(
+                      IconButton8,
                       {
                         onClick: handleSearchClear,
                         size: "small",
                         edge: "end",
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx13(ClearIcon2, { fontSize: "small" })
+                        children: /* @__PURE__ */ jsx12(ClearIcon2, { fontSize: "small" })
                       }
                     ) })
                   }
                 }
               ) }),
-              /* @__PURE__ */ jsxs10(
-                Box10,
+              /* @__PURE__ */ jsxs9(
+                Box9,
                 {
                   sx: {
                     flex: 1,
@@ -6648,8 +6175,8 @@ var EnhancedMobileConversationsModal = ({
                     pb: 2
                   },
                   children: [
-                    touchDragActive && activeDragConversation && /* @__PURE__ */ jsxs10(
-                      Box10,
+                    touchDragActive && activeDragConversation && /* @__PURE__ */ jsxs9(
+                      Box9,
                       {
                         sx: {
                           position: "absolute",
@@ -6658,13 +6185,13 @@ var EnhancedMobileConversationsModal = ({
                           transform: "translate(-50%, -100%)",
                           zIndex: theme.zIndex.modal + 10,
                           pointerEvents: "none",
-                          bgcolor: theme.palette.mode === "dark" ? alpha7(theme.palette.common.black, 0.82) : alpha7(theme.palette.common.white, 0.95),
+                          bgcolor: theme.palette.mode === "dark" ? alpha6(theme.palette.common.black, 0.82) : alpha6(theme.palette.common.white, 0.95),
                           color: theme.palette.mode === "dark" ? theme.palette.common.white : theme.palette.text.primary,
-                          border: `1px solid ${theme.palette.mode === "dark" ? alpha7(theme.palette.common.white, 0.25) : alpha7(theme.palette.common.black, 0.2)}`,
+                          border: `1px solid ${theme.palette.mode === "dark" ? alpha6(theme.palette.common.white, 0.25) : alpha6(theme.palette.common.black, 0.2)}`,
                           borderRadius: 999,
                           px: 2,
                           py: 0.75,
-                          boxShadow: `0 16px 32px ${alpha7(theme.palette.common.black, 0.3)}`,
+                          boxShadow: `0 16px 32px ${alpha6(theme.palette.common.black, 0.3)}`,
                           display: "flex",
                           alignItems: "center",
                           gap: 1,
@@ -6674,7 +6201,7 @@ var EnhancedMobileConversationsModal = ({
                           overflow: "hidden"
                         },
                         children: [
-                          /* @__PURE__ */ jsxs10(
+                          /* @__PURE__ */ jsxs9(
                             Typography7,
                             {
                               variant: "caption",
@@ -6687,8 +6214,8 @@ var EnhancedMobileConversationsModal = ({
                               },
                               children: [
                                 "Move",
-                                /* @__PURE__ */ jsxs10(
-                                  Box10,
+                                /* @__PURE__ */ jsxs9(
+                                  Box9,
                                   {
                                     component: "span",
                                     sx: {
@@ -6708,7 +6235,7 @@ var EnhancedMobileConversationsModal = ({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsx13(
+                          /* @__PURE__ */ jsx12(
                             Typography7,
                             {
                               variant: "caption",
@@ -6717,11 +6244,11 @@ var EnhancedMobileConversationsModal = ({
                                 fontWeight: 500,
                                 whiteSpace: "nowrap"
                               },
-                              children: activeHoverLabel ? /* @__PURE__ */ jsxs10(Fragment7, { children: [
+                              children: activeHoverLabel ? /* @__PURE__ */ jsxs9(Fragment7, { children: [
                                 "to",
                                 " ",
-                                /* @__PURE__ */ jsx13(
-                                  Box10,
+                                /* @__PURE__ */ jsx12(
+                                  Box9,
                                   {
                                     component: "span",
                                     sx: {
@@ -6737,8 +6264,8 @@ var EnhancedMobileConversationsModal = ({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs10(
-                      Box10,
+                    /* @__PURE__ */ jsxs9(
+                      Box9,
                       {
                         onClick: async () => {
                           const names = new Set(projects.map((p) => p.name));
@@ -6769,26 +6296,26 @@ var EnhancedMobileConversationsModal = ({
                           alignItems: "center",
                           gap: 1.5,
                           cursor: "pointer",
-                          "&:hover": { bgcolor: alpha7(theme.palette.text.primary, 0.04) }
+                          "&:hover": { bgcolor: alpha6(theme.palette.text.primary, 0.04) }
                         },
                         children: [
-                          /* @__PURE__ */ jsx13(
-                            Box10,
+                          /* @__PURE__ */ jsx12(
+                            Box9,
                             {
                               sx: {
                                 width: 28,
                                 height: 28,
                                 borderRadius: "50%",
-                                bgcolor: alpha7(theme.palette.success.main, 0.15),
+                                bgcolor: alpha6(theme.palette.success.main, 0.15),
                                 display: "flex",
                                 alignItems: "center",
                                 justifyContent: "center",
                                 flexShrink: 0
                               },
-                              children: /* @__PURE__ */ jsx13(FolderIcon5, { fontSize: "small", sx: { color: theme.palette.success.main } })
+                              children: /* @__PURE__ */ jsx12(FolderIcon5, { fontSize: "small", sx: { color: theme.palette.success.main } })
                             }
                           ),
-                          /* @__PURE__ */ jsx13(
+                          /* @__PURE__ */ jsx12(
                             Typography7,
                             {
                               variant: "subtitle2",
@@ -6796,14 +6323,14 @@ var EnhancedMobileConversationsModal = ({
                               children: "New Project"
                             }
                           ),
-                          /* @__PURE__ */ jsx13(IconButton9, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ jsx13(AddIcon4, { fontSize: "small" }) })
+                          /* @__PURE__ */ jsx12(IconButton8, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ jsx12(AddIcon4, { fontSize: "small" }) })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx13(Divider3, { sx: { opacity: 0.3 } }),
-                    filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs10(Box10, { children: [
-                      group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs10(
-                        Box10,
+                    /* @__PURE__ */ jsx12(Divider3, { sx: { opacity: 0.3 } }),
+                    filteredProjectGroups.map((group, index) => /* @__PURE__ */ jsxs9(Box9, { children: [
+                      group.id === null && filteredProjectGroups.length > 1 && /* @__PURE__ */ jsxs9(
+                        Box9,
                         {
                           sx: {
                             py: 2,
@@ -6813,9 +6340,9 @@ var EnhancedMobileConversationsModal = ({
                             gap: 2
                           },
                           children: [
-                            /* @__PURE__ */ jsx13(Divider3, { sx: { flex: 1, opacity: 0.6 } }),
-                            /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                              /* @__PURE__ */ jsx13(
+                            /* @__PURE__ */ jsx12(Divider3, { sx: { flex: 1, opacity: 0.6 } }),
+                            /* @__PURE__ */ jsxs9(Box9, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                              /* @__PURE__ */ jsx12(
                                 InboxIcon4,
                                 {
                                   sx: {
@@ -6825,7 +6352,7 @@ var EnhancedMobileConversationsModal = ({
                                   }
                                 }
                               ),
-                              /* @__PURE__ */ jsx13(
+                              /* @__PURE__ */ jsx12(
                                 Typography7,
                                 {
                                   variant: "caption",
@@ -6840,12 +6367,12 @@ var EnhancedMobileConversationsModal = ({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsx13(Divider3, { sx: { flex: 1, opacity: 0.6 } })
+                            /* @__PURE__ */ jsx12(Divider3, { sx: { flex: 1, opacity: 0.6 } })
                           ]
                         }
                       ),
-                      group.id !== null ? /* @__PURE__ */ jsxs10(Fragment7, { children: [
-                        /* @__PURE__ */ jsx13(
+                      group.id !== null ? /* @__PURE__ */ jsxs9(Fragment7, { children: [
+                        /* @__PURE__ */ jsx12(
                           project_header_default,
                           {
                             projectId: group.id,
@@ -6875,8 +6402,8 @@ var EnhancedMobileConversationsModal = ({
                             isTouchTarget: touchDragActive && touchDragState.hoverProjectId === group.id
                           }
                         ),
-                        /* @__PURE__ */ jsx13(Collapse3, { in: !group.collapsed, children: /* @__PURE__ */ jsx13(
-                          Box10,
+                        /* @__PURE__ */ jsx12(Collapse3, { in: !group.collapsed, children: /* @__PURE__ */ jsx12(
+                          Box9,
                           {
                             "data-project-id": group.id ?? "__ungrouped",
                             sx: {
@@ -6884,9 +6411,9 @@ var EnhancedMobileConversationsModal = ({
                               border: touchDragActive && touchDragState.hoverProjectId === group.id ? `2px dashed ${theme.palette.primary.main}` : "1px solid transparent",
                               borderRadius: touchDragActive && touchDragState.hoverProjectId === group.id ? 2 : 0,
                               transition: "border 0.2s ease, background-color 0.2s ease",
-                              backgroundColor: touchDragActive && touchDragState.hoverProjectId === group.id ? alpha7(theme.palette.primary.main, 0.08) : "transparent"
+                              backgroundColor: touchDragActive && touchDragState.hoverProjectId === group.id ? alpha6(theme.palette.primary.main, 0.08) : "transparent"
                             },
-                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx13(
+                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx12(
                               simple_conversation_item_default,
                               {
                                 conversation,
@@ -6920,24 +6447,24 @@ var EnhancedMobileConversationsModal = ({
                         ) })
                       ] }) : (
                         // Special handling for ungrouped - no header, just conversations in scrollable area
-                        /* @__PURE__ */ jsx13(
-                          Box10,
+                        /* @__PURE__ */ jsx12(
+                          Box9,
                           {
                             sx: {
                               minHeight: 0,
                               overflow: "auto",
                               px: 1,
                               py: 1,
-                              bgcolor: alpha7(theme.palette.background.default, 0.3),
+                              bgcolor: alpha6(theme.palette.background.default, 0.3),
                               borderRadius: "8px 8px 0 0",
                               mx: 1,
                               mb: 1,
                               border: touchDragActive && touchDragState.hoverProjectId === "__ungrouped" ? `2px dashed ${theme.palette.primary.main}` : "1px solid transparent",
                               transition: "border 0.2s ease, background-color 0.2s ease",
-                              backgroundColor: touchDragActive && touchDragState.hoverProjectId === "__ungrouped" ? alpha7(theme.palette.primary.main, 0.08) : alpha7(theme.palette.background.default, 0.3)
+                              backgroundColor: touchDragActive && touchDragState.hoverProjectId === "__ungrouped" ? alpha6(theme.palette.primary.main, 0.08) : alpha6(theme.palette.background.default, 0.3)
                             },
                             "data-project-id": "__ungrouped",
-                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx13(
+                            children: group.conversations.map((conversation) => /* @__PURE__ */ jsx12(
                               simple_conversation_item_default,
                               {
                                 conversation,
@@ -6971,8 +6498,8 @@ var EnhancedMobileConversationsModal = ({
                         )
                       )
                     ] }, group.id || "ungrouped")),
-                    filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs10(
-                      Box10,
+                    filteredProjectGroups.length === 0 && /* @__PURE__ */ jsxs9(
+                      Box9,
                       {
                         sx: {
                           flex: 1,
@@ -6985,31 +6512,31 @@ var EnhancedMobileConversationsModal = ({
                           color: theme.palette.text.secondary
                         },
                         children: [
-                          /* @__PURE__ */ jsx13(Typography7, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
-                          /* @__PURE__ */ jsx13(Typography7, { variant: "body2", sx: { mb: 3, maxWidth: 280 }, children: searchQuery ? `No conversations match "${searchQuery}"` : "Start your first conversation to begin organizing your chats into projects" })
+                          /* @__PURE__ */ jsx12(Typography7, { variant: "h6", sx: { mb: 1 }, children: searchQuery ? "No conversations found" : "No conversations yet" }),
+                          /* @__PURE__ */ jsx12(Typography7, { variant: "body2", sx: { mb: 3, maxWidth: 280 }, children: searchQuery ? `No conversations match "${searchQuery}"` : "Start your first conversation to begin organizing your chats into projects" })
                         ]
                       }
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs10(
-                Box10,
+              /* @__PURE__ */ jsxs9(
+                Box9,
                 {
                   sx: {
                     mt: "auto",
                     px: 2,
                     py: 1.75,
-                    borderTop: `1px solid ${alpha7(theme.palette.divider, 0.6)}`,
+                    borderTop: `1px solid ${alpha6(theme.palette.divider, 0.6)}`,
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
                     gap: 1.25,
-                    bgcolor: alpha7(theme.palette.background.default, 0.88),
+                    bgcolor: alpha6(theme.palette.background.default, 0.88),
                     flexWrap: "wrap"
                   },
                   children: [
-                    /* @__PURE__ */ jsx13(
+                    /* @__PURE__ */ jsx12(
                       Avatar7,
                       {
                         src: avatarImage,
@@ -7018,14 +6545,14 @@ var EnhancedMobileConversationsModal = ({
                           width: 40,
                           height: 40,
                           fontSize: "1rem",
-                          bgcolor: alpha7(theme.palette.primary.main, 0.12),
+                          bgcolor: alpha6(theme.palette.primary.main, 0.12),
                           color: theme.palette.primary.main
                         },
                         children: avatarInitials
                       }
                     ),
-                    /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 0.5, minWidth: 0 }, children: [
-                      /* @__PURE__ */ jsx13(
+                    /* @__PURE__ */ jsxs9(Box9, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 0.5, minWidth: 0 }, children: [
+                      /* @__PURE__ */ jsx12(
                         Typography7,
                         {
                           variant: "subtitle2",
@@ -7034,7 +6561,7 @@ var EnhancedMobileConversationsModal = ({
                           children: user ? userDisplayName : "Not signed in"
                         }
                       ),
-                      !user && /* @__PURE__ */ jsx13(
+                      !user && /* @__PURE__ */ jsx12(
                         Typography7,
                         {
                           variant: "caption",
@@ -7052,14 +6579,14 @@ var EnhancedMobileConversationsModal = ({
         ) })
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx12(
       project_management_modal_default,
       {
         open: projectManagementOpen,
         onClose: () => setProjectManagementOpen(false)
       }
     ),
-    conversationToMove && /* @__PURE__ */ jsx13(
+    conversationToMove && /* @__PURE__ */ jsx12(
       move_conversation_modal_default,
       {
         open: moveModalOpen,
@@ -7068,7 +6595,7 @@ var EnhancedMobileConversationsModal = ({
         currentProjectId: conversationToMove.projectId
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx12(
       Menu4,
       {
         anchorEl: menuAnchorEl,
@@ -7082,7 +6609,7 @@ var EnhancedMobileConversationsModal = ({
           vertical: "bottom",
           horizontal: "right"
         },
-        children: /* @__PURE__ */ jsxs10(
+        children: /* @__PURE__ */ jsxs9(
           MenuItem4,
           {
             onClick: () => {
@@ -7092,14 +6619,14 @@ var EnhancedMobileConversationsModal = ({
             disabled: visibleConversationCount === 0,
             sx: { color: theme.palette.error.main },
             children: [
-              /* @__PURE__ */ jsx13(ListItemIcon4, { children: /* @__PURE__ */ jsx13(DeleteSweepIcon2, { fontSize: "small", sx: { color: theme.palette.error.main } }) }),
-              /* @__PURE__ */ jsx13(ListItemText4, { children: "Clear All Conversations" })
+              /* @__PURE__ */ jsx12(ListItemIcon4, { children: /* @__PURE__ */ jsx12(DeleteSweepIcon2, { fontSize: "small", sx: { color: theme.palette.error.main } }) }),
+              /* @__PURE__ */ jsx12(ListItemText4, { children: "Clear All Conversations" })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsxs9(
       Dialog4,
       {
         open: clearConfirmOpen,
@@ -7107,11 +6634,11 @@ var EnhancedMobileConversationsModal = ({
         maxWidth: "sm",
         fullWidth: true,
         children: [
-          /* @__PURE__ */ jsx13(DialogTitle4, { children: "Clear All Conversations?" }),
-          /* @__PURE__ */ jsx13(DialogContent4, { children: /* @__PURE__ */ jsx13(Typography7, { children: visibleConversationCount === 0 ? "No conversations available to clear." : `This will permanently delete ${visibleConversationCount} conversation${visibleConversationCount === 1 ? "" : "s"} and cannot be undone.` }) }),
-          /* @__PURE__ */ jsxs10(DialogActions4, { children: [
-            /* @__PURE__ */ jsx13(Button5, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx12(DialogTitle4, { children: "Clear All Conversations?" }),
+          /* @__PURE__ */ jsx12(DialogContent4, { children: /* @__PURE__ */ jsx12(Typography7, { children: visibleConversationCount === 0 ? "No conversations available to clear." : `This will permanently delete ${visibleConversationCount} conversation${visibleConversationCount === 1 ? "" : "s"} and cannot be undone.` }) }),
+          /* @__PURE__ */ jsxs9(DialogActions4, { children: [
+            /* @__PURE__ */ jsx12(Button5, { onClick: () => setClearConfirmOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx12(
               Button5,
               {
                 onClick: handleClearAllConfirm,
@@ -7130,7 +6657,7 @@ var enhanced_mobile_conversations_modal_default = EnhancedMobileConversationsMod
 
 // src/chat/chat-app-bar.tsx
 import { shallow as shallow2 } from "zustand/shallow";
-import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var CDN_BASE = "https://cdn.burtson.ai/";
 var banditHead = `${CDN_BASE}/images/bandit-head.png`;
 var modelAvatars = {
@@ -7149,9 +6676,9 @@ var ChatAppBar = ({
   drawerOpen,
   setDrawerOpen
 }) => {
-  const theme = useTheme12();
+  const theme = useTheme11();
   const isMobile = useMediaQuery5(theme.breakpoints.down("sm"));
-  const hasLoggedRouterWarningRef = useRef11(false);
+  const hasLoggedRouterWarningRef = useRef10(false);
   let navigate = null;
   try {
     navigate = useNavigate();
@@ -7177,11 +6704,11 @@ var ChatAppBar = ({
     menuBackground,
     menuText
   } = theme.palette.chat.appBar;
-  const [modelAnchorEl, setModelAnchorEl] = useState13(null);
-  const [voiceAnchorEl, setVoiceAnchorEl] = useState13(null);
-  const [modalOpen, setModalOpen] = useState13(false);
-  const [confirmModelChangeOpen, setConfirmModelChangeOpen] = useState13(false);
-  const [pendingModel, setPendingModel] = useState13(null);
+  const [modelAnchorEl, setModelAnchorEl] = useState12(null);
+  const [voiceAnchorEl, setVoiceAnchorEl] = useState12(null);
+  const [modalOpen, setModalOpen] = useState12(false);
+  const [confirmModelChangeOpen, setConfirmModelChangeOpen] = useState12(false);
+  const [pendingModel, setPendingModel] = useState12(null);
   const { conversations, currentId, createNewConversation, _hasHydrated } = useConversationStore();
   const { preferences } = usePreferencesStore();
   const { settings: packageSettings } = usePackageSettingsStore();
@@ -7207,7 +6734,7 @@ var ChatAppBar = ({
     triggerSync: state.runSync,
     setSyncEnabled: state.setSyncEnabled
   }), shallow2);
-  useEffect12(() => {
+  useEffect11(() => {
     if (isPlaygroundMode2 && syncEnabled) {
       void setSyncEnabled(false).catch((error) => {
         debugLogger.warn("ChatAppBar: Failed to disable sync in playground", {
@@ -7225,16 +6752,16 @@ var ChatAppBar = ({
   };
   const syncIndicatorIcon = (() => {
     if (isPlaygroundMode2 || !syncEnabled) {
-      return /* @__PURE__ */ jsx14(CloudOffIcon, { fontSize: "small", color: "disabled" });
+      return /* @__PURE__ */ jsx13(CloudOffIcon, { fontSize: "small", color: "disabled" });
     }
     switch (syncStatus) {
       case "syncing":
-        return /* @__PURE__ */ jsx14(SyncIcon, { fontSize: "small", sx: syncSpinSx, color: "primary" });
+        return /* @__PURE__ */ jsx13(SyncIcon, { fontSize: "small", sx: syncSpinSx, color: "primary" });
       case "error":
-        return /* @__PURE__ */ jsx14(ErrorOutlineIcon, { fontSize: "small", color: "error" });
+        return /* @__PURE__ */ jsx13(ErrorOutlineIcon, { fontSize: "small", color: "error" });
       case "idle":
       default:
-        return /* @__PURE__ */ jsx14(CloudDoneIcon, { fontSize: "small", color: "success" });
+        return /* @__PURE__ */ jsx13(CloudDoneIcon, { fontSize: "small", color: "success" });
     }
   })();
   const syncTooltip = (() => {
@@ -7330,9 +6857,9 @@ var ChatAppBar = ({
     }
     safeNavigate("/");
   }
-  return /* @__PURE__ */ jsxs11(Fragment8, { children: [
-    /* @__PURE__ */ jsxs11(
-      Box11,
+  return /* @__PURE__ */ jsxs10(Fragment8, { children: [
+    /* @__PURE__ */ jsxs10(
+      Box10,
       {
         sx: {
           position: "fixed",
@@ -7352,8 +6879,8 @@ var ChatAppBar = ({
           }
         },
         children: [
-          /* @__PURE__ */ jsxs11(
-            Box11,
+          /* @__PURE__ */ jsxs10(
+            Box10,
             {
               sx: {
                 display: "flex",
@@ -7373,17 +6900,17 @@ var ChatAppBar = ({
                 }
               },
               children: [
-                /* @__PURE__ */ jsx14(Tooltip5, { title: homeTooltip, arrow: true, children: /* @__PURE__ */ jsx14(
-                  IconButton10,
+                /* @__PURE__ */ jsx13(Tooltip4, { title: homeTooltip, arrow: true, children: /* @__PURE__ */ jsx13(
+                  IconButton9,
                   {
                     onClick: goToHome,
                     sx: pillButtonStyles,
                     "aria-label": "Go to home page",
-                    children: /* @__PURE__ */ jsx14(HomeIcon, {})
+                    children: /* @__PURE__ */ jsx13(HomeIcon, {})
                   }
                 ) }),
-                showLimitedAdminPanel() && /* @__PURE__ */ jsx14(Tooltip5, { title: "Management & Settings", arrow: true, children: /* @__PURE__ */ jsx14(
-                  IconButton10,
+                showLimitedAdminPanel() && /* @__PURE__ */ jsx13(Tooltip4, { title: "Management & Settings", arrow: true, children: /* @__PURE__ */ jsx13(
+                  IconButton9,
                   {
                     onClick: () => safeNavigate(managementPath),
                     sx: {
@@ -7394,11 +6921,11 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Open management settings",
-                    children: /* @__PURE__ */ jsx14(SettingsIcon, {})
+                    children: /* @__PURE__ */ jsx13(SettingsIcon, {})
                   }
                 ) }),
-                /* @__PURE__ */ jsx14(Tooltip5, { title: syncTooltip, arrow: true, children: /* @__PURE__ */ jsxs11(
-                  IconButton10,
+                /* @__PURE__ */ jsx13(Tooltip4, { title: syncTooltip, arrow: true, children: /* @__PURE__ */ jsxs10(
+                  IconButton9,
                   {
                     onClick: handleSyncBadgeClick,
                     disabled: syncButtonDisabled,
@@ -7413,8 +6940,8 @@ var ChatAppBar = ({
                     "aria-label": "Conversation sync status",
                     children: [
                       syncIndicatorIcon,
-                      pendingCount > 0 && !syncButtonDisabled && syncStatus !== "syncing" && /* @__PURE__ */ jsx14(
-                        Box11,
+                      pendingCount > 0 && !syncButtonDisabled && syncStatus !== "syncing" && /* @__PURE__ */ jsx13(
+                        Box10,
                         {
                           sx: {
                             position: "absolute",
@@ -7439,8 +6966,8 @@ var ChatAppBar = ({
                     ]
                   }
                 ) }),
-                !isMobile && /* @__PURE__ */ jsx14(Tooltip5, { title: `${drawerOpen ? "Close" : "Open"} Conversations`, arrow: true, children: /* @__PURE__ */ jsxs11(
-                  IconButton10,
+                !isMobile && /* @__PURE__ */ jsx13(Tooltip4, { title: `${drawerOpen ? "Close" : "Open"} Conversations`, arrow: true, children: /* @__PURE__ */ jsxs10(
+                  IconButton9,
                   {
                     onClick: () => setDrawerOpen(!drawerOpen),
                     sx: {
@@ -7453,9 +6980,9 @@ var ChatAppBar = ({
                     "aria-label": `${drawerOpen ? "Close" : "Open"} conversations drawer`,
                     "aria-pressed": drawerOpen,
                     children: [
-                      drawerOpen ? /* @__PURE__ */ jsx14(NotesIcon, {}) : /* @__PURE__ */ jsx14(NotesIconOutlined, {}),
-                      conversations.length > 0 && /* @__PURE__ */ jsx14(
-                        Box11,
+                      drawerOpen ? /* @__PURE__ */ jsx13(NotesIcon, {}) : /* @__PURE__ */ jsx13(NotesIconOutlined, {}),
+                      conversations.length > 0 && /* @__PURE__ */ jsx13(
+                        Box10,
                         {
                           sx: {
                             position: "absolute",
@@ -7480,8 +7007,8 @@ var ChatAppBar = ({
                     ]
                   }
                 ) }),
-                !isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx14(Tooltip5, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx14(
-                  IconButton10,
+                !isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx13(Tooltip4, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx13(
+                  IconButton9,
                   {
                     onClick: () => createNewConversation(),
                     sx: {
@@ -7494,14 +7021,14 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Create new conversation",
-                    children: /* @__PURE__ */ jsx14(AddIcon5, {})
+                    children: /* @__PURE__ */ jsx13(AddIcon5, {})
                   }
                 ) })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs11(
-            Box11,
+          /* @__PURE__ */ jsxs10(
+            Box10,
             {
               sx: {
                 display: "flex",
@@ -7521,8 +7048,8 @@ var ChatAppBar = ({
                 }
               },
               children: [
-                isMobile && /* @__PURE__ */ jsx14(Tooltip5, { title: `Conversations (${conversations.length})`, arrow: true, children: /* @__PURE__ */ jsxs11(
-                  IconButton10,
+                isMobile && /* @__PURE__ */ jsx13(Tooltip4, { title: `Conversations (${conversations.length})`, arrow: true, children: /* @__PURE__ */ jsxs10(
+                  IconButton9,
                   {
                     onClick: () => setModalOpen(true),
                     sx: {
@@ -7531,9 +7058,9 @@ var ChatAppBar = ({
                     },
                     "aria-label": `Open conversations modal with ${conversations.length} conversations`,
                     children: [
-                      /* @__PURE__ */ jsx14(NotesIcon, { fontSize: "small" }),
-                      conversations.length > 0 && /* @__PURE__ */ jsx14(
-                        Box11,
+                      /* @__PURE__ */ jsx13(NotesIcon, { fontSize: "small" }),
+                      conversations.length > 0 && /* @__PURE__ */ jsx13(
+                        Box10,
                         {
                           sx: {
                             position: "absolute",
@@ -7558,8 +7085,8 @@ var ChatAppBar = ({
                     ]
                   }
                 ) }),
-                isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx14(Tooltip5, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx14(
-                  IconButton10,
+                isMobile && canShowNewConversationButton && /* @__PURE__ */ jsx13(Tooltip4, { title: "Start New Conversation", arrow: true, children: /* @__PURE__ */ jsx13(
+                  IconButton9,
                   {
                     onClick: () => {
                       createNewConversation();
@@ -7575,11 +7102,11 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Create new conversation",
-                    children: /* @__PURE__ */ jsx14(AddIcon5, { fontSize: "small" })
+                    children: /* @__PURE__ */ jsx13(AddIcon5, { fontSize: "small" })
                   }
                 ) }),
-                /* @__PURE__ */ jsx14(Tooltip5, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ jsx14(
-                  IconButton10,
+                /* @__PURE__ */ jsx13(Tooltip4, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ jsx13(
+                  IconButton9,
                   {
                     onClick: (e) => setModelAnchorEl(e.currentTarget),
                     sx: {
@@ -7593,7 +7120,7 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": `Change AI personality. Currently using ${selectedModel}`,
-                    children: /* @__PURE__ */ jsx14(
+                    children: /* @__PURE__ */ jsx13(
                       Avatar8,
                       {
                         src: currentAvatar,
@@ -7610,7 +7137,7 @@ var ChatAppBar = ({
                     )
                   }
                 ) }),
-                /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx13(
                   Menu5,
                   {
                     anchorEl: modelAnchorEl,
@@ -7646,7 +7173,7 @@ var ChatAppBar = ({
                         }
                       }
                     },
-                    children: availableModels.map((model) => /* @__PURE__ */ jsxs11(
+                    children: availableModels.map((model) => /* @__PURE__ */ jsxs10(
                       MenuItem5,
                       {
                         selected: model.name === selectedModel,
@@ -7693,7 +7220,7 @@ var ChatAppBar = ({
                           px: 2
                         },
                         children: [
-                          /* @__PURE__ */ jsx14(
+                          /* @__PURE__ */ jsx13(
                             Avatar8,
                             {
                               src: model.avatarBase64 || modelAvatars[model.name] || banditHead,
@@ -7706,12 +7233,12 @@ var ChatAppBar = ({
                               }
                             }
                           ),
-                          /* @__PURE__ */ jsxs11(Box11, { sx: { flex: 1 }, children: [
-                            /* @__PURE__ */ jsx14(Typography8, { variant: "body2", sx: { fontWeight: 500 }, children: model.name.replace("Bandit-", "") }),
-                            /* @__PURE__ */ jsx14(Typography8, { variant: "caption", sx: { color: theme.palette.text.secondary, display: "block" }, children: model.name === selectedModel ? "Currently active" : "Switch to this AI" })
+                          /* @__PURE__ */ jsxs10(Box10, { sx: { flex: 1 }, children: [
+                            /* @__PURE__ */ jsx13(Typography8, { variant: "body2", sx: { fontWeight: 500 }, children: model.name.replace("Bandit-", "") }),
+                            /* @__PURE__ */ jsx13(Typography8, { variant: "caption", sx: { color: theme.palette.text.secondary, display: "block" }, children: model.name === selectedModel ? "Currently active" : "Switch to this AI" })
                           ] }),
-                          model.name === selectedModel && /* @__PURE__ */ jsx14(
-                            Box11,
+                          model.name === selectedModel && /* @__PURE__ */ jsx13(
+                            Box10,
                             {
                               sx: {
                                 width: 8,
@@ -7727,9 +7254,9 @@ var ChatAppBar = ({
                     ))
                   }
                 ),
-                isTTSAvailable && /* @__PURE__ */ jsxs11(Fragment8, { children: [
-                  /* @__PURE__ */ jsx14(Tooltip5, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ jsx14(
-                    IconButton10,
+                isTTSAvailable && /* @__PURE__ */ jsxs10(Fragment8, { children: [
+                  /* @__PURE__ */ jsx13(Tooltip4, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ jsx13(
+                    IconButton9,
                     {
                       onClick: (e) => setVoiceAnchorEl(e.currentTarget),
                       sx: {
@@ -7742,10 +7269,10 @@ var ChatAppBar = ({
                         }
                       },
                       "aria-label": `Change voice. Currently using ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "default"}`,
-                      children: /* @__PURE__ */ jsx14(RecordVoiceOverIcon, { fontSize: "small" })
+                      children: /* @__PURE__ */ jsx13(RecordVoiceOverIcon, { fontSize: "small" })
                     }
                   ) }),
-                  /* @__PURE__ */ jsx14(
+                  /* @__PURE__ */ jsx13(
                     Menu5,
                     {
                       anchorEl: voiceAnchorEl,
@@ -7782,7 +7309,7 @@ var ChatAppBar = ({
                           }
                         }
                       },
-                      children: availableVoices.length > 0 ? availableVoices.map((voice) => /* @__PURE__ */ jsx14(
+                      children: availableVoices.length > 0 ? availableVoices.map((voice) => /* @__PURE__ */ jsx13(
                         MenuItem5,
                         {
                           selected: voice === selectedVoice,
@@ -7790,14 +7317,14 @@ var ChatAppBar = ({
                             handleVoiceChange(voice);
                             setVoiceAnchorEl(null);
                           },
-                          children: /* @__PURE__ */ jsxs11(Box11, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                            /* @__PURE__ */ jsx14(RecordVoiceOverIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }),
-                            /* @__PURE__ */ jsxs11(Box11, { sx: { flex: 1 }, children: [
-                              /* @__PURE__ */ jsx14(Typography8, { variant: "body2", children: toTitleCase(voice.split("-")[1]) }),
-                              /* @__PURE__ */ jsx14(Typography8, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
+                          children: /* @__PURE__ */ jsxs10(Box10, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
+                            /* @__PURE__ */ jsx13(RecordVoiceOverIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }),
+                            /* @__PURE__ */ jsxs10(Box10, { sx: { flex: 1 }, children: [
+                              /* @__PURE__ */ jsx13(Typography8, { variant: "body2", children: toTitleCase(voice.split("-")[1]) }),
+                              /* @__PURE__ */ jsx13(Typography8, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
                             ] }),
-                            voice === selectedVoice && /* @__PURE__ */ jsx14(
-                              Box11,
+                            voice === selectedVoice && /* @__PURE__ */ jsx13(
+                              Box10,
                               {
                                 sx: {
                                   width: 8,
@@ -7810,7 +7337,7 @@ var ChatAppBar = ({
                           ] })
                         },
                         voice
-                      )) : /* @__PURE__ */ jsx14(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx14(Typography8, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
+                      )) : /* @__PURE__ */ jsx13(MenuItem5, { disabled: true, children: /* @__PURE__ */ jsx13(Typography8, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
                     }
                   )
                 ] })
@@ -7820,17 +7347,17 @@ var ChatAppBar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx14(conversation_drawer_default, { open: drawerOpen, onClose: () => setDrawerOpen(false) }),
-    /* @__PURE__ */ jsx14(enhanced_mobile_conversations_modal_default, { open: modalOpen, onClose: () => setModalOpen(false) }),
-    /* @__PURE__ */ jsxs11(
+    /* @__PURE__ */ jsx13(conversation_drawer_default, { open: drawerOpen, onClose: () => setDrawerOpen(false) }),
+    /* @__PURE__ */ jsx13(enhanced_mobile_conversations_modal_default, { open: modalOpen, onClose: () => setModalOpen(false) }),
+    /* @__PURE__ */ jsxs10(
       Dialog5,
       {
         open: confirmModelChangeOpen,
         onClose: () => setConfirmModelChangeOpen(false),
         children: [
-          /* @__PURE__ */ jsx14(DialogTitle5, { children: "Change personality and start new conversation?" }),
-          /* @__PURE__ */ jsx14(DialogContent5, { children: /* @__PURE__ */ jsxs11(Box11, { display: "flex", alignItems: "center", gap: 2, mt: 1, justifyContent: "center", children: [
-            /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx13(DialogTitle5, { children: "Change personality and start new conversation?" }),
+          /* @__PURE__ */ jsx13(DialogContent5, { children: /* @__PURE__ */ jsxs10(Box10, { display: "flex", alignItems: "center", gap: 2, mt: 1, justifyContent: "center", children: [
+            /* @__PURE__ */ jsx13(
               Avatar8,
               {
                 src: pendingModelAvatar,
@@ -7838,15 +7365,15 @@ var ChatAppBar = ({
                 sx: { width: 40, height: 40, filter: "brightness(1.7)" }
               }
             ),
-            /* @__PURE__ */ jsxs11(Typography8, { variant: "body2", children: [
+            /* @__PURE__ */ jsxs10(Typography8, { variant: "body2", children: [
               "Your current conversation will be saved, and a new one will begin with ",
-              /* @__PURE__ */ jsx14("strong", { children: pendingModel }),
+              /* @__PURE__ */ jsx13("strong", { children: pendingModel }),
               "."
             ] })
           ] }) }),
-          /* @__PURE__ */ jsxs11(DialogActions5, { children: [
-            /* @__PURE__ */ jsx14(Button6, { onClick: () => setConfirmModelChangeOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsxs10(DialogActions5, { children: [
+            /* @__PURE__ */ jsx13(Button6, { onClick: () => setConfirmModelChangeOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx13(
               Button6,
               {
                 onClick: () => {
@@ -7949,35 +7476,35 @@ Respond with just the title and nothing else.
 };
 
 // src/chat/query-suggestion-picker.tsx
-import { useEffect as useEffect13, useRef as useRef12, useState as useState14 } from "react";
-import { Box as Box12, useMediaQuery as useMediaQuery6 } from "@mui/material";
-import { useTheme as useTheme13, alpha as alpha8 } from "@mui/material/styles";
-import ReactMarkdown2 from "react-markdown";
-import remarkGfm2 from "remark-gfm";
-import rehypeRaw2 from "rehype-raw";
-import { Fragment as Fragment9, jsx as jsx15 } from "react/jsx-runtime";
+import { useEffect as useEffect12, useRef as useRef11, useState as useState13 } from "react";
+import { Box as Box11, useMediaQuery as useMediaQuery6 } from "@mui/material";
+import { useTheme as useTheme12, alpha as alpha7 } from "@mui/material/styles";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import rehypeRaw from "rehype-raw";
+import { Fragment as Fragment9, jsx as jsx14 } from "react/jsx-runtime";
 var markdownComponents = {
-  p: ({ node, ...props }) => /* @__PURE__ */ jsx15("span", { ...props }),
-  mark: ({ node, children, ...props }) => /* @__PURE__ */ jsx15("mark", { ...props, children }),
+  p: ({ node, ...props }) => /* @__PURE__ */ jsx14("span", { ...props }),
+  mark: ({ node, children, ...props }) => /* @__PURE__ */ jsx14("mark", { ...props, children }),
   code: ({ node, children, ...props }) => {
     const { inline, ...rest } = props;
-    return inline ? /* @__PURE__ */ jsx15("code", { ...rest, children }) : /* @__PURE__ */ jsx15("code", { ...rest, children });
+    return inline ? /* @__PURE__ */ jsx14("code", { ...rest, children }) : /* @__PURE__ */ jsx14("code", { ...rest, children });
   }
 };
 var QuerySuggestionPicker = ({
   onSend,
   inputHeight
 }) => {
-  const hasGenerated = useRef12(false);
-  const [hasSentPrompt, setHasSentPrompt] = useState14(false);
-  const [examplePrompts, setExamplePrompts] = useState14([]);
-  const [visiblePrompts, setVisiblePrompts] = useState14([]);
-  const scrollRef = useRef12(null);
-  const theme = useTheme13();
+  const hasGenerated = useRef11(false);
+  const [hasSentPrompt, setHasSentPrompt] = useState13(false);
+  const [examplePrompts, setExamplePrompts] = useState13([]);
+  const [visiblePrompts, setVisiblePrompts] = useState13([]);
+  const scrollRef = useRef11(null);
+  const theme = useTheme12();
   const isMobile = useMediaQuery6((theme2) => theme2.breakpoints.down("sm"));
   const { background, text, border, hoverBackground, hoverBorder } = theme.palette.chat.suggestion;
   const { getCurrentModel, isLoading } = useModelStore();
-  useEffect13(() => {
+  useEffect12(() => {
     if (hasGenerated.current || isLoading) return;
     hasGenerated.current = true;
     const currentModel = getCurrentModel();
@@ -8004,12 +7531,12 @@ var QuerySuggestionPicker = ({
       hasGenerated.current = false;
     });
   }, [getCurrentModel, isLoading]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!isLoading) {
       hasGenerated.current = false;
     }
   }, [isLoading]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (hasSentPrompt || examplePrompts.length === 0) return;
     const interval = setInterval(() => {
       setExamplePrompts((prev) => {
@@ -8028,8 +7555,8 @@ var QuerySuggestionPicker = ({
     return () => clearInterval(interval);
   }, [hasSentPrompt, examplePrompts.length]);
   const displayPrompts = isMobile ? visiblePrompts.slice(0, Math.min(visiblePrompts.length, 6)) : visiblePrompts;
-  return displayPrompts.length > 0 && /* @__PURE__ */ jsx15(Fragment9, { children: /* @__PURE__ */ jsx15(
-    Box12,
+  return displayPrompts.length > 0 && /* @__PURE__ */ jsx14(Fragment9, { children: /* @__PURE__ */ jsx14(
+    Box11,
     {
       ref: scrollRef,
       sx: {
@@ -8045,8 +7572,8 @@ var QuerySuggestionPicker = ({
         pb: isMobile ? 0.4 : 0,
         "&::-webkit-scrollbar": { display: "none" }
       },
-      children: displayPrompts.map((prompt, i) => /* @__PURE__ */ jsx15(
-        Box12,
+      children: displayPrompts.map((prompt, i) => /* @__PURE__ */ jsx14(
+        Box11,
         {
           sx: {
             px: isMobile ? 1.4 : 2,
@@ -8062,7 +7589,7 @@ var QuerySuggestionPicker = ({
             color: text,
             userSelect: "none",
             cursor: "pointer",
-            border: `1px solid ${border || alpha8(text, 0.12)}`,
+            border: `1px solid ${border || alpha7(text, 0.12)}`,
             boxShadow: theme.palette.mode === "dark" ? "0 4px 18px rgba(0,0,0,0.25)" : "0 6px 20px rgba(15,23,42,0.12)",
             scrollSnapAlign: isMobile ? "start" : "none",
             transition: "transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease",
@@ -8080,8 +7607,8 @@ var QuerySuggestionPicker = ({
             onSend(prompt, []);
             setHasSentPrompt(true);
           },
-          children: /* @__PURE__ */ jsx15(
-            Box12,
+          children: /* @__PURE__ */ jsx14(
+            Box11,
             {
               sx: {
                 flex: 1,
@@ -8093,23 +7620,23 @@ var QuerySuggestionPicker = ({
                   borderRadius: 4,
                   fontSize: "0.92em",
                   fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
-                  backgroundColor: theme.palette.mode === "dark" ? alpha8(theme.palette.common.white, 0.06) : alpha8(theme.palette.text.primary, 0.06),
-                  border: `1px solid ${alpha8(theme.palette.text.primary, 0.15)}`,
+                  backgroundColor: theme.palette.mode === "dark" ? alpha7(theme.palette.common.white, 0.06) : alpha7(theme.palette.text.primary, 0.06),
+                  border: `1px solid ${alpha7(theme.palette.text.primary, 0.15)}`,
                   padding: "0.15em 0.35em"
                 },
                 "& mark": {
                   display: "inline-block",
-                  backgroundColor: theme.palette.mode === "dark" ? alpha8(theme.palette.common.white, 0.06) : alpha8(theme.palette.text.primary, 0.12),
+                  backgroundColor: theme.palette.mode === "dark" ? alpha7(theme.palette.common.white, 0.06) : alpha7(theme.palette.text.primary, 0.12),
                   color: theme.palette.mode === "dark" ? theme.palette.common.white : theme.palette.text.primary,
                   borderRadius: 4,
                   padding: "0.1em 0.25em"
                 }
               },
-              children: /* @__PURE__ */ jsx15(
-                ReactMarkdown2,
+              children: /* @__PURE__ */ jsx14(
+                ReactMarkdown,
                 {
-                  remarkPlugins: [remarkGfm2],
-                  rehypePlugins: [rehypeRaw2],
+                  remarkPlugins: [remarkGfm],
+                  rehypePlugins: [rehypeRaw],
                   components: markdownComponents,
                   children: prompt
                 }
@@ -8124,18 +7651,18 @@ var QuerySuggestionPicker = ({
 };
 
 // ../../src/pages/under-review.tsx
-import { Box as Box13, Typography as Typography9, useTheme as useTheme14 } from "@mui/material";
+import { Box as Box12, Typography as Typography9, useTheme as useTheme13 } from "@mui/material";
 import { useNavigate as useNavigate2 } from "react-router-dom";
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var UnderReview = () => {
-  const theme = useTheme14();
+  const theme = useTheme13();
   const navigate = useNavigate2();
   const handleSneakyLogout = () => {
     localStorage.removeItem("authToken");
     navigate("/login");
   };
-  return /* @__PURE__ */ jsxs12(
-    Box13,
+  return /* @__PURE__ */ jsxs11(
+    Box12,
     {
       sx: {
         minHeight: "100vh",
@@ -8150,8 +7677,8 @@ var UnderReview = () => {
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ jsx16(
-          Box13,
+        /* @__PURE__ */ jsx15(
+          Box12,
           {
             onClick: handleSneakyLogout,
             sx: {
@@ -8176,13 +7703,13 @@ var UnderReview = () => {
             title: "Reset session"
           }
         ),
-        /* @__PURE__ */ jsx16(Typography9, { variant: "h4", sx: { mb: 2, fontWeight: 700, color: theme.palette.error.main }, children: "Under Review" }),
-        /* @__PURE__ */ jsxs12(Typography9, { variant: "body1", sx: { mb: 2, color: theme.palette.text.secondary }, children: [
+        /* @__PURE__ */ jsx15(Typography9, { variant: "h4", sx: { mb: 2, fontWeight: 700, color: theme.palette.error.main }, children: "Under Review" }),
+        /* @__PURE__ */ jsxs11(Typography9, { variant: "body1", sx: { mb: 2, color: theme.palette.text.secondary }, children: [
           "Your request to use our services is currently being reviewed.",
-          /* @__PURE__ */ jsx16("br", {}),
+          /* @__PURE__ */ jsx15("br", {}),
           "For more info, please contact ",
           " ",
-          /* @__PURE__ */ jsx16("a", { href: "mailto:team@burtson.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@burtson.ai" })
+          /* @__PURE__ */ jsx15("a", { href: "mailto:team@banditai.ai", style: { color: theme.palette.primary.main, fontWeight: 600 }, children: "team@banditai.ai" })
         ] })
       ]
     }
@@ -8191,16 +7718,16 @@ var UnderReview = () => {
 var under_review_default = UnderReview;
 
 // src/components/ConnectionStatus.tsx
-import { Box as Box14, Chip as Chip4, useTheme as useTheme15 } from "@mui/material";
+import { Box as Box13, Chip as Chip4, useTheme as useTheme14 } from "@mui/material";
 import WifiIcon from "@mui/icons-material/Wifi";
 import WifiOffIcon from "@mui/icons-material/WifiOff";
 import SignalWifi2BarIcon from "@mui/icons-material/SignalWifi2Bar";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var ConnectionStatus = ({
   showWhenGood = false,
   position = "top"
 }) => {
-  const theme = useTheme15();
+  const theme = useTheme14();
   const { isOnline, connectionQuality, isSlowConnection } = useNetworkStatus();
   if (connectionQuality === "fast" && !showWhenGood) {
     return null;
@@ -8209,28 +7736,28 @@ var ConnectionStatus = ({
     switch (connectionQuality) {
       case "offline":
         return {
-          icon: /* @__PURE__ */ jsx17(WifiOffIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx16(WifiOffIcon, { sx: { fontSize: 16 } }),
           label: "Offline",
           color: "error",
           severity: "high"
         };
       case "slow":
         return {
-          icon: /* @__PURE__ */ jsx17(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx16(SignalWifi2BarIcon, { sx: { fontSize: 16 } }),
           label: "Slow connection",
           color: "warning",
           severity: "medium"
         };
       case "fast":
         return {
-          icon: /* @__PURE__ */ jsx17(WifiIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx16(WifiIcon, { sx: { fontSize: 16 } }),
           label: "Connected",
           color: "success",
           severity: "low"
         };
       default:
         return {
-          icon: /* @__PURE__ */ jsx17(WifiIcon, { sx: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx16(WifiIcon, { sx: { fontSize: 16 } }),
           label: "Unknown",
           color: "default",
           severity: "low"
@@ -8238,8 +7765,8 @@ var ConnectionStatus = ({
     }
   };
   const config = getStatusConfig();
-  return /* @__PURE__ */ jsx17(
-    Box14,
+  return /* @__PURE__ */ jsx16(
+    Box13,
     {
       sx: {
         position: "fixed",
@@ -8254,7 +7781,7 @@ var ConnectionStatus = ({
           "100%": { opacity: 1 }
         }
       },
-      children: /* @__PURE__ */ jsx17(
+      children: /* @__PURE__ */ jsx16(
         Chip4,
         {
           icon: config.icon,
@@ -8278,7 +7805,7 @@ var ConnectionStatus = ({
 };
 
 // src/hooks/useVoiceMode.ts
-import { useEffect as useEffect14, useRef as useRef13 } from "react";
+import { useEffect as useEffect13, useRef as useRef12 } from "react";
 var RMS_BASELINE = 128;
 var RMS_NORMALIZER = 128;
 var computeRms = (data) => {
@@ -8295,11 +7822,11 @@ var useVoiceMode = (config) => {
   const setError = useVoiceModeStore((state) => state.setError);
   const resetTransientState = useVoiceModeStore((state) => state.resetTransientState);
   const setLastTranscript = useVoiceModeStore((state) => state.setLastTranscript);
-  const configRef = useRef13(config);
-  useEffect14(() => {
+  const configRef = useRef12(config);
+  useEffect13(() => {
     configRef.current = config;
   }, [config]);
-  useEffect14(() => {
+  useEffect13(() => {
     if (!enabled) {
       return () => void 0;
     }
@@ -8526,7 +8053,7 @@ var useVoiceMode = (config) => {
 };
 
 // src/chat/chat.tsx
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var ChatContent = () => {
   const packageSettings = usePackageSettingsStore((state) => state.settings);
   const featureFlag = useFeatureFlag();
@@ -8534,11 +8061,37 @@ var ChatContent = () => {
   const ossMode = isOSSMode() || !packageSettings?.featureFlags?.subscriptionType;
   const playgroundBypassAccess = packageSettings?.playgroundBypassAuth || typeof window !== "undefined" && window.location.pathname.includes("/playground");
   const notificationService = useNotificationService();
-  const [selectedTheme, setSelectedTheme] = useState15(null);
-  const [themeLoading, setThemeLoading] = useState15(true);
+  const [selectedTheme, setSelectedTheme] = useState14(null);
+  const [themeLoading, setThemeLoading] = useState14(true);
   const token = authenticationService.getToken();
   const claims = token ? authenticationService.parseJwtClaims(token) : null;
-  const banditTheme = themeMap_default[selectedTheme ?? "bandit-dark"] || banditDarkTheme;
+  const baseTheme = themeMap_default[selectedTheme ?? "bandit-dark"] || banditDarkTheme;
+  const banditTheme = useMemo3(() => {
+    return createTheme(baseTheme, {
+      components: {
+        MuiInputBase: {
+          styleOverrides: {
+            input: {
+              outline: "none",
+              boxShadow: "none",
+              "&:focus, &:focus-visible": {
+                outline: "none",
+                boxShadow: "none"
+              }
+            },
+            inputMultiline: {
+              outline: "none",
+              boxShadow: "none",
+              "&:focus, &:focus-visible": {
+                outline: "none",
+                boxShadow: "none"
+              }
+            }
+          }
+        }
+      }
+    });
+  }, [baseTheme]);
   const {
     inputValue,
     setInputValue,
@@ -8560,9 +8113,9 @@ var ChatContent = () => {
     initialized
   } = useVoiceStore();
   const isVoiceModeEnabled = useVoiceModeStore((state) => state.enabled);
-  const previousVoiceModeEnabledRef = useRef14(isVoiceModeEnabled);
-  const historyRef = useRef14(history);
-  useEffect15(() => {
+  const previousVoiceModeEnabledRef = useRef13(isVoiceModeEnabled);
+  const historyRef = useRef13(history);
+  useEffect14(() => {
     historyRef.current = history;
   }, [history]);
   const {
@@ -8570,7 +8123,7 @@ var ChatContent = () => {
     stop: ttsStop,
     isAvailable: isTTSAvailable
   } = useTTS();
-  useEffect15(() => {
+  useEffect14(() => {
     const timer = setTimeout(() => {
       const isAuthenticated = authenticationService.isAuthenticated();
       if (!initialized || availableVoices.length === 0) {
@@ -8584,7 +8137,7 @@ var ChatContent = () => {
     }, 500);
     return () => clearTimeout(timer);
   }, [initialized, availableVoices.length, loadVoicesFromAPI, token]);
-  useEffect15(() => {
+  useEffect14(() => {
     const isAuthenticated = authenticationService.isAuthenticated();
     if (packageSettings?.gatewayApiUrl && availableVoices.length === 0 && !initialized) {
       if (token && isAuthenticated) {
@@ -8596,15 +8149,15 @@ var ChatContent = () => {
     }
   }, [packageSettings?.gatewayApiUrl, availableVoices.length, initialized, loadVoicesFromAPI, token]);
   const provider = useAIProviderStore((state) => state.provider);
-  const inputRef = useRef14(null);
-  const [pastedImages, setPastedImages] = useState15([]);
-  const inputContainerRef = useRef14(null);
-  const [inputHeight, setInputHeight] = useState15(80);
-  const [isSubmitting, setIsSubmitting] = useState15(false);
-  const [pendingMessage, setPendingMessage] = useState15(null);
+  const inputRef = useRef13(null);
+  const [pastedImages, setPastedImages] = useState14([]);
+  const inputContainerRef = useRef13(null);
+  const [inputHeight, setInputHeight] = useState14(80);
+  const [isSubmitting, setIsSubmitting] = useState14(false);
+  const [pendingMessage, setPendingMessage] = useState14(null);
   const { conversations, currentId, _hasHydrated, hydrate } = useConversationStore();
-  const [isMobile, setIsMobile] = useState15(false);
-  const [drawerOpen, setDrawerOpen] = useState15(false);
+  const [isMobile, setIsMobile] = useState14(false);
+  const [drawerOpen, setDrawerOpen] = useState14(false);
   const { generateName } = useConversationNameGenerator();
   const { preferences } = usePreferencesStore();
   const { containerRef: chatContainerRef, targetRef: scrollTargetRef, scrollToBottom, getScrollState } = useAutoScroll({
@@ -8616,26 +8169,26 @@ var ChatContent = () => {
   const chatContainerEl = chatContainerRef.current;
   const scrollTargetEl = scrollTargetRef.current;
   const { isSlowConnection, connectionQuality, trackRequestStart, trackRequestEnd } = useNetworkStatus();
-  const [showScrollToBottom, setShowScrollToBottom] = useState15(false);
-  const [streamBuffer, setStreamBuffer] = useState15("");
-  const [responseStarted, setResponseStarted] = useState15(false);
-  const [isStreaming, setIsStreaming] = useState15(false);
+  const [showScrollToBottom, setShowScrollToBottom] = useState14(false);
+  const [streamBuffer, setStreamBuffer] = useState14("");
+  const [responseStarted, setResponseStarted] = useState14(false);
+  const [isStreaming, setIsStreaming] = useState14(false);
   const initialLogoState = history.length === 0;
-  const [logoVisible, setLogoVisible] = useState15(initialLogoState);
-  const [logoShouldRender, setLogoShouldRender] = useState15(initialLogoState);
-  const streamingGraceUntilRef = useRef14(0);
+  const [logoVisible, setLogoVisible] = useState14(initialLogoState);
+  const [logoShouldRender, setLogoShouldRender] = useState14(initialLogoState);
+  const streamingGraceUntilRef = useRef13(0);
   const GRACE_MS = 450;
   const GRACE_OFFSET_DESKTOP = 28;
   const GRACE_OFFSET_MOBILE = 20;
-  const followStreamRef = useRef14(true);
-  const lastSpokenResponseRef = useRef14(null);
-  const previousConversationIdRef = useRef14(null);
-  const logoFadeTimeoutRef = useRef14(null);
-  const [branding, setBranding] = useState15(null);
-  const [brandingLoading, setBrandingLoading] = useState15(true);
-  const isBrandingLoadInProgressRef = useRef14(false);
+  const followStreamRef = useRef13(true);
+  const lastSpokenResponseRef = useRef13(null);
+  const previousConversationIdRef = useRef13(null);
+  const logoFadeTimeoutRef = useRef13(null);
+  const [branding, setBranding] = useState14(null);
+  const [brandingLoading, setBrandingLoading] = useState14(true);
+  const isBrandingLoadInProgressRef = useRef13(false);
   const logoOnly = history.length === 0 && !brandingLoading;
-  useEffect15(() => {
+  useEffect14(() => {
     const isEmptyConversation = (history?.length ?? 0) === 0;
     const isSending = Boolean(pendingMessage);
     const shouldShowLogo = isEmptyConversation && !isSending;
@@ -8665,18 +8218,34 @@ var ChatContent = () => {
       }, 500);
     }
   }, [history, pendingMessage]);
-  useEffect15(() => () => {
+  useEffect14(() => {
+    if (!brandingLoading && !themeLoading) {
+      return;
+    }
+    const timeoutId = window.setTimeout(() => {
+      if (brandingLoading || themeLoading) {
+        debugLogger.warn("Chat: branding/theme load timed out, falling back to defaults");
+        setBrandingLoading(false);
+        setThemeLoading(false);
+        if (!selectedTheme) {
+          setSelectedTheme("bandit-dark");
+        }
+      }
+    }, 2500);
+    return () => window.clearTimeout(timeoutId);
+  }, [brandingLoading, themeLoading, selectedTheme]);
+  useEffect14(() => () => {
     if (logoFadeTimeoutRef.current) {
       window.clearTimeout(logoFadeTimeoutRef.current);
       logoFadeTimeoutRef.current = null;
     }
   }, []);
-  useEffect15(() => {
+  useEffect14(() => {
     if (isStreaming && streamBuffer.trim() === "") {
       streamingGraceUntilRef.current = Date.now() + GRACE_MS;
     }
   }, [isStreaming, streamBuffer]);
-  useEffect15(() => {
+  useEffect14(() => {
     if (!isStreaming) return;
     const container = chatContainerRef.current;
     if (!container) return;
@@ -8687,13 +8256,13 @@ var ChatContent = () => {
       container.scrollTo({ top: targetTop, behavior: "smooth" });
     }
   }, [streamBuffer, isStreaming, isMobile, chatContainerRef]);
-  useEffect15(() => {
+  useEffect14(() => {
     if (!_hasHydrated) {
       debugLogger.info("Chat component triggering conversation store hydration");
       hydrate();
     }
   }, [_hasHydrated, hydrate]);
-  useEffect15(() => {
+  useEffect14(() => {
     const loadBrandingAndTheme = async () => {
       if (isBrandingLoadInProgressRef.current) {
         debugLogger.warn("Branding loading already in progress, skipping");
@@ -8880,19 +8449,19 @@ var ChatContent = () => {
       window.removeEventListener("bandit-theme-changed", handleThemeChange);
     };
   }, []);
-  useEffect15(() => {
+  useEffect14(() => {
     if (!chatContainerEl) return;
     const blurInputOnScroll = () => inputRef.current?.blur();
     chatContainerEl.addEventListener("scroll", blurInputOnScroll);
     return () => chatContainerEl.removeEventListener("scroll", blurInputOnScroll);
   }, [chatContainerEl]);
-  useEffect15(() => {
+  useEffect14(() => {
     const handleResize = () => setIsMobile(window.innerWidth <= 768);
     handleResize();
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   }, []);
-  useEffect15(() => {
+  useEffect14(() => {
     const setViewportHeight = () => {
       document.documentElement.style.setProperty(
         "--vh",
@@ -8903,7 +8472,7 @@ var ChatContent = () => {
     window.addEventListener("resize", setViewportHeight);
     return () => window.removeEventListener("resize", setViewportHeight);
   }, []);
-  useEffect15(() => {
+  useEffect14(() => {
     if (!chatContainerEl) return;
     let rafId = null;
     const update = () => {
@@ -8922,7 +8491,7 @@ var ChatContent = () => {
       chatContainerEl.removeEventListener(SCROLL_STATE_CHANGED_EVENT, update);
     };
   }, [chatContainerEl, getScrollState]);
-  useEffect15(() => {
+  useEffect14(() => {
     if (!chatContainerEl) return;
     let observer = null;
     let rafId = null;
@@ -8957,7 +8526,7 @@ var ChatContent = () => {
       if (observer) observer.disconnect();
     };
   }, [chatContainerEl, scrollTargetEl, scrollTargetRef, getScrollState, inputHeight, history.length]);
-  useEffect15(() => {
+  useEffect14(() => {
     const isTransitioning = isStreaming || streamBuffer.trim() === "";
     const delay = isTransitioning ? 400 : 100;
     const timer = setTimeout(() => {
@@ -9000,7 +8569,7 @@ var ChatContent = () => {
       return () => clearTimeout(scrollTimer);
     }
   }, [history, isStreaming, scrollToBottom, getScrollState, isMobile, chatContainerRef]);
-  useEffect15(() => {
+  useEffect14(() => {
     const observer = new ResizeObserver(() => {
       if (inputContainerRef.current)
         setInputHeight(inputContainerRef.current.offsetHeight);
@@ -9011,7 +8580,7 @@ var ChatContent = () => {
     }
     return () => observer.disconnect();
   }, []);
-  useEffect15(() => {
+  useEffect14(() => {
     if (!hydrated || !_hasHydrated) return;
     if (currentId === null) {
       useAIQueryStore.setState({ history: [] });
@@ -9060,7 +8629,7 @@ var ChatContent = () => {
     setResponse,
     setComponentStatus
   ]);
-  useEffect15(() => {
+  useEffect14(() => {
     debugLogger.info("Chat component conversation state", {
       hasHydrated: _hasHydrated,
       conversationCount: conversations.length,
@@ -9069,7 +8638,7 @@ var ChatContent = () => {
       storeState: "main-chat"
     });
   }, [_hasHydrated, conversations, currentId]);
-  useEffect15(() => {
+  useEffect14(() => {
     if (!_hasHydrated || !chatContainerEl) return;
     let rafId = null;
     const sync = () => {
@@ -9258,7 +8827,7 @@ var ChatContent = () => {
     onInterrupt: handleVoiceInterrupt,
     onError: (message) => notificationService?.showError?.(message)
   });
-  useEffect15(() => {
+  useEffect14(() => {
     const previouslyEnabled = previousVoiceModeEnabledRef.current;
     previousVoiceModeEnabledRef.current = isVoiceModeEnabled;
     if (!previouslyEnabled && isVoiceModeEnabled) {
@@ -9283,7 +8852,7 @@ var ChatContent = () => {
       }
     }
   }, [isVoiceModeEnabled, ttsStop]);
-  useEffect15(() => {
+  useEffect14(() => {
     if (!isVoiceModeEnabled || !isStreaming) {
       return;
     }
@@ -9303,7 +8872,7 @@ var ChatContent = () => {
     }
     lastSpokenResponseRef.current = null;
   }, [isStreaming, isVoiceModeEnabled, ttsStop]);
-  useEffect15(() => {
+  useEffect14(() => {
     if (!isVoiceModeEnabled) {
       lastSpokenResponseRef.current = null;
       return;
@@ -9382,18 +8951,41 @@ var ChatContent = () => {
       requestAnimationFrame(pump);
     }
   };
-  if (!hydrated || brandingLoading || themeLoading) return null;
+  if (!hydrated || brandingLoading || themeLoading) {
+    return /* @__PURE__ */ jsxs12(ThemeProvider, { theme: banditTheme, children: [
+      /* @__PURE__ */ jsx17(CssBaseline, {}),
+      /* @__PURE__ */ jsxs12(
+        Box14,
+        {
+          sx: (theme) => ({
+            minHeight: "100dvh",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            flexDirection: "column",
+            gap: 1.5,
+            bgcolor: theme.palette.chat.shell,
+            color: theme.palette.text.primary
+          }),
+          children: [
+            /* @__PURE__ */ jsx17(CircularProgress4, { size: 32, thickness: 4 }),
+            /* @__PURE__ */ jsx17(Typography10, { variant: "body2", color: "text.secondary", children: "Preparing your workspace..." })
+          ]
+        }
+      )
+    ] });
+  }
   const userHasAccess = playgroundBypassAccess || ossMode || claims?.roles?.includes("super-user") || claims?.roles?.includes("admin");
   if (!userHasAccess) {
-    return /* @__PURE__ */ jsxs13(ThemeProvider, { theme: banditTheme, children: [
-      /* @__PURE__ */ jsx18(CssBaseline, {}),
-      /* @__PURE__ */ jsx18(under_review_default, {})
+    return /* @__PURE__ */ jsxs12(ThemeProvider, { theme: banditTheme, children: [
+      /* @__PURE__ */ jsx17(CssBaseline, {}),
+      /* @__PURE__ */ jsx17(under_review_default, {})
     ] });
   }
-  return /* @__PURE__ */ jsxs13(ThemeProvider, { theme: banditTheme, children: [
-    /* @__PURE__ */ jsx18(CssBaseline, {}),
-    /* @__PURE__ */ jsxs13(
-      Box15,
+  return /* @__PURE__ */ jsxs12(ThemeProvider, { theme: banditTheme, children: [
+    /* @__PURE__ */ jsx17(CssBaseline, {}),
+    /* @__PURE__ */ jsxs12(
+      Box14,
       {
         sx: (theme) => ({
           display: "flex",
@@ -9411,7 +9003,7 @@ var ChatContent = () => {
           transition: "left 0.3s ease-in-out, width 0.3s ease-in-out"
         }),
         children: [
-          /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx17(
             chat_app_bar_default,
             {
               availableModels,
@@ -9423,8 +9015,8 @@ var ChatContent = () => {
               setDrawerOpen
             }
           ),
-          /* @__PURE__ */ jsx18(
-            Box15,
+          /* @__PURE__ */ jsx17(
+            Box14,
             {
               ref: chatContainerRef,
               sx: {
@@ -9444,8 +9036,8 @@ var ChatContent = () => {
                 msOverflowStyle: "none",
                 "&::-webkit-scrollbar": { display: "none" }
               },
-              children: /* @__PURE__ */ jsxs13(
-                Box15,
+              children: /* @__PURE__ */ jsxs12(
+                Box14,
                 {
                   sx: {
                     width: "100%",
@@ -9455,9 +9047,9 @@ var ChatContent = () => {
                     pt: 2
                   },
                   children: [
-                    logoShouldRender && !brandingLoading && (branding?.logoBase64 ? /* @__PURE__ */ jsx18(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ jsx18(bandit_chat_logo_default, { visible: logoVisible, atTop: true })),
-                    /* @__PURE__ */ jsx18(
-                      Box15,
+                    logoShouldRender && !brandingLoading && (branding?.logoBase64 ? /* @__PURE__ */ jsx17(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ jsx17(bandit_chat_logo_default, { visible: logoVisible, atTop: true })),
+                    /* @__PURE__ */ jsx17(
+                      Box14,
                       {
                         sx: {
                           margin: "0 auto",
@@ -9466,7 +9058,7 @@ var ChatContent = () => {
                           flexShrink: 0,
                           px: isMobile ? 0 : 0
                         },
-                        children: /* @__PURE__ */ jsx18(
+                        children: /* @__PURE__ */ jsx17(
                           chat_messages_default,
                           {
                             isStreaming,
@@ -9489,7 +9081,7 @@ var ChatContent = () => {
               )
             }
           ),
-          showScrollToBottom && /* @__PURE__ */ jsx18(
+          showScrollToBottom && /* @__PURE__ */ jsx17(
             chat_scroll_to_bottom_button_default,
             {
               inputHeight,
@@ -9498,8 +9090,8 @@ var ChatContent = () => {
               onClick: handleScrollToBottomClick
             }
           ),
-          history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ jsx18(
-            Box15,
+          history.length === 0 && componentStatus !== "Loading" && !isMobile && /* @__PURE__ */ jsx17(
+            Box14,
             {
               sx: (theme) => ({
                 position: "absolute",
@@ -9517,8 +9109,8 @@ var ChatContent = () => {
               })
             }
           ),
-          /* @__PURE__ */ jsxs13(
-            Box15,
+          /* @__PURE__ */ jsxs12(
+            Box14,
             {
               sx: {
                 display: "flex",
@@ -9529,9 +9121,9 @@ var ChatContent = () => {
                 maxWidth: "768px"
               },
               children: [
-                /* @__PURE__ */ jsx18(Box15, { sx: { flex: "1 1 auto" } }),
-                history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ jsx18(Box15, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ jsx18(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
-                /* @__PURE__ */ jsx18(
+                /* @__PURE__ */ jsx17(Box14, { sx: { flex: "1 1 auto" } }),
+                history.length === 0 && componentStatus !== "Loading" && !pendingMessage && preferences.chatSuggestionsEnabled && /* @__PURE__ */ jsx17(Box14, { sx: { marginBottom: "20px" }, children: /* @__PURE__ */ jsx17(QuerySuggestionPicker, { onSend: handleSend, inputHeight }) }),
+                /* @__PURE__ */ jsx17(
                   chat_input_default,
                   {
                     inputValue,
@@ -9558,7 +9150,7 @@ var ChatContent = () => {
               ]
             }
           ),
-          preferences.feedbackEnabled && !isMobile && /* @__PURE__ */ jsx18(
+          preferences.feedbackEnabled && !isMobile && /* @__PURE__ */ jsx17(
             FeedbackButton,
             {
               fullScreen: false,
@@ -9571,7 +9163,7 @@ var ChatContent = () => {
               }
             }
           ),
-          /* @__PURE__ */ jsx18(ConnectionStatus, { position: "top", showWhenGood: false })
+          /* @__PURE__ */ jsx17(ConnectionStatus, { position: "top", showWhenGood: false })
         ]
       }
     )
@@ -9600,13 +9192,13 @@ var Chat = () => {
   });
   if (!allowUnauthenticated && !bypassAuth && !authenticationService.isAuthenticated()) {
     debugLogger.debug("User is not authenticated, redirecting to login");
-    return /* @__PURE__ */ jsx18(Navigate, { to: "/login", replace: true });
+    return /* @__PURE__ */ jsx17(Navigate, { to: "/login", replace: true });
   }
-  return /* @__PURE__ */ jsx18(ChatContent, {});
+  return /* @__PURE__ */ jsx17(ChatContent, {});
 };
 var chat_default = Chat;
 
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-7HXARU5R.mjs.map
+//# sourceMappingURL=chunk-STMXPFAQ.mjs.map