@lobehub/lobehub 2.0.0-next.265 → 2.0.0-next.266

package/locales/zh-TW/models.json

@@ -271,20 +271,20 @@
   "chatgpt-4o-latest.description": "ChatGPT-4o 是一款即時更新的動態模型，結合強大的理解與生成能力，適用於客服、教育與技術支援等大規模應用場景。",
   "claude-2.0.description": "Claude 2 提供企業級關鍵改進，包括領先的 20 萬 token 上下文、降低幻覺、系統提示與新測試功能：工具調用。",
   "claude-2.1.description": "Claude 2 提供企業級關鍵改進，包括領先的 20 萬 token 上下文、降低幻覺、系統提示與新測試功能：工具調用。",
-  "claude-3-5-haiku-20241022.description": "Claude 3.5 Haiku 是 Anthropic 推出的次世代最快模型。相較於 Claude 3 Haiku，其在多項技能上皆有提升，並在多項智能基準測試中超越先前最大模型 Claude 3 Opus。",
+  "claude-3-5-haiku-20241022.description": "Claude 3.5 Haiku 是 Anthropic 最新一代中速度最快的模型，在多項技能上有所提升，並在多項基準測試中超越前一代旗艦 Claude 3 Opus。",
   "claude-3-5-haiku-latest.description": "Claude 3.5 Haiku 提供快速回應，適用於輕量任務。",
-  "claude-3-7-sonnet-20250219.description": "Claude 3.7 Sonnet 是 Anthropic 最具智慧的模型，也是市場上首個混合推理模型。它能夠即時回應，或進行可視化的逐步推理。Sonnet 尤其擅長程式設計、資料科學、視覺處理與智能體任務。",
+  "claude-3-7-sonnet-20250219.description": "Claude Sonnet 3.7 是 Anthropic 最智慧的模型，也是市場上首個混合推理模型，支援即時回應與延伸思考，並提供細緻的控制能力。",
   "claude-3-7-sonnet-latest.description": "Claude 3.7 Sonnet 是 Anthropic 最新且最強大的模型，適用於高度複雜任務，具備卓越的效能、智慧、流暢度與理解力。",
   "claude-3-haiku-20240307.description": "Claude 3 Haiku 是 Anthropic 推出的最快速且最精簡的模型，設計用於即時回應，具備快速且準確的表現。",
   "claude-3-opus-20240229.description": "Claude 3 Opus 是 Anthropic 最強大的模型，適用於高度複雜任務，具備卓越的效能、智慧、流暢度與理解力。",
   "claude-3-sonnet-20240229.description": "Claude 3 Sonnet 在智慧與速度之間取得平衡，適合企業工作負載，提供高效能與低成本的大規模部署。",
-  "claude-haiku-4-5-20251001.description": "Claude Haiku 4.5 是 Anthropic 最快且最聰明的 Haiku 模型，具備閃電般的速度與延伸推理能力。",
+  "claude-haiku-4-5-20251001.description": "Claude Haiku 4.5 是 Anthropic 迄今最快且最智慧的 Haiku 模型，具備閃電般的速度與延伸思考能力。",
   "claude-opus-4-1-20250805-thinking.description": "Claude Opus 4.1 Thinking 是一個進階版本，能夠揭示其推理過程。",
   "claude-opus-4-1-20250805.description": "Claude Opus 4.1 是 Anthropic 最新且最強大的模型，適用於高度複雜任務，具備卓越的效能、智慧、流暢度與理解力。",
-  "claude-opus-4-20250514.description": "Claude Opus 4 是 Anthropic 為高度複雜任務打造的最強大模型，於效能、智能、流暢度與理解力方面皆表現卓越。",
+  "claude-opus-4-20250514.description": "Claude Opus 4 是 Anthropic 最強大的模型，專為處理高度複雜任務而設，表現出色，具備卓越的智慧、流暢度與理解力。",
   "claude-opus-4-5-20251101.description": "Claude Opus 4.5 是 Anthropic 的旗艦模型，結合卓越智慧與可擴展效能，適合需要最高品質回應與推理的複雜任務。",
   "claude-sonnet-4-20250514-thinking.description": "Claude Sonnet 4 Thinking 可產生即時回應或延伸的逐步思考，並顯示其推理過程。",
-  "claude-sonnet-4-20250514.description": "Claude Sonnet 4 能夠即時回應，或進行可視化的逐步思考過程。",
+  "claude-sonnet-4-20250514.description": "Claude Sonnet 4 是 Anthropic 目前最智慧的模型，為 API 使用者提供即時回應或逐步推理的能力，並具備細緻控制功能。",
   "claude-sonnet-4-5-20250929.description": "Claude Sonnet 4.5 是 Anthropic 迄今最智慧的模型。",
   "codegeex-4.description": "CodeGeeX-4 是一款強大的 AI 程式輔助工具，支援多語言問答與程式碼補全，能有效提升開發者的生產力。",
   "codegeex4-all-9b.description": "CodeGeeX4-ALL-9B 是一個多語言程式碼生成模型，支援程式碼補全與生成、程式碼解釋器、網頁搜尋、函式呼叫與倉庫層級的程式碼問答，涵蓋多種軟體開發場景。它是參數數量低於 100 億的頂尖程式碼模型之一。",
