@burtson-labs/bandit-engine 2.0.126 → 2.0.128

package/dist/management/management.js

@@ -7655,7 +7655,7 @@ var init_conversationStore = __esm({
         const now = /* @__PURE__ */ new Date();
         const newConv = normalizeConversation({
           id: (0, import_uuid2.v4)(),
-          name: "Incognito chat",
+          name: "Temporary chat",
           history: [],
           model: selectedModel,
           createdAt: now,
@@ -21662,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)(
@@ -21802,7 +21803,7 @@ ${sanitize(
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                    isMobile && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                       import_material39.Box,
                       {
                         sx: {
@@ -21815,8 +21816,8 @@ ${sanitize(
                           {
                             fullWidth: true,
                             multiline: true,
-                            maxRows: isMobile ? compactMobile ? 6 : 12 : 6,
-                            placeholder: isIncognito ? "Incognito chat \u2014 not saved" : "What's on your mind?",
+                            maxRows: compactMobile ? 6 : 12,
+                            placeholder: isIncognito ? "Temporary chat \u2014 not saved" : "What's on your mind?",
                             value: inputValue,
                             onChange: (e) => setInputValue(e.target.value),
                             onKeyDown: handleKeyPress,
@@ -21826,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 }
                           }
                         )
                       }
@@ -21848,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)(
@@ -21937,26 +21935,53 @@ ${sanitize(
                               ]
                             }
                           ),
-                          /* @__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,
+                          !isMobile && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                            import_material39.TextField,
                             {
-                              onClick: isStreaming ? onStop || (() => {
-                              }) : handleSubmit,
-                              disabled: (isStreaming ? false : isSubmitting) || !isStreaming && !inputValue.trim() && pastedImages.length === 0 && fileInputs.length === 0,
-                              sx: {
-                                bgcolor: sendButtonBackground,
-                                color: sendButtonColor,
-                                borderRadius: "50%",
-                                width: sendIconSize,
-                                height: sendIconSize,
-                                boxShadow: sendButtonShadow,
-                                transition: "background-color 0.2s ease, box-shadow 0.2s ease",
-                                "&:hover": { bgcolor: sendButtonHover },
-                                "&.Mui-disabled": { opacity: 0.5 }
+                              fullWidth: true,
+                              multiline: true,
+                              maxRows: 6,
+                              placeholder: isIncognito ? "Temporary 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" }
+                                }
                               },
-                              children: isStreaming ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CloseIcon, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ArrowUpwardIcon, { fontSize: "small" })
+                              sx: { flex: 1, alignSelf: "center", mx: 0.5 }
                             }
-                          ) }) }) })
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_material39.Box, { sx: { display: "flex", alignItems: "center", gap: isMobile ? 0.6 : 1 }, children: [
+                            !isMobile && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(engine_picker_default, {}),
+                            /* @__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,
+                              {
+                                onClick: isStreaming ? onStop || (() => {
+                                }) : handleSubmit,
+                                disabled: (isStreaming ? false : isSubmitting) || !isStreaming && !inputValue.trim() && pastedImages.length === 0 && fileInputs.length === 0,
+                                sx: {
+                                  bgcolor: sendButtonBackground,
+                                  color: sendButtonColor,
+                                  borderRadius: "50%",
+                                  width: sendIconSize,
+                                  height: sendIconSize,
+                                  boxShadow: sendButtonShadow,
+                                  transition: "background-color 0.2s ease, box-shadow 0.2s ease",
+                                  "&:hover": { bgcolor: sendButtonHover },
+                                  "&.Mui-disabled": { opacity: 0.5 }
+                                },
+                                children: isStreaming ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CloseIcon, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ArrowUpwardIcon, { fontSize: "small" })
+                              }
+                            ) }) })
+                          ] })
                         ]
                       }
                     ),
@@ -22003,7 +22028,7 @@ ${sanitize(
                   ]
                 }
               ),
-              !isMobile && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+              (!isMobile || isIncognito) && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                 import_material39.Typography,
                 {
                   variant: "caption",
@@ -22015,10 +22040,7 @@ ${sanitize(
                     textAlign: "center",
                     pointerEvents: "none"
                   },
-                  children: [
-                    brandingText || "BanditAI",
-                    " may be wrong - double-check important info."
-                  ]
+                  children: isIncognito ? "Temporary chats aren't saved to history, synced, or added to memory." : `${brandingText || "BanditAI"} may be wrong - double-check important info.`
                 }
               )
             ]
@@ -22108,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 = () => {
@@ -22142,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,
                 {
@@ -22201,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;
   }
@@ -24212,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:
 
@@ -25210,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();
@@ -25445,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,
                                 {
@@ -25463,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, {}) })
                       ]
                     }
                   ),
@@ -25550,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: {
@@ -25575,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." })
                         ]
@@ -25610,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: [
@@ -25661,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 })
                               }
                             )
                           ]
@@ -25737,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" })
                       ] })
                     }
@@ -25751,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" })
                       ] })
                     }
@@ -25803,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();
@@ -25894,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)(
@@ -25930,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)(
@@ -25974,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 = ({
@@ -26208,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,
@@ -26302,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)(
@@ -26333,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" })
                     ] })
                   ]
@@ -26414,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();
@@ -26447,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);
@@ -26528,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,
@@ -26644,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)(
@@ -26657,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 })
                 }
               ) })
             ] }),
@@ -26678,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)(
@@ -26689,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 })
               }
             )
           ]
@@ -26719,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();
@@ -27098,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)(
@@ -27114,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)(
@@ -27130,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)(
@@ -27146,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)(
@@ -27166,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, {})
                       }
                     ) })
                   ]
@@ -27182,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,
                       {
@@ -27191,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 })
                       }
                     ) }) })
                   },
@@ -27257,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)(
@@ -27274,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 })
                         }
                       ) })
                     ]
@@ -27296,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,
@@ -27536,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)(
@@ -27555,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: [
@@ -27573,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)(
@@ -27594,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 })
                         }
                       )
                     ] })
@@ -27644,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" })
                 ]
               }
@@ -27683,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();
@@ -28132,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)(
@@ -28141,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)(
@@ -28149,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)(
@@ -28157,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)(
@@ -28165,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, {})
                           }
                         )
                       ] })
@@ -28181,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,
                           {
@@ -28189,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 })
                           }
                         ) })
                       }
@@ -28345,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)(
@@ -28356,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 }) })
                             ]
                           }
                         ),
@@ -28376,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,
@@ -28571,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",
@@ -28662,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)(
@@ -28681,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: [
@@ -28699,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)(
@@ -28720,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 })
                             }
                           )
                         ] })
@@ -28773,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" })
                 ]
               }
@@ -28822,7 +28958,6 @@ var init_chat_app_bar = __esm({
     import_material49 = require("@mui/material");
     import_react_router_dom3 = require("react-router-dom");
     init_lucide_icons();
-    init_util();
     init_conversation_drawer();
     init_enhanced_mobile_conversations_modal();
     init_conversationStore();
@@ -29044,13 +29179,13 @@ var init_chat_app_bar = __esm({
                   /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                     import_material49.Tooltip,
                     {
-                      title: isIncognitoActive ? "End incognito chat" : "Start incognito chat \u2014 not saved",
+                      title: isIncognitoActive ? "End temporary chat" : "Temporary chat \u2014 not saved anywhere",
                       arrow: true,
                       children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                         import_material49.IconButton,
                         {
                           onClick: toggleIncognito,
-                          "aria-label": isIncognitoActive ? "End incognito chat" : "Start incognito chat",
+                          "aria-label": isIncognitoActive ? "End temporary chat" : "Start temporary chat",
                           "aria-pressed": isIncognitoActive,
                           sx: {
                             width: 44,
@@ -29149,35 +29284,11 @@ var init_chat_app_bar = __esm({
                         "aria-label": "Create new conversation",
                         children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AddIcon, {})
                       }
-                    ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                      import_material49.Tooltip,
-                      {
-                        title: isIncognitoActive ? "End incognito chat" : "Start incognito chat \u2014 not saved",
-                        arrow: true,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                          import_material49.IconButton,
-                          {
-                            onClick: toggleIncognito,
-                            "aria-label": isIncognitoActive ? "End incognito chat" : "Start incognito chat",
-                            "aria-pressed": isIncognitoActive,
-                            sx: {
-                              ...pillButtonStyles,
-                              ...isIncognitoActive && {
-                                bgcolor: theme.palette.text.primary,
-                                color: theme.palette.getContrastText(theme.palette.text.primary),
-                                "&:hover": { bgcolor: theme.palette.text.primary }
-                              }
-                            },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(GhostIcon, {})
-                          }
-                        )
-                      }
-                    )
+                    ) })
                   ]
                 }
               ),
-              !isMobile && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+              !isMobile && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 import_material49.Box,
                 {
                   sx: {
@@ -29197,368 +29308,30 @@ var init_chat_app_bar = __esm({
                       boxShadow: theme.palette.mode === "dark" ? "0 6px 20px rgba(0,0,0,0.4)" : "0 6px 20px rgba(0,0,0,0.15)"
                     }
                   },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Tooltip, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                      import_material49.IconButton,
-                      {
-                        onClick: (e) => setModelAnchorEl(e.currentTarget),
-                        sx: {
-                          ...pillButtonStyles,
-                          "&:hover": {
-                            ...pillButtonStyles["&:hover"],
-                            "& .MuiAvatar-root": {
-                              transform: "scale(1.1)",
-                              filter: "brightness(2) saturate(1.2)"
-                            }
-                          }
-                        },
-                        "aria-label": `Change AI personality. Currently using ${selectedModel}`,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                          import_material48.Avatar,
-                          {
-                            src: currentAvatar,
-                            alt: selectedModel,
-                            sx: {
-                              width: "36px",
-                              height: "36px",
-                              filter: "brightness(1.7)",
-                              transition: "all 0.2s ease-in-out",
-                              border: `2px solid ${theme.palette.primary.main}20`
-                            },
-                            className: "MuiAvatar-root"
-                          }
-                        )
-                      }
-                    ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Tooltip, { title: `Engine \xB7 ${engineDisplay}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                      import_material49.IconButton,
-                      {
-                        onClick: (e) => setEngineAnchorEl(e.currentTarget),
-                        sx: pillButtonStyles,
-                        "aria-label": `Change base model (engine). Currently ${engineDisplay}`,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AutoAwesomeIcon, { fontSize: "small" })
-                      }
-                    ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
-                      import_material49.Menu,
-                      {
-                        anchorEl: engineAnchorEl,
-                        open: Boolean(engineAnchorEl),
-                        onClose: () => setEngineAnchorEl(null),
-                        transformOrigin: { horizontal: "right", vertical: "top" },
-                        anchorOrigin: { horizontal: "right", vertical: "bottom" },
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Typography, { variant: "overline", sx: { px: 2, color: theme.palette.text.secondary }, children: "Engine \xB7 base model" }),
-                          engines.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.MenuItem, { disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Typography, { variant: "body2", children: "No engines available" }) }),
-                          engines.map((engine) => {
-                            const badges = [
-                              engine.vision && "vision",
-                              engine.tools && "tools",
-                              engine.thinking && "thinking",
-                              engine.cloud && "cloud"
-                            ].filter(Boolean);
-                            const isGated = engine.cloud && !frontierEligible;
-                            return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
-                              import_material49.MenuItem,
-                              {
-                                selected: engine.id === resolvedEngineId,
-                                disabled: !engine.available || isGated,
-                                onClick: () => {
-                                  if (isGated) return;
-                                  useEngineStore.getState().setSelectedEngine(engine.id);
-                                  setEngineAnchorEl(null);
-                                },
-                                sx: {
-                                  display: "flex",
-                                  flexDirection: "column",
-                                  alignItems: "flex-start",
-                                  gap: 0.5,
-                                  py: 1,
-                                  px: 2,
-                                  maxWidth: 360,
-                                  whiteSpace: "normal",
-                                  // Keep gated rows readable (MUI disabled dims to ~38%) so the
-                                  // upsell stays legible.
-                                  ...isGated ? { opacity: 1, "&.Mui-disabled": { opacity: 1 } } : {}
-                                },
-                                children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material49.Box, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                                    isGated && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                                      LockIcon,
-                                      {
-                                        fontSize: "small",
-                                        sx: { fontSize: "0.95rem", color: theme.palette.text.secondary }
-                                      }
-                                    ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                                      import_material49.Typography,
-                                      {
-                                        variant: "body2",
-                                        sx: {
-                                          fontWeight: 600,
-                                          flex: 1,
-                                          color: isGated ? theme.palette.text.secondary : void 0
-                                        },
-                                        children: cleanEngineName(engine.displayName)
-                                      }
-                                    ),
-                                    engine.id === resolvedEngineId && !isGated && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Box, { sx: { width: 8, height: 8, borderRadius: "50%", bgcolor: theme.palette.primary.main } })
-                                  ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: isGated ? "Premium engine \u2014 available on a paid plan." : engine.available ? engine.description : engine.unavailableReason || "Unavailable" }),
-                                  isGated && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                                    import_material49.Button,
-                                    {
-                                      size: "small",
-                                      variant: "text",
-                                      startIcon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LockIcon, { sx: { fontSize: "0.85rem" } }),
-                                      onClick: (e) => {
-                                        e.stopPropagation();
-                                        setEngineAnchorEl(null);
-                                        safeNavigate(plansPath);
-                                      },
-                                      sx: {
-                                        mt: 0.25,
-                                        px: 0.75,
-                                        py: 0.1,
-                                        minWidth: 0,
-                                        textTransform: "none",
-                                        fontSize: "0.7rem",
-                                        fontWeight: 600,
-                                        color: theme.palette.primary.main,
-                                        // Re-enable pointer events the disabled MenuItem strips.
-                                        pointerEvents: "auto"
-                                      },
-                                      children: "Upgrade to unlock"
-                                    }
-                                  ),
-                                  badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Box, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", mt: 0.25 }, children: badges.map((b) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                                    import_material49.Box,
-                                    {
-                                      sx: {
-                                        fontSize: "0.65rem",
-                                        px: 0.75,
-                                        py: 0.1,
-                                        borderRadius: 1,
-                                        bgcolor: theme.palette.primary.main + "22",
-                                        color: theme.palette.primary.main
-                                      },
-                                      children: b
-                                    },
-                                    b
-                                  )) })
-                                ]
-                              },
-                              engine.id
-                            );
-                          })
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                      import_material49.Menu,
-                      {
-                        anchorEl: modelAnchorEl,
-                        open: Boolean(modelAnchorEl),
-                        onClose: () => setModelAnchorEl(null),
-                        transformOrigin: { horizontal: "right", vertical: "top" },
-                        anchorOrigin: { horizontal: "right", vertical: "bottom" },
-                        PaperProps: {
-                          sx: {
-                            bgcolor: menuBackground,
-                            color: menuText,
-                            fontSize: "0.875rem",
-                            zIndex: 2e4,
-                            borderRadius: 2,
-                            border: `1px solid ${border}`,
-                            boxShadow: theme.palette.mode === "dark" ? "0 8px 32px rgba(0,0,0,0.5)" : "0 8px 32px rgba(0,0,0,0.2)",
-                            minWidth: 200,
-                            "& .MuiMenuItem-root": {
-                              transition: "all 0.15s ease-in-out",
-                              borderRadius: "6px",
-                              margin: "2px 4px",
-                              "&:hover": {
-                                bgcolor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.04)",
-                                transform: "translateX(2px)"
-                              },
-                              "&.Mui-selected": {
-                                bgcolor: theme.palette.primary.main + "20",
-                                color: theme.palette.primary.main,
-                                "&:hover": {
-                                  bgcolor: theme.palette.primary.main + "30"
-                                }
-                              }
-                            }
-                          }
-                        },
-                        children: availableModels.map((model) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
-                          import_material49.MenuItem,
-                          {
-                            selected: model.name === selectedModel,
-                            onClick: () => {
-                              if (!currentConversation?.history.length || currentConversation?.history.length === 0) {
-                                handleModelChange(model.name);
-                                useModelStore.getState().setSelectedModel(model.name);
-                                (async () => {
-                                  try {
-                                    const storeConfigs6 = [{ name: "config", keyPath: "id" }];
-                                    const current = await indexedDBService_default.get(
-                                      "banditConfig",
-                                      1,
-                                      "config",
-                                      "main",
-                                      storeConfigs6
-                                    );
-                                    const updated = {
-                                      ...current ?? {},
-                                      id: "main",
-                                      model: {
-                                        ...current?.model || {},
-                                        name: model.name,
-                                        selectedModel: model.name
-                                      }
-                                    };
-                                    await indexedDBService_default.put("banditConfig", 1, "config", updated, storeConfigs6);
-                                  } catch (err) {
-                                    debugLogger.error("Failed to persist selectedModel to IndexedDB", { error: err });
-                                  }
-                                })();
-                                setModelAnchorEl(null);
-                                return;
-                              }
-                              setPendingModel(model.name);
-                              setConfirmModelChangeOpen(true);
-                              setModelAnchorEl(null);
-                            },
-                            sx: {
-                              display: "flex",
-                              alignItems: "center",
-                              gap: 1.5,
-                              minHeight: 48,
-                              px: 2
-                            },
-                            children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                                import_material48.Avatar,
-                                {
-                                  src: model.avatarBase64 || modelAvatars3[model.name] || banditHead4,
-                                  alt: model.name,
-                                  sx: {
-                                    width: 28,
-                                    height: 28,
-                                    filter: "brightness(1.7)",
-                                    transition: "all 0.2s ease-in-out"
-                                  }
-                                }
-                              ),
-                              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material49.Box, { sx: { flex: 1 }, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Typography, { variant: "body2", sx: { fontWeight: 500 }, children: model.name.replace("Bandit-", "") }),
-                                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary, display: "block" }, children: model.name === selectedModel ? "Currently active" : "Switch to this AI" })
-                              ] }),
-                              model.name === selectedModel && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                                import_material49.Box,
-                                {
-                                  sx: {
-                                    width: 8,
-                                    height: 8,
-                                    borderRadius: "50%",
-                                    bgcolor: theme.palette.primary.main
-                                  }
-                                }
-                              )
-                            ]
-                          },
-                          model.name
-                        ))
-                      }
-                    ),
-                    isTTSAvailable && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Tooltip, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                    import_material49.Tooltip,
+                    {
+                      title: isIncognitoActive ? "End temporary chat" : "Temporary chat \u2014 not saved anywhere",
+                      arrow: true,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                         import_material49.IconButton,
                         {
-                          onClick: (e) => setVoiceAnchorEl(e.currentTarget),
+                          onClick: toggleIncognito,
+                          "aria-label": isIncognitoActive ? "End temporary chat" : "Start temporary chat",
+                          "aria-pressed": isIncognitoActive,
                           sx: {
                             ...pillButtonStyles,
-                            bgcolor: theme.palette.info.main + "20",
-                            color: theme.palette.info.main,
-                            "&:hover": {
-                              ...pillButtonStyles["&:hover"],
-                              bgcolor: theme.palette.info.main + "30"
+                            ...isIncognitoActive && {
+                              bgcolor: theme.palette.text.primary,
+                              color: theme.palette.getContrastText(theme.palette.text.primary),
+                              "&:hover": { bgcolor: theme.palette.text.primary }
                             }
                           },
-                          "aria-label": `Change voice. Currently using ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "default"}`,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(RecordVoiceOverIcon, { fontSize: "small" })
-                        }
-                      ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                        import_material49.Menu,
-                        {
-                          anchorEl: voiceAnchorEl,
-                          open: Boolean(voiceAnchorEl),
-                          onClose: () => setVoiceAnchorEl(null),
-                          transformOrigin: { horizontal: "right", vertical: "top" },
-                          anchorOrigin: { horizontal: "right", vertical: "bottom" },
-                          PaperProps: {
-                            sx: {
-                              bgcolor: menuBackground,
-                              color: menuText,
-                              fontSize: "0.875rem",
-                              zIndex: 2e4,
-                              borderRadius: 2,
-                              border: `1px solid ${border}`,
-                              boxShadow: theme.palette.mode === "dark" ? "0 8px 32px rgba(0,0,0,0.5)" : "0 8px 32px rgba(0,0,0,0.2)",
-                              minWidth: 180,
-                              "& .MuiMenuItem-root": {
-                                transition: "all 0.15s ease-in-out",
-                                borderRadius: "6px",
-                                margin: "2px 4px",
-                                minHeight: 40,
-                                "&:hover": {
-                                  bgcolor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.04)",
-                                  transform: "translateX(2px)"
-                                },
-                                "&.Mui-selected": {
-                                  bgcolor: theme.palette.info.main + "20",
-                                  color: theme.palette.info.main,
-                                  "&:hover": {
-                                    bgcolor: theme.palette.info.main + "30"
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          children: availableVoices.length > 0 ? availableVoices.map((voice) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                            import_material49.MenuItem,
-                            {
-                              selected: voice === selectedVoice,
-                              onClick: () => {
-                                handleVoiceChange(voice);
-                                setVoiceAnchorEl(null);
-                              },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material49.Box, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(RecordVoiceOverIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }),
-                                /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_material49.Box, { sx: { flex: 1 }, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Typography, { variant: "body2", children: toTitleCase(voice.split("-")[1]) }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
-                                ] }),
-                                voice === selectedVoice && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                                  import_material49.Box,
-                                  {
-                                    sx: {
-                                      width: 8,
-                                      height: 8,
-                                      borderRadius: "50%",
-                                      bgcolor: theme.palette.info.main
-                                    }
-                                  }
-                                )
-                              ] })
-                            },
-                            voice
-                          )) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.MenuItem, { disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_material49.Typography, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(GhostIcon, {})
                         }
                       )
-                    ] })
-                  ]
+                    }
+                  )
                 }
               )
             ]
@@ -30527,7 +30300,8 @@ var init_chat2 = __esm({
       const [inputHeight, setInputHeight] = (0, import_react62.useState)(80);
       const [isSubmitting, setIsSubmitting] = (0, import_react62.useState)(false);
       const [pendingMessage, setPendingMessage] = (0, import_react62.useState)(null);
-      const { conversations, currentId, _hasHydrated, hydrate } = useConversationStore();
+      const { conversations, currentId, _hasHydrated, hydrate, toggleIncognito } = useConversationStore();
+      const isTemporaryChat = Boolean(conversations.find((c) => c.id === currentId)?.incognito);
       const [isMobile, setIsMobile] = (0, import_react62.useState)(false);
       const [drawerOpen, setDrawerOpen] = (0, import_react62.useState)(false);
       const [mobileConversationsOpen, setMobileConversationsOpen] = (0, import_react62.useState)(false);
@@ -31380,12 +31154,11 @@ var init_chat2 = __esm({
               width: !isMobile && canvasOpen ? `calc(100vw - ${drawerOpen ? "340px" : "0px"} - ${CANVAS_WIDTH})` : drawerOpen && !isMobile ? "calc(100vw - 340px)" : "100vw",
               zIndex: 0,
               // Claude-style push (mobile only; desktop stays flush): the chat
-              // shell slides right and shrinks slightly into a rounded card. The
-              // scale insets the card from every screen edge so all four rounded
-              // corners stay visible — a full-height 100dvh card had its bottom
-              // corners clipped at the device edge in the PWA. Width kept in sync
+              // shell slides right as a full-height rounded card — exactly like
+              // Claude iOS, where the card runs edge-to-edge vertically and the
+              // hairline border keeps the corners legible. Width kept in sync
               // with the drawer in enhanced-mobile-conversations-modal.tsx.
-              transform: isMobile && mobileConversationsOpen ? "translateX(min(calc(100vw - 56px), 360px)) scale(0.96)" : "none",
+              transform: isMobile && mobileConversationsOpen ? "translateX(min(calc(100vw - 56px), 360px))" : "none",
               borderRadius: isMobile && mobileConversationsOpen ? "24px" : 0,
               // Hairline border so the rounded card reads even when the backdrop
               // is the same near-black as the shell.
@@ -31408,30 +31181,82 @@ var init_chat2 = __esm({
                   onMobileConversationsOpenChange: setMobileConversationsOpen
                 }
               ),
-              conversations.find((c) => c.id === currentId)?.incognito && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                import_material53.Box,
-                {
-                  sx: (theme) => ({
-                    position: "absolute",
-                    top: `calc(${theme.spacing(8)} + env(safe-area-inset-top, 0px))`,
-                    left: "50%",
-                    transform: "translateX(-50%)",
-                    zIndex: 1200,
-                    px: 1.5,
-                    py: 0.5,
-                    borderRadius: 999,
-                    fontSize: "0.75rem",
-                    fontWeight: 600,
-                    color: theme.palette.text.secondary,
-                    bgcolor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.06)",
-                    border: `1px solid ${theme.palette.divider}`,
-                    backdropFilter: "blur(8px)",
-                    pointerEvents: "none",
-                    whiteSpace: "nowrap"
-                  }),
-                  children: "Incognito \u2014 this chat won't be saved"
-                }
-              ),
+              isTemporaryChat && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                  import_material53.Box,
+                  {
+                    sx: (theme) => ({
+                      position: "absolute",
+                      inset: 0,
+                      border: `2px solid ${theme.palette.mode === "dark" ? "rgba(255,255,255,0.45)" : "rgba(0,0,0,0.4)"}`,
+                      borderRadius: "inherit",
+                      zIndex: 1400,
+                      pointerEvents: "none"
+                    })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+                  import_material53.Box,
+                  {
+                    sx: (theme) => ({
+                      position: "absolute",
+                      top: `calc(${theme.spacing(8)} + env(safe-area-inset-top, 0px))`,
+                      left: "50%",
+                      transform: "translateX(-50%)",
+                      zIndex: 1401,
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 0.75,
+                      pl: 1.5,
+                      pr: 0.75,
+                      py: 0.4,
+                      borderRadius: 999,
+                      fontSize: "0.78rem",
+                      fontWeight: 600,
+                      color: theme.palette.text.primary,
+                      bgcolor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.12)" : "rgba(0,0,0,0.08)",
+                      border: `1px solid ${theme.palette.divider}`,
+                      backdropFilter: "blur(8px)",
+                      whiteSpace: "nowrap"
+                    }),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material53.Box, { component: "span", "aria-hidden": true, sx: { fontSize: "0.9rem", lineHeight: 1 }, children: "\u{1F47B}" }),
+                      "Temporary chat",
+                      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                        import_material53.Box,
+                        {
+                          component: "button",
+                          type: "button",
+                          onClick: toggleIncognito,
+                          "aria-label": "End temporary chat",
+                          sx: (theme) => ({
+                            display: "inline-flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            width: 20,
+                            height: 20,
+                            ml: 0.25,
+                            p: 0,
+                            border: "none",
+                            borderRadius: "50%",
+                            cursor: "pointer",
+                            color: theme.palette.text.secondary,
+                            bgcolor: "transparent",
+                            font: "inherit",
+                            fontSize: "0.85rem",
+                            lineHeight: 1,
+                            "&:hover": {
+                              bgcolor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.1)",
+                              color: theme.palette.text.primary
+                            }
+                          }),
+                          children: "\u2715"
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] }),
               /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 import_material53.Box,
                 {
@@ -45206,6 +45031,23 @@ var Management = () => {
                 boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
               },
               children: [
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  import_material54.Button,
+                  {
+                    onClick: () => navigate("/chat"),
+                    onMouseEnter: preloadChatPage,
+                    "aria-label": "Back to chat",
+                    sx: {
+                      minWidth: 48,
+                      minHeight: 48,
+                      p: 1.5,
+                      borderRadius: 2,
+                      color: "primary.main",
+                      bgcolor: (theme2) => theme2.palette.mode === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.04)"
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronLeftIcon, { sx: { fontSize: 22 } })
+                  }
+                ),
                 /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                   import_material54.Button,
                   {