@burtson-labs/bandit-engine 2.0.126 → 2.0.128

package/dist/{chunk-JXFPCLEY.mjs → chunk-LQJ6OD7F.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ONQMRE2G.mjs";
 import {
   StreamingMarkdown_default
-} from "./chunk-574ILQTT.mjs";
+} from "./chunk-FWFDOSRM.mjs";
 import {
   useMCPToolsStore
 } from "./chunk-K2JGFKEB.mjs";
@@ -26,7 +26,6 @@ import {
   MicIcon,
   PanelLeftIcon,
   PsychologyIcon,
-  RecordVoiceOverIcon,
   SignalWifi2BarIcon,
   WifiIcon,
   WifiOffIcon,
@@ -40,7 +39,7 @@ import {
   useNotificationService,
   useTTS,
   useVoiceStore
-} from "./chunk-OLKDPUWL.mjs";
+} from "./chunk-BQW7DSJ6.mjs";
 import {
   brandingService_default,
   detectMessageMood,
@@ -64,7 +63,7 @@ import {
   useMemoryStore,
   useProjectStore,
   useVectorStore
-} from "./chunk-6ONL4SRK.mjs";
+} from "./chunk-NLBZZP3B.mjs";
 import {
   indexedDBService_default,
   useModelStore,
@@ -1740,23 +1739,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__ */ jsxs6(
                   Box6,
                   {
                     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__ */ jsxs6(
@@ -1880,7 +1880,7 @@ ${sanitize(
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx9(
+                isMobile && /* @__PURE__ */ jsx9(
                   Box6,
                   {
                     sx: {
@@ -1893,8 +1893,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,
@@ -1904,18 +1904,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 }
                       }
                     )
                   }
@@ -1926,9 +1923,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__ */ jsxs6(
@@ -2015,26 +2012,53 @@ ${sanitize(
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsx9(Box6, { sx: { display: "flex", alignItems: "center", gap: isMobile ? 0.6 : 1 }, children: /* @__PURE__ */ jsx9(Tooltip2, { title: isStreaming ? "Stop response" : "Send message", children: /* @__PURE__ */ jsx9("span", { children: /* @__PURE__ */ jsx9(
-                        IconButton5,
+                      !isMobile && /* @__PURE__ */ jsx9(
+                        TextField2,
                         {
-                          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__ */ jsx9(CloseIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx9(ArrowUpwardIcon, { fontSize: "small" })
+                          sx: { flex: 1, alignSelf: "center", mx: 0.5 }
                         }
-                      ) }) }) })
+                      ),
+                      /* @__PURE__ */ jsxs6(Box6, { sx: { display: "flex", alignItems: "center", gap: isMobile ? 0.6 : 1 }, children: [
+                        !isMobile && /* @__PURE__ */ jsx9(engine_picker_default, {}),
+                        /* @__PURE__ */ jsx9(Tooltip2, { title: isStreaming ? "Stop response" : "Send message", children: /* @__PURE__ */ jsx9("span", { children: /* @__PURE__ */ jsx9(
+                          IconButton5,
+                          {
+                            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__ */ jsx9(CloseIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx9(ArrowUpwardIcon, { fontSize: "small" })
+                          }
+                        ) }) })
+                      ] })
                     ]
                   }
                 ),
@@ -2081,7 +2105,7 @@ ${sanitize(
               ]
             }
           ),
-          !isMobile && /* @__PURE__ */ jsxs6(
+          (!isMobile || isIncognito) && /* @__PURE__ */ jsx9(
             Typography3,
             {
               variant: "caption",
@@ -2093,10 +2117,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.`
             }
           )
         ]
@@ -2117,8 +2138,9 @@ var chat_input_default = ChatInput;
 
 // src/chat/ask-user-card.tsx
 import { useEffect as useEffect5, useState as useState7 } from "react";
-import { Box as Box7, Paper, Typography as Typography4, Button as Button2, TextField as TextField3, Chip, Stack } from "@mui/material";
+import { Box as Box7, Paper, Typography as Typography4, Button as Button2, TextField as TextField3, Chip, Grow } from "@mui/material";
 import { useTheme as useTheme7, alpha as alpha4 } from "@mui/material/styles";
+import { CircleHelp as QuestionIcon, Check as CheckIcon3 } from "lucide-react";
 
 // src/store/askUserStore.ts
 import { create as create3 } from "zustand";
@@ -2209,57 +2231,142 @@ var AskUserCard = () => {
     });
     submit(final);
   };
-  return /* @__PURE__ */ jsx10(Box7, { sx: { width: "100%", display: "flex", justifyContent: "center", px: { xs: 1, sm: 2 }, mb: 1.5 }, children: /* @__PURE__ */ jsxs7(
+  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__ */ jsx10(Grow, { in: true, timeout: 300, children: /* @__PURE__ */ jsx10(Box7, { sx: { width: "100%", display: "flex", justifyContent: "center", px: { xs: 1, sm: 2 }, mb: 1.5 }, children: /* @__PURE__ */ jsxs7(
     Paper,
     {
       elevation: 0,
       sx: {
         width: "100%",
         maxWidth: 760,
-        p: { xs: 1.75, sm: 2.25 },
-        borderRadius: 2,
-        border: `1px solid ${alpha4(theme.palette.primary.main, 0.45)}`,
-        bgcolor: alpha4(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 ${alpha4(theme.palette.common.black, theme.palette.mode === "dark" ? 0.35 : 0.1)}`
       },
       children: [
-        /* @__PURE__ */ jsx10(Typography4, { variant: "caption", sx: { color: theme.palette.primary.main, fontWeight: 700, letterSpacing: 0.4 }, children: "BANDIT NEEDS A QUICK DECISION" }),
-        pending.questions.map((q) => /* @__PURE__ */ jsxs7(Box7, { sx: { mt: 1.5 }, children: [
-          q.header && /* @__PURE__ */ jsx10(Chip, { label: q.header, size: "small", sx: { mb: 0.75, fontWeight: 600 }, color: "primary", variant: "outlined" }),
-          /* @__PURE__ */ jsx10(Typography4, { sx: { fontWeight: 600, color: theme.palette.text.primary, mb: 1 }, children: q.question }),
-          q.options && q.options.length > 0 && /* @__PURE__ */ jsx10(Stack, { spacing: 1, children: q.options.map((opt) => {
-            const isSel = selected[q.id] === opt.label && !freeform[q.id]?.trim();
-            return /* @__PURE__ */ jsx10(
-              Button2,
+        /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.5 }, children: [
+          /* @__PURE__ */ jsx10(
+            Box7,
+            {
+              sx: {
+                width: 26,
+                height: 26,
+                borderRadius: "50%",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                bgcolor: alpha4(theme.palette.primary.main, 0.12),
+                color: theme.palette.primary.main,
+                flexShrink: 0
+              },
+              children: /* @__PURE__ */ jsx10(QuestionIcon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx10(Typography4, { variant: "body2", sx: { color: theme.palette.text.secondary, fontWeight: 600 }, children: "Quick question before I continue" })
+        ] }),
+        pending.questions.map((q) => /* @__PURE__ */ jsxs7(Box7, { sx: { mt: 1.75 }, children: [
+          /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", alignItems: "baseline", gap: 1, flexWrap: "wrap", mb: 1.25 }, children: [
+            /* @__PURE__ */ jsx10(Typography4, { sx: { fontWeight: 600, fontSize: "1.02rem", color: theme.palette.text.primary }, children: q.question }),
+            q.header && /* @__PURE__ */ jsx10(
+              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: alpha4(theme.palette.primary.main, 0.4)
-                },
-                children: /* @__PURE__ */ jsxs7(Box7, { children: [
-                  /* @__PURE__ */ jsx10(Typography4, { sx: { fontWeight: 600, lineHeight: 1.3 }, children: opt.label }),
-                  opt.description && /* @__PURE__ */ jsx10(
-                    Typography4,
-                    {
-                      variant: "caption",
-                      sx: { color: isSel ? alpha4("#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: alpha4(theme.palette.text.primary, 0.06)
+                }
+              }
+            )
+          ] }),
+          q.options && q.options.length > 0 && /* @__PURE__ */ jsx10(
+            Box7,
+            {
+              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__ */ jsxs7(
+                  Box7,
+                  {
+                    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 ? alpha4(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: alpha4(theme.palette.primary.main, 0.05)
+                      },
+                      "&:active": { transform: "scale(0.99)" }
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx10(
+                        Box7,
+                        {
+                          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 : alpha4(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__ */ jsx10(CheckIcon3, { size: 12, strokeWidth: 3 })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs7(Box7, { sx: { minWidth: 0 }, children: [
+                        /* @__PURE__ */ jsx10(Typography4, { sx: { fontWeight: 600, lineHeight: 1.35, fontSize: "0.92rem" }, children: opt.label }),
+                        opt.description && /* @__PURE__ */ jsx10(
+                          Typography4,
+                          {
+                            variant: "caption",
+                            sx: { color: theme.palette.text.secondary, display: "block", mt: 0.25 },
+                            children: opt.description
+                          }
+                        )
+                      ] })
+                    ]
+                  },
+                  opt.label
+                );
+              })
+            }
+          ),
           q.allowFreeform !== false && /* @__PURE__ */ jsx10(
             TextField3,
             {
@@ -2268,17 +2375,45 @@ var AskUserCard = () => {
               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__ */ jsxs7(Box7, { sx: { display: "flex", justifyContent: "flex-end", gap: 1, mt: 2 }, children: [
-          /* @__PURE__ */ jsx10(Button2, { onClick: cancel, color: "inherit", sx: { textTransform: "none", color: theme.palette.text.secondary }, children: "Skip" }),
-          /* @__PURE__ */ jsx10(Button2, { onClick: handleSubmit, disabled: !allAnswered, variant: "contained", sx: { textTransform: "none" }, children: "Submit" })
+        /* @__PURE__ */ jsxs7(Box7, { sx: { display: "flex", alignItems: "center", justifyContent: "flex-end", gap: 1, mt: 2 }, children: [
+          /* @__PURE__ */ jsx10(
+            Button2,
+            {
+              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__ */ jsx10(
+            Button2,
+            {
+              onClick: handleSubmit,
+              disabled: !allAnswered,
+              variant: "contained",
+              size: "small",
+              sx: { textTransform: "none", borderRadius: 999, px: 2.5 },
+              children: "Answer"
+            }
+          )
         ] })
       ]
     }
-  ) });
+  ) }) });
 };
 var ask_user_card_default = AskUserCard;
 
@@ -4187,14 +4322,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:
 
@@ -5176,8 +5311,6 @@ import { useEffect as useEffect13, useRef as useRef11, useState as useState16 }
 import {
   Box as Box15,
   IconButton as IconButton12,
-  Menu as Menu7,
-  MenuItem as MenuItem7,
   Tooltip as Tooltip5,
   useMediaQuery as useMediaQuery6,
   useTheme as useTheme15,
@@ -6459,7 +6592,7 @@ import {
   TextField as TextField6,
   alpha as alpha7
 } from "@mui/material";
-import { ChevronDown as ExpandMoreIcon2, ChevronUp as ExpandLessIcon, Plus as AddIcon3, Folder as FolderIcon3, FolderOpen as FolderOpenIcon, Inbox as InboxIcon2, X as CloseIcon5, Check as CheckIcon3 } from "lucide-react";
+import { ChevronDown as ExpandMoreIcon2, ChevronUp as ExpandLessIcon, Plus as AddIcon3, Folder as FolderIcon3, FolderOpen as FolderOpenIcon, Inbox as InboxIcon2, X as CloseIcon5, Check as CheckIcon4 } from "lucide-react";
 import { useTheme as useTheme12 } from "@mui/material/styles";
 import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var ProjectHeader = ({
@@ -6693,7 +6826,7 @@ var ProjectHeader = ({
                 commitRename();
               },
               sx: { color: theme.palette.success.main },
-              children: /* @__PURE__ */ jsx15(CheckIcon3, { size: 16 })
+              children: /* @__PURE__ */ jsx15(CheckIcon4, { size: 16 })
             }
           ) })
         ] }),
@@ -9027,13 +9160,13 @@ var ChatAppBar = ({
               /* @__PURE__ */ jsx18(
                 Tooltip5,
                 {
-                  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__ */ jsx18(
                     IconButton12,
                     {
                       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,
@@ -9132,35 +9265,11 @@ var ChatAppBar = ({
                     "aria-label": "Create new conversation",
                     children: /* @__PURE__ */ jsx18(AddIcon, {})
                   }
-                ) }),
-                /* @__PURE__ */ jsx18(
-                  Tooltip5,
-                  {
-                    title: isIncognitoActive ? "End incognito chat" : "Start incognito chat \u2014 not saved",
-                    arrow: true,
-                    children: /* @__PURE__ */ jsx18(
-                      IconButton12,
-                      {
-                        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__ */ jsx18(GhostIcon, {})
-                      }
-                    )
-                  }
-                )
+                ) })
               ]
             }
           ),
-          !isMobile && /* @__PURE__ */ jsxs15(
+          !isMobile && /* @__PURE__ */ jsx18(
             Box15,
             {
               sx: {
@@ -9180,368 +9289,30 @@ var ChatAppBar = ({
                   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__ */ jsx18(Tooltip5, { title: `Current AI: ${selectedModel.replace("Bandit-", "")}`, arrow: true, children: /* @__PURE__ */ jsx18(
-                  IconButton12,
-                  {
-                    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__ */ jsx18(
-                      Avatar8,
-                      {
-                        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__ */ jsx18(Tooltip5, { title: `Engine \xB7 ${engineDisplay}`, arrow: true, children: /* @__PURE__ */ jsx18(
-                  IconButton12,
-                  {
-                    onClick: (e) => setEngineAnchorEl(e.currentTarget),
-                    sx: pillButtonStyles,
-                    "aria-label": `Change base model (engine). Currently ${engineDisplay}`,
-                    children: /* @__PURE__ */ jsx18(AutoAwesomeIcon, { fontSize: "small" })
-                  }
-                ) }),
-                /* @__PURE__ */ jsxs15(
-                  Menu7,
-                  {
-                    anchorEl: engineAnchorEl,
-                    open: Boolean(engineAnchorEl),
-                    onClose: () => setEngineAnchorEl(null),
-                    transformOrigin: { horizontal: "right", vertical: "top" },
-                    anchorOrigin: { horizontal: "right", vertical: "bottom" },
-                    children: [
-                      /* @__PURE__ */ jsx18(Typography12, { variant: "overline", sx: { px: 2, color: theme.palette.text.secondary }, children: "Engine \xB7 base model" }),
-                      engines.length === 0 && /* @__PURE__ */ jsx18(MenuItem7, { disabled: true, children: /* @__PURE__ */ jsx18(Typography12, { 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__ */ jsxs15(
-                          MenuItem7,
-                          {
-                            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__ */ jsxs15(Box15, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                                isGated && /* @__PURE__ */ jsx18(
-                                  LockIcon,
-                                  {
-                                    fontSize: "small",
-                                    sx: { fontSize: "0.95rem", color: theme.palette.text.secondary }
-                                  }
-                                ),
-                                /* @__PURE__ */ jsx18(
-                                  Typography12,
-                                  {
-                                    variant: "body2",
-                                    sx: {
-                                      fontWeight: 600,
-                                      flex: 1,
-                                      color: isGated ? theme.palette.text.secondary : void 0
-                                    },
-                                    children: cleanEngineName(engine.displayName)
-                                  }
-                                ),
-                                engine.id === resolvedEngineId && !isGated && /* @__PURE__ */ jsx18(Box15, { sx: { width: 8, height: 8, borderRadius: "50%", bgcolor: theme.palette.primary.main } })
-                              ] }),
-                              /* @__PURE__ */ jsx18(Typography12, { 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__ */ jsx18(
-                                Button9,
-                                {
-                                  size: "small",
-                                  variant: "text",
-                                  startIcon: /* @__PURE__ */ jsx18(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__ */ jsx18(Box15, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", mt: 0.25 }, children: badges.map((b) => /* @__PURE__ */ jsx18(
-                                Box15,
-                                {
-                                  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__ */ jsx18(
-                  Menu7,
-                  {
-                    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__ */ jsxs15(
-                      MenuItem7,
-                      {
-                        selected: model.name === selectedModel,
-                        onClick: () => {
-                          if (!currentConversation?.history.length || currentConversation?.history.length === 0) {
-                            handleModelChange(model.name);
-                            useModelStore.getState().setSelectedModel(model.name);
-                            (async () => {
-                              try {
-                                const storeConfigs = [{ name: "config", keyPath: "id" }];
-                                const current = await indexedDBService_default.get(
-                                  "banditConfig",
-                                  1,
-                                  "config",
-                                  "main",
-                                  storeConfigs
-                                );
-                                const updated = {
-                                  ...current ?? {},
-                                  id: "main",
-                                  model: {
-                                    ...current?.model || {},
-                                    name: model.name,
-                                    selectedModel: model.name
-                                  }
-                                };
-                                await indexedDBService_default.put("banditConfig", 1, "config", updated, storeConfigs);
-                              } 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__ */ jsx18(
-                            Avatar8,
-                            {
-                              src: model.avatarBase64 || modelAvatars[model.name] || banditHead,
-                              alt: model.name,
-                              sx: {
-                                width: 28,
-                                height: 28,
-                                filter: "brightness(1.7)",
-                                transition: "all 0.2s ease-in-out"
-                              }
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs15(Box15, { sx: { flex: 1 }, children: [
-                            /* @__PURE__ */ jsx18(Typography12, { variant: "body2", sx: { fontWeight: 500 }, children: model.name.replace("Bandit-", "") }),
-                            /* @__PURE__ */ jsx18(Typography12, { variant: "caption", sx: { color: theme.palette.text.secondary, display: "block" }, children: model.name === selectedModel ? "Currently active" : "Switch to this AI" })
-                          ] }),
-                          model.name === selectedModel && /* @__PURE__ */ jsx18(
-                            Box15,
-                            {
-                              sx: {
-                                width: 8,
-                                height: 8,
-                                borderRadius: "50%",
-                                bgcolor: theme.palette.primary.main
-                              }
-                            }
-                          )
-                        ]
-                      },
-                      model.name
-                    ))
-                  }
-                ),
-                isTTSAvailable && /* @__PURE__ */ jsxs15(Fragment10, { children: [
-                  /* @__PURE__ */ jsx18(Tooltip5, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ jsx18(
+              children: /* @__PURE__ */ jsx18(
+                Tooltip5,
+                {
+                  title: isIncognitoActive ? "End temporary chat" : "Temporary chat \u2014 not saved anywhere",
+                  arrow: true,
+                  children: /* @__PURE__ */ jsx18(
                     IconButton12,
                     {
-                      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__ */ jsx18(RecordVoiceOverIcon, { fontSize: "small" })
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx18(
-                    Menu7,
-                    {
-                      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__ */ jsx18(
-                        MenuItem7,
-                        {
-                          selected: voice === selectedVoice,
-                          onClick: () => {
-                            handleVoiceChange(voice);
-                            setVoiceAnchorEl(null);
-                          },
-                          children: /* @__PURE__ */ jsxs15(Box15, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                            /* @__PURE__ */ jsx18(RecordVoiceOverIcon, { fontSize: "small", sx: { color: theme.palette.text.secondary } }),
-                            /* @__PURE__ */ jsxs15(Box15, { sx: { flex: 1 }, children: [
-                              /* @__PURE__ */ jsx18(Typography12, { variant: "body2", children: toTitleCase(voice.split("-")[1]) }),
-                              /* @__PURE__ */ jsx18(Typography12, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: voice === selectedVoice ? "Currently active" : "Switch to this voice" })
-                            ] }),
-                            voice === selectedVoice && /* @__PURE__ */ jsx18(
-                              Box15,
-                              {
-                                sx: {
-                                  width: 8,
-                                  height: 8,
-                                  borderRadius: "50%",
-                                  bgcolor: theme.palette.info.main
-                                }
-                              }
-                            )
-                          ] })
-                        },
-                        voice
-                      )) : /* @__PURE__ */ jsx18(MenuItem7, { disabled: true, children: /* @__PURE__ */ jsx18(Typography12, { variant: "body2", color: "text.secondary", children: "No voices available" }) })
+                      children: /* @__PURE__ */ jsx18(GhostIcon, {})
                     }
                   )
-                ] })
-              ]
+                }
+              )
             }
           )
         ]
@@ -10297,7 +10068,7 @@ var useVoiceMode = (config) => {
 };
 
 // src/chat/chat.tsx
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 var ChatContent = () => {
   const packageSettings = usePackageSettingsStore((state) => state.settings);
   const UnderReviewView = packageSettings?.components?.UnderReview ?? UnderReview_default;
@@ -10412,7 +10183,8 @@ var ChatContent = () => {
   const [inputHeight, setInputHeight] = useState18(80);
   const [isSubmitting, setIsSubmitting] = useState18(false);
   const [pendingMessage, setPendingMessage] = useState18(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] = useState18(false);
   const [drawerOpen, setDrawerOpen] = useState18(false);
   const [mobileConversationsOpen, setMobileConversationsOpen] = useState18(false);
@@ -11265,12 +11037,11 @@ var ChatContent = () => {
           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.
@@ -11293,30 +11064,82 @@ var ChatContent = () => {
               onMobileConversationsOpenChange: setMobileConversationsOpen
             }
           ),
-          conversations.find((c) => c.id === currentId)?.incognito && /* @__PURE__ */ jsx22(
-            Box19,
-            {
-              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__ */ jsxs17(Fragment12, { children: [
+            /* @__PURE__ */ jsx22(
+              Box19,
+              {
+                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__ */ jsxs17(
+              Box19,
+              {
+                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__ */ jsx22(Box19, { component: "span", "aria-hidden": true, sx: { fontSize: "0.9rem", lineHeight: 1 }, children: "\u{1F47B}" }),
+                  "Temporary chat",
+                  /* @__PURE__ */ jsx22(
+                    Box19,
+                    {
+                      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__ */ jsx22(
             Box19,
             {
@@ -11544,4 +11367,4 @@ var chat_default = Chat;
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-JXFPCLEY.mjs.map
+//# sourceMappingURL=chunk-LQJ6OD7F.mjs.map