@burtson-labs/bandit-engine 2.0.52 → 2.0.54

package/dist/{chunk-TSQCNHOX.mjs → chunk-TLY6A6XL.mjs}

@@ -3,13 +3,36 @@ import {
 } from "./chunk-ONQMRE2G.mjs";
 import {
   StreamingMarkdown_default
-} from "./chunk-YZ2HJFPQ.mjs";
+} from "./chunk-KM7FUWCM.mjs";
 import {
   useMCPToolsStore
 } from "./chunk-EHNWQ4T3.mjs";
 import {
+  AddIcon,
+  ArrowDownwardIcon,
+  ArrowUpwardIcon,
+  CheckIcon,
+  CloseIcon,
+  CloudDoneIcon,
+  CloudOffIcon,
+  ErrorOutlineIcon,
+  ExpandMoreIcon,
   FeedbackButton,
+  FeedbackIcon,
   FeedbackModal,
+  GraphicEqIcon,
+  HearingDisabledIcon,
+  HomeIcon,
+  MicIcon,
+  NotesIcon,
+  NotesIconOutlined,
+  PsychologyIcon,
+  RecordVoiceOverIcon,
+  SettingsIcon,
+  SignalWifi2BarIcon,
+  SyncIcon,
+  WifiIcon,
+  WifiOffIcon,
   ai_response_text_field_default,
   banditDarkTheme,
   memory_modal_default,
@@ -19,7 +42,7 @@ import {
   useNotificationService,
   useTTS,
   useVoiceStore
-} from "./chunk-M3BEAMCC.mjs";
+} from "./chunk-KNBWR4DS.mjs";
 import {
   authenticationService,
   brandingService_default,
@@ -44,7 +67,7 @@ import {
   useMemoryStore,
   useProjectStore,
   useVectorStore
-} from "./chunk-QX6CO7TJ.mjs";
+} from "./chunk-557E5VZ2.mjs";
 import {
   indexedDBService_default,
   useModelStore,
@@ -53,7 +76,7 @@ import {
 } from "./chunk-7ZDS33S2.mjs";
 import {
   useAIProviderStore
-} from "./chunk-BENL3EF2.mjs";
+} from "./chunk-H3BYFEIE.mjs";
 import {
   debugLogger
 } from "./chunk-KCI46M23.mjs";
@@ -152,7 +175,6 @@ import { Navigate } from "react-router-dom";
 
 // src/chat/chat-scroll-to-bottom-button.tsx
 import { IconButton } from "@mui/material";
-import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var ChatScrollToBottomButton = ({
   inputHeight,
@@ -233,6 +255,7 @@ var ChatMessages = ({
   scrollTargetRef,
   responseStarted,
   isStreaming,
+  isThinking = false,
   isNetworkSlow = false,
   showInstantFeedback = true,
   selectedModel,
@@ -249,6 +272,7 @@ var ChatMessages = ({
       const isLast = index === lastIndex;
       const isPlaceholder = entry.answer === "...";
       const showLoader = isLast && isStreaming && streamBuffer.trim() === "";
+      const showThinking = showLoader && isThinking;
       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;
@@ -276,11 +300,27 @@ var ChatMessages = ({
                   pointerEvents: showLoader ? "auto" : "none",
                   zIndex: showLoader ? 1 : 0
                 },
-                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" })
-                ] }) })
+                children: /* @__PURE__ */ jsxs(Box2, { sx: { display: "flex", alignItems: "center", gap: 1, 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" })
+                  ] }),
+                  showThinking && /* @__PURE__ */ jsx4(
+                    Box2,
+                    {
+                      component: "span",
+                      sx: {
+                        fontSize: "0.75rem",
+                        color: "text.secondary",
+                        opacity: 0.6,
+                        fontStyle: "italic",
+                        userSelect: "none"
+                      },
+                      children: "Thinking\u2026"
+                    }
+                  )
+                ] })
               }
             ),
             /* @__PURE__ */ jsx4(
@@ -333,19 +373,9 @@ var chat_messages_default = ChatMessages;
 // src/chat/chat-input.tsx
 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";
-import FeedbackIcon from "@mui/icons-material/Feedback";
-import HearingDisabledIcon from "@mui/icons-material/HearingDisabled";
-import GraphicEqIcon from "@mui/icons-material/GraphicEq";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 
 // src/services/stt/transcriber.tsx
 import { useState as useState2, useRef } from "react";
-import MicIcon from "@mui/icons-material/Mic";
-import CheckIcon from "@mui/icons-material/Check";
-import CloseIcon from "@mui/icons-material/Close";
 
 // src/services/stt/sound-recorder.service.ts
 import { first, from, fromEvent, map, shareReplay, switchMap } from "rxjs";
@@ -1051,7 +1081,7 @@ ${sanitize(
                                 size: "small",
                                 onClick: () => setFileInputs((prev) => prev.filter((_, i) => i !== idx)),
                                 sx: { ml: 0.5, color: theme.palette.mode === "dark" ? "#aaa" : "#444" },
-                                children: /* @__PURE__ */ jsx6(CloseIcon2, { sx: { fontSize: 14 } })
+                                children: /* @__PURE__ */ jsx6(CloseIcon, { sx: { fontSize: 14 } })
                               }
                             )
                           ]
