@lobehub/lobehub 2.0.0-next.273 → 2.0.0-next.274

package/packages/builtin-tool-page-agent/src/client/Inspector/InitPage/index.tsx

@@ -8,18 +8,12 @@ import { Plus } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { shinyTextStyles } from '@/styles';
+import { oneLineEllipsis, shinyTextStyles } from '@/styles';
 
 import type { InitDocumentState } from '../../../types';
 import { AnimatedNumber } from '../../components/AnimatedNumber';
 
 const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-  `,
   title: css`
     margin-inline-end: 8px;
     color: ${cssVar.colorText};
@@ -43,14 +37,14 @@ export const InitPageInspector = memo<BuiltinInspectorProps<InitDocumentArgs, In
     if (isArgumentsStreaming) {
       if (!hasContent)
         return (
-          <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+          <div className={cx(oneLineEllipsis, shinyTextStyles.shinyText)}>
             <span>{t('builtins.lobe-page-agent.apiName.initPage')}</span>
           </div>
         );
 
       // During streaming with content, show "creating" title with shiny effect
       return (
-        <div className={styles.root}>
+        <div className={oneLineEllipsis}>
           <span className={shinyTextStyles.shinyText}>
             {t('builtins.lobe-page-agent.apiName.initPage.creating')}
           </span>
@@ -74,7 +68,7 @@ export const InitPageInspector = memo<BuiltinInspectorProps<InitDocumentArgs, In
     }
 
     return (
-      <div className={styles.root}>
+      <div className={oneLineEllipsis}>
         <span className={styles.title}>
           {t('builtins.lobe-page-agent.apiName.initPage.result')}
         </span>

package/packages/builtin-tool-page-agent/src/client/Inspector/ModifyNodes/index.tsx

@@ -8,17 +8,11 @@ import { DiffIcon, Minus, Plus } from 'lucide-react';
 import { type ReactNode, memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { shinyTextStyles } from '@/styles';
+import { oneLineEllipsis, shinyTextStyles } from '@/styles';
 
 import type { ModifyNodesState } from '../../../types';
 
 const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-  `,
   separator: css`
     margin-inline: 2px;
     color: ${cssVar.colorTextQuaternary};
@@ -66,7 +60,7 @@ export const ModifyNodesInspector = memo<BuiltinInspectorProps<ModifyNodesArgs,
     // During streaming without operations yet, show init message
     if (isArgumentsStreaming && !hasOperations) {
       return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+        <div className={cx(oneLineEllipsis, shinyTextStyles.shinyText)}>
           <span>{t('builtins.lobe-page-agent.apiName.modifyNodes.init')}</span>
         </div>
       );
@@ -100,7 +94,7 @@ export const ModifyNodesInspector = memo<BuiltinInspectorProps<ModifyNodesArgs,
     }
 
     return (
-      <div className={cx(styles.root, isArgumentsStreaming && shinyTextStyles.shinyText)}>
+      <div className={cx(oneLineEllipsis, isArgumentsStreaming && shinyTextStyles.shinyText)}>
         <span className={styles.title}>{t('builtins.lobe-page-agent.apiName.modifyNodes')}</span>
         {statsParts.length > 0 && (
           <>

package/packages/builtin-tool-page-agent/src/client/Inspector/ReplaceText/index.tsx

@@ -8,7 +8,7 @@ import { ArrowRight } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { highlightTextStyles, shinyTextStyles } from '@/styles';
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 import type { ReplaceTextState } from '../../../types';
 
@@ -21,14 +21,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     color: ${cssVar.colorTextSecondary};
     text-decoration: line-through;
   `,
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
   title: css`
     margin-inline-end: 8px;
     color: ${cssVar.colorText};
@@ -45,7 +37,7 @@ export const ReplaceTextInspector = memo<BuiltinInspectorProps<ReplaceTextArgs,
     // During streaming without searchText yet, show init message
     if (isArgumentsStreaming && !from) {
       return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
           <span>{t('builtins.lobe-page-agent.apiName.replaceText.init')}</span>
         </div>
       );
@@ -55,7 +47,9 @@ export const ReplaceTextInspector = memo<BuiltinInspectorProps<ReplaceTextArgs,
     const hasResult = from && to !== undefined;
 
     return (
-      <div className={cx(styles.root, isArgumentsStreaming && shinyTextStyles.shinyText)}>
+      <div
+        className={cx(inspectorTextStyles.root, isArgumentsStreaming && shinyTextStyles.shinyText)}
+      >
         <span className={styles.title}>{t('builtins.lobe-page-agent.apiName.replaceText')}</span>
         {hasResult && (
           <>

package/packages/builtin-tool-web-browsing/src/client/Inspector/CrawlMultiPages/index.tsx

@@ -1,22 +1,11 @@
 'use client';
 
 import { type BuiltinInspectorProps } from '@lobechat/types';
-import { createStaticStyles, cx } from 'antd-style';
+import { cx } from 'antd-style';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { highlightTextStyles, shinyTextStyles } from '@/styles';
-
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
-}));
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 interface CrawlMultiPagesParams {
   urls: string[];
@@ -42,14 +31,16 @@ export const CrawlMultiPagesInspector = memo<BuiltinInspectorProps<CrawlMultiPag
 
     if (isArgumentsStreaming && !displayText) {
       return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
           <span>{t('builtins.lobe-web-browsing.apiName.crawlMultiPages')}</span>
         </div>
       );
     }
 
     return (
-      <div className={cx(styles.root, isArgumentsStreaming && shinyTextStyles.shinyText)}>
+      <div
+        className={cx(inspectorTextStyles.root, isArgumentsStreaming && shinyTextStyles.shinyText)}
+      >
         <span>{t('builtins.lobe-web-browsing.apiName.crawlMultiPages')}: </span>
         {displayText && <span className={highlightTextStyles.gold}>{displayText}</span>}
       </div>

package/packages/builtin-tool-web-browsing/src/client/Inspector/CrawlSinglePage/index.tsx

@@ -1,22 +1,11 @@
 'use client';
 
 import type { BuiltinInspectorProps } from '@lobechat/types';
-import { createStaticStyles, cx } from 'antd-style';
+import { cx } from 'antd-style';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { highlightTextStyles, shinyTextStyles } from '@/styles';
-
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
-}));
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 interface CrawlSinglePageParams {
   url: string;
@@ -30,14 +19,16 @@ export const CrawlSinglePageInspector = memo<BuiltinInspectorProps<CrawlSinglePa
 
     if (isArgumentsStreaming && !url) {
       return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
           <span>{t('builtins.lobe-web-browsing.apiName.crawlSinglePage')}</span>
         </div>
       );
     }
 
     return (
-      <div className={cx(styles.root, isArgumentsStreaming && shinyTextStyles.shinyText)}>
+      <div
+        className={cx(inspectorTextStyles.root, isArgumentsStreaming && shinyTextStyles.shinyText)}
+      >
         <span>{t('builtins.lobe-web-browsing.apiName.crawlSinglePage')}: </span>
         {url && <span className={highlightTextStyles.gold}>{url}</span>}
       </div>

package/packages/builtin-tool-web-browsing/src/client/Inspector/Search/index.tsx

@@ -6,22 +6,11 @@ import {
   type UniformSearchResponse,
 } from '@lobechat/types';
 import { Text } from '@lobehub/ui';
-import { createStaticStyles, cssVar, cx } from 'antd-style';
+import { cssVar, cx } from 'antd-style';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { highlightTextStyles, shinyTextStyles } from '@/styles';
-
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
-}));
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 export const SearchInspector = memo<BuiltinInspectorProps<SearchQuery, UniformSearchResponse>>(
   ({ args, partialArgs, isArgumentsStreaming, isLoading, pluginState }) => {
@@ -33,7 +22,7 @@ export const SearchInspector = memo<BuiltinInspectorProps<SearchQuery, UniformSe
 
     if (isArgumentsStreaming && !query) {
       return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
           <span>{t('builtins.lobe-web-browsing.apiName.search')}</span>
         </div>
       );
@@ -42,7 +31,7 @@ export const SearchInspector = memo<BuiltinInspectorProps<SearchQuery, UniformSe
     return (
       <div
         className={cx(
-          styles.root,
+          inspectorTextStyles.root,
           (isArgumentsStreaming || isLoading) && shinyTextStyles.shinyText,
         )}
       >

package/packages/database/src/models/chatGroup.ts

@@ -115,7 +115,7 @@ export class ChatGroupModel {
   async update(id: string, value: Partial<ChatGroupItem>): Promise<ChatGroupItem> {
     const [result] = await this.db
       .update(chatGroups)
-      .set({ ...value, updatedAt: new Date() })
+      .set(value)
       .where(and(eq(chatGroups.id, id), eq(chatGroups.userId, this.userId)))
       .returning();
 

package/packages/model-bank/src/aiModels/aihubmix.ts

@@ -1155,7 +1155,8 @@ const aihubmixModels: AIChatModelCard[] = [
       vision: true,
     },
     contextWindowTokens: 1_048_576 + 65_536,
-    description: 'Gemini 3 Flash 是为速度而打造的最智能的模型，将前沿智能与卓越的搜索接地相结合。',
+    description:
+      'Gemini 3 Flash is the smartest model built for speed, combining cutting-edge intelligence with excellent search grounding.',
     displayName: 'Gemini 3 Flash Preview',
     enabled: true,
     id: 'gemini-3-flash-preview',

package/packages/model-bank/src/aiModels/google.ts

@@ -182,7 +182,8 @@ const googleChatModels: AIChatModelCard[] = [
       vision: true,
     },
     contextWindowTokens: 1_048_576 + 65_536,
-    description: 'Gemini 3 Flash 是为速度而打造的最智能的模型，将前沿智能与卓越的搜索接地相结合。',
+    description:
+      'Gemini 3 Flash is the smartest model built for speed, combining cutting-edge intelligence with excellent search grounding.',
     displayName: 'Gemini 3 Flash Preview',
     enabled: true,
     id: 'gemini-3-flash-preview',

package/packages/model-bank/src/aiModels/infiniai.ts

@@ -91,7 +91,8 @@ const infiniaiChatModels: AIChatModelCard[] = [
       reasoning: true,
     },
     contextWindowTokens: 131_072,
-    description: 'GLM-4.7 是智谱AI推出的最新大语言模型，具备更强的推理和生成能力。',
+    description:
+      'GLM-4.7 is the latest large language model launched by Zhipu AI, with enhanced reasoning and generation capabilities.',
     displayName: 'GLM-4.7',
     enabled: true,
     id: 'glm-4.7',
@@ -114,7 +115,8 @@ const infiniaiChatModels: AIChatModelCard[] = [
       reasoning: true,
     },
     contextWindowTokens: 131_072,
-    description: 'GLM-4.6 是智谱AI推出的最新大语言模型，具备更强的推理和生成能力。',
+    description:
+      'GLM-4.6 is the latest large language model launched by Zhipu AI, with enhanced reasoning and generation capabilities.',
     displayName: 'GLM-4.6',
     id: 'glm-4.6',
     maxOutput: 4096,
@@ -136,7 +138,8 @@ const infiniaiChatModels: AIChatModelCard[] = [
       reasoning: true,
     },
     contextWindowTokens: 131_072,
-    description: 'DeepSeek-V3.2-Exp is an experimental DeepSeek LLM with stronger reasoning and generation.',
+    description:
+      'DeepSeek-V3.2-Exp is an experimental DeepSeek LLM with stronger reasoning and generation.',
     displayName: 'DeepSeek V3.2 Exp',
     id: 'deepseek-v3.2-exp',
     maxOutput: 65_536,
@@ -301,7 +304,8 @@ const infiniaiChatModels: AIChatModelCard[] = [
       vision: true,
     },
     contextWindowTokens: 131_072,
-    description: 'GLM-4.5V is a multimodal model from Zhipu AI for vision understanding and reasoning.',
+    description:
+      'GLM-4.5V is a multimodal model from Zhipu AI for vision understanding and reasoning.',
     displayName: 'GLM-4.5V',
     id: 'glm-4.5v',
     maxOutput: 4096,
@@ -400,8 +404,7 @@ const infiniaiChatModels: AIChatModelCard[] = [
       functionCall: true,
     },
     contextWindowTokens: 131_072,
-    description:
-      'Kimi K2 Instruct is a Moonshot AI LLM with ultra-long context handling.',
+    description: 'Kimi K2 Instruct is a Moonshot AI LLM with ultra-long context handling.',
     displayName: 'Kimi K2 Instruct',
     id: 'kimi-k2-instruct',
     maxOutput: 32_768,

package/packages/model-bank/src/aiModels/minimax.ts

@@ -7,7 +7,8 @@ const minimaxChatModels: AIChatModelCard[] = [
       reasoning: true,
     },
     contextWindowTokens: 204_800,
-    description: '强大多语言编程实力，全面升级编程体验',
+    description:
+      'Powerful multilingual programming capabilities, comprehensively upgraded programming experience',
     displayName: 'MiniMax M2.1',
     enabled: true,
     id: 'MiniMax-M2.1',
@@ -30,7 +31,8 @@ const minimaxChatModels: AIChatModelCard[] = [
       reasoning: true,
     },
     contextWindowTokens: 204_800,
-    description: '强大多语言编程实力，全面升级编程体验。更快，更高效。',
+    description:
+      'Powerful multilingual programming capabilities, comprehensively upgraded programming experience. Faster and more efficient.',
     displayName: 'MiniMax M2.1 Lightning',
     id: 'MiniMax-M2.1-Lightning',
     maxOutput: 131_072,
@@ -52,7 +54,7 @@ const minimaxChatModels: AIChatModelCard[] = [
       reasoning: true,
     },
     contextWindowTokens: 204_800,
-    description: '专为高效编码与Agent工作流而生',
+    description: 'Built specifically for efficient coding and Agent workflows',
     displayName: 'MiniMax M2',
     id: 'MiniMax-M2',
     maxOutput: 131_072,
@@ -74,7 +76,8 @@ const minimaxChatModels: AIChatModelCard[] = [
       reasoning: true,
     },
     contextWindowTokens: 204_800,
-    description: 'Built for efficient coding and agent workflows, with higher concurrency for commercial use.',
+    description:
+      'Built for efficient coding and agent workflows, with higher concurrency for commercial use.',
     displayName: 'MiniMax M2 Stable',
     id: 'MiniMax-M2-Stable',
     maxOutput: 131_072,
@@ -136,7 +139,8 @@ const minimaxChatModels: AIChatModelCard[] = [
 
 const minimaxImageModels: AIImageModelCard[] = [
   {
-    description: 'A new image generation model with fine detail, supporting text-to-image and image-to-image.',
+    description:
+      'A new image generation model with fine detail, supporting text-to-image and image-to-image.',
     displayName: 'Image 01',
     enabled: true,
     id: 'image-01',

package/packages/model-bank/src/aiModels/ollamacloud.ts

@@ -45,7 +45,8 @@ const ollamaCloudModels: AIChatModelCard[] = [
       vision: true,
     },
     contextWindowTokens: 1_048_576,
-    description: 'Gemini 3 Flash 是为速度而打造的最智能的模型，将前沿智能与卓越的搜索接地相结合。',
+    description:
+      'Gemini 3 Flash is the smartest model built for speed, combining cutting-edge intelligence with excellent search grounding.',
     displayName: 'Gemini 3 Flash Preview',
     id: 'gemini-3-flash-preview',
     releasedAt: '2025-12-17',
@@ -68,7 +69,8 @@ const ollamaCloudModels: AIChatModelCard[] = [
       reasoning: true,
     },
     contextWindowTokens: 204_800,
-    description: 'MiniMax M2 是专为编码和代理工作流程构建的高效大型语言模型。',
+    description:
+      'MiniMax M2 is an efficient large language model built specifically for coding and agent workflows.',
     displayName: 'MiniMax M2',
     id: 'minimax-m2',
     type: 'chat',

package/packages/model-bank/src/aiModels/vertexai.ts

@@ -72,7 +72,8 @@ const vertexaiChatModels: AIChatModelCard[] = [
       vision: true,
     },
     contextWindowTokens: 1_048_576 + 65_536,
-    description: 'Gemini 3 Flash 是为速度而打造的最智能的模型，将前沿智能与卓越的搜索接地相结合。',
+    description:
+      'Gemini 3 Flash is the smartest model built for speed, combining cutting-edge intelligence with excellent search grounding.',
     displayName: 'Gemini 3 Flash Preview',
     enabled: true,
     id: 'gemini-3-flash-preview',

package/packages/types/src/agentGroup/index.ts

@@ -5,6 +5,8 @@ import { TaskDetail, UIChatMessage } from '../message';
 import { ChatTopic } from '../topic';
 
 export interface LobeChatGroupMetaConfig {
+  avatar?: string;
+  backgroundColor?: string;
   description: string;
   title: string;
 }
@@ -75,6 +77,8 @@ export interface NewChatGroupAgent {
 
 // New Chat Group type for creating groups (independent from schema)
 export interface NewChatGroup {
+  avatar?: string | null;
+  backgroundColor?: string | null;
   clientId?: string | null;
   config?: LobeChatGroupConfig | null;
   description?: string | null;
@@ -88,10 +92,14 @@ export interface NewChatGroup {
 // Chat Group Item type (independent from schema)
 export interface ChatGroupItem {
   accessedAt?: Date;
+  avatar?: string | null;
+  backgroundColor?: string | null;
   clientId?: string | null;
   config?: LobeChatGroupConfig | null;
+  content?: string | null;
   createdAt: Date;
   description?: string | null;
+  editorData?: Record<string, any> | null;
   groupId?: string | null;
   id: string;
   pinned?: boolean | null;

package/patches/@upstash__qstash.patch

@@ -1,5 +1,5 @@
 diff --git a/chunk-RQPZUJXG.mjs b/chunk-RQPZUJXG.mjs
-index d1a9b4a460efc59304ec30e6bc63a127f1aac6d6..6653a61b539aaf91253300436a8072c6c5f666ee 100644
+index d1a9b4a460efc59304ec30e6bc63a127f1aac6d6..4303089796e63297f79926fc9f9bd976029b1a8e 100644
 --- a/chunk-RQPZUJXG.mjs
 +++ b/chunk-RQPZUJXG.mjs
 @@ -326,6 +326,20 @@ var HttpClient = class {
@@ -23,3 +23,15 @@ index d1a9b4a460efc59304ec30e6bc63a127f1aac6d6..6653a61b539aaf91253300436a8072c6
        throw new QstashError(
          body.length > 0 ? body : `Error: status=${response.status}`,
          response.status
+@@ -1841,8 +1855,10 @@ var AutoExecutor = class _AutoExecutor {
+           if (error instanceof QStashWorkflowAbort) {
+             throw error;
+           }
++
++          const errorMessage = error instanceof Error ? error.message : typeof error === "object" ? JSON.stringify(error) : String(error);
+           throw new QStashWorkflowError(
+-            `Error submitting steps to QStash in partial parallel step execution: ${error}`
++            `Error submitting steps to QStash in partial parallel step execution: ${errorMessage}`
+           );
+         }
+         break;

package/src/app/[variants]/(main)/agent/_layout/Sidebar/Header/Nav.tsx

@@ -55,7 +55,7 @@ const Nav = memo(() => {
           active={isProfileActive}
           icon={BotPromptIcon}
           onClick={() => {
-            switchTopic(undefined, true);
+            switchTopic(null, { skipRefreshMessage: true });
             router.push(urlJoin('/agent', agentId!, 'profile'));
           }}
           title={t('tab.profile')}

package/src/app/[variants]/(main)/agent/cron/[cronId]/index.tsx

@@ -11,7 +11,7 @@ import {
   ReactMathPlugin,
   ReactTablePlugin,
 } from '@lobehub/editor';
-import { Editor, useEditor } from '@lobehub/editor/react';
+import { Editor, useEditor, useEditorState } from '@lobehub/editor/react';
 import { ActionIcon, Flexbox, Icon, Input, Tag, Text } from '@lobehub/ui';
 import { useDebounceFn } from 'ahooks';
 import { App, Card, Checkbox, Empty, InputNumber, Select, Switch, TimePicker, message } from 'antd';
@@ -33,7 +33,7 @@ import useSWR from 'swr';
 import AutoSaveHint from '@/components/Editor/AutoSaveHint';
 import Loading from '@/components/Loading/BrandTextLoading';
 import type { ExecutionConditions, UpdateAgentCronJobData } from '@/database/schemas/agentCronJob';
-import TypoBar from '@/features/EditorModal/Typobar';
+import { InlineToolbar } from '@/features/EditorCanvas';
 import NavHeader from '@/features/NavHeader';
 import WideScreenContainer from '@/features/WideScreenContainer';
 import { useQueryRoute } from '@/hooks/useQueryRoute';
@@ -142,6 +142,7 @@ const CronJobDetailPage = memo(() => {
   const router = useQueryRoute();
   const { modal } = App.useApp();
   const editor = useEditor();
+  const editorState = useEditorState(editor);
   const enableRichRender = useUserStore(labPreferSelectors.enableInputMarkdown);
   const [editorReady, setEditorReady] = useState(false);
 
@@ -628,7 +629,7 @@ const CronJobDetailPage = memo(() => {
                   style={{ borderRadius: 12, overflow: 'hidden' }}
                   styles={{ body: { padding: 0 } }}
                 >
-                  {enableRichRender && <TypoBar editor={editor} />}
+                  {enableRichRender && <InlineToolbar editor={editor} editorState={editorState} />}
                   <Flexbox padding={16} style={{ minHeight: 220 }}>
                     <Editor
                       content={''}

package/src/app/[variants]/(main)/agent/profile/features/ProfileEditor/index.tsx

@@ -88,7 +88,7 @@ const ProfileEditor = memo(() => {
             onClick={() => {
               if (!agentId) return;
               // Clear topicId before navigating to prevent stale state
-              switchTopic(undefined, true);
+              switchTopic(null, { skipRefreshMessage: true });
               router.push(urlJoin('/agent', agentId));
             }}
             type={'primary'}

package/src/app/[variants]/(main)/agent/profile/features/store/action.ts

@@ -28,26 +28,25 @@ export interface Action {
 
 export type Store = State & Action;
 
-// Create debounced save function outside of store for reuse
-const createDebouncedSave = (
-  get: () => Store,
-  updateConfig: (payload: SaveConfigPayload) => Promise<void>,
-) =>
-  debounce(
-    async (payload: SaveConfigPayload) => {
-      try {
-        await updateConfig(payload);
-      } catch (error) {
-        console.error('[ProfileEditor] Failed to save:', error);
-      }
-    },
-    EDITOR_DEBOUNCE_TIME,
-    { leading: false, maxWait: EDITOR_MAX_WAIT, trailing: true },
-  );
+// Store the latest updateConfig reference to avoid stale closures
+let updateConfigRef: ((payload: SaveConfigPayload) => Promise<void>) | null = null;
 
 export const store: (initState?: Partial<State>) => StateCreator<Store> =
   (initState) => (set, get) => {
-    let debouncedSave: ReturnType<typeof createDebouncedSave> | null = null;
+    // Create debounced save that uses the latest callback reference
+    const debouncedSave = debounce(
+      async (payload: SaveConfigPayload) => {
+        try {
+          if (updateConfigRef) {
+            await updateConfigRef(payload);
+          }
+        } catch (error) {
+          console.error('[ProfileEditor] Failed to save:', error);
+        }
+      },
+      EDITOR_DEBOUNCE_TIME,
+      { leading: false, maxWait: EDITOR_MAX_WAIT, trailing: true },
+    );
 
     return {
       ...initialState,
@@ -115,10 +114,8 @@ export const store: (initState?: Partial<State>) => StateCreator<Store> =
         const { editor } = get();
         if (!editor) return;
 
-        // Create debounced save on first use
-        if (!debouncedSave) {
-          debouncedSave = createDebouncedSave(get, updateConfig);
-        }
+        // Always update ref to use the latest callback
+        updateConfigRef = updateConfig;
 
         try {
           const markdownContent = (editor.getDocument('markdown') as unknown as string) || '';

package/src/app/[variants]/(main)/group/_layout/GroupIdSync.tsx

@@ -2,6 +2,7 @@ import { useUnmount } from 'ahooks';
 import { useParams } from 'react-router-dom';
 import { createStoreUpdater } from 'zustand-utils';
 
+import { useQueryRoute } from '@/hooks/useQueryRoute';
 import { useAgentGroupStore } from '@/store/agentGroup';
 import { useChatStore } from '@/store/chat';
 
@@ -9,14 +10,18 @@ const GroupIdSync = () => {
   const useAgentGroupStoreUpdater = createStoreUpdater(useAgentGroupStore);
   const useChatStoreUpdater = createStoreUpdater(useChatStore);
   const params = useParams<{ gid?: string }>();
+  const router = useQueryRoute();
 
   // Sync groupId to agentGroupStore and chatStore
   useAgentGroupStoreUpdater('activeGroupId', params.gid);
   useChatStoreUpdater('activeGroupId', params.gid);
 
+  // Inject router to agentGroupStore for navigation
+  useAgentGroupStoreUpdater('router', router);
+
   // Clear activeGroupId when unmounting (leaving group page)
   useUnmount(() => {
-    useAgentGroupStore.setState({ activeGroupId: undefined });
+    useAgentGroupStore.setState({ activeGroupId: undefined, router: undefined });
     useChatStore.setState({ activeGroupId: undefined, activeTopicId: undefined });
   });