@burtson-labs/bandit-engine 2.0.125 → 2.0.127

package/dist/management/management.js

@@ -20570,7 +20570,7 @@ var init_source_chips = __esm({
 });
 
 // src/chat/chat-messages.tsx
-var import_material36, import_jsx_runtime36, ChatMessages, chat_messages_default;
+var import_material36, import_jsx_runtime36, WORKING_TOKEN_RE, ToolWorkingChip, ChatMessages, chat_messages_default;
 var init_chat_messages = __esm({
   "src/chat/chat-messages.tsx"() {
     "use strict";
@@ -20580,6 +20580,38 @@ var init_chat_messages = __esm({
     init_source_chips();
     init_conversationStore();
     import_jsx_runtime36 = require("react/jsx-runtime");
+    WORKING_TOKEN_RE = /\s*<<working:([^>]*)>>\s*$/;
+    ToolWorkingChip = ({ label }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      import_material36.Box,
+      {
+        sx: (theme) => ({
+          display: "inline-flex",
+          alignItems: "center",
+          gap: 1.25,
+          mt: 1.5,
+          px: 1.75,
+          py: 0.9,
+          borderRadius: 999,
+          bgcolor: theme.palette.action.hover,
+          border: `1px solid ${theme.palette.divider}`
+        }),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "typing-only", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "dot" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "dot" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "dot" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            import_material36.Box,
+            {
+              component: "span",
+              sx: { fontSize: "0.85rem", fontWeight: 500, color: "text.secondary", userSelect: "none" },
+              children: label || "Working on it"
+            }
+          )
+        ]
+      }
+    );
     ChatMessages = ({
       pendingMessage,
       streamBuffer,
@@ -20605,7 +20637,9 @@ var init_chat_messages = __esm({
           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 rawContent = isLast ? isStreaming ? streamBuffer || "" : isPlaceholder ? "" : entry.answer : entry.answer;
+          const workingMatch = isLast && isStreaming ? rawContent.match(WORKING_TOKEN_RE) : null;
+          const content = workingMatch ? rawContent.replace(WORKING_TOKEN_RE, "") : rawContent;
           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__ */ (0, import_jsx_runtime36.jsxs)(
@@ -20678,6 +20712,7 @@ var init_chat_messages = __esm({
                           sources: sourceSummaries
                         }
                       ),
+                      workingMatch && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ToolWorkingChip, { label: workingMatch[1] }),
                       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(source_chips_default, { content })
                     ]
                   }
@@ -20690,7 +20725,7 @@ var init_chat_messages = __esm({
             {
               question: entry.question,
               response: responseNode,
-              responseText: isLast ? isStreaming ? streamBuffer || "" : isPlaceholder ? "" : entry.answer : entry.answer,
+              responseText: content,
               backgroundColor: "#444",
               images: entry.images,
               memoryUpdated: entry.memoryUpdated && !isPlaceholder,
@@ -21627,23 +21662,24 @@ ${sanitize(
                     bgcolor: inputBackground,
                     borderRadius: "24px",
                     boxShadow: isMobile ? `0 0 0 1px ${theme.palette.mode === "dark" ? "#444" : "#eee"}` : "0 4px 20px rgba(0, 0, 0, 0.4)",
-                    px: isMobile ? compactMobile ? 1 : 1.5 : 3,
-                    pt: isMobile ? compactMobile ? 0.6 : 1 : 1,
-                    pb: isMobile ? compactMobile ? 0.9 : 1.5 : 1.5,
+                    px: isMobile ? compactMobile ? 1 : 1.5 : 2,
+                    pt: isMobile ? compactMobile ? 0.6 : 1 : 0.75,
+                    pb: isMobile ? compactMobile ? 0.9 : 1.5 : 0.75,
                     display: "flex",
                     flexDirection: "column",
-                    gap: isMobile ? compactMobile ? 0.75 : 1 : 1
+                    gap: isMobile ? compactMobile ? 0.75 : 1 : 0.5
                   },
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
                       import_material39.Box,
                       {
                         sx: {
-                          display: "flex",
+                          display: fileInputs.length > 0 || pastedImages.length > 0 ? "flex" : "none",
                           flexWrap: "wrap",
                           gap: attachmentsGap,
                           alignItems: "center",
-                          flexDirection: "row"
+                          flexDirection: "row",
+                          pt: isMobile ? 0 : 0.5
                         },
                         children: [
                           fileInputs.map((file, idx) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
@@ -21767,7 +21803,7 @@ ${sanitize(
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                    isMobile && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                       import_material39.Box,
                       {
                         sx: {
@@ -21780,7 +21816,7 @@ ${sanitize(
                           {
                             fullWidth: true,
                             multiline: true,
-                            maxRows: isMobile ? compactMobile ? 6 : 12 : 6,
+                            maxRows: compactMobile ? 6 : 12,
                             placeholder: isIncognito ? "Incognito chat \u2014 not saved" : "What's on your mind?",
                             value: inputValue,
                             onChange: (e) => setInputValue(e.target.value),
@@ -21791,18 +21827,15 @@ ${sanitize(
                               disableUnderline: true,
                               sx: {
                                 flex: "1 1 auto",
-                                maxHeight: isMobile ? compactMobile ? "120px" : "150px" : "none",
+                                maxHeight: compactMobile ? "120px" : "150px",
                                 overflowY: "auto",
                                 color: fileText,
                                 "& .MuiInputBase-inputMultiline": {
-                                  fontSize: isMobile ? compactMobile ? "0.95rem" : "1rem" : "1rem"
+                                  fontSize: compactMobile ? "0.95rem" : "1rem"
                                 }
                               }
                             },
-                            sx: {
-                              flex: 1,
-                              "& .MuiInputBase-root": {}
-                            }
+                            sx: { flex: 1 }
                           }
                         )
                       }
@@ -21813,9 +21846,9 @@ ${sanitize(
                         sx: {
                           display: "flex",
                           justifyContent: "space-between",
-                          alignItems: "center",
+                          alignItems: "flex-end",
                           gap: isMobile ? 0.6 : 1,
-                          mt: isMobile ? 0.5 : 1
+                          mt: isMobile ? 0.5 : 0
                         },
                         children: [
                           /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
@@ -21902,6 +21935,30 @@ ${sanitize(
                               ]
                             }
                           ),
+                          !isMobile && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                            import_material39.TextField,
+                            {
+                              fullWidth: true,
+                              multiline: true,
+                              maxRows: 6,
+                              placeholder: isIncognito ? "Incognito chat \u2014 not saved" : "What's on your mind?",
+                              value: inputValue,
+                              onChange: (e) => setInputValue(e.target.value),
+                              onKeyDown: handleKeyPress,
+                              inputRef,
+                              variant: "standard",
+                              InputProps: {
+                                disableUnderline: true,
+                                sx: {
+                                  color: fileText,
+                                  maxHeight: "160px",
+                                  overflowY: "auto",
+                                  "& .MuiInputBase-inputMultiline": { fontSize: "1rem" }
+                                }
+                              },
+                              sx: { flex: 1, alignSelf: "center", mx: 0.5 }
+                            }
+                          ),
                           /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material39.Box, { sx: { display: "flex", alignItems: "center", gap: isMobile ? 0.6 : 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material39.Tooltip, { title: isStreaming ? "Stop response" : "Send message", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                             import_material39.IconButton,
                             {
@@ -22073,13 +22130,14 @@ var init_askUserStore = __esm({
 });
 
 // src/chat/ask-user-card.tsx
-var import_react47, import_material40, import_styles25, import_jsx_runtime40, AskUserCard, ask_user_card_default;
+var import_react47, import_material40, import_styles25, import_lucide_react9, import_jsx_runtime40, AskUserCard, ask_user_card_default;
 var init_ask_user_card = __esm({
   "src/chat/ask-user-card.tsx"() {
     "use strict";
     import_react47 = require("react");
     import_material40 = require("@mui/material");
     import_styles25 = require("@mui/material/styles");
+    import_lucide_react9 = require("lucide-react");
     init_askUserStore();
     import_jsx_runtime40 = require("react/jsx-runtime");
     AskUserCard = () => {
@@ -22107,57 +22165,142 @@ var init_ask_user_card = __esm({
         });
         submit(final);
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Box, { sx: { width: "100%", display: "flex", justifyContent: "center", px: { xs: 1, sm: 2 }, mb: 1.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+      const isSingleQuestion = pending.questions.length === 1;
+      const handleOptionTap = (qid, label) => {
+        setFreeform((p) => ({ ...p, [qid]: "" }));
+        if (isSingleQuestion) {
+          submit({ [qid]: label });
+          return;
+        }
+        setSelected((p) => ({ ...p, [qid]: label }));
+      };
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Grow, { in: true, timeout: 300, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Box, { sx: { width: "100%", display: "flex", justifyContent: "center", px: { xs: 1, sm: 2 }, mb: 1.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
         import_material40.Paper,
         {
           elevation: 0,
           sx: {
             width: "100%",
             maxWidth: 760,
-            p: { xs: 1.75, sm: 2.25 },
-            borderRadius: 2,
-            border: `1px solid ${(0, import_styles25.alpha)(theme.palette.primary.main, 0.45)}`,
-            bgcolor: (0, import_styles25.alpha)(theme.palette.primary.main, 0.06)
+            p: { xs: 2, sm: 2.5 },
+            borderRadius: 3,
+            border: `1px solid ${theme.palette.divider}`,
+            bgcolor: theme.palette.background.paper,
+            boxShadow: `0 8px 32px ${(0, import_styles25.alpha)(theme.palette.common.black, theme.palette.mode === "dark" ? 0.35 : 0.1)}`
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { variant: "caption", sx: { color: theme.palette.primary.main, fontWeight: 700, letterSpacing: 0.4 }, children: "BANDIT NEEDS A QUICK DECISION" }),
-            pending.questions.map((q) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { mt: 1.5 }, children: [
-              q.header && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Chip, { label: q.header, size: "small", sx: { mb: 0.75, fontWeight: 600 }, color: "primary", variant: "outlined" }),
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { sx: { fontWeight: 600, color: theme.palette.text.primary, mb: 1 }, children: q.question }),
-              q.options && q.options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Stack, { spacing: 1, children: q.options.map((opt) => {
-                const isSel = selected[q.id] === opt.label && !freeform[q.id]?.trim();
-                return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                  import_material40.Button,
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.5 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                import_material40.Box,
+                {
+                  sx: {
+                    width: 26,
+                    height: 26,
+                    borderRadius: "50%",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    bgcolor: (0, import_styles25.alpha)(theme.palette.primary.main, 0.12),
+                    color: theme.palette.primary.main,
+                    flexShrink: 0
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react9.CircleHelp, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { variant: "body2", sx: { color: theme.palette.text.secondary, fontWeight: 600 }, children: "Quick question before I continue" })
+            ] }),
+            pending.questions.map((q) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { mt: 1.75 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { display: "flex", alignItems: "baseline", gap: 1, flexWrap: "wrap", mb: 1.25 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { sx: { fontWeight: 600, fontSize: "1.02rem", color: theme.palette.text.primary }, children: q.question }),
+                q.header && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  import_material40.Chip,
                   {
-                    onClick: () => {
-                      setSelected((p) => ({ ...p, [q.id]: opt.label }));
-                      setFreeform((p) => ({ ...p, [q.id]: "" }));
-                    },
-                    variant: isSel ? "contained" : "outlined",
-                    color: "primary",
+                    label: q.header,
+                    size: "small",
                     sx: {
-                      justifyContent: "flex-start",
-                      textAlign: "left",
-                      textTransform: "none",
-                      py: 1,
-                      px: 1.5,
-                      borderColor: (0, import_styles25.alpha)(theme.palette.primary.main, 0.4)
-                    },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { sx: { fontWeight: 600, lineHeight: 1.3 }, children: opt.label }),
-                      opt.description && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                        import_material40.Typography,
-                        {
-                          variant: "caption",
-                          sx: { color: isSel ? (0, import_styles25.alpha)("#fff", 0.85) : theme.palette.text.secondary, display: "block" },
-                          children: opt.description
-                        }
-                      )
-                    ] })
+                      height: 20,
+                      fontSize: "0.7rem",
+                      fontWeight: 600,
+                      color: theme.palette.text.secondary,
+                      bgcolor: (0, import_styles25.alpha)(theme.palette.text.primary, 0.06)
+                    }
+                  }
+                )
+              ] }),
+              q.options && q.options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                import_material40.Box,
+                {
+                  sx: {
+                    display: "grid",
+                    gridTemplateColumns: { xs: "1fr", sm: q.options.length > 1 ? "1fr 1fr" : "1fr" },
+                    gap: 1
                   },
-                  opt.label
-                );
-              }) }),
+                  children: q.options.map((opt) => {
+                    const isSel = selected[q.id] === opt.label && !freeform[q.id]?.trim();
+                    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                      import_material40.Box,
+                      {
+                        component: "button",
+                        type: "button",
+                        onClick: () => handleOptionTap(q.id, opt.label),
+                        sx: {
+                          font: "inherit",
+                          textAlign: "left",
+                          cursor: "pointer",
+                          display: "flex",
+                          alignItems: "flex-start",
+                          gap: 1,
+                          px: 1.5,
+                          py: 1.25,
+                          borderRadius: 2,
+                          border: `1.5px solid ${isSel ? theme.palette.primary.main : theme.palette.divider}`,
+                          bgcolor: isSel ? (0, import_styles25.alpha)(theme.palette.primary.main, 0.08) : "transparent",
+                          color: "inherit",
+                          transition: "border-color 0.15s ease, background-color 0.15s ease, transform 0.1s ease",
+                          "&:hover": {
+                            borderColor: theme.palette.primary.main,
+                            bgcolor: (0, import_styles25.alpha)(theme.palette.primary.main, 0.05)
+                          },
+                          "&:active": { transform: "scale(0.99)" }
+                        },
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                            import_material40.Box,
+                            {
+                              sx: {
+                                width: 18,
+                                height: 18,
+                                mt: "2px",
+                                borderRadius: "50%",
+                                flexShrink: 0,
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                border: `1.5px solid ${isSel ? theme.palette.primary.main : (0, import_styles25.alpha)(theme.palette.text.secondary, 0.5)}`,
+                                bgcolor: isSel ? theme.palette.primary.main : "transparent",
+                                color: theme.palette.getContrastText(theme.palette.primary.main),
+                                transition: "all 0.15s ease"
+                              },
+                              children: isSel && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react9.Check, { size: 12, strokeWidth: 3 })
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { minWidth: 0 }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { sx: { fontWeight: 600, lineHeight: 1.35, fontSize: "0.92rem" }, children: opt.label }),
+                            opt.description && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                              import_material40.Typography,
+                              {
+                                variant: "caption",
+                                sx: { color: theme.palette.text.secondary, display: "block", mt: 0.25 },
+                                children: opt.description
+                              }
+                            )
+                          ] })
+                        ]
+                      },
+                      opt.label
+                    );
+                  })
+                }
+              ),
               q.allowFreeform !== false && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 import_material40.TextField,
                 {
@@ -22166,17 +22309,45 @@ var init_ask_user_card = __esm({
                   placeholder: q.options && q.options.length ? "Or type your own answer\u2026" : "Type your answer\u2026",
                   value: freeform[q.id] ?? "",
                   onChange: (e) => setFreeform((p) => ({ ...p, [q.id]: e.target.value })),
-                  sx: { mt: q.options && q.options.length ? 1.25 : 0 }
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter" && !e.shiftKey && answerFor(q.id)) {
+                      e.preventDefault();
+                      if (allAnswered) handleSubmit();
+                    }
+                  },
+                  sx: {
+                    mt: q.options && q.options.length ? 1.25 : 0,
+                    "& .MuiOutlinedInput-root": { borderRadius: 2 }
+                  }
                 }
               )
             ] }, q.id)),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { display: "flex", justifyContent: "flex-end", gap: 1, mt: 2 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Button, { onClick: cancel, color: "inherit", sx: { textTransform: "none", color: theme.palette.text.secondary }, children: "Skip" }),
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Button, { onClick: handleSubmit, disabled: !allAnswered, variant: "contained", sx: { textTransform: "none" }, children: "Submit" })
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "flex-end", gap: 1, mt: 2 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                import_material40.Button,
+                {
+                  onClick: cancel,
+                  color: "inherit",
+                  size: "small",
+                  sx: { textTransform: "none", color: theme.palette.text.secondary },
+                  children: "Skip \u2014 use your best judgment"
+                }
+              ),
+              (!isSingleQuestion || Object.values(freeform).some((v) => v.trim())) && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                import_material40.Button,
+                {
+                  onClick: handleSubmit,
+                  disabled: !allAnswered,
+                  variant: "contained",
+                  size: "small",
+                  sx: { textTransform: "none", borderRadius: 999, px: 2.5 },
+                  children: "Answer"
+                }
+              )
             ] })
           ]
         }