@@ -1089,7 +1119,7 @@ ${sanitize(
                               }
                             },
                             children: /* @__PURE__ */ jsx6(
-                              CloseIcon2,
+                              CloseIcon,
                               {
                                 sx: {
                                   fontSize: 14,
@@ -1288,7 +1318,7 @@ ${sanitize(
                             "&:hover": { bgcolor: sendButtonHover },
                             "&.Mui-disabled": { opacity: 0.5 }
                           },
-                          children: isStreaming ? /* @__PURE__ */ jsx6(CloseIcon2, { fontSize: "small" }) : /* @__PURE__ */ jsx6(ArrowUpwardIcon, { fontSize: "small" })
+                          children: isStreaming ? /* @__PURE__ */ jsx6(CloseIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx6(ArrowUpwardIcon, { fontSize: "small" })
                         }
                       ) }) }) })
                     ]
@@ -2317,6 +2347,7 @@ var useAIProvider = ({
   setIsSubmitting,
   setResponseStarted,
   setIsStreaming,
+  setIsThinking,
   setResponse,
   setPastedImages,
   setPendingMessage,
@@ -2774,6 +2805,12 @@ ${protocol}`;
       let fullMessage = "";
       let latestDisplayMessage = "";
       let sawToolBlock = false;
+      const stripThinking = (text) => {
+        let result = text.replace(/<think>[\s\S]*?<\/think>/g, "");
+        const openIdx = result.indexOf("<think>");
+        if (openIdx !== -1) result = result.slice(0, openIdx);
+        return result.trimStart();
+      };
       const flushNow = () => {
         clearFlushTimer();
         if (!sawToolBlock) {
@@ -2801,13 +2838,16 @@ ${protocol}`;
       }
       const sub = stream.subscribe({
         next: (data) => {
-          if (!data?.message?.content) return;
-          fullMessage += data.message.content;
-          if (/```(?:tool_code|TOOL_CODE)/.test(fullMessage)) {
+          if (!data?.message?.content && !data?.message?.tool_calls) return;
+          if (data.message.content) fullMessage += data.message.content;
+          const inThinkBlock = /<think>/.test(fullMessage) && !/<think>[\s\S]*<\/think>/.test(fullMessage);
+          setIsThinking?.(inThinkBlock);
+          const visibleMessage = stripThinking(fullMessage);
+          if (/```(?:tool_code|TOOL_CODE)/.test(visibleMessage)) {
             sawToolBlock = true;
             clearFlushTimer();
           }
-          latestDisplayMessage = fullMessage;
+          latestDisplayMessage = visibleMessage;
           if (!sawToolBlock) {
             scheduleFlush();
           }
@@ -2828,6 +2868,7 @@ ${protocol}`;
             setResponse(partial);
           }
           setStreamBuffer("");
+          setIsThinking?.(false);
           setPendingMessage(null);
           setLogoVisible(false);
           if (onError) {
@@ -2836,7 +2877,8 @@ ${protocol}`;
         },
         complete: async () => {
           try {
-            latestDisplayMessage = fullMessage;
+            setIsThinking?.(false);
+            latestDisplayMessage = stripThinking(fullMessage);
             if (!sawToolBlock) {
               flushNow();
             }
@@ -3378,16 +3420,6 @@ import {
   Typography as Typography8,
   Button as Button6
 } from "@mui/material";
-import HomeIcon from "@mui/icons-material/Home";
-import RecordVoiceOverIcon from "@mui/icons-material/RecordVoiceOver";
-import AddIcon5 from "@mui/icons-material/Add";
-import SettingsIcon from "@mui/icons-material/Settings";
-import NotesIcon from "@mui/icons-material/Notes";
-import NotesIconOutlined from "@mui/icons-material/NotesOutlined";
-import CloudDoneIcon from "@mui/icons-material/CloudDone";
-import CloudOffIcon from "@mui/icons-material/CloudOff";
-import SyncIcon from "@mui/icons-material/Sync";
-import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
 import { useNavigate } from "react-router-dom";
 
 // src/chat/conversation-drawer.tsx
@@ -3415,16 +3447,7 @@ import {
   Avatar as Avatar6,
   alpha as alpha5
 } from "@mui/material";
-import {
-  Close as CloseIcon5,
-  Clear as ClearIcon,
-  Search as SearchIcon,
-  Folder as FolderIcon4,
-  MoreVert as MoreVertIcon3,
-  DeleteSweep as DeleteSweepIcon,
-  Inbox as InboxIcon3
-} from "@mui/icons-material";
-import { Add as AddIcon3 } from "@mui/icons-material";
+import { X as CloseIcon4, X as ClearIcon, Search as SearchIcon, Folder as FolderIcon4, MoreVertical as MoreVertIcon3, Trash2 as DeleteSweepIcon, Inbox as InboxIcon3, Plus as AddIcon4 } from "lucide-react";
 import { useTheme as useTheme9 } from "@mui/material/styles";
 
 // src/chat/project-management-modal.tsx
@@ -3447,15 +3470,7 @@ import {
   SwipeableDrawer,
   useMediaQuery as useMediaQuery2
 } from "@mui/material";
-import {
-  Add as AddIcon,
-  Edit as EditIcon,
-  Delete as DeleteIcon,
-  MoreVert as MoreVertIcon,
-  Folder as FolderIcon,
-  Close as CloseIcon3,
-  ArrowBack as ArrowBackIcon
-} from "@mui/icons-material";
+import { Plus as AddIcon2, Pencil as EditIcon, Trash2 as DeleteIcon, MoreVertical as MoreVertIcon, Folder as FolderIcon, X as CloseIcon2, ArrowLeft as ArrowBackIcon } from "lucide-react";
 import { useTheme as useTheme5, alpha as alpha2 } from "@mui/material/styles";
 import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var DEFAULT_COLORS = [
@@ -3672,7 +3687,7 @@ var ProjectManagementModal = ({
                           flex: 1
                         },
                         children: [
-                          showCreateForm && /* @__PURE__ */ jsx7(IconButton4, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx7(ArrowBackIcon, { fontSize: "small" }) }),
+                          showCreateForm && /* @__PURE__ */ jsx7(IconButton4, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx7(ArrowBackIcon, { size: 16 }) }),
                           /* @__PURE__ */ jsx7(
                             Typography2,
                             {
@@ -3690,7 +3705,7 @@ var ProjectManagementModal = ({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx7(IconButton4, { onClick: handleClose, size: "small", children: /* @__PURE__ */ jsx7(CloseIcon3, {}) })
+                    /* @__PURE__ */ jsx7(IconButton4, { onClick: handleClose, size: "small", children: /* @__PURE__ */ jsx7(CloseIcon2, {}) })
                   ]
                 }
               ),
@@ -3764,7 +3779,7 @@ var ProjectManagementModal = ({
                 /* @__PURE__ */ jsx7(
                   Button,
                   {
-                    startIcon: /* @__PURE__ */ jsx7(AddIcon, {}),
+                    startIcon: /* @__PURE__ */ jsx7(AddIcon2, {}),
                     onClick: () => setShowCreateForm(true),
                     variant: "contained",
                     sx: {
@@ -3789,7 +3804,7 @@ var ProjectManagementModal = ({
                       backgroundColor: subtleSurface
                     },
                     children: [
-                      /* @__PURE__ */ jsx7(FolderIcon, { sx: { fontSize: 48, mb: 2, opacity: 0.5 } }),
+                      /* @__PURE__ */ jsx7(FolderIcon, { size: 48, style: { marginBottom: 8, opacity: 0.5 } }),
                       /* @__PURE__ */ jsx7(Typography2, { variant: "body1", sx: { fontWeight: 600 }, children: "No projects yet" }),
                       /* @__PURE__ */ jsx7(Typography2, { variant: "body2", children: "Create your first project to organize conversations." })
                     ]
@@ -3824,7 +3839,7 @@ var ProjectManagementModal = ({
                               height: 36,
                               fontSize: "1rem"
                             },
-                            children: /* @__PURE__ */ jsx7(FolderIcon, { fontSize: "small" })
+                            children: /* @__PURE__ */ jsx7(FolderIcon, { size: 16 })
                           }
                         ),
                         /* @__PURE__ */ jsxs4(Box4, { sx: { flex: 1, minWidth: 0 }, children: [
@@ -3875,7 +3890,7 @@ var ProjectManagementModal = ({
                               mt: 0.25,
                               zIndex: 1
                             },
-                            children: /* @__PURE__ */ jsx7(MoreVertIcon, { fontSize: "small" })
+                            children: /* @__PURE__ */ jsx7(MoreVertIcon, { size: 16 })
                           }
                         )
                       ]
@@ -3951,7 +3966,7 @@ var ProjectManagementModal = ({
                     startEdit(selectedProject);
                   },
                   children: /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ jsx7(EditIcon, { fontSize: "small" }),
+                    /* @__PURE__ */ jsx7(EditIcon, { size: 16 }),
                     /* @__PURE__ */ jsx7(Typography2, { variant: "body2", color: "inherit", children: "Edit" })
                   ] })
                 }
@@ -3965,7 +3980,7 @@ var ProjectManagementModal = ({
                   },
                   sx: { color: theme.palette.error.main },
                   children: /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                    /* @__PURE__ */ jsx7(DeleteIcon, { fontSize: "small" }),
+                    /* @__PURE__ */ jsx7(DeleteIcon, { size: 16 }),
                     /* @__PURE__ */ jsx7(Typography2, { variant: "body2", color: "inherit", children: "Delete" })
                   ] })
                 }
@@ -4033,10 +4048,7 @@ import {
   Box as Box5,
   Divider
 } from "@mui/material";
-import {
-  Folder as FolderIcon2,
-  Inbox as InboxIcon
-} from "@mui/icons-material";
+import { Folder as FolderIcon2, Inbox as InboxIcon } from "lucide-react";
 import { useTheme as useTheme6 } from "@mui/material/styles";
 import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var MoveConversationModal = ({
@@ -4213,13 +4225,7 @@ import {
   DialogActions as DialogActions2,
   Button as Button3
 } from "@mui/material";
-import {
-  MoreVert as MoreVertIcon2,
-  Edit as EditIcon2,
-  Delete as DeleteIcon2,
-  DragIndicator as DragIcon,
-  MoveToInbox as MoveIcon
-} from "@mui/icons-material";
+import { MoreVertical as MoreVertIcon2, Pencil as EditIcon2, Trash2 as DeleteIcon2, GripVertical as DragIcon, MailOpen as MoveIcon } from "lucide-react";
 import { useTheme as useTheme7, alpha as alpha3 } from "@mui/material/styles";
 import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var SimpleConversationItem = ({
@@ -4449,15 +4455,9 @@ var SimpleConversationItem = ({
           !isMobile && !isEditing && /* @__PURE__ */ jsx9(
             DragIcon,
             {
-              sx: {
-                color: theme.palette.text.disabled,
-                mr: 1,
-                cursor: "grab",
-                fontSize: "1rem",
-                "&:active": {
-                  cursor: "grabbing"
-                }
-              }
+              size: 16,
+              color: theme.palette.text.disabled,
+              style: { marginRight: 4, cursor: "grab" }
             }
           ),
           /* @__PURE__ */ jsxs6(Box6, { sx: { flex: 1, minWidth: 0 }, children: [
@@ -4547,7 +4547,7 @@ var SimpleConversationItem = ({
                   }
                 }
               },
-              children: /* @__PURE__ */ jsx9(MoreVertIcon2, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx9(MoreVertIcon2, { size: 16 })
             }
           ),
           /* @__PURE__ */ jsxs6(
@@ -4578,15 +4578,15 @@ var SimpleConversationItem = ({
               },
               children: [
                 onRename && /* @__PURE__ */ jsxs6(MenuItem2, { onClick: handleEdit, children: [
-                  /* @__PURE__ */ jsx9(ListItemIcon2, { children: /* @__PURE__ */ jsx9(EditIcon2, { fontSize: "small" }) }),
+                  /* @__PURE__ */ jsx9(ListItemIcon2, { children: /* @__PURE__ */ jsx9(EditIcon2, { size: 16 }) }),
                   /* @__PURE__ */ jsx9(ListItemText2, { children: "Rename" })
                 ] }),
                 onMove && /* @__PURE__ */ jsxs6(MenuItem2, { onClick: handleMove, children: [
-                  /* @__PURE__ */ jsx9(ListItemIcon2, { children: /* @__PURE__ */ jsx9(MoveIcon, { fontSize: "small" }) }),
+                  /* @__PURE__ */ jsx9(ListItemIcon2, { children: /* @__PURE__ */ jsx9(MoveIcon, { size: 16 }) }),
                   /* @__PURE__ */ jsx9(ListItemText2, { children: "Move to Project" })
                 ] }),
                 /* @__PURE__ */ jsxs6(MenuItem2, { onClick: handleDelete, children: [
-                  /* @__PURE__ */ jsx9(ListItemIcon2, { children: /* @__PURE__ */ jsx9(DeleteIcon2, { fontSize: "small" }) }),
+                  /* @__PURE__ */ jsx9(ListItemIcon2, { children: /* @__PURE__ */ jsx9(DeleteIcon2, { size: 16 }) }),
                   /* @__PURE__ */ jsx9(ListItemText2, { children: "Delete" })
                 ] })
               ]
@@ -4668,16 +4668,7 @@ import {
   TextField as TextField4,
   alpha as alpha4
 } from "@mui/material";
-import {
-  ExpandMore as ExpandMoreIcon2,
-  ExpandLess as ExpandLessIcon,
-  Add as AddIcon2,
-  Folder as FolderIcon3,
-  FolderOpen as FolderOpenIcon,
-  Inbox as InboxIcon2,
-  Close as CloseIcon4,
-  Check as CheckIcon2
-} from "@mui/icons-material";
+import { ChevronDown as ExpandMoreIcon2, ChevronUp as ExpandLessIcon, Plus as AddIcon3, Folder as FolderIcon3, FolderOpen as FolderOpenIcon, Inbox as InboxIcon2, X as CloseIcon3, Check as CheckIcon2 } from "lucide-react";
 import { useTheme as useTheme8 } from "@mui/material/styles";
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var ProjectHeader = ({
@@ -4784,13 +4775,11 @@ var ProjectHeader = ({
             children: isUngrouped ? /* @__PURE__ */ jsx10(
               InboxIcon2,
               {
-                fontSize: "small",
-                sx: {
-                  color: theme.palette.text.disabled,
-                  opacity: 0.7
-                }
+                size: 16,
+                color: theme.palette.text.disabled,
+                style: { opacity: 0.7 }
               }
-            ) : /* @__PURE__ */ jsx10(Icon, { fontSize: "small" })
+            ) : /* @__PURE__ */ jsx10(Icon, { size: 16 })
           }
         ),
         isRenaming && !isUngrouped ? /* @__PURE__ */ jsx10(
@@ -4900,7 +4889,7 @@ var ProjectHeader = ({
                 onRenameCancelDelete ? onRenameCancelDelete() : cancelRename();
               },
               sx: { color: alpha4(theme.palette.error.main, 0.9) },
-              children: /* @__PURE__ */ jsx10(CloseIcon4, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx10(CloseIcon3, { size: 16 })
             }
           ) }),
           /* @__PURE__ */ jsx10(Tooltip2, { title: "Save", children: /* @__PURE__ */ jsx10(
@@ -4913,7 +4902,7 @@ var ProjectHeader = ({
                 commitRename();
               },
               sx: { color: theme.palette.success.main },
-              children: /* @__PURE__ */ jsx10(CheckIcon2, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx10(CheckIcon2, { size: 16 })
             }
           ) })
         ] }),
@@ -4934,7 +4923,7 @@ var ProjectHeader = ({
               },
               transition: "all 0.2s ease"
             },
-            children: /* @__PURE__ */ jsx10(AddIcon2, { fontSize: "small" })
+            children: /* @__PURE__ */ jsx10(AddIcon3, { size: 16 })
           }
         ) }),
         !isUngrouped && !isRenaming && /* @__PURE__ */ jsx10(
@@ -4945,7 +4934,7 @@ var ProjectHeader = ({
               color: theme.palette.text.secondary,
               transition: "transform 0.2s ease"
             },
-            children: isCollapsed ? /* @__PURE__ */ jsx10(ExpandMoreIcon2, { fontSize: "small" }) : /* @__PURE__ */ jsx10(ExpandLessIcon, { fontSize: "small" })
+            children: isCollapsed ? /* @__PURE__ */ jsx10(ExpandMoreIcon2, { size: 16 }) : /* @__PURE__ */ jsx10(ExpandLessIcon, { size: 16 })
           }
         )
       ]
@@ -5292,7 +5281,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                         bgcolor: alpha5(theme.palette.error.main, 0.1)
                       }
                     },
-                    children: /* @__PURE__ */ jsx11(CloseIcon5, {})
+                    children: /* @__PURE__ */ jsx11(CloseIcon4, {})
                   }
                 ) })
               ]
@@ -5308,7 +5297,7 @@ var ConversationDrawer = ({ open, onClose }) => {
               onChange: (e) => setSearchQuery(e.target.value),
               variant: "outlined",
               InputProps: {
-                startAdornment: /* @__PURE__ */ jsx11(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx11(SearchIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }) }),
+                startAdornment: /* @__PURE__ */ jsx11(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx11(SearchIcon, { size: 16, color: theme.palette.text.secondary }) }),
                 endAdornment: searchQuery && /* @__PURE__ */ jsx11(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx11(Tooltip3, { title: tooltip("clearSearch"), children: /* @__PURE__ */ jsx11(
                   IconButton7,
                   {
@@ -5317,7 +5306,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                     edge: "end",
                     "aria-label": tooltip("clearSearch"),
                     sx: { color: theme.palette.text.secondary },
-                    children: /* @__PURE__ */ jsx11(ClearIcon, { fontSize: "small" })
+                    children: /* @__PURE__ */ jsx11(ClearIcon, { size: 16 })
                   }
                 ) }) })
               },
