@burtson-labs/bandit-engine 2.0.127 → 2.0.129

package/dist/{chunk-RRSACJI2.mjs → chunk-3LOS2EAN.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,
@@ -851,7 +850,7 @@ var ChatMessages = ({
                     StreamingMarkdown_default,
                     {
                       content: linkifyCitations(stripSourcesForDisplay(content), parseWebSources(content)),
-                      isStreaming: isStreaming && isLast,
+                      isStreaming: isStreaming && isLast && !workingMatch,
                       sources: sourceSummaries
                     }
                   ),
@@ -1895,7 +1894,7 @@ ${sanitize(
                         fullWidth: true,
                         multiline: true,
                         maxRows: compactMobile ? 6 : 12,
-                        placeholder: isIncognito ? "Incognito chat \u2014 not saved" : "What's on your mind?",
+                        placeholder: isIncognito ? "Temporary chat \u2014 not saved" : "What's on your mind?",
                         value: inputValue,
                         onChange: (e) => setInputValue(e.target.value),
                         onKeyDown: handleKeyPress,
@@ -2019,7 +2018,7 @@ ${sanitize(
                           fullWidth: true,
                           multiline: true,
                           maxRows: 6,
-                          placeholder: isIncognito ? "Incognito chat \u2014 not saved" : "What's on your mind?",
+                          placeholder: isIncognito ? "Temporary chat \u2014 not saved" : "What's on your mind?",
                           value: inputValue,
                           onChange: (e) => setInputValue(e.target.value),
                           onKeyDown: handleKeyPress,
@@ -2037,26 +2036,29 @@ ${sanitize(
                           sx: { flex: 1, alignSelf: "center", mx: 0.5 }
                         }
                       ),
-                      /* @__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,
-                        {
-                          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" })
-                        }
-                      ) }) }) })
+                      /* @__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" })
+                          }
+                        ) }) })
+                      ] })
                     ]
                   }
                 ),
@@ -2103,7 +2105,7 @@ ${sanitize(
               ]
             }
           ),
-          !isMobile && /* @__PURE__ */ jsxs6(
+          (!isMobile || isIncognito) && /* @__PURE__ */ jsx9(
             Typography3,
             {
               variant: "caption",
@@ -2115,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.`
             }
           )
         ]
@@ -5312,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,
@@ -9163,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,
@@ -9268,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: {
@@ -9316,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, {})
                     }
                   )
-                ] })
-              ]
+                }
+              )
             }
           )
         ]
@@ -10433,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;
@@ -10548,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);
@@ -11401,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.
@@ -11429,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,
             {
@@ -11680,4 +11367,4 @@ var chat_default = Chat;
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-RRSACJI2.mjs.map
+//# sourceMappingURL=chunk-3LOS2EAN.mjs.map