-      ) });
+      ) }) });
     };
     ask_user_card_default = AskUserCard;
   }
@@ -24177,14 +24348,14 @@ TOOL USAGE PROTOCOL (conservative approach)
   * web_fetch() - to read the FULL contents of a specific URL you already have. Reach for this when the user wants to "tell me more", "go deeper", "read/open that article", or asks for details about a specific source, link, or article from an EARLIER answer: take that item's URL from the previous Sources list in this conversation and fetch it, then answer from the page's actual content (not just the prior summary)
   * image_generation() - ONLY when explicitly asked to create or generate an image
   * create_file({"content": "...", "filename": "report.docx", "format": "docx"}) - when the user asks for a downloadable FILE (a document, spreadsheet, slides, markdown, code, etc.) or to "export"/"download"/"save" something. Formats: md, txt, csv, json, html, xml, yaml, docx, pptx. PDF is NOT a supported format \u2014 if the user asks for a PDF, create a docx instead. For docx/pptx write well-structured Markdown (use "## " headings to start each slide for pptx). It returns a temporary download link \u2014 ALWAYS tell the user the file expires (~1 hour). If it is unclear whether they want it shown inline vs. as a downloadable file, use ask_user first.
-  * ask_user({"questions": [{"question": "...", "header": "Format", "options": [{"label": "Inline (Recommended)"}, {"label": "Download a file"}]}]}) - when you are genuinely BLOCKED on a decision that is the USER's to make and cannot resolve from the request, context, or sensible defaults (e.g. show content inline vs. let them download it, which format/option they want). Renders clickable options the user answers in one step \u2014 better than asking in prose and ending your turn. Give 1-4 questions, each with 2-4 options; if one is clearly best, list it first and append " (Recommended)". The user may also type their own answer; act on it directly.
+  * ask_user({"questions": [{"question": "...", "header": "Format", "options": [{"label": "Inline (Recommended)"}, {"label": "Download a file"}]}]}) - when the request is AMBIGUOUS or missing a detail you need to do a good job (unclear scope, audience, format, tone, which of several interpretations they meant), or you are blocked on a decision that is the user's to make and cannot resolve from the request, context, or sensible defaults. Renders clickable options the user answers in one step \u2014 ALWAYS prefer this over asking a clarifying question in prose and ending your turn. Give 1-4 questions, each with 2-4 short options; if one is clearly best, list it first and append " (Recommended)". The user may also type their own answer; act on it directly. Don't overuse it \u2014 when a sensible default exists, take it and note the assumption instead.
 - For general questions about concepts, definitions, explanations, or how-to topics, use your built-in knowledge WITHOUT calling tools.
 - Examples of what NOT to use tools for: "who are you?", "what is React?", "explain machine learning", "how does X work?", general programming questions.
 - When a tool is truly needed, call exactly ONE tool that best matches the request.
 - Begin tool usage with a fenced code block: \`\`\`tool_code
 functionName({"param": "value"})
 \`\`\`
-- If you cannot answer with your knowledge and context, and no suitable tool exists, ask a clarifying question.
+- If you cannot answer with your knowledge and context, and no suitable tool exists, use ask_user to ask a clarifying question with clickable options.
 
 Examples of appropriate tool usage:
 
@@ -24239,8 +24410,20 @@ ${protocol}`;
             return result.trimStart();
           };
           const stripToolBlocks = (text) => text.replace(/```(?:tool_code|TOOL_CODE)\s*\n[\s\S]*?\n```/gi, "").trim();
