opencami 1.5.1 → 1.6.0

package/dist/server/assets/{_sessionKey-B5UHBd2U.js → _sessionKey-B0ZlLAjH.js}

@@ -1,27 +1,25 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Link, useNavigate } from "@tanstack/react-router";
 import * as React from "react";
-import React__default, { memo, useDeferredValue, useState, useMemo, useCallback, Suspense, lazy, useRef, useEffect, useId, useLayoutEffect, createContext, useContext } from "react";
+import React__default, { memo, useDeferredValue, useState, useMemo, useCallback, 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 { HugeiconsIcon } from "@hugeicons/react";
-import { Tick01Icon, Cancel01Icon, MoreHorizontalIcon, Pen01Icon, Upload01Icon, Delete01Icon, BotIcon, Clock01Icon, Chat01Icon, ArrowRight01Icon, SidebarLeft01Icon, PencilEdit02Icon, Folder01Icon, PackageOpenIcon, AiBrain01Icon, SmartPhone01Icon, 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, PackageOpenIcon, 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-Il1LlBAe.js";
+import { D as DialogRoot, a as DialogContent, b as DialogTitle, c as DialogDescription, d as DialogClose } from "./use-file-explorer-state-s7CS50ho.js";
 import { B as Button, c as cn, b as buttonVariants } from "./button-CwY2OHFj.js";
 import { AlertDialog } from "@base-ui/react/alert-dialog";
 import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
 import { ScrollArea } from "@base-ui/react/scroll-area";
+import { M as MenuRoot, a as MenuTrigger, b as MenuContent, c as MenuItem } from "./menu-D90CDTi2.js";
 import { O as OpenCamiLogo, a as OpenCamiText } from "./opencami-logo-C-43FL3R.js";
-import { marked } from "marked";
-import ReactMarkdown from "react-markdown";
-import remarkBreaks from "remark-breaks";
-import remarkGfm from "remark-gfm";
-import { r as resolveLanguage, C as CodeBlock, u as useChatSettings$1 } from "./index-Dl2BOKP7.js";
+import { M as Markdown } from "./markdown-BFE5y9YH.js";
+import { u as useChatSettings$1 } from "./index-Dl2BOKP7.js";
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
 import { createPortal } from "react-dom";
-import { a as Route } from "./router-DJA7GtMo.js";
+import { a as Route } from "./router-Uuagl6O7.js";
 function deriveFriendlyIdFromKey(key) {
   if (!key) return "main";
   const trimmed = key.trim();
@@ -1664,10 +1662,10 @@ function useRenameSession() {
   return { renameSession, renaming, error };
 }
 const SettingsDialog = lazy(
-  () => import("./settings-dialog-CHVzrou9.js").then((m) => ({ default: m.SettingsDialog }))
+  () => import("./settings-dialog-CSYDj2qm.js").then((m) => ({ default: m.SettingsDialog }))
 );
 const SessionExportDialog = lazy(
-  () => import("./session-export-dialog-CwclV0Aj.js").then((m) => ({
+  () => import("./session-export-dialog-C53RRAah.js").then((m) => ({
     default: m.SessionExportDialog
   }))
 );
@@ -1872,7 +1870,14 @@ function ChatSidebarComponent({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(TooltipRoot, { children: [
+                (() => {
+                  try {
+                    const value = localStorage.getItem("opencami-file-explorer");
+                    return value === null ? true : value === "true";
+                  } catch {
+                    return true;
+                  }
+                })() && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(TooltipRoot, { children: [
                   /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
                     Link,
                     {
@@ -1908,6 +1913,49 @@ function ChatSidebarComponent({
                   ) }),
                   isCollapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Files" })
                 ] }) }),
+                (() => {
+                  try {
+                    const value = localStorage.getItem("opencami-memory-viewer");
+                    return value === null ? true : value === "true";
+                  } catch {
+                    return true;
+                  }
+                })() && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(TooltipRoot, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                    Link,
+                    {
+                      to: "/memory",
+                      className: cn(
+                        buttonVariants({ variant: "ghost", size: "sm" }),
+                        "w-full pl-1.5 justify-start"
+                      ),
+                      onClick: onSelectSession,
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          HugeiconsIcon,
+                          {
+                            icon: AiBrain01Icon,
+                            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: "Memory"
+                          }
+                        ) })
+                      ]
+                    }
+                  ) }),
+                  isCollapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Memory" })
+                ] }) }),
                 (() => {
                   try {
                     return localStorage.getItem("opencami-skills-browser") === "true";
@@ -2624,558 +2672,6 @@ 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 {
-    return decodeURIComponent(href.slice("openclaw-file://".length));
-  } catch {
-    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",
-  js: "javascript",
-  jsx: "jsx",
-  tsx: "tsx",
-  json: "json",
-  md: "markdown",
-  yml: "yaml",
-  yaml: "yaml",
-  sh: "bash",
-  bash: "bash",
-  zsh: "bash",
-  html: "html",
-  css: "css",
-  sql: "sql",
-  xml: "xml",
-  toml: "toml",
-  rs: "rust",
-  go: "go",
-  java: "java",
-  c: "c",
-  cpp: "cpp",
-  cs: "csharp",
-  php: "php",
-  rb: "ruby",
-  graphql: "graphql",
-  diff: "diff",
-  patch: "diff",
-  env: "text"
-};
-function languageFromFilePath(path) {
-  if (!path) return "text";
-  const filename = path.split("/").pop() || "";
-  const lower = filename.toLowerCase();
-  if (lower === "dockerfile") return "dockerfile";
-  if (lower === "makefile") return "text";
-  const parts = lower.split(".");
-  const extension = parts.length > 1 ? parts.pop() || "" : "";
-  const mapped = EXTENSION_LANGUAGE_MAP[extension] || extension || "text";
-  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-]+)/);
-  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, 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"
-      }
-    );
-  },
-  pre: function PreComponent({ children }) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  },
-  h1: function H1Component({ children }) {
-    return /* @__PURE__ */ jsx("h1", { className: "text-xl font-medium text-primary-950", children });
-  },
-  h2: function H2Component({ children }) {
-    return /* @__PURE__ */ jsx("h2", { className: "text-lg font-medium text-primary-900", children });
-  },
-  h3: function H3Component({ children }) {
-    return /* @__PURE__ */ jsx("h3", { className: "font-medium text-primary-900", children });
-  },
-  p: function PComponent({ children }) {
-    return /* @__PURE__ */ jsx("p", { className: "text-primary-950 text-pretty leading-relaxed", children });
-  },
-  ul: function UlComponent({ children }) {
-    return /* @__PURE__ */ jsx("ul", { className: "ml-4 list-disc text-primary-950 marker:text-primary-400", children });
-  },
-  ol: function OlComponent({ children }) {
-    return /* @__PURE__ */ jsx("ol", { className: "ml-4 list-decimal text-primary-950 marker:text-primary-500", children });
-  },
-  li: function LiComponent({ children }) {
-    return /* @__PURE__ */ jsx("li", { className: "leading-relaxed", children });
-  },
-  blockquote: function BlockquoteComponent({ children }) {
-    return /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 border-primary-300 pl-4 text-primary-900 italic", children });
-  },
-  strong: function StrongComponent({ children }) {
-    return /* @__PURE__ */ jsx("strong", { className: "font-medium text-primary-950", children });
-  },
-  em: function EmComponent({ children }) {
-    return /* @__PURE__ */ jsx("em", { className: "italic text-primary-950", children });
-  },
-  hr: function HrComponent() {
-    return /* @__PURE__ */ jsx("hr", { className: "my-3 border-primary-200" });
-  },
-  table: function TableComponent({ children }) {
-    return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx("table", { className: "w-full border-collapse text-sm", children }) });
-  },
-  thead: function TheadComponent({ children }) {
-    return /* @__PURE__ */ jsx("thead", { className: "border-b border-primary-200 bg-primary-50", children });
-  },
-  tbody: function TbodyComponent({ children }) {
-    return /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-primary-100", children });
-  },
-  tr: function TrComponent({ children }) {
-    return /* @__PURE__ */ jsx("tr", { className: "transition-colors hover:bg-primary-50/50", children });
-  },
-  th: function ThComponent({ children }) {
-    return /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-medium text-primary-950", children });
-  },
-  td: function TdComponent({ children }) {
-    return /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-primary-950", children });
-  }
-};
-function createDefaultComponents(onOpenFilePreview) {
-  return {
-    ...BASE_COMPONENTS,
-    a: function AComponent({ children, href }) {
-      const filePath = markdownHrefToFilePath(href);
-      if (filePath) {
-        return /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => onOpenFilePreview(filePath),
-            className: "font-mono text-[var(--opencami-accent)] underline decoration-[var(--opencami-accent-light)] underline-offset-4 hover:opacity-90 cursor-pointer",
-            children
-          }
-        );
-      }
-      return /* @__PURE__ */ jsx(
-        "a",
-        {
-          href,
-          onClick: (event) => {
-            if (href?.startsWith("openclaw-file://")) event.preventDefault();
-          },
-          className: "text-[var(--opencami-accent)] underline decoration-[var(--opencami-accent-light)] underline-offset-4 transition-opacity hover:opacity-90",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          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 (text && isLikelyFilePath(text)) {
-        return /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => onOpenFilePreview(text),
-            className: "font-mono text-sm bg-primary-100 rounded px-1.5 py-0.5 text-primary-900 underline decoration-primary-300 underline-offset-4 hover:decoration-primary-600 cursor-pointer",
-            children
-          }
-        );
-      }
-      return /* @__PURE__ */ jsx("code", { className: "font-mono text-sm bg-primary-100 rounded px-1.5 py-0.5 text-primary-900", children });
-    }
-  };
-}
-const MemoizedMarkdownBlock = memo(
-  function MarkdownBlock({
-    content,
-    components
-  }) {
-    return /* @__PURE__ */ jsx(
-      ReactMarkdown,
-      {
-        remarkPlugins: [remarkGfm, remarkBreaks, remarkFilePathLinks],
-        components,
-        children: content
-      }
-    );
-  },
-  function propsAreEqual(prevProps, nextProps) {
-    return prevProps.content === nextProps.content;
-  }
-);
-MemoizedMarkdownBlock.displayName = "MemoizedMarkdownBlock";
-function fileErrorMessageFromResponse(status, code) {
-  if (code === "NOT_FOUND" || status === 404) return "File not found";
-  if (code === "UNSUPPORTED_TYPE") return "Binary file";
-  if (code === "FILE_TOO_LARGE" || status === 413) return "File too large";
-  return "Failed to load file preview";
-}
-function MarkdownComponent({
-  children,
-  id,
-  className,
-  components
-}) {
-  const generatedId = useId();
-  const blockId = id ?? generatedId;
-  const blocks = useMemo(() => parseMarkdownIntoBlocks(children), [children]);
-  const [filePreview, setFilePreview] = useState({ status: "idle" });
-  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(onOpenFilePreview),
-    [onOpenFilePreview]
-  );
-  const mergedComponents = useMemo(
-    () => ({ ...defaultComponents, ...components || {} }),
-    [defaultComponents, components]
-  );
-  useEffect(() => {
-    if (filePreview.status !== "loading") return;
-    const path = filePreview.path;
-    const controller = new AbortController();
-    fetch(`/api/files/read?path=${encodeURIComponent(path)}`, {
-      signal: controller.signal
-    }).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;
-      }
-      const size = Number(payload.size ?? 0);
-      if (size > INLINE_PREVIEW_MAX_BYTES) {
-        setFilePreview({ status: "error", path, message: "File too large" });
-        return;
-      }
-      const content = String(payload.content ?? "");
-      setFilePreview({
-        status: "success",
-        path,
-        content,
-        language: languageFromFilePath(path)
-      });
-    }).catch(() => {
-      if (controller.signal.aborted) return;
-      setFilePreview({ status: "error", path, message: "Failed to load file preview" });
-    });
-    return () => controller.abort();
-  }, [filePreview, openDirectoryInExplorer]);
-  const previewOpen = filePreview.status !== "idle";
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        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,
-      {
-        open: previewOpen,
-        onOpenChange: (open) => {
-          if (!open) setFilePreview({ status: "idle" });
-        },
-        children: /* @__PURE__ */ jsxs(DialogContent, { className: "w-[min(1000px,95vw)] max-h-[88vh] overflow-hidden p-0", children: [
-          /* @__PURE__ */ jsxs("div", { className: "border-b border-primary-200 px-4 py-3 flex items-start justify-between gap-3", children: [
-            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx(DialogTitle, { className: "text-base", children: "File Preview" }),
-              filePreview.status !== "idle" && /* @__PURE__ */ jsx("p", { className: "text-xs text-primary-600 font-mono truncate", children: filePreview.path })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              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) {
-                      const dir = p.includes("/") ? p.slice(0, p.lastIndexOf("/")) || "/" : "/";
-                      useFileExplorerState.getState().navigateTo(dir);
-                    }
-                    setFilePreview({ status: "idle" });
-                  },
-                  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" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "p-4 overflow-auto max-h-[calc(88vh-72px)]", children: [
-            filePreview.status === "loading" && /* @__PURE__ */ jsx("p", { className: "text-sm text-primary-600", children: "Loading preview…" }),
-            filePreview.status === "error" && /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600", children: filePreview.message }),
-            filePreview.status === "success" && /* @__PURE__ */ jsx(
-              CodeBlock,
-              {
-                content: filePreview.content,
-                language: filePreview.language,
-                className: "w-full"
-              }
-            )
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-const Markdown = memo(MarkdownComponent);
-Markdown.displayName = "Markdown";
 function Message({ children, className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex gap-3 w-full", className), ...props, children });
 }
@@ -6406,8 +5902,10 @@ function useStreaming(options) {
   const eventSourceRef = useRef(null);
   const onDoneRef = useRef(options.onDone);
   const onErrorRef = useRef(options.onError);
+  const onAssistantDeltaRef = useRef(options.onAssistantDelta);
   onDoneRef.current = options.onDone;
   onErrorRef.current = options.onError;
+  onAssistantDeltaRef.current = options.onAssistantDelta;
   const stop = useCallback((options2) => {
     if (eventSourceRef.current) {
       eventSourceRef.current.close();
@@ -6440,6 +5938,7 @@ function useStreaming(options) {
             ...prev,
             text: prev.text + data.text
           }));
+          onAssistantDeltaRef.current?.({ text: data.text, sessionKey: data.sessionKey });
         } catch {
         }
       });
@@ -6622,13 +6121,109 @@ function useSwipeGesture(options) {
     onTouchEnd: handleTouchEnd
   };
 }
+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;
+}
+function getNotificationsEnabled() {
+  if (typeof window === "undefined") return false;
+  try {
+    return localStorage.getItem(ENABLED_KEY) === "true";
+  } catch {
+    return false;
+  }
+}
+function useNotifications() {
+  const navigate = useNavigate();
+  const lastNotificationAtRef = useRef(0);
+  const [enabled, setEnabledState] = useState(() => getNotificationsEnabled());
+  const requestPermission = useCallback(async () => {
+    if (!isSupported()) return "denied";
+    try {
+      return await Notification.requestPermission();
+    } catch {
+      return "denied";
+    }
+  }, []);
+  const setEnabled = useCallback(async (nextEnabled) => {
+    setEnabledState(nextEnabled);
+    try {
+      localStorage.setItem(ENABLED_KEY, String(nextEnabled));
+    } catch {
+    }
+    if (nextEnabled && isSupported() && Notification.permission === "default") {
+      await requestPermission();
+      try {
+        localStorage.setItem(ASKED_KEY, "true");
+      } catch {
+      }
+    }
+  }, [requestPermission]);
+  const maybeNotifyAssistantMessage = useCallback((payload) => {
+    if (!enabled || !isSupported()) return;
+    if (document.hidden !== true) return;
+    if (Notification.permission !== "granted") return;
+    const now = Date.now();
+    if (now - lastNotificationAtRef.current < NOTIFICATION_DEBOUNCE_MS) return;
+    lastNotificationAtRef.current = now;
+    const body = payload.text.slice(0, 100);
+    const notification = new Notification("OpenCami", {
+      body,
+      icon: "/pwa-192x192.png"
+    });
+    notification.onclick = () => {
+      window.focus();
+      void navigate({ to: "/chat/$sessionKey", params: { sessionKey: payload.sessionFriendlyId } });
+      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);
+    return () => window.removeEventListener("storage", sync);
+  }, []);
+  return {
+    notificationsEnabled: enabled,
+    setNotificationsEnabled: setEnabled,
+    requestNotificationPermission: requestPermission,
+    maybeNotifyAssistantMessage
+  };
+}
 const KeyboardShortcutsDialog = lazy(
-  () => import("./keyboard-shortcuts-dialog-CsNP85q8.js").then((m) => ({
+  () => import("./keyboard-shortcuts-dialog-Cr6fOqHz.js").then((m) => ({
     default: m.KeyboardShortcutsDialog
   }))
 );
 const SearchDialog = lazy(
-  () => import("./search-dialog-C2a3OYm_.js").then((m) => ({
+  () => import("./search-dialog-DZTS5SEi.js").then((m) => ({
     default: m.SearchDialog
   }))
 );
@@ -6658,6 +6253,7 @@ function ChatScreen({
   const [searchJumpMessageId, setSearchJumpMessageId] = useState(null);
   const [isStreaming, setIsStreaming] = useState(false);
   const thinkingLevel = useThinkingLevelStore((state) => state.level);
+  const { maybeNotifyAssistantMessage } = useNotifications();
   const inputRef = useRef(null);
   const streamTimer = useRef(null);
   const streamIdleTimer = useRef(null);
@@ -6665,6 +6261,7 @@ function ChatScreen({
   const refreshHistoryRef = useRef(() => {
   });
   const pendingStartRef = useRef(false);
+  const streamingNotificationTextRef = useRef("");
   const { isMobile } = useChatMobile(queryClient);
   const {
     sessionsQuery,
@@ -6781,7 +6378,14 @@ function ChatScreen({
   });
   const { streaming, startStream, stopStream } = useStreaming({
     onDone: (sk) => handleStreamDoneRef.current(sk),
-    onError: (err) => handleStreamErrorRef.current(err)
+    onError: (err) => handleStreamErrorRef.current(err),
+    onAssistantDelta: ({ text }) => {
+      streamingNotificationTextRef.current += text;
+      maybeNotifyAssistantMessage({
+        text: streamingNotificationTextRef.current,
+        sessionFriendlyId: activeFriendlyId
+      });
+    }
   });
   handleStreamDoneRef.current = useCallback(
     async (_sk) => {
@@ -7084,6 +6688,7 @@ function ChatScreen({
       mimeType: a.file.type,
       content: a.base64
     }));
+    streamingNotificationTextRef.current = "";
     startStream(sessionKey);
     streamStart();
     fetch("/api/send", {