opencami 1.8.7 → 1.8.9

package/dist/server/assets/{_sessionKey-BzM-igv7.js → _sessionKey-B6iYeyCS.js}

@@ -4,7 +4,7 @@ import * as React from "react";
 import React__default, { useState, useCallback, memo, useDeferredValue, useMemo, Suspense, lazy, useRef, useEffect, useLayoutEffect, createContext, useContext } from "react";
 import { useQueryClient, useMutation, useQuery } from "@tanstack/react-query";
 import { T as TooltipProvider, a as TooltipRoot, b as TooltipTrigger, c as TooltipContent, s as setChatUiState, d as chatUiQueryKey, g as getChatUiState } from "./tooltip-DgsSPocE.js";
-import { Tick01Icon, Cancel01Icon, MoreHorizontalIcon, Pen01Icon, Upload01Icon, Delete01Icon, BotIcon, Clock01Icon, Chat01Icon, ArrowRight01Icon, SidebarLeft01Icon, PencilEdit02Icon, Folder01Icon, AiBrain01Icon, PackageOpenIcon, SmartPhone01Icon, DashboardCircleIcon, Search01Icon, Settings01Icon, Menu01Icon, Tick02Icon, Copy01Icon, Loading02Icon, StopIcon, VolumeHighIcon, Loading03Icon, ArrowDown01Icon, File01Icon, ArtificialIntelligence02Icon, CommandIcon, Attachment01Icon, Mic02Icon, ArrowUp02Icon } from "@hugeicons/core-free-icons";
+import { Tick01Icon, Cancel01Icon, MoreHorizontalIcon, Pen01Icon, Upload01Icon, Delete01Icon, BotIcon, Clock01Icon, Chat01Icon, ArrowRight01Icon, SidebarLeft01Icon, PencilEdit02Icon, Folder01Icon, AiBrain01Icon, PackageOpenIcon, SmartPhone01Icon, DashboardCircleIcon, Search01Icon, Settings01Icon, Menu01Icon, Tick02Icon, Copy01Icon, Loading02Icon, StopIcon, VolumeHighIcon, Loading03Icon, ArrowDown01Icon, File01Icon, CommandIcon, Attachment01Icon, Mic02Icon, ArrowUp02Icon } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { motion, AnimatePresence } from "motion/react";
 import { AlertDialog } from "@base-ui/react/alert-dialog";
@@ -19,7 +19,7 @@ import { u as useChatSettings$1 } from "./index-BEWnDAH6.js";
 import { createPortal } from "react-dom";
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
-import { a as Route } from "./router-BqPDQeCx.js";
+import { a as Route } from "./router-BqLGFd4L.js";
 function deriveFriendlyIdFromKey(key) {
   if (!key) return "main";
   const trimmed = key.trim();
@@ -1681,7 +1681,7 @@ function areSidebarSessionsEqual(prev, next) {
   return true;
 }
 const SettingsDialog = lazy(
-  () => import("./settings-dialog-BQzn6fyF.js").then((m) => ({ default: m.SettingsDialog }))
+  () => import("./settings-dialog-BZ67gr9N.js").then((m) => ({ default: m.SettingsDialog }))
 );
 const SessionExportDialog = lazy(
   () => import("./session-export-dialog-C53RRAah.js").then((m) => ({
@@ -2828,7 +2828,7 @@ function Tool({ toolPart, defaultOpen = false }) {
   ] }) });
 }
 const Thinking = lazy(
-  () => import("./thinking-D6q1tJkk.js").then((m) => ({
+  () => import("./thinking-CA8PSwKJ.js").then((m) => ({
     default: m.Thinking
   }))
 );
@@ -3469,7 +3469,7 @@ function TypingIndicator({ className }) {
   ] });
 }
 const FollowUpSuggestions = lazy(
-  () => import("./follow-up-suggestions-DhBZIszK.js").then((m) => ({
+  () => import("./follow-up-suggestions-mzRQIB0k.js").then((m) => ({
     default: m.FollowUpSuggestions
   }))
 );
@@ -3783,6 +3783,120 @@ const MemoizedChatMessageList = memo(
   ChatMessageListComponent,
   areChatMessageListEqual
 );
+const useThinkingLevelStore = create()(
+  persist(
+    (set) => ({
+      level: "low",
+      setLevel: (level) => set({ level })
+    }),
+    { name: "thinking-level" }
+  )
+);
+function useThinkingLevel() {
+  const level = useThinkingLevelStore((state) => state.level);
+  const setLevel = useThinkingLevelStore((state) => state.setLevel);
+  return { level, setLevel };
+}
+const THINKING_OPTIONS = [
+  { value: "off", label: "Off", description: "No reasoning", shortLabel: "Off" },
+  { value: "low", label: "Low", description: "Think", shortLabel: "Low" },
+  { value: "medium", label: "Medium", description: "Think harder", shortLabel: "Medium" },
+  { value: "high", label: "High", description: "Ultrathink", shortLabel: "High" }
+];
+function ThinkingLevelSelector({ className }) {
+  const { level, setLevel } = useThinkingLevel();
+  const current = THINKING_OPTIONS.find((option) => option.value === level) ?? THINKING_OPTIONS[1];
+  return /* @__PURE__ */ jsxs(MenuRoot, { children: [
+    /* @__PURE__ */ jsxs(
+      MenuTrigger,
+      {
+        className: cn(
+          "inline-flex h-7 items-center gap-2 rounded-md px-2 text-xs font-[450] text-primary-600 hover:text-primary-900 hover:bg-primary-100",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            HugeiconsIcon,
+            {
+              icon: AiBrain01Icon,
+              size: 20,
+              strokeWidth: 1.5,
+              className: cn(level === "off" ? "text-primary-400" : "text-primary-700")
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-pretty", children: current.shortLabel })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(MenuContent, { side: "top", align: "start", className: "min-w-[190px]", children: THINKING_OPTIONS.map((option) => /* @__PURE__ */ jsxs(
+      MenuItem,
+      {
+        onClick: () => setLevel(option.value),
+        className: "justify-between",
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex flex-col text-pretty", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-primary-900", children: option.label }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-primary-500", children: option.description })
+          ] }),
+          level === option.value && /* @__PURE__ */ jsx(
+            HugeiconsIcon,
+            {
+              icon: Tick02Icon,
+              size: 20,
+              strokeWidth: 1.5,
+              className: "text-primary-600"
+            }
+          )
+        ]
+      },
+      option.value
+    )) })
+  ] });
+}
+function SlashCommandMenuComponent({
+  commands,
+  selectedIndex,
+  onSelect,
+  className
+}) {
+  if (commands.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "absolute left-2 right-2 md:left-5 md:right-5 bottom-full mb-2 z-20 rounded-xl border border-white/10 bg-neutral-900/95 shadow-2xl backdrop-blur-sm overflow-hidden",
+        className
+      ),
+      role: "listbox",
+      "aria-label": "Slash commands",
+      children: /* @__PURE__ */ jsx("div", { className: "max-h-56 overflow-y-auto p-1", children: commands.map((item, index) => {
+        const active = index === selectedIndex;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": active,
+            onMouseDown: (event) => {
+              event.preventDefault();
+              onSelect(item);
+            },
+            className: cn(
+              "w-full rounded-md px-3 py-2 text-left transition-colors",
+              active ? "bg-neutral-800" : "hover:bg-neutral-800/80"
+            ),
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+              /* @__PURE__ */ jsx("code", { className: "min-w-[90px] font-mono text-xs text-primary-300", children: item.command }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-neutral-300", children: item.description })
+            ] })
+          },
+          item.command
+        );
+      }) })
+    }
+  );
+}
+const SlashCommandMenu = memo(SlashCommandMenuComponent);
 const PromptInputContext = createContext({
   isLoading: false,
   value: "",
@@ -3965,138 +4079,6 @@ function PromptInputAction({
     /* @__PURE__ */ jsx(TooltipContent, { side, className, children: tooltip })
   ] });
 }