+          const truncateAtToolApparatus = (text) => {
+            let t = text;
+            const fenceIdx = t.search(/```(?:tool_code|TOOL_CODE)/);
+            if (fenceIdx !== -1) t = t.slice(0, fenceIdx);
+            const callIdx = t.search(
+              /\b(?:web_search|web_fetch|image_generation|create_file|ask_user)\s*\(/
+            );
+            if (callIdx !== -1) t = t.slice(0, callIdx);
+            t = t.replace(/```[\w-]*\s*$/, "");
+            const fenceCount = (t.match(/```/g) || []).length;
+            if (fenceCount % 2 === 1) t = t.slice(0, t.lastIndexOf("```"));
+            return t.trim();
+          };
           let workingLabel = "Working on it";
-          let workingPreamble = "";
           const stopWorking = () => {
             if (workingTimer) {
               clearInterval(workingTimer);
@@ -24249,17 +24432,10 @@ ${protocol}`;
           };
           const startWorking = (label = "Working on it") => {
             workingLabel = label.replace(/[.…]+\s*$/, "").trim() || "Working on it";
-            workingPreamble = stripToolBlocks(stripThinking(fullMessage)).trim();
-            if (workingTimer) return;
-            let dots = 0;
-            const render = () => {
-              dots = (dots + 1) % 4;
-              setStreamBuffer(
-                `${workingPreamble}${workingPreamble ? "\n\n" : ""}_${workingLabel}${".".repeat(dots)}_`
-              );
-            };
-            render();
-            workingTimer = setInterval(render, 450);
+            const preamble = truncateAtToolApparatus(stripToolBlocks(stripThinking(fullMessage)));
+            setStreamBuffer(
+              `${preamble}${preamble ? "\n\n" : ""}<<working:${workingLabel}>>`
+            );
           };
           const flushNow = () => {
             clearFlushTimer();
@@ -24305,10 +24481,16 @@ ${protocol}`;
               const inThinkBlock = /<think>/.test(fullMessage) && !/<think>[\s\S]*<\/think>/.test(fullMessage);
               setIsThinking?.(inThinkBlock);
               const visibleMessage = stripThinking(fullMessage);
-              if (/```(?:tool_code|TOOL_CODE)/.test(visibleMessage) || /\b(?:web_search|web_fetch|image_generation|create_file|ask_user)\s*\(/.test(visibleMessage)) {
+              const bareToolMatch = visibleMessage.match(
+                /\b(web_search|web_fetch|image_generation|create_file|ask_user)\s*\(/
+              );
+              if (/```(?:tool_code|TOOL_CODE)/.test(visibleMessage) || bareToolMatch) {
                 sawToolBlock = true;
                 clearFlushTimer();
-                startWorking();
+                const fn = bareToolMatch?.[1];
+                startWorking(
+                  fn === "create_file" ? "Creating your file" : fn === "web_search" ? "Searching the web" : fn === "web_fetch" ? "Reading the page" : fn === "image_generation" ? "Generating the image" : "Working on it"
+                );
               }
               latestDisplayMessage = visibleMessage;
               if (!sawToolBlock) {
@@ -25164,13 +25346,13 @@ var init_useNetworkStatus = __esm({
 });
 
 // src/chat/project-management-modal.tsx
-var import_react53, import_material42, import_lucide_react9, import_styles26, import_jsx_runtime42, DEFAULT_COLORS2, ProjectManagementModal, project_management_modal_default;
+var import_react53, import_material42, import_lucide_react10, import_styles26, import_jsx_runtime42, DEFAULT_COLORS2, ProjectManagementModal, project_management_modal_default;
 var init_project_management_modal = __esm({
   "src/chat/project-management-modal.tsx"() {
     "use strict";
     import_react53 = require("react");
     import_material42 = require("@mui/material");
-    import_lucide_react9 = require("lucide-react");
+    import_lucide_react10 = require("lucide-react");
     import_styles26 = require("@mui/material/styles");
     init_projectStore();
     init_conversationStore();
@@ -25399,7 +25581,7 @@ var init_project_management_modal = __esm({
                               flex: 1
                             },
                             children: [
-                              showCreateForm && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.IconButton, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.ArrowLeft, { size: 16 }) }),
+                              showCreateForm && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.IconButton, { onClick: resetForm, size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react10.ArrowLeft, { size: 16 }) }),
                               /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                                 import_material42.Typography,
                                 {
@@ -25417,7 +25599,7 @@ var init_project_management_modal = __esm({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.IconButton, { onClick: handleClose, size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.X, {}) })
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.IconButton, { onClick: handleClose, size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react10.X, {}) })
                       ]
                     }
                   ),
@@ -25504,7 +25686,7 @@ var init_project_management_modal = __esm({
                     /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                       import_material42.Button,
                       {
-                        startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.Plus, {}),
+                        startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react10.Plus, {}),
                         onClick: () => setShowCreateForm(true),
                         variant: "contained",
                         sx: {
@@ -25529,7 +25711,7 @@ var init_project_management_modal = __esm({
                           backgroundColor: subtleSurface
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.Folder, { size: 48, style: { marginBottom: 8, opacity: 0.5 } }),
+                          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react10.Folder, { size: 48, style: { marginBottom: 8, opacity: 0.5 } }),
                           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body1", sx: { fontWeight: 600 }, children: "No projects yet" }),
                           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", children: "Create your first project to organize conversations." })
                         ]
@@ -25564,7 +25746,7 @@ var init_project_management_modal = __esm({
                                   height: 36,
                                   fontSize: "1rem"
                                 },
-                                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.Folder, { size: 16 })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react10.Folder, { size: 16 })
                               }
                             ),
                             /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { flex: 1, minWidth: 0 }, children: [
@@ -25615,7 +25797,7 @@ var init_project_management_modal = __esm({
                                   mt: 0.25,
                                   zIndex: 1
                                 },
-                                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.MoreVertical, { size: 16 })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react10.MoreVertical, { size: 16 })
                               }
                             )
                           ]
