opencami 1.4.0 → 1.5.0

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

@@ -3,12 +3,12 @@ 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 { 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 { 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, 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, 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 { 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-DfAKF2gZ.js";
-import { B as Button, c as cn, b as buttonVariants } from "./button-DtQ3rV1m.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-Il1LlBAe.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";
@@ -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, C as CodeBlock, u as useChatSettings$1 } from "./index-BNSsDaLb.js";
+import { r as resolveLanguage, C as CodeBlock, u as useChatSettings$1 } from "./index-CNIATlJ9.js";
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
 import { createPortal } from "react-dom";
-import { a as Route } from "./router-Dme7USeO.js";
+import { a as Route } from "./router-rn7pJO_D.js";
 function deriveFriendlyIdFromKey(key) {
   if (!key) return "main";
   const trimmed = key.trim();
@@ -758,7 +758,7 @@ function SessionItemComponent({
         "group inline-flex items-center justify-between",
         "w-full text-left pl-1.5 pr-0.5 min-h-8 py-1 rounded-lg transition-colors duration-0",
         "select-none",
-        active ? "bg-primary-200 text-primary-950" : "bg-transparent text-primary-950 [&:hover:not(:has(button:hover))]:bg-primary-200"
+        active ? "bg-[var(--opencami-accent-light)] text-[var(--opencami-accent)]" : "bg-transparent text-primary-950 [&:hover:not(:has(button:hover))]:bg-primary-200"
       ),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
@@ -1114,13 +1114,28 @@ const SidebarSessions = memo(function SidebarSessions2({
       `Delete ${selectedSessions.length} sessions? This will archive them.`
     );
     if (!confirmed) return;
-    const errors = await runWithConcurrency(
-      selectedSessions.map((session) => session.key),
+    const failedSessionLabels = [];
+    await runWithConcurrency(
+      selectedSessions,
       10,
-      deleteSessionRequest
+      async (session) => {
+        try {
+          await deleteSessionRequest(session.key);
+        } catch (err) {
+          failedSessionLabels.push(
+            session.label || session.title || session.derivedTitle || session.friendlyId
+          );
+          throw err;
+        }
+      }
     );
-    if (errors.length > 0) {
-      console.error("[sidebar] Bulk delete failed for some sessions", errors);
+    if (failedSessionLabels.length > 0) {
+      console.error("[sidebar] Bulk delete failed for some sessions", failedSessionLabels);
+      window.alert(
+        `Could not delete ${failedSessionLabels.length} session${failedSessionLabels.length !== 1 ? "s" : ""}:
+
+${failedSessionLabels.join("\n")}`
+      );
     }
     setSelectionMode(false);
     setSelectedSessionKeys(/* @__PURE__ */ new Set());
@@ -1649,10 +1664,10 @@ function useRenameSession() {
   return { renameSession, renaming, error };
 }
 const SettingsDialog = lazy(
-  () => import("./settings-dialog-BaGT4e5l.js").then((m) => ({ default: m.SettingsDialog }))
+  () => import("./settings-dialog-BBM7jCjE.js").then((m) => ({ default: m.SettingsDialog }))
 );
 const SessionExportDialog = lazy(
-  () => import("./session-export-dialog-DLPZVlQV.js").then((m) => ({
+  () => import("./session-export-dialog-CwclV0Aj.js").then((m) => ({
     default: m.SessionExportDialog
   }))
 );
@@ -1762,7 +1777,7 @@ function ChatSidebarComponent({
     motion.aside,
     {
       initial: false,
-      animate: { width: isCollapsed ? 48 : 300 },
+      animate: { width: isCollapsed ? 48 : "var(--opencami-sidebar-width)" },
       transition,
       className: asideProps.className,
       children: [
@@ -1893,6 +1908,48 @@ function ChatSidebarComponent({
                   ) }),
                   isCollapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Files" })
                 ] }) }),
+                (() => {
+                  try {
+                    return localStorage.getItem("opencami-skills-browser") === "true";
+                  } catch {
+                    return false;
+                  }
+                })() && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(TooltipRoot, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                    Link,
+                    {
+                      to: "/skills",
+                      className: cn(
+                        buttonVariants({ variant: "ghost", size: "sm" }),
+                        "w-full pl-1.5 justify-start"
+                      ),
+                      onClick: onSelectSession,
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          HugeiconsIcon,
+                          {
+                            icon: PackageOpenIcon,
+                            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: "Skills"
+                          }
+                        ) })
+                      ]
+                    }
+                  ) }),
+                  isCollapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Skills" })
+                ] }) }),
                 (() => {
                   try {
                     return localStorage.getItem("opencami-agent-manager") === "true";
@@ -2323,7 +2380,8 @@ function ChatHeaderComponent({
     "div",
     {
       ref: wrapperRef,
-      className: "border-b border-primary-200 px-4 h-12 flex min-w-0 items-center overflow-x-hidden bg-surface",
+      "data-tauri-drag-region": true,
+      className: "border-b border-primary-200 px-4 h-12 flex min-w-0 items-center overflow-x-hidden bg-surface tauri-drag-header",
       children: [
         showSidebarButton ? /* @__PURE__ */ jsx(
           Button,
@@ -2332,6 +2390,7 @@ function ChatHeaderComponent({
             variant: "ghost",
             onClick: onOpenSidebar,
             className: "mr-2 text-primary-800 hover:bg-primary-100",
+            style: { WebkitAppRegion: "no-drag" },
             "aria-label": "Open sidebar",
             children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Menu01Icon, size: 18, strokeWidth: 1.6 })
           }
@@ -2882,7 +2941,7 @@ function createDefaultComponents(onOpenFilePreview) {
           {
             type: "button",
             onClick: () => onOpenFilePreview(filePath),
-            className: "font-mono text-primary-900 underline decoration-primary-300 underline-offset-4 hover:decoration-primary-600 cursor-pointer",
+            className: "font-mono text-[var(--opencami-accent)] underline decoration-[var(--opencami-accent-light)] underline-offset-4 hover:opacity-90 cursor-pointer",
             children
           }
         );
@@ -2894,7 +2953,7 @@ function createDefaultComponents(onOpenFilePreview) {
           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",
+          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
@@ -3452,7 +3511,9 @@ function MessageItemComponent({
   aggregatedSearchSources,
   wrapperRef,
   wrapperClassName,
-  wrapperScrollMarginTop
+  wrapperScrollMarginTop,
+  messageDomId,
+  highlighted = false
 }) {
   const { settings } = useChatSettings$1();
   const role = message.role || "assistant";
@@ -3468,18 +3529,21 @@ function MessageItemComponent({
     "div",
     {
       ref: wrapperRef,
+      id: messageDomId,
+      "data-message-id": messageDomId,
       style: {
         contentVisibility: "auto",
         containIntrinsicSize: "auto 120px",
         ...typeof wrapperScrollMarginTop === "number" ? { scrollMarginTop: `${wrapperScrollMarginTop}px` } : void 0
       },
       className: cn(
-        "group flex flex-col gap-1",
+        "opencami-message-item group mx-auto flex w-full max-w-[var(--opencami-chat-width)] flex-col gap-1 py-[var(--opencami-msg-padding-y)]",
         wrapperClassName,
+        highlighted && "opencami-message-highlight",
         isUser ? "items-end" : "items-start"
       ),
       children: [
-        thinking && settings.showReasoningBlocks && /* @__PURE__ */ jsx("div", { className: "w-full max-w-[900px]", children: /* @__PURE__ */ jsx(Thinking, { content: thinking }) }),
+        thinking && settings.showReasoningBlocks && /* @__PURE__ */ jsx("div", { className: "w-full max-w-[var(--opencami-chat-width)]", children: /* @__PURE__ */ jsx(Thinking, { content: thinking }) }),
         images.length > 0 && /* @__PURE__ */ jsx("div", { className: cn(
           "flex flex-wrap gap-2 mb-2",
           isUser ? "justify-end" : "justify-start"
@@ -3500,13 +3564,13 @@ function MessageItemComponent({
             markdown: !isUser,
             className: cn(
               "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 ? "opencami-message-user bg-primary-100 px-4 py-[var(--opencami-user-bubble-py)] max-w-[85%]" : "opencami-message-assistant bg-transparent w-full",
               !isUser && isStreaming && "stream-fade-in"
             ),
             children: text
           }
         ) }),
-        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) => {
+        hasToolCalls && settings.showToolMessages && /* @__PURE__ */ jsx("div", { className: "mt-2 flex w-full min-w-0 max-w-[var(--opencami-chat-width)] 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(
@@ -3518,7 +3582,7 @@ function MessageItemComponent({
             toolCall.id || toolCall.name
           );
         }) }),
-        searchSources.length > 0 && /* @__PURE__ */ jsx("div", { className: "w-full max-w-[900px]", children: /* @__PURE__ */ jsx(SearchSourcesBadge, { sources: searchSources }) }),
+        searchSources.length > 0 && /* @__PURE__ */ jsx("div", { className: "w-full max-w-[var(--opencami-chat-width)]", children: /* @__PURE__ */ jsx(SearchSourcesBadge, { sources: searchSources }) }),
         !hasToolCalls && /* @__PURE__ */ jsx(
           MessageActionsBar,
           {
@@ -3544,6 +3608,8 @@ function areMessagesEqual(prevProps, nextProps) {
   if (prevProps.wrapperScrollMarginTop !== nextProps.wrapperScrollMarginTop) {
     return false;
   }
+  if (prevProps.messageDomId !== nextProps.messageDomId) return false;
+  if (prevProps.highlighted !== nextProps.highlighted) return false;
   if ((prevProps.message.role || "assistant") !== (nextProps.message.role || "assistant")) {
     return false;
   }
@@ -4291,13 +4357,15 @@ function ChatMessageListComponent({
   pinGroupMinHeight,
   headerHeight,
   contentStyle,
-  onFollowUpClick
+  onFollowUpClick,
+  jumpToMessageId
 }) {
   const anchorRef = useRef(null);
   const lastUserRef = useRef(null);
   const programmaticScroll = useRef(false);
   const prevPinRef = useRef(pinToTop);
   const prevUserIndexRef = useRef(void 0);
+  const [highlightedMessageId, setHighlightedMessageId] = useState(null);
   const displayMessages = useMemo(() => {
     return messages.filter((msg) => msg.role !== "toolResult");
   }, [messages]);
@@ -4414,13 +4482,25 @@ function ChatMessageListComponent({
       }, 0);
     }
   }, [loading, displayMessages.length, sessionKey, pinToTop, lastUserIndex]);
+  useEffect(() => {
+    if (!jumpToMessageId || loading) return;
+    const target = document.getElementById(`message-${jumpToMessageId}`);
+    if (!target) return;
+    target.scrollIntoView({ behavior: "smooth", block: "center" });
+    setHighlightedMessageId(jumpToMessageId);
+    const timer = window.setTimeout(() => {
+      setHighlightedMessageId((prev) => prev === jumpToMessageId ? null : prev);
+    }, 1800);
+    return () => window.clearTimeout(timer);
+  }, [jumpToMessageId, loading, displayMessages]);
   return (
     // mt-2 is to fix the prompt-input cut off
     /* @__PURE__ */ jsx(MemoizedChatContainerRoot, { className: "flex-1 min-h-0 -mb-4", children: /* @__PURE__ */ jsxs(ChatContainerContent, { className: "pt-6", style: contentStyle, children: [
       notice && noticePosition === "start" ? notice : null,
       empty && !notice ? emptyState ?? /* @__PURE__ */ jsx("div", { "aria-hidden": true }) : hasGroup ? /* @__PURE__ */ jsxs(Fragment, { children: [
         displayMessages.slice(0, groupStartIndex).map((chatMessage, index) => {
-          const messageKey = index;
+          const messageId = typeof chatMessage.id === "string" ? chatMessage.id : void 0;
+          const messageKey = messageId || index;
           const forceActionsVisible = typeof lastAssistantIndex === "number" && index === lastAssistantIndex;
           const isLastAssistant = typeof lastAssistantIndex === "number" && index === lastAssistantIndex;
           const hasToolCalls = chatMessage.role === "assistant" && getToolCallsFromMessage(chatMessage).length > 0;
@@ -4432,7 +4512,9 @@ function ChatMessageListComponent({
               forceActionsVisible,
               isStreaming: isLastAssistant && isStreaming,
               isLastAssistant,
-              aggregatedSearchSources: isLastAssistant ? aggregatedSearchSources : void 0
+              aggregatedSearchSources: isLastAssistant ? aggregatedSearchSources : void 0,
+              messageDomId: messageId ? `message-${messageId}` : void 0,
+              highlighted: highlightedMessageId === messageId
             },
             messageKey
           );
@@ -4440,12 +4522,13 @@ function ChatMessageListComponent({
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "flex flex-col space-y-3 md:space-y-6",
-            style: { minHeight: `${Math.max(0, pinGroupMinHeight - 24)}px` },
+            className: "flex flex-col gap-[var(--opencami-msg-gap)]",
+            style: { minHeight: `${Math.max(0, pinGroupMinHeight)}px` },
             children: [
               displayMessages.slice(groupStartIndex).map((chatMessage, index) => {
                 const realIndex = groupStartIndex + index;
-                const messageKey = realIndex;
+                const messageId = typeof chatMessage.id === "string" ? chatMessage.id : void 0;
+                const messageKey = messageId || realIndex;
                 const forceActionsVisible = typeof lastAssistantIndex === "number" && realIndex === lastAssistantIndex;
                 const isLastAssistant = typeof lastAssistantIndex === "number" && realIndex === lastAssistantIndex;
                 const wrapperRef = realIndex === lastUserIndex ? lastUserRef : void 0;
@@ -4463,7 +4546,9 @@ function ChatMessageListComponent({
                     aggregatedSearchSources: isLastAssistant ? aggregatedSearchSources : void 0,
                     wrapperRef,
                     wrapperClassName,
-                    wrapperScrollMarginTop
+                    wrapperScrollMarginTop,
+                    messageDomId: messageId ? `message-${messageId}` : void 0,
+                    highlighted: highlightedMessageId === messageId
                   },
                   messageKey
                 );
@@ -4482,7 +4567,8 @@ function ChatMessageListComponent({
         )
       ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         displayMessages.map((chatMessage, index) => {
-          const messageKey = index;
+          const messageId = typeof chatMessage.id === "string" ? chatMessage.id : void 0;
+          const messageKey = messageId || index;
           const forceActionsVisible = typeof lastAssistantIndex === "number" && index === lastAssistantIndex;
           const isLastAssistant = typeof lastAssistantIndex === "number" && index === lastAssistantIndex;
           const hasToolCalls = chatMessage.role === "assistant" && getToolCallsFromMessage(chatMessage).length > 0;
@@ -4494,7 +4580,9 @@ function ChatMessageListComponent({
               forceActionsVisible,
               isStreaming: isLastAssistant && isStreaming,
               isLastAssistant,
-              aggregatedSearchSources: isLastAssistant ? aggregatedSearchSources : void 0
+              aggregatedSearchSources: isLastAssistant ? aggregatedSearchSources : void 0,
+              messageDomId: messageId ? `message-${messageId}` : void 0,
+              highlighted: highlightedMessageId === messageId
             },
             messageKey
           );
@@ -4519,7 +4607,7 @@ function ChatMessageListComponent({
   );
 }
 function areChatMessageListEqual(prev, next) {
-  return prev.messages === next.messages && prev.loading === next.loading && prev.empty === next.empty && prev.emptyState === next.emptyState && prev.notice === next.notice && prev.noticePosition === next.noticePosition && prev.waitingForResponse === next.waitingForResponse && prev.isStreaming === next.isStreaming && prev.sessionKey === next.sessionKey && prev.pinToTop === next.pinToTop && prev.pinGroupMinHeight === next.pinGroupMinHeight && prev.headerHeight === next.headerHeight && prev.contentStyle === next.contentStyle && prev.onFollowUpClick === next.onFollowUpClick;
+  return prev.messages === next.messages && prev.loading === next.loading && prev.empty === next.empty && prev.emptyState === next.emptyState && prev.notice === next.notice && prev.noticePosition === next.noticePosition && prev.waitingForResponse === next.waitingForResponse && prev.isStreaming === next.isStreaming && prev.sessionKey === next.sessionKey && prev.pinToTop === next.pinToTop && prev.pinGroupMinHeight === next.pinGroupMinHeight && prev.headerHeight === next.headerHeight && prev.contentStyle === next.contentStyle && prev.onFollowUpClick === next.onFollowUpClick && prev.jumpToMessageId === next.jumpToMessageId;
 }
 const MemoizedChatMessageList = memo(
   ChatMessageListComponent,
@@ -5853,7 +5941,7 @@ function ChatComposerComponent({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "mx-auto w-full max-w-full px-2 md:px-5 sm:max-w-[768px] sm:min-w-[400px] relative pb-1 md:pb-3",
+      className: "mx-auto w-full max-w-[var(--opencami-chat-width)] px-2 md:px-5 relative pb-1 md:pb-3",
       ref: wrapperRef,
       onDragOver: handleDragOver,
       onDragLeave: handleDragLeave,
@@ -5956,7 +6044,7 @@ function MessageStatus({
   onAction,
   className
 }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("w-full max-w-[900px]", className), children: /* @__PURE__ */ jsx(Message, { children: /* @__PURE__ */ jsxs("div", { className: "w-full rounded-xl border border-primary-200 bg-primary-50 p-4 text-primary-900", children: [
+  return /* @__PURE__ */ jsx("div", { className: cn("w-full max-w-[var(--opencami-chat-width)]", className), children: /* @__PURE__ */ jsx(Message, { children: /* @__PURE__ */ jsxs("div", { className: "w-full rounded-xl border border-primary-200 bg-primary-50 p-4 text-primary-900", children: [
     /* @__PURE__ */ jsx("div", { className: "text-balance font-medium", children: title }),
     /* @__PURE__ */ jsx("div", { className: "mt-2 text-pretty text-primary-700", children: description }),
     detail ? /* @__PURE__ */ jsx("div", { className: "mt-2 text-xs text-primary-600", children: detail }) : null,
@@ -6534,15 +6622,16 @@ function useSwipeGesture(options) {
   };
 }
 const KeyboardShortcutsDialog = lazy(
-  () => import("./keyboard-shortcuts-dialog-CqIm8aYF.js").then((m) => ({
+  () => import("./keyboard-shortcuts-dialog-CsNP85q8.js").then((m) => ({
     default: m.KeyboardShortcutsDialog
   }))
 );
 const SearchDialog = lazy(
-  () => import("./search-dialog-DG0D9KRN.js").then((m) => ({
+  () => import("./search-dialog-Bz4Cu0KW.js").then((m) => ({
     default: m.SearchDialog
   }))
 );
+const SEARCH_JUMP_TARGET_KEY = "opencami-search-jump-target";
 function ChatScreen({
   activeFriendlyId,
   isNewChat = false,
@@ -6565,6 +6654,7 @@ function ChatScreen({
   const [showShortcutsHelp, setShowShortcutsHelp] = useState(false);
   const [showSearchDialog, setShowSearchDialog] = useState(false);
   const [searchMode, setSearchMode] = useState("global");
+  const [searchJumpMessageId, setSearchJumpMessageId] = useState(null);
   const [isStreaming, setIsStreaming] = useState(false);
   const thinkingLevel = useThinkingLevelStore((state) => state.level);
   const inputRef = useRef(null);
@@ -6877,6 +6967,10 @@ function ChatScreen({
   useEffect(() => {
     const resetKey = isNewChat ? "new" : activeFriendlyId;
     if (!resetKey) return;
+    streamStop();
+    stopStream();
+    lastAssistantSignature.current = "";
+    setIsStreaming(false);
     if (pendingStartRef.current) {
       pendingStartRef.current = false;
       return;
@@ -6886,13 +6980,34 @@ function ChatScreen({
       setPinToTop(true);
       return;
     }
-    streamStop();
-    stopStream();
-    lastAssistantSignature.current = "";
     setWaitingForResponse(false);
     setPinToTop(false);
-    setIsStreaming(false);
   }, [activeFriendlyId, isNewChat, streamStop, stopStream]);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    try {
+      const raw = sessionStorage.getItem(SEARCH_JUMP_TARGET_KEY);
+      if (!raw) {
+        setSearchJumpMessageId(null);
+        return;
+      }
+      const parsed = JSON.parse(raw);
+      const isStale = typeof parsed.at === "number" && Date.now() - parsed.at > 5 * 60 * 1e3;
+      if (isStale) {
+        sessionStorage.removeItem(SEARCH_JUMP_TARGET_KEY);
+        setSearchJumpMessageId(null);
+        return;
+      }
+      if (parsed.friendlyId === activeFriendlyId && typeof parsed.messageId === "string" && parsed.messageId.length > 0) {
+        setSearchJumpMessageId(parsed.messageId);
+        sessionStorage.removeItem(SEARCH_JUMP_TARGET_KEY);
+        return;
+      }
+      setSearchJumpMessageId(null);
+    } catch {
+      setSearchJumpMessageId(null);
+    }
+  }, [activeFriendlyId]);
   useLayoutEffect(() => {
     if (isNewChat) return;
     const pending = consumePendingSend(
@@ -7233,7 +7348,7 @@ function ChatScreen({
               "div",
               {
                 className: cn(
-                  "fixed inset-y-0 left-0 z-50 w-[300px] transition-transform duration-150 safe-area-top",
+                  "fixed inset-y-0 left-0 z-50 w-[var(--opencami-sidebar-width)] transition-transform duration-150 safe-area-top",
                   isSidebarCollapsed ? "-translate-x-full" : "translate-x-0"
                 ),
                 ...sidebarCloseSwipeHandlers,
@@ -7275,7 +7390,8 @@ function ChatScreen({
                       pinGroupMinHeight,
                       headerHeight,
                       contentStyle: stableContentStyle,
-                      onFollowUpClick: handleFollowUpClick
+                      onFollowUpClick: handleFollowUpClick,
+                      jumpToMessageId: searchJumpMessageId
                     }
                   ),
                   /* @__PURE__ */ jsx(
@@ -7313,9 +7429,25 @@ function ChatScreen({
         mode: searchMode,
         onJumpToMessage: (result) => {
           setShowSearchDialog(false);
-          if (result.friendlyId) {
-            navigate({ to: "/chat/$sessionKey", params: { sessionKey: result.friendlyId } });
+          if (!result.friendlyId) return;
+          if (result.messageId && result.friendlyId === activeFriendlyId) {
+            setSearchJumpMessageId(result.messageId);
+            return;
+          }
+          if (result.messageId && typeof window !== "undefined") {
+            try {
+              sessionStorage.setItem(
+                SEARCH_JUMP_TARGET_KEY,
+                JSON.stringify({
+                  friendlyId: result.friendlyId,
+                  messageId: result.messageId,
+                  at: Date.now()
+                })
+              );
+            } catch {
+            }
           }
+          navigate({ to: "/chat/$sessionKey", params: { sessionKey: result.friendlyId } });
         }
       }
     ) })

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

@@ -0,0 +1,4 @@
+const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "/home/runner/work/opencami/opencami/src/routes/__root.tsx", "children": ["/", "/agents", "/bots", "/connect", "/files", "/new", "/skills", "/api/agents", "/api/cron", "/api/follow-ups", "/api/history", "/api/llm-features", "/api/models", "/api/paths", "/api/personas", "/api/ping", "/api/send", "/api/sessions", "/api/skills", "/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-B3N0eQFg.js"], "assets": [] }, "/": { "filePath": "/home/runner/work/opencami/opencami/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-36G0WCxU.js"] }, "/agents": { "filePath": "/home/runner/work/opencami/opencami/src/routes/agents.tsx", "assets": [], "preloads": ["/assets/agents-x54ocA9z.js"] }, "/bots": { "filePath": "/home/runner/work/opencami/opencami/src/routes/bots.tsx", "assets": [], "preloads": ["/assets/bots-x86ZHG4b.js"] }, "/connect": { "filePath": "/home/runner/work/opencami/opencami/src/routes/connect.tsx", "assets": [], "preloads": ["/assets/connect-w4lLOqiJ.js", "/assets/index-BXkRE220.js", "/assets/button-nDcsaNPl.js", "/assets/react-B16OrBeM.js"] }, "/files": { "filePath": "/home/runner/work/opencami/opencami/src/routes/files.tsx", "assets": [], "preloads": ["/assets/files-Bype5Mnb.js"] }, "/new": { "filePath": "/home/runner/work/opencami/opencami/src/routes/new.tsx", "assets": [], "preloads": ["/assets/new-DLlBm66g.js"] }, "/skills": { "filePath": "/home/runner/work/opencami/opencami/src/routes/skills.tsx", "assets": [], "preloads": ["/assets/skills-DhwyFq3y.js"] }, "/api/agents": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/agents.ts" }, "/api/cron": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/cron.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/skills": { "filePath": "/home/runner/work/opencami/opencami/src/routes/api/skills.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-B89e7G3y.js", "/assets/visuallyHidden-DCCICp6T.js", "/assets/tooltip-C14vdXHK.js", "/assets/button-nDcsaNPl.js", "/assets/use-file-explorer-state-BnaJEqRP.js", "/assets/useButton-Bnnac1eR.js", "/assets/useControlled-BhUuiHAm.js", "/assets/DirectionContext-DXtY05YF.js", "/assets/CSPContext-EgWK8bIJ.js", "/assets/useMutation-CFmVaBag.js", "/assets/opencami-logo-DD0DPFRQ.js", "/assets/index-BXkRE220.js", "/assets/react-B16OrBeM.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-B3N0eQFg.js" });
+export {
+  tsrStartManifest
+};

package/dist/server/assets/{agents-Dz_i76VW.js → agents-CmQ4vvXm.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Suspense, lazy } from "react";
-const AgentsScreen = lazy(() => import("./agents-screen-CqQPJndp.js").then((m) => ({
+const AgentsScreen = lazy(() => import("./agents-screen-bmrIyFbk.js").then((m) => ({
   default: m.AgentsScreen
 })));
 function AgentsRoute() {