opencami 1.3.1 → 1.4.0

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

@@ -5,9 +5,9 @@ import React__default, { memo, useDeferredValue, useState, useMemo, useCallback,
 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-gbV6rEVv.js";
 import { HugeiconsIcon } from "@hugeicons/react";
-import { Tick01Icon, Cancel01Icon, MoreHorizontalIcon, Pen01Icon, Upload01Icon, Delete01Icon, BotIcon, Clock01Icon, Chat01Icon, ArrowRight01Icon, SidebarLeft01Icon, PencilEdit02Icon, Folder01Icon, AiBrain01Icon, Search01Icon, Settings01Icon, Menu01Icon, Tick02Icon, Copy01Icon, Loading02Icon, StopIcon, VolumeHighIcon, ArrowDown01Icon, Loading03Icon, ArtificialIntelligence02Icon, CommandIcon, Attachment01Icon, File01Icon, Mic02Icon, ArrowUp02Icon } from "@hugeicons/core-free-icons";
+import { Tick01Icon, Cancel01Icon, MoreHorizontalIcon, Pen01Icon, Upload01Icon, Delete01Icon, BotIcon, Clock01Icon, Chat01Icon, ArrowRight01Icon, SidebarLeft01Icon, PencilEdit02Icon, Folder01Icon, AiBrain01Icon, SmartPhone01Icon, Search01Icon, Settings01Icon, Menu01Icon, Tick02Icon, Copy01Icon, Loading02Icon, StopIcon, VolumeHighIcon, ArrowDown01Icon, Loading03Icon, ArtificialIntelligence02Icon, CommandIcon, Attachment01Icon, File01Icon, Mic02Icon, ArrowUp02Icon } from "@hugeicons/core-free-icons";
 import { motion, AnimatePresence } from "motion/react";
-import { D as DialogRoot, a as DialogContent, b as DialogTitle, c as DialogDescription, d as DialogClose, M as MenuRoot, e as MenuTrigger, f as MenuContent, g as MenuItem, u as useFileExplorerState } from "./use-file-explorer-state-DMHdtb7D.js";
+import { D as DialogRoot, a as DialogContent, b as DialogTitle, c as DialogDescription, d as DialogClose, M as MenuRoot, e as MenuTrigger, f as MenuContent, g as MenuItem, u as useFileExplorerState } from "./use-file-explorer-state-DfAKF2gZ.js";
 import { B as Button, c as cn, b as buttonVariants } from "./button-DtQ3rV1m.js";
 import { AlertDialog } from "@base-ui/react/alert-dialog";
 import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
@@ -17,11 +17,11 @@ import { marked } from "marked";
 import ReactMarkdown from "react-markdown";
 import remarkBreaks from "remark-breaks";
 import remarkGfm from "remark-gfm";
-import { r as resolveLanguage, u as useChatSettingsStore, C as CodeBlock, a as useChatSettings$1 } from "./index-CmbNTqa2.js";
+import { r as resolveLanguage, C as CodeBlock, u as useChatSettings$1 } from "./index-BNSsDaLb.js";
 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-Dme7USeO.js";
 function deriveFriendlyIdFromKey(key) {
   if (!key) return "main";
   const trimmed = key.trim();
@@ -784,7 +784,7 @@ function SessionItemComponent({
                   className: "text-primary-500/70 shrink-0"
                 }
               ),
-              /* @__PURE__ */ jsxs("div", { className: "text-sm font-[450] line-clamp-1 min-w-0", children: [
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 truncate text-sm font-[450]", title: label, children: [
                 isPinned ? /* @__PURE__ */ jsx("span", { className: "mr-1 text-xs text-primary-700", "aria-hidden": "true", children: "📌" }) : null,
                 label
               ] }),
@@ -1649,10 +1649,10 @@ function useRenameSession() {
   return { renameSession, renaming, error };
 }
 const SettingsDialog = lazy(
-  () => import("./settings-dialog-CQFuAt9B.js").then((m) => ({ default: m.SettingsDialog }))
+  () => import("./settings-dialog-BaGT4e5l.js").then((m) => ({ default: m.SettingsDialog }))
 );
 const SessionExportDialog = lazy(
-  () => import("./session-export-dialog-DRVbC8Q-.js").then((m) => ({
+  () => import("./session-export-dialog-DLPZVlQV.js").then((m) => ({
     default: m.SessionExportDialog
   }))
 );
@@ -1934,6 +1934,48 @@ function ChatSidebarComponent({
                     }
                   ) }),
                   isCollapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Agents" })
+                ] }) }),
+                (() => {
+                  try {
+                    return localStorage.getItem("opencami-cron-manager") === "true";
+                  } catch {
+                    return false;
+                  }
+                })() && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(TooltipRoot, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                    Link,
+                    {
+                      to: "/bots",
+                      className: cn(
+                        buttonVariants({ variant: "ghost", size: "sm" }),
+                        "w-full pl-1.5 justify-start"
+                      ),
+                      onClick: onSelectSession,
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          HugeiconsIcon,
+                          {
+                            icon: SmartPhone01Icon,
+                            size: 20,
+                            strokeWidth: 1.5,
+                            className: "min-w-5"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(AnimatePresence, { initial: false, mode: "wait", children: !isCollapsed && /* @__PURE__ */ jsx(
+                          motion.span,
+                          {
+                            initial: { opacity: 0 },
+                            animate: { opacity: 1 },
+                            exit: { opacity: 0 },
+                            transition,
+                            className: "overflow-hidden whitespace-nowrap",
+                            children: "Cron Jobs"
+                          }
+                        ) })
+                      ]
+                    }
+                  ) }),
+                  isCollapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Cron Jobs" })
                 ] }) })
               ]
             }