@@ -25691,7 +25873,7 @@ var init_project_management_modal = __esm({
                         startEdit(selectedProject);
                       },
                       children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.Pencil, { size: 16 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react10.Pencil, { size: 16 }),
                         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "inherit", children: "Edit" })
                       ] })
                     }
@@ -25705,7 +25887,7 @@ var init_project_management_modal = __esm({
                       },
                       sx: { color: theme.palette.error.main },
                       children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react9.Trash2, { size: 16 }),
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react10.Trash2, { size: 16 }),
                         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "inherit", children: "Delete" })
                       ] })
                     }
@@ -25757,13 +25939,13 @@ var init_project_management_modal = __esm({
 });
 
 // src/chat/move-conversation-modal.tsx
-var import_react54, import_material43, import_lucide_react10, import_styles27, import_jsx_runtime43, MoveConversationModal, move_conversation_modal_default;
+var import_react54, import_material43, import_lucide_react11, import_styles27, import_jsx_runtime43, MoveConversationModal, move_conversation_modal_default;
 var init_move_conversation_modal = __esm({
   "src/chat/move-conversation-modal.tsx"() {
     "use strict";
     import_react54 = require("react");
     import_material43 = require("@mui/material");
-    import_lucide_react10 = require("lucide-react");
+    import_lucide_react11 = require("lucide-react");
     import_styles27 = require("@mui/material/styles");
     init_projectStore();
     init_conversationStore();
@@ -25848,7 +26030,7 @@ var init_move_conversation_modal = __esm({
                             width: 32,
                             height: 32
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react10.Inbox, {})
+                          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react11.Inbox, {})
                         }
                       ) }),
                       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -25884,7 +26066,7 @@ var init_move_conversation_modal = __esm({
                             width: 32,
                             height: 32
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react10.Folder, {})
+                          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react11.Folder, {})
                         }
                       ) }),
                       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -25928,13 +26110,13 @@ var init_move_conversation_modal = __esm({
 });
 
 // src/chat/simple-conversation-item.tsx
