Merge remote-tracking branch 'origin/main'

合并上游
refactor: Move abort controller to utils and update imports
2025-02-21 13:24:13 +08:00 · 2025-02-21 12:50:18 +08:00 · 2025-02-21 12:50:18 +08:00 · 2025-02-21 11:17:41 +08:00 · 2025-02-21 11:16:02 +08:00 · 2025-02-21 09:46:26 +08:00
103 changed files with 2714 additions and 1177 deletions
--- a/.github/ISSUE_TEMPLATE/0_bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/0_bug_report.yml
@ -6,7 +6,8 @@ body:
  - type: markdown
    attributes:
      value: |
-        Thanks for taking the time to fill out this bug report!
+        Thank you for taking the time to fill out this bug report!
+        Before submitting this issue, please make sure that you have understood the [FAQ](https://docs.cherry-ai.com/question-contact/questions) and [Knowledge Science](https://docs.cherry-ai.com/question-contact/knowledge)

  - type: checkboxes
    id: checklist
@ -15,9 +16,11 @@ body:
      description: |
        Before submitting an issue, please make sure you have completed the following steps
      options:
-        - label: I have viewed the pinned issues and searched existing issues but couldn't find anything similar.
+        - label: I understand that issues are for feedback and problem solving, not for complaining in the comment section, and will provide as much information as possible to help solve the problem.
          required: true
-        - label: I have filled out the issue title correctly.
+        - label: I've looked at pinned issues and searched for existing [Open Issues](https://github.com/CherryHQ/cherry-studio/issues), [Closed Issues](https://github.com/CherryHQ/cherry-studio/issues?q=is%3Aissue%20state%3Aclosed), and [Discussions](https://github.com/CherryHQ/cherry-studio/discussions), no similar issue or discussion was found.
+          required: true
+        - label: I've filled in short, clear headings so that developers can quickly identify a rough idea of what to expect when flipping through the list of issues. And not "a suggestion", "stuck", etc.
          required: true

  - type: dropdown
@ -45,8 +48,8 @@ body:
    id: description
    attributes:
      label: Bug Description
-      description: A clear and concise description of what the bug is
-      placeholder: Tell us what happened...
+      description: Please be as detailed as possible when describing the problem. Please provide screenshots or screen recordings whenever possible to help us better understand the issue.
+      placeholder: Tell us what happened... (Remember to attach screenshots/recordings if applicable)
    validations:
      required: true

@ -54,12 +57,14 @@ body:
    id: reproduction
    attributes:
      label: Steps To Reproduce
-      description: Steps to reproduce the behavior
+      description: Provide detailed steps to reproduce the issue so that our developers can reproduce the issue accurately. Please include screenshots or screen recordings for each step when possible.
      placeholder: |
        1. Go to '...'
        2. Click on '....'
        3. Scroll down to '....'
        4. See error
+
+        Remember to attach screenshots/recordings for each step when possible!
    validations:
      required: true

@ -82,4 +87,4 @@ body:
    id: additional
    attributes:
      label: Additional Context
-      description: Add any other context about the problem here
+      description: Anything that gives us a better understanding of the problem you're experiencing
--- a/.github/ISSUE_TEMPLATE/1_feature_request.yml
+++ b/.github/ISSUE_TEMPLATE/1_feature_request.yml
@ -6,7 +6,8 @@ body:
  - type: markdown
    attributes:
      value: |
-        Thanks for taking the time to suggest a new feature!
+        Thank you for taking the time to submit a feature request!
+        Before submitting this issue, please make sure you have reviewed the [Project Roadmap](https://docs.cherry-ai.com/cherrystudio/planning) and the [Feature Overview](https://docs.cherry-ai.com/cherrystudio/preview).

  - type: checkboxes
    id: checklist
@ -15,9 +16,13 @@ body:
      description: |
        Before submitting an issue, please make sure you have completed the following steps
      options:
-        - label: I have viewed the pinned issues and searched existing issues but couldn't find anything similar.
+        - label: I understand that issues are for reporting problems and requesting features, not for off-topic comments, and I will provide as much detail as possible to help resolve the issue.
          required: true
-        - label: I have filled out the issue title correctly.
+        - label: I have checked the pinned issues and searched through the existing [open issues](https://github.com/CherryHQ/cherry-studio/issues), [closed issues](https://github.com/CherryHQ/cherry-studio/issues?q=is%3Aissue%20state%3Aclosed), and [discussions](https://github.com/CherryHQ/cherry-studio/discussions) and did not find a similar suggestion.
+          required: true
+        - label: I have provided a short and descriptive title so that developers can quickly understand the issue when browsing the issue list, rather than vague titles like "A suggestion" or "Stuck."
+          required: true
+        - label: The latest version of Cherry Studio does not include the feature I am suggesting.
          required: true

  - type: dropdown
@ -44,28 +49,28 @@ body:
  - type: textarea
    id: problem
    attributes:
-      label: Is your feature request related to a problem?
-      description: A clear and concise description of what the problem is
-      placeholder: I'm always frustrated when...
+      label: Is your feature request related to an existing issue?
+      description: Please briefly describe the problem you are experiencing. If possible, include screenshots or recordings to help illustrate the current situation or pain points.
+      placeholder: I often feel frustrated because... (Remember to attach screenshots/recordings if applicable)
    validations:
      required: true

  - type: textarea
    id: solution
    attributes:
-      label: Describe the solution you'd like
-      description: A clear and concise description of what you want to happen
+      label: Desired Solution
+      description: Please briefly describe what you would like to happen. You can include mockups, screenshots, or screen recordings to better illustrate your proposed solution.
    validations:
      required: true

  - type: textarea
    id: alternatives
    attributes:
-      label: Describe alternatives you've considered
-      description: A clear and concise description of any alternative solutions or features you've considered
+      label: Alternative Solutions
+      description: Please briefly describe any alternative solutions or features you have considered. Feel free to include screenshots or mockups of alternative approaches.

  - type: textarea
    id: additional
    attributes:
-      label: Additional Context
-      description: Add any other context or screenshots about the feature request here
+      label: Additional Information
+      description: Add any other context, screenshots, mockups or recordings that can help us better understand your feature request.
--- a/.github/ISSUE_TEMPLATE/2_question.yml
+++ b/.github/ISSUE_TEMPLATE/2_question.yml
@ -1,12 +1,12 @@
-name: ❓ Question
-description: Ask a question or seek help
-title: '[Question]: '
+name: ❓ Discussion & Questions
+description: Seeking help, discussing issues, asking questions, etc...
+title: '[Discussion]: '
 labels: ['question']
 body:
  - type: markdown
    attributes:
      value: |
-        Thanks for asking a question! Please provide as much detail as possible so we can better assist you.
+        Thank you for your question! Please describe your issue in as much detail as possible so that we can better assist you.

  - type: checkboxes
    id: checklist
@ -15,9 +15,11 @@ body:
      description: |
        Before submitting an issue, please make sure you have completed the following steps
      options:
-        - label: I have viewed the pinned issues and searched existing issues but couldn't find anything similar.
+        - label: I understand that issues are meant for feedback and problem-solving, not for venting, and I will provide as much detail as possible to help resolve the issue.
          required: true
-        - label: I have filled out the issue title correctly.
+        - label: I have checked the pinned issues and searched through the existing [open issues](https://github.com/CherryHQ/cherry-studio/issues), [closed issues](https://github.com/CherryHQ/cherry-studio/issues?q=is%3Aissue%20state%3Aclosed), and [discussions](https://github.com/CherryHQ/cherry-studio/discussions) and did not find a similar suggestion.
+          required: true
+        - label: I confirm that I am here to ask questions and discuss issues, not to report bugs or request features.
          required: true

  - type: dropdown
@ -45,8 +47,8 @@ body:
    id: question
    attributes:
      label: Your Question
-      description: Please describe your question in detail
-      placeholder: Please explain your question as clearly as possible...
+      description: Please describe your issue in detail. Include screenshots or screen recordings whenever possible to help us better understand your question.
+      placeholder: Please explain your issue as clearly as possible...(Remember to attach screenshots/recordings if applicable)
    validations:
      required: true

@ -54,23 +56,23 @@ body:
    id: context
    attributes:
      label: Context
-      description: Please provide some background information to help us better understand your question
-      placeholder: "For example: use case, solutions you've tried, etc."
+      description: Please provide some background information to help us better understand your question. Screenshots or recordings of your current setup or situation can be very helpful.
+      placeholder: "For example: use case, solutions you've tried, etc. Don't forget to include relevant screenshots/recordings!"

  - type: textarea
    id: additional
    attributes:
      label: Additional Information
-      description: Any other relevant information, screenshots, or code examples
+      description: Any other relevant information, screenshots, recordings, or code examples that can help us better assist you
      render: shell

  - type: dropdown
    id: priority
    attributes:
      label: Priority
-      description: How urgent is this question for you?
+      description: How urgent is this issue for you?
      options:
-        - Low (Can wait)
+        - Low (Review when available)
        - Medium (Would like a response soon)
        - High (Blocking progress)
    validations:
--- a/.github/ISSUE_TEMPLATE/#0_bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/#0_bug_report.yml
@ -1,4 +1,4 @@
-name: 🐛 错误报告
+name: 🐛 错误报告 (中文)
 description: 创建一个报告以帮助我们改进
 title: '[错误]: '
 labels: ['bug']
@ -7,17 +7,20 @@ body:
    attributes:
      value: |
        感谢您花时间填写此错误报告！
+        在提交此问题之前，请确保您已经了解了[常见问题](https://docs.cherry-ai.com/question-contact/questions)和[知识科普](https://docs.cherry-ai.com/question-contact/knowledge)

  - type: checkboxes
    id: checklist
    attributes:
-      label: Issue 检查清单
+      label: 提交前检查
      description: |
        在提交 Issue 前请确保您已经完成了以下所有步骤
      options:
-        - label: 我已经查看了置顶 Issue 并搜索了现有的 Issue，但没有找到类似的问题。
+        - label: 我理解 Issue 是用于反馈和解决问题的，而非吐槽评论区，将尽可能提供更多信息帮助问题解决。
          required: true
-        - label: 正确填写了 Issue 标题。
+        - label: 我已经查看了置顶 Issue 并搜索了现有的 [开放Issue](https://github.com/CherryHQ/cherry-studio/issues)和[已关闭Issue](https://github.com/CherryHQ/cherry-studio/issues?q=is%3Aissue%20state%3Aclosed%20)，没有找到类似的问题。
+          required: true
+        - label: 我填写了简短且清晰明确的标题，以便开发者在翻阅 Issue 列表时能快速确定大致问题。而不是“一个建议”、“卡住了”等。
          required: true

  - type: dropdown
@ -45,7 +48,7 @@ body:
    id: description
    attributes:
      label: 错误描述
-      description: 清晰简洁地描述错误是什么
+      description: 描述问题时请尽可能详细
      placeholder: 告诉我们发生了什么...
    validations:
      required: true
@ -54,7 +57,7 @@ body:
    id: reproduction
    attributes:
      label: 重现步骤
-      description: 重现行为的步骤
+      description: 提供详细的重现步骤，以便于我们可以准确地重现问题
      placeholder: |
        1. 转到 '...'
        2. 点击 '....'
@ -82,4 +85,4 @@ body:
    id: additional
    attributes:
      label: 附加信息
-      description: 在此添加有关问题的任何其他上下文
+      description: 任何能让我们对你所遇到的问题有更多了解的东西
--- a/.github/ISSUE_TEMPLATE/#1_feature_request.yml
+++ b/.github/ISSUE_TEMPLATE/#1_feature_request.yml
@ -1,4 +1,4 @@
-name: 💡 功能建议
+name: 💡 功能建议 (中文)
 description: 为项目提出新的想法
 title: '[功能]: '
 labels: ['enhancement']
@ -7,17 +7,22 @@ body:
    attributes:
      value: |
        感谢您花时间提出新的功能建议!
+        在提交此问题之前，请确保您已经了解了[项目规划](https://docs.cherry-ai.com/cherrystudio/planning)和[功能介绍](https://docs.cherry-ai.com/cherrystudio/preview)

  - type: checkboxes
    id: checklist
    attributes:
-      label: Issue 检查清单
+      label: 提交前检查
      description: |
        在提交 Issue 前请确保您已经完成了以下所有步骤
      options:
-        - label: 我已经查看了置顶 Issue 并搜索了现有的 Issue，但没有找到类似的问题。
+        - label: 我理解 Issue 是用于反馈和解决问题的，而非吐槽评论区，将尽可能提供更多信息帮助问题解决。
          required: true
-        - label: 正确填写了 Issue 标题。
+        - label: 我已经查看了置顶 Issue 并搜索了现有的 [开放Issue](https://github.com/CherryHQ/cherry-studio/issues)和[已关闭Issue](https://github.com/CherryHQ/cherry-studio/issues?q=is%3Aissue%20state%3Aclosed%20)，没有找到类似的建议。
+          required: true
+        - label: 我填写了简短且清晰明确的标题，以便开发者在翻阅 Issue 列表时能快速确定大致问题。而不是“一个建议”、“卡住了”等。
+          required: true
+        - label: 最新的 Cherry Studio 版本没有实现我所提出的功能。
          required: true

  - type: dropdown
@ -44,7 +49,7 @@ body:
  - type: textarea
    id: problem
    attributes:
-      label: 您的功能建议是否与某个问题相关?
+      label: 您的功能建议是否与某个问题/issue相关?
      description: 请简明扼要地描述您遇到的问题
      placeholder: 我总是感到沮丧,因为...
    validations:
--- a/.github/ISSUE_TEMPLATE/#2_question.yml
+++ b/.github/ISSUE_TEMPLATE/#2_question.yml
@ -1,6 +1,6 @@
-name: ❓ 提问
-description: 提出一个问题或寻求帮助
-title: '[问题]: '
+name: ❓ 讨论 & 提问 (中文)
+description: 寻求帮助、讨论问题、提出疑问等...
+title: '[讨论]: '
 labels: ['question']
 body:
  - type: markdown
@ -15,9 +15,9 @@ body:
      description: |
        在提交 Issue 前请确保您已经完成了以下所有步骤
      options:
-        - label: 我已经查看了置顶 Issue 并搜索了现有的 Issue，但没有找到类似的问题。
+        - label: 我理解 Issue 是用于反馈和解决问题的，而非吐槽评论区，将尽可能提供更多信息帮助问题解决。
          required: true
-        - label: 正确填写了 Issue 标题。
+        - label: 我确认自己需要的是提出问题并且讨论问题，而不是 Bug 反馈或需求建议。
          required: true

  - type: dropdown
--- a/README.md
+++ b/README.md
@ -60,6 +60,20 @@ Cherry Studio is a desktop client that supports for multiple LLM providers, avai
   - 📝 Complete Markdown Rendering
   - 🤲 Easy Content Sharing

+# 📝 TODO
+
+- [x] Quick popup (read clipboard, quick question, explain, translate, summarize)
+- [x] Comparison of multi-model answers
+- [x] Support login using SSO provided by service providers
+- [ ] All models support networking (in development...)
+- [ ] Launch of the first official version
+- [ ] Plugin functionality (JavaScript)
+- [ ] Browser extension (highlight text to translate, summarize, add to knowledge base)
+- [ ] iOS & Android client
+- [ ] AI notes
+- [ ] Voice input and output (AI call)
+- [ ] Data backup supports custom backup content
+
 # 🖥️ Develop

 ## IDE Setup
--- a/docs/README.ja.md
+++ b/docs/README.ja.md
@ -61,6 +61,20 @@ Cherry Studioは、複数のLLMプロバイダーをサポートするデスク
   - 📝 完全な Markdown レンダリング
   - 🤲 簡単な共有機能

+# 📝 TODO
+
+- [x] クイックポップアップ（クリップボードの読み取り、簡単な質問、説明、翻訳、要約）
+- [x] 複数モデルの回答の比較
+- [x] サービスプロバイダーが提供するSSOを使用したログインをサポート
+- [ ] すべてのモデルがネットワークをサポート（開発中...）
+- [ ] 最初の公式バージョンのリリース
+- [ ] プラグイン機能（JavaScript）
+- [ ] ブラウザ拡張機能（テキストをハイライトして翻訳、要約、ナレッジベースに追加）
+- [ ] iOS & Android クライアント
+- [ ] AIノート
+- [ ] 音声入出力（AIコール）
+- [ ] データバックアップはカスタムバックアップコンテンツをサポート
+
 # 🖥️ 開発

 ## IDEの設定
--- a/docs/README.zh.md
+++ b/docs/README.zh.md
@ -61,6 +61,20 @@ Cherry Studio 是一款支持多个大语言模型（LLM）服务商的桌面客
   - 📝 完整的 Markdown 渲染
   - 🤲 便捷的内容分享功能

+# 📝 待辦事項
+
+- [x] 快捷彈窗 (讀取剪貼簿、快速提問、解釋、翻譯、總結）
+- [x] 多模型回答對比
+- [x] 支援使用服務供應商提供的 SSO 進行登入
+- [ ] 全部模型支援連網（開發中...）
+- [ ] 推出第一個正式版
+- [ ] 插件功能（JavaScript）
+- [ ] 瀏覽器插件（劃詞翻譯、總結、新增至知識庫）
+- [ ] iOS & Android 客戶端
+- [ ] AI 筆記
+- [ ] 語音輸入輸出（AI 通話）
+- [ ] 資料備份支援自訂備份內容
+
 # 🖥️ 开发

 ## IDE 设置
--- a/electron-builder.yml
+++ b/electron-builder.yml
@ -80,11 +80,11 @@ afterPack: scripts/after-pack.js
 afterSign: scripts/notarize.js
 releaseInfo:
  releaseNotes: |
-    增加服务商 LM Studio、魔搭、Perplexity、无问芯穹、DMXAPI
-    提及功能支持上下按键循环选择模型
-    小程序增加小艺
-    增加Notion连接检测功能
-    编辑模型弹窗搜索模型时，同时搜索模型的名字和ID
-    编辑模型弹窗增加推理模型筛选按钮
-    修复思考模型思考时间显示错误
-    修复部分模型翻译出错
+    消息分组支持网格模式
+    知识库支持多选
+    知识库添加目录支持显示进度
+    知识库支持 DRAFTS, EPUB、代码等
+    知识库支持调节匹配度阈值
+    添加 NotebookLM, Coze 小程序
+    增加话题提示词
+    OpenRouter 支持 Web 搜索
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "CherryStudio",
-  "version": "0.9.24",
+  "version": "0.9.27",
  "private": true,
  "description": "A powerful AI assistant for producer.",
  "main": "./out/main/index.js",
@ -94,6 +94,7 @@
    "@types/markdown-it": "^14",
    "@types/md5": "^2.3.5",
    "@types/node": "^18.19.9",
+    "@types/pako": "^1.0.2",
    "@types/react": "^18.2.48",
    "@types/react-dom": "^18.2.18",
    "@types/react-infinite-scroll-component": "^5.0.0",
@ -137,7 +138,7 @@
    "redux": "^5.0.1",
    "redux-persist": "^6.0.0",
    "rehype-katex": "^7.0.1",
-    "rehype-mathjax": "^6.0.0",
+    "rehype-mathjax": "^7.0.0",
    "rehype-raw": "^7.0.0",
    "remark-gfm": "^4.0.0",
    "remark-math": "^6.0.0",
--- a/packages/shared/config/constant.ts
+++ b/packages/shared/config/constant.ts
@ -2,6 +2,7 @@ export const imageExts = ['.jpg', '.jpeg', '.png', '.gif', '.bmp', '.webp']
 export const videoExts = ['.mp4', '.avi', '.mov', '.wmv', '.flv', '.mkv']
 export const audioExts = ['.mp3', '.wav', '.ogg', '.flac', '.aac']
 export const documentExts = ['.pdf', '.docx', '.pptx', '.xlsx', '.odt', '.odp', '.ods']
+export const thirdPartyApplicationExts = ['.draftsExport']
 export const bookExts = ['.epub']
 export const textExts = [
  '.txt', // 普通文本文件
@ -89,7 +90,10 @@ export const textExts = [
  '.groovy', // Gradle 构建文件
  '.kts', // Kotlin Script 文件
  '.java', // Java 代码文件
-  '.cs' // C# 代码文件
+  '.cs', // C# 代码文件
+  '.cpp', // C++ 代码文件
+  '.c', // C++ 代码文件
+  '.h' // C++ 头文件
 ]

 export const ZOOM_SHORTCUTS = [
--- a/src/main/index.ts
+++ b/src/main/index.ts
@ -1,5 +1,5 @@
 import { electronApp, optimizer } from '@electron-toolkit/utils'
-import { app, BrowserWindow } from 'electron'
+import { app } from 'electron'
 import installExtension, { REDUX_DEVTOOLS } from 'electron-devtools-installer'

 import { registerIpc } from './ipc'
@ -46,15 +46,13 @@ if (!app.requestSingleInstanceLock()) {
    new TrayService()

    app.on('activate', function () {
-      // On macOS it's common to re-create a window in the app when the
-      // dock icon is clicked and there are no other windows open.
-      if (BrowserWindow.getAllWindows().length === 0) {
+      const mainWindow = windowService.getMainWindow()
+      if (!mainWindow || mainWindow.isDestroyed()) {
        windowService.createMainWindow()
      } else {
        windowService.showMainWindow()
      }
    })
-
    registerShortcuts(mainWindow)

    registerIpc(mainWindow, app)
@ -68,12 +66,7 @@ if (!app.requestSingleInstanceLock()) {

  // Listen for second instance
  app.on('second-instance', () => {
-    const mainWindow = BrowserWindow.getAllWindows()[0]
-    if (mainWindow) {
-      mainWindow.isMinimized() && mainWindow.restore()
-      mainWindow.show()
-      mainWindow.focus()
-    }
+    windowService.showMainWindow()
  })

  app.on('browser-window-created', (_, window) => {
--- a/src/main/loader/draftsExportLoader.ts
+++ b/src/main/loader/draftsExportLoader.ts
@ -0,0 +1,22 @@
+import * as fs from 'node:fs'
+
+import { JsonLoader } from '@llm-tools/embedjs'
+
+/**
+ * Drafts 应用导出的笔记文件加载器
+ * 原始文件是一个 JSON 数组。每条笔记只保留 content、tags、modified_at 三个字段
+ */
+export class DraftsExportLoader extends JsonLoader {
+  constructor(filePath: string) {
+    const fileContent = fs.readFileSync(filePath, 'utf-8')
+    const rawJson = JSON.parse(fileContent) as any[]
+    const json = rawJson.map((item) => {
+      return {
+        content: item.content?.replace(/\n/g, '<br>'),
+        tags: item.tags,
+        modified_at: item.created_at
+      }
+    })
+    super({ object: json })
+  }
+}
--- a/src/main/loader/index.ts
+++ b/src/main/loader/index.ts
@ -1,17 +1,18 @@
 import * as fs from 'node:fs'

-import { LocalPathLoader, RAGApplication, TextLoader } from '@llm-tools/embedjs'
+import { JsonLoader, LocalPathLoader, RAGApplication, TextLoader } from '@llm-tools/embedjs'
 import type { AddLoaderReturn } from '@llm-tools/embedjs-interfaces'
 import { WebLoader } from '@llm-tools/embedjs-loader-web'
 import { LoaderReturn } from '@shared/config/types'
 import { FileType, KnowledgeBaseParams } from '@types'
 import Logger from 'electron-log'

+import { DraftsExportLoader } from './draftsExportLoader'
 import { EpubLoader } from './epubLoader'
 import { OdLoader, OdType } from './odLoader'

 // embedjs内置loader类型
-const commonExts = ['.pdf', '.csv', '.json', '.docx', '.pptx', '.xlsx', '.md']
+const commonExts = ['.pdf', '.csv', '.docx', '.pptx', '.xlsx', '.md']

 export async function addOdLoader(
  ragApplication: RAGApplication,
@ -89,7 +90,19 @@ export async function addFileLoader(
    } as LoaderReturn
  }

+  // DraftsExport类型 (file.ext会自动转换成小写)
+  if (['.draftsexport'].includes(file.ext)) {
+    const loaderReturn = await ragApplication.addLoader(new DraftsExportLoader(file.path) as any, forceReload)
+    return {
+      entriesAdded: loaderReturn.entriesAdded,
+      uniqueId: loaderReturn.uniqueId,
+      uniqueIds: [loaderReturn.uniqueId],
+      loaderType: loaderReturn.loaderType
+    }
+  }
+
  const fileContent = fs.readFileSync(file.path, 'utf-8')
+
  // HTML类型
  if (['.html', '.htm'].includes(file.ext)) {
    const loaderReturn = await ragApplication.addLoader(
@ -108,6 +121,27 @@ export async function addFileLoader(
    }
  }

+  // JSON类型
+  if (['.json'].includes(file.ext)) {
+    let jsonObject = {}
+    let jsonParsed = true
+    try {
+      jsonObject = JSON.parse(fileContent)
+    } catch (error) {
+      jsonParsed = false
+      Logger.warn('[KnowledgeBase] failed parsing json file, failling back to text processing:', file.path, error)
+    }
+    if (jsonParsed) {
+      const loaderReturn = await ragApplication.addLoader(new JsonLoader({ object: jsonObject }))
+      return {
+        entriesAdded: loaderReturn.entriesAdded,
+        uniqueId: loaderReturn.uniqueId,
+        uniqueIds: [loaderReturn.uniqueId],
+        loaderType: loaderReturn.loaderType
+      }
+    }
+  }
+
  // 文本类型
  const loaderReturn = await ragApplication.addLoader(
    new TextLoader({ text: fileContent, chunkSize: base.chunkSize, chunkOverlap: base.chunkOverlap }) as any,
--- a/src/main/services/KnowledgeService.ts
+++ b/src/main/services/KnowledgeService.ts
@ -15,6 +15,8 @@ import { FileType, KnowledgeBaseParams, KnowledgeItem } from '@types'
 import { app } from 'electron'
 import { v4 as uuidv4 } from 'uuid'

+import { windowService } from './WindowService'
+
 class KnowledgeService {
  private storageDir = path.join(app.getPath('userData'), 'Data', 'KnowledgeBase')

@ -83,10 +85,23 @@ class KnowledgeService {
  ): Promise<LoaderReturn> => {
    const ragApplication = await this.getRagApplication(base)

+    const sendDirectoryProcessingPercent = (totalFiles: number, processedFiles: number) => {
+      const mainWindow = windowService.getMainWindow()
+      mainWindow?.webContents.send(base.id, (processedFiles / totalFiles) * 100)
+    }
+
    if (item.type === 'directory') {
      const directory = item.content as string
      const files = getAllFiles(directory)
-      const loaderPromises = files.map((file) => addFileLoader(ragApplication, file, base, forceReload))
+      const totalFiles = files.length
+      let processedFiles = 0
+      const loaderPromises = files.map(async (file) => {
+        const result = await addFileLoader(ragApplication, file, base, forceReload)
+        processedFiles++
+
+        sendDirectoryProcessingPercent(totalFiles, processedFiles)
+        return result
+      })
      const loaderResults = await Promise.all(loaderPromises)
      const uniqueIds = loaderResults.map((result) => result.uniqueId)
      return {
--- a/src/main/services/ShortcutService.ts
+++ b/src/main/services/ShortcutService.ts
@ -47,8 +47,8 @@ function formatShortcutKey(shortcut: string[]): string {

 function handleZoom(delta: number) {
  return (window: BrowserWindow) => {
-    const currentZoom = window.webContents.getZoomFactor()
-    const newZoom = currentZoom + delta
+    const currentZoom = configManager.getZoomFactor()
+    const newZoom = Number((currentZoom + delta).toFixed(1))
    if (newZoom >= 0.1 && newZoom <= 5.0) {
      window.webContents.setZoomFactor(newZoom)
      configManager.setZoomFactor(newZoom)
@ -70,10 +70,12 @@ const convertShortcutRecordedByKeyboardEventKeyValueToElectronGlobalShortcutForm
  return accelerator
    .map((key) => {
      switch (key) {
+        case 'Command':
+          return 'CommandOrControl'
        case 'Control':
-          return 'CommandOrControl'
+          return 'Control'
        case 'Ctrl':
-          return 'CommandOrControl'
+          return 'Control'
        case 'ArrowUp':
          return 'Up'
        case 'ArrowDown':
@ -110,7 +112,9 @@ const convertShortcutRecordedByKeyboardEventKeyValueToElectronGlobalShortcutForm
 }

 export function registerShortcuts(window: BrowserWindow) {
-  window.webContents.setZoomFactor(configManager.getZoomFactor())
+  window.once('ready-to-show', () => {
+    window.webContents.setZoomFactor(configManager.getZoomFactor())
+  })

  const register = () => {
    if (window.isDestroyed()) return
--- a/src/main/services/WindowService.ts
+++ b/src/main/services/WindowService.ts
@ -28,6 +28,7 @@ export class WindowService {

  public createMainWindow(): BrowserWindow {
    if (this.mainWindow && !this.mainWindow.isDestroyed()) {
+      this.mainWindow.show()
      return this.mainWindow
    }

@ -248,17 +249,32 @@ export class WindowService {
      event.preventDefault()
      mainWindow.hide()
    })
+
+    mainWindow.on('closed', () => {
+      this.mainWindow = null
+    })
+
+    mainWindow.on('show', () => {
+      if (this.miniWindow && !this.miniWindow.isDestroyed()) {
+        this.miniWindow.hide()
+      }
+    })
  }

  public showMainWindow() {
-    if (this.mainWindow) {
+    if (this.miniWindow && !this.miniWindow.isDestroyed()) {
+      this.miniWindow.hide()
+    }
+
+    if (this.mainWindow && !this.mainWindow.isDestroyed()) {
      if (this.mainWindow.isMinimized()) {
-        return this.mainWindow.restore()
+        this.mainWindow.restore()
      }
      this.mainWindow.show()
      this.mainWindow.focus()
    } else {
-      this.createMainWindow()
+      this.mainWindow = this.createMainWindow()
+      this.mainWindow.focus()
    }
  }

@ -269,7 +285,10 @@ export class WindowService {
      return
    }

-    if (this.selectionMenuWindow) {
+    if (this.mainWindow && !this.mainWindow.isDestroyed()) {
+      this.mainWindow.hide()
+    }
+    if (this.selectionMenuWindow && !this.selectionMenuWindow.isDestroyed()) {
      this.selectionMenuWindow.hide()
    }

--- a/src/main/utils/file.ts
+++ b/src/main/utils/file.ts
@ -18,6 +18,10 @@ export function getAllFiles(dirPath: string, arrayOfFiles: FileType[] = []): Fil
  const files = fs.readdirSync(dirPath)

  files.forEach((file) => {
+    if (file.startsWith('.')) {
+      return
+    }
+
    const fullPath = path.join(dirPath, file)
    if (fs.statSync(fullPath).isDirectory()) {
      arrayOfFiles = getAllFiles(fullPath, arrayOfFiles)
--- a/src/preload/index.d.ts
+++ b/src/preload/index.d.ts
@ -119,6 +119,9 @@ declare global {
        encrypt: (text: string, secretKey: string, iv: string) => Promise<{ iv: string; encryptedData: string }>
        decrypt: (encryptedData: string, iv: string, secretKey: string) => Promise<string>
      }
+      shell: {
+        openExternal: (url: string, options?: OpenExternalOptions) => Promise<void>
+      }
    }
  }
 }
--- a/src/preload/index.ts
+++ b/src/preload/index.ts
@ -1,6 +1,6 @@
 import { electronAPI } from '@electron-toolkit/preload'
 import { FileType, KnowledgeBaseParams, KnowledgeItem, Shortcut, WebDavConfig } from '@types'
-import { contextBridge, ipcRenderer, OpenDialogOptions } from 'electron'
+import { contextBridge, ipcRenderer, OpenDialogOptions, shell } from 'electron'

 // Custom APIs for renderer
 const api = {
@ -104,6 +104,9 @@ const api = {
    encrypt: (text: string, secretKey: string, iv: string) => ipcRenderer.invoke('aes:encrypt', text, secretKey, iv),
    decrypt: (encryptedData: string, iv: string, secretKey: string) =>
      ipcRenderer.invoke('aes:decrypt', encryptedData, iv, secretKey)
+  },
+  shell: {
+    openExternal: shell.openExternal
  }
 }

--- a/src/renderer/index.html
+++ b/src/renderer/index.html
@ -6,6 +6,7 @@
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self'; connect-src blob: *; script-src 'self' 'unsafe-eval' *; worker-src 'self' blob:; style-src 'self' 'unsafe-inline' *; font-src 'self' data: *; img-src 'self' data: file: * blob:; frame-src * file:" />
+    <title>Cherry Studio</title>

    <style>
      html,
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@ -10,6 +10,7 @@ import TopViewContainer from './components/TopView'
 import AntdProvider from './context/AntdProvider'
 import { SyntaxHighlighterProvider } from './context/SyntaxHighlighterProvider'
 import { ThemeProvider } from './context/ThemeProvider'
+import NavigationHandler from './handler/NavigationHandler'
 import AgentsPage from './pages/agents/AgentsPage'
 import AppsPage from './pages/apps/AppsPage'
 import FilesPage from './pages/files/FilesPage'
@ -28,6 +29,8 @@ function App(): JSX.Element {
            <PersistGate loading={null} persistor={persistor}>
              <TopViewContainer>
                <HashRouter>
+                  <NavigationHandler />
+                  {/* 添加导航处理组件 */}
                  <Sidebar />
                  <Routes>
                    <Route path="/" element={<HomePage />} />
--- a/src/renderer/src/assets/images/apps/abacus.webp
+++ b/src/renderer/src/assets/images/apps/abacus.webp
--- a/src/renderer/src/assets/images/apps/dify.webp
+++ b/src/renderer/src/assets/images/apps/dify.webp
--- a/src/renderer/src/assets/images/apps/lambdachat.webp
+++ b/src/renderer/src/assets/images/apps/lambdachat.webp
--- a/src/renderer/src/assets/images/apps/lechat.png
+++ b/src/renderer/src/assets/images/apps/lechat.png
--- a/src/renderer/src/assets/images/apps/wpslingxi.webp
+++ b/src/renderer/src/assets/images/apps/wpslingxi.webp
--- a/src/renderer/src/assets/styles/markdown.scss
+++ b/src/renderer/src/assets/styles/markdown.scss
@ -64,6 +64,10 @@
    &:first-child {
      margin-top: 0;
    }
+
+    &:has(+ ul) {
+      margin-bottom: 0;
+    }
  }

  ul {
--- a/src/renderer/src/components/DragableList/index.tsx
+++ b/src/renderer/src/components/DragableList/index.tsx
@ -46,23 +46,28 @@ const DragableList: FC<Props<any>> = ({
    <DragDropContext onDragStart={onDragStart} onDragEnd={_onDragEnd}>
      <Droppable droppableId="droppable" {...droppableProps}>
        {(provided) => (
-          <div {...provided.droppableProps} ref={provided.innerRef} style={{ ...style }}>
+          <div {...provided.droppableProps} ref={provided.innerRef} style={style}>
            {list.map((item, index) => {
              const id = item.id || item
              return (
-                <Draggable key={`draggable_${id}_${index}`} draggableId={id} index={index} {...droppableProps}>
+                <Draggable key={`draggable_${id}_${index}`} draggableId={id} index={index}>
                  {(provided) => (
                    <div
                      ref={provided.innerRef}
                      {...provided.draggableProps}
                      {...provided.dragHandleProps}
-                      style={{ ...provided.draggableProps.style, marginBottom: 8, ...listStyle }}>
+                      style={{
+                        ...listStyle,
+                        ...provided.draggableProps.style,
+                        marginBottom: 8
+                      }}>
                      {children(item, index)}
                    </div>
                  )}
                </Draggable>
              )
            })}
+            {provided.placeholder}
          </div>
        )}
      </Droppable>
--- a/src/renderer/src/components/MinApp/index.tsx
+++ b/src/renderer/src/components/MinApp/index.tsx
@ -1,6 +1,7 @@
 /* eslint-disable react/no-unknown-property */
-import { CloseOutlined, ExportOutlined, PushpinOutlined, ReloadOutlined } from '@ant-design/icons'
+import { CloseOutlined, CodeOutlined, ExportOutlined, PushpinOutlined, ReloadOutlined } from '@ant-design/icons'
 import { isMac, isWindows } from '@renderer/config/constant'
+import { AppLogo } from '@renderer/config/env'
 import { DEFAULT_MIN_APPS } from '@renderer/config/minapps'
 import { useBridge } from '@renderer/hooks/useBridge'
 import { useMinapps } from '@renderer/hooks/useMinapps'
@ -41,7 +42,11 @@ const PopupContainer: React.FC<Props> = ({ app, resolve }) => {
  }

  MinApp.onClose = onClose
-
+  const openDevTools = () => {
+    if (webviewRef.current) {
+      webviewRef.current.openDevTools()
+    }
+  }
  const onReload = () => {
    if (webviewRef.current) {
      webviewRef.current.src = app.url
@ -49,14 +54,17 @@ const PopupContainer: React.FC<Props> = ({ app, resolve }) => {
  }

  const onOpenLink = () => {
-    window.api.openWebsite(app.url)
+    if (webviewRef.current) {
+      const currentUrl = webviewRef.current.getURL()
+      window.api.openWebsite(currentUrl)
+    }
  }

  const onTogglePin = () => {
    const newPinned = isPinned ? pinned.filter((item) => item.id !== app.id) : [...pinned, app]
    updatePinnedMinapps(newPinned)
  }
-
+  const isInDevelopment = process.env.NODE_ENV === 'development'
  const Title = () => {
    return (
      <TitleContainer style={{ justifyContent: 'space-between' }}>
@ -75,6 +83,11 @@ const PopupContainer: React.FC<Props> = ({ app, resolve }) => {
              <ExportOutlined />
            </Button>
          )}
+          {isInDevelopment && (
+            <Button onClick={openDevTools}>
+              <CodeOutlined />
+            </Button>
+          )}
          <Button onClick={() => onClose()}>
            <CloseOutlined />
          </Button>
@ -236,6 +249,10 @@ export default class MinApp {
      await delay(0)
    }

+    if (!app.logo) {
+      app.logo = AppLogo
+    }
+
    MinApp.app = app
    store.dispatch(setMinappShow(true))

--- a/src/renderer/src/components/Popups/MinAppsPopover.tsx
+++ b/src/renderer/src/components/Popups/MinAppsPopover.tsx
@ -4,7 +4,7 @@ import App from '@renderer/pages/apps/App'
 import { Popover } from 'antd'
 import { Empty } from 'antd'
 import { isEmpty } from 'lodash'
-import { FC, useState, useEffect } from 'react'
+import { FC, useEffect, useState } from 'react'
 import { useHotkeys } from 'react-hotkeys-hook'
 import styled from 'styled-components'

@ -26,19 +26,19 @@ const MinAppsPopover: FC<Props> = ({ children }) => {
    setOpen(false)
  }

-  const [maxHeight, setMaxHeight] = useState(window.innerHeight - 100);
+  const [maxHeight, setMaxHeight] = useState(window.innerHeight - 100)

  useEffect(() => {
    const handleResize = () => {
-      setMaxHeight(window.innerHeight - 100);
-    };
+      setMaxHeight(window.innerHeight - 100)
+    }

-    window.addEventListener('resize', handleResize);
+    window.addEventListener('resize', handleResize)

    return () => {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, []);
+      window.removeEventListener('resize', handleResize)
+    }
+  }, [])

  const content = (
    <PopoverContent maxHeight={maxHeight}>
@ -74,9 +74,9 @@ const PopoverContent = styled(Scrollbar)<{ maxHeight: number }>`
 `

 const AppsContainer = styled.div`
-display: grid;
+  display: grid;
  grid-template-columns: repeat(6, minmax(90px, 1fr));
  gap: 18px;
-`;
+`

 export default MinAppsPopover
--- a/src/renderer/src/components/Popups/PromptPopup.tsx
+++ b/src/renderer/src/components/Popups/PromptPopup.tsx
@ -1,6 +1,6 @@
 import { Input, Modal } from 'antd'
 import { TextAreaProps } from 'antd/es/input'
-import { useState } from 'react'
+import { useRef, useState } from 'react'

 import { Box } from '../Layout'
 import { TopView } from '../TopView'
@ -27,6 +27,7 @@ const PromptPopupContainer: React.FC<Props> = ({
 }) => {
  const [value, setValue] = useState(defaultValue)
  const [open, setOpen] = useState(true)
+  const textAreaRef = useRef<any>(null)

  const onOk = () => {
    setOpen(false)
@ -41,17 +42,35 @@ const PromptPopupContainer: React.FC<Props> = ({
    resolve(null)
  }

+  const handleAfterOpenChange = (visible: boolean) => {
+    if (visible) {
+      const textArea = textAreaRef.current?.resizableTextArea?.textArea
+      if (textArea) {
+        textArea.focus()
+        const length = textArea.value.length
+        textArea.setSelectionRange(length, length)
+      }
+    }
+  }
+
  PromptPopup.hide = onCancel

  return (
-    <Modal title={title} open={open} onOk={onOk} onCancel={onCancel} afterClose={onClose} centered>
+    <Modal
+      title={title}
+      open={open}
+      onOk={onOk}
+      onCancel={onCancel}
+      afterClose={onClose}
+      afterOpenChange={handleAfterOpenChange}
+      centered>
      <Box mb={8}>{message}</Box>
      <Input.TextArea
+        ref={textAreaRef}
        placeholder={inputPlaceholder}
        value={value}
        onChange={(e) => setValue(e.target.value)}
        allowClear
-        autoFocus
        onPressEnter={onOk}
        rows={1}
        {...inputProps}
--- a/src/renderer/src/components/Popups/TextEditPopup.tsx
+++ b/src/renderer/src/components/Popups/TextEditPopup.tsx
@ -51,6 +51,17 @@ const PopupContainer: React.FC<Props> = ({ text, textareaProps, modalProps, reso
    setTimeout(resizeTextArea, 0)
  }, [])

+  const handleAfterOpenChange = (visible: boolean) => {
+    if (visible) {
+      const textArea = textareaRef.current?.resizableTextArea?.textArea
+      if (textArea) {
+        textArea.focus()
+        const length = textArea.value.length
+        textArea.setSelectionRange(length, length)
+      }
+    }
+  }
+
  TextEditPopup.hide = onCancel

  return (
@ -65,6 +76,7 @@ const PopupContainer: React.FC<Props> = ({ text, textareaProps, modalProps, reso
      onOk={onOk}
      onCancel={onCancel}
      afterClose={onClose}
+      afterOpenChange={handleAfterOpenChange}
      centered>
      <TextArea
        ref={textareaRef}
--- a/src/renderer/src/components/app/Sidebar.tsx
+++ b/src/renderer/src/components/app/Sidebar.tsx
@ -50,6 +50,7 @@ const Sidebar: FC = () => {

  const onOpenDocs = () => {
    MinApp.start({
+      id: 'docs',
      name: t('docs.title'),
      url: 'https://docs.cherry-ai.com/',
      logo: AppLogo
@ -77,9 +78,11 @@ const Sidebar: FC = () => {
          </AppsContainer>
        )}
      </MainMenusContainer>
-      <Menus onClick={MinApp.onClose}>
+      <Menus>
        <Tooltip title={t('docs.title')} mouseEnterDelay={0.8} placement="right">
-          <Icon onClick={onOpenDocs}>
+          <Icon
+            onClick={onOpenDocs}
+            className={minappShow && MinApp.app?.url === 'https://docs.cherry-ai.com/' ? 'active' : ''}>
            <QuestionCircleOutlined />
          </Icon>
        </Tooltip>
@ -93,8 +96,14 @@ const Sidebar: FC = () => {
          </Icon>
        </Tooltip>
        <Tooltip title={t('settings.title')} mouseEnterDelay={0.8} placement="right">
-          <StyledLink onClick={() => to(isLocalAi ? '/settings/assistant' : '/settings/provider')}>
-            <Icon className={pathname.startsWith('/settings') ? 'active' : ''}>
+          <StyledLink
+            onClick={async () => {
+              if (minappShow) {
+                await MinApp.close()
+              }
+              await to(isLocalAi ? '/settings/assistant' : '/settings/provider')
+            }}>
+            <Icon className={pathname.startsWith('/settings') && !minappShow ? 'active' : ''}>
              <i className="iconfont icon-setting" />
            </Icon>
          </StyledLink>
@ -108,10 +117,11 @@ const MainMenus: FC = () => {
  const { t } = useTranslation()
  const { pathname } = useLocation()
  const { sidebarIcons } = useSettings()
+  const { minappShow } = useRuntime()
  const navigate = useNavigate()

-  const isRoute = (path: string): string => (pathname === path ? 'active' : '')
-  const isRoutes = (path: string): string => (pathname.startsWith(path) ? 'active' : '')
+  const isRoute = (path: string): string => (pathname === path && !minappShow ? 'active' : '')
+  const isRoutes = (path: string): string => (pathname.startsWith(path) && !minappShow ? 'active' : '')

  const iconMap = {
    assistants: <i className="iconfont icon-chat" />,
@ -139,7 +149,13 @@ const MainMenus: FC = () => {

    return (
      <Tooltip key={icon} title={t(`${icon}.title`)} mouseEnterDelay={0.8} placement="right">
-        <StyledLink onClick={() => navigate(path)}>
+        <StyledLink
+          onClick={async () => {
+            if (minappShow) {
+              await MinApp.close()
+            }
+            navigate(path)
+          }}>
          <Icon className={isActive}>{iconMap[icon]}</Icon>
        </StyledLink>
      </Tooltip>
@ -150,6 +166,7 @@ const MainMenus: FC = () => {
 const PinnedApps: FC = () => {
  const { pinned, updatePinnedMinapps } = useMinapps()
  const { t } = useTranslation()
+  const { minappShow } = useRuntime()

  return (
    <DragableList list={pinned} onUpdate={updatePinnedMinapps} listStyle={{ marginBottom: 5 }}>
@ -164,11 +181,12 @@ const PinnedApps: FC = () => {
            }
          }
        ]
+        const isActive = minappShow && MinApp.app?.id === app.id
        return (
          <Tooltip key={app.id} title={app.name} mouseEnterDelay={0.8} placement="right">
            <StyledLink>
              <Dropdown menu={{ items: menuItems }} trigger={['contextMenu']}>
-                <Icon onClick={() => MinApp.start(app)}>
+                <Icon onClick={() => MinApp.start(app)} className={isActive ? 'active' : ''}>
                  <MinAppIcon size={20} app={app} style={{ borderRadius: 6 }} />
                </Icon>
              </Dropdown>
--- a/src/renderer/src/config/minapps.ts
+++ b/src/renderer/src/config/minapps.ts
@ -1,9 +1,12 @@
 import ThreeMinTopAppLogo from '@renderer/assets/images/apps/3mintop.png?url'
+import AbacusLogo from '@renderer/assets/images/apps/abacus.webp?url'
 import AIStudioLogo from '@renderer/assets/images/apps/aistudio.svg?url'
 import BaiduAiAppLogo from '@renderer/assets/images/apps/baidu-ai.png?url'
 import BaicuanAppLogo from '@renderer/assets/images/apps/baixiaoying.webp?url'
 import BoltAppLogo from '@renderer/assets/images/apps/bolt.svg?url'
+import CozeAppLogo from '@renderer/assets/images/apps/coze.webp?url'
 import DevvAppLogo from '@renderer/assets/images/apps/devv.png?url'
+import DifyAppLogo from '@renderer/assets/images/apps/dify.webp?url'
 import DoubaoAppLogo from '@renderer/assets/images/apps/doubao.png?url'
 import DuckDuckGoAppLogo from '@renderer/assets/images/apps/duckduckgo.webp?url'
 import FeloAppLogo from '@renderer/assets/images/apps/felo.png?url'
@ -15,9 +18,12 @@ import GrokAppLogo from '@renderer/assets/images/apps/grok.png?url'
 import HikaLogo from '@renderer/assets/images/apps/hika.webp?url'
 import HuggingChatLogo from '@renderer/assets/images/apps/huggingchat.svg?url'
 import KimiAppLogo from '@renderer/assets/images/apps/kimi.jpg?url'
+import LambdaChatLogo from '@renderer/assets/images/apps/lambdachat.webp?url'
+import LeChatLogo from '@renderer/assets/images/apps/lechat.png?url'
 import MetasoAppLogo from '@renderer/assets/images/apps/metaso.webp?url'
 import NamiAiLogo from '@renderer/assets/images/apps/nm.png?url'
 import NamiAiSearchLogo from '@renderer/assets/images/apps/nm-search.webp?url'
+import NotebookLMAppLogo from '@renderer/assets/images/apps/notebooklm.svg?url'
 import PerplexityAppLogo from '@renderer/assets/images/apps/perplexity.webp?url'
 import PoeAppLogo from '@renderer/assets/images/apps/poe.webp?url'
 import ZhipuProviderLogo from '@renderer/assets/images/apps/qingyan.png?url'
@ -27,12 +33,11 @@ import SparkDeskAppLogo from '@renderer/assets/images/apps/sparkdesk.png?url'
 import ThinkAnyLogo from '@renderer/assets/images/apps/thinkany.webp?url'
 import TiangongAiLogo from '@renderer/assets/images/apps/tiangong.png?url'
 import WanZhiAppLogo from '@renderer/assets/images/apps/wanzhi.jpg?url'
+import WPSLingXiLogo from '@renderer/assets/images/apps/wpslingxi.webp?url'
 import XiaoYiAppLogo from '@renderer/assets/images/apps/xiaoyi.webp?url'
 import TencentYuanbaoAppLogo from '@renderer/assets/images/apps/yuanbao.png?url'
-import NotebookLMAppLogo from '@renderer/assets/images/apps/notebooklm.svg?url'
 import YuewenAppLogo from '@renderer/assets/images/apps/yuewen.png?url'
 import ZhihuAppLogo from '@renderer/assets/images/apps/zhihu.png?url'
-import CozeAppLogo from '@renderer/assets/images/apps/coze.webp?url'
 import ClaudeAppLogo from '@renderer/assets/images/models/claude.png?url'
 import HailuoModelLogo from '@renderer/assets/images/models/hailuo.png?url'
 import QwenModelLogo from '@renderer/assets/images/models/qwen.png?url'
@ -171,7 +176,7 @@ export const DEFAULT_MIN_APPS: MinAppType[] = [
  },
  {
    id: 'perplexity',
-    name: 'perplexity',
+    name: 'Perplexity',
    logo: PerplexityAppLogo,
    url: 'https://www.perplexity.ai/'
  },
@ -306,7 +311,7 @@ export const DEFAULT_MIN_APPS: MinAppType[] = [
    id: 'notebooklm',
    name: 'NotebookLM',
    logo: NotebookLMAppLogo,
-    url: 'https://notebooklm.google.com/',
+    url: 'https://notebooklm.google.com/'
  },
  {
    id: 'coze',
@ -314,6 +319,41 @@ export const DEFAULT_MIN_APPS: MinAppType[] = [
    logo: CozeAppLogo,
    url: 'https://www.coze.com/space',
    bodered: true
+  },
+  {
+    id: 'dify',
+    name: 'Dify',
+    logo: DifyAppLogo,
+    url: 'https://cloud.dify.ai/apps',
+    bodered: true
+  },
+  {
+    id: 'wpslingxi',
+    name: 'WPS灵犀',
+    logo: WPSLingXiLogo,
+    url: 'https://copilot.wps.cn/',
+    bodered: true
+  },
+  {
+    id: 'lechat',
+    name: 'LeChat',
+    logo: LeChatLogo,
+    url: 'https://chat.mistral.ai/chat',
+    bodered: true
+  },
+  {
+    id: 'abacus',
+    name: 'Abacus',
+    logo: AbacusLogo,
+    url: 'https://apps.abacus.ai/chatllm',
+    bodered: true
+  },
+  {
+    id: 'lambdachat',
+    name: 'Lambda Chat',
+    logo: LambdaChatLogo,
+    url: 'https://lambda.chat/',
+    bodered: true
  }
 ]

--- a/src/renderer/src/config/models.ts
+++ b/src/renderer/src/config/models.ts
@ -150,7 +150,8 @@ const visionAllowedModels = [
  'gpt-4o(?:-[\\w-]+)?',
  'chatgpt-4o(?:-[\\w-]+)?',
  'o1(?:-[\\w-]+)?',
-  'deepseek-vl(?:[\\w-]+)?'
+  'deepseek-vl(?:[\\w-]+)?',
+  'kimi-latest'
 ]

 const visionExcludedModels = ['gpt-4-\\d+-preview', 'gpt-4-turbo-preview', 'gpt-4-32k', 'gpt-4-\\d+']
@ -161,10 +162,9 @@ export const VISION_REGEX = new RegExp(
 )

 export const TEXT_TO_IMAGE_REGEX = /flux|diffusion|stabilityai|sd-|dall|cogview|janus/i
-export const REASONING_REGEX = /^(o\d+(?:-[\w-]+)?|.*\breasoner\b.*|.*-[rR]\d+.*)$/i
+export const REASONING_REGEX = /^(o\d+(?:-[\w-]+)?|.*\b(?:reasoner|thinking)\b.*|.*-[rR]\d+.*)$/i

-export const EMBEDDING_REGEX =
-  /(?:^text-|embed|rerank|davinci|babbage|bge-|e5-|LLM2Vec|retrieval|uae-|gte-|jina-clip|jina-embeddings)/i
+export const EMBEDDING_REGEX = /(?:^text-|embed|bge-|e5-|LLM2Vec|retrieval|uae-|gte-|jina-clip|jina-embeddings)/i
 export const NOT_SUPPORTED_REGEX = /(?:^tts|rerank|whisper|speech)/i

 export function getModelLogo(modelId: string) {
@ -178,6 +178,7 @@ export function getModelLogo(modelId: string) {
    pixtral: isLight ? PixtralModelLogo : PixtralModelLogoDark,
    jina: isLight ? JinaModelLogo : JinaModelLogoDark,
    abab: isLight ? MinimaxModelLogo : MinimaxModelLogoDark,
+    minimax: isLight ? MinimaxModelLogo : MinimaxModelLogoDark,
    o3: isLight ? ChatGPTo1ModelLogo : ChatGPTo1ModelLogoDark,
    o1: isLight ? ChatGPTo1ModelLogo : ChatGPTo1ModelLogoDark,
    'gpt-3': isLight ? ChatGPT35ModelLogo : ChatGPT35ModelLogoDark,
@ -194,13 +195,16 @@ export function getModelLogo(modelId: string) {
    glm: isLight ? ChatGLMModelLogo : ChatGLMModelLogoDark,
    deepseek: isLight ? DeepSeekModelLogo : DeepSeekModelLogoDark,
    qwen: isLight ? QwenModelLogo : QwenModelLogoDark,
-    qwq: isLight ? QwenModelLogo : QwenModelLogoDark,
+    'qwq-': isLight ? QwenModelLogo : QwenModelLogoDark,
+    'qvq-': isLight ? QwenModelLogo : QwenModelLogoDark,
+    Omni: isLight ? QwenModelLogo : QwenModelLogoDark,
    gemma: isLight ? GemmaModelLogo : GemmaModelLogoDark,
    'yi-': isLight ? YiModelLogo : YiModelLogoDark,
    llama: isLight ? LlamaModelLogo : LlamaModelLogoDark,
    mixtral: isLight ? MistralModelLogo : MistralModelLogo,
    mistral: isLight ? MistralModelLogo : MistralModelLogoDark,
    moonshot: isLight ? MoonshotModelLogo : MoonshotModelLogoDark,
+    kimi: isLight ? MoonshotModelLogo : MoonshotModelLogoDark,
    phi: isLight ? MicrosoftModelLogo : MicrosoftModelLogoDark,
    baichuan: isLight ? BaichuanModelLogo : BaichuanModelLogoDark,
    claude: isLight ? ClaudeModelLogo : ClaudeModelLogoDark,
@ -1326,34 +1330,70 @@ export const SYSTEM_MODELS: Record<string, Model[]> = {
  ],
  dmxapi: [
    {
-      id: 'gpt-3.5-turbo',
+      id: 'Qwen/Qwen2.5-7B-Instruct',
      provider: 'dmxapi',
-      name: 'GPT-3.5-Turbo',
-      group: 'OpenAI'
+      name: 'Qwen/Qwen2.5-7B-Instruct',
+      group: '免费模型'
+    },
+    {
+      id: 'ERNIE-Speed-128K',
+      provider: 'dmxapi',
+      name: 'ERNIE-Speed-128K',
+      group: '免费模型'
+    },
+    {
+      id: 'THUDM/glm-4-9b-chat',
+      provider: 'dmxapi',
+      name: 'THUDM/glm-4-9b-chat',
+      group: '免费模型'
+    },
+    {
+      id: 'glm-4-flash',
+      provider: 'dmxapi',
+      name: 'glm-4-flash',
+      group: '免费模型'
+    },
+    {
+      id: 'hunyuan-lite',
+      provider: 'dmxapi',
+      name: 'hunyuan-lite',
+      group: '免费模型'
    },
    {
      id: 'gpt-4o',
      provider: 'dmxapi',
-      name: 'GPT-4o',
+      name: 'gpt-4o',
      group: 'OpenAI'
    },
    {
      id: 'gpt-4o-mini',
      provider: 'dmxapi',
-      name: 'GPT-4o-Mini',
+      name: 'gpt-4o-mini',
      group: 'OpenAI'
    },
    {
-      id: 'deepseek-reasoner',
+      id: 'DMXAPI-DeepSeek-R1',
      provider: 'dmxapi',
-      name: 'DeepSeek Reasoner',
+      name: 'DMXAPI-DeepSeek-R1',
      group: 'DeepSeek'
    },
    {
-      id: 'deepseek-chat',
+      id: 'DMXAPI-DeepSeek-V3',
      provider: 'dmxapi',
-      name: 'DeepSeek Chat',
+      name: 'DMXAPI-DeepSeek-V3',
      group: 'DeepSeek'
+    },
+    {
+      id: 'claude-3-5-sonnet-20241022',
+      provider: 'dmxapi',
+      name: 'claude-3-5-sonnet-20241022',
+      group: 'Claude'
+    },
+    {
+      id: 'gemini-2.0-flash',
+      provider: 'dmxapi',
+      name: 'gemini-2.0-flash',
+      group: 'Gemini'
    }
  ],
  perplexity: [
@ -1563,6 +1603,10 @@ export function isEmbeddingModel(model: Model): boolean {
    return false
  }

+  if (model.provider === 'doubao') {
+    return EMBEDDING_REGEX.test(model.name)
+  }
+
  return EMBEDDING_REGEX.test(model.id) || model.type?.includes('embedding') || false
 }

@ -1571,6 +1615,10 @@ export function isVisionModel(model: Model): boolean {
    return false
  }

+  if (model.provider === 'doubao') {
+    return VISION_REGEX.test(model.name) || model.type?.includes('vision') || false
+  }
+
  return VISION_REGEX.test(model.id) || model.type?.includes('vision') || false
 }

@ -1579,6 +1627,10 @@ export function isReasoningModel(model: Model): boolean {
    return false
  }

+  if (model.provider === 'doubao') {
+    return REASONING_REGEX.test(model.name) || model.type?.includes('reasoning') || false
+  }
+
  return REASONING_REGEX.test(model.id) || model.type?.includes('reasoning') || false
 }

@ -1631,6 +1683,16 @@ export function isWebSearchModel(model: Model): boolean {
    return model?.id?.startsWith('glm-4-')
  }

+  if (provider.id === 'dashscope') {
+    const models = ['qwen-turbo', 'qwen-max', 'qwen-plus']
+    // matches id like qwen-max-0919, qwen-max-latest
+    return models.some((i) => model.id.startsWith(i))
+  }
+
+  if (provider.id === 'openrouter') {
+    return true
+  }
+
  return false
 }

@ -1643,6 +1705,21 @@ export function getOpenAIWebSearchParams(assistant: Assistant, model: Model): Re
        return { enable_enhancement: true }
      }

+      if (model.provider === 'dashscope') {
+        return {
+          enable_search: true,
+          search_options: {
+            forced_search: true
+          }
+        }
+      }
+
+      if (model.provider === 'openrouter') {
+        return {
+          plugins: [{ id: 'web' }]
+        }
+      }
+
      return {
        tools: webSearchTools
      }
--- a/src/renderer/src/config/providers.ts
+++ b/src/renderer/src/config/providers.ts
@ -212,13 +212,13 @@ export const PROVIDER_CONFIG = {
  },
  dmxapi: {
    api: {
-      url: 'https://api.dmxapi.com'
+      url: 'https://www.dmxapi.cn'
    },
    websites: {
-      official: 'https://dmxapi.com/',
-      apiKey: 'https://www.dmxapi.com/token',
-      docs: 'https://dmxapi.com/models.html#code-block',
-      models: 'https://www.dmxapi.com/pricing'
+      official: 'https://www.dmxapi.cn/register?aff=bwwY',
+      apiKey: 'https://www.dmxapi.cn/register?aff=bwwY',
+      docs: 'https://dmxapi.cn/models.html#code-block',
+      models: 'https://www.dmxapi.cn/pricing'
    }
  },
  perplexity: {
@ -526,7 +526,7 @@ export const PROVIDER_CONFIG = {
    },
    websites: {
      official: 'https://cloud.baidu.com/',
-      apiKey: 'https://cloud.baidu.com/console/qianfan/apikey',
+      apiKey: 'https://console.bce.baidu.com/iam/#/iam/apikey/list',
      docs: 'https://cloud.baidu.com/doc/index.html',
      models: 'https://cloud.baidu.com/doc/WENXINWORKSHOP/s/Fm2vrveyu'
    }
--- a/src/renderer/src/config/translate.ts
+++ b/src/renderer/src/config/translate.ts
@ -55,5 +55,20 @@ export const TranslateLanguageOptions = [
    value: 'arabic',
    label: i18n.t('languages.arabic'),
    emoji: '🇸🇦'
+  },
+  {
+    value: 'german',
+    label: i18n.t('languages.german'),
+    emoji: '🇩🇪'
  }
 ]
+
+export const translateLanguageOptions = (): typeof TranslateLanguageOptions => {
+  return TranslateLanguageOptions.map((option) => {
+    return {
+      value: option.value,
+      label: i18n.t(`languages.${option.value}`),
+      emoji: option.emoji
+    }
+  })
+}
--- a/src/renderer/src/context/SyntaxHighlighterProvider.tsx
+++ b/src/renderer/src/context/SyntaxHighlighterProvider.tsx
@ -60,7 +60,7 @@ export const SyntaxHighlighterProvider: React.FC<PropsWithChildren> = ({ childre

    const mappedLanguage = languageMap[language] || language

-    code = code.trimEnd()
+    code = code?.trimEnd() ?? ''
    const escapedCode = code?.replace(/[<>]/g, (char) => ({ '<': '&lt;', '>': '&gt;' })[char]!)

    try {
--- a/src/renderer/src/databases/index.ts
+++ b/src/renderer/src/databases/index.ts
@ -1,4 +1,4 @@
-import { FileType, KnowledgeItem, Topic } from '@renderer/types'
+import { FileType, KnowledgeItem, Topic, TranslateHistory } from '@renderer/types'
 import { Dexie, type EntityTable } from 'dexie'

 // Database declaration (move this to its own module also)
@ -7,6 +7,7 @@ export const db = new Dexie('CherryStudio') as Dexie & {
  topics: EntityTable<Pick<Topic, 'id' | 'messages'>, 'id'>
  settings: EntityTable<{ id: string; value: any }, 'id'>
  knowledge_notes: EntityTable<KnowledgeItem, 'id'>
+  translate_history: EntityTable<TranslateHistory, 'id'>
 }

 db.version(1).stores({
@ -26,4 +27,12 @@ db.version(3).stores({
  knowledge_notes: '&id, baseId, type, content, created_at, updated_at'
 })

+db.version(4).stores({
+  files: 'id, name, origin_name, path, size, ext, type, created_at, count',
+  topics: '&id, messages',
+  settings: '&id, value',
+  knowledge_notes: '&id, baseId, type, content, created_at, updated_at',
+  translate_history: '&id, sourceText, targetText, sourceLanguage, targetLanguage, createdAt'
+})
+
 export default db
--- a/src/renderer/src/handler/NavigationHandler.tsx
+++ b/src/renderer/src/handler/NavigationHandler.tsx
@ -0,0 +1,17 @@
+import { useHotkeys } from 'react-hotkeys-hook'
+import { useNavigate } from 'react-router-dom'
+
+const NavigationHandler: React.FC = () => {
+  const navigate = useNavigate()
+  useHotkeys(
+    'meta+, ! ctrl+,',
+    function () {
+      navigate('/settings/provider')
+    },
+    { splitKey: '!' }
+  )
+
+  return null
+}
+
+export default NavigationHandler
--- a/src/renderer/src/hooks/useAssistant.ts
+++ b/src/renderer/src/hooks/useAssistant.ts
@ -44,7 +44,7 @@ export function useAssistant(id: string) {

  return {
    assistant,
-    model: assistant?.model ?? defaultModel,
+    model: assistant?.model ?? assistant?.defaultModel ?? defaultModel,
    addTopic: (topic: Topic) => dispatch(addTopic({ assistantId: assistant.id, topic })),
    removeTopic: (topic: Topic) => {
      TopicManager.removeTopic(topic.id)
--- a/src/renderer/src/hooks/useKnowledge.ts
+++ b/src/renderer/src/hooks/useKnowledge.ts
@ -198,6 +198,27 @@ export const useKnowledge = (baseId: string) => {
    return base?.items.filter((item) => item.type === type && item.processingStatus !== undefined) || []
  }

+  // 获取目录处理进度
+  const getDirectoryProcessingPercent = (itemId?: string) => {
+    const [percent, setPercent] = useState<number>(0)
+
+    useEffect(() => {
+      if (!itemId) {
+        return
+      }
+
+      const cleanup = window.electron.ipcRenderer.on(itemId, (_, progressingPercent: number) => {
+        setPercent(progressingPercent)
+      })
+
+      return () => {
+        cleanup()
+      }
+    }, [itemId])
+
+    return percent
+  }
+
  // 清除已完成的项目
  const clearCompleted = () => {
    dispatch(clearCompletedProcessing({ baseId }))
@ -280,6 +301,7 @@ export const useKnowledge = (baseId: string) => {
    refreshItem,
    getProcessingStatus,
    getProcessingItemsByType,
+    getDirectoryProcessingPercent,
    clearCompleted,
    clearAll,
    removeItem,
@ -307,16 +329,22 @@ export const useKnowledgeBases = () => {

    // remove assistant knowledge_base
    const _assistants = assistants.map((assistant) => {
-      if (assistant.knowledge_base?.id === baseId) {
-        return { ...assistant, knowledge_base: undefined }
+      if (assistant.knowledge_bases?.find((kb) => kb.id === baseId)) {
+        return {
+          ...assistant,
+          knowledge_bases: assistant.knowledge_bases.filter((kb) => kb.id !== baseId)
+        }
      }
      return assistant
    })

    // remove agent knowledge_base
    const _agents = agents.map((agent) => {
-      if (agent.knowledge_base?.id === baseId) {
-        return { ...agent, knowledge_base: undefined }
+      if (agent.knowledge_bases?.find((kb) => kb.id === baseId)) {
+        return {
+          ...agent,
+          knowledge_bases: agent.knowledge_bases.filter((kb) => kb.id !== baseId)
+        }
      }
      return agent
    })
--- a/src/renderer/src/hooks/useModel.ts
+++ b/src/renderer/src/hooks/useModel.ts
@ -1,7 +1,13 @@
 import { useProviders } from './useProvider'

-export function useModel(id?: string) {
+export function useModel(id?: string, providerId?: string) {
  const { providers } = useProviders()
  const allModels = providers.map((p) => p.models).flat()
-  return allModels.find((m) => m.id === id)
+  return allModels.find((m) => {
+    if (providerId) {
+      return m.id === id && m.provider === providerId
+    } else {
+      return m.id === id
+    }
+  })
 }
--- a/src/renderer/src/i18n/locales/en-us.json
+++ b/src/renderer/src/i18n/locales/en-us.json
@ -51,6 +51,7 @@
      "settings.reasoning_effort.high": "high",
      "settings.reasoning_effort.low": "low",
      "settings.reasoning_effort.medium": "medium",
+      "settings.reasoning_effort.off": "off",
      "settings.reasoning_effort.tip": "Only supports reasoning models",
      "title": "Assistants"
    },
@ -120,6 +121,8 @@
      "settings.top_p.tip": "Default value is 1, the smaller the value, the less variety in the answers, the easier to understand, the larger the value, the larger the range of the AI's vocabulary, the more diverse",
      "settings.max_tokens.confirm": "Enable max tokens limit",
      "settings.max_tokens.confirm_content": "Enable max tokens limit, affects the length of the result. Need to consider the context limit of the model, otherwise an error will be reported",
+      "settings.thought_auto_collapse": "Automatically Collapse Thought Content",
+      "settings.thought_auto_collapse.tip": "Automatically collapse thought content after thinking ends",
      "suggestions.title": "Suggested Questions",
      "thinking": "Thinking",
      "topics.auto_rename": "Auto Rename",
@ -136,10 +139,13 @@
      "topics.pinned": "Pinned Topics",
      "topics.title": "Topics",
      "topics.unpinned": "Unpinned Topics",
+      "topics.delete.shortcut": "Hold {{key}} to delete directly",
      "translate": "Translate",
      "topics.prompt": "Topic Prompts",
      "topics.prompt.tips": "Topic Prompts: Additional supplementary prompts provided for the current topic",
-      "topics.prompt.edit.title": "Edit Topic Prompts"
+      "topics.prompt.edit.title": "Edit Topic Prompts",
+      "artifacts.button.openExternal": "Open in external browser",
+      "artifacts.preview.openExternal.error.content": "Error opening the external browser."
    },
    "common": {
      "add": "Add",
@ -314,7 +320,8 @@
      "korean": "Korean",
      "portuguese": "Portuguese",
      "russian": "Russian",
-      "spanish": "Spanish"
+      "spanish": "Spanish",
+      "german": "German"
    },
    "mermaid": {
      "download": {
@ -331,6 +338,18 @@
      },
      "title": "Mermaid Diagram"
    },
+    "plantuml": {
+      "download": {
+        "png": "Download PNG",
+        "svg": "Download SVG",
+        "failed": "Download failed, please check the network"
+      },
+      "tabs": {
+        "preview": "Preview",
+        "source": "Source"
+      },
+      "title": "PlantUML Diagram"
+    },
    "message": {
      "api.check.model.title": "Select the model to use for detection",
      "api.connection.failed": "Connection failed",
@ -352,7 +371,7 @@
      "error.invalid.enter.model": "Please select a model",
      "error.invalid.proxy.url": "Invalid proxy URL",
      "error.invalid.webdav": "Invalid WebDAV settings",
-      "error.notion.export": "Notion import failed",
+      "error.notion.export": "Failed to export to Notion. Please check connection status and configuration according to documentation",
      "error.notion.no_api_key": "Notion ApiKey or Notion DatabaseID is not configured",
      "group.delete.content": "Deleting a group message will delete the user's question and all assistant's answers",
      "group.delete.title": "Delete Group Message",
@ -364,6 +383,7 @@
      "message.multi_model_style.fold": "Fold",
      "message.multi_model_style.horizontal": "Horizontal",
      "message.multi_model_style.vertical": "Vertical",
+      "message.multi_model_style.grid": "Grid",
      "message.style": "Message style",
      "message.style.bubble": "Bubble",
      "message.style.plain": "Plain",
@ -373,13 +393,13 @@
      "reset.double.confirm.title": "DATA LOST !!!",
      "restore.success": "Restored successfully",
      "save.success.title": "Saved successfully",
-      "success.notion.export": "Notion import successful",
+      "success.notion.export": "Successfully exported to Notion",
      "switch.disabled": "Please wait for the current reply to complete",
      "topic.added": "New topic added",
      "upgrade.success.button": "Restart",
      "upgrade.success.content": "Please restart the application to complete the upgrade",
      "upgrade.success.title": "Upgrade successfully",
-      "warn.notion.exporting": "Notion is importing, please do not import repeatedly",
+      "warn.notion.exporting": "Exporting to Notion, please do not request export repeatedly!",
      "error.invalid.api.host": "Invalid API Host",
      "error.invalid.api.key": "Invalid API Key"
    },
@ -559,36 +579,45 @@
        },
        "data.title": "Data Directory",
        "notion.api_key": "Notion API Key",
+        "notion.api_key_placeholder": "Enter Notion API Key",
        "notion.database_id": "Notion Database ID",
+        "notion.database_id_placeholder": "Enter Notion Database ID",
+        "notion.page_name_key": "Page Title Field Name",
+        "notion.page_name_key_placeholder": "Enter page title field name, default is Name",
        "notion.title": "Notion Configuration",
+        "notion.help": "Notion Configuration Documentation",
        "notion.check": {
          "button": "Check",
-          "fail": "Connection failed, please check the configuration",
+          "fail": "Connection failed, please check network and Api_key and Database_id",
          "success": "Connection successful",
-          "error": "Connection error, please check the network",
+          "error": "Connection error, please check network configuration and Api_key and Database_id",
          "empty_api_key": "Api_key is not configured",
          "empty_database_id": "Database_id is not configured"
        },
        "title": "Data Settings",
-        "webdav.autoSync": "Auto Backup",
-        "webdav.autoSync.off": "Off",
-        "webdav.backup.button": "Backup to WebDAV",
-        "webdav.host": "WebDAV Host",
-        "webdav.host.placeholder": "http://localhost:8080",
-        "webdav.hours": "Hours",
-        "webdav.lastSync": "Last Backup",
-        "webdav.minutes": "Minutes",
-        "webdav.noSync": "Waiting for next backup",
-        "webdav.password": "WebDAV Password",
-        "webdav.path": "WebDAV Path",
-        "webdav.path.placeholder": "/backup",
-        "webdav.restore.button": "Restore from WebDAV",
-        "webdav.restore.content": "Restore from WebDAV will overwrite the current data, continue?",
-        "webdav.restore.title": "Restore from WebDAV",
-        "webdav.syncError": "Backup Error",
-        "webdav.syncStatus": "Backup Status",
-        "webdav.title": "WebDAV",
-        "webdav.user": "WebDAV User"
+        "webdav": {
+          "autoSync": "Auto Backup",
+          "autoSync.off": "Off",
+          "backup.button": "Backup to WebDAV",
+          "host": "WebDAV Host",
+          "host.placeholder": "http://localhost:8080",
+          "minute_interval_one": "{{count}} minute",
+          "minute_interval_other": "{{count}} minutes",
+          "hour_interval_one": "{{count}} hour",
+          "hour_interval_other": "{{count}} hours",
+          "lastSync": "Last Backup",
+          "noSync": "Waiting for next backup",
+          "password": "WebDAV Password",
+          "path": "WebDAV Path",
+          "path.placeholder": "/backup",
+          "restore.button": "Restore from WebDAV",
+          "restore.content": "Restore from WebDAV will overwrite the current data, continue?",
+          "restore.title": "Restore from WebDAV",
+          "syncError": "Backup Error",
+          "syncStatus": "Backup Status",
+          "title": "WebDAV",
+          "user": "WebDAV User"
+        }
      },
      "display.custom.css": "Custom CSS",
      "display.custom.css.placeholder": "/* Put custom CSS here */",
@ -636,6 +665,10 @@
      "messages.input.title": "Input Settings",
      "messages.markdown_rendering_input_message": "Markdown render input message",
      "messages.math_engine": "Math engine",
+      "messages.grid_columns": "Message grid display columns",
+      "messages.grid_popover_trigger": "Grid detail trigger",
+      "messages.grid_popover_trigger.hover": "Hover to display",
+      "messages.grid_popover_trigger.click": "Click to display",
      "messages.metrics": "{{time_first_token_millsec}}ms to first token | {{token_speed}} tok/sec",
      "messages.model.title": "Model Settings",
      "messages.title": "Message Settings",
@ -708,7 +741,7 @@
      },
      "shortcuts": {
        "action": "Action",
-        "alt_warning": "Mac does not support Option + letters as shortcuts",
+        "alt_warning": "On Mac, Option key combinations only work with the Space key",
        "clear_shortcut": "Clear Shortcut",
        "clear_topic": "Clear Messages",
        "copy_last_message": "Copy Last Message",
@ -727,7 +760,8 @@
        "toggle_show_topics": "Toggle Topics",
        "zoom_in": "Zoom In",
        "zoom_out": "Zoom Out",
-        "zoom_reset": "Reset Zoom"
+        "zoom_reset": "Reset Zoom",
+        "show_settings": "Open Settings"
      },
      "theme.auto": "Auto",
      "theme.dark": "Dark",
@ -746,6 +780,7 @@
    "translate": {
      "any.language": "Any language",
      "button.translate": "Translate",
+      "tooltip.newline": "Newline",
      "close": "Close",
      "confirm": {
        "content": "Translation will replace the original text, continue?",
@ -756,7 +791,14 @@
      "input.placeholder": "Enter text to translate",
      "output.placeholder": "Translation",
      "processing": "Translation in progress...",
-      "title": "Translation"
+      "title": "Translation",
+      "history": {
+        "title": "Translation History",
+        "empty": "No translation history",
+        "clear": "Clear History",
+        "delete": "Delete",
+        "clear_description": "Clear history will delete all translation history, continue?"
+      }
    },
    "tray": {
      "quit": "Quit",
--- a/src/renderer/src/i18n/locales/ja-jp.json
+++ b/src/renderer/src/i18n/locales/ja-jp.json
@ -52,6 +52,7 @@
      "settings.reasoning_effort.high": "長い",
      "settings.reasoning_effort.low": "短い",
      "settings.reasoning_effort.medium": "中程度",
+      "settings.reasoning_effort.off": "オフ",
      "settings.reasoning_effort.tip": "この設定は推論モデルのみサポートしています"
    },
    "auth": {
@ -120,6 +121,8 @@
      "settings.top_p.tip": "デフォルト値は1で、値が小さいほど回答の多様性が減り、理解しやすくなります。値が大きいほど、AIの語彙範囲が広がり、多様性が増します",
      "settings.max_tokens.confirm": "最大トークン制限を有効にする",
      "settings.max_tokens.confirm_content": "最大トークン制限を有効にすると、モデルが生成できる最大トークン数が制限されます。これにより、返される結果の長さに影響が出る可能性があります。モデルのコンテキスト制限に基づいて設定する必要があります。そうしないとエラーが発生します",
+      "settings.thought_auto_collapse": "思考内容を自動的に折りたたむ",
+      "settings.thought_auto_collapse.tip": "思考が終了したら思考内容を自動的に折りたたみます",
      "suggestions.title": "提案された質問",
      "thinking": "思考中...",
      "topics.auto_rename": "自動リネーム",
@ -136,10 +139,13 @@
      "topics.pinned": "トピックを固定",
      "topics.title": "トピック",
      "topics.unpinned": "固定解除",
+      "topics.delete.shortcut": "{{key}}キーを押しながらで直接削除",
      "translate": "翻訳",
      "topics.prompt": "トピック提示語",
      "topics.prompt.tips": "トピック提示語：現在のトピックに対して追加の補足提示語を提供",
-      "topics.prompt.edit.title": "トピック提示語を編集する"
+      "topics.prompt.edit.title": "トピック提示語を編集する",
+      "artifacts.button.openExternal": "外部ブラウザで開く",
+      "artifacts.preview.openExternal.error.content": "外部ブラウザの起動に失敗しました。"
    },
    "common": {
      "add": "追加",
@ -309,6 +315,7 @@
      "chinese-traditional": "繁体字中国語",
      "english": "英語",
      "french": "フランス語",
+      "german": "ドイツ語",
      "italian": "イタリア語",
      "japanese": "日本語",
      "korean": "韓国語",
@ -351,7 +358,7 @@
      "error.invalid.enter.model": "モデルを選択してください",
      "error.invalid.proxy.url": "無効なプロキシURL",
      "error.invalid.webdav": "無効なWebDAV設定",
-      "error.notion.export": "Notion インポートに失敗",
+      "error.notion.export": "Notionへのエクスポートに失敗しました。接続状態と設定を確認してください",
      "error.notion.no_api_key": "Notion ApiKey または Notion DatabaseID が設定されていません",
      "group.delete.content": "分組メッセージを削除するとユーザーの質問と助け手の回答がすべて削除されます",
      "group.delete.title": "分組メッセージを削除",
@ -363,6 +370,7 @@
      "message.multi_model_style.fold": "折りたたむ",
      "message.multi_model_style.horizontal": "水平",
      "message.multi_model_style.vertical": "垂直",
+      "message.multi_model_style.grid": "グリッド",
      "message.style": "メッセージスタイル",
      "message.style.bubble": "バブル",
      "message.style.plain": "プレーン",
@ -372,13 +380,13 @@
      "reset.double.confirm.title": "データが失われます！！！",
      "restore.success": "復元に成功しました",
      "save.success.title": "保存に成功しました",
-      "success.notion.export": "Notion へのインポートに成功",
+      "success.notion.export": "Notionへのエクスポートに成功しました",
      "switch.disabled": "現在の応答が完了するまで切り替えを無効にします",
      "topic.added": "新しいトピックが追加されました",
      "upgrade.success.button": "再起動",
      "upgrade.success.content": "アップグレードを完了するためにアプリケーションを再起動してください",
      "upgrade.success.title": "アップグレードに成功しました",
-      "warn.notion.exporting": "Notion 正在インポート中です。重複インポートしないでください。",
+      "warn.notion.exporting": "Notionにエクスポート中です。重複してエクスポートしないでください! ",
      "error.enter.name": "ナレッジベース名を入力してください",
      "error.invalid.api.host": "無効なAPIアドレスです",
      "error.invalid.api.key": "無効なAPIキーです"
@ -559,17 +567,45 @@
        },
        "data.title": "データディレクトリ",
        "notion.api_key": "Notion APIキー",
+        "notion.api_key_placeholder": "Notion APIキーを入力してください",
        "notion.database_id": "Notion データベースID",
+        "notion.database_id_placeholder": "Notion データベースIDを入力してください",
+        "notion.page_name_key": "ページタイトルフィールド名",
+        "notion.page_name_key_placeholder": "ページタイトルフィールド名を入力してください。デフォルトは Name です",
        "notion.title": "Notion 設定",
+        "notion.help": "Notion 設定ドキュメント",
        "notion.check": {
          "button": "確認",
-          "fail": "接続に失敗しました。設定を確認してください。",
+          "fail": "接続エラー、ネットワーク設定とApi_keyとDatabase_idを確認してください",
          "success": "接続に成功しました。",
-          "error": "接続エラーが発生しました。ネットワークを確認してください。",
+          "error": "接続エラー、ネットワーク設定とApi_keyとDatabase_idを確認してください",
          "empty_api_key": "Api_keyが設定されていません",
          "empty_database_id": "Database_idが設定されていません"
        },
        "title": "データ設定",
+        "webdav": {
+          "autoSync": "自動バックアップ",
+          "autoSync.off": "オフ",
+          "backup.button": "WebDAVにバックアップ",
+          "host": "WebDAVホスト",
+          "host.placeholder": "http://localhost:8080",
+          "minute_interval_one": "{{count}} 分",
+          "minute_interval_other": "{{count}} 分",
+          "hour_interval_one": "{{count}} 時間",
+          "hour_interval_other": "{{count}} 時間",
+          "lastSync": "最終バックアップ",
+          "noSync": "次回のバックアップを待機中",
+          "password": "WebDAVパスワード",
+          "path": "WebDAVパス",
+          "path.placeholder": "/backup",
+          "restore.button": "WebDAVから復元",
+          "restore.content": "WebDAVから復元すると現在のデータが上書きされます。続行しますか？",
+          "restore.title": "WebDAVから復元",
+          "syncError": "バックアップエラー",
+          "syncStatus": "バックアップ状態",
+          "title": "WebDAV",
+          "user": "WebDAVユーザー"
+        },
        "webdav.autoSync": "自動バックアップ",
        "webdav.autoSync.off": "オフ",
        "webdav.backup.button": "WebDAVにバックアップ",
@ -588,7 +624,11 @@
        "webdav.syncError": "バックアップエラー",
        "webdav.syncStatus": "バックアップ状態",
        "webdav.title": "WebDAV",
-        "webdav.user": "WebDAVユーザー"
+        "webdav.user": "WebDAVユーザー",
+        "minute_interval_one": "{{count}} 分",
+        "minute_interval_other": "{{count}} 分",
+        "hour_interval_one": "{{count}} 時間",
+        "hour_interval_other": "{{count}} 時間"
      },
      "display.custom.css": "カスタムCSS",
      "display.custom.css.placeholder": "/* ここにカスタムCSSを入力 */",
@ -636,6 +676,10 @@
      "messages.input.title": "入力設定",
      "messages.markdown_rendering_input_message": "Markdownで入力メッセージをレンダリング",
      "messages.math_engine": "数式エンジン",
+      "messages.grid_columns": "メッセージグリッドの表示列数",
+      "messages.grid_popover_trigger": "グリッド詳細トリガー",
+      "messages.grid_popover_trigger.hover": "ホバーで表示",
+      "messages.grid_popover_trigger.click": "クリックで表示",
      "messages.metrics": "最初のトークンまでの時間 {{time_first_token_millsec}}ms | トークン速度 {{token_speed}} tok/sec",
      "messages.model.title": "モデル設定",
      "messages.title": "メッセージ設定",
@ -708,7 +752,7 @@
      },
      "shortcuts": {
        "action": "操作",
-        "alt_warning": "MacではOption + 文字をショートカットとして使用できません",
+        "alt_warning": "MacではOptionキーとの組み合わせは、スペースキーのみ使用可能です",
        "clear_shortcut": "ショートカットをクリア",
        "clear_topic": "メッセージを消去",
        "copy_last_message": "最後のメッセージをコピー",
@ -727,7 +771,8 @@
        "toggle_show_topics": "トピックの表示を切り替え",
        "zoom_in": "ズームイン",
        "zoom_out": "ズームアウト",
-        "zoom_reset": "ズームをリセット"
+        "zoom_reset": "ズームをリセット",
+        "show_settings": "設定を開く"
      },
      "theme.auto": "自動",
      "theme.dark": "ダークテーマ",
@ -746,6 +791,7 @@
    "translate": {
      "any.language": "任意の言語",
      "button.translate": "翻訳",
+      "tooltip.newline": "改行",
      "close": "閉じる",
      "confirm": {
        "content": "翻訳すると元のテキストが上書きされます。続行しますか？",
--- a/src/renderer/src/i18n/locales/ru-ru.json
+++ b/src/renderer/src/i18n/locales/ru-ru.json
@ -52,6 +52,7 @@
      "settings.reasoning_effort.high": "Длинная",
      "settings.reasoning_effort.low": "Короткая",
      "settings.reasoning_effort.medium": "Средняя",
+      "settings.reasoning_effort.off": "Выключено",
      "settings.reasoning_effort.tip": "Эта настройка поддерживается только моделями с рассуждением"
    },
    "auth": {
@ -120,6 +121,8 @@
      "settings.top_p.tip": "Значение по умолчанию 1, чем меньше значение, тем меньше вариативности в ответах, тем проще понять, чем больше значение, тем больше вариативности в ответах, тем больше разнообразие",
      "settings.max_tokens.confirm": "Включить лимит максимальных токенов",
      "settings.max_tokens.confirm_content": "Включить лимит максимальных токенов, влияет на длину результата. Нужно учитывать контекст модели, иначе будет ошибка",
+      "settings.thought_auto_collapse": "Автоматически сворачивать содержание мыслей",
+      "settings.thought_auto_collapse.tip": "Автоматически сворачивать содержание мыслей после завершения размышления",
      "suggestions.title": "Предложенные вопросы",
      "thinking": "Мыслим",
      "topics.auto_rename": "Автопереименование",
@ -136,10 +139,13 @@
      "topics.pinned": "Закрепленные темы",
      "topics.title": "Топики",
      "topics.unpinned": "Открепленные темы",
+      "topics.delete.shortcut": "Удерживайте {{key}} для мгновенного удаления",
      "translate": "Перевести",
      "topics.prompt": "Тематические подсказки",
      "topics.prompt.tips": "Тематические подсказки: Дополнительные подсказки, предоставленные для текущей темы",
-      "topics.prompt.edit.title": "Редактировать подсказки темы"
+      "topics.prompt.edit.title": "Редактировать подсказки темы",
+      "artifacts.button.openExternal": "Открыть во внешнем браузере",
+      "artifacts.preview.openExternal.error.content": "Внешний браузер открылся с ошибкой"
    },
    "common": {
      "add": "Добавить",
@ -309,6 +315,7 @@
      "chinese-traditional": "Китайский традиционный",
      "english": "Английский",
      "french": "Французский",
+      "german": "Немецкий",
      "italian": "Итальянский",
      "japanese": "Японский",
      "korean": "Корейский",
@ -352,7 +359,7 @@
      "error.invalid.enter.model": "Пожалуйста, выберите модель",
      "error.invalid.proxy.url": "Неверный URL прокси",
      "error.invalid.webdav": "Неверные настройки WebDAV",
-      "error.notion.export": "Импорт в Notion не удался",
+      "error.notion.export": "Ошибка экспорта в Notion, пожалуйста, проверьте состояние подключения и настройки в документации",
      "error.notion.no_api_key": "Notion ApiKey или Notion DatabaseID не настроен",
      "group.delete.content": "Удаление группы сообщений удалит пользовательский вопрос и все ответы помощника",
      "group.delete.title": "Удалить группу сообщений",
@ -364,6 +371,7 @@
      "message.multi_model_style.fold": "Свернуть",
      "message.multi_model_style.horizontal": "Горизонтальный",
      "message.multi_model_style.vertical": "Вертикальный",
+      "message.multi_model_style.grid": "клетчатый вид",
      "message.style": "Стиль сообщения",
      "message.style.bubble": "Пузырь",
      "message.style.plain": "Простой",
@ -373,13 +381,13 @@
      "reset.double.confirm.title": "ДАННЫЕ БУДУТ УТЕРЯНЫ !!!",
      "restore.success": "Успешно восстановлено",
      "save.success.title": "Успешно сохранено",
-      "success.notion.export": "Импорт в Notion выполнен успешно",
+      "success.notion.export": "Успешный экспорт в Notion",
      "switch.disabled": "Пожалуйста, дождитесь завершения текущего ответа",
      "topic.added": "Новый топик добавлен",
      "upgrade.success.button": "Перезапустить",
      "upgrade.success.content": "Пожалуйста, перезапустите приложение для завершения обновления",
      "upgrade.success.title": "Обновление успешно",
-      "warn.notion.exporting": "Идет импорт в Notion, пожалуйста, не повторяйте импорт",
+      "warn.notion.exporting": "Экспортируется в Notion, пожалуйста, не отправляйте повторные запросы!",
      "error.invalid.api.host": "Неверный API адрес",
      "error.invalid.api.key": "Неверный API ключ"
    },
@ -559,36 +567,47 @@
        },
        "data.title": "Каталог данных",
        "notion.api_key": "Ключ API Notion",
+        "notion.api_key_placeholder": "Введите ключ API Notion",
        "notion.database_id": "ID базы данных Notion",
+        "notion.database_id_placeholder": "Введите ID базы данных Notion",
+        "notion.page_name_key": "Название поля заголовка страницы",
+        "notion.page_name_key_placeholder": "Введите название поля заголовка страницы, по умолчанию Name",
        "notion.title": "Настройки Notion",
+        "notion.help": "Документация по настройке Notion",
        "notion.check": {
          "button": "Проверить",
-          "fail": "Ошибка подключения, проверьте настройки",
+          "fail": "Не удалось подключиться, пожалуйста, проверьте сеть и правильность Api_key и Database_id",
          "success": "Подключение успешно",
-          "error": "Ошибка подключения, проверьте сеть",
+          "error": "Аномалия в подключении, пожалуйста, проверьте настройки сети, а также правильность Api_key и Database_id",
          "empty_api_key": "Не настроен Api_key",
          "empty_database_id": "Не настроен Database_id"
        },
        "title": "Настройки данных",
-        "webdav.autoSync": "Автоматическое резервное копирование",
-        "webdav.autoSync.off": "Выключено",
-        "webdav.backup.button": "Резервное копирование на WebDAV",
-        "webdav.host": "Хост WebDAV",
-        "webdav.host.placeholder": "http://localhost:8080",
-        "webdav.hours": "часов",
-        "webdav.lastSync": "Последняя синхронизация",
-        "webdav.minutes": "минут",
-        "webdav.noSync": "Ожидание следующего резервного копирования",
-        "webdav.password": "Пароль WebDAV",
-        "webdav.path": "Путь WebDAV",
-        "webdav.path.placeholder": "/backup",
-        "webdav.restore.button": "Восстановление с WebDAV",
-        "webdav.restore.content": "Восстановление с WebDAV перезапишет текущие данные, продолжить?",
-        "webdav.restore.title": "Восстановление с WebDAV",
-        "webdav.syncError": "Ошибка резервного копирования",
-        "webdav.syncStatus": "Статус резервного копирования",
-        "webdav.title": "WebDAV",
-        "webdav.user": "Пользователь WebDAV"
+        "webdav": {
+          "autoSync": "Автоматическое резервное копирование",
+          "autoSync.off": "Выключено",
+          "backup.button": "Резервное копирование на WebDAV",
+          "host": "Хост WebDAV",
+          "host.placeholder": "http://localhost:8080",
+          "minute_interval_one": "{{count}} минута",
+          "minute_interval_few": "{{count}} минуты",
+          "minute_interval_many": "{{count}} минут",
+          "hour_interval_one": "{{count}} час",
+          "hour_interval_few": "{{count}} часа",
+          "hour_interval_many": "{{count}} часов",
+          "lastSync": "Последняя синхронизация",
+          "noSync": "Ожидание следующего резервного копирования",
+          "password": "Пароль WebDAV",
+          "path": "Путь WebDAV",
+          "path.placeholder": "/backup",
+          "restore.button": "Восстановление с WebDAV",
+          "restore.content": "Восстановление с WebDAV перезапишет текущие данные, продолжить?",
+          "restore.title": "Восстановление с WebDAV",
+          "syncError": "Ошибка резервного копирования",
+          "syncStatus": "Статус резервного копирования",
+          "title": "WebDAV",
+          "user": "Пользователь WebDAV"
+        }
      },
      "display.custom.css": "Пользовательский CSS",
      "display.custom.css.placeholder": "/* Здесь введите пользовательский CSS */",
@ -637,6 +656,10 @@
      "messages.math_engine": "Математический движок",
      "messages.metrics": "{{time_first_token_millsec}}ms до первого токена | {{token_speed}} tok/sec",
      "messages.model.title": "Настройки модели",
+      "messages.grid_columns": "Количество столбцов сетки сообщений",
+      "messages.grid_popover_trigger": "Триггер для отображения подробной информации в сетке",
+      "messages.grid_popover_trigger.hover": "Наведение для отображения",
+      "messages.grid_popover_trigger.click": "Нажатие для отображения",
      "messages.title": "Настройки сообщений",
      "messages.use_serif_font": "Использовать serif шрифт",
      "model": "Модель по умолчанию",
@ -707,7 +730,7 @@
      },
      "shortcuts": {
        "action": "Действие",
-        "alt_warning": "Mac не поддерживает Option + буквы как горячие клавиши",
+        "alt_warning": "В Mac сочетания с клавишей Option работают только с пробелом",
        "clear_shortcut": "Очистить сочетание клавиш",
        "clear_topic": "Очистить все сообщения",
        "copy_last_message": "Копировать последнее сообщение",
@ -726,7 +749,8 @@
        "toggle_show_topics": "Переключить отображение топиков",
        "zoom_in": "Увеличить",
        "zoom_out": "Уменьшить",
-        "zoom_reset": "Сбросить масштаб"
+        "zoom_reset": "Сбросить масштаб",
+        "show_settings": "Открыть настройки"
      },
      "theme.auto": "Автоматически",
      "theme.dark": "Темная",
@ -746,6 +770,7 @@
    "translate": {
      "any.language": "Любой язык",
      "button.translate": "Перевести",
+      "tooltip.newline": "Перевести",
      "close": "Закрыть",
      "confirm": {
        "content": "Перевод заменит исходный текст, продолжить?",
--- a/src/renderer/src/i18n/locales/zh-cn.json
+++ b/src/renderer/src/i18n/locales/zh-cn.json
@ -51,6 +51,7 @@
      "settings.reasoning_effort.high": "长",
      "settings.reasoning_effort.low": "短",
      "settings.reasoning_effort.medium": "中",
+      "settings.reasoning_effort.off": "关",
      "settings.reasoning_effort.tip": "该设置仅支持推理模型",
      "title": "助手"
    },
@ -73,6 +74,8 @@
      "add.assistant.title": "添加助手",
      "artifacts.button.download": "下载",
      "artifacts.button.preview": "预览",
+      "artifacts.button.openExternal": "外部浏览器打开",
+      "artifacts.preview.openExternal.error.content": "外部浏览器打开出错",
      "assistant.search.placeholder": "搜索",
      "deeply_thought": "已深度思考（用时 {{secounds}} 秒）",
      "default.description": "你好，我是默认助手。你可以立刻开始跟我聊天。",
@ -120,6 +123,8 @@
      "settings.top_p.tip": "默认值为 1，值越小，AI 生成的内容越单调，也越容易理解；值越大，AI 回复的词汇围越大，越多样化",
      "settings.max_tokens.confirm": "开启消息长度限制",
      "settings.max_tokens.confirm_content": "开启消息长度限制后，单次交互所用的最大 Token 数, 会影响返回结果的长度。要根据模型上下文限制来设置，否则会报错",
+      "settings.thought_auto_collapse": "思考内容自动折叠",
+      "settings.thought_auto_collapse.tip": "思考结束后思考内容自动折叠",
      "suggestions.title": "建议的问题",
      "thinking": "思考中",
      "topics.auto_rename": "生成话题名",
@ -136,10 +141,10 @@
      "topics.pinned": "固定话题",
      "topics.title": "话题",
      "topics.unpinned": "取消固定",
+      "topics.delete.shortcut": "按住 {{key}} 可直接删除",
      "translate": "翻译",
      "topics.prompt": "话题提示词",
-      "topics.prompt.tips": "话题提示词: 针对当前话题提供额外的补充提示词",
-      "topics.prompt.edit.title": "编辑话题提示词"
+      "topics.prompt.tips": "话题提示词: 针对当前话题提供额外的补充提示词"
    },
    "common": {
      "add": "添加",
@ -314,7 +319,8 @@
      "korean": "韩文",
      "portuguese": "葡萄牙文",
      "russian": "俄文",
-      "spanish": "西班牙文"
+      "spanish": "西班牙文",
+      "german": "德文"
    },
    "mermaid": {
      "download": {
@ -331,6 +337,18 @@
      },
      "title": "Mermaid 图表"
    },
+    "plantuml": {
+      "title": "PlantUML 图表",
+      "download": {
+        "png": "下载 PNG",
+        "svg": "下载 SVG",
+        "failed": "下载失败，请检查网络"
+      },
+      "tabs": {
+        "preview": "预览",
+        "source": "源码"
+      }
+    },
    "message": {
      "api.check.model.title": "请选择要检测的模型",
      "api.connection.failed": "连接失败",
@ -354,7 +372,7 @@
      "error.invalid.enter.model": "请选择一个模型",
      "error.invalid.proxy.url": "无效的代理地址",
      "error.invalid.webdav": "无效的 WebDAV 设置",
-      "error.notion.export": "Notion 导入失败",
+      "error.notion.export": "导出Notion错误，请检查连接状态并对照文档检查配置",
      "error.notion.no_api_key": "未配置Notion ApiKey或Notion DatabaseID",
      "group.delete.content": "删除分组消息会删除用户提问和所有助手的回答",
      "group.delete.title": "删除分组消息",
@ -366,6 +384,7 @@
      "message.multi_model_style.fold": "折叠",
      "message.multi_model_style.horizontal": "水平",
      "message.multi_model_style.vertical": "垂直",
+      "message.multi_model_style.grid": "网格",
      "message.style": "消息样式",
      "message.style.bubble": "气泡",
      "message.style.plain": "简洁",
@ -375,13 +394,13 @@
      "reset.double.confirm.title": "数据丢失！！！",
      "restore.success": "恢复成功",
      "save.success.title": "保存成功",
-      "success.notion.export": "导入Notion成功",
+      "success.notion.export": "成功导出到Notion",
      "switch.disabled": "请等待当前回复完成后操作",
      "topic.added": "话题添加成功",
      "upgrade.success.button": "重启",
      "upgrade.success.content": "重启用以完成升级",
      "upgrade.success.title": "升级成功",
-      "warn.notion.exporting": "Notion正在导入，请勿重复导入"
+      "warn.notion.exporting": "正在导出到Notion, 请勿重复请求导出!"
    },
    "minapp": {
      "sidebar.add.title": "添加到侧边栏",
@ -559,36 +578,49 @@
        },
        "data.title": "数据目录",
        "notion.api_key": "Notion 密钥",
-        "notion.database_id": "Notion 数据库ID",
+        "notion.api_key_placeholder": "请输入Notion 密钥",
+        "notion.database_id": "Notion 数据库 ID",
+        "notion.database_id_placeholder": "请输入Notion 数据库 ID",
+        "notion.page_name_key": "页面标题字段名",
+        "notion.page_name_key_placeholder": "请输入页面标题字段名，默认为 Name",
        "notion.title": "Notion 配置",
+        "notion.help": "Notion 配置文档",
        "notion.check": {
          "button": "检查",
-          "fail": "连接失败，请检查配置",
+          "fail": "连接失败，请检查网络及Api_key和Database_id是否正确",
          "success": "连接成功",
-          "error": "连接异常，请检查网络",
+          "error": "连接异常，请检查网络及Api_key和Database_id是否正确",
          "empty_api_key": "未配置Api_key",
          "empty_database_id": "未配置Database_id"
        },
        "title": "数据设置",
-        "webdav.autoSync": "自动备份",
-        "webdav.autoSync.off": "关闭",
-        "webdav.backup.button": "备份到 WebDAV",
-        "webdav.host": "WebDAV 地址",
-        "webdav.host.placeholder": "http://localhost:8080",
-        "webdav.hours": "小时",
-        "webdav.lastSync": "上次备份时间",
-        "webdav.minutes": "分钟",
-        "webdav.noSync": "等待下次备份",
-        "webdav.password": "WebDAV 密码",
-        "webdav.path": "WebDAV 路径",
-        "webdav.path.placeholder": "/backup",
-        "webdav.restore.button": "从 WebDAV 恢复",
-        "webdav.restore.content": "从 WebDAV 恢复将覆盖当前数据，是否继续？",
-        "webdav.restore.title": "从 WebDAV 恢复",
-        "webdav.syncError": "备份错误",
-        "webdav.syncStatus": "备份状态",
-        "webdav.title": "WebDAV",
-        "webdav.user": "WebDAV 用户名"
+        "webdav": {
+          "autoSync": "自动备份",
+          "autoSync.off": "关闭",
+          "backup.button": "备份到 WebDAV",
+          "host": "WebDAV 地址",
+          "host.placeholder": "http://localhost:8080",
+          "minute_interval_one": "{{count}} 分钟",
+          "minute_interval_other": "{{count}} 分钟",
+          "hour_interval_one": "{{count}} 小时",
+          "hour_interval_other": "{{count}} 小时",
+          "lastSync": "上次备份时间",
+          "noSync": "等待下次备份",
+          "password": "WebDAV 密码",
+          "path": "WebDAV 路径",
+          "path.placeholder": "/backup",
+          "restore.button": "从 WebDAV 恢复",
+          "restore.content": "从 WebDAV 恢复将覆盖当前数据，是否继续？",
+          "restore.title": "从 WebDAV 恢复",
+          "syncError": "备份错误",
+          "syncStatus": "备份状态",
+          "title": "WebDAV",
+          "user": "WebDAV 用户名"
+        },
+        "minute_interval_one": "{{count}} 分钟",
+        "minute_interval_other": "{{count}} 分钟",
+        "hour_interval_one": "{{count}} 小时",
+        "hour_interval_other": "{{count}} 小时"
      },
      "display.custom.css": "自定义 CSS",
      "display.custom.css.placeholder": "/* 这里写自定义CSS */",
@ -636,6 +668,10 @@
      "messages.input.title": "输入设置",
      "messages.markdown_rendering_input_message": "Markdown 渲染输入消息",
      "messages.math_engine": "数学公式引擎",
+      "messages.grid_columns": "消息网格展示列数",
+      "messages.grid_popover_trigger": "网格详情触发",
+      "messages.grid_popover_trigger.hover": "悬停显示",
+      "messages.grid_popover_trigger.click": "点击显示",
      "messages.metrics": "首字时延 {{time_first_token_millsec}}ms | 每秒 {{token_speed}} tokens",
      "messages.model.title": "模型设置",
      "messages.title": "消息设置",
@ -708,7 +744,7 @@
      },
      "shortcuts": {
        "action": "操作",
-        "alt_warning": "Mac 系统不能使用 Option + 字母作为快捷键",
+        "alt_warning": "Mac 系统中 Option 键只能与空格键组合使用",
        "clear_shortcut": "清除快捷键",
        "clear_topic": "清空消息",
        "copy_last_message": "复制上一条消息",
@ -721,6 +757,7 @@
        "reset_to_default": "重置为默认",
        "search_message": "搜索消息",
        "show_app": "显示应用",
+        "show_settings": "打开设置",
        "title": "快捷方式",
        "toggle_new_context": "清除上下文",
        "toggle_show_assistants": "切换助手显示",
@ -746,6 +783,7 @@
    "translate": {
      "any.language": "任意语言",
      "button.translate": "翻译",
+      "tooltip.newline": "换行",
      "close": "关闭",
      "confirm": {
        "content": "翻译后将覆盖原文，是否继续？",
@ -756,7 +794,14 @@
      "input.placeholder": "输入文本进行翻译",
      "output.placeholder": "翻译",
      "processing": "翻译中...",
-      "title": "翻译"
+      "title": "翻译",
+      "history": {
+        "title": "翻译历史",
+        "empty": "暂无翻译历史",
+        "clear": "清空历史",
+        "delete": "删除",
+        "clear_description": "清空历史将删除所有翻译历史记录，是否继续？"
+      }
    },
    "tray": {
      "quit": "退出",
--- a/src/renderer/src/i18n/locales/zh-tw.json
+++ b/src/renderer/src/i18n/locales/zh-tw.json
@ -51,6 +51,7 @@
      "settings.reasoning_effort.high": "長",
      "settings.reasoning_effort.low": "短",
      "settings.reasoning_effort.medium": "中",
+      "settings.reasoning_effort.off": "關",
      "settings.reasoning_effort.tip": "該設置僅支持推理模型",
      "title": "助手"
    },
@ -120,6 +121,8 @@
      "settings.top_p.tip": "模型生成文本的隨機程度。值越小，AI 生成的內容越單調，也越容易理解；值越大，AI 回覆的詞彙範圍越大，越多樣化",
      "settings.max_tokens.confirm": "啟用消息長度限制",
      "settings.max_tokens.confirm_content": "啟用消息長度限制後，單次交互所用的最大 Token 數, 會影響返回結果的長度。要根據模型上下文限制來設置，否則會報錯",
+      "settings.thought_auto_collapse": "思考內容自動折疊",
+      "settings.thought_auto_collapse.tip": "思考結束後思考內容自動折疊",
      "suggestions.title": "建議的問題",
      "thinking": "思考中",
      "topics.auto_rename": "自動重新命名",
@ -136,10 +139,13 @@
      "topics.pinned": "固定話題",
      "topics.title": "話題",
      "topics.unpinned": "取消固定",
+      "topics.delete.shortcut": "按住 {{key}} 可直接刪除",
      "translate": "翻譯",
      "topics.prompt": "話題提示詞",
      "topics.prompt.tips": "話題提示詞：針對目前話題提供額外的補充提示詞",
-      "topics.prompt.edit.title": "編輯話題提示詞"
+      "topics.prompt.edit.title": "編輯話題提示詞",
+      "artifacts.button.openExternal": "外部瀏覽器打開",
+      "artifacts.preview.openExternal.error.content": "外部瀏覽器打開出錯"
    },
    "common": {
      "add": "添加",
@ -314,7 +320,8 @@
      "korean": "韓文",
      "portuguese": "葡萄牙文",
      "russian": "俄文",
-      "spanish": "西班牙文"
+      "spanish": "西班牙文",
+      "german": "德文"
    },
    "mermaid": {
      "download": {
@ -352,7 +359,7 @@
      "error.invalid.enter.model": "請選擇一個模型",
      "error.invalid.proxy.url": "無效的代理 URL",
      "error.invalid.webdav": "無效的 WebDAV 設定",
-      "error.notion.export": "Notion 匯入失敗",
+      "error.notion.export": "導出Notion錯誤，請檢查連接狀態並對照文檔檢查配置",
      "error.notion.no_api_key": "未配置 Notion ApiKey 或 Notion DatabaseID",
      "group.delete.content": "刪除分組消息會刪除用戶提問和所有助手的回答",
      "group.delete.title": "刪除分組消息",
@ -364,6 +371,7 @@
      "message.multi_model_style.fold": "折疊",
      "message.multi_model_style.horizontal": "水平",
      "message.multi_model_style.vertical": "垂直",
+      "message.multi_model_style.grid": "网格",
      "message.style": "消息樣式",
      "message.style.bubble": "氣泡",
      "message.style.plain": "簡潔",
@ -373,13 +381,13 @@
      "reset.double.confirm.title": "資料將會丟失！！！",
      "restore.success": "恢復成功",
      "save.success.title": "保存成功",
-      "success.notion.export": "匯入 Notion 成功",
+      "success.notion.export": "成功導出到Notion",
      "switch.disabled": "請等待當前回覆完成",
      "topic.added": "新話題已添加",
      "upgrade.success.button": "重新啟動",
      "upgrade.success.content": "請重新啟動應用以完成升級",
      "upgrade.success.title": "升級成功",
-      "warn.notion.exporting": "Notion 正在匯入，請勿重複匯入",
+      "warn.notion.exporting": "正在導出到Notion，請勿重複請求導出！",
      "error.invalid.api.host": "無效的 API 位址",
      "error.invalid.api.key": "無效的 API 密鑰"
    },
@ -556,39 +564,52 @@
          "title": "清除緩存"
        },
        "data.title": "數據目錄",
-        "notion.api_key": "Notion 金鑰",
+        "notion.api_key": "Notion 密鑰",
+        "notion.api_key_placeholder": "請輸入Notion 密鑰",
        "notion.database_id": "Notion 資料庫 ID",
+        "notion.database_id_placeholder": "請輸入Notion 資料庫 ID",
+        "notion.page_name_key": "頁面標題欄位名稱",
+        "notion.page_name_key_placeholder": "請輸入頁面標題欄位名稱，預設為 Name",
        "notion.title": "Notion 配置",
+        "notion.help": "Notion 配置文檔",
        "notion.check": {
          "button": "檢查",
-          "fail": "連線失敗，請檢查配置",
+          "fail": "連接失敗，請檢查網絡及Api_key和Database_id是否正確",
          "success": "連線成功",
-          "error": "連線異常，請檢查網路",
+          "error": "連接異常，請檢查網絡及Api_key和Database_id是否正確",
          "empty_api_key": "未配置Api_key",
          "empty_database_id": "未配置Database_id"
        },
        "title": "數據設定",
-        "webdav.autoSync": "自動備份",
-        "webdav.autoSync.off": "關閉",
-        "webdav.backup.button": "從 WebDAV 備份",
-        "webdav.host": "WebDAV 主機位址",
-        "webdav.host.placeholder": "http://localhost:8080",
-        "webdav.hours": "小時",
-        "webdav.lastSync": "上次同步時間",
-        "webdav.minutes": "分鐘",
-        "webdav.noSync": "等待下次備份",
-        "webdav.password": "WebDAV 密碼",
-        "webdav.path": "WebDAV Path",
-        "webdav.path.placeholder": "/backup",
-        "webdav.restore.button": "從 WebDAV 恢復",
-        "webdav.restore.content": "從 WebDAV 恢復將覆蓋當前資料，是否繼續？",
-        "webdav.restore.title": "從 WebDAV 恢復",
-        "webdav.syncError": "備份錯誤",
-        "webdav.syncStatus": "備份狀態",
-        "webdav.title": "WebDAV",
-        "webdav.user": "WebDAV 使用者名稱",
+        "webdav": {
+          "autoSync": "自動備份",
+          "autoSync.off": "關閉",
+          "backup.button": "備份到 WebDAV",
+          "host": "WebDAV 主機位址",
+          "host.placeholder": "http://localhost:8080",
+          "minute_interval_one": "{{count}} 分鐘",
+          "minute_interval_other": "{{count}} 分鐘",
+          "hour_interval_one": "{{count}} 小時",
+          "hour_interval_other": "{{count}} 小時",
+          "lastSync": "上次備份時間",
+          "noSync": "等待下次備份",
+          "password": "WebDAV 密碼",
+          "path": "WebDAV 路徑",
+          "path.placeholder": "/backup",
+          "restore.button": "從 WebDAV 恢復",
+          "restore.content": "從 WebDAV 恢復將覆蓋當前資料，是否繼續？",
+          "restore.title": "從 WebDAV 恢復",
+          "syncError": "備份錯誤",
+          "syncStatus": "備份狀態",
+          "title": "WebDAV",
+          "user": "WebDAV 使用者名稱"
+        },
        "app_data": "應用數據",
-        "app_logs": "應用日誌"
+        "app_logs": "應用日誌",
+        "minute_interval_one": "{{count}} 分鐘",
+        "minute_interval_other": "{{count}} 分鐘",
+        "hour_interval_one": "{{count}} 小時",
+        "hour_interval_other": "{{count}} 小時"
      },
      "display.custom.css": "自定義 CSS",
      "display.custom.css.placeholder": "/* 這裡寫自定義 CSS */",
@ -635,6 +656,10 @@
      "messages.input.show_estimated_tokens": "顯示預估 Token 數",
      "messages.input.title": "輸入設定",
      "messages.math_engine": "Markdown 渲染輸入訊息",
+      "messages.grid_columns": "消息網格展示列數",
+      "messages.grid_popover_trigger": "網格詳情觸發",
+      "messages.grid_popover_trigger.hover": "懸停顯示",
+      "messages.grid_popover_trigger.click": "點擊顯示",
      "messages.metrics": "首字時延 {{time_first_token_millsec}}ms | 每秒 {{token_speed}} tokens",
      "messages.model.title": "模型設定",
      "messages.title": "訊息設定",
@ -707,7 +732,7 @@
      },
      "shortcuts": {
        "action": "操作",
-        "alt_warning": "Mac 不能使用 Option + 字母作為快捷鍵",
+        "alt_warning": "Mac 系統中 Option 鍵只能與空白鍵組合使用",
        "clear_shortcut": "清除快捷鍵",
        "clear_topic": "清除所有訊息",
        "copy_last_message": "複製上一条消息",
@ -726,7 +751,8 @@
        "toggle_show_topics": "切換話題顯示",
        "zoom_in": "放大界面",
        "zoom_out": "縮小界面",
-        "zoom_reset": "重置縮放"
+        "zoom_reset": "重置縮放",
+        "show_settings": "打開設定"
      },
      "theme.auto": "自動",
      "theme.dark": "深色主題",
@ -746,6 +772,7 @@
    "translate": {
      "any.language": "任意語言",
      "button.translate": "翻譯",
+      "tooltip.newline": "換行",
      "close": "關閉",
      "confirm": {
        "content": "翻譯後將覆蓋原文，是否繼續？",
--- a/src/renderer/src/pages/agents/components/AddAgentPopup.tsx
+++ b/src/renderer/src/pages/agents/components/AddAgentPopup.tsx
@ -9,7 +9,7 @@ import { useSidebarIconShow } from '@renderer/hooks/useSidebarIcon'
 import { fetchGenerate } from '@renderer/services/ApiService'
 import { getDefaultModel } from '@renderer/services/AssistantService'
 import { useAppSelector } from '@renderer/store'
-import { Agent } from '@renderer/types'
+import { Agent, KnowledgeBase } from '@renderer/types'
 import { getLeadingEmoji, uuid } from '@renderer/utils'
 import { Button, Form, FormInstance, Input, Modal, Popover, Select, SelectProps } from 'antd'
 import TextArea from 'antd/es/input/TextArea'
@ -25,7 +25,7 @@ type FieldType = {
  id: string
  name: string
  prompt: string
-  knowledge_base_id: string
+  knowledge_base_ids: string[]
 }

 const PopupContainer: React.FC<Props> = ({ resolve }) => {
@ -37,8 +37,8 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
  const [emoji, setEmoji] = useState('')
  const [loading, setLoading] = useState(false)
  const knowledgeState = useAppSelector((state) => state.knowledge)
-  const knowledgeOptions: SelectProps['options'] = []
  const showKnowledgeIcon = useSidebarIconShow('knowledge')
+  const knowledgeOptions: SelectProps['options'] = []

  knowledgeState.bases.forEach((base) => {
    knowledgeOptions.push({
@ -57,7 +57,9 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
    const _agent: Agent = {
      id: uuid(),
      name: values.name,
-      knowledge_base: knowledgeState.bases.find((t) => t.id === values.knowledge_base_id),
+      knowledge_bases: values.knowledge_base_ids
+        ?.map((id) => knowledgeState.bases.find((t) => t.id === id))
+        ?.filter((base): base is KnowledgeBase => base !== undefined),
      emoji: _emoji,
      prompt: values.prompt,
      defaultModel: getDefaultModel(),
@ -154,12 +156,18 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
          />
        </div>
        {showKnowledgeIcon && (
-          <Form.Item name="knowledge_base_id" label={t('agents.add.knowledge_base')} rules={[{ required: false }]}>
+          <Form.Item name="knowledge_base_ids" label={t('agents.add.knowledge_base')} rules={[{ required: false }]}>
            <Select
+              mode="multiple"
              allowClear
              placeholder={t('agents.add.knowledge_base.placeholder')}
              menuItemSelectedIcon={<CheckOutlined />}
              options={knowledgeOptions}
+              filterOption={(input, option) =>
+                String(option?.label ?? '')
+                  .toLowerCase()
+                  .includes(input.toLowerCase())
+              }
            />
          </Form.Item>
        )}
--- a/src/renderer/src/pages/home/Inputbar/Inputbar.tsx
+++ b/src/renderer/src/pages/home/Inputbar/Inputbar.tsx
@ -27,6 +27,7 @@ import store, { useAppDispatch, useAppSelector } from '@renderer/store'
 import { setGenerating, setSearching } from '@renderer/store/runtime'
 import { Assistant, FileType, KnowledgeBase, Message, Model, Topic } from '@renderer/types'
 import { classNames, delay, getFileExtension, uuid } from '@renderer/utils'
+import { abortCompletion } from '@renderer/utils/abortController'
 import { documentExts, imageExts, textExts } from '@shared/config/constant'
 import { Button, Popconfirm, Tooltip } from 'antd'
 import TextArea, { TextAreaRef } from 'antd/es/input/TextArea'
@ -52,7 +53,6 @@ interface Props {

 let _text = ''
 let _files: FileType[] = []
-let _base: KnowledgeBase | undefined

 const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic }) => {
  const [text, setText] = useState(_text)
@ -83,10 +83,10 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic }) => {
  const [spaceClickCount, setSpaceClickCount] = useState(0)
  const spaceClickTimer = useRef<NodeJS.Timeout>()
  const [isTranslating, setIsTranslating] = useState(false)
-  const [selectedKnowledgeBase, setSelectedKnowledgeBase] = useState<KnowledgeBase | undefined>(_base)
+  const [selectedKnowledgeBases, setSelectedKnowledgeBases] = useState<KnowledgeBase[]>([])
  const [mentionModels, setMentionModels] = useState<Model[]>([])
  const [isMentionPopupOpen, setIsMentionPopupOpen] = useState(false)
-
+  const currentMessageId = useRef<string>()
  const isVision = useMemo(() => isVisionModel(model), [model])
  const supportExts = useMemo(() => [...textExts, ...documentExts, ...(isVision ? imageExts : [])], [isVision])

@ -104,7 +104,6 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic }) => {

  _text = text
  _files = files
-  _base = selectedKnowledgeBase

  const sendMessage = useCallback(async () => {
    await modelGenerating()
@ -124,8 +123,8 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic }) => {
      status: 'success'
    }

-    if (selectedKnowledgeBase) {
-      message.knowledgeBaseIds = [selectedKnowledgeBase.id]
+    if (selectedKnowledgeBases) {
+      message.knowledgeBaseIds = selectedKnowledgeBases.map((base) => base.id)
    }

    if (files.length > 0) {
@ -135,7 +134,7 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic }) => {
    if (mentionModels.length > 0) {
      message.mentions = mentionModels
    }
-
+    currentMessageId.current = message.id
    EventEmitter.emit(EVENT_NAMES.SEND_MESSAGE, message)

    setText('')
@ -144,7 +143,7 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic }) => {
    setTimeout(() => resizeTextArea(), 0)

    setExpend(false)
-  }, [inputEmpty, text, assistant.id, assistant.topics, selectedKnowledgeBase, files, mentionModels])
+  }, [inputEmpty, text, assistant.id, assistant.topics, selectedKnowledgeBases, files, mentionModels])

  const translate = async () => {
    if (isTranslating) {
@ -243,6 +242,11 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic }) => {
      sendMessage()
      return event.preventDefault()
    }
+
+    if (event.key === 'Backspace' && text.trim() === '' && mentionModels.length > 0) {
+      setMentionModels((prev) => prev.slice(0, -1))
+      return event.preventDefault()
+    }
  }

  const addNewTopic = useCallback(async () => {
@ -271,6 +275,9 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic }) => {
  }

  const onPause = () => {
+    if (currentMessageId.current) {
+      abortCompletion(currentMessageId.current)
+    }
    window.keyv.set(EVENT_NAMES.CHAT_COMPLETION_PAUSED, true)
    store.dispatch(setGenerating(false))
  }
@ -458,14 +465,15 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic }) => {
  }, [])

  useEffect(() => {
-    setSelectedKnowledgeBase(showKnowledgeIcon ? assistant.knowledge_base : undefined)
-  }, [assistant.id, assistant.knowledge_base, showKnowledgeIcon])
+    // if assistant knowledge bases are undefined return []
+    setSelectedKnowledgeBases(showKnowledgeIcon ? (assistant.knowledge_bases ?? []) : [])
+  }, [assistant.id, assistant.knowledge_bases, showKnowledgeIcon])

  const textareaRows = window.innerHeight >= 1000 || isBubbleStyle ? 2 : 1

-  const handleKnowledgeBaseSelect = (base?: KnowledgeBase) => {
-    updateAssistant({ ...assistant, knowledge_base: base })
-    setSelectedKnowledgeBase(base)
+  const handleKnowledgeBaseSelect = (bases?: KnowledgeBase[]) => {
+    updateAssistant({ ...assistant, knowledge_bases: bases })
+    setSelectedKnowledgeBases(bases ?? [])
  }

  const onMentionModel = (model: Model) => {
@ -573,7 +581,7 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic }) => {
              </Tooltip>
              {showKnowledgeIcon && (
                <KnowledgeBaseButton
-                  selectedBase={selectedKnowledgeBase}
+                  selectedBases={selectedKnowledgeBases}
                  onSelect={handleKnowledgeBaseSelect}
                  ToolbarButton={ToolbarButton}
                  disabled={files.length > 0}
--- a/src/renderer/src/pages/home/Inputbar/KnowledgeBaseButton.tsx
+++ b/src/renderer/src/pages/home/Inputbar/KnowledgeBaseButton.tsx
@ -1,71 +1,68 @@
-import { FileSearchOutlined } from '@ant-design/icons'
+import { CheckOutlined, FileSearchOutlined } from '@ant-design/icons'
 import { useAppSelector } from '@renderer/store'
 import { KnowledgeBase } from '@renderer/types'
-import { Button, Popover, Tooltip } from 'antd'
+import { Popover, Select, SelectProps, Tooltip } from 'antd'
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
 import styled from 'styled-components'

 interface Props {
-  selectedBase?: KnowledgeBase
-  onSelect: (base?: KnowledgeBase) => void
+  selectedBases?: KnowledgeBase[]
+  onSelect: (bases: KnowledgeBase[]) => void
  disabled?: boolean
  ToolbarButton?: any
 }

-const KnowledgeBaseSelector: FC<Props> = ({ selectedBase, onSelect }) => {
+const KnowledgeBaseSelector: FC<Props> = ({ selectedBases, onSelect }) => {
  const { t } = useTranslation()
  const knowledgeState = useAppSelector((state) => state.knowledge)
+  const knowledgeOptions: SelectProps['options'] = knowledgeState.bases.map((base) => ({
+    label: base.name,
+    value: base.id
+  }))

  return (
    <SelectorContainer>
      {knowledgeState.bases.length === 0 ? (
        <EmptyMessage>{t('knowledge.no_bases')}</EmptyMessage>
      ) : (
-        <>
-          {selectedBase && (
-            <Button type="link" block onClick={() => onSelect(undefined)} style={{ textAlign: 'left' }}>
-              {t('knowledge.clear_selection')}
-            </Button>
-          )}
-          {knowledgeState.bases.map((base) => (
-            <Button
-              key={base.id}
-              type={selectedBase?.id === base.id ? 'primary' : 'text'}
-              block
-              onClick={() => onSelect(base)}
-              style={{ textAlign: 'left' }}>
-              {base.name}
-            </Button>
-          ))}
-        </>
+        <Select
+          mode="multiple"
+          value={selectedBases?.map((base) => base.id)}
+          allowClear
+          placeholder={t('agents.add.knowledge_base.placeholder')}
+          menuItemSelectedIcon={<CheckOutlined />}
+          options={knowledgeOptions}
+          filterOption={(input, option) =>
+            String(option?.label ?? '')
+              .toLowerCase()
+              .includes(input.toLowerCase())
+          }
+          onChange={(ids) => {
+            const newSelected = knowledgeState.bases.filter((base) => ids.includes(base.id))
+            onSelect(newSelected)
+          }}
+          style={{ width: '200px' }}
+        />
      )}
    </SelectorContainer>
  )
 }

-const KnowledgeBaseButton: FC<Props> = ({ selectedBase, onSelect, disabled, ToolbarButton }) => {
+const KnowledgeBaseButton: FC<Props> = ({ selectedBases, onSelect, disabled, ToolbarButton }) => {
  const { t } = useTranslation()

-  if (selectedBase) {
-    return (
-      <Tooltip placement="top" title={selectedBase.name} arrow>
-        <ToolbarButton type="text" onClick={() => onSelect(undefined)}>
-          <FileSearchOutlined style={{ color: selectedBase ? 'var(--color-link)' : 'var(--color-icon)' }} />
-        </ToolbarButton>
-      </Tooltip>
-    )
-  }
-
  return (
    <Tooltip placement="top" title={t('chat.input.knowledge_base')} arrow>
      <Popover
        placement="top"
-        content={<KnowledgeBaseSelector selectedBase={selectedBase} onSelect={onSelect} />}
+        content={<KnowledgeBaseSelector selectedBases={selectedBases} onSelect={onSelect} />}
        overlayStyle={{ maxWidth: 400 }}
        trigger="click">
-        <ToolbarButton type="text" onClick={() => selectedBase && onSelect(undefined)} disabled={disabled}>
-          <FileSearchOutlined style={{ color: selectedBase ? 'var(--color-link)' : 'var(--color-icon)' }} />
+        <ToolbarButton type="text" disabled={disabled}>
+          <FileSearchOutlined
+            style={{ color: selectedBases && selectedBases?.length > 0 ? 'var(--color-link)' : 'var(--color-icon)' }}
+          />
        </ToolbarButton>
      </Popover>
    </Tooltip>
--- a/src/renderer/src/pages/home/Inputbar/MentionModelsButton.tsx
+++ b/src/renderer/src/pages/home/Inputbar/MentionModelsButton.tsx
@ -28,6 +28,8 @@ const MentionModelsButton: FC<Props> = ({ mentionModels, onMentionModel: onSelec
  const menuRef = useRef<HTMLDivElement>(null)
  const [searchText, setSearchText] = useState('')
  const itemRefs = useRef<Array<HTMLDivElement | null>>([])
+  // Add a new state to track if menu was dismissed
+  const [menuDismissed, setMenuDismissed] = useState(false)

  const setItemRef = (index: number, el: HTMLDivElement | null) => {
    itemRefs.current[index] = el
@ -44,7 +46,7 @@ const MentionModelsButton: FC<Props> = ({ mentionModels, onMentionModel: onSelec

  const handleModelSelect = (model: Model) => {
    // Check if model is already selected
-    if (mentionModels.some((selected) => selected.id === model.id)) {
+    if (mentionModels.some((selected) => getModelUniqId(selected) === getModelUniqId(model))) {
      return
    }
    onSelect(model)
@ -172,12 +174,13 @@ const MentionModelsButton: FC<Props> = ({ mentionModels, onMentionModel: onSelec
    loadPinnedModels()
  }, [])

-  // Scroll to the first menu item when the mode selection menu opens
  useLayoutEffect(() => {
-    if (isOpen && flatModelItems.length > 0 && itemRefs.current[0]) {
-      itemRefs.current[0].scrollIntoView({ block: 'nearest' })
+    if (isOpen && selectedIndex > -1 && itemRefs.current[selectedIndex]) {
+      requestAnimationFrame(() => {
+        itemRefs.current[selectedIndex]?.scrollIntoView({ block: 'nearest' })
+      })
    }
-  }, [isOpen, flatModelItems])
+  }, [isOpen, selectedIndex])

  useEffect(() => {
    const showModelSelector = () => {
@ -186,6 +189,7 @@ const MentionModelsButton: FC<Props> = ({ mentionModels, onMentionModel: onSelec
      setIsOpen(true)
      setSelectedIndex(0)
      setSearchText('')
+      setMenuDismissed(false) // Reset dismissed flag when manually showing selector
    }

    const handleKeyDown = (e: KeyboardEvent) => {
@ -209,7 +213,7 @@ const MentionModelsButton: FC<Props> = ({ mentionModels, onMentionModel: onSelec
        e.preventDefault()
        if (selectedIndex >= 0 && selectedIndex < flatModelItems.length) {
          const selectedModel = flatModelItems[selectedIndex].model
-          if (!mentionModels.some((selected) => selected.id === selectedModel.id)) {
+          if (!mentionModels.some((selected) => getModelUniqId(selected) === getModelUniqId(selectedModel))) {
            flatModelItems[selectedIndex].onClick()
          }
          setIsOpen(false)
@ -218,6 +222,7 @@ const MentionModelsButton: FC<Props> = ({ mentionModels, onMentionModel: onSelec
      } else if (e.key === 'Escape') {
        setIsOpen(false)
        setSearchText('')
+        setMenuDismissed(true) // Set dismissed flag when Escape is pressed
      }
    }

@ -230,10 +235,14 @@ const MentionModelsButton: FC<Props> = ({ mentionModels, onMentionModel: onSelec
      if (lastAtIndex === -1 || textBeforeCursor.slice(lastAtIndex + 1).includes(' ')) {
        setIsOpen(false)
        setSearchText('')
-      } else if (lastAtIndex !== -1) {
-        // Get the text after @ for search
-        const searchStr = textBeforeCursor.slice(lastAtIndex + 1)
-        setSearchText(searchStr)
+        setMenuDismissed(false) // Reset dismissed flag when @ is removed
+      } else {
+        // Only open menu if it wasn't explicitly dismissed
+        if (!menuDismissed) {
+          setIsOpen(true)
+          const searchStr = textBeforeCursor.slice(lastAtIndex + 1)
+          setSearchText(searchStr)
+        }
      }
    }

@ -252,39 +261,42 @@ const MentionModelsButton: FC<Props> = ({ mentionModels, onMentionModel: onSelec
        textArea.removeEventListener('input', handleTextChange)
      }
    }
-  }, [isOpen, selectedIndex, flatModelItems, mentionModels])
-
-  // Hide dropdown if no models available
-  if (flatModelItems.length === 0) {
-    return null
-  }
+  }, [isOpen, selectedIndex, flatModelItems, mentionModels, menuDismissed])

  const menu = (
    <div ref={menuRef} className="ant-dropdown-menu">
-      {modelMenuItems.map((group, groupIndex) => {
-        if (!group) return null
+      {flatModelItems.length > 0 ? (
+        modelMenuItems.map((group, groupIndex) => {
+          if (!group) return null

-        // Calculate the starting index for this group's items
-        const startIndex = modelMenuItems.slice(0, groupIndex).reduce((acc, g) => acc + (g?.children?.length || 0), 0)
+          // Calculate starting index for items in this group
+          const startIndex = modelMenuItems.slice(0, groupIndex).reduce((acc, g) => acc + (g?.children?.length || 0), 0)

-        return (
-          <div key={group.key} className="ant-dropdown-menu-item-group">
-            <div className="ant-dropdown-menu-item-group-title">{group.label}</div>
-            <div>
-              {group.children.map((item, idx) => (
-                <div
-                  key={item.key}
-                  ref={(el) => setItemRef(startIndex + idx, el)}
-                  className={`ant-dropdown-menu-item ${selectedIndex === startIndex + idx ? 'ant-dropdown-menu-item-selected' : ''}`}
-                  onClick={item.onClick}>
-                  <span className="ant-dropdown-menu-item-icon">{item.icon}</span>
-                  {item.label}
-                </div>
-              ))}
+          return (
+            <div key={group.key} className="ant-dropdown-menu-item-group">
+              <div className="ant-dropdown-menu-item-group-title">{group.label}</div>
+              <div>
+                {group.children.map((item, idx) => (
+                  <div
+                    key={item.key}
+                    ref={(el) => setItemRef(startIndex + idx, el)}
+                    className={`ant-dropdown-menu-item ${
+                      selectedIndex === startIndex + idx ? 'ant-dropdown-menu-item-selected' : ''
+                    }`}
+                    onClick={item.onClick}>
+                    <span className="ant-dropdown-menu-item-icon">{item.icon}</span>
+                    {item.label}
+                  </div>
+                ))}
+              </div>
            </div>
-          </div>
-        )
-      })}
+          )
+        })
+      ) : (
+        <div className="ant-dropdown-menu-item-group">
+          <div className="ant-dropdown-menu-item no-results">{t('models.no_matches')}</div>
+        </div>
+      )}
    </div>
  )

@ -334,6 +346,17 @@ const DropdownMenuStyle = createGlobalStyle`
      &::-webkit-scrollbar-track {
        background: transparent;
      }
+
+      .no-results {
+        padding: 8px 12px;
+        color: var(--color-text-3);
+        cursor: default;
+        font-size: 14px;
+        
+        &:hover {
+          background: none;
+        }
+      }
    }

    .ant-dropdown-menu-item-group {
--- a/src/renderer/src/pages/home/Inputbar/MentionModelsInput.tsx
+++ b/src/renderer/src/pages/home/Inputbar/MentionModelsInput.tsx
@ -1,4 +1,5 @@
 import { useProviders } from '@renderer/hooks/useProvider'
+import { getModelUniqId } from '@renderer/services/ModelService'
 import { Model } from '@renderer/types'
 import { Flex, Tag } from 'antd'
 import { FC } from 'react'
@ -13,14 +14,19 @@ const MentionModelsInput: FC<{
  const { t } = useTranslation()

  const getProviderName = (model: Model) => {
-    const provider = providers.find((p) => p.models?.some((m) => m.id === model.id))
+    const provider = providers.find((p) => p.id === model?.provider)
    return provider ? (provider.isSystem ? t(`provider.${provider.id}`) : provider.name) : ''
  }

  return (
    <Container gap="4px 0" wrap>
      {selectedModels.map((model) => (
-        <Tag bordered={false} color="processing" key={model.id} closable onClose={() => onRemoveModel(model)}>
+        <Tag
+          bordered={false}
+          color="processing"
+          key={getModelUniqId(model)}
+          closable
+          onClose={() => onRemoveModel(model)}>
          @{model.name} ({getProviderName(model)})
        </Tag>
      ))}
--- a/src/renderer/src/pages/home/Markdown/Artifacts.tsx
+++ b/src/renderer/src/pages/home/Markdown/Artifacts.tsx
@ -1,4 +1,4 @@
-import { DownloadOutlined, ExpandOutlined } from '@ant-design/icons'
+import { DownloadOutlined, ExpandOutlined, LinkOutlined } from '@ant-design/icons'
 import MinApp from '@renderer/components/MinApp'
 import { AppLogo } from '@renderer/config/env'
 import { extractTitle } from '@renderer/utils/formats'
@ -13,29 +13,55 @@ interface Props {

 const Artifacts: FC<Props> = ({ html }) => {
  const { t } = useTranslation()
-  const title = extractTitle(html) || 'Artifacts' + ' ' + t('chat.artifacts.button.preview')
+  const title = extractTitle(html) || 'Artifacts ' + t('chat.artifacts.button.preview')

-  const onPreview = async () => {
+  /**
+   * 在应用内打开
+   */
+  const handleOpenInApp = async () => {
    const path = await window.api.file.create('artifacts-preview.html')
    await window.api.file.write(path, html)
-
+    const filePath = `file://${path}`
    MinApp.start({
      name: title,
      logo: AppLogo,
-      url: `file://${path}`
+      url: filePath
    })
  }

+  /**
+   * 外部链接打开
+   */
+  const handleOpenExternal = async () => {
+    const path = await window.api.file.create('artifacts-preview.html')
+    await window.api.file.write(path, html)
+    const filePath = `file://${path}`
+
+    if (window.api.shell && window.api.shell.openExternal) {
+      window.api.shell.openExternal(filePath)
+    } else {
+      console.error(t('artifacts.preview.openExternal.error.content'))
+    }
+  }
+
+  /**
+   * 下载文件
+   */
  const onDownload = () => {
    window.api.file.save(`${title}.html`, html)
  }

  return (
    <Container>
-      <Button type="primary" icon={<ExpandOutlined />} onClick={onPreview} size="small">
+      <Button icon={<ExpandOutlined />} onClick={handleOpenInApp}>
        {t('chat.artifacts.button.preview')}
      </Button>
-      <Button icon={<DownloadOutlined />} onClick={onDownload} size="small">
+
+      <Button icon={<LinkOutlined />} onClick={handleOpenExternal}>
+        {t('chat.artifacts.button.openExternal')}
+      </Button>
+
+      <Button icon={<DownloadOutlined />} onClick={onDownload}>
        {t('chat.artifacts.button.download')}
      </Button>
    </Container>
--- a/src/renderer/src/pages/home/Markdown/CodeBlock.tsx
+++ b/src/renderer/src/pages/home/Markdown/CodeBlock.tsx
@ -10,6 +10,7 @@ import styled from 'styled-components'

 import Artifacts from './Artifacts'
 import Mermaid from './Mermaid'
+import { isValidPlantUML, PlantUML } from './PlantUML'
 import SvgPreview from './SvgPreview'

 interface CodeBlockProps {
@ -62,6 +63,10 @@ const CodeBlock: React.FC<CodeBlockProps> = ({ children, className }) => {
    return <Mermaid chart={children} />
  }

+  if (language === 'plantuml' && isValidPlantUML(children)) {
+    return <PlantUML diagram={children} />
+  }
+
  if (language === 'svg') {
    return (
      <CodeBlockWrapper className="code-block">
@ -149,6 +154,7 @@ const CopyButton: React.FC<{ text: string; style?: React.CSSProperties }> = ({ t
  const { t } = useTranslation()

  const onCopy = () => {
+    if (!text) return
    navigator.clipboard.writeText(text)
    window.message.success({ content: t('message.copied'), key: 'copy-code' })
    setCopied(true)
--- a/src/renderer/src/pages/home/Markdown/PlantUML.tsx
+++ b/src/renderer/src/pages/home/Markdown/PlantUML.tsx
@ -0,0 +1,286 @@
+import { CopyOutlined, LoadingOutlined } from '@ant-design/icons'
+import { TopView } from '@renderer/components/TopView'
+import { useTheme } from '@renderer/context/ThemeProvider'
+import { Button, Modal, Space, Spin, Tabs } from 'antd'
+import pako from 'pako'
+import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import styled from 'styled-components'
+
+interface PlantUMLPopupProps {
+  resolve: (data: any) => void
+  diagram: string
+}
+export function isValidPlantUML(diagram: string | null): boolean {
+  if (!diagram || !diagram.trim().startsWith('@start')) {
+    return false
+  }
+  const diagramType = diagram.match(/@start(\w+)/)?.[1]
+
+  return diagramType !== undefined && diagram.search(`@end${diagramType}`) !== -1
+}
+
+const PlantUMLServer = 'https://www.plantuml.com/plantuml'
+function encode64(data: Uint8Array) {
+  let r = ''
+  for (let i = 0; i < data.length; i += 3) {
+    if (i + 2 === data.length) {
+      r += append3bytes(data[i], data[i + 1], 0)
+    } else if (i + 1 === data.length) {
+      r += append3bytes(data[i], 0, 0)
+    } else {
+      r += append3bytes(data[i], data[i + 1], data[i + 2])
+    }
+  }
+  return r
+}
+
+function encode6bit(b: number) {
+  if (b < 10) {
+    return String.fromCharCode(48 + b)
+  }
+  b -= 10
+  if (b < 26) {
+    return String.fromCharCode(65 + b)
+  }
+  b -= 26
+  if (b < 26) {
+    return String.fromCharCode(97 + b)
+  }
+  b -= 26
+  if (b === 0) {
+    return '-'
+  }
+  if (b === 1) {
+    return '_'
+  }
+  return '?'
+}
+
+function append3bytes(b1: number, b2: number, b3: number) {
+  const c1 = b1 >> 2
+  const c2 = ((b1 & 0x3) << 4) | (b2 >> 4)
+  const c3 = ((b2 & 0xf) << 2) | (b3 >> 6)
+  const c4 = b3 & 0x3f
+  let r = ''
+  r += encode6bit(c1 & 0x3f)
+  r += encode6bit(c2 & 0x3f)
+  r += encode6bit(c3 & 0x3f)
+  r += encode6bit(c4 & 0x3f)
+  return r
+}
+/**
+ * https://plantuml.com/zh/code-javascript-synchronous
+ * To use PlantUML image generation, a text diagram description have to be :
+    1. Encoded in UTF-8
+    2. Compressed using Deflate algorithm
+    3. Reencoded in ASCII using a transformation _close_ to base64
+ */
+function encodeDiagram(diagram: string): string {
+  const utf8text = new TextEncoder().encode(diagram)
+  const compressed = pako.deflateRaw(utf8text)
+  return encode64(compressed)
+}
+
+type PlantUMLServerImageProps = {
+  format: 'png' | 'svg'
+  diagram: string
+  onClick?: React.MouseEventHandler<HTMLDivElement>
+}
+
+function getPlantUMLImageUrl(format: 'png' | 'svg', diagram: string, isDark?: boolean) {
+  const encodedDiagram = encodeDiagram(diagram)
+  if (isDark) {
+    return `${PlantUMLServer}/d${format}/${encodedDiagram}`
+  }
+  return `${PlantUMLServer}/${format}/${encodedDiagram}`
+}
+
+const PlantUMLServerImage: React.FC<PlantUMLServerImageProps> = ({ format, diagram, onClick }) => {
+  const [loading, setLoading] = useState(true)
+  const { theme } = useTheme()
+  const isDark = theme === 'dark'
+  const url = getPlantUMLImageUrl(format, diagram, isDark)
+  return (
+    <StyledPlantUML onClick={onClick}>
+      <Spin
+        spinning={loading}
+        indicator={
+          <LoadingOutlined
+            spin
+            style={{
+              fontSize: 32
+            }}
+          />
+        }>
+        <img
+          src={url}
+          onLoad={() => {
+            setLoading(false)
+          }}
+          onError={(e) => {
+            setLoading(false)
+            const target = e.target as HTMLImageElement
+            target.style.opacity = '0.5'
+            target.style.filter = 'blur(2px)'
+          }}
+        />
+      </Spin>
+    </StyledPlantUML>
+  )
+}
+
+const PlantUMLPopupCantaier: React.FC<PlantUMLPopupProps> = ({ resolve, diagram }) => {
+  const [open, setOpen] = useState(true)
+  const [downloading, setDownloading] = useState({
+    png: false,
+    svg: false
+  })
+  const [activeTab, setActiveTab] = useState('preview')
+  const { t } = useTranslation()
+  console.log(`plantuml diagram: ${diagram}`)
+  const encodedDiagram = encodeDiagram(diagram)
+  const onOk = () => {
+    setOpen(false)
+  }
+
+  const onCancel = () => {
+    setOpen(false)
+  }
+  const onClose = () => {
+    resolve({})
+  }
+  const handleDownload = (format: 'svg' | 'png') => {
+    const timestamp = Date.now()
+    const url = `${PlantUMLServer}/${format}/${encodedDiagram}`
+    setDownloading((prev) => ({ ...prev, [format]: true }))
+    const filename = `plantuml-diagram-${timestamp}.${format}`
+    downloadUrl(url, filename)
+      .catch(() => {
+        window.message.error(t('plantuml.download.failed'))
+      })
+      .finally(() => {
+        setDownloading((prev) => ({ ...prev, [format]: false }))
+      })
+  }
+
+  function handleCopy() {
+    navigator.clipboard.writeText(diagram)
+    window.message.success(t('message.copy.success'))
+  }
+
+  return (
+    <Modal
+      title={t('plantuml.title')}
+      open={open}
+      onOk={onOk}
+      onCancel={onCancel}
+      afterClose={onClose}
+      width={1000}
+      centered
+      footer={[
+        <Space key="download-buttons">
+          {activeTab === 'source' && (
+            <Button onClick={handleCopy} icon={<CopyOutlined />}>
+              {t('common.copy')}
+            </Button>
+          )}
+          {activeTab === 'preview' && (
+            <>
+              <Button onClick={() => handleDownload('svg')} loading={downloading.svg}>
+                {t('plantuml.download.svg')}
+              </Button>
+              <Button onClick={() => handleDownload('png')} loading={downloading.png}>
+                {t('plantuml.download.png')}
+              </Button>
+            </>
+          )}
+        </Space>
+      ]}>
+      <Tabs
+        activeKey={activeTab}
+        onChange={(key) => setActiveTab(key)}
+        items={[
+          {
+            key: 'preview',
+            label: t('plantuml.tabs.preview'),
+            children: <PlantUMLServerImage format="svg" diagram={diagram} />
+          },
+          {
+            key: 'source',
+            label: t('plantuml.tabs.source'),
+            children: (
+              <pre
+                style={{
+                  maxHeight: 'calc(80vh - 200px)',
+                  overflowY: 'auto',
+                  padding: '16px'
+                }}>
+                {diagram}
+              </pre>
+            )
+          }
+        ]}
+      />
+    </Modal>
+  )
+}
+
+class PlantUMLPopupTopView {
+  static topviewId = 0
+  static hide() {
+    TopView.hide('PlantUMLPopup')
+  }
+  static show(diagram: string) {
+    return new Promise<any>((resolve) => {
+      TopView.show(
+        <PlantUMLPopupCantaier
+          resolve={(v) => {
+            resolve(v)
+            this.hide()
+          }}
+          diagram={diagram}
+        />,
+        'PlantUMLPopup'
+      )
+    })
+  }
+}
+interface PlantUMLProps {
+  diagram: string
+}
+export const PlantUML: React.FC<PlantUMLProps> = ({ diagram }) => {
+  //   const { t } = useTranslation()
+  const onPreview = () => {
+    PlantUMLPopupTopView.show(diagram)
+  }
+  return <PlantUMLServerImage onClick={onPreview} format="svg" diagram={diagram} />
+}
+
+const StyledPlantUML = styled.div`
+  max-height: calc(80vh - 100px);
+  text-align: center;
+  overflow-y: auto;
+  img {
+    max-width: 100%;
+    height: auto;
+    min-height: 100px;
+    background: var(--color-code-background);
+    cursor: pointer;
+  }
+`
+async function downloadUrl(url: string, filename: string) {
+  const response = await fetch(url)
+  if (!response.ok) {
+    window.message.warning({ content: response.statusText, duration: 1.5 })
+    return
+  }
+  const blob = await response.blob()
+  const link = document.createElement('a')
+  link.href = URL.createObjectURL(blob)
+  link.download = filename
+  document.body.appendChild(link)
+  link.click()
+  document.body.removeChild(link)
+  URL.revokeObjectURL(link.href)
+}
--- a/src/renderer/src/pages/home/Messages/Message.tsx
+++ b/src/renderer/src/pages/home/Messages/Message.tsx
@ -6,8 +6,9 @@ import { useMessageStyle, useSettings } from '@renderer/hooks/useSettings'
 import { useTopic } from '@renderer/hooks/useTopic'
 import { fetchChatCompletion } from '@renderer/services/ApiService'
 import { EVENT_NAMES, EventEmitter } from '@renderer/services/EventService'
-import { getMessageModelId } from '@renderer/services/MessagesService'
-import { estimateMessageUsage } from '@renderer/services/TokenService'
+import { getContextCount, getMessageModelId } from '@renderer/services/MessagesService'
+import { getModelUniqId } from '@renderer/services/ModelService'
+import { estimateHistoryTokens, estimateMessageUsage } from '@renderer/services/TokenService'
 import { Message, Topic } from '@renderer/types'
 import { classNames, runAsyncFunction } from '@renderer/utils'
 import { Divider } from 'antd'
@ -56,7 +57,7 @@ const MessageItem: FC<Props> = ({
  const [message, setMessage] = useState(_message)
  const { t } = useTranslation()
  const { assistant, setModel } = useAssistant(message.assistantId)
-  const model = useModel(getMessageModelId(message)) || message.model
+  const model = useModel(getMessageModelId(message), message.model?.provider) || message.model
  const { isBubbleStyle } = useMessageStyle()
  const { showMessageDivider, messageFont, fontSize } = useSettings()
  const messageContainerRef = useRef<HTMLDivElement>(null)
@ -75,13 +76,22 @@ const MessageItem: FC<Props> = ({
  const messageBackground = getMessageBackground(isBubbleStyle, isAssistantMessage)

  const onEditMessage = useCallback(
-    (msg: Message) => {
+    async (msg: Message) => {
+      const usage = await estimateMessageUsage(msg)
+      msg.usage = usage
+
      setMessage(msg)
      const messages = onGetMessages?.()?.map((m) => (m.id === message.id ? msg : m))
      messages && onSetMessages?.(messages)
      topic && db.topics.update(topic.id, { messages })
+
+      if (messages) {
+        const tokensCount = await estimateHistoryTokens(assistant, messages)
+        const contextCount = getContextCount(assistant, messages)
+        EventEmitter.emit(EVENT_NAMES.ESTIMATED_TOKEN_COUNT, { tokensCount, contextCount })
+      }
    },
-    [message.id, onGetMessages, onSetMessages, topic]
+    [message.id, onGetMessages, onSetMessages, topic, assistant]
  )

  const messageHighlightHandler = (highlight: boolean = true) => {
@ -176,7 +186,7 @@ const MessageItem: FC<Props> = ({
      })}
      ref={messageContainerRef}
      style={{ ...style, alignItems: isBubbleStyle ? (isAssistantMessage ? 'start' : 'end') : undefined }}>
-      <MessageHeader message={message} assistant={assistant} model={model} key={getMessageModelId(message)} />
+      <MessageHeader message={message} assistant={assistant} model={model} key={getModelUniqId(model)} />
      <MessageContentContainer
        className="message-content-container"
        style={{ fontFamily, fontSize, background: messageBackground }}>
@ -240,6 +250,7 @@ const MessageContentContainer = styled.div`
  justify-content: space-between;
  margin-left: 46px;
  margin-top: 5px;
+  overflow-y: auto;
 `

 const MessageFooter = styled.div`
--- a/src/renderer/src/pages/home/Messages/MessageContent.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageContent.tsx
@ -1,4 +1,5 @@
 import { InfoCircleOutlined, SyncOutlined, TranslationOutlined } from '@ant-design/icons'
+import { getModelUniqId } from '@renderer/services/ModelService'
 import { Message, Model } from '@renderer/types'
 import { getBriefInfo } from '@renderer/utils'
 import { withMessageThought } from '@renderer/utils/formats'
@ -77,7 +78,7 @@ const MessageContent: React.FC<Props> = ({ message: _message, model }) => {
  return (
    <Fragment>
      <Flex gap="8px" wrap style={{ marginBottom: 10 }}>
-        {message.mentions?.map((model) => <MentionTag key={model.id}>{'@' + model.name}</MentionTag>)}
+        {message.mentions?.map((model) => <MentionTag key={getModelUniqId(model)}>{'@' + model.name}</MentionTag>)}
      </Flex>
      <MessageThought message={message} />
      <Markdown message={{ ...message, content: processedContent }} />
--- a/src/renderer/src/pages/home/Messages/MessageError.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageError.tsx
@ -1,4 +1,5 @@
 import { Message } from '@renderer/types'
+import { formatErrorMessage } from '@renderer/utils/error'
 import { Alert as AntdAlert } from 'antd'
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
@ -8,8 +9,16 @@ import Markdown from '../Markdown/Markdown'
 const MessageError: FC<{ message: Message }> = ({ message }) => {
  return (
    <>
-      <MessageErrorInfo message={message} />
      <Markdown message={message} />
+      {message.error && (
+        <Markdown
+          message={{
+            ...message,
+            content: formatErrorMessage(message.error)
+          }}
+        />
+      )}
+      <MessageErrorInfo message={message} />
    </>
  )
 }
@ -27,7 +36,7 @@ const MessageErrorInfo: FC<{ message: Message }> = ({ message }) => {
 }

 const Alert = styled(AntdAlert)`
-  margin-bottom: 15px;
+  margin: 15px 0 8px;
  padding: 10px;
  font-size: 12px;
 `
--- a/src/renderer/src/pages/home/Messages/MessageGroup.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageGroup.tsx
@ -1,17 +1,14 @@
-import { ColumnHeightOutlined, ColumnWidthOutlined, DeleteOutlined, FolderOutlined } from '@ant-design/icons'
-import ModelAvatar from '@renderer/components/Avatar/ModelAvatar'
-import { HStack } from '@renderer/components/Layout'
 import Scrollbar from '@renderer/components/Scrollbar'
 import { useSettings } from '@renderer/hooks/useSettings'
-import { EVENT_NAMES, EventEmitter } from '@renderer/services/EventService'
 import { MultiModelMessageStyle } from '@renderer/store/settings'
-import { Message, Model, Topic } from '@renderer/types'
-import { Button, Segmented as AntdSegmented } from 'antd'
-import { Dispatch, FC, SetStateAction, useEffect, useState } from 'react'
+import { Message, Topic } from '@renderer/types'
+import { Popover } from 'antd'
+import { Dispatch, FC, memo, SetStateAction, useCallback, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import styled, { css } from 'styled-components'

 import MessageItem from './Message'
+import MessageGroupMenuBar from './MessageGroupMenuBar'

 interface Props {
  messages: (Message & { index: number })[]
@ -32,7 +29,7 @@ const MessageGroup: FC<Props> = ({
  onGetMessages,
  onDeleteGroupMessages
 }) => {
-  const { multiModelMessageStyle: multiModelMessageStyleSetting } = useSettings()
+  const { multiModelMessageStyle: multiModelMessageStyleSetting, gridColumns, gridPopoverTrigger } = useSettings()
  const { t } = useTranslation()

  const [multiModelMessageStyle, setMultiModelMessageStyle] =
@ -42,8 +39,9 @@ const MessageGroup: FC<Props> = ({
  const [selectedIndex, setSelectedIndex] = useState(messageLength - 1)

  const isGrouped = messageLength > 1
+  const isHorizontal = multiModelMessageStyle === 'horizontal'

-  const onDelete = async () => {
+  const onDelete = useCallback(async () => {
    window.modal.confirm({
      title: t('message.group.delete.title'),
      content: t('message.group.delete.content'),
@ -57,116 +55,144 @@ const MessageGroup: FC<Props> = ({
        askId && onDeleteGroupMessages?.(askId)
      }
    })
-  }
+  }, [messages, onDeleteGroupMessages, t])

  useEffect(() => {
    setSelectedIndex(messageLength - 1)
  }, [messageLength])

-  const isHorizontal = multiModelMessageStyle === 'horizontal'
-
  return (
    <GroupContainer $isGrouped={isGrouped} $layout={multiModelMessageStyle}>
-      <GridContainer $count={messageLength} $layout={multiModelMessageStyle}>
-        {messages.map((message, index) => (
-          <MessageWrapper
-            $layout={multiModelMessageStyle}
-            $selected={index === selectedIndex}
-            $isGrouped={isGrouped}
-            key={message.id}
-            className={message.role === 'assistant' && isHorizontal && isGrouped ? 'group-message-wrapper' : ''}>
-            <MessageItem
-              isGrouped={isGrouped}
-              message={message}
-              topic={topic}
-              index={message.index}
-              hidePresetMessages={hidePresetMessages}
-              style={{ paddingTop: isGrouped && multiModelMessageStyle === 'horizontal' ? 0 : 15 }}
-              onSetMessages={onSetMessages}
-              onDeleteMessage={onDeleteMessage}
-              onGetMessages={onGetMessages}
-            />
-          </MessageWrapper>
-        ))}
+      <GridContainer $count={messageLength} $layout={multiModelMessageStyle} $gridColumns={gridColumns}>
+        {messages.map((message, index) => {
+          const isGridGroupMessage = multiModelMessageStyle === 'grid' && message.role === 'assistant' && isGrouped
+          if (isGridGroupMessage) {
+            return (
+              <Popover
+                content={
+                  <MessageWrapper
+                    $layout={multiModelMessageStyle}
+                    $selected={index === selectedIndex}
+                    $isGrouped={isGrouped}
+                    $isInPopover={true}
+                    key={message.id}>
+                    <MessageItem
+                      isGrouped={isGrouped}
+                      message={message}
+                      topic={topic}
+                      index={message.index}
+                      hidePresetMessages={hidePresetMessages}
+                      style={{
+                        paddingTop: isGrouped && ['horizontal', 'grid'].includes(multiModelMessageStyle) ? 0 : 15
+                      }}
+                      onSetMessages={onSetMessages}
+                      onDeleteMessage={onDeleteMessage}
+                      onGetMessages={onGetMessages}
+                    />
+                  </MessageWrapper>
+                }
+                trigger={gridPopoverTrigger}
+                styles={{ root: { maxWidth: '60vw', minWidth: '550px', overflowY: 'auto', zIndex: 1000 } }}
+                getPopupContainer={(triggerNode) => triggerNode.parentNode as HTMLElement}
+                key={message.id}>
+                <MessageWrapper
+                  $layout={multiModelMessageStyle}
+                  $selected={index === selectedIndex}
+                  $isGrouped={isGrouped}
+                  key={message.id}>
+                  <MessageItem
+                    isGrouped={isGrouped}
+                    message={message}
+                    topic={topic}
+                    index={message.index}
+                    hidePresetMessages={hidePresetMessages}
+                    style={
+                      gridPopoverTrigger === 'hover' && isGrouped
+                        ? {
+                            paddingTop: isGrouped && ['horizontal', 'grid'].includes(multiModelMessageStyle) ? 0 : 15,
+                            overflow: isGrouped ? 'hidden' : 'auto',
+                            maxHeight: isGrouped ? '280px' : 'unset'
+                          }
+                        : undefined
+                    }
+                    onSetMessages={onSetMessages}
+                    onDeleteMessage={onDeleteMessage}
+                    onGetMessages={onGetMessages}
+                  />
+                </MessageWrapper>
+              </Popover>
+            )
+          }
+          return (
+            <MessageWrapper
+              $layout={multiModelMessageStyle}
+              $selected={index === selectedIndex}
+              $isGrouped={isGrouped}
+              key={message.id}
+              className={message.role === 'assistant' && isHorizontal && isGrouped ? 'group-message-wrapper' : ''}>
+              <MessageItem
+                isGrouped={isGrouped}
+                message={message}
+                topic={topic}
+                index={message.index}
+                hidePresetMessages={hidePresetMessages}
+                style={{ paddingTop: isGrouped && ['horizontal', 'grid'].includes(multiModelMessageStyle) ? 0 : 15 }}
+                onSetMessages={onSetMessages}
+                onDeleteMessage={onDeleteMessage}
+                onGetMessages={onGetMessages}
+              />
+            </MessageWrapper>
+          )
+        })}
      </GridContainer>
      {isGrouped && (
-        <GroupMenuBar className="group-menu-bar" $layout={multiModelMessageStyle}>
-          <HStack style={{ alignItems: 'center', flex: 1, overflow: 'hidden' }}>
-            <LayoutContainer>
-              {['fold', 'vertical', 'horizontal'].map((layout) => (
-                <LayoutOption
-                  key={layout}
-                  active={multiModelMessageStyle === layout}
-                  onClick={() => setMultiModelMessageStyle(layout as MultiModelMessageStyle)}>
-                  {layout === 'fold' ? (
-                    <FolderOutlined />
-                  ) : layout === 'horizontal' ? (
-                    <ColumnWidthOutlined />
-                  ) : (
-                    <ColumnHeightOutlined />
-                  )}
-                </LayoutOption>
-              ))}
-            </LayoutContainer>
-            {multiModelMessageStyle === 'fold' && (
-              <ModelsContainer>
-                <Segmented
-                  value={selectedIndex.toString()}
-                  onChange={(value) => {
-                    setSelectedIndex(Number(value))
-                    EventEmitter.emit(EVENT_NAMES.LOCATE_MESSAGE + ':' + messages[Number(value)].id, false)
-                  }}
-                  options={messages.map((message, index) => ({
-                    label: (
-                      <SegmentedLabel>
-                        <ModelAvatar model={message.model as Model} size={20} />
-                        <ModelName>{message.model?.name}</ModelName>
-                      </SegmentedLabel>
-                    ),
-                    value: index.toString()
-                  }))}
-                  size="small"
-                />
-              </ModelsContainer>
-            )}
-          </HStack>
-          <Button
-            type="text"
-            size="small"
-            icon={<DeleteOutlined style={{ color: 'var(--color-error)' }} />}
-            onClick={onDelete}
-          />
-        </GroupMenuBar>
+        <MessageGroupMenuBar
+          multiModelMessageStyle={multiModelMessageStyle}
+          setMultiModelMessageStyle={setMultiModelMessageStyle}
+          messages={messages}
+          selectedIndex={selectedIndex}
+          setSelectedIndex={setSelectedIndex}
+          onDelete={onDelete}
+        />
      )}
    </GroupContainer>
  )
 }

 const GroupContainer = styled.div<{ $isGrouped: boolean; $layout: MultiModelMessageStyle }>`
-  padding-top: ${({ $isGrouped, $layout }) => ($isGrouped && $layout === 'horizontal' ? '15px' : '0')};
+  padding-top: ${({ $isGrouped, $layout }) => ($isGrouped && 'horizontal' === $layout ? '15px' : '0')};
 `

-const GridContainer = styled.div<{ $count: number; $layout: MultiModelMessageStyle }>`
+const GridContainer = styled.div<{ $count: number; $layout: MultiModelMessageStyle; $gridColumns: number }>`
  width: 100%;
  display: grid;
  grid-template-columns: repeat(
-    ${(props) => (['fold', 'vertical'].includes(props.$layout) ? 1 : props.$count)},
+    ${({ $layout, $count }) => (['fold', 'vertical'].includes($layout) ? 1 : $count)},
    minmax(550px, 1fr)
  );
  gap: ${({ $layout }) => ($layout === 'horizontal' ? '16px' : '0')};
  @media (max-width: 800px) {
    grid-template-columns: repeat(
-      ${(props) => (['fold', 'vertical'].includes(props.$layout) ? 1 : props.$count)},
+      ${({ $layout, $count }) => (['fold', 'vertical'].includes($layout) ? 1 : $count)},
      minmax(400px, 1fr)
    );
  }
  overflow-y: auto;
+  ${({ $gridColumns, $layout, $count }) =>
+    $layout === 'grid' &&
+    css`
+      grid-template-columns: repeat(${$count > 1 ? $gridColumns || 2 : 1}, minmax(0, 1fr));
+      grid-template-rows: auto;
+      gap: 16px;
+      margin-top: 20px;
+    `}
 `

 interface MessageWrapperProps {
-  $layout: 'fold' | 'horizontal' | 'vertical'
+  $layout: 'fold' | 'horizontal' | 'vertical' | 'grid'
  $selected: boolean
  $isGrouped: boolean
+  $isInPopover?: boolean
 }

 const MessageWrapper = styled(Scrollbar)<MessageWrapperProps>`
@ -180,6 +206,7 @@ const MessageWrapper = styled(Scrollbar)<MessageWrapperProps>`
    }
    return 'block'
  }};
+
  ${({ $layout, $isGrouped }) => {
    if ($layout === 'horizontal' && $isGrouped) {
      return css`
@ -187,82 +214,26 @@ const MessageWrapper = styled(Scrollbar)<MessageWrapperProps>`
        padding: 10px;
        border-radius: 6px;
        max-height: 600px;
-        overflow-y: auto;
        margin-bottom: 10px;
      `
    }
    return ''
  }}
+
+  ${({ $layout, $isInPopover, $isGrouped }) =>
+    $layout === 'grid' && $isGrouped
+      ? css`
+          max-height: ${$isInPopover ? '50vh' : '300px'};
+          overflow-y: auto;
+          border: 0.5px solid ${$isInPopover ? 'transparent' : 'var(--color-border)'};
+          padding: 10px;
+          border-radius: 6px;
+          background-color: var(--color-background);
+        `
+      : css`
+          overflow-y: auto;
+          border-radius: 6px;
+        `}
 `

-const GroupMenuBar = styled.div<{ $layout: MultiModelMessageStyle }>`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 10px;
-  padding: 6px 10px;
-  border-radius: 6px;
-  margin-top: 10px;
-  justify-content: space-between;
-  overflow: hidden;
-  border: 0.5px solid var(--color-border);
-  height: 40px;
-  margin-left: ${({ $layout }) => ($layout === 'horizontal' ? '0' : '40px')};
-  transition: all 0.3s ease;
-`
-
-const LayoutContainer = styled.div`
-  display: flex;
-  gap: 10px;
-  flex-direction: row;
-`
-
-const LayoutOption = styled.div<{ active: boolean }>`
-  cursor: pointer;
-  padding: 2px 10px;
-  border-radius: 4px;
-  background-color: ${({ active }) => (active ? 'var(--color-background-soft)' : 'transparent')};
-
-  &:hover {
-    background-color: ${({ active }) => (active ? 'var(--color-background-soft)' : 'var(--color-hover)')};
-  }
-`
-
-const ModelsContainer = styled(Scrollbar)`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-`
-
-const Segmented = styled(AntdSegmented)`
-  .ant-segmented-item {
-    background-color: transparent !important;
-    transition: none !important;
-    &:hover {
-      background: transparent !important;
-    }
-  }
-  .ant-segmented-thumb,
-  .ant-segmented-item-selected {
-    background-color: transparent !important;
-    border: 0.5px solid var(--color-border);
-    transition: none !important;
-  }
-`
-
-const SegmentedLabel = styled.div`
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  padding: 3px 0;
-`
-
-const ModelName = styled.span`
-  font-weight: 500;
-  font-size: 12px;
-`
-
-export default MessageGroup
+export default memo(MessageGroup)
--- a/src/renderer/src/pages/home/Messages/MessageGroupMenuBar.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageGroupMenuBar.tsx
@ -0,0 +1,161 @@
+import {
+  ColumnHeightOutlined,
+  ColumnWidthOutlined,
+  DeleteOutlined,
+  FolderOutlined,
+  NumberOutlined
+} from '@ant-design/icons'
+import ModelAvatar from '@renderer/components/Avatar/ModelAvatar'
+import { HStack } from '@renderer/components/Layout'
+import Scrollbar from '@renderer/components/Scrollbar'
+import { EVENT_NAMES, EventEmitter } from '@renderer/services/EventService'
+import { MultiModelMessageStyle } from '@renderer/store/settings'
+import { Message, Model } from '@renderer/types'
+import { Button, Segmented as AntdSegmented } from 'antd'
+import { FC, memo } from 'react'
+import styled from 'styled-components'
+
+import MessageGroupSettings from './MessageGroupSettings'
+
+interface Props {
+  multiModelMessageStyle: MultiModelMessageStyle
+  setMultiModelMessageStyle: (style: MultiModelMessageStyle) => void
+  messages: Message[]
+  selectedIndex: number
+  setSelectedIndex: (index: number) => void
+  onDelete: () => void
+}
+
+const MessageGroupMenuBar: FC<Props> = ({
+  multiModelMessageStyle,
+  setMultiModelMessageStyle,
+  messages,
+  selectedIndex,
+  setSelectedIndex,
+  onDelete
+}) => {
+  return (
+    <GroupMenuBar $layout={multiModelMessageStyle}>
+      <HStack style={{ alignItems: 'center', flex: 1, overflow: 'hidden' }}>
+        <LayoutContainer>
+          {['fold', 'vertical', 'horizontal', 'grid'].map((layout) => (
+            <LayoutOption
+              key={layout}
+              $active={multiModelMessageStyle === layout}
+              onClick={() => setMultiModelMessageStyle(layout as MultiModelMessageStyle)}>
+              {layout === 'fold' ? (
+                <FolderOutlined />
+              ) : layout === 'horizontal' ? (
+                <ColumnWidthOutlined />
+              ) : layout === 'vertical' ? (
+                <ColumnHeightOutlined />
+              ) : (
+                <NumberOutlined />
+              )}
+            </LayoutOption>
+          ))}
+        </LayoutContainer>
+        {multiModelMessageStyle === 'fold' && (
+          <ModelsContainer>
+            <Segmented
+              value={selectedIndex.toString()}
+              onChange={(value) => {
+                setSelectedIndex(Number(value))
+                EventEmitter.emit(EVENT_NAMES.LOCATE_MESSAGE + ':' + messages[Number(value)].id, false)
+              }}
+              options={messages.map((message, index) => ({
+                label: (
+                  <SegmentedLabel>
+                    <ModelAvatar model={message.model as Model} size={20} />
+                    <ModelName>{message.model?.name}</ModelName>
+                  </SegmentedLabel>
+                ),
+                value: index.toString()
+              }))}
+              size="small"
+            />
+          </ModelsContainer>
+        )}
+        {multiModelMessageStyle === 'grid' && <MessageGroupSettings />}
+      </HStack>
+      <Button
+        type="text"
+        size="small"
+        icon={<DeleteOutlined style={{ color: 'var(--color-error)' }} />}
+        onClick={onDelete}
+      />
+    </GroupMenuBar>
+  )
+}
+
+const GroupMenuBar = styled.div<{ $layout: MultiModelMessageStyle }>`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 10px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  margin-top: 10px;
+  justify-content: space-between;
+  overflow: hidden;
+  border: 0.5px solid var(--color-border);
+  height: 40px;
+  transition: all 0.3s ease;
+  background-color: var(--color-background);
+`
+
+const LayoutContainer = styled.div`
+  display: flex;
+  gap: 10px;
+  flex-direction: row;
+`
+
+const LayoutOption = styled.div<{ $active: boolean }>`
+  cursor: pointer;
+  padding: 2px 10px;
+  border-radius: 4px;
+  background-color: ${({ $active }) => ($active ? 'var(--color-background-soft)' : 'transparent')};
+
+  &:hover {
+    background-color: ${({ $active }) => ($active ? 'var(--color-background-soft)' : 'var(--color-hover)')};
+  }
+`
+
+const ModelsContainer = styled(Scrollbar)`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+`
+
+const Segmented = styled(AntdSegmented)`
+  .ant-segmented-item {
+    background-color: transparent !important;
+    transition: none !important;
+    &:hover {
+      background: transparent !important;
+    }
+  }
+  .ant-segmented-thumb,
+  .ant-segmented-item-selected {
+    background-color: transparent !important;
+    border: 0.5px solid var(--color-border);
+    transition: none !important;
+  }
+`
+
+const SegmentedLabel = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  padding: 3px 0;
+`
+
+const ModelName = styled.span`
+  font-weight: 500;
+  font-size: 12px;
+`
+
+export default memo(MessageGroupMenuBar)
--- a/src/renderer/src/pages/home/Messages/MessageGroupSettings.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageGroupSettings.tsx
@ -0,0 +1,59 @@
+import { SettingOutlined } from '@ant-design/icons'
+import { useSettings } from '@renderer/hooks/useSettings'
+import { SettingDivider } from '@renderer/pages/settings'
+import { SettingRow } from '@renderer/pages/settings'
+import { useAppDispatch } from '@renderer/store'
+import { setGridColumns, setGridPopoverTrigger } from '@renderer/store/settings'
+import { Col, Row, Select, Slider } from 'antd'
+import { Popover } from 'antd'
+import { FC, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
+const MessageGroupSettings: FC = () => {
+  const dispatch = useAppDispatch()
+  const { t } = useTranslation()
+
+  const { gridColumns, gridPopoverTrigger } = useSettings()
+  const [gridColumnsValue, setGridColumnsValue] = useState(gridColumns)
+
+  return (
+    <Popover
+      trigger={undefined}
+      showArrow
+      content={
+        <div style={{ padding: 10 }}>
+          <SettingRow>
+            <div style={{ marginRight: 10 }}>{t('settings.messages.grid_popover_trigger')}</div>
+            <Select
+              value={gridPopoverTrigger || 'hover'}
+              onChange={(value) => dispatch(setGridPopoverTrigger(value as 'hover' | 'click'))}
+              size="small">
+              <Select.Option value="hover">{t('settings.messages.grid_popover_trigger.hover')}</Select.Option>
+              <Select.Option value="click">{t('settings.messages.grid_popover_trigger.click')}</Select.Option>
+            </Select>
+          </SettingRow>
+          <SettingDivider />
+          <SettingRow>
+            <div>{t('settings.messages.grid_columns')}</div>
+          </SettingRow>
+          <Row align="middle" gutter={10}>
+            <Col span={24}>
+              <Slider
+                value={gridColumnsValue}
+                style={{ width: '100%' }}
+                onChange={(value) => setGridColumnsValue(value)}
+                onChangeComplete={(value) => dispatch(setGridColumns(value))}
+                min={2}
+                max={6}
+                step={1}
+              />
+            </Col>
+          </Row>
+        </div>
+      }>
+      <SettingOutlined style={{ marginLeft: 15, cursor: 'pointer' }} />
+    </Popover>
+  )
+}
+
+export default MessageGroupSettings
--- a/src/renderer/src/pages/home/Messages/MessageMenubar.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageMenubar.tsx
@ -60,12 +60,16 @@ const MessageMenubar: FC<Props> = (props) => {

  const isUserMessage = message.role === 'user'

-  const onCopy = useCallback(() => {
-    navigator.clipboard.writeText(removeTrailingDoubleSpaces(message.content))
-    window.message.success({ content: t('message.copied'), key: 'copy-message' })
-    setCopied(true)
-    setTimeout(() => setCopied(false), 2000)
-  }, [message.content, t])
+  const onCopy = useCallback(
+    (e: React.MouseEvent) => {
+      e.stopPropagation()
+      navigator.clipboard.writeText(removeTrailingDoubleSpaces(message.content))
+      window.message.success({ content: t('message.copied'), key: 'copy-message' })
+      setCopied(true)
+      setTimeout(() => setCopied(false), 2000)
+    },
+    [message.content, t]
+  )

  const onNewBranch = useCallback(async () => {
    await modelGenerating()
@ -195,14 +199,16 @@ const MessageMenubar: FC<Props> = (props) => {
    [message, onEdit, onNewBranch, t]
  )

-  const onRegenerate = async () => {
+  const onRegenerate = async (e: React.MouseEvent | undefined) => {
+    e?.stopPropagation?.()
    await modelGenerating()
    const selectedModel = isGrouped ? model : assistantModel
    const _message = resetAssistantMessage(message, selectedModel)
    onEditMessage?.(_message)
  }

-  const onMentionModel = async () => {
+  const onMentionModel = async (e: React.MouseEvent) => {
+    e.stopPropagation()
    await modelGenerating()
    const selectedModel = await SelectModelPopup.show({ model })
    if (!selectedModel) return
@ -216,9 +222,13 @@ const MessageMenubar: FC<Props> = (props) => {
    onEditMessage?.(_message)
  }

-  const onUseful = useCallback(() => {
-    onEditMessage?.({ ...message, useful: !message.useful })
-  }, [message, onEditMessage])
+  const onUseful = useCallback(
+    (e: React.MouseEvent) => {
+      e.stopPropagation()
+      onEditMessage?.({ ...message, useful: !message.useful })
+    },
+    [message, onEditMessage]
+  )

  return (
    <MenusBar className={`menubar ${isLastMessage && 'show'}`}>
@ -270,13 +280,14 @@ const MessageMenubar: FC<Props> = (props) => {
                key: 'translate-close',
                onClick: () => onEditMessage?.({ ...message, translatedContent: undefined })
              }
-            ]
+            ],
+            onClick: (e) => e.domEvent.stopPropagation()
          }}
          trigger={['click']}
          placement="topRight"
          arrow>
          <Tooltip title={t('chat.translate')} mouseEnterDelay={1.2}>
-            <ActionButton className="message-action-button">
+            <ActionButton className="message-action-button" onClick={(e) => e.stopPropagation()}>
              <TranslationOutlined />
            </ActionButton>
          </Tooltip>
@ -298,14 +309,25 @@ const MessageMenubar: FC<Props> = (props) => {
        <Tooltip title={t('common.delete')} mouseEnterDelay={1}>
          <ActionButton
            className="message-action-button"
-            onClick={isGrouped ? () => onDeleteMessage?.(message) : undefined}>
+            onClick={
+              isGrouped
+                ? (e) => {
+                    e.stopPropagation()
+                    onDeleteMessage?.(message)
+                  }
+                : (e) => e.stopPropagation()
+            }>
            <DeleteOutlined />
          </ActionButton>
        </Tooltip>
      </Popconfirm>
      {!isUserMessage && (
-        <Dropdown menu={{ items: dropdownItems }} trigger={['click']} placement="topRight" arrow>
-          <ActionButton className="message-action-button">
+        <Dropdown
+          menu={{ items: dropdownItems, onClick: (e) => e.domEvent.stopPropagation() }}
+          trigger={['click']}
+          placement="topRight"
+          arrow>
+          <ActionButton className="message-action-button" onClick={(e) => e.stopPropagation()}>
            <MenuOutlined />
          </ActionButton>
        </Dropdown>
--- a/src/renderer/src/pages/home/Messages/MessageThought.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageThought.tsx
@ -1,11 +1,13 @@
+import { CheckOutlined } from '@ant-design/icons'
+import { useSettings } from '@renderer/hooks/useSettings'
 import { Message } from '@renderer/types'
-import { Collapse } from 'antd'
-import { FC, useEffect, useState, useMemo } from 'react'
+import { Collapse, message as antdMessage, Tooltip } from 'antd'
+import { FC, useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import BarLoader from 'react-spinners/BarLoader'
 import styled from 'styled-components'
+
 import Markdown from '../Markdown/Markdown'
-import { useSettings } from '@renderer/hooks/useSettings'

 interface Props {
  message: Message
@ -13,9 +15,10 @@ interface Props {

 const MessageThought: FC<Props> = ({ message }) => {
  const [activeKey, setActiveKey] = useState<'thought' | ''>('thought')
+  const [copied, setCopied] = useState(false)
  const isThinking = !message.content
  const { t } = useTranslation()
-  const { messageFont, fontSize } = useSettings()
+  const { messageFont, fontSize, thoughtAutoCollapse } = useSettings()
  const fontFamily = useMemo(() => {
    return messageFont === 'serif'
      ? 'serif'
@ -23,19 +26,30 @@ const MessageThought: FC<Props> = ({ message }) => {
  }, [messageFont])

  useEffect(() => {
-    if (!isThinking) setActiveKey('')
-  }, [isThinking])
+    if (!isThinking && thoughtAutoCollapse) setActiveKey('')
+  }, [isThinking, thoughtAutoCollapse])

  if (!message.reasoning_content) {
    return null
  }

+  const copyThought = () => {
+    if (message.reasoning_content) {
+      navigator.clipboard.writeText(message.reasoning_content)
+      antdMessage.success({ content: t('message.copied'), key: 'copy-message' })
+      setCopied(true)
+      setTimeout(() => setCopied(false), 2000)
+    }
+  }
+
  const thinkingTime = message.metrics?.time_thinking_millsec || 0
  const thinkingTimeSeconds = (thinkingTime / 1000).toFixed(1)
+  const isPaused = message.status === 'paused'

  return (
    <CollapseContainer
      activeKey={activeKey}
+      size="small"
      onChange={() => setActiveKey((key) => (key ? '' : 'thought'))}
      className="message-thought-container"
      items={[
@ -46,7 +60,21 @@ const MessageThought: FC<Props> = ({ message }) => {
              <TinkingText>
                {isThinking ? t('chat.thinking') : t('chat.deeply_thought', { secounds: thinkingTimeSeconds })}
              </TinkingText>
-              {isThinking && <BarLoader color="#9254de" />}
+              {isThinking && !isPaused && <BarLoader color="#9254de" />}
+              {(!isThinking || isPaused) && (
+                <Tooltip title={t('common.copy')} mouseEnterDelay={0.8}>
+                  <ActionButton
+                    className="message-action-button"
+                    onClick={(e) => {
+                      e.stopPropagation()
+                      copyThought()
+                    }}
+                    aria-label={t('common.copy')}>
+                    {!copied && <i className="iconfont icon-copy"></i>}
+                    {copied && <CheckOutlined style={{ color: 'var(--color-primary)' }} />}
+                  </ActionButton>
+                </Tooltip>
+              )}
            </MessageTitleLabel>
          ),
          children: (
@ -76,4 +104,32 @@ const TinkingText = styled.span`
  color: var(--color-text-2);
 `

+const ActionButton = styled.button`
+  background: none;
+  border: none;
+  color: var(--color-text-2);
+  cursor: pointer;
+  padding: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: auto;
+  opacity: 0.6;
+  transition: all 0.3s;
+
+  &:hover {
+    opacity: 1;
+    color: var(--color-text);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--color-primary);
+    outline-offset: 2px;
+  }
+
+  .iconfont {
+    font-size: 14px;
+  }
+`
+
 export default MessageThought
--- a/src/renderer/src/pages/home/Messages/Messages.tsx
+++ b/src/renderer/src/pages/home/Messages/Messages.tsx
@ -166,7 +166,8 @@ const Messages: FC<Props> = ({ assistant, topic, setActiveTopic }) => {
        setMessages([])
        setDisplayMessages([])
        const defaultTopic = getDefaultTopic(assistant.id)
-        updateTopic({ ...topic, name: defaultTopic.name, messages: [] })
+        const _topic = getTopic(assistant, topic.id)
+        _topic && updateTopic({ ..._topic, name: defaultTopic.name, messages: [] })
        TopicManager.clearTopicMessages(topic.id)
      }),
      EventEmitter.on(EVENT_NAMES.EXPORT_TOPIC_IMAGE, async () => {
--- a/src/renderer/src/pages/home/Messages/Prompt.tsx
+++ b/src/renderer/src/pages/home/Messages/Prompt.tsx
@ -1,3 +1,4 @@
+import { useTheme } from '@renderer/context/ThemeProvider'
 import AssistantSettingsPopup from '@renderer/pages/settings/AssistantSettings'
 import { Assistant, Topic } from '@renderer/types'
 import { FC } from 'react'
@ -11,26 +12,30 @@ interface Props {

 const Prompt: FC<Props> = ({ assistant, topic }) => {
  const { t } = useTranslation()
+  const { theme } = useTheme()

  const prompt = assistant.prompt || t('chat.default.description')
  const topicPrompt = topic?.prompt || ''
+  const isDark = theme === 'dark'
+
  if (!prompt && !topicPrompt) {
    return null
  }
+
  return (
-    <Container className="system-prompt" onClick={() => AssistantSettingsPopup.show({ assistant })}>
+    <Container className="system-prompt" onClick={() => AssistantSettingsPopup.show({ assistant })} $isDark={isDark}>
      <Text>{prompt}</Text>
    </Container>
  )
 }

-const Container = styled.div`
+const Container = styled.div<{ $isDark: boolean }>`
  padding: 10px 20px;
-  background-color: var(--color-background-soft);
  margin: 4px 20px 0 20px;
  border-radius: 6px;
  cursor: pointer;
  border: 0.5px solid var(--color-border);
+  background-color: ${({ $isDark }) => ($isDark ? 'var(--color-background-soft)' : 'transparent')};
 `

 const Text = styled.div`
--- a/src/renderer/src/pages/home/Navbar.tsx
+++ b/src/renderer/src/pages/home/Navbar.tsx
@ -5,6 +5,7 @@ import MinAppsPopover from '@renderer/components/Popups/MinAppsPopover'
 import SearchPopup from '@renderer/components/Popups/SearchPopup'
 import { isMac, isWindows } from '@renderer/config/constant'
 import { useAssistant } from '@renderer/hooks/useAssistant'
+import { modelGenerating } from '@renderer/hooks/useRuntime'
 import { useSettings } from '@renderer/hooks/useSettings'
 import { useShortcut } from '@renderer/hooks/useShortcuts'
 import { useShowAssistants, useShowTopics } from '@renderer/hooks/useStore'
@ -47,6 +48,11 @@ const HeaderNavbar: FC<Props> = ({ activeAssistant }) => {
    SearchPopup.show()
  })

+  const handleNarrowModeToggle = async () => {
+    await modelGenerating()
+    dispatch(setNarrowMode(!narrowMode))
+  }
+
  return (
    <Navbar className="home-navbar">
      {showAssistants && (
@ -80,7 +86,7 @@ const HeaderNavbar: FC<Props> = ({ activeAssistant }) => {
          <NarrowIcon onClick={() => SearchPopup.show()}>
            <SearchOutlined />
          </NarrowIcon>
-          <NarrowIcon onClick={() => dispatch(setNarrowMode(!narrowMode))}>
+          <NarrowIcon onClick={handleNarrowModeToggle}>
            <i className="iconfont icon-icon-adaptive-width"></i>
          </NarrowIcon>
          {sidebarIcons.visible.includes('minapp') && (
--- a/src/renderer/src/pages/home/Tabs/SettingsTab.tsx
+++ b/src/renderer/src/pages/home/Tabs/SettingsTab.tsx
@ -27,7 +27,8 @@ import {
  setPasteLongTextThreshold,
  setRenderInputMessageAsMarkdown,
  setShowInputEstimatedTokens,
-  setShowMessageDivider
+  setShowMessageDivider,
+  setThoughtAutoCollapse
 } from '@renderer/store/settings'
 import { Assistant, AssistantSettings, ThemeMode, TranslateLanguageVarious } from '@renderer/types'
 import { modalConfirm } from '@renderer/utils'
@ -69,7 +70,8 @@ const SettingsTab: FC<Props> = (props) => {
    mathEngine,
    autoTranslateWithSpace,
    pasteLongTextThreshold,
-    multiModelMessageStyle
+    multiModelMessageStyle,
+    thoughtAutoCollapse
  } = useSettings()

  const onUpdateAssistantSettings = (settings: Partial<AssistantSettings>) => {
@ -261,6 +263,20 @@ const SettingsTab: FC<Props> = (props) => {
          />
        </SettingRow>
        <SettingDivider />
+        <SettingRow>
+          <SettingRowTitleSmall>
+            {t('chat.settings.thought_auto_collapse')}
+            <Tooltip title={t('chat.settings.thought_auto_collapse.tip')}>
+              <QuestionIcon style={{ marginLeft: 4 }} />
+            </Tooltip>
+          </SettingRowTitleSmall>
+          <Switch
+            size="small"
+            checked={thoughtAutoCollapse}
+            onChange={(checked) => dispatch(setThoughtAutoCollapse(checked))}
+          />
+        </SettingRow>
+        <SettingDivider />
        <SettingRow>
          <SettingRowTitleSmall>{t('message.message.style')}</SettingRowTitleSmall>
          <Select
@ -283,6 +299,7 @@ const SettingsTab: FC<Props> = (props) => {
            <Select.Option value="fold">{t('message.message.multi_model_style.fold')}</Select.Option>
            <Select.Option value="vertical">{t('message.message.multi_model_style.vertical')}</Select.Option>
            <Select.Option value="horizontal">{t('message.message.multi_model_style.horizontal')}</Select.Option>
+            <Select.Option value="grid">{t('message.message.multi_model_style.grid')}</Select.Option>
          </Select>
        </SettingRow>
        <SettingDivider />
--- a/src/renderer/src/pages/home/Tabs/TopicsTab.tsx
+++ b/src/renderer/src/pages/home/Tabs/TopicsTab.tsx
@ -11,6 +11,7 @@ import {
 import DragableList from '@renderer/components/DragableList'
 import PromptPopup from '@renderer/components/Popups/PromptPopup'
 import Scrollbar from '@renderer/components/Scrollbar'
+import { isMac } from '@renderer/config/constant'
 import { useAssistant, useAssistants } from '@renderer/hooks/useAssistant'
 import { modelGenerating } from '@renderer/hooks/useRuntime'
 import { useSettings } from '@renderer/hooks/useSettings'
@ -24,7 +25,7 @@ import { exportTopicAsMarkdown, exportTopicToNotion, topicToMarkdown } from '@re
 import { Dropdown, MenuProps, Tooltip } from 'antd'
 import dayjs from 'dayjs'
 import { findIndex } from 'lodash'
-import { FC, useCallback } from 'react'
+import { FC, useCallback, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import styled from 'styled-components'

@ -42,6 +43,42 @@ const Topics: FC<Props> = ({ assistant: _assistant, activeTopic, setActiveTopic

  const borderRadius = showTopicTime ? 12 : 'var(--list-item-border-radius)'

+  const [deletingTopicId, setDeletingTopicId] = useState<string | null>(null)
+  const deleteTimerRef = useRef<NodeJS.Timeout>()
+
+  const handleDeleteClick = useCallback((topicId: string, e: React.MouseEvent) => {
+    e.stopPropagation()
+
+    if (deleteTimerRef.current) {
+      clearTimeout(deleteTimerRef.current)
+    }
+
+    setDeletingTopicId(topicId)
+
+    deleteTimerRef.current = setTimeout(() => setDeletingTopicId(null), 2000)
+  }, [])
+
+  const onClearMessages = useCallback(() => {
+    window.keyv.set(EVENT_NAMES.CHAT_COMPLETION_PAUSED, true)
+    store.dispatch(setGenerating(false))
+    EventEmitter.emit(EVENT_NAMES.CLEAR_MESSAGES)
+  }, [])
+
+  const handleConfirmDelete = useCallback(
+    async (topic: Topic, e: React.MouseEvent) => {
+      e.stopPropagation()
+      if (assistant.topics.length === 1) {
+        return onClearMessages()
+      }
+      await modelGenerating()
+      const index = findIndex(assistant.topics, (t) => t.id === topic.id)
+      setActiveTopic(assistant.topics[index + 1 === assistant.topics.length ? index - 1 : index + 1])
+      removeTopic(topic)
+      setDeletingTopicId(null)
+    },
+    [assistant.topics, onClearMessages, removeTopic, setActiveTopic]
+  )
+
  const onPinTopic = useCallback(
    (topic: Topic) => {
      const updatedTopic = { ...topic, pinned: !topic.pinned }
@ -54,7 +91,7 @@ const Topics: FC<Props> = ({ assistant: _assistant, activeTopic, setActiveTopic
    async (topic: Topic) => {
      await modelGenerating()
      const index = findIndex(assistant.topics, (t) => t.id === topic.id)
-      setActiveTopic(assistant.topics[index + 1 === assistant.topics.length ? 0 : index + 1])
+      setActiveTopic(assistant.topics[index + 1 === assistant.topics.length ? index - 1 : index + 1])
      removeTopic(topic)
    },
    [assistant.topics, removeTopic, setActiveTopic]
@ -78,12 +115,6 @@ const Topics: FC<Props> = ({ assistant: _assistant, activeTopic, setActiveTopic
    [setActiveTopic]
  )

-  const onClearMessages = useCallback(() => {
-    window.keyv.set(EVENT_NAMES.CHAT_COMPLETION_PAUSED, true)
-    store.dispatch(setGenerating(false))
-    EventEmitter.emit(EVENT_NAMES.CLEAR_MESSAGES)
-  }, [])
-
  const getTopicMenuItems = useCallback(
    (topic: Topic) => {
      const menus: MenuProps['items'] = [
@ -219,7 +250,7 @@ const Topics: FC<Props> = ({ assistant: _assistant, activeTopic, setActiveTopic

      return menus
    },
-    [assistant, assistants, onClearMessages, onPinTopic, onDeleteTopic, onMoveTopic, t, updateTopic]
+    [assistant, assistants, onClearMessages, onDeleteTopic, onPinTopic, onMoveTopic, t, updateTopic]
  )

  return (
@ -244,17 +275,34 @@ const Topics: FC<Props> = ({ assistant: _assistant, activeTopic, setActiveTopic
                )}
                <MenuButton className="pin">{topic.pinned && <PushpinOutlined />}</MenuButton>
                {isActive && !topic.pinned && (
-                  <MenuButton
-                    className="menu"
-                    onClick={(e) => {
-                      e.stopPropagation()
-                      if (assistant.topics.length === 1) {
-                        return onClearMessages()
-                      }
-                      onDeleteTopic(topic)
-                    }}>
-                    <CloseOutlined />
-                  </MenuButton>
+                  <Tooltip
+                    placement="bottom"
+                    mouseEnterDelay={0.7}
+                    title={
+                      <div>
+                        <div style={{ fontSize: '12px', opacity: 0.8, fontStyle: 'italic' }}>
+                          {t('chat.topics.delete.shortcut', { key: isMac ? '⌘' : 'Ctrl' })}
+                        </div>
+                      </div>
+                    }>
+                    <MenuButton
+                      className="menu"
+                      onClick={(e) => {
+                        if (e.ctrlKey || e.metaKey) {
+                          handleConfirmDelete(topic, e)
+                        } else if (deletingTopicId === topic.id) {
+                          handleConfirmDelete(topic, e)
+                        } else {
+                          handleDeleteClick(topic.id, e)
+                        }
+                      }}>
+                      {deletingTopicId === topic.id ? (
+                        <DeleteOutlined style={{ color: 'var(--color-error)' }} />
+                      ) : (
+                        <CloseOutlined />
+                      )}
+                    </MenuButton>
+                  </Tooltip>
                )}
              </TopicListItem>
            </Dropdown>
--- a/src/renderer/src/pages/knowledge/KnowledgeContent.tsx
+++ b/src/renderer/src/pages/knowledge/KnowledgeContent.tsx
@ -18,7 +18,7 @@ import { useKnowledge } from '@renderer/hooks/useKnowledge'
 import FileManager from '@renderer/services/FileManager'
 import { getProviderName } from '@renderer/services/ProviderService'
 import { FileType, FileTypes, KnowledgeBase } from '@renderer/types'
-import { bookExts, documentExts, textExts } from '@shared/config/constant'
+import { bookExts, documentExts, textExts, thirdPartyApplicationExts } from '@shared/config/constant'
 import { Alert, Button, Card, Divider, message, Tag, Tooltip, Typography, Upload } from 'antd'
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
@ -35,7 +35,7 @@ interface KnowledgeContentProps {
  selectedBase: KnowledgeBase
 }

-const fileTypes = [...bookExts, ...documentExts, ...textExts]
+const fileTypes = [...bookExts, ...thirdPartyApplicationExts, ...documentExts, ...textExts]
 const KnowledgeContent: FC<KnowledgeContentProps> = ({ selectedBase }) => {
  const { t } = useTranslation()

@ -53,6 +53,7 @@ const KnowledgeContent: FC<KnowledgeContentProps> = ({ selectedBase }) => {
    addSitemap,
    removeItem,
    getProcessingStatus,
+    getDirectoryProcessingPercent,
    addNote,
    addDirectory
  } = useKnowledge(selectedBase.id || '')
@ -64,6 +65,8 @@ const KnowledgeContent: FC<KnowledgeContentProps> = ({ selectedBase }) => {
    return null
  }

+  const progressingPercent = getDirectoryProcessingPercent(base?.id)
+
  const handleAddFile = () => {
    if (disabled) {
      return
@ -217,7 +220,7 @@ const KnowledgeContent: FC<KnowledgeContentProps> = ({ selectedBase }) => {
          style={{ marginTop: 10, background: 'transparent' }}>
          <p className="ant-upload-text">{t('knowledge.drag_file')}</p>
          <p className="ant-upload-hint">
-            {t('knowledge.file_hint', { file_types: fileTypes.slice(0, 6).join(', ').replaceAll('.', '') })}
+            {t('knowledge.file_hint', { file_types: 'TXT, MD, HTML, PDF, DOCX, PPTX, XLSX, EPUB...' })}
          </p>
        </Dragger>
      </FileSection>
@ -239,7 +242,7 @@ const KnowledgeContent: FC<KnowledgeContentProps> = ({ selectedBase }) => {
                <FlexAlignCenter>
                  {item.uniqueId && <Button type="text" icon={<RefreshIcon />} onClick={() => refreshItem(item)} />}
                  <StatusIconWrapper>
-                    <StatusIcon sourceId={item.id} base={base} getProcessingStatus={getProcessingStatus} />
+                    <StatusIcon sourceId={item.id} base={base} getProcessingStatus={getProcessingStatus} type="file" />
                  </StatusIconWrapper>
                  <Button type="text" danger onClick={() => removeItem(item)} icon={<DeleteOutlined />} />
                </FlexAlignCenter>
@ -271,7 +274,13 @@ const KnowledgeContent: FC<KnowledgeContentProps> = ({ selectedBase }) => {
                <FlexAlignCenter>
                  {item.uniqueId && <Button type="text" icon={<RefreshIcon />} onClick={() => refreshItem(item)} />}
                  <StatusIconWrapper>
-                    <StatusIcon sourceId={item.id} base={base} getProcessingStatus={getProcessingStatus} />
+                    <StatusIcon
+                      sourceId={item.id}
+                      base={base}
+                      getProcessingStatus={getProcessingStatus}
+                      progressingPercent={progressingPercent}
+                      type="directory"
+                    />
                  </StatusIconWrapper>
                  <Button type="text" danger onClick={() => removeItem(item)} icon={<DeleteOutlined />} />
                </FlexAlignCenter>
@ -303,7 +312,7 @@ const KnowledgeContent: FC<KnowledgeContentProps> = ({ selectedBase }) => {
                <FlexAlignCenter>
                  {item.uniqueId && <Button type="text" icon={<RefreshIcon />} onClick={() => refreshItem(item)} />}
                  <StatusIconWrapper>
-                    <StatusIcon sourceId={item.id} base={base} getProcessingStatus={getProcessingStatus} />
+                    <StatusIcon sourceId={item.id} base={base} getProcessingStatus={getProcessingStatus} type="url" />
                  </StatusIconWrapper>
                  <Button type="text" danger onClick={() => removeItem(item)} icon={<DeleteOutlined />} />
                </FlexAlignCenter>
@ -335,7 +344,12 @@ const KnowledgeContent: FC<KnowledgeContentProps> = ({ selectedBase }) => {
                <FlexAlignCenter>
                  {item.uniqueId && <Button type="text" icon={<RefreshIcon />} onClick={() => refreshItem(item)} />}
                  <StatusIconWrapper>
-                    <StatusIcon sourceId={item.id} base={base} getProcessingStatus={getProcessingStatus} />
+                    <StatusIcon
+                      sourceId={item.id}
+                      base={base}
+                      getProcessingStatus={getProcessingStatus}
+                      type="sitemap"
+                    />
                  </StatusIconWrapper>
                  <Button type="text" danger onClick={() => removeItem(item)} icon={<DeleteOutlined />} />
                </FlexAlignCenter>
@ -362,7 +376,7 @@ const KnowledgeContent: FC<KnowledgeContentProps> = ({ selectedBase }) => {
                <FlexAlignCenter>
                  <Button type="text" onClick={() => handleEditNote(note)} icon={<EditOutlined />} />
                  <StatusIconWrapper>
-                    <StatusIcon sourceId={note.id} base={base} getProcessingStatus={getProcessingStatus} />
+                    <StatusIcon sourceId={note.id} base={base} getProcessingStatus={getProcessingStatus} type="note" />
                  </StatusIconWrapper>
                  <Button type="text" danger onClick={() => removeItem(note)} icon={<DeleteOutlined />} />
                </FlexAlignCenter>
--- a/src/renderer/src/pages/knowledge/KnowledgePage.tsx
+++ b/src/renderer/src/pages/knowledge/KnowledgePage.tsx
@ -65,6 +65,7 @@ const KnowledgePage: FC = () => {
              title: t('knowledge.delete_confirm'),
              centered: true,
              onOk: () => {
+                setSelectedBase(undefined)
                deleteKnowledgeBase(base.id)
              }
            })
--- a/src/renderer/src/pages/knowledge/components/StatusIcon.tsx
+++ b/src/renderer/src/pages/knowledge/components/StatusIcon.tsx
@ -1,6 +1,6 @@
 import { CheckCircleOutlined, CloseCircleOutlined } from '@ant-design/icons'
 import { KnowledgeBase, ProcessingStatus } from '@renderer/types'
-import { Tooltip } from 'antd'
+import { Progress, Tooltip } from 'antd'
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
 import styled from 'styled-components'
@ -9,9 +9,11 @@ interface StatusIconProps {
  sourceId: string
  base: KnowledgeBase
  getProcessingStatus: (sourceId: string) => ProcessingStatus | undefined
+  progressingPercent?: number
+  type: string
 }

-const StatusIcon: FC<StatusIconProps> = ({ sourceId, base, getProcessingStatus }) => {
+const StatusIcon: FC<StatusIconProps> = ({ sourceId, base, getProcessingStatus, progressingPercent, type }) => {
  const { t } = useTranslation()
  const status = getProcessingStatus(sourceId)
  const item = base.items.find((item) => item.id === sourceId)
@ -39,12 +41,16 @@ const StatusIcon: FC<StatusIconProps> = ({ sourceId, base, getProcessingStatus }
          <StatusDot $status="pending" />
        </Tooltip>
      )
-    case 'processing':
-      return (
+
+    case 'processing': {
+      return type === 'directory' ? (
+        <Progress type="circle" size={14} percent={Number(progressingPercent?.toFixed(0))} />
+      ) : (
        <Tooltip title={t('knowledge.status_processing')} placement="left">
          <StatusDot $status="processing" />
        </Tooltip>
      )
+    }
    case 'completed':
      return (
        <Tooltip title={t('knowledge.status_completed')} placement="left">
--- a/src/renderer/src/pages/settings/AssistantSettings/AssistantKnowledgeBaseSettings.tsx
+++ b/src/renderer/src/pages/settings/AssistantSettings/AssistantKnowledgeBaseSettings.tsx
@ -16,18 +16,14 @@ const AssistantKnowledgeBaseSettings: React.FC<Props> = ({ assistant, updateAssi
  const { t } = useTranslation()

  const knowledgeState = useAppSelector((state) => state.knowledge)
-  const knowledgeOptions: SelectProps['options'] = []
-
-  knowledgeState.bases.forEach((base) => {
-    knowledgeOptions.push({
-      label: base.name,
-      value: base.id
-    })
-  })
+  const knowledgeOptions: SelectProps['options'] = knowledgeState.bases.map((base) => ({
+    label: base.name,
+    value: base.id
+  }))

  const onUpdate = (value) => {
-    const knowledge_base = knowledgeState.bases.find((t) => t.id === value)
-    const _assistant = { ...assistant, knowledge_base }
+    const knowledge_bases = value.map((id) => knowledgeState.bases.find((b) => b.id === id))
+    const _assistant = { ...assistant, knowledge_bases }
    updateAssistant(_assistant)
  }

@ -37,12 +33,18 @@ const AssistantKnowledgeBaseSettings: React.FC<Props> = ({ assistant, updateAssi
        {t('common.knowledge_base')}
      </Box>
      <Select
+        mode="multiple"
        allowClear
-        defaultValue={assistant.knowledge_base?.id}
+        value={assistant.knowledge_bases?.map((b) => b.id)}
        placeholder={t('agents.add.knowledge_base.placeholder')}
        menuItemSelectedIcon={<CheckOutlined />}
        options={knowledgeOptions}
        onChange={(value) => onUpdate(value)}
+        filterOption={(input, option) =>
+          String(option?.label ?? '')
+            .toLowerCase()
+            .includes(input.toLowerCase())
+        }
      />
    </Container>
  )
--- a/src/renderer/src/pages/settings/AssistantSettings/AssistantModelSettings.tsx
+++ b/src/renderer/src/pages/settings/AssistantSettings/AssistantModelSettings.tsx
@ -23,7 +23,7 @@ const AssistantModelSettings: FC<Props> = ({ assistant, updateAssistant, updateA
  const [contextCount, setContextCount] = useState(assistant?.settings?.contextCount ?? DEFAULT_CONTEXTCOUNT)
  const [enableMaxTokens, setEnableMaxTokens] = useState(assistant?.settings?.enableMaxTokens ?? false)
  const [maxTokens, setMaxTokens] = useState(assistant?.settings?.maxTokens ?? 0)
-  const [reasoningEffort, setReasoningEffort] = useState(assistant?.settings?.reasoning_effort ?? 'medium')
+  const [reasoningEffort, setReasoningEffort] = useState(assistant?.settings?.reasoning_effort)
  const [streamOutput, setStreamOutput] = useState(assistant?.settings?.streamOutput ?? true)
  const [defaultModel, setDefaultModel] = useState(assistant?.defaultModel)
  const [topP, setTopP] = useState(assistant?.settings?.topP ?? 1)
@ -172,6 +172,7 @@ const AssistantModelSettings: FC<Props> = ({ assistant, updateAssistant, updateA
      setDefaultModel(selectedModel)
      updateAssistant({
        ...assistant,
+        model: selectedModel,
        defaultModel: selectedModel
      })
    }
@ -391,6 +392,7 @@ const AssistantModelSettings: FC<Props> = ({ assistant, updateAssistant, updateA
          <Radio.Button value="low">{t('assistants.settings.reasoning_effort.low')}</Radio.Button>
          <Radio.Button value="medium">{t('assistants.settings.reasoning_effort.medium')}</Radio.Button>
          <Radio.Button value="high">{t('assistants.settings.reasoning_effort.high')}</Radio.Button>
+          <Radio.Button value={undefined}>{t('assistants.settings.reasoning_effort.off')}</Radio.Button>
        </Radio.Group>
      </SettingRow>
      <Divider style={{ margin: '10px 0' }} />
--- a/src/renderer/src/pages/settings/AssistantSettings/AssistantPromptSettings.tsx
+++ b/src/renderer/src/pages/settings/AssistantSettings/AssistantPromptSettings.tsx
@ -1,6 +1,10 @@
+import 'emoji-picker-element'
+
+import EmojiPicker from '@renderer/components/EmojiPicker'
 import { Box, HStack } from '@renderer/components/Layout'
 import { Assistant, AssistantSettings } from '@renderer/types'
-import { Button, Input } from 'antd'
+import { getLeadingEmoji } from '@renderer/utils'
+import { Button, Input, Popover } from 'antd'
 import TextArea from 'antd/es/input/TextArea'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
@ -14,12 +18,19 @@ interface Props {
 }

 const AssistantPromptSettings: React.FC<Props> = ({ assistant, updateAssistant, onOk }) => {
-  const [name, setName] = useState(assistant.name)
+  const [emoji, setEmoji] = useState(getLeadingEmoji(assistant.name) || '⭐️')
+  const [name, setName] = useState(assistant.name.replace(getLeadingEmoji(assistant.name) || '', '').trim())
  const [prompt, setPrompt] = useState(assistant.prompt)
  const { t } = useTranslation()

  const onUpdate = () => {
-    const _assistant = { ...assistant, name, prompt }
+    const _assistant = { ...assistant, name: `${emoji} ${name}`.trim(), prompt }
+    updateAssistant(_assistant)
+  }
+
+  const handleEmojiSelect = (selectedEmoji: string) => {
+    setEmoji(selectedEmoji)
+    const _assistant = { ...assistant, name: `${selectedEmoji} ${name}`.trim(), prompt }
    updateAssistant(_assistant)
  }

@ -28,12 +39,18 @@ const AssistantPromptSettings: React.FC<Props> = ({ assistant, updateAssistant,
      <Box mb={8} style={{ fontWeight: 'bold' }}>
        {t('common.name')}
      </Box>
-      <Input
-        placeholder={t('common.assistant') + t('common.name')}
-        value={name}
-        onChange={(e) => setName(e.target.value)}
-        onBlur={onUpdate}
-      />
+      <HStack gap={8} alignItems="center">
+        <Popover content={<EmojiPicker onEmojiClick={handleEmojiSelect} />} arrow>
+          <Button style={{ fontSize: 20, padding: '4px 8px', minWidth: '42px', height: '32px' }}>{emoji}</Button>
+        </Popover>
+        <Input
+          placeholder={t('common.assistant') + t('common.name')}
+          value={name}
+          onChange={(e) => setName(e.target.value)}
+          onBlur={onUpdate}
+          style={{ flex: 1 }}
+        />
+      </HStack>
      <Box mt={8} mb={8} style={{ fontWeight: 'bold' }}>
        {t('common.prompt')}
      </Box>
--- a/src/renderer/src/pages/settings/DataSettings/DataSettings.tsx
+++ b/src/renderer/src/pages/settings/DataSettings/DataSettings.tsx
@ -1,12 +1,13 @@
-import { FileSearchOutlined, FolderOpenOutlined, SaveOutlined } from '@ant-design/icons'
+import { FileSearchOutlined, FolderOpenOutlined, InfoCircleOutlined, SaveOutlined } from '@ant-design/icons'
 import { Client } from '@notionhq/client'
 import { HStack } from '@renderer/components/Layout'
+import MinApp from '@renderer/components/MinApp'
 import { useTheme } from '@renderer/context/ThemeProvider'
 import { backup, reset, restore } from '@renderer/services/BackupService'
 import { RootState, useAppDispatch } from '@renderer/store'
-import { setNotionApiKey, setNotionDatabaseID } from '@renderer/store/settings'
+import { setNotionApiKey, setNotionDatabaseID, setNotionPageNameKey } from '@renderer/store/settings'
 import { AppInfo } from '@renderer/types'
-import { Button, Modal, Typography } from 'antd'
+import { Button, Modal, Tooltip, Typography } from 'antd'
 import Input from 'antd/es/input/Input'
 import { FC, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
@ -22,10 +23,9 @@ const NotionSettings: FC = () => {
  const { theme } = useTheme()
  const dispatch = useAppDispatch()

-  // 这里可以添加 Notion 相关的状态和逻辑
-  // 例如：
  const notionApiKey = useSelector((state: RootState) => state.settings.notionApiKey)
  const notionDatabaseID = useSelector((state: RootState) => state.settings.notionDatabaseID)
+  const notionPageNameKey = useSelector((state: RootState) => state.settings.notionPageNameKey)

  const handleNotionTokenChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    dispatch(setNotionApiKey(e.target.value))
@ -34,6 +34,11 @@ const NotionSettings: FC = () => {
  const handleNotionDatabaseIdChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    dispatch(setNotionDatabaseID(e.target.value))
  }
+
+  const handleNotionPageNameKeyChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    dispatch(setNotionPageNameKey(e.target.value))
+  }
+
  const handleNotionConnectionCheck = () => {
    if (notionApiKey === null) {
      window.message.error(t('settings.data.notion.check.empty_api_key'))
@ -60,36 +65,66 @@ const NotionSettings: FC = () => {
      })
  }

+  const handleNotionTitleClick = () => {
+    MinApp.start({
+      id: 'notion-help',
+      name: 'Notion Help',
+      url: 'https://docs.cherry-ai.com/advanced-basic/notion'
+    })
+  }
+
  return (
    <SettingGroup theme={theme}>
-      <SettingTitle>{t('settings.data.notion.title')}</SettingTitle>
+      <SettingTitle style={{ justifyContent: 'flex-start', gap: 10 }}>
+        {t('settings.data.notion.title')}
+        <Tooltip title={t('settings.data.notion.help')} placement="right">
+          <InfoCircleOutlined
+            style={{ color: 'var(--color-text-2)', cursor: 'pointer' }}
+            onClick={handleNotionTitleClick}
+          />
+        </Tooltip>
+      </SettingTitle>
      <SettingDivider />
      <SettingRow>
        <SettingRowTitle>{t('settings.data.notion.database_id')}</SettingRowTitle>
-        <HStack alignItems="center" gap="5px">
+        <HStack alignItems="center" gap="5px" style={{ width: 315 }}>
          <Input
            type="text"
            value={notionDatabaseID || ''}
            onChange={handleNotionDatabaseIdChange}
            onBlur={handleNotionDatabaseIdChange}
            style={{ width: 315 }}
+            placeholder={t('settings.data.notion.database_id_placeholder')}
+          />
+        </HStack>
+      </SettingRow>
+      <SettingDivider />
+      <SettingRow>
+        <SettingRowTitle>{t('settings.data.notion.page_name_key')}</SettingRowTitle>
+        <HStack alignItems="center" gap="5px" style={{ width: 315 }}>
+          <Input
+            type="text"
+            value={notionPageNameKey || ''}
+            onChange={handleNotionPageNameKeyChange}
+            onBlur={handleNotionPageNameKeyChange}
+            style={{ width: 315 }}
+            placeholder={t('settings.data.notion.page_name_key_placeholder')}
          />
        </HStack>
      </SettingRow>
      <SettingDivider />
      <SettingRow>
        <SettingRowTitle>{t('settings.data.notion.api_key')}</SettingRowTitle>
-        <HStack alignItems="center" gap="5px">
+        <HStack alignItems="center" gap="5px" style={{ width: 315 }}>
          <Input
            type="password"
            value={notionApiKey || ''}
            onChange={handleNotionTokenChange}
            onBlur={handleNotionTokenChange}
            style={{ width: 250 }}
+            placeholder={t('settings.data.notion.api_key_placeholder')}
          />
-          <Button onClick={handleNotionConnectionCheck} style={{ width: 60 }}>
-            {t('settings.data.notion.check.button')}
-          </Button>
+          <Button onClick={handleNotionConnectionCheck}>{t('settings.data.notion.check.button')}</Button>
        </HStack>
      </SettingRow>
      <SettingDivider /> {/* 添加分割线 */}
--- a/src/renderer/src/pages/settings/DataSettings/WebDavSettings.tsx
+++ b/src/renderer/src/pages/settings/DataSettings/WebDavSettings.tsx
@ -40,7 +40,7 @@ const WebDavSettings: FC = () => {

  const dispatch = useAppDispatch()

-  const { t, i18n } = useTranslation()
+  const { t } = useTranslation()

  const { webdavSync } = useRuntime()

@ -163,7 +163,6 @@ const WebDavSettings: FC = () => {
      <SettingRow>
        <SettingRowTitle>{t('settings.general.backup.title')}</SettingRowTitle>
        <HStack gap="5px" justifyContent="space-between">
-          {/* 添加 在线备份 在线还原 按钮 */}
          <Button onClick={onBackup} icon={<SaveOutlined />} loading={backuping}>
            {t('settings.data.webdav.backup.button')}
          </Button>
@ -177,19 +176,15 @@ const WebDavSettings: FC = () => {
        <SettingRowTitle>{t('settings.data.webdav.autoSync')}</SettingRowTitle>
        <Select value={syncInterval} onChange={onSyncIntervalChange} disabled={!webdavHost} style={{ width: 120 }}>
          <Select.Option value={0}>{t('settings.data.webdav.autoSync.off')}</Select.Option>
-          <Select.Option value={1}>
-            1 {i18n.language === 'en-US' ? t('settings.data.webdav.minute') : t('settings.data.webdav.minutes')}
-          </Select.Option>
-          <Select.Option value={5}>5 {t('settings.data.webdav.minutes')}</Select.Option>
-          <Select.Option value={15}>15 {t('settings.data.webdav.minutes')}</Select.Option>
-          <Select.Option value={30}>30 {t('settings.data.webdav.minutes')}</Select.Option>
-          <Select.Option value={60}>
-            1 {i18n.language === 'en-US' ? t('settings.data.webdav.hour') : t('settings.data.webdav.hours')}
-          </Select.Option>
-          <Select.Option value={120}>2 {t('settings.data.webdav.hours')}</Select.Option>
-          <Select.Option value={360}>6 {t('settings.data.webdav.hours')}</Select.Option>
-          <Select.Option value={720}>12 {t('settings.data.webdav.hours')}</Select.Option>
-          <Select.Option value={1440}>24 {t('settings.data.webdav.hours')}</Select.Option>
+          <Select.Option value={1}>{t('settings.data.webdav.minute_interval', { count: 1 })}</Select.Option>
+          <Select.Option value={5}>{t('settings.data.webdav.minute_interval', { count: 5 })}</Select.Option>
+          <Select.Option value={15}>{t('settings.data.webdav.minute_interval', { count: 15 })}</Select.Option>
+          <Select.Option value={30}>{t('settings.data.webdav.minute_interval', { count: 30 })}</Select.Option>
+          <Select.Option value={60}>{t('settings.data.webdav.hour_interval', { count: 1 })}</Select.Option>
+          <Select.Option value={120}>{t('settings.data.webdav.hour_interval', { count: 2 })}</Select.Option>
+          <Select.Option value={360}>{t('settings.data.webdav.hour_interval', { count: 6 })}</Select.Option>
+          <Select.Option value={720}>{t('settings.data.webdav.hour_interval', { count: 12 })}</Select.Option>
+          <Select.Option value={1440}>{t('settings.data.webdav.hour_interval', { count: 24 })}</Select.Option>
        </Select>
      </SettingRow>
      {webdavSync && syncInterval > 0 && (
--- a/src/renderer/src/pages/settings/DisplaySettings/MiniAppIconsManager.tsx
+++ b/src/renderer/src/pages/settings/DisplaySettings/MiniAppIconsManager.tsx
@ -23,50 +23,6 @@ interface MiniAppManagerProps {

 type ListType = 'visible' | 'disabled'

-// 添加 reorderLists 函数的接口定义
-interface ReorderListsParams {
-  sourceList: MinAppType[]
-  destList: MinAppType[]
-  sourceIndex: number
-  destIndex: number
-  isSameList: boolean
-}
-
-interface ReorderListsResult {
-  sourceList: MinAppType[]
-  destList: MinAppType[]
-}
-
-// 添加 reorderLists 函数
-const reorderLists = ({
-  sourceList,
-  destList,
-  sourceIndex,
-  destIndex,
-  isSameList
-}: ReorderListsParams): ReorderListsResult => {
-  if (isSameList) {
-    // 在同一列表内重新排序
-    const newList = [...sourceList]
-    const [removed] = newList.splice(sourceIndex, 1)
-    newList.splice(destIndex, 0, removed)
-    return {
-      sourceList: newList,
-      destList: destList
-    }
-  } else {
-    // 在不同列表间移动
-    const newSourceList = [...sourceList]
-    const [removed] = newSourceList.splice(sourceIndex, 1)
-    const newDestList = [...destList]
-    newDestList.splice(destIndex, 0, removed)
-    return {
-      sourceList: newSourceList,
-      destList: newDestList
-    }
-  }
-}
-
 const MiniAppIconsManager: FC<MiniAppManagerProps> = ({
  visibleMiniApps,
  disabledMiniApps,
@ -92,25 +48,35 @@ const MiniAppIconsManager: FC<MiniAppManagerProps> = ({
      if (!result.destination) return

      const { source, destination } = result
-      const sourceList = source.droppableId as ListType
-      const destList = destination.droppableId as ListType

-      if (source.droppableId === destination.droppableId) return
+      if (source.droppableId === destination.droppableId) {
+        // 在同一列表内重新排序
+        const list = source.droppableId === 'visible' ? [...visibleMiniApps] : [...disabledMiniApps]
+        const [removed] = list.splice(source.index, 1)
+        list.splice(destination.index, 0, removed)

-      const newLists = reorderLists({
-        sourceList: sourceList === 'visible' ? visibleMiniApps : disabledMiniApps,
-        destList: destList === 'visible' ? visibleMiniApps : disabledMiniApps,
-        sourceIndex: source.index,
-        destIndex: destination.index,
-        isSameList: sourceList === destList
-      })
+        if (source.droppableId === 'visible') {
+          handleListUpdate(list, disabledMiniApps)
+        } else {
+          handleListUpdate(visibleMiniApps, list)
+        }
+        return
+      }

-      handleListUpdate(
-        sourceList === 'visible' ? newLists.sourceList : newLists.destList,
-        sourceList === 'visible' ? newLists.destList : newLists.sourceList
-      )
+      // 在不同列表间移动
+      const sourceList = source.droppableId === 'visible' ? [...visibleMiniApps] : [...disabledMiniApps]
+      const destList = destination.droppableId === 'visible' ? [...visibleMiniApps] : [...disabledMiniApps]
+
+      const [removed] = sourceList.splice(source.index, 1)
+      const targetList = destList.filter((app) => app.id !== removed.id)
+      targetList.splice(destination.index, 0, removed)
+
+      const newVisibleMiniApps = destination.droppableId === 'visible' ? targetList : sourceList
+      const newDisabledMiniApps = destination.droppableId === 'disabled' ? targetList : sourceList
+
+      handleListUpdate(newVisibleMiniApps, newDisabledMiniApps)
    },
-    [disabledMiniApps, handleListUpdate, visibleMiniApps]
+    [visibleMiniApps, disabledMiniApps, handleListUpdate]
  )

  const onMoveMiniApp = useCallback(
@ -153,17 +119,15 @@ const MiniAppIconsManager: FC<MiniAppManagerProps> = ({
            <Droppable droppableId={listType}>
              {(provided: DroppableProvided) => (
                <ProgramList ref={provided.innerRef} {...provided.droppableProps}>
-                  <ScrollContainer>
-                    {(listType === 'visible' ? visibleMiniApps : disabledMiniApps).map((program, index) => (
-                      <Draggable key={program.id} draggableId={String(program.id)} index={index}>
-                        {(provided: DraggableProvided) => renderProgramItem(program, provided, listType)}
-                      </Draggable>
-                    ))}
-                    {disabledMiniApps.length === 0 && listType === 'disabled' && (
-                      <EmptyPlaceholder>{t('settings.display.minApp.empty')}</EmptyPlaceholder>
-                    )}
-                    {provided.placeholder}
-                  </ScrollContainer>
+                  {(listType === 'visible' ? visibleMiniApps : disabledMiniApps).map((program, index) => (
+                    <Draggable key={program.id} draggableId={String(program.id)} index={index}>
+                      {(provided: DraggableProvided) => renderProgramItem(program, provided, listType)}
+                    </Draggable>
+                  ))}
+                  {disabledMiniApps.length === 0 && listType === 'disabled' && (
+                    <EmptyPlaceholder>{t('settings.display.minApp.empty')}</EmptyPlaceholder>
+                  )}
+                  {provided.placeholder}
                </ProgramList>
              )}
            </Droppable>
@ -181,12 +145,6 @@ const AppLogo = styled.img`
  object-fit: contain;
 `

-const ScrollContainer = styled.div`
-  overflow-y: auto;
-  height: 100%;
-  padding-right: 5px;
-`
-
 const ProgramSection = styled.div`
  display: flex;
  gap: 20px;
@ -208,13 +166,29 @@ const ProgramList = styled.div`
  height: 365px;
  min-height: 365px;
  padding: 10px;
-  padding-right: 5px;
  background: var(--color-background-soft);
  border-radius: 8px;
  border: 1px solid var(--color-border);
-  display: flex;
-  flex-direction: column;
-  overflow-y: hidden;
+  overflow-y: auto;
+
+  scroll-behavior: smooth;
+
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: var(--color-border);
+    border-radius: 3px;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background: var(--color-border-hover);
+  }
 `

 const ProgramItem = styled.div`
--- a/src/renderer/src/pages/settings/ProviderSettings/ProviderSetting.tsx
+++ b/src/renderer/src/pages/settings/ProviderSettings/ProviderSetting.tsx
@ -10,7 +10,7 @@ import {
 import { HStack } from '@renderer/components/Layout'
 import ModelTags from '@renderer/components/ModelTags'
 import OAuthButton from '@renderer/components/OAuth/OAuthButton'
-import { EMBEDDING_REGEX, getModelLogo, REASONING_REGEX, VISION_REGEX } from '@renderer/config/models'
+import { getModelLogo, isEmbeddingModel, isReasoningModel, isVisionModel } from '@renderer/config/models'
 import { PROVIDER_CONFIG } from '@renderer/config/providers'
 import { useTheme } from '@renderer/context/ThemeProvider'
 import { useAssistants, useDefaultModel } from '@renderer/hooks/useAssistant'
@ -192,9 +192,9 @@ const ProviderSetting: FC<Props> = ({ provider: _provider }) => {
  const modelTypeContent = (model: Model) => {
    // 获取默认选中的类型
    const defaultTypes = [
-      ...(VISION_REGEX.test(model.id) ? ['vision'] : []),
-      ...(EMBEDDING_REGEX.test(model.id) ? ['embedding'] : []),
-      ...(REASONING_REGEX.test(model.id) ? ['reasoning'] : [])
+      ...(isVisionModel(model) ? ['vision'] : []),
+      ...(isEmbeddingModel(model) ? ['embedding'] : []),
+      ...(isReasoningModel(model) ? ['reasoning'] : [])
    ] as ModelType[]

    // 合并现有选择和默认类型
@ -206,9 +206,21 @@ const ProviderSetting: FC<Props> = ({ provider: _provider }) => {
          value={selectedTypes}
          onChange={(types) => onUpdateModelTypes(model, types as ModelType[])}
          options={[
-            { label: t('models.type.vision'), value: 'vision', disabled: VISION_REGEX.test(model.id) },
-            { label: t('models.type.embedding'), value: 'embedding', disabled: EMBEDDING_REGEX.test(model.id) },
-            { label: t('models.type.reasoning'), value: 'reasoning', disabled: REASONING_REGEX.test(model.id) }
+            {
+              label: t('models.type.vision'),
+              value: 'vision',
+              disabled: isVisionModel(model)
+            },
+            {
+              label: t('models.type.embedding'),
+              value: 'embedding',
+              disabled: isEmbeddingModel(model)
+            },
+            {
+              label: t('models.type.reasoning'),
+              value: 'reasoning',
+              disabled: isReasoningModel(model)
+            }
          ]}
        />
      </div>
--- a/src/renderer/src/pages/settings/ShortcutSettings.tsx
+++ b/src/renderer/src/pages/settings/ShortcutSettings.tsx
@ -59,7 +59,8 @@ const ShortcutSettings: FC = () => {
    const hasModifier = keys.some((key) => ['Control', 'Ctrl', 'Command', 'Alt', 'Shift'].includes(key))
    const hasNonModifier = keys.some((key) => !['Control', 'Ctrl', 'Command', 'Alt', 'Shift'].includes(key))

-    if (isMac && keys.includes('Alt')) {
+    // only allows option + space
+    if (isMac && keys[0] === 'Alt' && !['Space', undefined].includes(keys[1])) {
      window.message.warning({
        content: t('settings.shortcuts.alt_warning'),
        key: 'shortcut-alt-warning'
--- a/src/renderer/src/pages/translate/TranslatePage.tsx
+++ b/src/renderer/src/pages/translate/TranslatePage.tsx
@ -1,18 +1,27 @@
-import { CheckOutlined, SendOutlined, SettingOutlined, SwapOutlined, WarningOutlined } from '@ant-design/icons'
+import {
+  CheckOutlined,
+  DeleteOutlined,
+  HistoryOutlined,
+  SendOutlined,
+  SettingOutlined,
+  WarningOutlined
+} from '@ant-design/icons'
 import { Navbar, NavbarCenter } from '@renderer/components/app/Navbar'
 import CopyIcon from '@renderer/components/Icons/CopyIcon'
 import { isLocalAi } from '@renderer/config/env'
-import { TranslateLanguageOptions } from '@renderer/config/translate'
+import { translateLanguageOptions } from '@renderer/config/translate'
 import db from '@renderer/databases'
 import { useDefaultModel } from '@renderer/hooks/useAssistant'
 import { fetchTranslate } from '@renderer/services/ApiService'
 import { getDefaultTranslateAssistant } from '@renderer/services/AssistantService'
-import { Assistant, Message } from '@renderer/types'
+import { Assistant, Message, TranslateHistory } from '@renderer/types'
 import { runAsyncFunction, uuid } from '@renderer/utils'
-import { Button, Select, Space } from 'antd'
-import TextArea from 'antd/es/input/TextArea'
+import { Button, Dropdown, Empty, Flex, Popconfirm, Select, Space, Tooltip } from 'antd'
+import TextArea, { TextAreaRef } from 'antd/es/input/TextArea'
+import dayjs from 'dayjs'
+import { useLiveQuery } from 'dexie-react-hooks'
 import { isEmpty } from 'lodash'
-import { FC, useEffect, useState } from 'react'
+import { FC, useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Link } from 'react-router-dom'
 import styled from 'styled-components'
@ -29,11 +38,42 @@ const TranslatePage: FC = () => {
  const { translateModel } = useDefaultModel()
  const [loading, setLoading] = useState(false)
  const [copied, setCopied] = useState(false)
+  const [historyDrawerVisible, setHistoryDrawerVisible] = useState(false)
+  const contentContainerRef = useRef<HTMLDivElement>(null)
+  const textAreaRef = useRef<TextAreaRef>(null)
+
+  const translateHistory = useLiveQuery(() => db.translate_history.orderBy('createdAt').reverse().toArray(), [])

  _text = text
  _result = result
  _targetLanguage = targetLanguage

+  const saveTranslateHistory = async (
+    sourceText: string,
+    targetText: string,
+    sourceLanguage: string,
+    targetLanguage: string
+  ) => {
+    const history: TranslateHistory = {
+      id: uuid(),
+      sourceText,
+      targetText,
+      sourceLanguage,
+      targetLanguage,
+      createdAt: new Date().toISOString()
+    }
+    console.log('🌟TEO🌟 ~ saveTranslateHistory ~ history:', history)
+    await db.translate_history.add(history)
+  }
+
+  const deleteHistory = async (id: string) => {
+    db.translate_history.delete(id)
+  }
+
+  const clearHistory = async () => {
+    db.translate_history.clear()
+  }
+
  const onTranslate = async () => {
    if (!text.trim()) {
      return
@ -62,7 +102,17 @@ const TranslatePage: FC = () => {
    }

    setLoading(true)
-    await fetchTranslate({ message, assistant, onResponse: (text) => setResult(text) })
+    let translatedText = ''
+    await fetchTranslate({
+      message,
+      assistant,
+      onResponse: (text) => {
+        translatedText = text
+        setResult(text)
+      }
+    })
+
+    await saveTranslateHistory(text, translatedText, 'any', targetLanguage)
    setLoading(false)
  }

@ -72,6 +122,12 @@ const TranslatePage: FC = () => {
    setTimeout(() => setCopied(false), 2000)
  }

+  const onHistoryItemClick = (history: TranslateHistory) => {
+    setText(history.sourceText)
+    setResult(history.targetText)
+    setTargetLanguage(history.targetLanguage)
+  }
+
  useEffect(() => {
    isEmpty(text) && setResult('')
  }, [text])
@ -83,6 +139,13 @@ const TranslatePage: FC = () => {
    })
  }, [])

+  const onKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
+    if (e.key === 'Enter' && !e.shiftKey && !e.ctrlKey && !e.metaKey) {
+      e.preventDefault()
+      onTranslate()
+    }
+  }
+
  const SettingButton = () => {
    if (isLocalAi) {
      return null
@ -109,104 +172,163 @@ const TranslatePage: FC = () => {
  }

  return (
-    <Container>
+    <Container id="translate-page">
      <Navbar>
-        <NavbarCenter style={{ borderRight: 'none' }}>{t('translate.title')}</NavbarCenter>
+        <NavbarCenter style={{ borderRight: 'none', gap: 10 }}>
+          {t('translate.title')}
+          <Button
+            className="nodrag"
+            color="default"
+            variant={historyDrawerVisible ? 'filled' : 'text'}
+            type="text"
+            icon={<HistoryOutlined />}
+            onClick={() => setHistoryDrawerVisible(!historyDrawerVisible)}
+          />
+        </NavbarCenter>
      </Navbar>
-      <ContentContainer id="content-container">
-        <MenuContainer>
-          <Select
-            showSearch
-            value="any"
-            style={{ width: 180 }}
-            optionFilterProp="label"
-            disabled
-            options={[{ label: t('translate.any.language'), value: 'any' }]}
-          />
-          <SwapOutlined />
-          <Select
-            showSearch
-            value={targetLanguage}
-            style={{ width: 180 }}
-            optionFilterProp="label"
-            options={TranslateLanguageOptions}
-            onChange={(value) => {
-              setTargetLanguage(value)
-              db.settings.put({ id: 'translate:target:language', value })
-            }}
-            optionRender={(option) => (
-              <Space>
-                <span role="img" aria-label={option.data.label}>
-                  {option.data.emoji}
-                </span>
-                {option.label}
-              </Space>
+      <ContentContainer id="content-container" ref={contentContainerRef} $historyDrawerVisible={historyDrawerVisible}>
+        <HistoryContainner $historyDrawerVisible={historyDrawerVisible}>
+          <OperationBar>
+            <span style={{ fontSize: 16 }}>{t('translate.history.title')}</span>
+            {!isEmpty(translateHistory) && (
+              <Popconfirm
+                title={t('translate.history.clear')}
+                description={t('translate.history.clear_description')}
+                onConfirm={clearHistory}>
+                <Button type="text" size="small" danger icon={<DeleteOutlined />}>
+                  {t('translate.history.clear')}
+                </Button>
+              </Popconfirm>
            )}
+          </OperationBar>
+          {translateHistory && translateHistory.length ? (
+            <HistoryList>
+              {translateHistory.map((item) => (
+                <Dropdown
+                  key={item.id}
+                  trigger={['contextMenu']}
+                  menu={{
+                    items: [
+                      {
+                        key: 'delete',
+                        label: t('translate.history.delete'),
+                        icon: <DeleteOutlined />,
+                        danger: true,
+                        onClick: () => deleteHistory(item.id)
+                      }
+                    ]
+                  }}>
+                  <HistoryListItem onClick={() => onHistoryItemClick(item)}>
+                    <Flex justify="space-between" vertical gap={4} style={{ width: '100%' }}>
+                      <HistoryListItemTitle>{item.sourceText}</HistoryListItemTitle>
+                      <HistoryListItemTitle>{item.targetText}</HistoryListItemTitle>
+                      <HistoryListItemDate>{dayjs(item.createdAt).format('MM/DD HH:mm')}</HistoryListItemDate>
+                    </Flex>
+                  </HistoryListItem>
+                </Dropdown>
+              ))}
+            </HistoryList>
+          ) : (
+            <Flex justify="center" align="center" style={{ flex: 1 }}>
+              <Empty description={t('translate.history.empty')} />
+            </Flex>
+          )}
+        </HistoryContainner>
+
+        <InputContainer>
+          <OperationBar>
+            <Flex align="center" gap={20}>
+              <Select
+                showSearch
+                value="any"
+                style={{ width: 180 }}
+                optionFilterProp="label"
+                disabled
+                options={[{ label: t('translate.any.language'), value: 'any' }]}
+              />
+              <SettingButton />
+            </Flex>
+
+            <Tooltip
+              mouseEnterDelay={0.5}
+              styles={{ body: { fontSize: '12px' } }}
+              title={
+                <div style={{ textAlign: 'center' }}>
+                  Enter: {t('translate.button.translate')}
+                  <br />
+                  Shift + Enter: {t('translate.tooltip.newline')}
+                </div>
+              }>
+              <TranslateButton
+                type="primary"
+                loading={loading}
+                onClick={onTranslate}
+                disabled={!text.trim()}
+                icon={<SendOutlined />}>
+                {t('translate.button.translate')}
+              </TranslateButton>
+            </Tooltip>
+          </OperationBar>
+
+          <Textarea
+            ref={textAreaRef}
+            variant="borderless"
+            placeholder={t('translate.input.placeholder')}
+            value={text}
+            onChange={(e) => setText(e.target.value)}
+            onKeyDown={onKeyDown}
+            disabled={loading}
+            spellCheck={false}
+            allowClear
          />
-          <SettingButton />
-        </MenuContainer>
-        <TranslateInputWrapper>
-          <InputContainer>
-            <Textarea
-              variant="borderless"
-              placeholder={t('translate.input.placeholder')}
-              value={text}
-              onChange={(e) => setText(e.target.value)}
-              disabled={loading}
-              spellCheck={false}
-              allowClear
+        </InputContainer>
+
+        <OutputContainer>
+          <OperationBar>
+            <Select
+              showSearch
+              value={targetLanguage}
+              style={{ width: 180 }}
+              optionFilterProp="label"
+              options={translateLanguageOptions()}
+              onChange={(value) => {
+                setTargetLanguage(value)
+                db.settings.put({ id: 'translate:target:language', value })
+              }}
+              optionRender={(option) => (
+                <Space>
+                  <span role="img" aria-label={option.data.label}>
+                    {option.data.emoji}
+                  </span>
+                  {option.label}
+                </Space>
+              )}
            />
-            <TranslateButton
-              type="primary"
-              loading={loading}
-              onClick={onTranslate}
-              disabled={!text.trim()}
-              icon={<SendOutlined />}>
-              {t('translate.button.translate')}
-            </TranslateButton>
-          </InputContainer>
-          <OutputContainer>
-            <OutputText>{result || t('translate.output.placeholder')}</OutputText>
            <CopyButton
              onClick={onCopy}
              disabled={!result}
              icon={copied ? <CheckOutlined style={{ color: 'var(--color-primary)' }} /> : <CopyIcon />}
            />
-          </OutputContainer>
-        </TranslateInputWrapper>
+          </OperationBar>
+
+          <OutputText>{result || t('translate.output.placeholder')}</OutputText>
+        </OutputContainer>
      </ContentContainer>
    </Container>
  )
 }

 const Container = styled.div`
-  display: flex;
  flex: 1;
-  flex-direction: column;
-  height: 100%;
 `

-const ContentContainer = styled.div`
-  display: flex;
+const ContentContainer = styled.div<{ $historyDrawerVisible: boolean }>`
+  height: calc(100vh - var(--navbar-height));
+  display: grid;
+  grid-template-columns: auto 1fr 1fr;
  flex: 1;
-  flex-direction: column;
-  height: 100%;
-  padding: 20px;
-`
-
-const MenuContainer = styled.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  margin-bottom: 15px;
-  gap: 20px;
-`
-
-const TranslateInputWrapper = styled.div`
-  display: flex;
-  flex-direction: row;
-  min-height: 350px;
-  gap: 20px;
+  padding: 20px 15px;
+  position: relative;
 `

 const InputContainer = styled.div`
@ -214,52 +336,136 @@ const InputContainer = styled.div`
  display: flex;
  flex: 1;
  flex-direction: column;
-  height: 100%;
  border: 1px solid var(--color-border-soft);
  border-radius: 10px;
+  padding-bottom: 5px;
+  padding-right: 2px;
+  margin-right: 15px;
+`
+
+const OperationBar = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20px;
+  padding: 10px 8px 10px 10px;
 `

 const Textarea = styled(TextArea)`
  display: flex;
  flex: 1;
-  padding: 20px;
  font-size: 16px;
-  overflow: auto;
+  border-radius: 0;
  .ant-input {
    resize: none;
-    padding: 15px 20px;
+    padding: 5px 16px;
+  }
+  .ant-input-clear-icon {
+    font-size: 16px;
  }
 `

 const OutputContainer = styled.div`
+  min-height: 0;
  position: relative;
  display: flex;
-  flex: 1;
  flex-direction: column;
-  height: 100%;
-  padding: 10px;
  background-color: var(--color-background-soft);
  border-radius: 10px;
+  padding-bottom: 5px;
+  padding-right: 2px;
 `

 const OutputText = styled.div`
-  padding: 5px 10px;
-  max-height: calc(100vh - var(--navbar-height) - 120px);
-  overflow: auto;
+  min-height: 0;
+  flex: 1;
+  padding: 5px 16px;
+  overflow-y: auto;
  white-space: pre-wrap;
 `

-const TranslateButton = styled(Button)`
-  position: absolute;
-  right: 15px;
-  bottom: 15px;
-  z-index: 10;
+const TranslateButton = styled(Button)``
+
+const CopyButton = styled(Button)``
+
+const HistoryContainner = styled.div<{ $historyDrawerVisible: boolean }>`
+  width: ${({ $historyDrawerVisible }) => ($historyDrawerVisible ? '300px' : '0')};
+  height: calc(100vh - var(--navbar-height) - 40px);
+  transition:
+    width 0.2s,
+    opacity 0.2s;
+  border: 1px solid var(--color-border-soft);
+  border-radius: 10px;
+  margin-right: 15px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  padding-right: 2px;
+  padding-bottom: 5px;
+
+  ${({ $historyDrawerVisible }) =>
+    !$historyDrawerVisible &&
+    `
+    border: none;
+    margin-right: 0;
+    opacity: 0;
+  `}
 `

-const CopyButton = styled(Button)`
-  position: absolute;
-  right: 15px;
-  bottom: 15px;
+const HistoryList = styled.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  overflow-y: auto;
+  padding: 0 5px;
+`
+
+const HistoryListItem = styled.div`
+  width: 100%;
+  padding: 5px 10px;
+  border-radius: var(--list-item-border-radius);
+  cursor: pointer;
+  transition: background-color 0.2s;
+  position: relative;
+
+  button {
+    opacity: 0;
+    transition: opacity 0.2s;
+  }
+
+  &:hover {
+    background-color: var(--color-background-mute);
+    button {
+      opacity: 1;
+    }
+  }
+
+  &:not(:last-child)::after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 1px;
+    border-bottom: 1px dashed var(--color-border-soft);
+    position: absolute;
+    bottom: -8px;
+    left: 0;
+  }
+`
+
+const HistoryListItemTitle = styled.div`
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 13px;
+`
+
+const HistoryListItemDate = styled.div`
+  font-size: 12px;
+  color: var(--color-text-3);
 `

 export default TranslatePage
--- a/src/renderer/src/providers/AnthropicProvider.ts
+++ b/src/renderer/src/providers/AnthropicProvider.ts
@ -13,7 +13,6 @@ import OpenAI from 'openai'

 import { CompletionsParams } from '.'
 import BaseProvider from './BaseProvider'
-
 export default class AnthropicProvider extends BaseProvider {
  private sdk: Anthropic

@ -108,9 +107,14 @@ export default class AnthropicProvider extends BaseProvider {
      })
    }

+    const lastUserMessage = _messages.findLast((m) => m.role === 'user')
+
+    const { abortController, cleanup } = this.createAbortController(lastUserMessage?.id)
+    const { signal } = abortController
+
    return new Promise<void>((resolve, reject) => {
      const stream = this.sdk.messages
-        .stream({ ...body, stream: true })
+        .stream({ ...body, stream: true }, { signal })
        .on('text', (text) => {
          if (window.keyv.get(EVENT_NAMES.CHAT_COMPLETION_PAUSED)) {
            stream.controller.abort()
@ -146,7 +150,7 @@ export default class AnthropicProvider extends BaseProvider {
          resolve()
        })
        .on('error', (error) => reject(error))
-    })
+    }).finally(cleanup)
  }

  public async translate(message: Message, assistant: Assistant, onResponse?: (text: string) => void) {
--- a/src/renderer/src/providers/BaseProvider.ts
+++ b/src/renderer/src/providers/BaseProvider.ts
@ -3,11 +3,13 @@ import { getLMStudioKeepAliveTime } from '@renderer/hooks/useLMStudio'
 import { getOllamaKeepAliveTime } from '@renderer/hooks/useOllama'
 import { getKnowledgeReferences } from '@renderer/services/KnowledgeService'
 import store from '@renderer/store'
-import { Assistant, GenerateImageParams, Message, Model, Provider, Suggestion } from '@renderer/types'
+import type { Assistant, GenerateImageParams, Message, Model, Provider, Suggestion } from '@renderer/types'
 import { delay, isJSON, parseJSON } from '@renderer/utils'
-import OpenAI from 'openai'
+import { addAbortController, removeAbortController } from '@renderer/utils/abortController'
+import { t } from 'i18next'
+import type OpenAI from 'openai'

-import { CompletionsParams } from '.'
+import type { CompletionsParams } from '.'

 export default abstract class BaseProvider {
  protected provider: Provider
@ -83,21 +85,35 @@ export default abstract class BaseProvider {
      return message.content
    }

-    const knowledgeId = message.knowledgeBaseIds[0]
-    const base = store.getState().knowledge.bases.find((kb) => kb.id === knowledgeId)
+    const bases = store.getState().knowledge.bases.filter((kb) => message.knowledgeBaseIds?.includes(kb.id))

-    if (!base) {
+    if (!bases || bases.length === 0) {
      return message.content
    }

-    const { referencesContent, referencesCount } = await getKnowledgeReferences(base, message)
+    const allReferencesPromises = bases.map(async (base) => {
+      const references = await getKnowledgeReferences(base, message)

-    // 如果知识库中未检索到内容则使用通用逻辑
-    if (referencesCount === 0) {
+      return {
+        knowledgeBaseId: base.id,
+        references
+      }
+    })
+    const allReferences = (await Promise.all(allReferencesPromises))
+      .filter((result) => result.references && result.references.length > 0)
+      .flat()
+
+    if (allReferences.length === 0) {
+      window.message.info({
+        content: t('knowledge.no_match'),
+        duration: 4,
+        key: 'knowledge-base-no-match-info'
+      })
      return message.content
    }
+    const allReferencesContent = `\`\`\`json\n${JSON.stringify(allReferences, null, 2)}\n\`\`\``

-    return REFERENCE_PROMPT.replace('{question}', message.content).replace('{references}', referencesContent)
+    return REFERENCE_PROMPT.replace('{question}', message.content).replace('{references}', allReferencesContent)
  }

  protected getCustomParameters(assistant: Assistant) {
@ -120,4 +136,21 @@ export default abstract class BaseProvider {
      }, {}) || {}
    )
  }
+
+  protected createAbortController(messageId?: string) {
+    const abortController = new AbortController()
+
+    if (messageId) {
+      addAbortController(messageId, () => abortController.abort())
+    }
+
+    return {
+      abortController,
+      cleanup: () => {
+        if (messageId) {
+          removeAbortController(messageId)
+        }
+      }
+    }
+  }
 }
--- a/src/renderer/src/providers/GeminiProvider.ts
+++ b/src/renderer/src/providers/GeminiProvider.ts
@ -24,7 +24,6 @@ import OpenAI from 'openai'

 import { CompletionsParams } from '.'
 import BaseProvider from './BaseProvider'
-
 export default class GeminiProvider extends BaseProvider {
  private sdk: GoogleGenerativeAI
  private requestOptions: RequestOptions
@ -204,7 +203,11 @@ export default class GeminiProvider extends BaseProvider {
      return
    }

-    const userMessagesStream = await chat.sendMessageStream(messageContents.parts)
+    const lastUserMessage = userMessages.findLast((m) => m.role === 'user')
+    const { abortController, cleanup } = this.createAbortController(lastUserMessage?.id)
+    const { signal } = abortController
+
+    const userMessagesStream = await chat.sendMessageStream(messageContents.parts, { signal }).finally(cleanup)
    let time_first_token_millsec = 0

    for await (const chunk of userMessagesStream.stream) {
--- a/src/renderer/src/providers/OpenAIProvider.ts
+++ b/src/renderer/src/providers/OpenAIProvider.ts
@ -213,21 +213,31 @@ export default class OpenAIProvider extends BaseProvider {
    let time_first_token_millsec = 0
    let time_first_content_millsec = 0
    const start_time_millsec = new Date().getTime()
+    const lastUserMessage = _messages.findLast((m) => m.role === 'user')
+    const { abortController, cleanup } = this.createAbortController(lastUserMessage?.id)
+    const { signal } = abortController

-    // @ts-ignore key is not typed
-    const stream = await this.sdk.chat.completions.create({
-      model: model.id,
-      messages: [systemMessage, ...userMessages].filter(Boolean) as ChatCompletionMessageParam[],
-      temperature: this.getTemperature(assistant, model),
-      top_p: this.getTopP(assistant, model),
-      max_tokens: maxTokens,
-      keep_alive: this.keepAliveTime,
-      stream: isSupportStreamOutput(),
-      ...this.getReasoningEffort(assistant, model),
-      ...getOpenAIWebSearchParams(assistant, model),
-      ...this.getProviderSpecificParameters(assistant, model),
-      ...this.getCustomParameters(assistant)
-    })
+    const stream = await this.sdk.chat.completions
+      // @ts-ignore key is not typed
+      .create(
+        {
+          model: model.id,
+          messages: [systemMessage, ...userMessages].filter(Boolean) as ChatCompletionMessageParam[],
+          temperature: this.getTemperature(assistant, model),
+          top_p: this.getTopP(assistant, model),
+          max_tokens: maxTokens,
+          keep_alive: this.keepAliveTime,
+          stream: isSupportStreamOutput(),
+          ...this.getReasoningEffort(assistant, model),
+          ...getOpenAIWebSearchParams(assistant, model),
+          ...this.getProviderSpecificParameters(assistant, model),
+          ...this.getCustomParameters(assistant)
+        },
+        {
+          signal
+        }
+      )
+      .finally(cleanup)

    if (!isSupportStreamOutput()) {
      const time_completion_millsec = new Date().getTime() - start_time_millsec
--- a/src/renderer/src/services/ApiService.ts
+++ b/src/renderer/src/services/ApiService.ts
@ -2,7 +2,8 @@ import i18n from '@renderer/i18n'
 import store from '@renderer/store'
 import { setGenerating } from '@renderer/store/runtime'
 import { Assistant, Message, Model, Provider, Suggestion } from '@renderer/types'
-import { formatErrorMessage, formatMessageError } from '@renderer/utils/error'
+import { addAbortController } from '@renderer/utils/abortController'
+import { formatMessageError } from '@renderer/utils/error'
 import { isEmpty } from 'lodash'

 import AiProvider from '../providers/AiProvider'
@ -16,7 +17,6 @@ import {
 import { EVENT_NAMES, EventEmitter } from './EventService'
 import { filterMessages, filterUsefulMessages } from './MessagesService'
 import { estimateMessagesUsage } from './TokenService'
-
 export async function fetchChatCompletion({
  message,
  messages,
@ -37,18 +37,14 @@ export async function fetchChatCompletion({

  onResponse({ ...message })

-  // Handle paused state
-  let paused = false
-  const timer = setInterval(() => {
-    if (window.keyv.get(EVENT_NAMES.CHAT_COMPLETION_PAUSED)) {
-      paused = true
-      message.status = 'paused'
-      EventEmitter.emit(EVENT_NAMES.RECEIVE_MESSAGE, message)
-      store.dispatch(setGenerating(false))
-      onResponse({ ...message, status: 'paused' })
-      clearInterval(timer)
-    }
-  }, 1000)
+  const pauseFn = (message: Message) => {
+    message.status = 'paused'
+    EventEmitter.emit(EVENT_NAMES.RECEIVE_MESSAGE, message)
+    store.dispatch(setGenerating(false))
+    onResponse({ ...message, status: 'paused' })
+  }
+
+  addAbortController(message.askId ?? message.id, pauseFn.bind(null, message))

  try {
    let _messages: Message[] = []
@ -94,16 +90,9 @@ export async function fetchChatCompletion({
    }
  } catch (error: any) {
    message.status = 'error'
-    message.content = formatErrorMessage(error)
    message.error = formatMessageError(error)
  }

-  timer && clearInterval(timer)
-
-  if (paused) {
-    return message
-  }
-
  // Update message status
  message.status = window.keyv.get(EVENT_NAMES.CHAT_COMPLETION_PAUSED) ? 'paused' : message.status

--- a/src/renderer/src/services/AssistantService.ts
+++ b/src/renderer/src/services/AssistantService.ts
@ -30,8 +30,8 @@ export function getDefaultTranslateAssistant(targetLanguage: string, text: strin

  assistant.prompt = store
    .getState()
-    .settings.translateModelPrompt.replace('{{target_language}}', targetLanguage)
-    .replace('{{text}}', text)
+    .settings.translateModelPrompt.replaceAll('{{target_language}}', targetLanguage)
+    .replaceAll('{{text}}', text)
  return assistant
 }

--- a/src/renderer/src/services/KnowledgeService.ts
+++ b/src/renderer/src/services/KnowledgeService.ts
@ -3,7 +3,6 @@ import { DEFAULT_KNOWLEDGE_DOCUMENT_COUNT, DEFAULT_KNOWLEDGE_THRESHOLD } from '@
 import { getEmbeddingMaxContext } from '@renderer/config/embedings'
 import AiProvider from '@renderer/providers/AiProvider'
 import { FileType, KnowledgeBase, KnowledgeBaseParams, Message } from '@renderer/types'
-import { t } from 'i18next'
 import { take } from 'lodash'

 import { getProviderByModel } from './AssistantService'
@ -91,14 +90,6 @@ export const getKnowledgeReferences = async (base: KnowledgeBase, message: Messa
        return item.score >= threshold
      })
    )
-  if (searchResults.length === 0) {
-    window.message.info({
-      content: t('knowledge.no_match'),
-      duration: 4,
-      key: 'knowledge-base-no-match-info'
-    })
-    return { referencesContent: '', referencesCount: 0 }
-  }

  const _searchResults = await Promise.all(
    searchResults.map(async (item) => {
@ -121,7 +112,5 @@ export const getKnowledgeReferences = async (base: KnowledgeBase, message: Messa
    })
  )

-  const referencesContent = `\`\`\`json\n${JSON.stringify(references, null, 2)}\n\`\`\``
-
-  return { referencesContent, referencesCount: references.length }
+  return references
 }
--- a/src/renderer/src/services/ModelService.ts
+++ b/src/renderer/src/services/ModelService.ts
@ -1,5 +1,6 @@
 import store from '@renderer/store'
 import { Model } from '@renderer/types'
+import { t } from 'i18next'
 import { pick } from 'lodash'

 export const getModelUniqId = (m?: Model) => {
@ -17,5 +18,13 @@ export const hasModel = (m?: Model) => {
 }

 export function getModelName(model?: Model) {
-  return model?.name || model?.id || ''
+  const provider = store.getState().llm.providers.find((p) => p.id === model?.provider)
+  const modelName = model?.name || model?.id || ''
+
+  if (provider) {
+    const providerName = provider?.isSystem ? t(`provider.${provider.id}`) : provider?.name
+    return `${modelName} | ${providerName}`
+  }
+
+  return modelName
 }
--- a/src/renderer/src/store/index.ts
+++ b/src/renderer/src/store/index.ts
@ -30,7 +30,7 @@ const persistedReducer = persistReducer(
  {
    key: 'cherry-studio',
    storage,
-    version: 69,
+    version: 70,
    blacklist: ['runtime'],
    migrate
  },
--- a/src/renderer/src/store/llm.ts
+++ b/src/renderer/src/store/llm.ts
@ -152,7 +152,7 @@ const initialState: LlmState = {
      name: 'DMXAPI',
      type: 'openai',
      apiKey: '',
-      apiHost: 'https://api.dmxapi.com',
+      apiHost: 'https://www.dmxapi.cn',
      models: SYSTEM_MODELS.dmxapi,
      isSystem: true,
      enabled: false
--- a/src/renderer/src/store/migrate.ts
+++ b/src/renderer/src/store/migrate.ts
@ -1071,6 +1071,32 @@ const migrateConfig = {
        state.minapps.enabled.push(coze)
      }
    }
+    state.settings.gridColumns = 2
+    state.settings.gridPopoverTrigger = 'hover'
+    return state
+  },
+  '70': (state: RootState) => {
+    state.llm.providers.forEach((provider) => {
+      if (provider.id === 'dmxapi') {
+        provider.apiHost = 'https://www.dmxapi.cn'
+      }
+    })
+    return state
+  },
+  '71': (state: RootState) => {
+    const appIds = ['dify', 'wpslingxi', 'lechat', 'abacus', 'lambdachat']
+
+    if (state.minapps) {
+      appIds.forEach((id) => {
+        const app = DEFAULT_MIN_APPS.find((app) => app.id === id)
+        if (app) {
+          state.minapps.enabled.push(app)
+        }
+      })
+    }
+
+    state.settings.thoughtAutoCollapse = true
+
    return state
  }
 }
--- a/src/renderer/src/store/settings.ts
+++ b/src/renderer/src/store/settings.ts
@ -44,6 +44,8 @@ export interface SettingsState {
  mathEngine: 'MathJax' | 'KaTeX'
  messageStyle: 'plain' | 'bubble'
  codeStyle: CodeStyleVarious
+  gridColumns: number
+  gridPopoverTrigger: 'hover' | 'click'
  // webdav 配置 host, user, pass, path
  webdavHost: string
  webdavUser: string
@ -67,9 +69,11 @@ export interface SettingsState {
  multiModelMessageStyle: MultiModelMessageStyle
  notionDatabaseID: string | null
  notionApiKey: string | null
+  notionPageNameKey: string | null
+  thoughtAutoCollapse: boolean
 }

-export type MultiModelMessageStyle = 'horizontal' | 'vertical' | 'fold'
+export type MultiModelMessageStyle = 'horizontal' | 'vertical' | 'fold' | 'grid'

 const initialState: SettingsState = {
  showAssistants: true,
@ -99,6 +103,8 @@ const initialState: SettingsState = {
  mathEngine: 'KaTeX',
  messageStyle: 'plain',
  codeStyle: 'auto',
+  gridColumns: 2,
+  gridPopoverTrigger: 'hover',
  webdavHost: '',
  webdavUser: '',
  webdavPass: '',
@ -119,7 +125,9 @@ const initialState: SettingsState = {
  clickTrayToShowQuickAssistant: false,
  multiModelMessageStyle: 'fold',
  notionDatabaseID: '',
-  notionApiKey: ''
+  notionApiKey: '',
+  notionPageNameKey: 'Name',
+  thoughtAutoCollapse: true
 }

 const settingsSlice = createSlice({
@ -224,6 +232,12 @@ const settingsSlice = createSlice({
    setMathEngine: (state, action: PayloadAction<'MathJax' | 'KaTeX'>) => {
      state.mathEngine = action.payload
    },
+    setGridColumns: (state, action: PayloadAction<number>) => {
+      state.gridColumns = action.payload
+    },
+    setGridPopoverTrigger: (state, action: PayloadAction<'hover' | 'click'>) => {
+      state.gridPopoverTrigger = action.payload
+    },
    setMessageStyle: (state, action: PayloadAction<'plain' | 'bubble'>) => {
      state.messageStyle = action.payload
    },
@ -265,7 +279,7 @@ const settingsSlice = createSlice({
    setEnableQuickAssistant: (state, action: PayloadAction<boolean>) => {
      state.enableQuickAssistant = action.payload
    },
-    setMultiModelMessageStyle: (state, action: PayloadAction<'horizontal' | 'vertical' | 'fold'>) => {
+    setMultiModelMessageStyle: (state, action: PayloadAction<'horizontal' | 'vertical' | 'fold' | 'grid'>) => {
      state.multiModelMessageStyle = action.payload
    },
    setNotionDatabaseID: (state, action: PayloadAction<string>) => {
@ -273,6 +287,12 @@ const settingsSlice = createSlice({
    },
    setNotionApiKey: (state, action: PayloadAction<string>) => {
      state.notionApiKey = action.payload
+    },
+    setNotionPageNameKey: (state, action: PayloadAction<string>) => {
+      state.notionPageNameKey = action.payload
+    },
+    setThoughtAutoCollapse: (state, action: PayloadAction<boolean>) => {
+      state.thoughtAutoCollapse = action.payload
    }
  }
 })
@ -310,6 +330,8 @@ export const {
  setCodeShowLineNumbers,
  setCodeCollapsible,
  setMathEngine,
+  setGridColumns,
+  setGridPopoverTrigger,
  setMessageStyle,
  setCodeStyle,
  setTranslateModelPrompt,
@ -324,7 +346,9 @@ export const {
  setEnableQuickAssistant,
  setMultiModelMessageStyle,
  setNotionDatabaseID,
-  setNotionApiKey
+  setNotionApiKey,
+  setNotionPageNameKey,
+  setThoughtAutoCollapse
 } = settingsSlice.actions

 export default settingsSlice.reducer
--- a/src/renderer/src/store/shortcuts.ts
+++ b/src/renderer/src/store/shortcuts.ts
@ -10,6 +10,13 @@ export interface ShortcutsState {
 const initialState: ShortcutsState = {
  shortcuts: [
    ...ZOOM_SHORTCUTS,
+    {
+      key: 'show_settings',
+      shortcut: [isMac ? 'Command' : 'Ctrl', ','],
+      editable: false,
+      enabled: true,
+      system: true
+    },
    {
      key: 'show_app',
      shortcut: [],
--- a/src/renderer/src/types/index.ts
+++ b/src/renderer/src/types/index.ts
@ -5,7 +5,7 @@ export type Assistant = {
  id: string
  name: string
  prompt: string
-  knowledge_base?: KnowledgeBase
+  knowledge_bases?: KnowledgeBase[]
  topics: Topic[]
  type: string
  emoji?: string
@ -271,4 +271,13 @@ export type GenerateImageParams = {
  promptEnhancement?: boolean
 }

+export interface TranslateHistory {
+  id: string
+  sourceText: string
+  targetText: string
+  sourceLanguage: string
+  targetLanguage: string
+  createdAt: string
+}
+
 export type SidebarIcon = 'assistants' | 'agents' | 'paintings' | 'translate' | 'minapp' | 'knowledge' | 'files'
--- a/src/renderer/src/utils/abortController.ts
+++ b/src/renderer/src/utils/abortController.ts
@ -0,0 +1,25 @@
+export const abortMap = new Map<string, () => void>()
+
+export const addAbortController = (id: string, abortFn: () => void) => {
+  let callback = abortFn
+  const existingCallback = abortMap.get(id)
+  if (existingCallback) {
+    callback = () => {
+      existingCallback?.()
+      abortFn()
+    }
+  }
+  abortMap.set(id, callback)
+}
+
+export const removeAbortController = (id: string) => {
+  abortMap.delete(id)
+}
+
+export const abortCompletion = (id: string) => {
+  const abortFn = abortMap.get(id)
+  if (abortFn) {
+    abortFn()
+    removeAbortController(id)
+  }
+}
--- a/src/renderer/src/utils/export.ts
+++ b/src/renderer/src/utils/export.ts
@ -67,7 +67,7 @@ export const exportTopicToNotion = async (topic: Topic) => {
    const response = await notion.pages.create({
      parent: { database_id: notionDatabaseID },
      properties: {
-        Name: {
+        [store.getState().settings.notionPageNameKey || 'Name']: {
          title: [{ text: { content: topic.name } }]
        }
      },
--- a/src/renderer/src/windows/mini/chat/components/Inputbar.tsx
+++ b/src/renderer/src/windows/mini/chat/components/Inputbar.tsx
@ -50,7 +50,7 @@ const Inputbar: FC = () => {
  const [spaceClickCount, setSpaceClickCount] = useState(0)
  const spaceClickTimer = useRef<NodeJS.Timeout>()
  const [isTranslating, setIsTranslating] = useState(false)
-  const [selectedKnowledgeBase, setSelectedKnowledgeBase] = useState<KnowledgeBase>()
+  const [selectedKnowledgeBase, setSelectedKnowledgeBase] = useState<KnowledgeBase | undefined>()

  const isVision = useMemo(() => isVisionModel(model), [model])
  const supportExts = useMemo(() => [...textExts, ...documentExts, ...(isVision ? imageExts : [])], [isVision])
@ -274,8 +274,8 @@ const Inputbar: FC = () => {
    }
  }, [])

-  const handleKnowledgeBaseSelect = (base?: KnowledgeBase) => {
-    setSelectedKnowledgeBase(base)
+  const handleKnowledgeBaseSelect = (bases: KnowledgeBase[]) => {
+    setSelectedKnowledgeBase(bases?.[0])
  }

  return (
@ -317,7 +317,7 @@ const Inputbar: FC = () => {
              </Popconfirm>
            </Tooltip>
            <KnowledgeBaseButton
-              selectedBase={selectedKnowledgeBase}
+              selectedBases={selectedKnowledgeBase ? [selectedKnowledgeBase] : []}
              onSelect={handleKnowledgeBaseSelect}
              ToolbarButton={ToolbarButton}
              disabled={files.length > 0}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
denislov	4869898173	Merge remote-tracking branch 'origin/main' 合并上游	2025-02-21 13:24:13 +08:00
lizhixuan	f062c56de4	refactor: Move abort controller to utils and update imports	2025-02-21 12:50:18 +08:00
lizhixuan	4c9bd02f8e	feat: Add message completion abort functionality	2025-02-21 12:50:18 +08:00
kangfenmao	241cb0c0d8	refactor: Simplify translation history clear button configuration	2025-02-21 11:17:41 +08:00
ousugo	6a57973864	feat: Add newline tooltip for translation input	2025-02-21 11:16:02 +08:00
kangfenmao	369f629206	refactor: Simplify embedding model regex pattern	2025-02-21 09:46:26 +08:00
kangfenmao	09a8f83650	refactor: Clean up MinAppsPopover component formatting	2025-02-20 15:35:51 +08:00
kangfenmao	40912eaaf4	refactor: Simplify topic deletion interaction	2025-02-20 15:33:24 +08:00
ousugo	0d236a94ab	feat: Add direct topic deletion shortcut	2025-02-20 15:19:32 +08:00
ousugo	3a936e0f26	feat: Add confirmation dialog for topic deletion	2025-02-20 15:19:32 +08:00
Yrom	81a35d129d	feat: add developer tools button in MinApp for development mode	2025-02-20 15:19:10 +08:00
ousugo	e2d0c3bbce	feat: Add emoji selection for assistant name	2025-02-20 15:17:04 +08:00
kangfenmao	12c9d810a2	feat: Add C and C++ file extensions to supported text files close #2066	2025-02-20 14:45:11 +08:00
kangfenmao	b18b161094	fix: Update migration config to set default thought auto-collapse	2025-02-20 12:24:24 +08:00
ousugo	32da853f27	feat: Add thought content auto-collapse setting	2025-02-20 12:22:45 +08:00
ousugo	bf51a0b5c6	feat: Add copy functionality to message reasoning content	2025-02-20 12:22:45 +08:00
kangfenmao	ae71a7be9e	refactor: Simplify translation page layout and styling	2025-02-20 12:16:38 +08:00
Chen Tao	0fb6795833	feat: add shortcuts to open settings page (#1964 ) * feat: add shortcuts to open settings page * refactor: simplify code * fix: change to useHotKeys	2025-02-20 12:10:16 +08:00
jtsang4	dd6d228760	feat: Add backspace handling to remove last mentioned model	2025-02-20 12:08:25 +08:00
eeee0717	8c5999dc82	fix: knowledge base status problem	2025-02-20 12:07:05 +08:00
kangfenmao	31b0fbf775	fix: Improve null handling in code block and syntax highlighting	2025-02-20 12:04:29 +08:00
kangfenmao	39fe583030	refactor: Remove default grid settings from migration config	2025-02-20 11:54:21 +08:00
littel_penguin66	5c19695e21	feat: add dify miniapp (#1999 ) * add Dify miniapp * add wpslingxi,lechat,abacus miniapps * resize pic * change png to webp * update 71	2025-02-20 11:52:36 +08:00
FischLu	6e4610e337	fix: fix translation	2025-02-20 11:50:49 +08:00
onlyfeng	eb2439b90c	fix(KnowledgeBase): handle JSON parse failure by falling back to text file processing to avoid error display affecting normal progress indication	2025-02-20 11:44:36 +08:00
kangfenmao	a4a0980cd3	fix: Ignore hidden files when traversing directories	2025-02-20 11:43:01 +08:00
FischLu	7d99765589	fix: fix the issue where the menu scrolls back to the top after clicking an option	2025-02-19 21:40:32 +08:00
kangfenmao	5f6cf1bd66	docs: Update README files with comprehensive TODO list and minor formatting improvements	2025-02-19 20:07:10 +08:00
Teo	02930a2793	feat: 添加翻译历史功能	2025-02-19 19:38:59 +08:00
Yrom	b31b1c7908	feat: Support dark theme for PlantUML	2025-02-19 18:37:05 +08:00
Yrom	d0ee764732	feat: Add PlantUML diagram support (via PlantUML official online server)	2025-02-19 18:37:05 +08:00
ousugo	01cd10b364	refactor: Simplify model type detection with utility functions	2025-02-19 18:33:51 +08:00
ousugo	29ba156b9a	feat: Add Doubao provider support for model type detection (cherry picked from commit 008b84e128484c98eb59c75d8f44cbc320509049)	2025-02-19 18:33:51 +08:00
ousugo	e541c7b429	feat: Add model generation check before narrow mode toggle	2025-02-19 18:33:16 +08:00
ousugo	5f4142f0c4	chore: Enhance issue templates with improved guidance and visual context	2025-02-19 17:19:15 +08:00
jiangjiwei	95bbc70c93	feat: 为 Notion 导出添加可配置的页面名称 key	2025-02-19 17:18:45 +08:00
ousugo	4add56ae6a	fix: Ensure model is updated when setting default model	2025-02-19 17:13:52 +08:00
Teo	16f87537a2	refactor: 翻译页UI重构	2025-02-19 15:53:52 +08:00
kangfenmao	7f05626a8f	chore(version): 0.9.27	2025-02-19 10:21:12 +08:00
kangfenmao	2094e2201a	feat: Add web search support for OpenRouter provider	2025-02-19 10:11:49 +08:00
icinggslits	e0fcdf43c5	feature: Adaptive height of textarea on translation page	2025-02-19 09:57:26 +08:00
kangfenmao	affc866c17	feat: Add default API host for DMX provider in migration	2025-02-19 09:45:41 +08:00
kangfenmao	799267049f	fix: Safely update topic with existing topic data	2025-02-19 09:35:10 +08:00
kangfenmao	cb8d47a17b	fix: Improve knowledge base processing and deletion handling	2025-02-19 09:28:36 +08:00
kangfenmao	c494288f7b	refactor: Simplify DragableList styling and remove unnecessary margins	2025-02-19 09:21:10 +08:00
suyao	2c3f89dbde	fix: update model identification with provider-specific uniqueness	2025-02-19 09:14:45 +08:00
ousugo	4721a660fa	feat: Add German language support to translation options	2025-02-19 08:21:00 +08:00
George·Dong	6aaa3def0d	feat: 添加Notion文档按钮Tooltip	2025-02-19 08:20:21 +08:00
George·Dong	045708d9b3	fix: 修改导出到Notion的相关提示	2025-02-19 08:20:21 +08:00
icinggslits	9ffe92d378	fix: Update language options promptly	2025-02-19 08:18:41 +08:00
首都爱护动物协会	7159481217	Updated provider information	2025-02-19 07:10:45 +08:00
kangfenmao	d07e136037	fix: Add top margin to 'Add Assistant' button in AssistantsTab	2025-02-18 21:17:13 +08:00
Yrom	b38a9c954a	feat: Enable search capability for Qwen commercial version model	2025-02-18 21:14:43 +08:00
kangfenmao	7139d5093a	chore(version): 0.9.26	2025-02-18 20:55:04 +08:00
kangfenmao	9e283d6930	fix: Update agent knowledge base field name and handling	2025-02-18 20:55:04 +08:00
denislov	2457c7b818	Merge remote-tracking branch 'origin/main'	2025-02-18 20:15:37 +08:00
Chen Tao	c9a4e12765	feat: artifacts add open external (#1812 ) * feat: artifacts add open external * fix: remove modal	2025-02-18 19:56:39 +08:00
Teo	7bd644451b	fix: 解决生成过程中出现错误内容被清空覆盖问题	2025-02-18 19:46:50 +08:00
美兰十三	5a00bdcbc6	fix: 修复mac下快捷键注册control被替换成command的问题	2025-02-18 19:46:28 +08:00
eeee0717	3c958c3d11	feat: 目录进度可视化	2025-02-18 19:45:47 +08:00
kangfenmao	1d5ace0fb2	feat: Add 'off' option for reasoning effort in assistant settings	2025-02-18 18:16:14 +08:00
ousugo	f8fce871da	fix: Recalculate token consumption after modifying the message, resolve #1829	2025-02-18 16:34:52 +08:00
ousugo	de76d3fedc	fix: Improve DragableList component styling and placeholder handling	2025-02-18 16:26:34 +08:00
lucifer9	b2c6662192	adjust Notion database ID input width in DataSettings	2025-02-18 16:22:53 +08:00
lucifer9	bf8a7c01b0	Refactor WebDAV i18n and UI for improved flexibility and localization - i18n Updates: - Refactored WebDAV-related translations into nested JSON structures for better organization. - Added support for pluralization in time intervals (minutes and hours) across all locales (en-us, ja-jp, ru-ru, zh-cn, zh-tw). - UI Enhancements: - Updated `DataSettings` and `WebDavSettings` components to use the new i18n keys for time intervals. - Improved the `Select` dropdown for sync intervals with dynamic pluralization based on locale. - Adjusted input field widths for better alignment and consistency. - Code Cleanup: - Removed redundant comments and unused code in `WebDavSettings.tsx`. - Simplified button and input styling for a cleaner layout.	2025-02-18 16:22:53 +08:00
ousugo	fb8ed35b59	fix: Clicking the taskbar icon while enable the Quick Assistant can't open the main window	2025-02-18 16:01:10 +08:00
ousugo	7c4d81c108	feat: Add kimi-latest model support in vision and model logos	2025-02-18 15:50:01 +08:00
kangfenmao	7199f73e06	style: Adjust horizontal message layout display property	2025-02-18 15:48:13 +08:00
Teo	869e56b53c	style: 优化聊天窗口UI (#1881 )	2025-02-18 11:43:42 +08:00
MyPrototypeWhat	f99851fb6b	feat: Conditionally hide thinking loader for paused messages (#1875 ) Co-authored-by: lizhixuan <zhixuan.li@banosuperapp.com>	2025-02-18 11:10:48 +08:00
kangfenmao	c94450db44	chore(version): 0.9.25	2025-02-18 10:41:44 +08:00
kangfenmao	195ef92acc	feat: Add size prop to MessageThought Collapse component	2025-02-18 10:12:30 +08:00
kangfenmao	a67370426b	fix: Handle undefined provider in model name generation	2025-02-18 09:56:26 +08:00
kangfenmao	9d35205681	feat: Improve system prompt styling with theme-aware background	2025-02-18 09:42:52 +08:00
icinggslits	98087e50db	feat: Backspace deletes clipboard text in MiniApp	2025-02-18 08:13:56 +08:00
icinggslits	bedac4f59d	fix: init zoom	2025-02-18 08:11:38 +08:00
ousugo	aba3874797	refactor: Improve PromptPopup text area focus and cursor placement	2025-02-18 08:10:58 +08:00
ousugo	3383280726	feat: Improve text edit popup focus and cursor placement	2025-02-18 08:10:58 +08:00
kangfenmao	0c13e708b9	refactor: Extract message group menu bar into a separate component	2025-02-17 23:21:24 +08:00
kangfenmao	bc77c423b3	fix: Adjust paragraph margin when followed by list	2025-02-17 23:08:17 +08:00
kangfenmao	4821756301	fix: Conditionally render message group border based on popover state	2025-02-17 23:02:49 +08:00
Chen Tao	78290ca70e	feat: add knowledge base filter (#1822 ) * feat: add search filter * chore	2025-02-17 22:18:10 +08:00
kangfenmao	7feeb07624	refactor: Extract message group settings into a separate component	2025-02-17 22:14:47 +08:00
luwux	93e28ed916	improvement(shortcut): Supports Option + Space on Mac Supports the Option (⌥) + Space shortcut, as it's the default shortcut for ChatGPT Desktop app to show popup.	2025-02-17 19:04:08 +08:00
ousugo	b4aaf052fe	feat: Add page title for Cherry Studio, resolve #1222	2025-02-17 19:02:56 +08:00
rebecca554owen	b37e0389fc	fix	2025-02-17 18:38:22 +08:00
kangfenmao	e1ebe069a5	feat: Add grid mode settings for message display	2025-02-17 18:35:36 +08:00
kangfenmao	d73912ee3b	feat: Enhance Notion settings with placeholders and help icon	2025-02-17 17:19:24 +08:00
kangfenmao	f81c7c7a6c	feat: update knowledge base file upload hint text	2025-02-17 16:50:34 +08:00
FischLu	5a7bcd5997	feat: improve model mention autocomplete behavior under IME	2025-02-17 16:38:44 +08:00
duanyongcheng	09a347cae4	feat: show provider in mesage	2025-02-17 16:38:00 +08:00
Chen Tao	266f909045	feat: allow knowledge base multiple search #1346 (#1773 ) * feat: agent can select multiple knowledge bases * feat: basic search multiple knowledge base * fix bug: knowledge base is delete, assistants and agents sync delete * fix bug: assistant and knowledge base button sync * feat: allow to search multiple knowledge base * chore: finish rebase to upstream/main	2025-02-17 16:36:25 +08:00
cl1107	bad2f15c1f	feat: Add a new grid mode for message display. (#1626 ) * chore(version): 0.9.23 * feat(renderer): 新增网格模式的消息展示方式 * feat(message): 新增消息网格展示相关设置 * 根据 gridPopoverTrigger 属性动态设置消息分组的样式 * 在 MessageMenubar 组件中，各个按钮 click 事件阻止事件冒泡,避免打开 popover * 多模型回答样式添加网格模式并优化消息样式 --------- Co-authored-by: kangfenmao <kangfenmao@qq.com>	2025-02-17 16:36:01 +08:00
shniubobo	e3115d00bf	fix: Rendering error with MathJax for Chinese text	2025-02-17 16:24:38 +08:00
首都爱护动物协会	0c0ccf3d11	update provider info	2025-02-17 16:21:09 +08:00
ousugo	2076e6f998	fix: open current webview URL when launching external link	2025-02-17 16:20:12 +08:00
ousugo	b49d80b78d	fix: Clicking the help button always opens a new webview (cherry picked from commit 4939afafabcbfb294f00d21053939cad8238731e)	2025-02-17 16:19:31 +08:00
kangfenmao	ab5e830ed1	docs: remove Chinese issue templates for bug reports, feature requests, and questions	2025-02-17 12:02:07 +08:00
ousugo	e0eca97053	fix: update Baidu API key URL in provider configuration, resolve #1794	2025-02-17 11:55:53 +08:00
George·Dong	d175212d9a	fix: 修复切换助手时无法正确切换到助手默认模型的问题 (#1776 )	2025-02-17 11:28:17 +08:00
Shelly	642ce160a1	fix: 修复同名模型选择问题 (#1772 ) 1. 同名模型显示的供应商名称问题 2. 同名模型不同供应商不能被同时选择 Co-authored-by: duanyongcheng <duanyongcheng77@gmail.com>	2025-02-17 09:47:01 +08:00
Wenwei Lin	574d02a8c9	feat: support json and draftsExport file in knowledge base (#1717 )	2025-02-17 08:25:07 +08:00
ousugo	7764507d74	feat: Expand reasoning model regex to include 'thinking' keyword	2025-02-17 08:16:47 +08:00
ousugo	fa8bf61532	fix: sidebar navigation and active state handling - 当固定在侧边栏的小程序被打开时，对应图标显示为被选中 - 修复点击两次主题切换按钮会导致当前 Webview 被错误关闭的问题 - 修复当 Webview 处于打开状态，点击侧边栏按钮无法立即跳转到对应界面的问题 - 修复打开帮助文档，其按钮没有显示为被选中的问题 - 修复在设置界面时打开帮助文档，设置按钮继续显示为被选中的问题	2025-02-17 08:15:03 +08:00
ousugo	30e8cef9cc	fix: correction of the capitalization of Perplexity names	2025-02-17 08:13:56 +08:00
ousugo	1a2861e81a	fix: Fix the miniapp sorting problem, resolve #1725 - 修复小程序拖动排序不生效的问题 - 修复小程序拖动排序时列表滚动排序不生效的问题	2025-02-17 08:13:56 +08:00
Neal_Tan	653e5d82ed	docs: optimize issues (#1790 )	2025-02-17 08:12:40 +08:00