-const STORAGE_KEY = "opencami-selected-model";
-function getStoredModel() {
-  if (typeof window === "undefined") return null;
-  try {
-    return localStorage.getItem(STORAGE_KEY);
-  } catch {
-    return null;
-  }
-}
-function setStoredModel(modelId) {
-  if (typeof window === "undefined") return;
-  try {
-    localStorage.setItem(STORAGE_KEY, modelId);
-  } catch {
-  }
-}
-function ModelSelector({ className, onModelChange }) {
-  const [models, setModels] = useState([]);
-  const [selectedModel, setSelectedModel] = useState("");
-  const [isLoading, setIsLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const abortControllerRef = useRef(null);
-  useEffect(() => {
-    let mounted = true;
-    async function fetchModels() {
-      abortControllerRef.current?.abort();
-      const controller = new AbortController();
-      abortControllerRef.current = controller;
-      try {
-        setIsLoading(true);
-        setError(null);
-        const response = await fetch("/api/models", { signal: controller.signal });
-        if (!response.ok) {
-          throw new Error("Failed to fetch models");
-        }
-        const data = await response.json();
-        if (!mounted) return;
-        if (data.ok && data.models.length > 0) {
-          setModels(data.models);
-          const storedModel = getStoredModel();
-          const initialModel = storedModel && data.models.some((m) => m.id === storedModel) ? storedModel : data.defaultModel;
-          setSelectedModel(initialModel);
-          onModelChange?.(initialModel);
-        } else {
-          throw new Error("No models available");
-        }
-      } catch (err) {
-        if (err instanceof Error && err.name === "AbortError") return;
-        if (!mounted) return;
-        console.error("[model-selector] Error fetching models:", err);
-        setError(err instanceof Error ? err.message : "Failed to load models");
-        setModels([{ id: "default", name: "Default Model" }]);
-        setSelectedModel("default");
-      } finally {
-        if (mounted) {
-          setIsLoading(false);
-        }
-      }
-    }
-    fetchModels();
-    return () => {
-      mounted = false;
-      abortControllerRef.current?.abort();
-    };
-  }, [onModelChange]);
-  function handleModelSelect(modelId) {
-    setSelectedModel(modelId);
-    setStoredModel(modelId);
-    onModelChange?.(modelId);
-  }
-  if (isLoading) {
-    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2 text-xs text-primary-500", className), children: [
-      /* @__PURE__ */ jsx(HugeiconsIcon, { icon: ArtificialIntelligence02Icon, size: 14 }),
-      /* @__PURE__ */ jsx("span", { children: "Loading..." })
-    ] });
-  }
-  if (error || models.length === 0) {
-    return null;
-  }
-  const selectedModelInfo = models.find((m) => m.id === selectedModel);
-  const displayName = selectedModelInfo?.name || "Select Model";
-  const shortDisplayName = (() => {
-    if (!selectedModelInfo?.name) return displayName;
-    const name = selectedModelInfo.name;
-    const clean = name.replace(/\s*\([^)]*\)\s*$/, "").trim();
-    const words = clean.split(/\s+/);
-    if (words.length > 3) return words.slice(0, 3).join(" ");
-    return clean;
-  })();
-  if (models.length === 1) {
-    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2 text-xs text-primary-500", className), children: [
-      /* @__PURE__ */ jsx(HugeiconsIcon, { icon: ArtificialIntelligence02Icon, size: 14 }),
-      /* @__PURE__ */ jsx("span", { className: "font-[450] md:hidden", children: shortDisplayName }),
-      /* @__PURE__ */ jsx("span", { className: "font-[450] hidden md:inline", children: displayName })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(MenuRoot, { children: [
-    /* @__PURE__ */ jsxs(
-      MenuTrigger,
-      {
-        className: cn(
-          "inline-flex h-7 items-center gap-2 rounded-md px-2 text-xs font-[450] text-primary-600 hover:text-primary-900 hover:bg-primary-100",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(HugeiconsIcon, { icon: ArtificialIntelligence02Icon, size: 14 }),
-          /* @__PURE__ */ jsx("span", { className: "md:hidden", children: shortDisplayName }),
-          /* @__PURE__ */ jsx("span", { className: "hidden md:inline", children: displayName })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(MenuContent, { side: "top", align: "start", children: models.map((model) => /* @__PURE__ */ jsxs(
-      MenuItem,
-      {
-        onClick: () => handleModelSelect(model.id),
-        className: "justify-between min-w-[180px]",
-        children: [
-          /* @__PURE__ */ jsx("span", { children: model.name }),
-          selectedModel === model.id && /* @__PURE__ */ jsx(
-            HugeiconsIcon,
-            {
-              icon: Tick02Icon,
-              size: 14,
-              className: "text-primary-600"
-            }
-          )
-        ]
-      },
-      model.id
-    )) })
-  ] });
-}
 const PERSONAS_ENABLED_KEY = "opencami-personas-enabled";
 const ACTIVE_PERSONA_KEY = "opencami-active-persona";
 function isPersonasEnabled() {
@@ -4672,120 +4654,6 @@ function AttachmentPreviewList({
     attachment.id
   )) });
 }
-function SlashCommandMenuComponent({
-  commands,
-  selectedIndex,
-  onSelect,
-  className
-}) {
-  if (commands.length === 0) return null;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "absolute left-2 right-2 md:left-5 md:right-5 bottom-full mb-2 z-20 rounded-xl border border-white/10 bg-neutral-900/95 shadow-2xl backdrop-blur-sm overflow-hidden",
-        className
-      ),
-      role: "listbox",
-      "aria-label": "Slash commands",
-      children: /* @__PURE__ */ jsx("div", { className: "max-h-56 overflow-y-auto p-1", children: commands.map((item, index) => {
-        const active = index === selectedIndex;
-        return /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            role: "option",
-            "aria-selected": active,
-            onMouseDown: (event) => {
-              event.preventDefault();
-              onSelect(item);
-            },
-            className: cn(
-              "w-full rounded-md px-3 py-2 text-left transition-colors",
-              active ? "bg-neutral-800" : "hover:bg-neutral-800/80"
-            ),
-            children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-              /* @__PURE__ */ jsx("code", { className: "min-w-[90px] font-mono text-xs text-primary-300", children: item.command }),
-              /* @__PURE__ */ jsx("span", { className: "text-xs text-neutral-300", children: item.description })
-            ] })
-          },
-          item.command
-        );
-      }) })
-    }
-  );
-}
-const SlashCommandMenu = memo(SlashCommandMenuComponent);
-const useThinkingLevelStore = create()(
-  persist(
-    (set) => ({
-      level: "low",
-      setLevel: (level) => set({ level })
-    }),
-    { name: "thinking-level" }
-  )
-);
-function useThinkingLevel() {
-  const level = useThinkingLevelStore((state) => state.level);
-  const setLevel = useThinkingLevelStore((state) => state.setLevel);
-  return { level, setLevel };
-}
-const THINKING_OPTIONS = [
-  { value: "off", label: "Off", description: "No reasoning", shortLabel: "Off" },
-  { value: "low", label: "Low", description: "Think", shortLabel: "Low" },
-  { value: "medium", label: "Medium", description: "Think harder", shortLabel: "Medium" },
-  { value: "high", label: "High", description: "Ultrathink", shortLabel: "High" }
-];
-function ThinkingLevelSelector({ className }) {
-  const { level, setLevel } = useThinkingLevel();
-  const current = THINKING_OPTIONS.find((option) => option.value === level) ?? THINKING_OPTIONS[1];
-  return /* @__PURE__ */ jsxs(MenuRoot, { children: [
-    /* @__PURE__ */ jsxs(
-      MenuTrigger,
-      {
-        className: cn(
-          "inline-flex h-7 items-center gap-2 rounded-md px-2 text-xs font-[450] text-primary-600 hover:text-primary-900 hover:bg-primary-100",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(
-            HugeiconsIcon,
-            {
-              icon: AiBrain01Icon,
-              size: 20,
-              strokeWidth: 1.5,
-              className: cn(level === "off" ? "text-primary-400" : "text-primary-700")
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "text-pretty", children: current.shortLabel })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(MenuContent, { side: "top", align: "start", className: "min-w-[190px]", children: THINKING_OPTIONS.map((option) => /* @__PURE__ */ jsxs(
-      MenuItem,
-      {
-        onClick: () => setLevel(option.value),
-        className: "justify-between",
-        children: [
-          /* @__PURE__ */ jsxs("span", { className: "flex flex-col text-pretty", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-sm text-primary-900", children: option.label }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-primary-500", children: option.description })
-          ] }),
-          level === option.value && /* @__PURE__ */ jsx(
-            HugeiconsIcon,
-            {
-              icon: Tick02Icon,
-              size: 20,
-              strokeWidth: 1.5,
-              className: "text-primary-600"
-            }
-          )
-        ]
-      },
-      option.value
-    )) })
-  ] });
-}
 const FALLBACK_SLASH_COMMANDS = [
   // Model aliases
   { command: "/haiku", description: "Switch to Claude Haiku 4.5" },
@@ -4809,12 +4677,21 @@ const FALLBACK_SLASH_COMMANDS = [
   { command: "/status", description: "Show session status & usage" },
   { command: "/whoami", description: "Show your sender ID" },
   { command: "/context", description: "Show context window details" },
-  { command: "/usage", description: "Toggle usage footer (off/tokens/full/cost)" },
+  {
+    command: "/usage",
+    description: "Toggle usage footer (off/tokens/full/cost)"
+  },
   // Directives
-  { command: "/think", description: "Set thinking level (off/low/medium/high)" },
+  {
+    command: "/think",
+    description: "Set thinking level (off/low/medium/high)"
+  },
   { command: "/reasoning", description: "Toggle reasoning (on/off/stream)" },
   { command: "/verbose", description: "Toggle verbose mode (on/full/off)" },
-  { command: "/elevated", description: "Toggle elevated permissions (on/off/ask)" },
+  {
+    command: "/elevated",
+    description: "Toggle elevated permissions (on/off/ask)"
+  },
   { command: "/exec", description: "Configure exec settings" },
   { command: "/queue", description: "Show/configure message queue" },
   // TTS
@@ -4831,13 +4708,28 @@ const FALLBACK_SLASH_COMMANDS = [
   { command: "/debug", description: "Runtime overrides (owner-only)" },
   { command: "/send", description: "Toggle message sending (on/off)" },
   { command: "/restart", description: "Restart gateway" },
-  { command: "/activation", description: "Set activation mode (mention/always)" },
+  {
+    command: "/activation",
+    description: "Set activation mode (mention/always)"
+  },
   // Channels
   { command: "/dock-telegram", description: "Switch replies to Telegram" },
   { command: "/dock-discord", description: "Switch replies to Discord" },
   // Other
   { command: "/bash", description: "Run host shell command" }
 ];
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function removeUploadedFilePrompt(value, uploadedPath) {
+  const escapedPath = escapeRegExp(uploadedPath);
+  const uploadedFileBlockRegex = new RegExp(
+    `(?:^|\\n\\n)📎 Uploaded file: ${escapedPath}\\n\\nPlease analyze this file\\.(?=\\n\\n|$)`
+  );
+  return value.replace(uploadedFileBlockRegex, (match, offset) => {
+    return offset === 0 ? "" : "\n\n";
+  }).trim();
+}
 function ChatComposerComponent({
   onSubmit,
   isLoading,
@@ -4854,18 +4746,27 @@ function ChatComposerComponent({
   const [isRecording, setIsRecording] = useState(false);
   const [recordingTime, setRecordingTime] = useState(0);
   const [sttLoading, setSttLoading] = useState(false);
+  const [micError, setMicError] = useState(null);
   const mediaRecorderRef = useRef(null);
   const recordingChunksRef = useRef([]);
   const recordingTimerRef = useRef(null);
   const sttAbortControllerRef = useRef(null);
   const webSpeechRef = useRef(null);
   const promptRef = useRef(null);
-  const showSlashCommands = useMemo(() => /^\/\S*$/.test(value) && !slashMenuDismissed, [value, slashMenuDismissed]);
-  const slashQuery = useMemo(() => showSlashCommands ? value.slice(1).toLowerCase() : "", [showSlashCommands, value]);
+  const showSlashCommands = useMemo(
+    () => /^\/\S*$/.test(value) && !slashMenuDismissed,
+    [value, slashMenuDismissed]
+  );
+  const slashQuery = useMemo(
+    () => showSlashCommands ? value.slice(1).toLowerCase() : "",
+    [showSlashCommands, value]
+  );
   const filteredSlashCommands = useMemo(() => {
     if (!showSlashCommands) return [];
     if (!slashQuery) return FALLBACK_SLASH_COMMANDS;
-    return FALLBACK_SLASH_COMMANDS.filter((item) => item.command.slice(1).toLowerCase().startsWith(slashQuery));
+    return FALLBACK_SLASH_COMMANDS.filter(
+      (item) => item.command.slice(1).toLowerCase().startsWith(slashQuery)
+    );
   }, [showSlashCommands, slashQuery]);
   const setPromptRef = useCallback(
     (element) => {
@@ -4886,6 +4787,9 @@ function ChatComposerComponent({
       promptRef.current?.focus();
     });
   }, []);
+  const showMicError = useCallback((message) => {
+    setMicError(message);
+  }, []);
   const reset = useCallback(() => {
     setValue("");
     setAttachments([]);
@@ -4911,66 +4815,86 @@ ${template}`;
       body: JSON.stringify({ path: "/uploads" })
     });
   }, []);
-  const uploadAttachmentFile = useCallback(async (file) => {
-    const id = crypto.randomUUID();
-    if (!isAcceptedNonImage(file)) {
-      return {
-        id,
-        file,
-        preview: null,
-        type: "file",
-        base64: null,
-        error: "Unsupported file type for upload."
-      };
-    }
-    try {
-      await ensureUploadsDirectory();
-      const formData = new FormData();
-      formData.append("path", "/uploads");
-      formData.append("file", file);
-      const response = await fetch("/api/files/upload", {
-        method: "POST",
-        body: formData
-      });
-      if (!response.ok) {
-        const message = await response.text();
-        throw new Error(message || "File upload failed");
+  const uploadAttachmentFile = useCallback(
+    async (file) => {
+      const id = crypto.randomUUID();
+      if (!isAcceptedNonImage(file)) {
+        return {
+          id,
+          file,
+          preview: null,
+          type: "file",
+          base64: null,
+          error: "Unsupported file type for upload."
+        };
       }
-      const data = await response.json();
-      const uploadedPath = data.files?.[0]?.path;
-      if (!uploadedPath) {
-        throw new Error("Upload succeeded but no path was returned");
+      try {
+        await ensureUploadsDirectory();
+        const formData = new FormData();
+        formData.append("path", "/uploads");
+        formData.append("file", file);
+        const response = await fetch("/api/files/upload", {
+          method: "POST",
+          body: formData
+        });
+        if (!response.ok) {
+          const message = await response.text();
+          throw new Error(message || "File upload failed");
+        }
+        const data = await response.json();
+        const uploadedPath = data.files?.[0]?.path;
+        if (!uploadedPath) {
+          throw new Error("Upload succeeded but no path was returned");
+        }
+        appendUploadedFilePrompt(uploadedPath);
+        return {
+          id,
+          file,
+          preview: null,
+          type: "file",
+          base64: null,
+          uploadedPath
+        };
+      } catch (err) {
+        return {
+          id,
+          file,
+          preview: null,
+          type: "file",
+          base64: null,
+          error: err instanceof Error ? err.message : "File upload failed"
+        };
       }
-      appendUploadedFilePrompt(uploadedPath);
-      return {
-        id,
-        file,
-        preview: null,
-        type: "file",
-        base64: null,
-        uploadedPath
-      };
-    } catch (err) {
-      return {
-        id,
-        file,
-        preview: null,
-        type: "file",
-        base64: null,
-        error: err instanceof Error ? err.message : "File upload failed"
-      };
-    }
-  }, [appendUploadedFilePrompt, ensureUploadsDirectory]);
-  const handleFilesSelect = useCallback(async (files) => {
-    if (files.length === 0) return;
-    const nextAttachments = await Promise.all(
-      files.map((file) => isAcceptedImage(file) ? createAttachmentFromFile(file) : uploadAttachmentFile(file))
-    );
-    setAttachments((prev) => [...prev, ...nextAttachments]);
-    focusPrompt();
-  }, [focusPrompt, uploadAttachmentFile]);
+    },
+    [appendUploadedFilePrompt, ensureUploadsDirectory]
+  );
+  const handleFilesSelect = useCallback(
+    async (files) => {
+      if (files.length === 0) return;
+      const nextAttachments = await Promise.all(
+        files.map(
+          (file) => isAcceptedImage(file) ? createAttachmentFromFile(file) : uploadAttachmentFile(file)
+        )
+      );
+      setAttachments((prev) => [...prev, ...nextAttachments]);
+      focusPrompt();
+    },
+    [focusPrompt, uploadAttachmentFile]
+  );
   const handleRemoveAttachment = useCallback((id) => {
-    setAttachments((prev) => prev.filter((a) => a.id !== id));
+    let removedUploadedPath;
+    setAttachments((prev) => {
+      const attachmentToRemove = prev.find((attachment) => attachment.id === id);
+      if (attachmentToRemove?.uploadedPath) {
+        removedUploadedPath = attachmentToRemove.uploadedPath;
+      }
+      return prev.filter((attachment) => attachment.id !== id);
+    });
+    if (removedUploadedPath) {
+      setValue(
+        (currentValue) => removeUploadedFilePrompt(currentValue, removedUploadedPath)
+      );
+    }
   }, []);
   const handleDragOver = useCallback((event) => {
     const hasFiles = Array.from(event.dataTransfer.types).includes("Files");
@@ -4985,13 +4909,16 @@ ${template}`;
     if (nextTarget && event.currentTarget.contains(nextTarget)) return;
     setIsDragActive(false);
   }, []);
-  const handleDrop = useCallback(async (event) => {
-    event.preventDefault();
-    setIsDragActive(false);
-    const files = Array.from(event.dataTransfer.files ?? []);
-    if (files.length === 0) return;
-    await handleFilesSelect(files);
-  }, [handleFilesSelect]);
+  const handleDrop = useCallback(
+    async (event) => {
+      event.preventDefault();
+      setIsDragActive(false);
+      const files = Array.from(event.dataTransfer.files);
+      if (files.length === 0) return;
+      await handleFilesSelect(files);
+    },
+    [handleFilesSelect]
+  );
   const setComposerValue = useCallback(
     (nextValue) => {
       setValue(nextValue);
@@ -5018,14 +4945,22 @@ ${template}`;
   const handleSubmit = useCallback(() => {
     if (disabled) return;
     if (showSlashCommands && filteredSlashCommands.length > 0) {
-      const nextIndex = Math.min(selectedCommandIndex, filteredSlashCommands.length - 1);
+      const nextIndex = Math.min(
+        selectedCommandIndex,
+        filteredSlashCommands.length - 1
+      );
       selectSlashCommand(filteredSlashCommands[nextIndex]);
       return;
     }
     const body = value.trim();
     const validAttachments2 = attachments.filter((a) => !a.error && a.base64);
     if (body.length === 0 && validAttachments2.length === 0) return;
-    onSubmit(body, { reset, setValue: setComposerValue, model: selectedModel || void 0, attachments: validAttachments2 });
+    onSubmit(body, {
+      reset,
+      setValue: setComposerValue,
+      model: selectedModel || void 0,
+      attachments: validAttachments2
+    });
     focusPrompt();
   }, [
     disabled,
@@ -5043,7 +4978,12 @@ ${template}`;
   ]);
   const handlePersonaSelect = useCallback(
     (command) => {
-      onSubmit(command, { reset, setValue: setComposerValue, model: selectedModel || void 0, attachments: [] });
+      onSubmit(command, {
+        reset,
+        setValue: setComposerValue,
+        model: selectedModel || void 0,
+        attachments: []
+      });
       focusPrompt();
     },
     [focusPrompt, onSubmit, reset, setComposerValue, selectedModel]
@@ -5060,21 +5000,33 @@ ${template}`;
       if (filteredSlashCommands.length === 0) return;
       if (event.key === "ArrowDown") {
         event.preventDefault();
-        setSelectedCommandIndex((prev) => (prev + 1) % filteredSlashCommands.length);
+        setSelectedCommandIndex(
+          (prev) => (prev + 1) % filteredSlashCommands.length
+        );
         return;
       }
       if (event.key === "ArrowUp") {
         event.preventDefault();
-        setSelectedCommandIndex((prev) => (prev - 1 + filteredSlashCommands.length) % filteredSlashCommands.length);
+        setSelectedCommandIndex(
+          (prev) => (prev - 1 + filteredSlashCommands.length) % filteredSlashCommands.length
+        );
         return;
       }
       if (event.key === "Tab") {
         event.preventDefault();
-        const nextIndex = Math.min(selectedCommandIndex, filteredSlashCommands.length - 1);
+        const nextIndex = Math.min(
+          selectedCommandIndex,
+          filteredSlashCommands.length - 1
+        );
         selectSlashCommand(filteredSlashCommands[nextIndex]);
       }
     },
-    [showSlashCommands, filteredSlashCommands, selectedCommandIndex, selectSlashCommand]
+    [
+      showSlashCommands,
+      filteredSlashCommands,
+      selectedCommandIndex,
+      selectSlashCommand
+    ]
   );
   useEffect(() => {
     return () => {
@@ -5109,11 +5061,12 @@ ${template}`;
     setRecordingTime(0);
   }, []);
   const startRecording = useCallback(async () => {
+    setMicError(null);
     const provider = getSttProvider();
     if (provider === "browser") {
       const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
       if (!SpeechRecognition) {
-        alert("Web Speech API is not supported in this browser.");
+        showMicError("Web Speech API is not supported in this browser.");
         return;
       }
       const recognition = new SpeechRecognition();
@@ -5145,6 +5098,7 @@ ${template}`;
         setRecordingTime(0);
         if (recordingTimerRef.current) clearInterval(recordingTimerRef.current);
         if (transcript.trim()) {
+          setMicError(null);
           setValue((prev) => prev + (prev ? " " : "") + transcript.trim());
           focusPrompt();
         }
@@ -5153,6 +5107,9 @@ ${template}`;
         setIsRecording(false);
         setRecordingTime(0);
         if (recordingTimerRef.current) clearInterval(recordingTimerRef.current);
+        showMicError(
+          "Speech recognition failed. Try the Browser provider again or switch providers in Settings."
+        );
       };
       recognition.start();
       return;
@@ -5168,29 +5125,42 @@ ${template}`;
       };
       recorder.onstop = async () => {
         stream.getTracks().forEach((t) => t.stop());
-        const audioBlob = new Blob(recordingChunksRef.current, { type: mimeType });
+        const audioBlob = new Blob(recordingChunksRef.current, {
+          type: mimeType
+        });
         if (audioBlob.size === 0) return;
         setSttLoading(true);
         try {
           const formData = new FormData();
-          formData.append("audio", audioBlob, `recording.${mimeType === "audio/webm" ? "webm" : "mp4"}`);
+          formData.append(
+            "audio",
+            audioBlob,
+            `recording.${mimeType === "audio/webm" ? "webm" : "mp4"}`
+          );
           if (provider !== "auto") formData.append("provider", provider);
           sttAbortControllerRef.current?.abort();
           const controller = new AbortController();
           sttAbortControllerRef.current = controller;
-          const res = await fetch("/api/stt", { method: "POST", body: formData, signal: controller.signal });
+          const res = await fetch("/api/stt", {
+            method: "POST",
+            body: formData,
+            signal: controller.signal
+          });
           const data = await res.json();
           if (data.ok && data.text) {
+            setMicError(null);
             setValue((prev) => prev + (prev ? " " : "") + data.text);
             focusPrompt();
           } else if (!data.ok) {
             console.warn("STT failed:", data.error);
-            alert(data.error || "Speech-to-text failed. Try the Browser provider in Settings.");
+            showMicError(
+              data.error || "Speech-to-text failed. Try the Browser provider in Settings."
+            );
           }
         } catch (err) {
           if (err instanceof Error && err.name === "AbortError") return;
           console.warn("STT request failed:", err);
-          alert("Could not reach speech-to-text service.");
+          showMicError("Could not reach speech-to-text service.");
         } finally {
           setSttLoading(false);
         }
@@ -5211,20 +5181,28 @@ ${template}`;
       const msg = err instanceof Error ? err.message : String(err);
       if (msg.includes("NotAllowedError") || msg.includes("Permission")) {
         try {
-          const status = await navigator.permissions.query({ name: "microphone" });
+          const status = await navigator.permissions.query({
+            name: "microphone"
+          });
           if (status.state === "denied") {
-            alert("Microphone access is blocked. Please enable it in your browser/app settings.");
+            showMicError(
+              "Microphone access is blocked. Please enable it in your browser/app settings."
+            );
           } else {
-            alert("Microphone permission was not granted. Please try again and allow access when prompted.");
+            showMicError(
+              "Microphone permission was not granted. Please try again and allow access when prompted."
+            );
           }
         } catch {
-          alert("Could not access microphone. Please check your browser settings and allow microphone access for this site.");
+          showMicError(
+            "Could not access microphone. Please check your browser settings and allow microphone access for this site."
+          );
         }
       } else {
-        alert("Could not access microphone: " + msg);
+        showMicError("Could not access microphone: " + msg);
       }
     }
-  }, [getSttProvider, stopRecording, focusPrompt]);
+  }, [getSttProvider, stopRecording, focusPrompt, showMicError]);
   const handleMicClick = useCallback(() => {
     if (isRecording) {
       stopRecording();
@@ -5260,11 +5238,23 @@ ${template}`;
                   onRemove: handleRemoveAttachment
                 }
               ),
+              micError && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "mx-3 mt-3 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-red-900/40 dark:bg-red-950/40 dark:text-red-200",
+                  role: "alert",
+                  "aria-live": "polite",
+                  children: micError
+                }
+              ),
               showSlashCommands && filteredSlashCommands.length > 0 && /* @__PURE__ */ jsx(
                 SlashCommandMenu,
                 {
                   commands: filteredSlashCommands,
-                  selectedIndex: Math.min(selectedCommandIndex, filteredSlashCommands.length - 1),
+                  selectedIndex: Math.min(
+                    selectedCommandIndex,
+                    filteredSlashCommands.length - 1
+                  ),
                   onSelect: selectSlashCommand
                 }
               ),
@@ -5278,10 +5268,14 @@ ${template}`;
               ),
               /* @__PURE__ */ jsxs(PromptInputActions, { className: "justify-between px-3", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ jsx(ModelSelector, { onModelChange: setSelectedModel }),
                   /* @__PURE__ */ jsx(ThinkingLevelSelector, {}),
                   /* @__PURE__ */ jsx(PersonaPicker, { onSelect: handlePersonaSelect }),
-                  /* @__PURE__ */ jsx(CommandHelp, { onCommandSelect: (cmd) => handleValueChange(cmd + " ") })
+                  /* @__PURE__ */ jsx(
+                    CommandHelp,
+                    {
+                      onCommandSelect: (cmd) => handleValueChange(cmd + " ")
+                    }
+                  )
                 ] }),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
                   /* @__PURE__ */ jsx(
@@ -5291,26 +5285,32 @@ ${template}`;
                       disabled
                     }
                   ),
-                  /* @__PURE__ */ jsx(PromptInputAction, { tooltip: isRecording ? "Stop recording" : "Voice input", children: /* @__PURE__ */ jsx(
-                    Button,
+                  /* @__PURE__ */ jsx(
+                    PromptInputAction,
                     {
-                      onClick: handleMicClick,
-                      disabled: disabled || sttLoading,
-                      size: "icon-sm",
-                      variant: isRecording ? "destructive" : "ghost",
-                      className: `rounded-full ${isRecording ? "animate-pulse" : ""}`,
-                      "aria-label": isRecording ? "Stop recording" : "Voice input",
-                      children: sttLoading ? /* @__PURE__ */ jsx("span", { className: "size-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : isRecording ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-                        /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-red-500" }),
-                        /* @__PURE__ */ jsxs("span", { className: "text-xs tabular-nums", children: [
-                          Math.floor(recordingTime / 60),
-                          ":",
-                          String(recordingTime % 60).padStart(2, "0")
-                        ] }),
-                        /* @__PURE__ */ jsx(HugeiconsIcon, { icon: StopIcon, size: 14, strokeWidth: 2 })
-                      ] }) : /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Mic02Icon, size: 18, strokeWidth: 2 })
+                      tooltip: isRecording ? "Stop recording" : "Voice input",
+                      children: /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          onClick: handleMicClick,
+                          disabled: disabled || sttLoading,
+                          size: "icon-sm",
+                          variant: isRecording ? "destructive" : "ghost",
+                          className: `rounded-full ${isRecording ? "animate-pulse" : ""}`,
+                          "aria-label": isRecording ? "Stop recording" : "Voice input",
+                          children: sttLoading ? /* @__PURE__ */ jsx("span", { className: "size-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : isRecording ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+                            /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-red-500" }),
+                            /* @__PURE__ */ jsxs("span", { className: "text-xs tabular-nums", children: [
+                              Math.floor(recordingTime / 60),
+                              ":",
+                              String(recordingTime % 60).padStart(2, "0")
+                            ] }),
+                            /* @__PURE__ */ jsx(HugeiconsIcon, { icon: StopIcon, size: 14, strokeWidth: 2 })
+                          ] }) : /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Mic02Icon, size: 18, strokeWidth: 2 })
+                        }
+                      )
                     }
-                  ) }),
+                  ),
                   /* @__PURE__ */ jsx(PromptInputAction, { tooltip: "Send message", children: /* @__PURE__ */ jsx(
                     Button,
                     {
@@ -5546,10 +5546,25 @@ function useChatSessions({
   isNewChat,
   forcedSessionKey
 }) {
+  const [isDocumentVisible, setIsDocumentVisible] = useState(() => {
+    if (typeof document === "undefined") return true;
+    return document.visibilityState === "visible";
+  });
+  useEffect(() => {
+    if (typeof document === "undefined") return void 0;
+    const handleVisibilityChange = () => {
+      setIsDocumentVisible(document.visibilityState === "visible");
+    };
+    handleVisibilityChange();
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, []);
   const sessionsQuery = useQuery({
     queryKey: chatQueryKeys.sessions,
     queryFn: fetchSessions,
-    refetchInterval: 3e4
+    refetchInterval: isDocumentVisible ? 3e4 : false
   });
   const sessions = useMemo(() => {
     const rawSessions = sessionsQuery.data ?? [];
@@ -6166,7 +6181,6 @@ function useSwipeGesture(options) {
   };
 }
 const ENABLED_KEY = "opencami-browser-notifications-enabled";
-const ASKED_KEY = "opencami-browser-notifications-permission-asked";
 const NOTIFICATION_DEBOUNCE_MS = 5e3;
 function isSupported() {
   return typeof window !== "undefined" && "Notification" in window;
@@ -6199,10 +6213,6 @@ function useNotifications() {
     }
     if (nextEnabled && isSupported() && Notification.permission === "default") {
       await requestPermission();
-      try {
-        localStorage.setItem(ASKED_KEY, "true");
-      } catch {
-      }
     }
   }, [requestPermission]);
   const maybeNotifyAssistantMessage = useCallback((payload) => {
@@ -6223,32 +6233,6 @@ function useNotifications() {
       notification.close();
     };
   }, [enabled, navigate]);
-  useEffect(() => {
-    if (!isSupported()) return;
-    const onFirstInteraction = () => {
-      if (Notification.permission !== "default") return;
-      let asked = false;
-      try {
-        asked = localStorage.getItem(ASKED_KEY) === "true";
-      } catch {
-        asked = false;
-      }
-      if (asked) return;
-      void requestPermission().finally(() => {
-        try {
-          localStorage.setItem(ASKED_KEY, "true");
-        } catch {
-        }
-      });
-    };
-    const options = { once: true, passive: true };
-    window.addEventListener("pointerdown", onFirstInteraction, options);
-    window.addEventListener("keydown", onFirstInteraction, { once: true });
-    return () => {
-      window.removeEventListener("pointerdown", onFirstInteraction);
-      window.removeEventListener("keydown", onFirstInteraction);
-    };
-  }, [requestPermission]);
   useEffect(() => {
     const sync = () => setEnabledState(getNotificationsEnabled());
     window.addEventListener("storage", sync);
@@ -6267,7 +6251,7 @@ const KeyboardShortcutsDialog = lazy(
   }))
 );
 const SearchDialog = lazy(
-  () => import("./search-dialog-DtYc9e4N.js").then((m) => ({
+  () => import("./search-dialog-CmI7naPN.js").then((m) => ({
     default: m.SearchDialog
   }))
 );