-var import_react55, import_material44, import_lucide_react11, import_styles28, import_jsx_runtime44, SimpleConversationItem, simple_conversation_item_default;
+var import_react55, import_material44, import_lucide_react12, import_styles28, import_jsx_runtime44, SimpleConversationItem, simple_conversation_item_default;
 var init_simple_conversation_item = __esm({
   "src/chat/simple-conversation-item.tsx"() {
     "use strict";
     import_react55 = require("react");
     import_material44 = require("@mui/material");
-    import_lucide_react11 = require("lucide-react");
+    import_lucide_react12 = require("lucide-react");
     import_styles28 = require("@mui/material/styles");
     import_jsx_runtime44 = require("react/jsx-runtime");
     SimpleConversationItem = ({
@@ -26162,7 +26344,7 @@ var init_simple_conversation_item = __esm({
             },
             children: [
               !isMobile && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                import_lucide_react11.GripVertical,
+                import_lucide_react12.GripVertical,
                 {
                   size: 16,
                   color: theme.palette.text.disabled,
@@ -26256,7 +26438,7 @@ var init_simple_conversation_item = __esm({
                       }
                     }
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.MoreVertical, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react12.MoreVertical, { size: 16 })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
@@ -26287,15 +26469,15 @@ var init_simple_conversation_item = __esm({
                   },
                   children: [
                     onRename && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.MenuItem, { onClick: handleEdit, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.Pencil, { size: 16 }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react12.Pencil, { size: 16 }) }),
                       /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemText, { children: "Rename" })
                     ] }),
                     onMove && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.MenuItem, { onClick: handleMove, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.MailOpen, { size: 16 }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react12.MailOpen, { size: 16 }) }),
                       /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemText, { children: "Move to Project" })
                     ] }),
                     /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.MenuItem, { onClick: handleDelete, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.Trash2, { size: 16 }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react12.Trash2, { size: 16 }) }),
                       /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.ListItemText, { children: "Delete" })
                     ] })
                   ]