@@ -355,7 +355,7 @@
   "deepseek-ai/deepseek-v3.1-terminus.description": "DeepSeek V3.1 是新一代推理模型，具備更強的複雜推理與思維鏈能力，適用於深度分析任務。",
   "deepseek-ai/deepseek-v3.1.description": "DeepSeek V3.1 是新一代推理模型，具備更強的複雜推理與思維鏈能力，適用於深度分析任務。",
   "deepseek-ai/deepseek-vl2.description": "DeepSeek-VL2 是一款基於 DeepSeekMoE-27B 的 MoE 視覺語言模型，採用稀疏激活，僅使用 4.5B 活躍參數即可達到強大表現。擅長視覺問答、OCR、文件/表格/圖表理解與視覺對齊。",
-  "deepseek-chat.description": "一款結合通用與程式能力的開源模型。保留聊天模型的對話能力與程式模型的強大編碼能力，並提升偏好對齊。DeepSeek-V2.5 也在寫作與指令遵循方面有所進步。",
+  "deepseek-chat.description": "DeepSeek V3.2 在推理能力與輸出長度之間取得平衡，適用於日常問答與智能代理任務。其公開基準測試達到 GPT-5 水準，並首創將思考整合至工具使用中，在開源代理評估中表現領先。",
   "deepseek-coder-33B-instruct.description": "DeepSeek Coder 33B 是一款程式語言模型，訓練於 2T token（87% 程式碼，13% 中英文文本），支援 16K 上下文視窗與中間填充任務，提供專案級程式補全與片段填充功能。",
   "deepseek-coder-v2.description": "DeepSeek Coder V2 是一款開源 MoE 程式模型，在程式任務中表現強勁，媲美 GPT-4 Turbo。",
   "deepseek-coder-v2:236b.description": "DeepSeek Coder V2 是一款開源 MoE 程式模型，在程式任務中表現強勁，媲美 GPT-4 Turbo。",
@@ -378,7 +378,7 @@
   "deepseek-r1-fast-online.description": "DeepSeek R1 快速全量版，支援即時網頁搜尋，結合 671B 規模能力與快速回應。",
   "deepseek-r1-online.description": "DeepSeek R1 全量版擁有 671B 參數與即時網頁搜尋功能，提供更強的理解與生成能力。",
   "deepseek-r1.description": "DeepSeek-R1 在強化學習前使用冷啟動資料，於數學、程式碼與推理任務中表現可媲美 OpenAI-o1。",
-  "deepseek-reasoner.description": "DeepSeek V3.2 推理模式會在最終答案前輸出思考鏈，以提升準確性。",
+  "deepseek-reasoner.description": "DeepSeek V3.2 Thinking 是一款深度推理模型，在輸出前先生成思考鏈（chain-of-thought），以提升準確性，在競賽中表現優異，推理能力媲美 Gemini-3.0-Pro。",
   "deepseek-v2.description": "DeepSeek V2 是一款高效的 MoE 模型，適用於具成本效益的處理任務。",
   "deepseek-v2:236b.description": "DeepSeek V2 236B 是 DeepSeek 專注於程式碼生成的模型，具備強大能力。",
   "deepseek-v3-0324.description": "DeepSeek-V3-0324 是一款擁有 671B 參數的 MoE 模型，在程式設計、技術能力、語境理解與長文本處理方面表現出色。",
@@ -471,7 +471,7 @@
   "ernie-tiny-8k.description": "ERNIE Tiny 8K 是一款超輕量模型，適合簡單問答、分類與低成本推理。",
   "ernie-x1-turbo-32k.description": "ERNIE X1 Turbo 32K 是一款快速思考模型，具備 32K 上下文，適合複雜推理與多輪對話。",
   "ernie-x1.1-preview.description": "ERNIE X1.1 預覽版是一款思考模型預覽，用於評估與測試。",
-  "fal-ai/bytedance/seedream/v4.description": "Seedream 4.0 是來自字節跳動 Seed 團隊的圖像生成模型，支援文字與圖像輸入，能夠高品質且高度可控地生成圖像，從文字提示中創建圖像。",
+  "fal-ai/bytedance/seedream/v4.description": "Seedream 4.0 由字節跳動 Seed 團隊打造，支援文字與圖像輸入，能從提示中生成高品質、可控性強的圖像。",
   "fal-ai/flux-kontext/dev.description": "FLUX.1 模型專注於圖像編輯，支援文字與圖像輸入。",
   "fal-ai/flux-pro/kontext.description": "FLUX.1 Kontext [pro] 接受文字與參考圖像輸入，實現目標區域編輯與複雜場景轉換。",
   "fal-ai/flux/krea.description": "Flux Krea [dev] 是一款圖像生成模型，偏好更真實自然的美學風格。",