@@ -5383,7 +5372,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                         justifyContent: "center",
                         flexShrink: 0
                       },
-                      children: /* @__PURE__ */ jsx11(FolderIcon4, { fontSize: "small", sx: { color: theme.palette.success.main } })
+                      children: /* @__PURE__ */ jsx11(FolderIcon4, { size: 16, color: theme.palette.success.main })
                     }
                   ),
                   /* @__PURE__ */ jsx11(
@@ -5400,7 +5389,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                       size: "small",
                       "aria-label": tooltip("addProject"),
                       sx: { color: theme.palette.success.main },
-                      children: /* @__PURE__ */ jsx11(AddIcon3, { fontSize: "small" })
+                      children: /* @__PURE__ */ jsx11(AddIcon4, { size: 16 })
                     }
                   ) })
                 ]
@@ -5424,11 +5413,9 @@ var ConversationDrawer = ({ open, onClose }) => {
                       /* @__PURE__ */ jsx11(
                         InboxIcon3,
                         {
-                          sx: {
-                            color: theme.palette.text.disabled,
-                            fontSize: "0.9rem",
-                            opacity: 0.7
-                          }
+                          size: 14,
+                          color: theme.palette.text.disabled,
+                          style: { opacity: 0.7 }
                         }
                       ),
                       /* @__PURE__ */ jsx11(
@@ -5685,7 +5672,7 @@ var ConversationDrawer = ({ open, onClose }) => {
             },
             sx: { color: theme.palette.error.main },
             children: [
-              /* @__PURE__ */ jsx11(ListItemIcon3, { children: /* @__PURE__ */ jsx11(DeleteSweepIcon, { fontSize: "small", sx: { color: theme.palette.error.main } }) }),
+              /* @__PURE__ */ jsx11(ListItemIcon3, { children: /* @__PURE__ */ jsx11(DeleteSweepIcon, { size: 16, color: theme.palette.error.main }) }),
               /* @__PURE__ */ jsx11(ListItemText3, { children: "Clear All Conversations" })
             ]
           }
@@ -5747,16 +5734,7 @@ import {
   Avatar as Avatar7,
   Chip as Chip3
 } from "@mui/material";
-import {
-  Close as CloseIcon6,
-  Clear as ClearIcon2,
-  Search as SearchIcon2,
-  Folder as FolderIcon5,
-  MoreVert as MoreVertIcon4,
-  DeleteSweep as DeleteSweepIcon2,
-  Inbox as InboxIcon4
-} from "@mui/icons-material";
-import { Add as AddIcon4 } from "@mui/icons-material";
+import { X as CloseIcon5, X as ClearIcon2, Search as SearchIcon2, Folder as FolderIcon5, MoreVertical as MoreVertIcon4, Trash2 as DeleteSweepIcon2, Inbox as InboxIcon4, Plus as AddIcon5 } from "lucide-react";
 import { useTheme as useTheme10, alpha as alpha6 } from "@mui/material/styles";
 import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var BANDIT_AVATAR2 = "https://cdn.burtson.ai/images/bandit-head.png";
@@ -6133,7 +6111,7 @@ var EnhancedMobileConversationsModal = ({
                       {
                         onClick: onClose,
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx12(CloseIcon6, {})
+                        children: /* @__PURE__ */ jsx12(CloseIcon5, {})
                       }
                     )
                   ] })