@@ -26368,13 +26550,13 @@ var init_simple_conversation_item = __esm({
 });
 
 // src/chat/project-header.tsx
-var import_react56, import_material45, import_lucide_react12, import_styles29, import_jsx_runtime45, ProjectHeader, project_header_default;
+var import_react56, import_material45, import_lucide_react13, import_styles29, import_jsx_runtime45, ProjectHeader, project_header_default;
 var init_project_header = __esm({
   "src/chat/project-header.tsx"() {
     "use strict";
     import_react56 = require("react");
     import_material45 = require("@mui/material");
-    import_lucide_react12 = require("lucide-react");
+    import_lucide_react13 = require("lucide-react");
     import_styles29 = require("@mui/material/styles");
     init_conversationStore();
     init_projectStore();
@@ -26401,7 +26583,7 @@ var init_project_header = __esm({
       const [renameDraft, setRenameDraft] = (0, import_react56.useState)(projectName);
       const renameActionRef = (0, import_react56.useRef)("none");
       const isUngrouped = projectId === null;
-      const Icon = isCollapsed ? import_lucide_react12.Folder : import_lucide_react12.FolderOpen;
+      const Icon = isCollapsed ? import_lucide_react13.Folder : import_lucide_react13.FolderOpen;
       const handleAddConversation = (e) => {
         e.stopPropagation();
         createNewConversation(projectId || void 0);
@@ -26482,7 +26664,7 @@ var init_project_header = __esm({
                   mr: 1.5
                 },
                 children: isUngrouped ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                  import_lucide_react12.Inbox,
+                  import_lucide_react13.Inbox,
                   {
                     size: 16,
                     color: theme.palette.text.disabled,
@@ -26598,7 +26780,7 @@ var init_project_header = __esm({
                     onRenameCancelDelete ? onRenameCancelDelete() : cancelRename();
                   },
                   sx: { color: (0, import_material45.alpha)(theme.palette.error.main, 0.9) },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.X, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.X, { size: 16 })
                 }
               ) }),
               /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_material45.Tooltip, { title: "Save", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
@@ -26611,7 +26793,7 @@ var init_project_header = __esm({
                     commitRename();
                   },
                   sx: { color: theme.palette.success.main },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.Check, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.Check, { size: 16 })
                 }
               ) })
             ] }),
@@ -26632,7 +26814,7 @@ var init_project_header = __esm({
                   },
                   transition: "all 0.2s ease"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.Plus, { size: 16 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.Plus, { size: 16 })
               }
             ) }),
             !isUngrouped && !isRenaming && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
@@ -26643,7 +26825,7 @@ var init_project_header = __esm({
                   color: theme.palette.text.secondary,
                   transition: "transform 0.2s ease"
                 },
-                children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.ChevronDown, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.ChevronUp, { size: 16 })
+                children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.ChevronDown, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.ChevronUp, { size: 16 })
               }
             )
           ]
@@ -26673,13 +26855,13 @@ var init_tooltips = __esm({
 });
 
 // src/chat/conversation-drawer.tsx