@@ -479,8 +479,8 @@
   "fal-ai/hunyuan-image/v3.description": "一款強大的原生多模態圖像生成模型。",
   "fal-ai/imagen4/preview.description": "來自 Google 的高品質圖像生成模型。",
   "fal-ai/nano-banana.description": "Nano Banana 是 Google 最新、最快且最高效的原生多模態模型，支援透過對話進行圖像生成與編輯。",
-  "fal-ai/qwen-image-edit.description": "來自 Qwen 團隊的專業圖像編輯模型，支援語義與外觀編輯，能精確處理中英文文字，並實現風格轉換、物體旋轉等高品質編輯。",
-  "fal-ai/qwen-image.description": "來自 Qwen 團隊的強大圖像生成模型，具備優異的中文文字渲染能力與多樣化視覺風格。",
+  "fal-ai/qwen-image-edit.description": "來自 Qwen 團隊的專業圖像編輯模型，支援語義與外觀編輯、中英文文字精準修改、風格轉換、旋轉等功能。",
+  "fal-ai/qwen-image.description": "Qwen 團隊推出的強大圖像生成模型，具備優異的中文文字渲染能力與多樣化視覺風格。",
   "flux-1-schnell.description": "來自黑森林實驗室的 12B 參數文字轉圖像模型，透過潛在對抗擴散蒸餾技術，在 1 至 4 步內生成高品質圖像。其表現媲美封閉式替代方案，並以 Apache-2.0 授權釋出，供個人、研究與商業用途。",
   "flux-dev.description": "FLUX.1 [dev] 是一款開放權重的蒸餾模型，僅限非商業用途。它保有接近專業水準的圖像品質與指令遵循能力，同時運行更高效，資源使用優於同等大小的標準模型。",
   "flux-kontext-max.description": "最先進的語境圖像生成與編輯技術，結合文字與圖像輸入，實現精準且一致的結果。",
@@ -573,6 +573,25 @@
   "glm-z1-flashx.description": "快速且低成本：Flash 增強版，具備超快推理與高併發能力。",
   "glm-zero-preview.description": "GLM-Zero-Preview 具備強大的複雜推理能力，擅長邏輯、數學與程式任務。",
   "global.anthropic.claude-opus-4-5-20251101-v1:0.description": "Claude Opus 4.5 是 Anthropic 的旗艦模型，結合卓越智慧與可擴展效能，適用於需要最高品質回應與推理的複雜任務。",