@@ -6149,7 +6127,7 @@ var EnhancedMobileConversationsModal = ({
                   onChange: (e) => setSearchQuery(e.target.value),
                   variant: "outlined",
                   InputProps: {
-                    startAdornment: /* @__PURE__ */ jsx12(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx12(SearchIcon2, { fontSize: "small", sx: { color: theme.palette.text.secondary } }) }),
+                    startAdornment: /* @__PURE__ */ jsx12(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx12(SearchIcon2, { size: 16, color: theme.palette.text.secondary }) }),
                     endAdornment: searchQuery && /* @__PURE__ */ jsx12(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx12(
                       IconButton8,
                       {
@@ -6157,7 +6135,7 @@ var EnhancedMobileConversationsModal = ({
                         size: "small",
                         edge: "end",
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ jsx12(ClearIcon2, { fontSize: "small" })
+                        children: /* @__PURE__ */ jsx12(ClearIcon2, { size: 16 })
                       }
                     ) })
                   }
@@ -6312,7 +6290,7 @@ var EnhancedMobileConversationsModal = ({
                                 justifyContent: "center",
                                 flexShrink: 0
                               },
-                              children: /* @__PURE__ */ jsx12(FolderIcon5, { fontSize: "small", sx: { color: theme.palette.success.main } })
+                              children: /* @__PURE__ */ jsx12(FolderIcon5, { size: 16, color: theme.palette.success.main })
                             }
                           ),
                           /* @__PURE__ */ jsx12(
@@ -6323,7 +6301,7 @@ var EnhancedMobileConversationsModal = ({
                               children: "New Project"
                             }
                           ),
-                          /* @__PURE__ */ jsx12(IconButton8, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ jsx12(AddIcon4, { fontSize: "small" }) })
+                          /* @__PURE__ */ jsx12(IconButton8, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ jsx12(AddIcon5, { size: 16 }) })
                         ]
                       }
                     ),