@@ -2281,7 +2323,7 @@ function ChatHeaderComponent({
     "div",
     {
       ref: wrapperRef,
-      className: "border-b border-primary-200 px-4 h-12 flex items-center bg-surface",
+      className: "border-b border-primary-200 px-4 h-12 flex min-w-0 items-center overflow-x-hidden bg-surface",
       children: [
         showSidebarButton ? /* @__PURE__ */ jsx(
           Button,
@@ -2294,7 +2336,7 @@ function ChatHeaderComponent({
             children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Menu01Icon, size: 18, strokeWidth: 1.6 })
           }
         ) : null,
-        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium truncate flex-1 min-w-0", children: activeTitle }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: activeTitle }) }),
         /* @__PURE__ */ jsx(
           MemoizedContextMeter,
           {
@@ -2353,6 +2395,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 +2416,7 @@ function MessageActionsBar({
   }, []);
   useEffect(() => {
     return () => {
+      ttsAbortControllerRef.current?.abort();
       if (audioRef.current) {
         audioRef.current.pause();
         audioRef.current = null;
@@ -2394,6 +2438,7 @@ function MessageActionsBar({
   };
   const handleTTS = async () => {
     if (audioState === "playing") {
+      ttsAbortControllerRef.current?.abort();
       if (audioRef.current) {
         audioRef.current.pause();
         audioRef.current = null;
@@ -2405,12 +2450,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 +2485,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);
@@ -2512,6 +2565,108 @@ function MessageActionsBar({
     }
   );
 }
+const KNOWN_FILE_EXTENSIONS = [
+  "md",
+  "txt",
+  "json",
+  "yaml",
+  "yml",
+  "toml",
+  "py",
+  "js",
+  "ts",
+  "tsx",
+  "jsx",
+  "css",
+  "scss",
+  "html",
+  "xml",
+  "sh",
+  "bash",
+  "go",
+  "rs",
+  "rb",
+  "php",
+  "java",
+  "kt",
+  "swift",
+  "c",
+  "cpp",
+  "h",
+  "hpp",
+  "sql",
+  "graphql",
+  "dockerfile",
+  "env",
+  "conf",
+  "cfg",
+  "ini",
+  "log",
+  "csv"
+];
+const EXTENSION_PATTERN = KNOWN_FILE_EXTENSIONS.join("|");
+const ABSOLUTE_OR_HOME_PATH_PATTERN = "(?:~\\/[A-Za-z0-9._\\-\\/]*[A-Za-z0-9._\\-\\/]|\\/(?:[\\w.\\-]+\\/)*[\\w.\\-]+\\/?)";
+const RELATIVE_PATH_PATTERN = "(?:[A-Za-z0-9._\\-]+(?:\\/[A-Za-z0-9._\\-]+)+\\/?)";
+const BARE_FILENAME_PATTERN = `(?:[A-Za-z0-9_-][A-Za-z0-9._-]*[A-Za-z0-9_-]\\.(?:${EXTENSION_PATTERN})|dockerfile)`;
+const FILE_PATH_REGEX = new RegExp(
+  `(^|[\\s"'(,;:])(${ABSOLUTE_OR_HOME_PATH_PATTERN}|${RELATIVE_PATH_PATTERN}|${BARE_FILENAME_PATTERN})(?=$|[\\s"'),;:!?])`,
+  "gi"
+);
+function trimTrailingPunctuation(path) {
+  if (!path) return { path: path ?? "", trailing: "" };
+  const match = path.match(/^(.*?)([),.;:!?]+)?$/);
+  if (!match) return { path, trailing: "" };
+  return { path: match[1] || path, trailing: match[2] || "" };
+}
+function isLikelyFilePath(text) {
+  if (!text) return false;
+  FILE_PATH_REGEX.lastIndex = 0;
+  const match = FILE_PATH_REGEX.exec(text);
+  if (!match) return false;
+  const prefix = match[1] || "";
+  const value = match[2] || "";
+  const matchStart = match.index + prefix.length;
+  const matchEnd = matchStart + value.length;
+  return matchStart === 0 && matchEnd === text.length;
+}
+function splitTextByFilePaths(text) {
+  if (!text) return [{ type: "text", value: text }];
+  const segments = [];
+  let lastIndex = 0;
+  FILE_PATH_REGEX.lastIndex = 0;
+  let match;
+  while ((match = FILE_PATH_REGEX.exec(text)) !== null) {
+    const prefix = match[1] || "";
+    const rawPath = match[2] || "";
+    const fullMatch = match[0];
+    const start = match.index;
+    const prefixStart = start;
+    const pathStart = start + prefix.length;
+    if (prefixStart > lastIndex) {
+      segments.push({ type: "text", value: text.slice(lastIndex, prefixStart) });
+    }
+    if (prefix) {
+      segments.push({ type: "text", value: prefix });
+    }
+    const { path, trailing } = trimTrailingPunctuation(rawPath);
+    if (path.length > 1) {
+      segments.push({ type: "path", value: path });
+      if (trailing) {
+        segments.push({ type: "text", value: trailing });
+      }
+    } else {
+      segments.push({ type: "text", value: fullMatch });
+    }
+    lastIndex = pathStart + rawPath.length;
+  }
+  if (lastIndex < text.length) {
+    segments.push({ type: "text", value: text.slice(lastIndex) });
+  }
+  return segments.length > 0 ? segments : [{ type: "text", value: text }];
+}
+function filePathToMarkdownHref(path) {
+  return `openclaw-file://${encodeURIComponent(path)}`;
+}
 function markdownHrefToFilePath(href) {
   if (!href?.startsWith("openclaw-file://")) return null;
   try {
@@ -2520,6 +2675,39 @@ function markdownHrefToFilePath(href) {
     return null;
   }
 }
+function remarkFilePathLinks() {
+  return (tree) => {
+    function visit(node, parent) {
+      if (!node) return;
+      if (node.type === "text" && parent && parent.type !== "link" && parent.type !== "inlineCode" && parent.type !== "code") {
+        const segments = splitTextByFilePaths(String(node.value || ""));
+        const hasPaths = segments.some((segment) => segment.type === "path");
+        if (!hasPaths) return;
+        const replacement = segments.map((segment) => {
+          if (segment.type === "text") {
+            return { type: "text", value: segment.value };
+          }
+          return {
+            type: "link",
+            url: filePathToMarkdownHref(segment.value),
+            children: [{ type: "text", value: segment.value }]
+          };
+        });
+        const index = parent.children.indexOf(node);
+        if (index >= 0) {
+          parent.children.splice(index, 1, ...replacement);
+        }
+        return;
+      }
+      if (Array.isArray(node.children)) {
+        for (const child of [...node.children]) {
+          visit(child, node);
+        }
+      }
+    }
+    visit(tree, null);
+  };
+}
 const EXTENSION_LANGUAGE_MAP = {
   py: "python",
   ts: "typescript",
@@ -2563,27 +2751,67 @@ function languageFromFilePath(path) {
   return resolveLanguage(mapped);
 }
 const INLINE_PREVIEW_MAX_BYTES = 100 * 1024;
+function normalizeClickedPath(path) {
+  if (!path) return "/";
+  return path.includes("/") ? path : `/${path}`;
+}
+function toWorkspacePath(path) {
+  let p = normalizeClickedPath(path);
+  const prefixes = ["/root/clawd/", "/root/"];
+  for (const prefix of prefixes) {
+    if (p.startsWith(prefix)) {
+      p = "/" + p.slice(prefix.length);
+      break;
+    }
+  }
+  return p.startsWith("/") ? p : `/${p}`;
+}
+function hasExtension(path) {
+  const trimmed = path.replace(/\/+$/, "");
+  const name = trimmed.split("/").pop() || "";
+  if (!name || name.startsWith(".")) return false;
+  return name.includes(".");
+}
+function isDirectoryPathHeuristic(path) {
+  if (!path) return false;
+  return path.endsWith("/") || !hasExtension(path);
+}
+function isDirectoryError(code, message) {
+  const normalizedCode = String(code || "").toUpperCase();
+  const normalizedMessage = String(message || "").toLowerCase();
+  return normalizedCode.includes("DIRECTORY") || normalizedMessage.includes("is a directory") || normalizedMessage.includes("directory");
+}
 function parseMarkdownIntoBlocks(markdown) {
   const tokens = marked.lexer(markdown);
   return tokens.map((token) => token.raw);
 }
 function extractLanguage(className) {
   if (!className) return "text";
-  const match = className.match(/language-(\w+)/);
+  const match = className.match(/language-([\w-]+)/);
   return match ? match[1] : "text";
 }
+function extractFilenameFromMeta(meta) {
+  const value = meta?.trim();
+  if (!value) return void 0;
+  const firstToken = value.split(/\s+/)[0];
+  return firstToken || void 0;
+}
 const BASE_COMPONENTS = {
-  code: function CodeComponent({ className, children }) {
+  code: function CodeComponent({ className, children, node }) {
     const isInline = !className?.includes("language-");
     if (isInline) {
       return /* @__PURE__ */ jsx("code", { className: "rounded bg-primary-100 px-1.5 py-1 text-sm font-mono text-primary-900 border border-primary-200", children });
     }
     const language = extractLanguage(className);
+    const filename = extractFilenameFromMeta(
+      node?.data?.meta
+    );
     return /* @__PURE__ */ jsx(
       CodeBlock,
       {
         content: String(children ?? ""),
         language,
+        filename,
         className: "w-full"
       }
     );
@@ -2643,13 +2871,12 @@ const BASE_COMPONENTS = {
     return /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-primary-950", children });
   }
 };
-function createDefaultComponents(onOpenFilePreview, inlineFilePreviewEnabled) {
-  const FILE_PATH_RE = /^(?:~\/[\w.\-\/]+|\/(?:[\w.\-]+\/)+[\w.\-]+)$/;
+function createDefaultComponents(onOpenFilePreview) {
   return {
     ...BASE_COMPONENTS,
     a: function AComponent({ children, href }) {
       const filePath = markdownHrefToFilePath(href);
-      if (inlineFilePreviewEnabled && filePath) {
+      if (filePath) {
         return /* @__PURE__ */ jsx(
           "button",
           {
@@ -2664,6 +2891,9 @@ function createDefaultComponents(onOpenFilePreview, inlineFilePreviewEnabled) {
         "a",
         {
           href,
+          onClick: (event) => {
+            if (href?.startsWith("openclaw-file://")) event.preventDefault();
+          },
           className: "text-primary-950 underline decoration-primary-300 underline-offset-4 transition-colors hover:text-primary-950 hover:decoration-primary-500",
           target: "_blank",
           rel: "noopener noreferrer",
@@ -2671,10 +2901,24 @@ function createDefaultComponents(onOpenFilePreview, inlineFilePreviewEnabled) {
         }
       );
     },
-    code: function InlineCodeComponent({ children, className }) {
-      if (className) return /* @__PURE__ */ jsx("code", { className, children });
+    code: function InlineCodeComponent({ children, className, node }) {
+      if (className?.includes("language-")) {
+        const language = extractLanguage(className);
+        const filename = extractFilenameFromMeta(
+          node?.data?.meta
+        );
+        return /* @__PURE__ */ jsx(
+          CodeBlock,
+          {
+            content: String(children ?? ""),
+            language,
+            filename,
+            className: "w-full"
+          }
+        );
+      }
       const text = typeof children === "string" ? children : Array.isArray(children) ? children.filter((c) => typeof c === "string").join("") : String(children ?? "");
-      if (inlineFilePreviewEnabled && text && FILE_PATH_RE.test(text)) {
+      if (text && isLikelyFilePath(text)) {
         return /* @__PURE__ */ jsx(
           "button",
           {
@@ -2697,7 +2941,7 @@ const MemoizedMarkdownBlock = memo(
     return /* @__PURE__ */ jsx(
       ReactMarkdown,
       {
-        remarkPlugins: [remarkGfm, remarkBreaks],
+        remarkPlugins: [remarkGfm, remarkBreaks, remarkFilePathLinks],
         components,
         children: content
       }
@@ -2724,15 +2968,24 @@ function MarkdownComponent({
   const blockId = id ?? generatedId;
   const blocks = useMemo(() => parseMarkdownIntoBlocks(children), [children]);
   const [filePreview, setFilePreview] = useState({ status: "idle" });
-  const inlineFilePreviewEnabled = useChatSettingsStore(
-    (state) => state.settings.inlineFilePreview
-  );
+  const navigate = useNavigate();
+  const openDirectoryInExplorer = useCallback((path) => {
+    const workspacePath = toWorkspacePath(path);
+    useFileExplorerState.getState().navigateTo(workspacePath);
+    setFilePreview({ status: "idle" });
+    navigate({ to: "/files" });
+  }, [navigate]);
+  const onOpenFilePreview = useCallback((path) => {
+    const resolvedPath = normalizeClickedPath(path);
+    if (isDirectoryPathHeuristic(resolvedPath)) {
+      openDirectoryInExplorer(resolvedPath);
+      return;
+    }
+    setFilePreview({ status: "loading", path: resolvedPath });
+  }, [openDirectoryInExplorer]);
   const defaultComponents = useMemo(
-    () => createDefaultComponents(
-      (path) => setFilePreview({ status: "loading", path }),
-      inlineFilePreviewEnabled
-    ),
-    [inlineFilePreviewEnabled]
+    () => createDefaultComponents(onOpenFilePreview),
+    [onOpenFilePreview]
   );
   const mergedComponents = useMemo(
     () => ({ ...defaultComponents, ...components || {} }),
@@ -2747,6 +3000,10 @@ function MarkdownComponent({
     }).then(async (response) => {
       const payload = await response.json().catch(() => ({}));
       if (!response.ok) {
+        if (isDirectoryError(payload.code, payload.message)) {
+          openDirectoryInExplorer(path);
+          return;
+        }
         const error = fileErrorMessageFromResponse(response.status, payload.code);
         setFilePreview({ status: "error", path, message: error });
         return;
@@ -2768,17 +3025,33 @@ function MarkdownComponent({
       setFilePreview({ status: "error", path, message: "Failed to load file preview" });
     });
     return () => controller.abort();
-  }, [filePreview]);
+  }, [filePreview, openDirectoryInExplorer]);
   const previewOpen = filePreview.status !== "idle";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-2", className), children: blocks.map((block, index) => /* @__PURE__ */ jsx(
-      MemoizedMarkdownBlock,
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        content: block,
-        components: mergedComponents
-      },
-      `${blockId}-block-${index}`
-    )) }),
+        className: cn("flex min-w-0 max-w-full flex-col gap-2 overflow-x-hidden", className),
+        onClickCapture: (event) => {
+          const target = event.target;
+          const anchor = target?.closest?.('a[href^="openclaw-file://"]');
+          if (!anchor) return;
+          const filePath = markdownHrefToFilePath(anchor.getAttribute("href") ?? void 0);
+          if (!filePath) return;
+          event.preventDefault();
+          event.stopPropagation();
+          onOpenFilePreview(filePath);
+        },
+        children: blocks.map((block, index) => /* @__PURE__ */ jsx(
+          MemoizedMarkdownBlock,
+          {
+            content: block,
+            components: mergedComponents
+          },
+          `${blockId}-block-${index}`
+        ))
+      }
+    ),
     /* @__PURE__ */ jsx(
       DialogRoot,
       {
@@ -2798,21 +3071,28 @@ function MarkdownComponent({
                 {
                   to: "/files",
                   onClick: () => {
-                    let p = filePreview.status !== "idle" ? filePreview.path : "";
+                    const p = filePreview.status !== "idle" ? toWorkspacePath(filePreview.path) : "";
                     if (p) {
-                      const prefixes = ["/root/clawd/", "/root/"];
-                      for (const prefix of prefixes) {
-                        if (p.startsWith(prefix)) {
-                          p = "/" + p.slice(prefix.length);
-                          break;
-                        }
-                      }
                       const dir = p.includes("/") ? p.slice(0, p.lastIndexOf("/")) || "/" : "/";
                       useFileExplorerState.getState().navigateTo(dir);
                     }
                     setFilePreview({ status: "idle" });
                   },
-                  children: "Open in File Explorer"
+                  children: "Open in Explorer"
+                }
+              ) }),
+              filePreview.status !== "idle" && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", asChild: true, children: /* @__PURE__ */ jsx(
+                Link,
+                {
+                  to: "/files",
+                  onClick: () => {
+                    const p = filePreview.status !== "idle" ? toWorkspacePath(filePreview.path) : "";
+                    if (p) {
+                      useFileExplorerState.getState().openInEditor(p);
+                    }
+                    setFilePreview({ status: "idle" });
+                  },
+                  children: "Open in Editor"
                 }
               ) }),
               /* @__PURE__ */ jsx(DialogClose, { children: "Close" })
@@ -2847,7 +3127,7 @@ function MessageContent({
   ...props
 }) {
   const classNames = cn(
-    "rounded-[12px] break-words whitespace-normal min-w-0",
+    "rounded-[12px] break-words whitespace-normal min-w-0 max-w-full overflow-x-hidden",
     className
   );
   return markdown ? /* @__PURE__ */ jsx(Markdown, { className: classNames, ...props, children }) : /* @__PURE__ */ jsx("div", { className: classNames, ...props, children });
@@ -3214,19 +3494,19 @@ function MessageItemComponent({
           },
           idx
         )) }),
-        /* @__PURE__ */ jsx(Message, { className: cn(isUser ? "flex-row-reverse" : ""), children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Message, { className: cn("min-w-0 max-w-full", isUser ? "flex-row-reverse" : ""), children: /* @__PURE__ */ jsx(
           MessageContent,
           {
             markdown: !isUser,
             className: cn(
-              "text-primary-900 opencami-text-size",
+              "text-primary-900 opencami-text-size min-w-0 max-w-full",
               !isUser ? "bg-transparent w-full" : "bg-primary-100 px-4 py-2.5 max-w-[85%]",
               !isUser && isStreaming && "stream-fade-in"
             ),
             children: text
           }
         ) }),
-        hasToolCalls && settings.showToolMessages && /* @__PURE__ */ jsx("div", { className: "w-full max-w-[900px] mt-2 flex flex-col gap-3", children: toolCalls.map((toolCall) => {
+        hasToolCalls && settings.showToolMessages && /* @__PURE__ */ jsx("div", { className: "mt-2 flex w-full min-w-0 max-w-[900px] flex-col gap-3 overflow-x-hidden", children: toolCalls.map((toolCall) => {
           const resultMessage = toolCall.id ? toolResultsByCallId?.get(toolCall.id) : void 0;
           const toolPart = mapToolCallToToolPart(toolCall, resultMessage);
           return /* @__PURE__ */ jsx(
@@ -3843,12 +4123,12 @@ function ChatContainerShell({
         /* @__PURE__ */ jsx(
           ScrollAreaViewport,
           {
-            className: "relative will-change-transform",
+            className: "relative will-change-transform overflow-x-hidden",
             ref: viewportRef,
             ...viewportProps
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "relative mx-auto w-full max-w-full px-5 sm:max-w-[768px] sm:min-w-[400px] ", children: /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute bottom-10 right-10 z-50", children: /* @__PURE__ */ jsx(ScrollButton, { scrollRef }) }) }),
+        /* @__PURE__ */ jsx("div", { className: "relative mx-auto w-full min-w-0 max-w-full px-5 sm:max-w-[768px]", children: /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute bottom-10 right-10 z-50", children: /* @__PURE__ */ jsx(ScrollButton, { scrollRef }) }) }),
         /* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "vertical", children: /* @__PURE__ */ jsx(ScrollAreaThumb, {}) }),
         /* @__PURE__ */ jsx(ScrollAreaCorner, {})
       ]
@@ -3886,7 +4166,7 @@ function ChatContainerPortal({
 }) {
   if (!viewportNode) return null;
   return createPortal(
-    /* @__PURE__ */ jsx("div", { className: "relative flex w-full flex-col", children }),
+    /* @__PURE__ */ jsx("div", { className: "relative flex w-full min-w-0 max-w-full flex-col overflow-x-hidden", children }),
     viewportNode
   );
 }
@@ -3935,9 +4215,9 @@ function ChatContainerContent({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn("flex w-full flex-col min-h-full", className),
+      className: cn("flex w-full min-w-0 max-w-full flex-col min-h-full overflow-x-hidden", className),
       ...props,
-      children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-full px-2 md:px-5 sm:max-w-[768px] sm:min-w-[400px] flex flex-col flex-1 min-h-full", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-3 md:space-y-6", children }) })
+      children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full min-w-0 max-w-full px-2 md:px-5 sm:max-w-[768px] flex flex-col flex-1 min-h-full overflow-x-hidden", children: /* @__PURE__ */ jsx("div", { className: "flex min-w-0 max-w-full flex-col space-y-3 md:space-y-6", children }) })
     }
   );
 }
@@ -4448,13 +4728,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 +4754,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 +4769,7 @@ function ModelSelector({ className, onModelChange }) {
     fetchModels();
     return () => {
       mounted = false;
+      abortControllerRef.current?.abort();
     };
   }, [onModelChange]);
   function handleModelSelect(modelId) {
@@ -4598,6 +4884,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 +4897,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 +4916,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 +4929,7 @@ function PersonaPicker({ className, onSelect }) {
     fetchPersonas();
     return () => {
       mounted = false;
+      abortControllerRef.current?.abort();
     };
   }, []);
   const handleSelectPersona = useCallback(
@@ -5250,6 +5542,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 +5694,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 +5791,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 +5804,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 {
@@ -6236,12 +6534,12 @@ function useSwipeGesture(options) {
   };
 }
 const KeyboardShortcutsDialog = lazy(
-  () => import("./keyboard-shortcuts-dialog-7OEtXUlW.js").then((m) => ({
+  () => import("./keyboard-shortcuts-dialog-CqIm8aYF.js").then((m) => ({
     default: m.KeyboardShortcutsDialog
   }))
 );
 const SearchDialog = lazy(
-  () => import("./search-dialog-C8Oy-FBs.js").then((m) => ({
+  () => import("./search-dialog-DG0D9KRN.js").then((m) => ({
     default: m.SearchDialog
   }))
 );
@@ -6916,7 +7214,7 @@ function ChatScreen({
       {
         className: cn(
           "h-full overflow-hidden",
-          isMobile ? "relative" : "grid grid-cols-[auto_1fr]"
+          isMobile ? "relative" : "grid grid-cols-[auto_minmax(0,1fr)]"
         ),
         children: [
           hideUi ? null : isMobile ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -6946,7 +7244,7 @@ function ChatScreen({
           /* @__PURE__ */ jsxs(
             "main",
             {
-              className: "flex flex-col h-full min-h-0",
+              className: "flex flex-col h-full min-h-0 min-w-0 overflow-x-hidden",
               ref: mainRef,
               ...sidebarSwipeHandlers,
               children: [