+  "google/gemini-2.0-flash-001.description": "Gemini 2.0 Flash 提供新一代能力，包括極速處理、原生工具使用、多模態生成，以及 100 萬 token 的上下文視窗。",
+  "google/gemini-2.0-flash-exp:free.description": "Gemini 2.0 Flash Experimental 是 Google 最新的實驗性多模態 AI 模型，較前代在世界知識、程式碼與長上下文處理方面有明顯提升。",
+  "google/gemini-2.0-flash-lite-001.description": "Gemini 2.0 Flash Lite 是輕量版 Gemini，預設關閉思考功能以降低延遲與成本，但可透過參數啟用。",
+  "google/gemini-2.0-flash-lite.description": "Gemini 2.0 Flash Lite 提供新一代功能，包括極速處理、內建工具使用、多模態生成，以及 100 萬 token 的上下文視窗。",
+  "google/gemini-2.0-flash.description": "Gemini 2.0 Flash 是 Google 的高效能推理模型，適用於延伸多模態任務。",
+  "google/gemini-2.5-flash-image-free.description": "Gemini 2.5 Flash Image 免費層，支援有限配額的多模態生成。",
+  "google/gemini-2.5-flash-image-preview.description": "Gemini 2.5 Flash 實驗模型，支援圖像生成。",
+  "google/gemini-2.5-flash-image.description": "Gemini 2.5 Flash Image（Nano Banana）是 Google 的圖像生成模型，支援多模態對話。",
+  "google/gemini-2.5-flash-lite.description": "Gemini 2.5 Flash Lite 是 Gemini 2.5 的輕量版本，針對延遲與成本進行優化，適合高吞吐量場景。",
+  "google/gemini-2.5-flash-preview.description": "Gemini 2.5 Flash 是 Google 最先進的旗艦模型，專為高階推理、程式設計、數學與科學任務打造。內建「思考」功能，能提供更高準確度與更細緻的上下文處理。\n\n注意：此模型有兩種變體——思考與非思考。啟用思考功能會產生額外費用。若選擇標準版本（無「:thinking」後綴），模型將避免生成思考 token。\n\n若需使用思考功能並接收思考 token，請選擇「:thinking」變體，將產生較高的輸出費用。\n\nGemini 2.5 Flash 亦可透過「max reasoning tokens」參數進行配置，詳見文件：https://openrouter.ai/docs/use-cases/reasoning-tokens#max-tokens-for-reasoning。",
+  "google/gemini-2.5-flash-preview:thinking.description": "Gemini 2.5 Flash 是 Google 最先進的旗艦模型，專為高階推理、程式設計、數學與科學任務打造。內建「思考」功能，能提供更高準確度與更細緻的上下文處理。\n\n注意：此模型有兩種變體——思考與非思考。啟用思考功能會產生額外費用。若選擇標準版本（無「:thinking」後綴），模型將避免生成思考 token。\n\n若需使用思考功能並接收思考 token，請選擇「:thinking」變體，將產生較高的輸出費用。\n\nGemini 2.5 Flash 亦可透過「max reasoning tokens」參數進行配置，詳見文件：https://openrouter.ai/docs/use-cases/reasoning-tokens#max-tokens-for-reasoning。",
+  "google/gemini-2.5-flash.description": "Gemini 2.5 Flash（Lite/Pro/Flash）是 Google 的模型家族，涵蓋低延遲至高效能推理應用。",
+  "google/gemini-2.5-pro-free.description": "Gemini 2.5 Pro 免費層提供有限配額的多模態長上下文支援，適合試用與輕量工作流程。",
+  "google/gemini-2.5-pro-preview.description": "Gemini 2.5 Pro Preview 是 Google 最先進的思考模型，適用於程式碼、數學與 STEM 領域的複雜推理，並能分析大型資料集、程式碼庫與長文件。",
+  "google/gemini-2.5-pro.description": "Gemini 2.5 Pro 是 Google 的旗艦推理模型，支援長上下文處理，適用於複雜任務。",
+  "google/gemini-3-pro-image-preview-free.description": "Gemini 3 Pro Image 免費層，支援有限配額的多模態生成。",
+  "google/gemini-3-pro-image-preview.description": "Gemini 3 Pro Image（Nano Banana Pro）是 Google 的圖像生成模型，支援多模態對話。",
+  "google/gemini-3-pro-preview-free.description": "Gemini 3 Pro Preview 免費版具備與標準版相同的多模態理解與推理能力，但有配額與速率限制，適合試用與低頻使用。",
+  "google/gemini-3-pro-preview.description": "Gemini 3 Pro 是 Gemini 家族的次世代多模態推理模型，能理解文字、音訊、圖像與影片，處理複雜任務與大型程式碼庫。",
   "meta/Llama-3.2-90B-Vision-Instruct.description": "先進的圖像推理能力，適用於視覺理解代理應用。",
   "meta/Llama-3.3-70B-Instruct.description": "Llama 3.3 是最先進的多語言開源 Llama 模型，以極低成本提供接近 405B 的效能。該模型基於 Transformer 架構，並透過 SFT 與 RLHF 提升實用性與安全性。經指令微調版本針對多語言對話進行最佳化，在業界基準測試中超越多數開放與封閉模型。知識截止時間：2023 年 12 月。",
   "meta/Meta-Llama-3-70B-Instruct.description": "一款功能強大的 70B 參數模型，擅長推理、程式編寫與廣泛語言任務。",

package/locales/zh-TW/plugin.json

@@ -92,6 +92,7 @@
   "builtins.lobe-local-system.inspector.noResults": "沒有結果",
   "builtins.lobe-local-system.inspector.rename.result": "<old>{{oldName}}</old> → <new>{{newName}}</new>",
   "builtins.lobe-local-system.title": "本機系統",
+  "builtins.lobe-notebook.actions.collapse": "收合",
   "builtins.lobe-notebook.actions.copy": "複製",
   "builtins.lobe-notebook.actions.creating": "正在建立文件...",
   "builtins.lobe-notebook.actions.edit": "編輯",

package/locales/zh-TW/providers.json

@@ -29,6 +29,7 @@
   "internlm.description": "一個專注於大型模型研究與工具的開源組織，提供高效、易用的平台，讓尖端模型與演算法更易於取得。",
   "jina.description": "Jina AI 成立於 2020 年，是領先的搜尋 AI 公司。其搜尋技術堆疊包含向量模型、重排序器與小型語言模型，打造可靠且高品質的生成式與多模態搜尋應用。",
   "lmstudio.description": "LM Studio 是一款桌面應用程式，可在本機開發與實驗大型語言模型。",
+  "lobehub.description": "LobeHub Cloud 使用官方 API 存取 AI 模型，並以與模型代幣相關的點數來計算使用量。",
   "minimax.description": "MiniMax 成立於 2021 年，致力於打造通用 AI，擁有多模態基礎模型，包括兆級參數的 MoE 文本模型、語音模型與視覺模型，並推出如海螺 AI 等應用。",
   "mistral.description": "Mistral 提供先進的通用、專業與研究模型，支援複雜推理、多語言任務與程式碼生成，並支援函式呼叫以實現自訂整合。",
   "modelscope.description": "ModelScope 是阿里雲的模型即服務平台，提供多樣化的 AI 模型與推理服務。",