-var import_react57, import_material46, import_lucide_react13, import_styles30, import_jsx_runtime46, BANDIT_AVATAR, coerceOptionalString, deriveInitials, ConversationDrawer, conversation_drawer_default;
+var import_react57, import_material46, import_lucide_react14, import_styles30, import_jsx_runtime46, BANDIT_AVATAR, coerceOptionalString, deriveInitials, ConversationDrawer, conversation_drawer_default;
 var init_conversation_drawer = __esm({
   "src/chat/conversation-drawer.tsx"() {
     "use strict";
     import_react57 = require("react");
     import_material46 = require("@mui/material");
-    import_lucide_react13 = require("lucide-react");
+    import_lucide_react14 = require("lucide-react");
     import_styles30 = require("@mui/material/styles");
     init_conversationStore();
     init_projectStore();
@@ -27052,7 +27234,7 @@ var init_conversation_drawer = __esm({
                             bgcolor: (0, import_material46.alpha)(theme.palette.primary.main, 0.1)
                           }
                         },
-                        children: syncStatus === "error" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.CircleAlert, {}) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.RefreshCw, {})
+                        children: syncStatus === "error" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.CircleAlert, {}) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.RefreshCw, {})
                       }
                     ) }),
                     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Tooltip, { title: "Memories", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -27068,7 +27250,7 @@ var init_conversation_drawer = __esm({
                             bgcolor: (0, import_material46.alpha)(theme.palette.primary.main, 0.1)
                           }
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Brain, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.Brain, {})
                       }
                     ) }),
                     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Tooltip, { title: tooltip("manageProjects"), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -27084,7 +27266,7 @@ var init_conversation_drawer = __esm({
                             bgcolor: (0, import_material46.alpha)(theme.palette.primary.main, 0.1)
                           }
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Folder, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.Folder, {})
                       }
                     ) }),
                     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Tooltip, { title: tooltip("conversationOptions"), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -27100,7 +27282,7 @@ var init_conversation_drawer = __esm({
                             bgcolor: (0, import_material46.alpha)(theme.palette.text.primary, 0.1)
                           }
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.MoreVertical, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.MoreVertical, {})
                       }
                     ) }),
                     isMobile && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Tooltip, { title: tooltip("closeConversationsPanel"), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -27120,7 +27302,7 @@ var init_conversation_drawer = __esm({
                             bgcolor: (0, import_material46.alpha)(theme.palette.error.main, 0.1)
                           }
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.X, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.X, {})
                       }
                     ) })
                   ]
@@ -27136,7 +27318,7 @@ var init_conversation_drawer = __esm({
                   onChange: (e) => setSearchQuery(e.target.value),
                   variant: "outlined",
                   InputProps: {
-                    startAdornment: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Search, { size: 16, color: theme.palette.text.secondary }) }),
+                    startAdornment: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.Search, { size: 16, color: theme.palette.text.secondary }) }),
                     endAdornment: searchQuery && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Tooltip, { title: tooltip("clearSearch"), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                       import_material46.IconButton,
                       {
@@ -27145,7 +27327,7 @@ var init_conversation_drawer = __esm({
                         edge: "end",
                         "aria-label": tooltip("clearSearch"),
                         sx: { color: theme.palette.text.secondary },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.X, { size: 16 })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.X, { size: 16 })
                       }
                     ) }) })
                   },
@@ -27211,7 +27393,7 @@ var init_conversation_drawer = __esm({
                             justifyContent: "center",
                             flexShrink: 0
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Folder, { size: 16, color: theme.palette.success.main })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.Folder, { size: 16, color: theme.palette.success.main })
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -27228,7 +27410,7 @@ var init_conversation_drawer = __esm({
                           size: "small",
                           "aria-label": tooltip("addProject"),
                           sx: { color: theme.palette.success.main },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Plus, { size: 16 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.Plus, { size: 16 })
                         }
                       ) })
                     ]
@@ -27250,7 +27432,7 @@ var init_conversation_drawer = __esm({
                         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.Divider, { sx: { flex: 1, opacity: 0.6 } }),
                         /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_material46.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                           /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                            import_lucide_react13.Inbox,
+                            import_lucide_react14.Inbox,
                             {
                               size: 14,
                               color: theme.palette.text.disabled,
@@ -27490,7 +27672,7 @@ var init_conversation_drawer = __esm({
                           border: `1px solid ${(0, import_material46.alpha)(theme.palette.divider, 0.8)}`,
                           color: theme.palette.text.secondary
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.House, { size: 16 })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.House, { size: 16 })
                       }
                     ),
                     user2 && showLimitedAdminPanel() && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -27509,7 +27691,7 @@ var init_conversation_drawer = __esm({
                           border: `1px solid ${(0, import_material46.alpha)(theme.palette.divider, 0.8)}`,
                           color: theme.palette.text.secondary
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.SlidersHorizontal, { size: 16 })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.SlidersHorizontal, { size: 16 })
                       }
                     ),
                     user2 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
@@ -27527,7 +27709,7 @@ var init_conversation_drawer = __esm({
                             border: `1px solid ${(0, import_material46.alpha)(theme.palette.divider, 0.8)}`,
                             color: theme.palette.text.secondary
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Settings, { size: 16 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.Settings, { size: 16 })
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -27548,7 +27730,7 @@ var init_conversation_drawer = __esm({
                             color: theme.palette.error.main,
                             "&:hover": { bgcolor: (0, import_material46.alpha)(theme.palette.error.main, 0.1) }
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.LogOut, { size: 16 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.LogOut, { size: 16 })
                         }
                       )
                     ] })