@@ -6345,11 +6323,9 @@ var EnhancedMobileConversationsModal = ({
                               /* @__PURE__ */ jsx12(
                                 InboxIcon4,
                                 {
-                                  sx: {
-                                    color: theme.palette.text.disabled,
-                                    fontSize: "0.9rem",
-                                    opacity: 0.7
-                                  }
+                                  size: 14,
+                                  color: theme.palette.text.disabled,
+                                  style: { opacity: 0.7 }
                                 }
                               ),
                               /* @__PURE__ */ jsx12(
@@ -6619,7 +6595,7 @@ var EnhancedMobileConversationsModal = ({
             disabled: visibleConversationCount === 0,
             sx: { color: theme.palette.error.main },
             children: [
-              /* @__PURE__ */ jsx12(ListItemIcon4, { children: /* @__PURE__ */ jsx12(DeleteSweepIcon2, { fontSize: "small", sx: { color: theme.palette.error.main } }) }),
+              /* @__PURE__ */ jsx12(ListItemIcon4, { children: /* @__PURE__ */ jsx12(DeleteSweepIcon2, { size: 16, color: theme.palette.error.main }) }),
               /* @__PURE__ */ jsx12(ListItemText4, { children: "Clear All Conversations" })
             ]
           }
@@ -7021,7 +6997,7 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Create new conversation",
-                    children: /* @__PURE__ */ jsx13(AddIcon5, {})
+                    children: /* @__PURE__ */ jsx13(AddIcon, {})
                   }
                 ) })
               ]