package/locales/zh-TW/setting.json

@@ -33,6 +33,7 @@
   "agentCronJobs.maxExecutions": "最大執行次數",
   "agentCronJobs.name": "任務名稱",
   "agentCronJobs.never": "從未",
+  "agentCronJobs.noExecutionResults": "沒有執行結果",
   "agentCronJobs.remainingExecutions": "剩餘：{{count}}",
   "agentCronJobs.save": "儲存",
   "agentCronJobs.schedule": "排程",
@@ -42,6 +43,7 @@
   "agentCronJobs.timeRange": "時間範圍",
   "agentCronJobs.title": "排程任務",
   "agentCronJobs.unlimited": "無限制",
+  "agentCronJobs.unnamedTask": "未命名的任務",
   "agentCronJobs.updateSuccess": "排程任務更新成功",
   "agentCronJobs.weekdays": "平日",
   "agentInfoDescription.basic.avatar": "頭像",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.265",
+  "version": "2.0.0-next.266",
   "description": "LobeHub - an open-source,comprehensive AI Agent framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

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

@@ -1,8 +1,8 @@
 import { Accordion, Flexbox } from '@lobehub/ui';
 import React, { memo } from 'react';
 
+import CronTopicList from './Cron';
 import Topic from './Topic';
-import CronTopicList from './Topic/CronTopicList';
 
 export enum ChatSidebarKey {
   CronTopics = 'cronTopics',

package/src/app/[variants]/(main)/agent/_layout/Sidebar/Cron/CronTopicGroup.tsx

@@ -0,0 +1,84 @@
+'use client';
+
+import { AccordionItem, ActionIcon, Flexbox, Icon, Text } from '@lobehub/ui';
+import { Settings2Icon, TimerIcon, TimerOffIcon } from 'lucide-react';
+import { memo, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useParams } from 'react-router-dom';
+
+import { useRouter } from '@/app/[variants]/(main)/hooks/useRouter';
+import type { AgentCronJob } from '@/database/schemas/agentCronJob';
+
+import CronTopicItem from './CronTopicItem';
+
+interface CronTopicGroupProps {
+  cronJob: AgentCronJob | null;
+  cronJobId: string;
+  topics: Array<{
+    createdAt: Date | string;
+    favorite?: boolean | null;
+    historySummary?: string | null;
+    id: string;
+    metadata?: any;
+    title?: string | null;
+    trigger?: string | null;
+    updatedAt: Date | string;
+  }>;
+}
+
+const CronTopicGroup = memo<CronTopicGroupProps>(({ cronJob, cronJobId, topics }) => {
+  const { t } = useTranslation('setting');
+  const { aid, cronId } = useParams<{ aid?: string; cronId?: string }>();
+  const router = useRouter();
+
+  const handleOpenCronJob = useCallback(() => {
+    if (!aid) return;
+    router.push(`/agent/${aid}/cron/${cronJobId}`);
+  }, [aid, cronJobId, router]);
+
+  const cronJobName = cronJob?.name || t('agentCronJobs.unnamedTask');
+  const isEnabled = cronJob?.enabled ?? false;
+  const isActive = cronId === cronJobId;
+
+  return (
+    <AccordionItem
+      action={
+        <ActionIcon
+          icon={Settings2Icon}
+          onClick={handleOpenCronJob}
+          size="small"
+          title={t('agentCronJobs.editJob')}
+        />
+      }
+      itemKey={cronJobId}
+      paddingBlock={4}
+      paddingInline={'8px 4px'}
+      title={
+        <Flexbox align="center" gap={6} height={24} horizontal style={{ overflow: 'hidden' }}>
+          <Icon icon={isEnabled ? TimerIcon : TimerOffIcon} style={{ opacity: 0.5 }} />
+          <Text ellipsis style={{ flex: 1 }} type={isActive ? undefined : 'secondary'}>
+            {cronJobName}
+          </Text>
+          {topics.length > 0 && (
+            <Text fontSize={11} type="secondary">
+              {topics.length}
+            </Text>
+          )}
+        </Flexbox>
+      }
+      variant={isActive ? 'filled' : 'borderless'}
+    >
+      <Flexbox gap={1} paddingBlock={1}>
+        {topics.length > 0 ? (
+          topics.map((topic) => <CronTopicItem key={topic.id} topic={topic} />)
+        ) : (
+          <Text fontSize={12} style={{ padding: '8px 12px' }} type="secondary">
+            {t('agentCronJobs.noExecutionResults')}
+          </Text>
+        )}
+      </Flexbox>
+    </AccordionItem>
+  );
+});
+
+export default CronTopicGroup;

package/src/app/[variants]/(main)/agent/_layout/Sidebar/{Topic/CronTopicList → Cron}/CronTopicItem.tsx

@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next';
 
 import { useChatStore } from '@/store/chat';
 
-import TopicItem from '../List/Item';
+import TopicItem from '../Topic/List/Item';
 
 interface CronTopicItemProps {
   topic: {

package/src/app/[variants]/(main)/agent/_layout/Sidebar/{Topic/CronTopicList → Cron}/index.tsx

@@ -1,9 +1,8 @@
 'use client';
 
 import { ENABLE_BUSINESS_FEATURES } from '@lobechat/business-const';
-import { AccordionItem, ActionIcon, Flexbox, Icon, Text } from '@lobehub/ui';
-import { message } from 'antd';
-import { Calendar, Plus } from 'lucide-react';
+import { Accordion, AccordionItem, ActionIcon, Flexbox, Text } from '@lobehub/ui';
+import { Plus } from 'lucide-react';
 import { memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import urlJoin from 'url-join';
@@ -11,9 +10,7 @@ import urlJoin from 'url-join';
 import NeuralNetworkLoading from '@/components/NeuralNetworkLoading';
 import EmptyNavItem from '@/features/NavPanel/components/EmptyNavItem';
 import SkeletonList from '@/features/NavPanel/components/SkeletonList';
-import { useFetchCronTopicsWithJobInfo } from '@/hooks/useFetchCronTopicsWithJobInfo';
 import { useQueryRoute } from '@/hooks/useQueryRoute';
-import { agentCronJobService } from '@/services/agentCronJob';
 import { useAgentStore } from '@/store/agent';
 
 import CronTopicGroup from './CronTopicGroup';
@@ -25,33 +22,22 @@ interface CronTopicListProps {
 const CronTopicList = memo<CronTopicListProps>(({ itemKey }) => {
   const { t } = useTranslation('setting');
   const router = useQueryRoute();
-  const agentId = useAgentStore((s) => s.activeAgentId);
-  const { cronTopicsGroupsWithJobInfo, isLoading, mutate } = useFetchCronTopicsWithJobInfo();
-  const totalTopics = cronTopicsGroupsWithJobInfo.reduce(
-    (acc, group) => acc + group.topics.length,
-    0,
-  );
+  const [agentId, createAgentCronJob, useFetchCronTopicsWithJobInfo] = useAgentStore((s) => [
+    s.activeAgentId,
+    s.createAgentCronJob,
+    s.useFetchCronTopicsWithJobInfo,
+  ]);
+  const { data: cronTopicsGroupsWithJobInfo = [], isLoading } =
+    useFetchCronTopicsWithJobInfo(agentId);
 
   const handleCreateCronJob = useCallback(async () => {
     if (!agentId) return;
-    try {
-      const result = await agentCronJobService.create({
-        agentId,
-        content: t('agentCronJobs.form.content.placeholder') || 'This is a cron job',
-        cronPattern: '*/30 * * * *',
-        enabled: true,
-        name: t('agentCronJobs.addJob') || 'Cron Job Task',
-      });
 
-      if (result.success) {
-        await mutate();
-        router.push(urlJoin('/agent', agentId, 'cron', result.data.id));
-      }
-    } catch (error) {
-      console.error('Failed to create cron job:', error);
-      message.error('Failed to create scheduled task');
+    const cronJobId = await createAgentCronJob();
+    if (cronJobId) {
+      router.push(urlJoin('/agent', agentId, 'cron', cronJobId));
     }
-  }, [agentId, mutate, router, t]);
+  }, [agentId, createAgentCronJob, router]);
 
   if (!ENABLE_BUSINESS_FEATURES) return null;
 
@@ -74,7 +60,6 @@ const CronTopicList = memo<CronTopicListProps>(({ itemKey }) => {
         paddingInline={'8px 4px'}
         title={
           <Flexbox align="center" gap={4} horizontal>
-            <Icon icon={Calendar} size={12} />
             <Text ellipsis fontSize={12} type={'secondary'} weight={500}>
               {t('agentCronJobs.title')}
             </Text>
@@ -96,7 +81,6 @@ const CronTopicList = memo<CronTopicListProps>(({ itemKey }) => {
         paddingInline={'8px 4px'}
         title={
           <Flexbox align="center" gap={4} horizontal>
-            <Icon icon={Calendar} size={12} />
             <Text ellipsis fontSize={12} type={'secondary'} weight={500}>
               {t('agentCronJobs.title')}
             </Text>
@@ -108,6 +92,8 @@ const CronTopicList = memo<CronTopicListProps>(({ itemKey }) => {
     );
   }
 
+  const totalCronJobs = cronTopicsGroupsWithJobInfo.length;
+
   return (
     <AccordionItem
       action={addAction}
@@ -116,14 +102,18 @@ const CronTopicList = memo<CronTopicListProps>(({ itemKey }) => {
       paddingInline={'8px 4px'}
       title={
         <Flexbox align="center" gap={4} horizontal>
-          <Icon icon={Calendar} size={12} />
           <Text ellipsis fontSize={12} type={'secondary'} weight={500}>
-            {`${t('agentCronJobs.title')} ${totalTopics > 0 ? totalTopics : ''}`}
+            {t('agentCronJobs.title')}
           </Text>
+          {totalCronJobs > 0 && (
+            <Text fontSize={11} type="secondary">
+              {totalCronJobs}
+            </Text>
+          )}
         </Flexbox>
       }
     >
-      <Flexbox gap={2} paddingBlock={2}>
+      <Accordion defaultExpandedKeys={cronTopicsGroupsWithJobInfo.map((g) => g.cronJobId)} gap={2}>
         {cronTopicsGroupsWithJobInfo.map((group) => (
           <CronTopicGroup
             cronJob={group.cronJob}
@@ -132,7 +122,7 @@ const CronTopicList = memo<CronTopicListProps>(({ itemKey }) => {
             topics={group.topics}
           />
         ))}
-      </Flexbox>
+      </Accordion>
     </AccordionItem>
   );
 });

package/src/app/[variants]/(main)/agent/_layout/Sidebar/Topic/List/Item/Editing.tsx

@@ -1,7 +1,6 @@
-import { Input, type InputProps, Popover } from '@lobehub/ui';
-import type { InputRef } from 'antd';
-import { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { memo, useCallback } from 'react';
 
+import InlineRename from '@/components/InlineRename';
 import { useChatStore } from '@/store/chat';
 
 interface EditingProps {
@@ -10,27 +9,14 @@ interface EditingProps {
   toggleEditing: (visible?: boolean) => void;
 }
 
-function FocusableInput({ ...props }: InputProps) {
-  const ref = useRef<InputRef>(null);
-  useEffect(() => {
-    queueMicrotask(() => {
-      if (ref.current) {
-        ref.current.input?.focus();
-      }
-    });
-  }, []);
-  return <Input {...props} ref={ref} />;
-}
-
 const Editing = memo<EditingProps>(({ id, title, toggleEditing }) => {
-  const [newTitle, setNewTitle] = useState(title);
   const [editing, updateTopicTitle] = useChatStore((s) => [
     s.topicRenamingId === id,
     s.updateTopicTitle,
   ]);
 
-  const handleUpdate = useCallback(async () => {
-    if (newTitle && title !== newTitle) {
+  const handleSave = useCallback(
+    async (newTitle: string) => {
       try {
         // Set loading state
         useChatStore.setState(
@@ -53,40 +39,17 @@ const Editing = memo<EditingProps>(({ id, title, toggleEditing }) => {
           'clearTopicUpdating',
         );
       }
-    }
-  }, [newTitle, title, id, updateTopicTitle, toggleEditing]);
+    },
+    [id, updateTopicTitle],
+  );
 
   return (
-    <Popover
-      content={
-        <FocusableInput
-          defaultValue={title}
-          onBlur={handleUpdate}
-          onChange={(e) => setNewTitle(e.target.value)}
-          onClick={(e) => e.stopPropagation()}
-          onPressEnter={() => {
-            handleUpdate();
-            toggleEditing(false);
-          }}
-        />
-      }
-      onOpenChange={(open) => {
-        if (!open) handleUpdate();
-
-        toggleEditing(open);
-      }}
+    <InlineRename
+      onOpenChange={(open) => toggleEditing(open)}
+      onSave={handleSave}
       open={editing}
-      placement="bottomLeft"
-      styles={{
-        content: {
-          padding: 4,
-          width: 320,
-        },
-      }}
-      trigger="click"
-    >
-      <div />
-    </Popover>
+      title={title}
+    />
   );
 });
 

package/src/app/[variants]/(main)/agent/_layout/Sidebar/Topic/List/index.tsx

@@ -18,6 +18,8 @@ import AllTopicsDrawer from '../AllTopicsDrawer';
 import ByTimeMode from '../TopicListContent/ByTimeMode';
 import FlatMode from '../TopicListContent/FlatMode';
 
+const fetchParams = { excludeTriggers: ['cron'] };
+
 const TopicList = memo(() => {
   const { t } = useTranslation('topic');
   const router = useQueryRoute();
@@ -32,7 +34,7 @@ const TopicList = memo(() => {
 
   const [topicDisplayMode] = useUserStore((s) => [preferenceSelectors.topicDisplayMode(s)]);
 
-  useFetchTopics({ excludeTriggers: ['cron'] });
+  useFetchTopics(fetchParams);
 
   // Show skeleton when current session's topic data is not yet loaded
   if (isUndefinedTopics) return <SkeletonList />;

package/src/app/[variants]/(main)/agent/_layout/Sidebar/Topic/TopicListContent/ThreadList/ThreadItem/Editing.tsx

@@ -1,6 +1,6 @@
-import { Input, Popover } from '@lobehub/ui';
-import { memo, useCallback, useState } from 'react';
+import { memo, useCallback } from 'react';
 
+import InlineRename from '@/components/InlineRename';
 import { useChatStore } from '@/store/chat';
 
 interface EditingProps {
@@ -10,53 +10,25 @@ interface EditingProps {
 }
 
 const Editing = memo<EditingProps>(({ id, title, toggleEditing }) => {
-  const [newTitle, setNewTitle] = useState(title);
   const [editing, updateThreadTitle] = useChatStore((s) => [
     s.threadRenamingId === id,
     s.updateThreadTitle,
   ]);
 
-  const handleUpdate = useCallback(async () => {
-    if (newTitle && title !== newTitle) {
+  const handleSave = useCallback(
+    async (newTitle: string) => {
       await updateThreadTitle(id, newTitle);
-    }
-    toggleEditing(false);
-  }, [newTitle, title, id, updateThreadTitle, toggleEditing]);
+    },
+    [id, updateThreadTitle],
+  );
 
   return (
-    <Popover
-      content={
-        <Input
-          autoFocus
-          defaultValue={title}
-          onBlur={() => {
-            handleUpdate();
-            toggleEditing(false);
-          }}
-          onChange={(e) => setNewTitle(e.target.value)}
-          onClick={(e) => e.stopPropagation()}
-          onPressEnter={() => {
-            handleUpdate();
-            toggleEditing(false);
-          }}
-        />
-      }
-      onOpenChange={(open) => {
-        if (!open) handleUpdate();
-        toggleEditing(open);
-      }}
+    <InlineRename
+      onOpenChange={(open) => toggleEditing(open)}
+      onSave={handleSave}
       open={editing}
-      placement="bottomLeft"
-      styles={{
-        content: {
-          padding: 4,
-          width: 320,
-        },
-      }}
-      trigger="click"
-    >
-      <div />
-    </Popover>
+      title={title}
+    />
   );
 });
 

package/src/app/[variants]/(main)/agent/_layout/Sidebar/Topic/hooks/useTopicNavigation.ts

@@ -32,7 +32,11 @@ export const useTopicNavigation = () => {
     (topicId?: string) => {
       // If in agent sub-route, navigate back to agent chat first
       if (isInAgentSubRoute() && activeAgentId) {
-        router.push(urlJoin('/agent', activeAgentId as string));
+        const basePath = urlJoin('/agent', activeAgentId as string);
+        // Include topicId in URL when navigating from sub-route
+        router.push(topicId ? `${basePath}?topic=${topicId}` : basePath);
+        toggleConfig(false);
+        return;
       }
 
       switchTopic(topicId);

package/src/app/[variants]/(main)/agent/profile/features/AgentCronJobs/CronJobCards.tsx

@@ -99,7 +99,7 @@ const CronJobCards = memo<CronJobCardsProps>(({ cronJobs, loading, onDelete, onE
                         whiteSpace: 'nowrap',
                       }}
                     >
-                      {job.name || 'Unnamed Task'}
+                      {job.name || t('agentCronJobs.unnamedTask')}
                     </span>
                     <Badge status={statusInfo.status} />
                   </Flexbox>

package/src/app/[variants]/(main)/agent/profile/features/AgentCronJobs/CronJobForm.tsx

@@ -96,7 +96,7 @@ const CronJobForm = memo<CronJobFormProps>(({ editingJob, formRef, onSubmit }) =
     const data: CronJobFormData = {
       content: values.content,
       cronPattern: values.cronPattern,
-      enabled: true,
+      enabled: false,
       executionConditions: Object.keys(executionConditions).length > 0 ? executionConditions : null,
       maxExecutions: values.maxExecutions || null,
       name: values.name,

package/src/app/[variants]/(main)/group/_layout/Sidebar/AddGroupMemberModal/AvailableAgentList.tsx

@@ -21,7 +21,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
 
     padding-block: ${cssVar.paddingSM}px 0;
     padding-inline: ${cssVar.paddingSM}px;
-    border-inline-end: 1px solid ${cssVar.colorBorderSecondary};
   `,
 }));
 

package/src/app/[variants]/(main)/group/_layout/Sidebar/AddGroupMemberModal/index.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { Button, Flexbox, Modal } from '@lobehub/ui';
+import { Divider } from 'antd';
 import { createStaticStyles } from 'antd-style';
 import { memo, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -19,6 +20,7 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     flex-direction: row;
 
     height: 500px;
+    padding: 12px;
     border: 1px solid ${cssVar.colorBorderSecondary};
     border-radius: ${cssVar.borderRadius}px;
   `,
@@ -104,10 +106,12 @@ const AddGroupMemberModal = memo<AddGroupMemberModalProps>(
         title={t('memberSelection.addMember')}
         width={800}
       >
-        <Flexbox className={styles.container} horizontal>
+        <Flexbox className={styles.container} gap={8} horizontal>
           {/* Left Column - Available Agents */}
           <AvailableAgentList agents={availableAgents} isLoading={isLoadingAgents} />
 
+          <Divider orientation={'vertical'} style={{ height: '100%' }} />
+
           {/* Right Column - Selected Agents */}
           <SelectedAgentList agents={allAgents} />
         </Flexbox>