@@ -27598,7 +27780,7 @@ var init_conversation_drawer = __esm({
                 },
                 sx: { color: theme.palette.error.main },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Trash2, { size: 16, color: theme.palette.error.main }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react14.Trash2, { size: 16, color: theme.palette.error.main }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_material46.ListItemText, { children: "Clear All Conversations" })
                 ]
               }
@@ -27637,13 +27819,13 @@ var init_conversation_drawer = __esm({
 });
 
 // src/chat/enhanced-mobile-conversations-modal.tsx
-var import_react58, import_material47, import_lucide_react14, import_styles31, import_jsx_runtime47, BANDIT_AVATAR2, coerceOptionalString2, deriveInitials2, EnhancedMobileConversationsModal, enhanced_mobile_conversations_modal_default;
+var import_react58, import_material47, import_lucide_react15, import_styles31, import_jsx_runtime47, BANDIT_AVATAR2, coerceOptionalString2, deriveInitials2, EnhancedMobileConversationsModal, enhanced_mobile_conversations_modal_default;
 var init_enhanced_mobile_conversations_modal = __esm({
   "src/chat/enhanced-mobile-conversations-modal.tsx"() {
     "use strict";
     import_react58 = require("react");
     import_material47 = require("@mui/material");
-    import_lucide_react14 = require("lucide-react");
+    import_lucide_react15 = require("lucide-react");
     import_styles31 = require("@mui/material/styles");
     init_conversationStore();
     init_projectStore();
@@ -28086,7 +28268,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                 }
                               }
                             },
-                            children: syncStatus === "error" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.CircleAlert, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.RefreshCw, {})
+                            children: syncStatus === "error" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.CircleAlert, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.RefreshCw, {})
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -28095,7 +28277,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                             onClick: () => setMemoryModalOpen(true),
                             "aria-label": "Memory",
                             sx: { color: theme.palette.text.secondary },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Brain, {})
+                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.Brain, {})
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -28103,7 +28285,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                           {
                             onClick: () => setProjectManagementOpen(true),
                             sx: { color: theme.palette.text.secondary },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Folder, {})
+                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.Folder, {})
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -28111,7 +28293,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                           {
                             onClick: handleMenuOpen,
                             sx: { color: theme.palette.text.secondary },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.MoreVertical, {})
+                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.MoreVertical, {})
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -28119,7 +28301,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                           {
                             onClick: onClose,
                             sx: { color: theme.palette.text.secondary },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.X, {})
+                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.X, {})
                           }
                         )
                       ] })
@@ -28135,7 +28317,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                       onChange: (e) => setSearchQuery(e.target.value),
                       variant: "outlined",
                       InputProps: {
-                        startAdornment: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Search, { size: 16, color: theme.palette.text.secondary }) }),
+                        startAdornment: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.Search, { size: 16, color: theme.palette.text.secondary }) }),
                         endAdornment: searchQuery && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                           import_material47.IconButton,
                           {
@@ -28143,7 +28325,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                             size: "small",
                             edge: "end",
                             sx: { color: theme.palette.text.secondary },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.X, { size: 16 })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.X, { size: 16 })
                           }
                         ) })
                       }
@@ -28299,7 +28481,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                     justifyContent: "center",
                                     flexShrink: 0
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Folder, { size: 16, color: theme.palette.success.main })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.Folder, { size: 16, color: theme.palette.success.main })
                                 }
                               ),
                               /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -28310,7 +28492,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                   children: "New Project"
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.IconButton, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Plus, { size: 16 }) })
+                              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.IconButton, { size: "small", sx: { color: theme.palette.success.main }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.Plus, { size: 16 }) })
                             ]
                           }
                         ),
@@ -28330,7 +28512,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                 /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.Divider, { sx: { flex: 1, opacity: 0.6 } }),
                                 /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_material47.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                                   /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                                    import_lucide_react14.Inbox,
+                                    import_lucide_react15.Inbox,
                                     {
                                       size: 14,
                                       color: theme.palette.text.disabled,
@@ -28525,7 +28707,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                             createNewConversation();
                             onClose();
                           },
-                          startIcon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Plus, { size: 18 }),
+                          startIcon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.Plus, { size: 18 }),
                           sx: {
                             pointerEvents: "auto",
                             textTransform: "none",
@@ -28616,7 +28798,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                               border: `1px solid ${(0, import_styles31.alpha)(theme.palette.divider, 0.8)}`,
                               color: theme.palette.text.secondary
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.House, { size: 16 })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.House, { size: 16 })
                           }
                         ),
                         user2 && showLimitedAdminPanel() && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -28635,7 +28817,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                               border: `1px solid ${(0, import_styles31.alpha)(theme.palette.divider, 0.8)}`,
                               color: theme.palette.text.secondary
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.SlidersHorizontal, { size: 16 })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.SlidersHorizontal, { size: 16 })
                           }
                         ),
                         user2 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
@@ -28653,7 +28835,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                 border: `1px solid ${(0, import_styles31.alpha)(theme.palette.divider, 0.8)}`,
                                 color: theme.palette.text.secondary
                               },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Settings, { size: 16 })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.Settings, { size: 16 })
                             }
                           ),
                           /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -28674,7 +28856,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                                 color: theme.palette.error.main,
                                 "&:hover": { bgcolor: (0, import_styles31.alpha)(theme.palette.error.main, 0.1) }
                               },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.LogOut, { size: 16 })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.LogOut, { size: 16 })
                             }
                           )
                         ] })
@@ -28727,7 +28909,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                 disabled: visibleConversationCount === 0,
                 sx: { color: theme.palette.error.main },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Trash2, { size: 16, color: theme.palette.error.main }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.Trash2, { size: 16, color: theme.palette.error.main }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.ListItemText, { children: "Clear All Conversations" })
                 ]
               }