opencami 1.3.0 → 1.3.2

package/dist/server/assets/{_sessionKey-ZF1_Jqbt.js → _sessionKey-DVNrEYFh.js}

@@ -21,7 +21,7 @@ import { r as resolveLanguage, u as useChatSettingsStore, C as CodeBlock, a as u
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
 import { createPortal } from "react-dom";
-import { a as Route } from "./router-D5D0udHV.js";
+import { a as Route } from "./router-OoQe2c20.js";
 function deriveFriendlyIdFromKey(key) {
   if (!key) return "main";
   const trimmed = key.trim();
@@ -1649,7 +1649,7 @@ function useRenameSession() {
   return { renameSession, renaming, error };
 }
 const SettingsDialog = lazy(
-  () => import("./settings-dialog-CQFuAt9B.js").then((m) => ({ default: m.SettingsDialog }))
+  () => import("./settings-dialog-BsJsnMiu.js").then((m) => ({ default: m.SettingsDialog }))
 );
 const SessionExportDialog = lazy(
   () => import("./session-export-dialog-DRVbC8Q-.js").then((m) => ({
@@ -2353,6 +2353,7 @@ function MessageActionsBar({
   const [audioState, setAudioState] = useState("idle");
   const audioRef = useRef(null);
   const objectUrlRef = useRef(null);
+  const ttsAbortControllerRef = useRef(null);
   const [ttsEnabled, setTtsEnabled] = useState(() => {
     if (typeof window === "undefined") return true;
     try {
@@ -2373,6 +2374,7 @@ function MessageActionsBar({
   }, []);
   useEffect(() => {
     return () => {
+      ttsAbortControllerRef.current?.abort();
       if (audioRef.current) {
         audioRef.current.pause();
         audioRef.current = null;
@@ -2394,6 +2396,7 @@ function MessageActionsBar({
   };
   const handleTTS = async () => {
     if (audioState === "playing") {
+      ttsAbortControllerRef.current?.abort();
       if (audioRef.current) {
         audioRef.current.pause();
         audioRef.current = null;
@@ -2405,12 +2408,16 @@ function MessageActionsBar({
       setAudioState("idle");
       return;
     }
+    ttsAbortControllerRef.current?.abort();
+    const controller = new AbortController();
+    ttsAbortControllerRef.current = controller;
     setAudioState("loading");
     try {
       const res = await fetch("/api/tts", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ text })
+        body: JSON.stringify({ text }),
+        signal: controller.signal
       });
       if (!res.ok) throw new Error("TTS failed");
       const blob = await res.blob();
@@ -2436,7 +2443,11 @@ function MessageActionsBar({
       };
       await audio.play();
       setAudioState("playing");
-    } catch {
+    } catch (error) {
+      if (error instanceof Error && error.name === "AbortError") {
+        setAudioState("idle");
+        return;
+      }
       setAudioState("idle");
       if (objectUrlRef.current) {
         URL.revokeObjectURL(objectUrlRef.current);
@@ -4448,13 +4459,17 @@ function ModelSelector({ className, onModelChange }) {
   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");
+        const response = await fetch("/api/models", { signal: controller.signal });
         if (!response.ok) {
           throw new Error("Failed to fetch models");
         }
@@ -4470,6 +4485,7 @@ function ModelSelector({ className, onModelChange }) {
           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");
@@ -4484,6 +4500,7 @@ function ModelSelector({ className, onModelChange }) {
     fetchModels();
     return () => {
       mounted = false;
+      abortControllerRef.current?.abort();
     };
   }, [onModelChange]);
   function handleModelSelect(modelId) {
@@ -4598,6 +4615,7 @@ function PersonaPicker({ className, onSelect }) {
   const [isLoading, setIsLoading] = useState(true);
   const [available, setAvailable] = useState(false);
   const [enabled, setEnabled] = useState(isPersonasEnabled);
+  const abortControllerRef = useRef(null);
   useEffect(() => {
     const handleStorage = (e) => {
       if (e.key === PERSONAS_ENABLED_KEY) {
@@ -4610,9 +4628,12 @@ function PersonaPicker({ className, onSelect }) {
   useEffect(() => {
     let mounted = true;
     async function fetchPersonas() {
+      abortControllerRef.current?.abort();
+      const controller = new AbortController();
+      abortControllerRef.current = controller;
       try {
         setIsLoading(true);
-        const response = await fetch("/api/personas");
+        const response = await fetch("/api/personas", { signal: controller.signal });
         if (!response.ok) {
           setAvailable(false);
           return;
@@ -4626,7 +4647,8 @@ function PersonaPicker({ className, onSelect }) {
         } else {
           setAvailable(false);
         }
-      } catch {
+      } catch (error) {
+        if (error instanceof Error && error.name === "AbortError") return;
         if (!mounted) return;
         setAvailable(false);
       } finally {
@@ -4638,6 +4660,7 @@ function PersonaPicker({ className, onSelect }) {
     fetchPersonas();
     return () => {
       mounted = false;
+      abortControllerRef.current?.abort();
     };
   }, []);
   const handleSelectPersona = useCallback(
@@ -5250,6 +5273,7 @@ function ChatComposerComponent({
   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]);
@@ -5401,6 +5425,7 @@ function ChatComposerComponent({
   );
   useEffect(() => {
     return () => {
+      sttAbortControllerRef.current?.abort();
       if (recordingTimerRef.current) clearInterval(recordingTimerRef.current);
       if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") {
         mediaRecorderRef.current.stop();
@@ -5497,7 +5522,10 @@ function ChatComposerComponent({
           const formData = new FormData();
           formData.append("audio", audioBlob, `recording.${mimeType === "audio/webm" ? "webm" : "mp4"}`);
           if (provider !== "auto") formData.append("provider", provider);
-          const res = await fetch("/api/stt", { method: "POST", body: formData });
+          sttAbortControllerRef.current?.abort();
+          const controller = new AbortController();
+          sttAbortControllerRef.current = controller;
+          const res = await fetch("/api/stt", { method: "POST", body: formData, signal: controller.signal });
           const data = await res.json();
           if (data.ok && data.text) {
             setValue((prev) => prev + (prev ? " " : "") + data.text);
@@ -5507,6 +5535,7 @@ function ChatComposerComponent({
             alert(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.");
         } finally {
@@ -6241,7 +6270,7 @@ const KeyboardShortcutsDialog = lazy(
   }))
 );
 const SearchDialog = lazy(
-  () => import("./search-dialog-C8Oy-FBs.js").then((m) => ({
+  () => import("./search-dialog-Bq0Pnxdb.js").then((m) => ({
     default: m.SearchDialog
   }))
 );

package/dist/server/assets/_tanstack-start-manifest_v-PwRq_yJS.js

@@ -0,0 +1,4 @@
+const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "/home/runner/work/opencami/opencami/src/routes/__root.tsx", "children": ["/", "/agents", "/connect", "/files", "/new", "/api/agents", "/api/follow-ups", "/api/history", "/api/llm-features", "/api/models", "/api/paths", "/api/personas", "/api/ping", "/api/send", "/api/sessions", "/api/stream", "/api/stt", "/api/tts", "/chat/$sessionKey", "/api/files/delete", "/api/files/download", "/api/files/info", "/api/files/list", "/api/files/mkdir", "/api/files/read", "/api/files/rename", "/api/files/save", "/api/files/upload"], "preloads": ["/assets/main-DrVY5UJU.js"], "assets": [] }, "/": { "filePath": "/home/runner/work/opencami/opencami/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-N9-2R5hZ.js"] }, "/agents": { "filePath": "/home/runner/work/opencami/opencami/src/routes/agents.tsx", "assets": [], "preloads": ["/assets/agents-D8ZHVQ1Z.js"] }, "/connect": { "filePath": "/home/runner/work/opencami/opencami/src/routes/connect.tsx", "assets": [], "preloads": ["/assets/connect-CtDn993i.js", "/assets/index-IGP-Igwt.js", "/assets/button-CuH8u1uR.js", "/assets/react-CzqI3gbN.js"] }, "/files": { "filePath": "/home/runner/work/opencami/opencami/src/routes/files.tsx", "assets": [], "preloads": ["/assets/files-CDMLoJ0u.js"] }, "/new": { "filePath": "/home/runner/work/opencami/opencami/src/routes/new.tsx", "assets": [], "preloads": ["/assets/new-DLlBm66g.js"] }, "/api/agents": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/agents.ts" }, "/api/follow-ups": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/follow-ups.ts" }, "/api/history": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/history.ts" }, "/api/llm-features": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/llm-features.ts" }, "/api/models": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/models.ts" }, "/api/paths": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/paths.ts" }, "/api/personas": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/personas.ts" }, "/api/ping": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/ping.ts" }, "/api/send": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/send.ts" }, "/api/sessions": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/sessions.ts" }, "/api/stream": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/stream.ts" }, "/api/stt": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/stt.ts" }, "/api/tts": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/tts.ts" }, "/chat/$sessionKey": { "filePath": "/home/runner/work/opencami/opencami/src/routes/chat/$sessionKey.tsx", "assets": [], "preloads": ["/assets/_sessionKey-Z6Wcnj0N.js", "/assets/useButton-hZdvKtl_.js", "/assets/button-CuH8u1uR.js", "/assets/use-file-explorer-state-Cii59H70.js", "/assets/opencami-logo-ChD2XR2j.js", "/assets/index-IGP-Igwt.js", "/assets/react-CzqI3gbN.js"] }, "/api/files/delete": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/files/delete.ts" }, "/api/files/download": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/files/download.ts" }, "/api/files/info": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/files/info.ts" }, "/api/files/list": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/files/list.ts" }, "/api/files/mkdir": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/files/mkdir.ts" }, "/api/files/read": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/files/read.ts" }, "/api/files/rename": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/files/rename.ts" }, "/api/files/save": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/files/save.ts" }, "/api/files/upload": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/files/upload.ts" } }, "clientEntry": "/assets/main-DrVY5UJU.js" });
+export {
+  tsrStartManifest
+};

package/dist/server/assets/{file-explorer-screen-BzvgvV8m.js → file-explorer-screen-Cx0jiLRU.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { memo, useMemo, useCallback, useEffect, useState, useRef } from "react";
+import { memo, useMemo, useCallback, useRef, useEffect, useState } from "react";
 import { useQuery, useQueryClient, useMutation } from "@tanstack/react-query";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { Home09Icon, SidebarLeft01Icon, ArrowLeft01Icon, Settings01Icon, ArrowRight01Icon, Home02Icon, Menu01Icon, GridViewIcon, ArrowUp01Icon, ArrowDown01Icon, Upload04Icon, FolderAddIcon, FolderOpenIcon, Download04Icon, FileEditIcon, Edit02Icon, Delete02Icon, Folder01Icon, Image01Icon, Video01Icon, MusicNote01Icon, Archive01Icon, Doc01Icon, CodeIcon, File01Icon, FloppyDiskIcon, Cancel01Icon } from "@hugeicons/core-free-icons";
@@ -653,8 +653,8 @@ const fileQueryKeys = {
 function useFileContent(path) {
   return useQuery({
     queryKey: fileQueryKeys.content(path || ""),
-    queryFn: async () => {
-      const response = await fetch(`/api/files/read?path=${encodeURIComponent(path)}`);
+    queryFn: async ({ signal }) => {
+      const response = await fetch(`/api/files/read?path=${encodeURIComponent(path)}`, { signal });
       if (!response.ok) {
         const error = await response.json().catch(() => ({ error: "Failed to read file" }));
         throw new Error(error.error || "Failed to read file");
@@ -669,12 +669,22 @@ function useFileContent(path) {
 }
 function useFileSave() {
   const queryClient = useQueryClient();
+  const abortControllerRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      abortControllerRef.current?.abort();
+    };
+  }, []);
   return useMutation({
     mutationFn: async ({ path, content }) => {
+      abortControllerRef.current?.abort();
+      const controller = new AbortController();
+      abortControllerRef.current = controller;
       const response = await fetch("/api/files/save", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ path, content })
+        body: JSON.stringify({ path, content }),
+        signal: controller.signal
       });
       if (!response.ok) {
         const error = await response.json().catch(() => ({ error: "Failed to save file" }));
@@ -696,8 +706,8 @@ function useFileSave() {
 function useFileListing(path) {
   return useQuery({
     queryKey: fileQueryKeys.listing(path),
-    queryFn: async () => {
-      const response = await fetch(`/api/files/list?path=${encodeURIComponent(path)}`);
+    queryFn: async ({ signal }) => {
+      const response = await fetch(`/api/files/list?path=${encodeURIComponent(path)}`, { signal });
       if (!response.ok) {
         const error = await response.text();
         throw new Error(`Failed to load files: ${error}`);
@@ -708,23 +718,25 @@ function useFileListing(path) {
     // 5 minutes
     gcTime: 10 * 60 * 1e3,
     // 10 minutes
-    retry: 3,
-    onError: (error) => {
-      console.error("Failed to load file listing:", error);
-    }
+    retry: 3
   });
 }
 function useFileDownload() {
   const urls = /* @__PURE__ */ new Set();
+  const abortControllerRef = useRef(null);
   useEffect(() => {
     return () => {
+      abortControllerRef.current?.abort();
       urls.forEach((url) => URL.revokeObjectURL(url));
       urls.clear();
     };
   }, []);
   return useMutation({
     mutationFn: async (filePath) => {
-      const response = await fetch(`/api/files/download?path=${encodeURIComponent(filePath)}`);
+      abortControllerRef.current?.abort();
+      const controller = new AbortController();
+      abortControllerRef.current = controller;
+      const response = await fetch(`/api/files/download?path=${encodeURIComponent(filePath)}`, { signal: controller.signal });
       if (!response.ok) {
         const error = await response.text();
         throw new Error(`Download failed: ${error}`);
@@ -747,14 +759,24 @@ function useFileDownload() {
       }, 100);
     },
     onError: (error) => {
+      if (error instanceof Error && error.name === "AbortError") return;
       console.error("Download failed:", error);
     }
   });
 }
 function useFileUpload() {
   const queryClient = useQueryClient();
+  const abortControllerRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      abortControllerRef.current?.abort();
+    };
+  }, []);
   return useMutation({
     mutationFn: async ({ files, path }) => {
+      abortControllerRef.current?.abort();
+      const controller = new AbortController();
+      abortControllerRef.current = controller;
       const results = [];
       for (let i = 0; i < files.length; i++) {
         const formData = new FormData();
@@ -762,7 +784,8 @@ function useFileUpload() {
         formData.append("file", files[i]);
         const response = await fetch("/api/files/upload", {
           method: "POST",
-          body: formData
+          body: formData,
+          signal: controller.signal
         });
         if (!response.ok) {
           const error = await response.text();
@@ -778,16 +801,27 @@ function useFileUpload() {
       });
     },
     onError: (error) => {
+      if (error instanceof Error && error.name === "AbortError") return;
       console.error("Upload failed:", error);
     }
   });
 }
 function useFileDelete() {
   const queryClient = useQueryClient();
+  const abortControllerRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      abortControllerRef.current?.abort();
+    };
+  }, []);
   return useMutation({
     mutationFn: async (filePath) => {
+      abortControllerRef.current?.abort();
+      const controller = new AbortController();
+      abortControllerRef.current = controller;
       const response = await fetch(`/api/files/delete?path=${encodeURIComponent(filePath)}`, {
-        method: "DELETE"
+        method: "DELETE",
+        signal: controller.signal
       });
       if (!response.ok) {
         const error = await response.text();
@@ -802,18 +836,29 @@ function useFileDelete() {
       });
     },
     onError: (error) => {
+      if (error instanceof Error && error.name === "AbortError") return;
       console.error("Delete failed:", error);
     }
   });
 }
 function useCreateFolder() {
   const queryClient = useQueryClient();
+  const abortControllerRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      abortControllerRef.current?.abort();
+    };
+  }, []);
   return useMutation({
     mutationFn: async ({ path, name }) => {
+      abortControllerRef.current?.abort();
+      const controller = new AbortController();
+      abortControllerRef.current = controller;
       const response = await fetch("/api/files/mkdir", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ path: `${path}/${name}` })
+        body: JSON.stringify({ path: `${path}/${name}` }),
+        signal: controller.signal
       });
       if (!response.ok) {
         const error = await response.text();
@@ -827,20 +872,31 @@ function useCreateFolder() {
       });
     },
     onError: (error) => {
+      if (error instanceof Error && error.name === "AbortError") return;
       console.error("Create folder failed:", error);
     }
   });
 }
 function useFileRename() {
   const queryClient = useQueryClient();
+  const abortControllerRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      abortControllerRef.current?.abort();
+    };
+  }, []);
   return useMutation({
     mutationFn: async ({ oldPath, newName }) => {
+      abortControllerRef.current?.abort();
+      const controller = new AbortController();
+      abortControllerRef.current = controller;
       const parentPath = oldPath.split("/").slice(0, -1).join("/");
       const newPath = `${parentPath}/${newName}`;
       const response = await fetch("/api/files/rename", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ src: oldPath, dst: newPath })
+        body: JSON.stringify({ src: oldPath, dst: newPath }),
+        signal: controller.signal
       });
       if (!response.ok) {
         const error = await response.text();
@@ -855,6 +911,7 @@ function useFileRename() {
       });
     },
     onError: (error) => {
+      if (error instanceof Error && error.name === "AbortError") return;
       console.error("Rename failed:", error);
     }
   });

package/dist/server/assets/{files-BxvRDIWU.js → files-Trs1M5ba.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Suspense, lazy } from "react";
-const FileExplorerScreen = lazy(() => import("./file-explorer-screen-BzvgvV8m.js").then((m) => ({
+const FileExplorerScreen = lazy(() => import("./file-explorer-screen-Cx0jiLRU.js").then((m) => ({
   default: m.FileExplorerScreen
 })));
 function FilesRoute() {

package/dist/server/assets/{index-CTTNe_Sf.js → index-Dv2RXDa2.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
-import { R as Route } from "./router-D5D0udHV.js";
+import { R as Route } from "./router-OoQe2c20.js";
 import "@tanstack/react-router";
 import "@tanstack/react-query";
 import "node:crypto";

package/dist/server/assets/{router-D5D0udHV.js → router-OoQe2c20.js}

@@ -196,7 +196,7 @@ const Route$r = createFileRoute("/new")({
   },
   component: lazyRouteComponent($$splitComponentImporter$5, "component")
 });
-const $$splitComponentImporter$4 = () => import("./files-BxvRDIWU.js");
+const $$splitComponentImporter$4 = () => import("./files-Trs1M5ba.js");
 const Route$q = createFileRoute("/files")({
   component: lazyRouteComponent($$splitComponentImporter$4, "component")
 });
@@ -208,11 +208,11 @@ const $$splitComponentImporter$2 = () => import("./agents-Dz_i76VW.js");
 const Route$o = createFileRoute("/agents")({
   component: lazyRouteComponent($$splitComponentImporter$2, "component")
 });
-const $$splitComponentImporter$1 = () => import("./index-CTTNe_Sf.js");
+const $$splitComponentImporter$1 = () => import("./index-Dv2RXDa2.js");
 const Route$n = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitComponentImporter = () => import("./_sessionKey-ZF1_Jqbt.js").then((n) => n.$);
+const $$splitComponentImporter = () => import("./_sessionKey-DVNrEYFh.js").then((n) => n.$);
 const Route$m = createFileRoute("/chat/$sessionKey")({
   component: lazyRouteComponent($$splitComponentImporter, "component")
 });

package/dist/server/assets/{search-dialog-C8Oy-FBs.js → search-dialog-Bq0Pnxdb.js}

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useRef, useMemo, useEffect } from "react";
+import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import { useNavigate } from "@tanstack/react-router";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { Search01Icon, Cancel01Icon, Loading03Icon } from "@hugeicons/core-free-icons";
 import { D as DialogRoot, a as DialogContent } from "./use-file-explorer-state-DMHdtb7D.js";
 import { useQueryClient } from "@tanstack/react-query";
-import { c as chatQueryKeys } from "./_sessionKey-ZF1_Jqbt.js";
+import { c as chatQueryKeys } from "./_sessionKey-DVNrEYFh.js";
 import { c as cn } from "./button-DtQ3rV1m.js";
 import "@base-ui/react/dialog";
 import "@base-ui/react/menu";
@@ -57,7 +57,7 @@ import "@shikijs/langs/xml";
 import "@shikijs/langs/yaml";
 import "zustand/middleware";
 import "react-dom";
-import "./router-D5D0udHV.js";
+import "./router-OoQe2c20.js";
 import "node:crypto";
 import "ws";
 import "node:fs";
@@ -93,6 +93,13 @@ function useSearch({ sessions, currentFriendlyId, currentSessionKey }) {
   const [query, setQuery] = useState("");
   const [isSearching, setIsSearching] = useState(false);
   const [globalResults, setGlobalResults] = useState([]);
+  const globalSearchControllerRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      globalSearchControllerRef.current?.abort();
+      globalSearchControllerRef.current = null;
+    };
+  }, []);
   const searchCurrentConversation = useCallback(
     (searchQuery) => {
       if (!searchQuery.trim() || !currentFriendlyId || !currentSessionKey) {
@@ -130,66 +137,100 @@ function useSearch({ sessions, currentFriendlyId, currentSessionKey }) {
   );
   const searchAllSessions = useCallback(
     async (searchQuery) => {
-      if (!searchQuery.trim()) {
+      const trimmedQuery = searchQuery.trim();
+      if (!trimmedQuery) {
+        globalSearchControllerRef.current?.abort();
+        globalSearchControllerRef.current = null;
         setGlobalResults([]);
         return [];
       }
+      globalSearchControllerRef.current?.abort();
+      const controller = new AbortController();
+      globalSearchControllerRef.current = controller;
       setIsSearching(true);
-      const normalizedQuery = searchQuery.toLowerCase();
+      setGlobalResults([]);
+      const normalizedQuery = trimmedQuery.toLowerCase();
       const allResults = [];
+      const BATCH_SIZE = 10;
       try {
-        await Promise.all(
-          sessions.map(async (session) => {
-            try {
-              const historyKey = chatQueryKeys.history(session.friendlyId, session.key);
-              let historyData = queryClient.getQueryData(historyKey);
-              if (!historyData) {
-                const params = new URLSearchParams({
-                  sessionKey: session.key,
-                  friendlyId: session.friendlyId,
-                  limit: "200"
-                });
-                const res = await fetch(`/api/history?${params.toString()}`);
-                if (res.ok) {
-                  historyData = await res.json();
-                  queryClient.setQueryData(historyKey, historyData);
-                }
-              }
-              if (!historyData?.messages) return;
-              const sessionTitle = session.label || session.title || session.derivedTitle || session.friendlyId;
-              historyData.messages.forEach((message, index) => {
-                const text = extractTextFromMessage(message);
-                if (!text) return;
-                const lowerText = text.toLowerCase();
-                const matchIndex = lowerText.indexOf(normalizedQuery);
-                if (matchIndex !== -1) {
-                  allResults.push({
+        for (let i = 0; i < sessions.length; i += BATCH_SIZE) {
+          if (controller.signal.aborted) {
+            throw new DOMException("Search aborted", "AbortError");
+          }
+          const batch = sessions.slice(i, i + BATCH_SIZE);
+          const batchResults = await Promise.all(
+            batch.map(async (session) => {
+              try {
+                const historyKey = chatQueryKeys.history(session.friendlyId, session.key);
+                let historyData = queryClient.getQueryData(historyKey);
+                if (!historyData) {
+                  const params = new URLSearchParams({
                     sessionKey: session.key,
                     friendlyId: session.friendlyId,
-                    sessionTitle,
-                    messageIndex: index,
-                    messageRole: message.role || "unknown",
-                    messageText: text,
-                    matchStart: matchIndex,
-                    matchEnd: matchIndex + searchQuery.length,
-                    timestamp: message.timestamp
+                    limit: "200"
                   });
+                  const res = await fetch(`/api/history?${params.toString()}`, {
+                    signal: controller.signal
+                  });
+                  if (res.ok) {
+                    historyData = await res.json();
+                    queryClient.setQueryData(historyKey, historyData);
+                  }
                 }
-              });
-            } catch {
-            }
-          })
-        );
-        allResults.sort((a, b) => (b.timestamp || 0) - (a.timestamp || 0));
-        setGlobalResults(allResults);
+                if (!historyData?.messages) return [];
+                const sessionTitle = session.label || session.title || session.derivedTitle || session.friendlyId;
+                const sessionResults = [];
+                historyData.messages.forEach((message, index) => {
+                  const text = extractTextFromMessage(message);
+                  if (!text) return;
+                  const lowerText = text.toLowerCase();
+                  const matchIndex = lowerText.indexOf(normalizedQuery);
+                  if (matchIndex !== -1) {
+                    sessionResults.push({
+                      sessionKey: session.key,
+                      friendlyId: session.friendlyId,
+                      sessionTitle,
+                      messageIndex: index,
+                      messageRole: message.role || "unknown",
+                      messageText: text,
+                      matchStart: matchIndex,
+                      matchEnd: matchIndex + trimmedQuery.length,
+                      timestamp: message.timestamp
+                    });
+                  }
+                });
+                return sessionResults;
+              } catch (error) {
+                if (error instanceof DOMException && error.name === "AbortError") {
+                  throw error;
+                }
+                return [];
+              }
+            })
+          );
+          allResults.push(...batchResults.flat());
+          allResults.sort((a, b) => (b.timestamp || 0) - (a.timestamp || 0));
+          setGlobalResults([...allResults]);
+        }
         return allResults;
+      } catch (error) {
+        if (!(error instanceof DOMException && error.name === "AbortError")) {
+          throw error;
+        }
+        return [];
       } finally {
-        setIsSearching(false);
+        if (globalSearchControllerRef.current === controller) {
+          globalSearchControllerRef.current = null;
+          setIsSearching(false);
+        }
       }
     },
     [sessions, queryClient]
   );
   const clearSearch = useCallback(() => {
+    globalSearchControllerRef.current?.abort();
+    globalSearchControllerRef.current = null;
+    setIsSearching(false);
     setQuery("");
     setGlobalResults([]);
   }, []);
@@ -272,14 +313,16 @@ function SearchDialog({
     return () => clearTimeout(timer);
   }, [localQuery, mode, searchAllSessions, clearSearch]);
   useEffect(() => {
-    if (open) {
-      setLocalQuery("");
-      setSelectedIndex(0);
+    if (!open) {
       clearSearch();
-      setTimeout(() => {
-        inputRef.current?.focus();
-      }, 50);
+      return;
     }
+    setLocalQuery("");
+    setSelectedIndex(0);
+    clearSearch();
+    setTimeout(() => {
+      inputRef.current?.focus();
+    }, 50);
   }, [open, clearSearch]);
   useEffect(() => {
     setSelectedIndex(0);