@@ -7102,7 +7078,7 @@ var ChatAppBar = ({
                       }
                     },
                     "aria-label": "Create new conversation",
-                    children: /* @__PURE__ */ jsx13(AddIcon5, { fontSize: "small" })
+                    children: /* @__PURE__ */ jsx13(AddIcon, { fontSize: "small" })
                   }
                 ) }),
                 /* @__PURE__ */ jsx13(Tooltip4, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ jsx13(
@@ -7719,9 +7695,6 @@ var under_review_default = UnderReview;
 
 // src/components/ConnectionStatus.tsx
 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 jsx16 } from "react/jsx-runtime";
 var ConnectionStatus = ({
   showWhenGood = false,
@@ -8173,6 +8146,7 @@ var ChatContent = () => {
   const [streamBuffer, setStreamBuffer] = useState14("");
   const [responseStarted, setResponseStarted] = useState14(false);
   const [isStreaming, setIsStreaming] = useState14(false);
+  const [isThinking, setIsThinking] = useState14(false);
   const initialLogoState = history.length === 0;
   const [logoVisible, setLogoVisible] = useState14(initialLogoState);
   const [logoShouldRender, setLogoShouldRender] = useState14(initialLogoState);
@@ -8656,6 +8630,7 @@ var ChatContent = () => {
     overrideComponentStatus: setComponentStatus,
     setIsSubmitting,
     setIsStreaming,
+    setIsThinking,
     setResponseStarted,
     setResponse,
     setStreamBuffer,
@@ -9062,6 +9037,7 @@ var ChatContent = () => {
                           chat_messages_default,
                           {
                             isStreaming,
+                            isThinking,
                             history,
                             pendingMessage,
                             streamBuffer,
@@ -9201,4 +9177,4 @@ var chat_default = Chat;
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-TSQCNHOX.mjs.map
+//# sourceMappingURL=chunk-TLY6A6XL.mjs.map