diff --git a/.github/workflows/auto-i18n.yml b/.github/workflows/auto-i18n.yml
index 054dea40e6..29cfd1fda0 100644
--- a/.github/workflows/auto-i18n.yml
+++ b/.github/workflows/auto-i18n.yml
@@ -1,7 +1,7 @@
 name: Auto I18N
 
 env:
-  API_KEY: ${{ secrets.TRANSLATE_API_KEY}}
+  API_KEY: ${{ secrets.TRANSLATE_API_KEY }}
   MODEL: ${{ vars.MODEL || 'deepseek/deepseek-v3.1'}}
   BASE_URL: ${{ vars.BASE_URL || 'https://api.ppinfra.com/openai'}}
 
@@ -35,7 +35,7 @@ jobs:
           # 在临时目录安装依赖
           mkdir -p /tmp/translation-deps
           cd /tmp/translation-deps
-          echo '{"dependencies": {"openai": "^5.12.2", "cli-progress": "^3.12.0", "tsx": "^4.20.3", "prettier": "^3.5.3", "prettier-plugin-sort-json": "^4.1.1"}}' > package.json
+          echo '{"dependencies": {"openai": "^5.12.2", "cli-progress": "^3.12.0", "tsx": "^4.20.3", "prettier": "^3.5.3", "prettier-plugin-sort-json": "^4.1.1", "prettier-plugin-tailwindcss": "^0.6.14"}}' > package.json
           npm install --no-package-lock
 
           # 设置 NODE_PATH 让项目能找到这些依赖
diff --git a/.github/workflows/claude-code-review.yml b/.github/workflows/claude-code-review.yml
index 9553ef6a91..5ed414b1fe 100644
--- a/.github/workflows/claude-code-review.yml
+++ b/.github/workflows/claude-code-review.yml
@@ -2,7 +2,7 @@ name: Claude Code Review
 
 on:
   pull_request:
-    types: [opened, synchronize]
+    types: [opened]
     # Optional: Only run on specific file changes
     # paths:
     #   - "src/**/*.ts"
@@ -12,12 +12,11 @@ on:
 
 jobs:
   claude-review:
-    # Optional: Filter by PR author
-    # if: |
-    #   github.event.pull_request.user.login == 'external-contributor' ||
-    #   github.event.pull_request.user.login == 'new-developer' ||
-    #   github.event.pull_request.author_association == 'FIRST_TIME_CONTRIBUTOR'
-
+    # Only trigger code review for PRs from the main repository due to upstream OIDC issues
+    # https://github.com/anthropics/claude-code-action/issues/542
+    if: |
+      (github.event.pull_request.head.repo.full_name == github.repository) &&
+      (github.event.pull_request.draft == false)
     runs-on: ubuntu-latest
     permissions:
       contents: read
@@ -45,6 +44,9 @@ jobs:
             - Security concerns
             - Test coverage
 
+            PR number: ${{ github.event.number }}
+            Repo: ${{ github.repository }}
+
             Use the repository's CLAUDE.md for guidance on style and conventions. Be constructive and helpful in your feedback.
 
             Use `gh pr comment` with your Bash tool to leave your review as a comment on the PR.
diff --git a/.github/workflows/claude-translator.yml b/.github/workflows/claude-translator.yml
index d5f7ea40d8..ab2b6f7e4f 100644
--- a/.github/workflows/claude-translator.yml
+++ b/.github/workflows/claude-translator.yml
@@ -1,6 +1,6 @@
-name: English Translator
+name: Claude Translator
 concurrency:
-  group: translator-${{ github.event.issue.number }}
+  group: translator-${{ github.event.comment.id || github.event.issue.number }}
   cancel-in-progress: false
 
 on:
@@ -12,13 +12,15 @@ on:
 jobs:
   translate:
     if: |
-      (github.event_name == 'issues' && github.event.issue.author_association == 'COLLABORATOR' && !contains(github.event.issue.body, 'This issue/comment was translated by Claude.')) ||
-      (github.event_name == 'issue_comment' && github.event.comment.author_association == 'COLLABORATOR' && !contains(github.event.issue.body, 'This issue/comment was translated by Claude.'))
+      (github.event_name == 'issues') ||
+      (github.event_name == 'issue_comment' && github.event.sender.type != 'Bot') &&
+      ((github.event_name == 'issue_comment' && github.event.action == 'created' && !contains(github.event.comment.body, 'This issue was translated by Claude')) ||
+      (github.event_name == 'issue_comment' && github.event.action == 'edited'))
     runs-on: ubuntu-latest
     permissions:
       contents: read
       issues: write # 编辑issues/comments
-      pull-requests: read
+      pull-requests: write
       id-token: write
 
     steps:
@@ -28,11 +30,16 @@ jobs:
           fetch-depth: 1
 
       - name: Run Claude for translation
-        uses: anthropics/claude-code-action@v1
+        uses: anthropics/claude-code-action@main
         id: claude
         with:
+          # Warning: Permissions should have been controlled by workflow permission.
+          # Now `contents: read` is safe for files, but we could make a fine-grained token to control it.
+          # See: https://github.com/anthropics/claude-code-action/blob/main/docs/security.md
+          github_token: ${{ secrets.TOKEN_GITHUB_WRITE }}
+          allowed_non_write_users: '*'
           claude_code_oauth_token: ${{ secrets.CLAUDE_CODE_OAUTH_TOKEN }}
-          claude_args: '--allowed-tools mcp__github_comment__update_claude_comment,Bash(gh issue:*),Bash(gh api:repos/*/issues:*)'
+          claude_args: '--allowed-tools Bash(gh issue:*),Bash(gh api:repos/*/issues:*)'
           prompt: |
             你是一个多语言翻译助手。请完成以下任务：
 
@@ -50,7 +57,7 @@ jobs:
 
                  ---
                  <details>
-                 <summary>**Original Content:**</summary>
+                 <summary>Original Content</summary>
                  [原始内容]
                  </details>
 
diff --git a/.prettierrc b/.prettierrc
index 85e2eb0ca6..7a06761104 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -3,9 +3,11 @@
   "endOfLine": "lf",
   "jsonRecursiveSort": true,
   "jsonSortOrder": "{\"*\": \"lexical\"}",
-  "plugins": ["prettier-plugin-sort-json"],
+  "plugins": ["prettier-plugin-sort-json", "prettier-plugin-tailwindcss"],
   "printWidth": 120,
   "semi": false,
   "singleQuote": true,
+  "tailwindFunctions": ["clsx"],
+  "tailwindStylesheet": "./src/renderer/src/assets/styles/tailwind.css",
   "trailingComma": "none"
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 997c26aedf..3dd634507f 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -28,6 +28,9 @@
     "source.organizeImports": "never"
   },
   "editor.formatOnSave": true,
+  "files.associations": {
+    "*.css": "tailwindcss"
+  },
   "files.eol": "\n",
   "i18n-ally.displayLanguage": "zh-cn",
   "i18n-ally.enabledFrameworks": ["react-i18next", "i18next"],
diff --git a/CLAUDE.md b/CLAUDE.md
index 21b8b2080a..37e4dd6146 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -92,6 +92,12 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 - **Multi-language Support**: i18n with dynamic loading
 - **Theme System**: Light/dark themes with custom CSS variables
 
+### UI Design
+
+The project is in the process of migrating from antd & styled-components to HeroUI. Please use HeroUI to build UI components. The use of antd and styled-components is prohibited.
+
+HeroUI Docs: https://www.heroui.com/docs/guide/introduction
+
 ### Database Architecture
 
 - **Database**: SQLite (`cherrystudio.sqlite`) + libsql driver
diff --git a/README.md b/README.md
index 47f29b0daf..90d1d9fb8b 100644
--- a/README.md
+++ b/README.md
@@ -82,7 +82,7 @@ Cherry Studio is a desktop client that supports multiple LLM providers, availabl
 1. **Diverse LLM Provider Support**:
 
 - ☁️ Major LLM Cloud Services: OpenAI, Gemini, Anthropic, and more
-- 🔗 AI Web Service Integration: Claude, Peplexity, Poe, and others
+- 🔗 AI Web Service Integration: Claude, Perplexity, Poe, and others
 - 💻 Local Model Support with Ollama, LM Studio
 
 2. **AI Assistants & Conversations**:
diff --git a/components.json b/components.json
new file mode 100644
index 0000000000..c5aceeb3ce
--- /dev/null
+++ b/components.json
@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "aliases": {
+    "components": "@renderer/ui/third-party",
+    "hooks": "@renderer/hooks",
+    "lib": "@renderer/lib",
+    "ui": "@renderer/ui",
+    "utils": "@renderer/utils"
+  },
+  "iconLibrary": "lucide",
+  "rsc": false,
+  "style": "new-york",
+  "tailwind": {
+    "baseColor": "zinc",
+    "config": "",
+    "css": "src/renderer/src/assets/styles/tailwind.css",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "tsx": true
+}
diff --git a/docs/README.zh.md b/docs/README.zh.md
index 774db66627..84546c57ee 100644
--- a/docs/README.zh.md
+++ b/docs/README.zh.md
@@ -13,7 +13,7 @@
         <p><a href="https://openaitx.github.io/view.html?user=CherryHQ&project=cherry-studio&lang=fr">Français</a></p>
         <p><a href="https://openaitx.github.io/view.html?user=CherryHQ&project=cherry-studio&lang=de">Deutsch</a></p>
         <p><a href="https://openaitx.github.io/view.html?user=CherryHQ&project=cherry-studio&lang=es">Español</a></p>
-        <p><a href="https://openaitx.github.io/view.html?user=CherryHQ&project=cherry-studio&lang=it">Itapano</a></p>
+        <p><a href="https://openaitx.github.io/view.html?user=CherryHQ&project=cherry-studio&lang=it">Italiano</a></p>
         <p><a href="https://openaitx.github.io/view.html?user=CherryHQ&project=cherry-studio&lang=ru">Русский</a></p>
         <p><a href="https://openaitx.github.io/view.html?user=CherryHQ&project=cherry-studio&lang=pt">Português</a></p>
         <p><a href="https://openaitx.github.io/view.html?user=CherryHQ&project=cherry-studio&lang=nl">Nederlands</a></p>
@@ -89,7 +89,7 @@ https://docs.cherry-ai.com
 1. **多样化 LLM 服务支持**：
 
 - ☁️ 支持主流 LLM 云服务：OpenAI、Gemini、Anthropic、硅基流动等
-- 🔗 集成流行 AI Web 服务：Claude、Peplexity、Poe、腾讯元宝、知乎直答等
+- 🔗 集成流行 AI Web 服务：Claude、Perplexity、Poe、腾讯元宝、知乎直答等
 - 💻 支持 Ollama、LM Studio 本地模型部署
 
 2. **智能助手与对话**：
diff --git a/electron-builder.yml b/electron-builder.yml
index 272e8eba50..47f3fa3883 100644
--- a/electron-builder.yml
+++ b/electron-builder.yml
@@ -113,6 +113,10 @@ linux:
       StartupWMClass: CherryStudio
   mimeTypes:
     - x-scheme-handler/cherrystudio
+rpm:
+  # Workaround for electron build issue on rpm package:
+  # https://github.com/electron/forge/issues/3594
+  fpm: ['--rpm-rpmbuild-define=_build_id_links none']
 publish:
   provider: generic
   url: https://releases.cherry-ai.com
diff --git a/electron.vite.config.ts b/electron.vite.config.ts
index 531cb89843..026303f0fc 100644
--- a/electron.vite.config.ts
+++ b/electron.vite.config.ts
@@ -74,6 +74,7 @@ export default defineConfig({
   },
   renderer: {
     plugins: [
+      (async () => (await import('@tailwindcss/vite')).default())(),
       react({
         tsDecorators: true,
         plugins: [
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 133025b1fd..f3a96ca225 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -123,7 +123,10 @@ export default defineConfig([
       '.gitignore',
       'scripts/cloudflare-worker.js',
       'src/main/integration/nutstore/sso/lib/**',
-      'src/main/integration/cherryin/index.js'
+      'src/main/integration/cherryin/index.js',
+      'src/main/integration/nutstore/sso/lib/**',
+      'src/renderer/src/ui/**',
+      'packages/**/dist'
     ]
   }
 ])
diff --git a/package.json b/package.json
index be23f06594..e560d8e855 100644
--- a/package.json
+++ b/package.json
@@ -69,6 +69,7 @@
     "format:check": "prettier --check .",
     "lint": "eslint . --ext .js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix && yarn typecheck && yarn check:i18n",
     "prepare": "git config blame.ignoreRevsFile .git-blame-ignore-revs && husky",
+    "claude": "dotenv -e .env -- claude",
     "migrations:generate": "drizzle-kit generate --config ./migrations/sqlite-drizzle.config.ts"
   },
   "dependencies": {
@@ -76,14 +77,18 @@
     "@libsql/win32-x64-msvc": "^0.4.7",
     "@napi-rs/system-ocr": "patch:@napi-rs/system-ocr@npm%3A1.0.2#~/.yarn/patches/@napi-rs-system-ocr-npm-1.0.2-59e7a78e8b.patch",
     "@strongtz/win32-arm64-msvc": "^0.4.7",
+    "express": "^5.1.0",
     "faiss-node": "^0.5.1",
+    "font-list": "^2.0.0",
     "graceful-fs": "^4.2.11",
     "jsdom": "26.1.0",
     "node-stream-zip": "^1.15.0",
     "officeparser": "^4.2.0",
     "os-proxy-config": "^1.1.2",
-    "selection-hook": "^1.0.11",
+    "selection-hook": "^1.0.12",
     "sharp": "^0.34.3",
+    "swagger-jsdoc": "^6.2.8",
+    "swagger-ui-express": "^5.0.1",
     "tesseract.js": "patch:tesseract.js@npm%3A6.0.1#~/.yarn/patches/tesseract.js-npm-6.0.1-2562a7e46d.patch",
     "turndown": "7.2.0"
   },
@@ -92,8 +97,9 @@
     "@agentic/searxng": "^7.3.3",
     "@agentic/tavily": "^7.3.3",
     "@ai-sdk/amazon-bedrock": "^3.0.0",
-    "@ai-sdk/google-vertex": "^3.0.0",
+    "@ai-sdk/google-vertex": "^3.0.25",
     "@ai-sdk/mistral": "^2.0.0",
+    "@ai-sdk/perplexity": "^2.0.8",
     "@ant-design/v5-patch-for-react-19": "^1.0.3",
     "@anthropic-ai/sdk": "^0.41.0",
     "@anthropic-ai/vertex-sdk": "patch:@anthropic-ai/vertex-sdk@npm%3A0.11.4#~/.yarn/patches/@anthropic-ai-vertex-sdk-npm-0.11.4-c19cb41edb.patch",
@@ -129,13 +135,14 @@
     "@eslint/js": "^9.22.0",
     "@google/genai": "patch:@google/genai@npm%3A1.0.1#~/.yarn/patches/@google-genai-npm-1.0.1-e26f0f9af7.patch",
     "@hello-pangea/dnd": "^18.0.1",
+    "@heroui/react": "^2.8.3",
     "@kangfenmao/keyv-storage": "^0.1.0",
     "@langchain/community": "^0.3.50",
     "@langchain/core": "^0.3.68",
     "@langchain/ollama": "^0.2.1",
     "@langchain/openai": "^0.6.7",
     "@mistralai/mistralai": "^1.7.5",
-    "@modelcontextprotocol/sdk": "^1.17.0",
+    "@modelcontextprotocol/sdk": "^1.17.5",
     "@mozilla/readability": "^0.6.0",
     "@notionhq/client": "^2.2.15",
     "@openrouter/ai-sdk-provider": "^1.1.2",
@@ -149,6 +156,7 @@
     "@reduxjs/toolkit": "^2.2.5",
     "@shikijs/markdown-it": "^3.12.0",
     "@swc/plugin-styled-components": "^8.0.4",
+    "@tailwindcss/vite": "^4.1.13",
     "@tanstack/react-query": "^5.85.5",
     "@tanstack/react-virtual": "^3.13.12",
     "@testing-library/dom": "^10.4.0",
@@ -174,6 +182,10 @@
     "@truto/turndown-plugin-gfm": "^1.0.2",
     "@tryfabric/martian": "^1.2.4",
     "@types/cli-progress": "^3",
+    "@types/content-type": "^1.1.9",
+    "@types/cors": "^2.8.19",
+    "@types/diff": "^7",
+    "@types/express": "^5",
     "@types/fs-extra": "^11",
     "@types/he": "^1",
     "@types/html-to-text": "^9",
@@ -187,6 +199,9 @@
     "@types/react-dom": "^19.0.4",
     "@types/react-infinite-scroll-component": "^5.0.0",
     "@types/react-transition-group": "^4.4.12",
+    "@types/react-window": "^1",
+    "@types/swagger-jsdoc": "^6",
+    "@types/swagger-ui-express": "^4.1.8",
     "@types/tinycolor2": "^1",
     "@types/turndown": "^5.0.5",
     "@types/word-extractor": "^1",
@@ -201,16 +216,18 @@
     "@viz-js/lang-dot": "^1.0.5",
     "@viz-js/viz": "^3.14.0",
     "@xyflow/react": "^12.4.4",
-    "ai": "^5.0.29",
+    "ai": "^5.0.38",
     "antd": "patch:antd@npm%3A5.27.0#~/.yarn/patches/antd-npm-5.27.0-aa91c36546.patch",
     "archiver": "^7.0.1",
     "async-mutex": "^0.5.0",
     "axios": "^1.7.3",
     "browser-image-compression": "^2.0.2",
     "chardet": "^2.1.0",
+    "check-disk-space": "3.4.0",
     "cheerio": "^1.1.2",
     "chokidar": "^4.0.3",
     "cli-progress": "^3.12.0",
+    "clsx": "^2.1.1",
     "code-inspector-plugin": "^0.20.14",
     "color": "^5.0.0",
     "concurrently": "^9.2.1",
@@ -241,6 +258,7 @@
     "fast-diff": "^1.3.0",
     "fast-xml-parser": "^5.2.0",
     "fetch-socks": "1.3.2",
+    "framer-motion": "^12.23.12",
     "franc-min": "^6.2.0",
     "fs-extra": "^11.2.0",
     "google-auth-library": "^9.15.1",
@@ -275,6 +293,7 @@
     "playwright": "^1.52.0",
     "prettier": "^3.5.3",
     "prettier-plugin-sort-json": "^4.1.1",
+    "prettier-plugin-tailwindcss": "^0.6.14",
     "proxy-agent": "^6.5.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -304,18 +323,19 @@
     "remark-math": "^6.0.0",
     "remove-markdown": "^0.6.2",
     "rollup-plugin-visualizer": "^5.12.0",
-    "sass": "^1.88.0",
     "shiki": "^3.12.0",
     "strict-url-sanitise": "^0.0.1",
     "string-width": "^7.2.0",
     "striptags": "^3.2.0",
     "styled-components": "^6.1.11",
     "swr": "^2.3.6",
+    "tailwindcss": "^4.1.13",
     "tar": "^7.4.3",
     "tiny-pinyin": "^1.3.2",
     "tokenx": "^1.1.0",
     "tsx": "^4.20.3",
     "turndown-plugin-gfm": "^1.0.2",
+    "tw-animate-css": "^1.3.8",
     "typescript": "^5.6.2",
     "undici": "6.21.2",
     "unified": "^11.0.5",
@@ -331,7 +351,7 @@
     "yjs": "^13.6.27",
     "youtubei.js": "^15.0.1",
     "zipread": "^1.3.3",
-    "zod": "^3.25.74"
+    "zod": "^4.1.5"
   },
   "resolutions": {
     "@codemirror/language": "6.11.3",
@@ -360,7 +380,7 @@
       "prettier --write",
       "eslint --fix"
     ],
-    "*.{json,yml,yaml,css,scss,html}": [
+    "*.{json,yml,yaml,css,html}": [
       "prettier --write"
     ]
   }
diff --git a/packages/aiCore/examples/hub-provider-usage.ts b/packages/aiCore/examples/hub-provider-usage.ts
deleted file mode 100644
index 559e812bdb..0000000000
--- a/packages/aiCore/examples/hub-provider-usage.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-/**
- * Hub Provider 使用示例
- *
- * 演示如何使用简化后的Hub Provider功能来路由到多个底层provider
- */
-
-import { createHubProvider, initializeProvider, providerRegistry } from '../src/index'
-
-async function demonstrateHubProvider() {
-  try {
-    // 1. 初始化底层providers
-    console.log('📦 初始化底层providers...')
-
-    initializeProvider('openai', {
-      apiKey: process.env.OPENAI_API_KEY || 'sk-test-key'
-    })
-
-    initializeProvider('anthropic', {
-      apiKey: process.env.ANTHROPIC_API_KEY || 'sk-ant-test-key'
-    })
-
-    // 2. 创建Hub Provider（自动包含所有已初始化的providers）
-    console.log('🌐 创建Hub Provider...')
-
-    const aihubmixProvider = createHubProvider({
-      hubId: 'aihubmix',
-      debug: true
-    })
-
-    // 3. 注册Hub Provider
-    providerRegistry.registerProvider('aihubmix', aihubmixProvider)
-
-    console.log('✅ Hub Provider "aihubmix" 注册成功')
-
-    // 4. 使用Hub Provider访问不同的模型
-    console.log('\n🚀 使用Hub模型...')
-
-    // 通过Hub路由到OpenAI
-    const openaiModel = providerRegistry.languageModel('aihubmix:openai:gpt-4')
-    console.log('✓ OpenAI模型已获取:', openaiModel.modelId)
-
-    // 通过Hub路由到Anthropic
-    const anthropicModel = providerRegistry.languageModel('aihubmix:anthropic:claude-3.5-sonnet')
-    console.log('✓ Anthropic模型已获取:', anthropicModel.modelId)
-
-    // 5. 演示错误处理
-    console.log('\n❌ 演示错误处理...')
-
-    try {
-      // 尝试访问未初始化的provider
-      providerRegistry.languageModel('aihubmix:google:gemini-pro')
-    } catch (error) {
-      console.log('预期错误:', error.message)
-    }
-
-    try {
-      // 尝试使用错误的模型ID格式
-      providerRegistry.languageModel('aihubmix:invalid-format')
-    } catch (error) {
-      console.log('预期错误:', error.message)
-    }
-
-    // 6. 多个Hub Provider示例
-    console.log('\n🔄 创建多个Hub Provider...')
-
-    const localHubProvider = createHubProvider({
-      hubId: 'local-ai'
-    })
-
-    providerRegistry.registerProvider('local-ai', localHubProvider)
-    console.log('✅ Hub Provider "local-ai" 注册成功')
-
-    console.log('\n🎉 Hub Provider演示完成！')
-  } catch (error) {
-    console.error('💥 演示过程中发生错误:', error)
-  }
-}
-
-// 演示简化的使用方式
-function simplifiedUsageExample() {
-  console.log('\n📝 简化使用示例:')
-  console.log(`
-// 1. 初始化providers
-initializeProvider('openai', { apiKey: 'sk-xxx' })
-initializeProvider('anthropic', { apiKey: 'sk-ant-xxx' })
-
-// 2. 创建并注册Hub Provider
-const hubProvider = createHubProvider({ hubId: 'aihubmix' })
-providerRegistry.registerProvider('aihubmix', hubProvider)
-
-// 3. 直接使用
-const model1 = providerRegistry.languageModel('aihubmix:openai:gpt-4')
-const model2 = providerRegistry.languageModel('aihubmix:anthropic:claude-3.5-sonnet')
-`)
-}
-
-// 运行演示
-if (require.main === module) {
-  demonstrateHubProvider()
-  simplifiedUsageExample()
-}
-
-export { demonstrateHubProvider, simplifiedUsageExample }
diff --git a/packages/aiCore/examples/image-generation.ts b/packages/aiCore/examples/image-generation.ts
deleted file mode 100644
index 811aa048c8..0000000000
--- a/packages/aiCore/examples/image-generation.ts
+++ /dev/null
@@ -1,167 +0,0 @@
-/**
- * Image Generation Example
- * 演示如何使用 aiCore 的文生图功能
- */
-
-import { createExecutor, generateImage } from '../src/index'
-
-async function main() {
-  // 方式1: 使用执行器实例
-  console.log('📸 创建 OpenAI 图像生成执行器...')
-  const executor = createExecutor('openai', {
-    apiKey: process.env.OPENAI_API_KEY!
-  })
-
-  try {
-    console.log('🎨 使用执行器生成图像...')
-    const result1 = await executor.generateImage('dall-e-3', {
-      prompt: 'A futuristic cityscape at sunset with flying cars',
-      size: '1024x1024',
-      n: 1
-    })
-
-    console.log('✅ 图像生成成功!')
-    console.log('📊 结果:', {
-      imagesCount: result1.images.length,
-      mediaType: result1.image.mediaType,
-      hasBase64: !!result1.image.base64,
-      providerMetadata: result1.providerMetadata
-    })
-  } catch (error) {
-    console.error('❌ 执行器生成失败:', error)
-  }
-
-  // 方式2: 使用直接调用 API
-  try {
-    console.log('🎨 使用直接 API 生成图像...')
-    const result2 = await generateImage('openai', { apiKey: process.env.OPENAI_API_KEY! }, 'dall-e-3', {
-      prompt: 'A magical forest with glowing mushrooms and fairy lights',
-      aspectRatio: '16:9',
-      providerOptions: {
-        openai: {
-          quality: 'hd',
-          style: 'vivid'
-        }
-      }
-    })
-
-    console.log('✅ 直接 API 生成成功!')
-    console.log('📊 结果:', {
-      imagesCount: result2.images.length,
-      mediaType: result2.image.mediaType,
-      hasBase64: !!result2.image.base64
-    })
-  } catch (error) {
-    console.error('❌ 直接 API 生成失败:', error)
-  }
-
-  // 方式3: 支持其他提供商 (Google Imagen)
-  if (process.env.GOOGLE_API_KEY) {
-    try {
-      console.log('🎨 使用 Google Imagen 生成图像...')
-      const googleExecutor = createExecutor('google', {
-        apiKey: process.env.GOOGLE_API_KEY!
-      })
-
-      const result3 = await googleExecutor.generateImage('imagen-3.0-generate-002', {
-        prompt: 'A serene mountain lake at dawn with mist rising from the water',
-        aspectRatio: '1:1'
-      })
-
-      console.log('✅ Google Imagen 生成成功!')
-      console.log('📊 结果:', {
-        imagesCount: result3.images.length,
-        mediaType: result3.image.mediaType,
-        hasBase64: !!result3.image.base64
-      })
-    } catch (error) {
-      console.error('❌ Google Imagen 生成失败:', error)
-    }
-  }
-
-  // 方式4: 支持插件系统
-  const pluginExample = async () => {
-    console.log('🔌 演示插件系统...')
-
-    // 创建一个示例插件，用于修改提示词
-    const promptEnhancerPlugin = {
-      name: 'prompt-enhancer',
-      transformParams: async (params: any) => {
-        console.log('🔧 插件: 增强提示词...')
-        return {
-          ...params,
-          prompt: `${params.prompt}, highly detailed, cinematic lighting, 4K resolution`
-        }
-      },
-      transformResult: async (result: any) => {
-        console.log('🔧 插件: 处理结果...')
-        return {
-          ...result,
-          enhanced: true
-        }
-      }
-    }
-
-    const executorWithPlugin = createExecutor(
-      'openai',
-      {
-        apiKey: process.env.OPENAI_API_KEY!
-      },
-      [promptEnhancerPlugin]
-    )
-
-    try {
-      const result4 = await executorWithPlugin.generateImage('dall-e-3', {
-        prompt: 'A cute robot playing in a garden'
-      })
-
-      console.log('✅ 插件系统生成成功!')
-      console.log('📊 结果:', {
-        imagesCount: result4.images.length,
-        enhanced: (result4 as any).enhanced,
-        mediaType: result4.image.mediaType
-      })
-    } catch (error) {
-      console.error('❌ 插件系统生成失败:', error)
-    }
-  }
-
-  await pluginExample()
-}
-
-// 错误处理演示
-async function errorHandlingExample() {
-  console.log('⚠️  演示错误处理...')
-
-  try {
-    const executor = createExecutor('openai', {
-      apiKey: 'invalid-key'
-    })
-
-    await executor.generateImage('dall-e-3', {
-      prompt: 'Test image'
-    })
-  } catch (error: any) {
-    console.log('✅ 成功捕获错误:', error.constructor.name)
-    console.log('📋 错误信息:', error.message)
-    console.log('🏷️  提供商ID:', error.providerId)
-    console.log('🏷️  模型ID:', error.modelId)
-  }
-}
-
-// 运行示例
-if (require.main === module) {
-  main()
-    .then(() => {
-      console.log('🎉 所有示例完成!')
-      return errorHandlingExample()
-    })
-    .then(() => {
-      console.log('🎯 示例程序结束')
-      process.exit(0)
-    })
-    .catch((error) => {
-      console.error('💥 程序执行出错:', error)
-      process.exit(1)
-    })
-}
diff --git a/packages/aiCore/package.json b/packages/aiCore/package.json
index 2e02700563..e61db529e2 100644
--- a/packages/aiCore/package.json
+++ b/packages/aiCore/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cherrystudio/ai-core",
-  "version": "1.0.0-alpha.11",
+  "version": "1.0.0-alpha.14",
   "description": "Cherry Studio AI Core - Unified AI Provider Interface Based on Vercel AI SDK",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -39,13 +39,13 @@
     "@ai-sdk/anthropic": "^2.0.5",
     "@ai-sdk/azure": "^2.0.16",
     "@ai-sdk/deepseek": "^1.0.9",
-    "@ai-sdk/google": "^2.0.7",
-    "@ai-sdk/openai": "^2.0.19",
+    "@ai-sdk/google": "^2.0.13",
+    "@ai-sdk/openai": "^2.0.26",
     "@ai-sdk/openai-compatible": "^1.0.9",
     "@ai-sdk/provider": "^2.0.0",
     "@ai-sdk/provider-utils": "^3.0.4",
     "@ai-sdk/xai": "^2.0.9",
-    "zod": "^3.25.0"
+    "zod": "^4.1.5"
   },
   "devDependencies": {
     "tsdown": "^0.12.9",
diff --git a/packages/aiCore/src/core/models/ModelResolver.ts b/packages/aiCore/src/core/models/ModelResolver.ts
index 0f1bde95c6..20bf3d76d1 100644
--- a/packages/aiCore/src/core/models/ModelResolver.ts
+++ b/packages/aiCore/src/core/models/ModelResolver.ts
@@ -84,7 +84,6 @@ export class ModelResolver {
    */
   private resolveTraditionalModel(providerId: string, modelId: string): LanguageModelV2 {
     const fullModelId = `${providerId}${DEFAULT_SEPARATOR}${modelId}`
-    console.log('fullModelId', fullModelId)
     return globalRegistryManagement.languageModel(fullModelId as any)
   }
 
diff --git a/packages/aiCore/src/core/options/xai.ts b/packages/aiCore/src/core/options/xai.ts
index 8d82f587e8..7fe5672778 100644
--- a/packages/aiCore/src/core/options/xai.ts
+++ b/packages/aiCore/src/core/options/xai.ts
@@ -1,7 +1,7 @@
 // copy from @ai-sdk/xai/xai-chat-options.ts
 // 如果@ai-sdk/xai暴露出了xaiProviderOptions就删除这个文件
 
-import * as z from 'zod/v4'
+import { z } from 'zod'
 
 const webSourceSchema = z.object({
   type: z.literal('web'),
diff --git a/packages/aiCore/src/core/plugins/built-in/googleToolsPlugin/index.ts b/packages/aiCore/src/core/plugins/built-in/googleToolsPlugin/index.ts
new file mode 100644
index 0000000000..cb581e17c6
--- /dev/null
+++ b/packages/aiCore/src/core/plugins/built-in/googleToolsPlugin/index.ts
@@ -0,0 +1,39 @@
+import { google } from '@ai-sdk/google'
+
+import { definePlugin } from '../../'
+import type { AiRequestContext } from '../../types'
+
+const toolNameMap = {
+  googleSearch: 'google_search',
+  urlContext: 'url_context',
+  codeExecution: 'code_execution'
+} as const
+
+type ToolConfigKey = keyof typeof toolNameMap
+type ToolConfig = { googleSearch?: boolean; urlContext?: boolean; codeExecution?: boolean }
+
+export const googleToolsPlugin = (config?: ToolConfig) =>
+  definePlugin({
+    name: 'googleToolsPlugin',
+    transformParams: <T>(params: T, context: AiRequestContext): T => {
+      const { providerId } = context
+      if (providerId === 'google' && config) {
+        if (typeof params === 'object' && params !== null) {
+          const typedParams = params as T & { tools?: Record<string, unknown> }
+
+          if (!typedParams.tools) {
+            typedParams.tools = {}
+          }
+
+          // 使用类型安全的方式遍历配置
+          ;(Object.keys(config) as ToolConfigKey[]).forEach((key) => {
+            if (config[key] && key in toolNameMap && key in google.tools) {
+              const toolName = toolNameMap[key]
+              typedParams.tools![toolName] = google.tools[key]({})
+            }
+          })
+        }
+      }
+      return params
+    }
+  })
diff --git a/packages/aiCore/src/core/plugins/built-in/index.ts b/packages/aiCore/src/core/plugins/built-in/index.ts
index 3c0dfa5a8f..e7dcae8738 100644
--- a/packages/aiCore/src/core/plugins/built-in/index.ts
+++ b/packages/aiCore/src/core/plugins/built-in/index.ts
@@ -4,6 +4,7 @@
  */
 export const BUILT_IN_PLUGIN_PREFIX = 'built-in:'
 
+export { googleToolsPlugin } from './googleToolsPlugin'
 export { createLoggingPlugin } from './logging'
 export { createPromptToolUsePlugin } from './toolUsePlugin/promptToolUsePlugin'
 export type { PromptToolUseConfig, ToolUseRequestContext, ToolUseResult } from './toolUsePlugin/type'
diff --git a/packages/aiCore/src/core/plugins/built-in/toolUsePlugin/StreamEventManager.ts b/packages/aiCore/src/core/plugins/built-in/toolUsePlugin/StreamEventManager.ts
index 197b20e9b4..59a425712c 100644
--- a/packages/aiCore/src/core/plugins/built-in/toolUsePlugin/StreamEventManager.ts
+++ b/packages/aiCore/src/core/plugins/built-in/toolUsePlugin/StreamEventManager.ts
@@ -27,10 +27,20 @@ export class StreamEventManager {
   /**
    * 发送步骤完成事件
    */
-  sendStepFinishEvent(controller: StreamController, chunk: any): void {
+  sendStepFinishEvent(
+    controller: StreamController,
+    chunk: any,
+    context: AiRequestContext,
+    finishReason: string = 'stop'
+  ): void {
+    // 累加当前步骤的 usage
+    if (chunk.usage && context.accumulatedUsage) {
+      this.accumulateUsage(context.accumulatedUsage, chunk.usage)
+    }
+
     controller.enqueue({
       type: 'finish-step',
-      finishReason: 'stop',
+      finishReason,
       response: chunk.response,
       usage: chunk.usage,
       providerMetadata: chunk.providerMetadata
@@ -43,28 +53,32 @@ export class StreamEventManager {
   async handleRecursiveCall(
     controller: StreamController,
     recursiveParams: any,
-    context: AiRequestContext,
-    stepId: string
+    context: AiRequestContext
   ): Promise<void> {
-    try {
-      console.log('[MCP Prompt] Starting recursive call after tool execution...')
+    // try {
+    // 重置工具执行状态，准备处理新的步骤
+    context.hasExecutedToolsInCurrentStep = false
 
-      const recursiveResult = await context.recursiveCall(recursiveParams)
+    const recursiveResult = await context.recursiveCall(recursiveParams)
 
-      if (recursiveResult && recursiveResult.fullStream) {
-        await this.pipeRecursiveStream(controller, recursiveResult.fullStream)
-      } else {
-        console.warn('[MCP Prompt] No fullstream found in recursive result:', recursiveResult)
-      }
-    } catch (error) {
-      this.handleRecursiveCallError(controller, error, stepId)
+    if (recursiveResult && recursiveResult.fullStream) {
+      await this.pipeRecursiveStream(controller, recursiveResult.fullStream, context)
+    } else {
+      console.warn('[MCP Prompt] No fullstream found in recursive result:', recursiveResult)
     }
+    // } catch (error) {
+    //   this.handleRecursiveCallError(controller, error, stepId)
+    // }
   }
 
   /**
    * 将递归流的数据传递到当前流
    */
-  private async pipeRecursiveStream(controller: StreamController, recursiveStream: ReadableStream): Promise<void> {
+  private async pipeRecursiveStream(
+    controller: StreamController,
+    recursiveStream: ReadableStream,
+    context?: AiRequestContext
+  ): Promise<void> {
     const reader = recursiveStream.getReader()
     try {
       while (true) {
@@ -73,9 +87,16 @@ export class StreamEventManager {
           break
         }
         if (value.type === 'finish') {
-          // 迭代的流不发finish
+          // 迭代的流不发finish，但需要累加其 usage
+          if (value.usage && context?.accumulatedUsage) {
+            this.accumulateUsage(context.accumulatedUsage, value.usage)
+          }
           break
         }
+        // 对于 finish-step 类型，累加其 usage
+        if (value.type === 'finish-step' && value.usage && context?.accumulatedUsage) {
+          this.accumulateUsage(context.accumulatedUsage, value.usage)
+        }
         // 将递归流的数据传递到当前流
         controller.enqueue(value)
       }
@@ -87,25 +108,25 @@ export class StreamEventManager {
   /**
    * 处理递归调用错误
    */
-  private handleRecursiveCallError(controller: StreamController, error: unknown, stepId: string): void {
-    console.error('[MCP Prompt] Recursive call failed:', error)
+  // private handleRecursiveCallError(controller: StreamController, error: unknown): void {
+  //   console.error('[MCP Prompt] Recursive call failed:', error)
 
-    // 使用 AI SDK 标准错误格式，但不中断流
-    controller.enqueue({
-      type: 'error',
-      error: {
-        message: error instanceof Error ? error.message : String(error),
-        name: error instanceof Error ? error.name : 'RecursiveCallError'
-      }
-    })
+  //   // 使用 AI SDK 标准错误格式，但不中断流
+  //   controller.enqueue({
+  //     type: 'error',
+  //     error: {
+  //       message: error instanceof Error ? error.message : String(error),
+  //       name: error instanceof Error ? error.name : 'RecursiveCallError'
+  //     }
+  //   })
 
-    // 继续发送文本增量，保持流的连续性
-    controller.enqueue({
-      type: 'text-delta',
-      id: stepId,
-      text: '\n\n[工具执行后递归调用失败，继续对话...]'
-    })
-  }
+  //   // // 继续发送文本增量，保持流的连续性
+  //   // controller.enqueue({
+  //   //   type: 'text-delta',
+  //   //   id: stepId,
+  //   //   text: '\n\n[工具执行后递归调用失败，继续对话...]'
+  //   // })
+  // }
 
   /**
    * 构建递归调用的参数
@@ -136,4 +157,18 @@ export class StreamEventManager {
 
     return recursiveParams
   }
+
+  /**
+   * 累加 usage 数据
+   */
+  private accumulateUsage(target: any, source: any): void {
+    if (!target || !source) return
+
+    // 累加各种 token 类型
+    target.inputTokens = (target.inputTokens || 0) + (source.inputTokens || 0)
+    target.outputTokens = (target.outputTokens || 0) + (source.outputTokens || 0)
+    target.totalTokens = (target.totalTokens || 0) + (source.totalTokens || 0)
+    target.reasoningTokens = (target.reasoningTokens || 0) + (source.reasoningTokens || 0)
+    target.cachedInputTokens = (target.cachedInputTokens || 0) + (source.cachedInputTokens || 0)
+  }
 }
diff --git a/packages/aiCore/src/core/plugins/built-in/toolUsePlugin/ToolExecutor.ts b/packages/aiCore/src/core/plugins/built-in/toolUsePlugin/ToolExecutor.ts
index ec174fa2ea..29d644554e 100644
--- a/packages/aiCore/src/core/plugins/built-in/toolUsePlugin/ToolExecutor.ts
+++ b/packages/aiCore/src/core/plugins/built-in/toolUsePlugin/ToolExecutor.ts
@@ -4,7 +4,7 @@
  * 负责工具的执行、结果格式化和相关事件发送
  * 从 promptToolUsePlugin.ts 中提取出来以降低复杂度
  */
-import type { ToolSet } from 'ai'
+import type { ToolSet, TypedToolError } from 'ai'
 
 import type { ToolUseResult } from './type'
 
@@ -38,7 +38,6 @@ export class ToolExecutor {
     controller: StreamController
   ): Promise<ExecutedResult[]> {
     const executedResults: ExecutedResult[] = []
-
     for (const toolUse of toolUses) {
       try {
         const tool = tools[toolUse.toolName]
@@ -46,17 +45,12 @@ export class ToolExecutor {
           throw new Error(`Tool "${toolUse.toolName}" has no execute method`)
         }
 
-        // 发送工具调用开始事件
-        this.sendToolStartEvents(controller, toolUse)
-
-        console.log(`[MCP Prompt Stream] Executing tool: ${toolUse.toolName}`, toolUse.arguments)
-
         // 发送 tool-call 事件
         controller.enqueue({
           type: 'tool-call',
           toolCallId: toolUse.id,
           toolName: toolUse.toolName,
-          input: tool.inputSchema
+          input: toolUse.arguments
         })
 
         const result = await tool.execute(toolUse.arguments, {
@@ -111,45 +105,46 @@ export class ToolExecutor {
   /**
    * 发送工具调用开始相关事件
    */
-  private sendToolStartEvents(controller: StreamController, toolUse: ToolUseResult): void {
-    // 发送 tool-input-start 事件
-    controller.enqueue({
-      type: 'tool-input-start',
-      id: toolUse.id,
-      toolName: toolUse.toolName
-    })
-  }
+  // private sendToolStartEvents(controller: StreamController, toolUse: ToolUseResult): void {
+  //   // 发送 tool-input-start 事件
+  //   controller.enqueue({
+  //     type: 'tool-input-start',
+  //     id: toolUse.id,
+  //     toolName: toolUse.toolName
+  //   })
+  // }
 
   /**
    * 处理工具执行错误
    */
-  private handleToolError(
+  private handleToolError<T extends ToolSet>(
     toolUse: ToolUseResult,
     error: unknown,
     controller: StreamController
-    // _tools: ToolSet
   ): ExecutedResult {
     // 使用 AI SDK 标准错误格式
-    // const toolError: TypedToolError<typeof _tools> = {
-    //   type: 'tool-error',
-    //   toolCallId: toolUse.id,
-    //   toolName: toolUse.toolName,
-    //   input: toolUse.arguments,
-    //   error: error instanceof Error ? error.message : String(error)
-    // }
+    const toolError: TypedToolError<T> = {
+      type: 'tool-error',
+      toolCallId: toolUse.id,
+      toolName: toolUse.toolName,
+      input: toolUse.arguments,
+      error
+    }
 
-    // controller.enqueue(toolError)
+    controller.enqueue(toolError)
 
     // 发送标准错误事件
-    controller.enqueue({
-      type: 'error',
-      error: error instanceof Error ? error.message : String(error)
-    })
+    // controller.enqueue({
+    //   type: 'tool-error',
+    //   toolCallId: toolUse.id,
+    //   error: error instanceof Error ? error.message : String(error),
+    //   input: toolUse.arguments
+    // })
 
     return {
       toolCallId: toolUse.id,
       toolName: toolUse.toolName,
-      result: error instanceof Error ? error.message : String(error),
+      result: error,
       isError: true
     }
   }
diff --git a/packages/aiCore/src/core/plugins/built-in/toolUsePlugin/promptToolUsePlugin.ts b/packages/aiCore/src/core/plugins/built-in/toolUsePlugin/promptToolUsePlugin.ts
index 1d795c94a3..fce028f5cd 100644
--- a/packages/aiCore/src/core/plugins/built-in/toolUsePlugin/promptToolUsePlugin.ts
+++ b/packages/aiCore/src/core/plugins/built-in/toolUsePlugin/promptToolUsePlugin.ts
@@ -8,9 +8,19 @@ import type { TextStreamPart, ToolSet } from 'ai'
 import { definePlugin } from '../../index'
 import type { AiRequestContext } from '../../types'
 import { StreamEventManager } from './StreamEventManager'
+import { type TagConfig, TagExtractor } from './tagExtraction'
 import { ToolExecutor } from './ToolExecutor'
 import { PromptToolUseConfig, ToolUseResult } from './type'
 
+/**
+ * 工具使用标签配置
+ */
+const TOOL_USE_TAG_CONFIG: TagConfig = {
+  openingTag: '<tool_use>',
+  closingTag: '</tool_use>',
+  separator: '\n'
+}
+
 /**
  * 默认系统提示符模板（提取自 Cherry Studio）
  */
@@ -146,8 +156,10 @@ Assistant: The population of Shanghai is 26 million, while Guangzhou has a popul
 /**
  * 构建可用工具部分（提取自 Cherry Studio）
  */
-function buildAvailableTools(tools: ToolSet): string {
+function buildAvailableTools(tools: ToolSet): string | null {
   const availableTools = Object.keys(tools)
+  if (availableTools.length === 0) return null
+  const result = availableTools
     .map((toolName: string) => {
       const tool = tools[toolName]
       return `
@@ -162,7 +174,7 @@ function buildAvailableTools(tools: ToolSet): string {
     })
     .join('\n')
   return `<tools>
-${availableTools}
+${result}
 </tools>`
 }
 
@@ -171,6 +183,7 @@ ${availableTools}
  */
 function defaultBuildSystemPrompt(userSystemPrompt: string, tools: ToolSet): string {
   const availableTools = buildAvailableTools(tools)
+  if (availableTools === null) return userSystemPrompt
 
   const fullPrompt = DEFAULT_SYSTEM_PROMPT.replace('{{ TOOL_USE_EXAMPLES }}', DEFAULT_TOOL_USE_EXAMPLES)
     .replace('{{ AVAILABLE_TOOLS }}', availableTools)
@@ -249,13 +262,11 @@ export const createPromptToolUsePlugin = (config: PromptToolUseConfig = {}) => {
       }
 
       context.mcpTools = params.tools
-      console.log('tools stored in context', params.tools)
 
       // 构建系统提示符
       const userSystemPrompt = typeof params.system === 'string' ? params.system : ''
       const systemPrompt = buildSystemPrompt(userSystemPrompt, params.tools)
       let systemMessage: string | null = systemPrompt
-      console.log('config.context', context)
       if (config.createSystemMessage) {
         // 🎯 如果用户提供了自定义处理函数，使用它
         systemMessage = config.createSystemMessage(systemPrompt, params, context)
@@ -268,20 +279,40 @@ export const createPromptToolUsePlugin = (config: PromptToolUseConfig = {}) => {
         tools: undefined
       }
       context.originalParams = transformedParams
-      console.log('transformedParams', transformedParams)
       return transformedParams
     },
     transformStream: (_: any, context: AiRequestContext) => () => {
       let textBuffer = ''
-      let stepId = ''
+      // let stepId = ''
 
       if (!context.mcpTools) {
         throw new Error('No tools available')
       }
 
-      // 创建工具执行器和流事件管理器
+      // 从 context 中获取或初始化 usage 累加器
+      if (!context.accumulatedUsage) {
+        context.accumulatedUsage = {
+          inputTokens: 0,
+          outputTokens: 0,
+          totalTokens: 0,
+          reasoningTokens: 0,
+          cachedInputTokens: 0
+        }
+      }
+
+      // 创建工具执行器、流事件管理器和标签提取器
       const toolExecutor = new ToolExecutor()
       const streamEventManager = new StreamEventManager()
+      const tagExtractor = new TagExtractor(TOOL_USE_TAG_CONFIG)
+
+      // 在context中初始化工具执行状态，避免递归调用时状态丢失
+      if (!context.hasExecutedToolsInCurrentStep) {
+        context.hasExecutedToolsInCurrentStep = false
+      }
+
+      // 用于hold text-start事件，直到确认有非工具标签内容
+      let pendingTextStart: TextStreamPart<TOOLS> | null = null
+      let hasStartedText = false
 
       type TOOLS = NonNullable<typeof context.mcpTools>
       return new TransformStream<TextStreamPart<TOOLS>, TextStreamPart<TOOLS>>({
@@ -289,83 +320,106 @@ export const createPromptToolUsePlugin = (config: PromptToolUseConfig = {}) => {
           chunk: TextStreamPart<TOOLS>,
           controller: TransformStreamDefaultController<TextStreamPart<TOOLS>>
         ) {
-          // 收集文本内容
-          if (chunk.type === 'text-delta') {
-            textBuffer += chunk.text || ''
-            stepId = chunk.id || ''
-            controller.enqueue(chunk)
+          // Hold住text-start事件，直到确认有非工具标签内容
+          if ((chunk as any).type === 'text-start') {
+            pendingTextStart = chunk
             return
           }
 
-          if (chunk.type === 'text-end' || chunk.type === 'finish-step') {
-            const tools = context.mcpTools
-            if (!tools || Object.keys(tools).length === 0) {
-              controller.enqueue(chunk)
-              return
-            }
+          // text-delta阶段：收集文本内容并过滤工具标签
+          if (chunk.type === 'text-delta') {
+            textBuffer += chunk.text || ''
+            // stepId = chunk.id || ''
 
-            // 解析工具调用
-            const { results: parsedTools, content: parsedContent } = parseToolUse(textBuffer, tools)
-            const validToolUses = parsedTools.filter((t) => t.status === 'pending')
+            // 使用TagExtractor过滤工具标签，只传递非标签内容到UI层
+            const extractionResults = tagExtractor.processText(chunk.text || '')
 
-            // 如果没有有效的工具调用，直接传递原始事件
-            if (validToolUses.length === 0) {
-              controller.enqueue(chunk)
-              return
-            }
-
-            if (chunk.type === 'text-end') {
-              controller.enqueue({
-                type: 'text-end',
-                id: stepId,
-                providerMetadata: {
-                  text: {
-                    value: parsedContent
-                  }
+            for (const result of extractionResults) {
+              // 只传递非标签内容到UI层
+              if (!result.isTagContent && result.content) {
+                // 如果还没有发送text-start且有pending的text-start，先发送它
+                if (!hasStartedText && pendingTextStart) {
+                  controller.enqueue(pendingTextStart)
+                  hasStartedText = true
+                  pendingTextStart = null
                 }
-              })
-              return
+
+                const filteredChunk = {
+                  ...chunk,
+                  text: result.content
+                }
+                controller.enqueue(filteredChunk)
+              }
+            }
+            return
+          }
+
+          if (chunk.type === 'text-end') {
+            // 只有当已经发送了text-start时才发送text-end
+            if (hasStartedText) {
+              controller.enqueue(chunk)
+            }
+            return
+          }
+
+          if (chunk.type === 'finish-step') {
+            // 统一在finish-step阶段检查并执行工具调用
+            const tools = context.mcpTools
+            if (tools && Object.keys(tools).length > 0 && !context.hasExecutedToolsInCurrentStep) {
+              // 解析完整的textBuffer来检测工具调用
+              const { results: parsedTools } = parseToolUse(textBuffer, tools)
+              const validToolUses = parsedTools.filter((t) => t.status === 'pending')
+
+              if (validToolUses.length > 0) {
+                context.hasExecutedToolsInCurrentStep = true
+
+                // 执行工具调用（不需要手动发送 start-step，外部流已经处理）
+                const executedResults = await toolExecutor.executeTools(validToolUses, tools, controller)
+
+                // 发送步骤完成事件，使用 tool-calls 作为 finishReason
+                streamEventManager.sendStepFinishEvent(controller, chunk, context, 'tool-calls')
+
+                // 处理递归调用
+                const toolResultsText = toolExecutor.formatToolResults(executedResults)
+                const recursiveParams = streamEventManager.buildRecursiveParams(
+                  context,
+                  textBuffer,
+                  toolResultsText,
+                  tools
+                )
+
+                await streamEventManager.handleRecursiveCall(controller, recursiveParams, context)
+                return
+              }
             }
 
-            controller.enqueue({
-              ...chunk,
-              finishReason: 'tool-calls'
-            })
-
-            // 发送步骤开始事件
-            streamEventManager.sendStepStartEvent(controller)
-
-            // 执行工具调用
-            const executedResults = await toolExecutor.executeTools(validToolUses, tools, controller)
-
-            // 发送步骤完成事件
-            streamEventManager.sendStepFinishEvent(controller, chunk)
-
-            // 处理递归调用
-            if (validToolUses.length > 0) {
-              const toolResultsText = toolExecutor.formatToolResults(executedResults)
-              const recursiveParams = streamEventManager.buildRecursiveParams(
-                context,
-                textBuffer,
-                toolResultsText,
-                tools
-              )
-
-              await streamEventManager.handleRecursiveCall(controller, recursiveParams, context, stepId)
-            }
+            // 如果没有执行工具调用，直接传递原始finish-step事件
+            controller.enqueue(chunk)
 
             // 清理状态
             textBuffer = ''
             return
           }
 
-          // 对于其他类型的事件，直接传递
-          controller.enqueue(chunk)
+          // 处理 finish 类型，使用累加后的 totalUsage
+          if (chunk.type === 'finish') {
+            controller.enqueue({
+              ...chunk,
+              totalUsage: context.accumulatedUsage
+            })
+            return
+          }
+
+          // 对于其他类型的事件，直接传递（不包括text-start，已在上面处理）
+          if ((chunk as any).type !== 'text-start') {
+            controller.enqueue(chunk)
+          }
         },
 
         flush() {
-          // 流结束时的清理工作
-          console.log('[MCP Prompt] Stream ended, cleaning up...')
+          // 清理pending状态
+          pendingTextStart = null
+          hasStartedText = false
         }
       })
     }
diff --git a/packages/aiCore/src/core/plugins/built-in/webSearchPlugin/index.ts b/packages/aiCore/src/core/plugins/built-in/webSearchPlugin/index.ts
index 3d549eeac4..d941e0d0c7 100644
--- a/packages/aiCore/src/core/plugins/built-in/webSearchPlugin/index.ts
+++ b/packages/aiCore/src/core/plugins/built-in/webSearchPlugin/index.ts
@@ -27,7 +27,7 @@ export const webSearchPlugin = (config: WebSearchPluginConfig = DEFAULT_WEB_SEAR
         case 'openai': {
           if (config.openai) {
             if (!params.tools) params.tools = {}
-            params.tools.web_search_preview = openai.tools.webSearchPreview(config.openai)
+            params.tools.web_search = openai.tools.webSearch(config.openai)
           }
           break
         }
diff --git a/packages/aiCore/src/core/plugins/index.ts b/packages/aiCore/src/core/plugins/index.ts
index 200188d59d..551b252bf1 100644
--- a/packages/aiCore/src/core/plugins/index.ts
+++ b/packages/aiCore/src/core/plugins/index.ts
@@ -1,5 +1,8 @@
 // 核心类型和接口
 export type { AiPlugin, AiRequestContext, HookResult, PluginManagerConfig } from './types'
+import type { ImageModelV2 } from '@ai-sdk/provider'
+import type { LanguageModel } from 'ai'
+
 import type { ProviderId } from '../providers'
 import type { AiPlugin, AiRequestContext } from './types'
 
@@ -9,16 +12,16 @@ export { PluginManager } from './manager'
 // 工具函数
 export function createContext<T extends ProviderId>(
   providerId: T,
-  modelId: string,
+  model: LanguageModel | ImageModelV2,
   originalParams: any
 ): AiRequestContext {
   return {
     providerId,
-    modelId,
+    model,
     originalParams,
     metadata: {},
     startTime: Date.now(),
-    requestId: `${providerId}-${modelId}-${Date.now()}-${Math.random().toString(36).slice(2)}`,
+    requestId: `${providerId}-${typeof model === 'string' ? model : model?.modelId}-${Date.now()}-${Math.random().toString(36).slice(2)}`,
     // 占位
     recursiveCall: () => Promise.resolve(null)
   }
diff --git a/packages/aiCore/src/core/plugins/types.ts b/packages/aiCore/src/core/plugins/types.ts
index 378fa6c3d3..aaf485ea2f 100644
--- a/packages/aiCore/src/core/plugins/types.ts
+++ b/packages/aiCore/src/core/plugins/types.ts
@@ -14,7 +14,7 @@ export type RecursiveCallFn = (newParams: any) => Promise<any>
  */
 export interface AiRequestContext {
   providerId: ProviderId
-  modelId: string
+  model: LanguageModel | ImageModelV2
   originalParams: any
   metadata: Record<string, any>
   startTime: number
diff --git a/packages/aiCore/src/core/providers/schemas.ts b/packages/aiCore/src/core/providers/schemas.ts
index 0c1c847d98..e4b8d8aa64 100644
--- a/packages/aiCore/src/core/providers/schemas.ts
+++ b/packages/aiCore/src/core/providers/schemas.ts
@@ -10,8 +10,8 @@ import { createGoogleGenerativeAI } from '@ai-sdk/google'
 import { createOpenAI, type OpenAIProviderSettings } from '@ai-sdk/openai'
 import { createOpenAICompatible } from '@ai-sdk/openai-compatible'
 import { createXai } from '@ai-sdk/xai'
-import { customProvider, type Provider } from 'ai'
-import * as z from 'zod'
+import { customProvider, Provider } from 'ai'
+import { z } from 'zod'
 
 /**
  * 基础 Provider IDs
@@ -38,14 +38,12 @@ export const baseProviderIdSchema = z.enum(baseProviderIds)
  */
 export type BaseProviderId = z.infer<typeof baseProviderIdSchema>
 
-export const baseProviderSchema = z.object({
-  id: baseProviderIdSchema,
-  name: z.string(),
-  creator: z.function().args(z.any()).returns(z.any()) as z.ZodType<(options: any) => Provider>,
-  supportsImageGeneration: z.boolean()
-})
-
-export type BaseProvider = z.infer<typeof baseProviderSchema>
+type BaseProvider = {
+  id: BaseProviderId
+  name: string
+  creator: (options: any) => Provider
+  supportsImageGeneration: boolean
+}
 
 /**
  * 基础 Providers 定义
@@ -148,7 +146,12 @@ export const providerConfigSchema = z
   .object({
     id: customProviderIdSchema, // 只允许自定义ID
     name: z.string().min(1),
-    creator: z.function().optional(),
+    creator: z
+      .function({
+        input: z.any(),
+        output: z.any()
+      })
+      .optional(),
     import: z.function().optional(),
     creatorFunctionName: z.string().optional(),
     supportsImageGeneration: z.boolean().default(false),
diff --git a/packages/aiCore/src/core/runtime/executor.ts b/packages/aiCore/src/core/runtime/executor.ts
index ab80f9cecc..ab764bacd6 100644
--- a/packages/aiCore/src/core/runtime/executor.ts
+++ b/packages/aiCore/src/core/runtime/executor.ts
@@ -4,12 +4,12 @@
  */
 import { ImageModelV2, LanguageModelV2, LanguageModelV2Middleware } from '@ai-sdk/provider'
 import {
-  experimental_generateImage as generateImage,
-  generateObject,
-  generateText,
+  experimental_generateImage as _generateImage,
+  generateObject as _generateObject,
+  generateText as _generateText,
   LanguageModel,
-  streamObject,
-  streamText
+  streamObject as _streamObject,
+  streamText as _streamText
 } from 'ai'
 
 import { globalModelResolver } from '../models'
@@ -18,7 +18,14 @@ import { type AiPlugin, type AiRequestContext, definePlugin } from '../plugins'
 import { type ProviderId } from '../providers'
 import { ImageGenerationError, ImageModelResolutionError } from './errors'
 import { PluginEngine } from './pluginEngine'
-import { type RuntimeConfig } from './types'
+import type {
+  generateImageParams,
+  generateObjectParams,
+  generateTextParams,
+  RuntimeConfig,
+  streamObjectParams,
+  streamTextParams
+} from './types'
 
 export class RuntimeExecutor<T extends ProviderId = ProviderId> {
   public pluginEngine: PluginEngine<T>
@@ -75,12 +82,12 @@ export class RuntimeExecutor<T extends ProviderId = ProviderId> {
    * 流式文本生成
    */
   async streamText(
-    params: Parameters<typeof streamText>[0],
+    params: streamTextParams,
     options?: {
       middlewares?: LanguageModelV2Middleware[]
     }
-  ): Promise<ReturnType<typeof streamText>> {
-    const { model, ...restParams } = params
+  ): Promise<ReturnType<typeof _streamText>> {
+    const { model } = params
 
     // 根据 model 类型决定插件配置
     if (typeof model === 'string') {
@@ -94,19 +101,16 @@ export class RuntimeExecutor<T extends ProviderId = ProviderId> {
 
     return this.pluginEngine.executeStreamWithPlugins(
       'streamText',
-      model,
-      restParams,
-      async (resolvedModel, transformedParams, streamTransforms) => {
+      params,
+      (resolvedModel, transformedParams, streamTransforms) => {
         const experimental_transform =
           params?.experimental_transform ?? (streamTransforms.length > 0 ? streamTransforms : undefined)
 
-        const finalParams = {
-          model: resolvedModel,
+        return _streamText({
           ...transformedParams,
+          model: resolvedModel,
           experimental_transform
-        } as Parameters<typeof streamText>[0]
-
-        return await streamText(finalParams)
+        })
       }
     )
   }
@@ -117,12 +121,12 @@ export class RuntimeExecutor<T extends ProviderId = ProviderId> {
    * 生成文本
    */
   async generateText(
-    params: Parameters<typeof generateText>[0],
+    params: generateTextParams,
     options?: {
       middlewares?: LanguageModelV2Middleware[]
     }
-  ): Promise<ReturnType<typeof generateText>> {
-    const { model, ...restParams } = params
+  ): Promise<ReturnType<typeof _generateText>> {
+    const { model } = params
 
     // 根据 model 类型决定插件配置
     if (typeof model === 'string') {
@@ -134,12 +138,10 @@ export class RuntimeExecutor<T extends ProviderId = ProviderId> {
       this.pluginEngine.usePlugins([this.createConfigureContextPlugin()])
     }
 
-    return this.pluginEngine.executeWithPlugins(
+    return this.pluginEngine.executeWithPlugins<Parameters<typeof _generateText>[0], ReturnType<typeof _generateText>>(
       'generateText',
-      model,
-      restParams,
-      async (resolvedModel, transformedParams) =>
-        generateText({ model: resolvedModel, ...transformedParams } as Parameters<typeof generateText>[0])
+      params,
+      (resolvedModel, transformedParams) => _generateText({ ...transformedParams, model: resolvedModel })
     )
   }
 
@@ -147,12 +149,12 @@ export class RuntimeExecutor<T extends ProviderId = ProviderId> {
    * 生成结构化对象
    */
   async generateObject(
-    params: Parameters<typeof generateObject>[0],
+    params: generateObjectParams,
     options?: {
       middlewares?: LanguageModelV2Middleware[]
     }
-  ): Promise<ReturnType<typeof generateObject>> {
-    const { model, ...restParams } = params
+  ): Promise<ReturnType<typeof _generateObject>> {
+    const { model } = params
 
     // 根据 model 类型决定插件配置
     if (typeof model === 'string') {
@@ -164,25 +166,23 @@ export class RuntimeExecutor<T extends ProviderId = ProviderId> {
       this.pluginEngine.usePlugins([this.createConfigureContextPlugin()])
     }
 
-    return this.pluginEngine.executeWithPlugins(
+    return this.pluginEngine.executeWithPlugins<generateObjectParams, ReturnType<typeof _generateObject>>(
       'generateObject',
-      model,
-      restParams,
-      async (resolvedModel, transformedParams) =>
-        generateObject({ model: resolvedModel, ...transformedParams } as Parameters<typeof generateObject>[0])
+      params,
+      async (resolvedModel, transformedParams) => _generateObject({ ...transformedParams, model: resolvedModel })
     )
   }
 
   /**
    * 流式生成结构化对象
    */
-  async streamObject(
-    params: Parameters<typeof streamObject>[0],
+  streamObject(
+    params: streamObjectParams,
     options?: {
       middlewares?: LanguageModelV2Middleware[]
     }
-  ): Promise<ReturnType<typeof streamObject>> {
-    const { model, ...restParams } = params
+  ): Promise<ReturnType<typeof _streamObject>> {
+    const { model } = params
 
     // 根据 model 类型决定插件配置
     if (typeof model === 'string') {
@@ -194,23 +194,17 @@ export class RuntimeExecutor<T extends ProviderId = ProviderId> {
       this.pluginEngine.usePlugins([this.createConfigureContextPlugin()])
     }
 
-    return this.pluginEngine.executeWithPlugins(
-      'streamObject',
-      model,
-      restParams,
-      async (resolvedModel, transformedParams) =>
-        streamObject({ model: resolvedModel, ...transformedParams } as Parameters<typeof streamObject>[0])
+    return this.pluginEngine.executeStreamWithPlugins('streamObject', params, (resolvedModel, transformedParams) =>
+      _streamObject({ ...transformedParams, model: resolvedModel })
     )
   }
 
   /**
    * 生成图像
    */
-  async generateImage(
-    params: Omit<Parameters<typeof generateImage>[0], 'model'> & { model: string | ImageModelV2 }
-  ): Promise<ReturnType<typeof generateImage>> {
+  generateImage(params: generateImageParams): Promise<ReturnType<typeof _generateImage>> {
     try {
-      const { model, ...restParams } = params
+      const { model } = params
 
       // 根据 model 类型决定插件配置
       if (typeof model === 'string') {
@@ -219,13 +213,8 @@ export class RuntimeExecutor<T extends ProviderId = ProviderId> {
         this.pluginEngine.usePlugins([this.createConfigureContextPlugin()])
       }
 
-      return await this.pluginEngine.executeImageWithPlugins(
-        'generateImage',
-        model,
-        restParams,
-        async (resolvedModel, transformedParams) => {
-          return await generateImage({ model: resolvedModel, ...transformedParams })
-        }
+      return this.pluginEngine.executeImageWithPlugins('generateImage', params, (resolvedModel, transformedParams) =>
+        _generateImage({ ...transformedParams, model: resolvedModel })
       )
     } catch (error) {
       if (error instanceof Error) {
diff --git a/packages/aiCore/src/core/runtime/pluginEngine.ts b/packages/aiCore/src/core/runtime/pluginEngine.ts
index 7a4bb440f7..d0100d2bcb 100644
--- a/packages/aiCore/src/core/runtime/pluginEngine.ts
+++ b/packages/aiCore/src/core/runtime/pluginEngine.ts
@@ -1,6 +1,6 @@
 /* eslint-disable @eslint-react/naming-convention/context-name */
 import { ImageModelV2 } from '@ai-sdk/provider'
-import { LanguageModel } from 'ai'
+import { experimental_generateImage, generateObject, generateText, LanguageModel, streamObject, streamText } from 'ai'
 
 import { type AiPlugin, createContext, PluginManager } from '../plugins'
 import { type ProviderId } from '../providers/types'
@@ -62,17 +62,19 @@ export class PluginEngine<T extends ProviderId = ProviderId> {
    * 执行带插件的操作（非流式）
    * 提供给AiExecutor使用
    */
-  async executeWithPlugins<TParams, TResult>(
+  async executeWithPlugins<
+    TParams extends Parameters<typeof generateText | typeof generateObject>[0],
+    TResult extends ReturnType<typeof generateText | typeof generateObject>
+  >(
     methodName: string,
-    model: LanguageModel,
     params: TParams,
-    executor: (model: LanguageModel, transformedParams: TParams) => Promise<TResult>,
+    executor: (model: LanguageModel, transformedParams: TParams) => TResult,
     _context?: ReturnType<typeof createContext>
   ): Promise<TResult> {
     // 统一处理模型解析
     let resolvedModel: LanguageModel | undefined
     let modelId: string
-
+    const { model } = params
     if (typeof model === 'string') {
       // 字符串：需要通过插件解析
       modelId = model
@@ -83,13 +85,13 @@ export class PluginEngine<T extends ProviderId = ProviderId> {
     }
 
     // 使用正确的createContext创建请求上下文
-    const context = _context ? _context : createContext(this.providerId, modelId, params)
+    const context = _context ? _context : createContext(this.providerId, model, params)
 
     // 🔥 为上下文添加递归调用能力
     context.recursiveCall = async (newParams: any): Promise<TResult> => {
       // 递归调用自身，重新走完整的插件流程
       context.isRecursiveCall = true
-      const result = await this.executeWithPlugins(methodName, model, newParams, executor, context)
+      const result = await this.executeWithPlugins(methodName, newParams, executor, context)
       context.isRecursiveCall = false
       return result
     }
@@ -138,17 +140,19 @@ export class PluginEngine<T extends ProviderId = ProviderId> {
    * 执行带插件的图像生成操作
    * 提供给AiExecutor使用
    */
-  async executeImageWithPlugins<TParams, TResult>(
+  async executeImageWithPlugins<
+    TParams extends Omit<Parameters<typeof experimental_generateImage>[0], 'model'> & { model: string | ImageModelV2 },
+    TResult extends ReturnType<typeof experimental_generateImage>
+  >(
     methodName: string,
-    model: ImageModelV2 | string,
     params: TParams,
-    executor: (model: ImageModelV2, transformedParams: TParams) => Promise<TResult>,
+    executor: (model: ImageModelV2, transformedParams: TParams) => TResult,
     _context?: ReturnType<typeof createContext>
   ): Promise<TResult> {
     // 统一处理模型解析
     let resolvedModel: ImageModelV2 | undefined
     let modelId: string
-
+    const { model } = params
     if (typeof model === 'string') {
       // 字符串：需要通过插件解析
       modelId = model
@@ -159,13 +163,13 @@ export class PluginEngine<T extends ProviderId = ProviderId> {
     }
 
     // 使用正确的createContext创建请求上下文
-    const context = _context ? _context : createContext(this.providerId, modelId, params)
+    const context = _context ? _context : createContext(this.providerId, model, params)
 
     // 🔥 为上下文添加递归调用能力
     context.recursiveCall = async (newParams: any): Promise<TResult> => {
       // 递归调用自身，重新走完整的插件流程
       context.isRecursiveCall = true
-      const result = await this.executeImageWithPlugins(methodName, model, newParams, executor, context)
+      const result = await this.executeImageWithPlugins(methodName, newParams, executor, context)
       context.isRecursiveCall = false
       return result
     }
@@ -214,17 +218,19 @@ export class PluginEngine<T extends ProviderId = ProviderId> {
    * 执行流式调用的通用逻辑（支持流转换器）
    * 提供给AiExecutor使用
    */
-  async executeStreamWithPlugins<TParams, TResult>(
+  async executeStreamWithPlugins<
+    TParams extends Parameters<typeof streamText | typeof streamObject>[0],
+    TResult extends ReturnType<typeof streamText | typeof streamObject>
+  >(
     methodName: string,
-    model: LanguageModel,
     params: TParams,
-    executor: (model: LanguageModel, transformedParams: TParams, streamTransforms: any[]) => Promise<TResult>,
+    executor: (model: LanguageModel, transformedParams: TParams, streamTransforms: any[]) => TResult,
     _context?: ReturnType<typeof createContext>
   ): Promise<TResult> {
     // 统一处理模型解析
     let resolvedModel: LanguageModel | undefined
     let modelId: string
-
+    const { model } = params
     if (typeof model === 'string') {
       // 字符串：需要通过插件解析
       modelId = model
@@ -235,13 +241,13 @@ export class PluginEngine<T extends ProviderId = ProviderId> {
     }
 
     // 创建请求上下文
-    const context = _context ? _context : createContext(this.providerId, modelId, params)
+    const context = _context ? _context : createContext(this.providerId, model, params)
 
     // 🔥 为上下文添加递归调用能力
     context.recursiveCall = async (newParams: any): Promise<TResult> => {
       // 递归调用自身，重新走完整的插件流程
       context.isRecursiveCall = true
-      const result = await this.executeStreamWithPlugins(methodName, model, newParams, executor, context)
+      const result = await this.executeStreamWithPlugins(methodName, newParams, executor, context)
       context.isRecursiveCall = false
       return result
     }
diff --git a/packages/aiCore/src/core/runtime/types.ts b/packages/aiCore/src/core/runtime/types.ts
index f98e9034c6..fbdcf46333 100644
--- a/packages/aiCore/src/core/runtime/types.ts
+++ b/packages/aiCore/src/core/runtime/types.ts
@@ -1,6 +1,9 @@
 /**
  * Runtime 层类型定义
  */
+import { ImageModelV2 } from '@ai-sdk/provider'
+import { experimental_generateImage, generateObject, generateText, streamObject, streamText } from 'ai'
+
 import { type ModelConfig } from '../models/types'
 import { type AiPlugin } from '../plugins'
 import { type ProviderId } from '../providers/types'
@@ -13,3 +16,11 @@ export interface RuntimeConfig<T extends ProviderId = ProviderId> {
   providerSettings: ModelConfig<T>['providerSettings'] & { mode?: 'chat' | 'responses' }
   plugins?: AiPlugin[]
 }
+
+export type generateImageParams = Omit<Parameters<typeof experimental_generateImage>[0], 'model'> & {
+  model: string | ImageModelV2
+}
+export type generateObjectParams = Parameters<typeof generateObject>[0]
+export type generateTextParams = Parameters<typeof generateText>[0]
+export type streamObjectParams = Parameters<typeof streamObject>[0]
+export type streamTextParams = Parameters<typeof streamText>[0]
diff --git a/packages/shared/IpcChannel.ts b/packages/shared/IpcChannel.ts
index 5bad530f95..94f24a7aeb 100644
--- a/packages/shared/IpcChannel.ts
+++ b/packages/shared/IpcChannel.ts
@@ -35,8 +35,10 @@ export enum IpcChannel {
   App_InstallBunBinary = 'app:install-bun-binary',
   App_LogToMain = 'app:log-to-main',
   App_SaveData = 'app:save-data',
+  App_GetDiskInfo = 'app:get-disk-info',
   App_SetFullScreen = 'app:set-full-screen',
   App_IsFullScreen = 'app:is-full-screen',
+  App_GetSystemFonts = 'app:get-system-fonts',
 
   App_MacIsProcessTrusted = 'app:mac-is-process-trusted',
   App_MacRequestProcessTrust = 'app:mac-request-process-trust',
@@ -331,6 +333,13 @@ export enum IpcChannel {
   TRACE_CLEAN_LOCAL_DATA = 'trace:cleanLocalData',
   TRACE_ADD_STREAM_MESSAGE = 'trace:addStreamMessage',
 
+  // API Server
+  ApiServer_Start = 'api-server:start',
+  ApiServer_Stop = 'api-server:stop',
+  ApiServer_Restart = 'api-server:restart',
+  ApiServer_GetStatus = 'api-server:get-status',
+  ApiServer_GetConfig = 'api-server:get-config',
+
   // Anthropic OAuth
   Anthropic_StartOAuthFlow = 'anthropic:start-oauth-flow',
   Anthropic_CompleteOAuthWithCode = 'anthropic:complete-oauth-with-code',
diff --git a/packages/shared/utils.ts b/packages/shared/utils.ts
new file mode 100644
index 0000000000..e87e2f2bef
--- /dev/null
+++ b/packages/shared/utils.ts
@@ -0,0 +1,6 @@
+export const defaultAppHeaders = () => {
+  return {
+    'HTTP-Referer': 'https://cherry-ai.com',
+    'X-Title': 'Cherry Studio'
+  }
+}
diff --git a/resources/cherry-studio/license.html b/resources/cherry-studio/license.html
index ce3079a322..1df611e47c 100644
--- a/resources/cherry-studio/license.html
+++ b/resources/cherry-studio/license.html
@@ -8,18 +8,18 @@
   </head>
 
   <body class="bg-gray-50">
-    <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="mx-auto max-w-4xl px-4 py-8">
       <!-- 中文版本 -->
       <div class="mb-12">
-        <h1 class="text-3xl font-bold mb-8 text-gray-900">许可协议</h1>
+        <h1 class="mb-8 text-3xl font-bold text-gray-900">许可协议</h1>
 
         <p class="mb-6 text-gray-700">
           本项目采用<strong>区分用户的双重许可 (User-Segmented Dual Licensing)</strong> 模式。
         </p>
 
         <section class="mb-8">
-          <h2 class="text-xl font-semibold mb-4 text-gray-900">核心原则</h2>
-          <ul class="list-disc pl-6 space-y-2 text-gray-700">
+          <h2 class="mb-4 text-xl font-semibold text-gray-900">核心原则</h2>
+          <ul class="list-disc space-y-2 pl-6 text-gray-700">
             <li>
               <strong>个人用户 和 10人及以下企业/组织:</strong> 默认适用
               <strong>GNU Affero 通用公共许可证 v3.0 (AGPLv3)</strong>。
@@ -32,7 +32,7 @@
         </section>
 
         <section class="mb-8">
-          <h2 class="text-xl font-semibold mb-4 text-gray-900">定义："10人及以下"</h2>
+          <h2 class="mb-4 text-xl font-semibold text-gray-900">定义："10人及以下"</h2>
           <p class="text-gray-700">
             指在您的组织（包括公司、非营利组织、政府机构、教育机构等任何实体）中，能够访问、使用或以任何方式直接或间接受益于本软件（Cherry
             Studio）功能的个人总数不超过10人。这包括但不限于开发者、测试人员、运营人员、最终用户、通过集成系统间接使用者等。
@@ -40,10 +40,10 @@
         </section>
 
         <section class="mb-8">
-          <h2 class="text-xl font-semibold mb-4 text-gray-900">
+          <h2 class="mb-4 text-xl font-semibold text-gray-900">
             1. 开源许可证 (Open Source License): AGPLv3 - 适用于个人及10人及以下组织
           </h2>
-          <ul class="list-disc pl-6 space-y-2 text-gray-700">
+          <ul class="list-disc space-y-2 pl-6 text-gray-700">
             <li>
               如果您是个人用户，或者您的组织满足上述"10人及以下"的定义，您可以在
               <strong>AGPLv3</strong> 的条款下自由使用、修改和分发 Cherry Studio。AGPLv3 的完整文本可以访问
@@ -62,10 +62,10 @@
         </section>
 
         <section class="mb-8">
-          <h2 class="text-xl font-semibold mb-4 text-gray-900">
+          <h2 class="mb-4 text-xl font-semibold text-gray-900">
             2. 商业许可证 (Commercial License) - 适用于超过10人的组织，或希望规避 AGPLv3 义务的用户
           </h2>
-          <ul class="list-disc pl-6 space-y-2 text-gray-700">
+          <ul class="list-disc space-y-2 pl-6 text-gray-700">
             <li>
               <strong>强制要求：</strong>
               如果您的组织<strong>不</strong>满足上述"10人及以下"的定义（即有11人或更多人可以访问、使用或受益于本软件），您<strong>必须</strong>联系我们获取并签署一份商业许可证才能使用
@@ -80,7 +80,7 @@
             </li>
             <li>
               <strong>需要商业许可证的常见情况包括（但不限于）：</strong>
-              <ul class="list-disc pl-6 mt-2 space-y-1">
+              <ul class="mt-2 list-disc space-y-1 pl-6">
                 <li>您的组织规模超过10人。</li>
                 <li>
                   （无论组织规模）您希望分发修改过的 Cherry Studio 版本，但<strong>不希望</strong>根据 AGPLv3
@@ -104,8 +104,8 @@
         </section>
 
         <section class="mb-8">
-          <h2 class="text-xl font-semibold mb-4 text-gray-900">3. 贡献 (Contributions)</h2>
-          <ul class="list-disc pl-6 space-y-2 text-gray-700">
+          <h2 class="mb-4 text-xl font-semibold text-gray-900">3. 贡献 (Contributions)</h2>
+          <ul class="list-disc space-y-2 pl-6 text-gray-700">
             <li>
               我们欢迎社区对 Cherry Studio 的贡献。所有向本项目提交的贡献都将被视为在
               <strong>AGPLv3</strong> 许可证下提供。
@@ -119,8 +119,8 @@
         </section>
 
         <section class="mb-8">
-          <h2 class="text-xl font-semibold mb-4 text-gray-900">4. 其他条款 (Other Terms)</h2>
-          <ul class="list-disc pl-6 space-y-2 text-gray-700">
+          <h2 class="mb-4 text-xl font-semibold text-gray-900">4. 其他条款 (Other Terms)</h2>
+          <ul class="list-disc space-y-2 pl-6 text-gray-700">
             <li>关于商业许可证的具体条款和条件，以双方签署的正式商业许可协议为准。</li>
             <li>
               项目维护者保留根据需要更新本许可政策（包括用户规模定义和阈值）的权利。相关更新将通过项目官方渠道（如代码仓库、官方网站）进行通知。
@@ -133,13 +133,13 @@
 
       <!-- English Version -->
       <div>
-        <h1 class="text-3xl font-bold mb-8 text-gray-900">Licensing</h1>
+        <h1 class="mb-8 text-3xl font-bold text-gray-900">Licensing</h1>
 
         <p class="mb-6 text-gray-700">This project employs a <strong>User-Segmented Dual Licensing</strong> model.</p>
 
         <section class="mb-8">
-          <h2 class="text-xl font-semibold mb-4 text-gray-900">Core Principle</h2>
-          <ul class="list-disc pl-6 space-y-2 text-gray-700">
+          <h2 class="mb-4 text-xl font-semibold text-gray-900">Core Principle</h2>
+          <ul class="list-disc space-y-2 pl-6 text-gray-700">
             <li>
               <strong>Individual Users and Organizations with 10 or Fewer Individuals:</strong> Governed by default
               under the <strong>GNU Affero General Public License v3.0 (AGPLv3)</strong>.
@@ -152,7 +152,7 @@
         </section>
 
         <section class="mb-8">
-          <h2 class="text-xl font-semibold mb-4 text-gray-900">Definition: "10 or Fewer Individuals"</h2>
+          <h2 class="mb-4 text-xl font-semibold text-gray-900">Definition: "10 or Fewer Individuals"</h2>
           <p class="text-gray-700">
             Refers to any organization (including companies, non-profits, government agencies, educational institutions,
             etc.) where the total number of individuals who can access, use, or in any way directly or indirectly
@@ -162,10 +162,10 @@
         </section>
 
         <section class="mb-8">
-          <h2 class="text-xl font-semibold mb-4 text-gray-900">
+          <h2 class="mb-4 text-xl font-semibold text-gray-900">
             1. Open Source License: AGPLv3 - For Individuals and Organizations of 10 or Fewer
           </h2>
-          <ul class="list-disc pl-6 space-y-2 text-gray-700">
+          <ul class="list-disc space-y-2 pl-6 text-gray-700">
             <li>
               If you are an individual user, or if your organization meets the "10 or Fewer Individuals" definition
               above, you are free to use, modify, and distribute Cherry Studio under the terms of the
@@ -186,11 +186,11 @@
         </section>
 
         <section class="mb-8">
-          <h2 class="text-xl font-semibold mb-4 text-gray-900">
+          <h2 class="mb-4 text-xl font-semibold text-gray-900">
             2. Commercial License - For Organizations with More Than 10 Individuals, or Users Needing to Avoid AGPLv3
             Obligations
           </h2>
-          <ul class="list-disc pl-6 space-y-2 text-gray-700">
+          <ul class="list-disc space-y-2 pl-6 text-gray-700">
             <li>
               <strong>Mandatory Requirement:</strong> If your organization does <strong>not</strong> meet the "10 or
               Fewer Individuals" definition above (i.e., 11 or more individuals can access, use, or benefit from the
@@ -207,7 +207,7 @@
             </li>
             <li>
               <strong>Common scenarios requiring a Commercial License include (but are not limited to):</strong>
-              <ul class="list-disc pl-6 mt-2 space-y-1">
+              <ul class="mt-2 list-disc space-y-1 pl-6">
                 <li>
                   Your organization has more than 10 individuals who can access, use, or benefit from the software.
                 </li>
@@ -236,8 +236,8 @@
         </section>
 
         <section class="mb-8">
-          <h2 class="text-xl font-semibold mb-4 text-gray-900">3. Contributions</h2>
-          <ul class="list-disc pl-6 space-y-2 text-gray-700">
+          <h2 class="mb-4 text-xl font-semibold text-gray-900">3. Contributions</h2>
+          <ul class="list-disc space-y-2 pl-6 text-gray-700">
             <li>
               We welcome community contributions to Cherry Studio. All contributions submitted to this project are
               considered to be offered under the <strong>AGPLv3</strong> license.
@@ -255,8 +255,8 @@
         </section>
 
         <section class="mb-8">
-          <h2 class="text-xl font-semibold mb-4 text-gray-900">4. Other Terms</h2>
-          <ul class="list-disc pl-6 space-y-2 text-gray-700">
+          <h2 class="mb-4 text-xl font-semibold text-gray-900">4. Other Terms</h2>
+          <ul class="list-disc space-y-2 pl-6 text-gray-700">
             <li>
               The specific terms and conditions of the Commercial License are governed by the formal commercial license
               agreement signed by both parties.
diff --git a/resources/cherry-studio/releases.html b/resources/cherry-studio/releases.html
index 5515645829..13edca06f9 100644
--- a/resources/cherry-studio/releases.html
+++ b/resources/cherry-studio/releases.html
@@ -12,18 +12,18 @@
 
   <body id="app">
     <div :class="isDark ? 'dark-bg' : 'bg'" class="min-h-screen">
-      <div class="max-w-3xl mx-auto py-12 px-4">
-        <h1 class="text-3xl font-bold mb-8" :class="isDark ? 'text-white' : 'text-gray-900'">Release Timeline</h1>
+      <div class="mx-auto max-w-3xl px-4 py-12">
+        <h1 class="mb-8 text-3xl font-bold" :class="isDark ? 'text-white' : 'text-gray-900'">Release Timeline</h1>
 
         <!-- Loading状态 -->
-        <div v-if="loading" class="text-center py-8">
+        <div v-if="loading" class="py-8 text-center">
           <div
-            class="inline-block animate-spin rounded-full h-8 w-8 border-4"
+            class="inline-block h-8 w-8 animate-spin rounded-full border-4"
             :class="isDark ? 'border-gray-700 border-t-blue-500' : 'border-gray-300 border-t-blue-500'"></div>
         </div>
 
         <!-- Error 状态 -->
-        <div v-else-if="error" class="text-red-500 text-center py-8">{{ error }}</div>
+        <div v-else-if="error" class="py-8 text-center text-red-500">{{ error }}</div>
 
         <!-- Release 列表 -->
         <div v-else class="space-y-8">
@@ -32,21 +32,21 @@
             :key="release.id"
             class="relative pl-8"
             :class="isDark ? 'border-l-2 border-gray-700' : 'border-l-2 border-gray-200'">
-            <div class="absolute -left-2 top-0 w-4 h-4 rounded-full bg-green-500"></div>
+            <div class="absolute top-0 -left-2 h-4 w-4 rounded-full bg-green-500"></div>
             <div
-              class="rounded-lg shadow-sm p-6 transition-shadow"
+              class="rounded-lg p-6 shadow-sm transition-shadow"
               :class="isDark ? 'bg-black hover:shadow-md hover:shadow-black' : 'bg-white hover:shadow-md'">
-              <div class="flex items-start justify-between mb-4">
+              <div class="mb-4 flex items-start justify-between">
                 <div>
                   <h2 class="text-xl font-semibold" :class="isDark ? 'text-white' : 'text-gray-900'">
                     {{ release.name || release.tag_name }}
                   </h2>
-                  <p class="text-sm mt-1" :class="isDark ? 'text-gray-400' : 'text-gray-500'">
+                  <p class="mt-1 text-sm" :class="isDark ? 'text-gray-400' : 'text-gray-500'">
                     {{ formatDate(release.published_at) }}
                   </p>
                 </div>
                 <span
-                  class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium"
+                  class="inline-flex items-center rounded-full px-3 py-1 text-sm font-medium"
                   :class="isDark ? 'bg-green-900 text-green-200' : 'bg-green-100 text-green-800'">
                   {{ release.tag_name }}
                 </span>
diff --git a/scripts/update-languages.ts b/scripts/update-languages.ts
index 91416a9732..58640637b1 100644
--- a/scripts/update-languages.ts
+++ b/scripts/update-languages.ts
@@ -1,6 +1,6 @@
 import { exec } from 'child_process'
 import * as fs from 'fs/promises'
-import linguistLanguages from 'linguist-languages'
+import * as linguistLanguages from 'linguist-languages'
 import * as path from 'path'
 import { promisify } from 'util'
 
diff --git a/src/main/apiServer/app.ts b/src/main/apiServer/app.ts
new file mode 100644
index 0000000000..46da10f876
--- /dev/null
+++ b/src/main/apiServer/app.ts
@@ -0,0 +1,128 @@
+import { loggerService } from '@main/services/LoggerService'
+import cors from 'cors'
+import express from 'express'
+import { v4 as uuidv4 } from 'uuid'
+
+import { authMiddleware } from './middleware/auth'
+import { errorHandler } from './middleware/error'
+import { setupOpenAPIDocumentation } from './middleware/openapi'
+import { chatRoutes } from './routes/chat'
+import { mcpRoutes } from './routes/mcp'
+import { modelsRoutes } from './routes/models'
+
+const logger = loggerService.withContext('ApiServer')
+
+const app = express()
+
+// Global middleware
+app.use((req, res, next) => {
+  const start = Date.now()
+  res.on('finish', () => {
+    const duration = Date.now() - start
+    logger.info(`${req.method} ${req.path} - ${res.statusCode} - ${duration}ms`)
+  })
+  next()
+})
+
+app.use((_req, res, next) => {
+  res.setHeader('X-Request-ID', uuidv4())
+  next()
+})
+
+app.use(
+  cors({
+    origin: '*',
+    allowedHeaders: ['Content-Type', 'Authorization'],
+    methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS']
+  })
+)
+
+/**
+ * @swagger
+ * /health:
+ *   get:
+ *     summary: Health check endpoint
+ *     description: Check server status (no authentication required)
+ *     tags: [Health]
+ *     security: []
+ *     responses:
+ *       200:
+ *         description: Server is healthy
+ *         content:
+ *           application/json:
+ *             schema:
+ *               type: object
+ *               properties:
+ *                 status:
+ *                   type: string
+ *                   example: ok
+ *                 timestamp:
+ *                   type: string
+ *                   format: date-time
+ *                 version:
+ *                   type: string
+ *                   example: 1.0.0
+ */
+app.get('/health', (_req, res) => {
+  res.json({
+    status: 'ok',
+    timestamp: new Date().toISOString(),
+    version: process.env.npm_package_version || '1.0.0'
+  })
+})
+
+/**
+ * @swagger
+ * /:
+ *   get:
+ *     summary: API information
+ *     description: Get basic API information and available endpoints
+ *     tags: [General]
+ *     security: []
+ *     responses:
+ *       200:
+ *         description: API information
+ *         content:
+ *           application/json:
+ *             schema:
+ *               type: object
+ *               properties:
+ *                 name:
+ *                   type: string
+ *                   example: Cherry Studio API
+ *                 version:
+ *                   type: string
+ *                   example: 1.0.0
+ *                 endpoints:
+ *                   type: object
+ */
+app.get('/', (_req, res) => {
+  res.json({
+    name: 'Cherry Studio API',
+    version: '1.0.0',
+    endpoints: {
+      health: 'GET /health',
+      models: 'GET /v1/models',
+      chat: 'POST /v1/chat/completions',
+      mcp: 'GET /v1/mcps'
+    }
+  })
+})
+
+// API v1 routes with auth
+const apiRouter = express.Router()
+apiRouter.use(authMiddleware)
+apiRouter.use(express.json())
+// Mount routes
+apiRouter.use('/chat', chatRoutes)
+apiRouter.use('/mcps', mcpRoutes)
+apiRouter.use('/models', modelsRoutes)
+app.use('/v1', apiRouter)
+
+// Setup OpenAPI documentation
+setupOpenAPIDocumentation(app)
+
+// Error handling (must be last)
+app.use(errorHandler)
+
+export { app }
diff --git a/src/main/apiServer/config.ts b/src/main/apiServer/config.ts
new file mode 100644
index 0000000000..8bc4922968
--- /dev/null
+++ b/src/main/apiServer/config.ts
@@ -0,0 +1,65 @@
+import { ApiServerConfig } from '@types'
+import { v4 as uuidv4 } from 'uuid'
+
+import { loggerService } from '../services/LoggerService'
+import { reduxService } from '../services/ReduxService'
+
+const logger = loggerService.withContext('ApiServerConfig')
+
+const defaultHost = 'localhost'
+const defaultPort = 23333
+
+class ConfigManager {
+  private _config: ApiServerConfig | null = null
+
+  private generateApiKey(): string {
+    return `cs-sk-${uuidv4()}`
+  }
+
+  async load(): Promise<ApiServerConfig> {
+    try {
+      const settings = await reduxService.select('state.settings')
+      const serverSettings = settings?.apiServer
+      let apiKey = serverSettings?.apiKey
+      if (!apiKey || apiKey.trim() === '') {
+        apiKey = this.generateApiKey()
+        await reduxService.dispatch({
+          type: 'settings/setApiServerApiKey',
+          payload: apiKey
+        })
+      }
+      this._config = {
+        enabled: serverSettings?.enabled ?? false,
+        port: serverSettings?.port ?? defaultPort,
+        host: defaultHost,
+        apiKey: apiKey
+      }
+      return this._config
+    } catch (error: any) {
+      logger.warn('Failed to load config from Redux, using defaults:', error)
+      this._config = {
+        enabled: false,
+        port: defaultPort,
+        host: defaultHost,
+        apiKey: this.generateApiKey()
+      }
+      return this._config
+    }
+  }
+
+  async get(): Promise<ApiServerConfig> {
+    if (!this._config) {
+      await this.load()
+    }
+    if (!this._config) {
+      throw new Error('Failed to load API server configuration')
+    }
+    return this._config
+  }
+
+  async reload(): Promise<ApiServerConfig> {
+    return await this.load()
+  }
+}
+
+export const config = new ConfigManager()
diff --git a/src/main/apiServer/index.ts b/src/main/apiServer/index.ts
new file mode 100644
index 0000000000..765ca05fba
--- /dev/null
+++ b/src/main/apiServer/index.ts
@@ -0,0 +1,2 @@
+export { config } from './config'
+export { apiServer } from './server'
diff --git a/src/main/apiServer/middleware/auth.ts b/src/main/apiServer/middleware/auth.ts
new file mode 100644
index 0000000000..02cf017247
--- /dev/null
+++ b/src/main/apiServer/middleware/auth.ts
@@ -0,0 +1,62 @@
+import crypto from 'crypto'
+import { NextFunction, Request, Response } from 'express'
+
+import { config } from '../config'
+
+export const authMiddleware = async (req: Request, res: Response, next: NextFunction) => {
+  const auth = req.header('Authorization') || ''
+  const xApiKey = req.header('x-api-key') || ''
+
+  // Fast rejection if neither credential header provided
+  if (!auth && !xApiKey) {
+    return res.status(401).json({ error: 'Unauthorized: missing credentials' })
+  }
+
+  let token: string | undefined
+
+  // Prefer Bearer if well‑formed
+  if (auth) {
+    const trimmed = auth.trim()
+    const bearerPrefix = /^Bearer\s+/i
+    if (bearerPrefix.test(trimmed)) {
+      const candidate = trimmed.replace(bearerPrefix, '').trim()
+      if (!candidate) {
+        return res.status(401).json({ error: 'Unauthorized: empty bearer token' })
+      }
+      token = candidate
+    }
+  }
+
+  // Fallback to x-api-key if token still not resolved
+  if (!token && xApiKey) {
+    if (!xApiKey.trim()) {
+      return res.status(401).json({ error: 'Unauthorized: empty x-api-key' })
+    }
+    token = xApiKey.trim()
+  }
+
+  if (!token) {
+    // At this point we had at least one header, but none yielded a usable token
+    return res.status(401).json({ error: 'Unauthorized: invalid credentials format' })
+  }
+
+  const { apiKey } = await config.get()
+
+  if (!apiKey) {
+    // If server not configured, treat as forbidden (or could be 500). Choose 403 to avoid leaking config state.
+    return res.status(403).json({ error: 'Forbidden' })
+  }
+
+  // Timing-safe compare when lengths match, else immediate forbidden
+  if (token.length !== apiKey.length) {
+    return res.status(403).json({ error: 'Forbidden' })
+  }
+
+  const tokenBuf = Buffer.from(token)
+  const keyBuf = Buffer.from(apiKey)
+  if (!crypto.timingSafeEqual(tokenBuf, keyBuf)) {
+    return res.status(403).json({ error: 'Forbidden' })
+  }
+
+  return next()
+}
diff --git a/src/main/apiServer/middleware/error.ts b/src/main/apiServer/middleware/error.ts
new file mode 100644
index 0000000000..65eef5e43d
--- /dev/null
+++ b/src/main/apiServer/middleware/error.ts
@@ -0,0 +1,21 @@
+import { NextFunction, Request, Response } from 'express'
+
+import { loggerService } from '../../services/LoggerService'
+
+const logger = loggerService.withContext('ApiServerErrorHandler')
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export const errorHandler = (err: Error, _req: Request, res: Response, _next: NextFunction) => {
+  logger.error('API Server Error:', err)
+
+  // Don't expose internal errors in production
+  const isDev = process.env.NODE_ENV === 'development'
+
+  res.status(500).json({
+    error: {
+      message: isDev ? err.message : 'Internal server error',
+      type: 'server_error',
+      ...(isDev && { stack: err.stack })
+    }
+  })
+}
diff --git a/src/main/apiServer/middleware/openapi.ts b/src/main/apiServer/middleware/openapi.ts
new file mode 100644
index 0000000000..691bd8ec96
--- /dev/null
+++ b/src/main/apiServer/middleware/openapi.ts
@@ -0,0 +1,206 @@
+import { Express } from 'express'
+import swaggerJSDoc from 'swagger-jsdoc'
+import swaggerUi from 'swagger-ui-express'
+
+import { loggerService } from '../../services/LoggerService'
+
+const logger = loggerService.withContext('OpenAPIMiddleware')
+
+const swaggerOptions: swaggerJSDoc.Options = {
+  definition: {
+    openapi: '3.0.0',
+    info: {
+      title: 'Cherry Studio API',
+      version: '1.0.0',
+      description: 'OpenAI-compatible API for Cherry Studio with additional Cherry-specific endpoints',
+      contact: {
+        name: 'Cherry Studio',
+        url: 'https://github.com/CherryHQ/cherry-studio'
+      }
+    },
+    servers: [
+      {
+        url: 'http://localhost:23333',
+        description: 'Local development server'
+      }
+    ],
+    components: {
+      securitySchemes: {
+        BearerAuth: {
+          type: 'http',
+          scheme: 'bearer',
+          bearerFormat: 'JWT',
+          description: 'Use the API key from Cherry Studio settings'
+        }
+      },
+      schemas: {
+        Error: {
+          type: 'object',
+          properties: {
+            error: {
+              type: 'object',
+              properties: {
+                message: { type: 'string' },
+                type: { type: 'string' },
+                code: { type: 'string' }
+              }
+            }
+          }
+        },
+        ChatMessage: {
+          type: 'object',
+          properties: {
+            role: {
+              type: 'string',
+              enum: ['system', 'user', 'assistant', 'tool']
+            },
+            content: {
+              oneOf: [
+                { type: 'string' },
+                {
+                  type: 'array',
+                  items: {
+                    type: 'object',
+                    properties: {
+                      type: { type: 'string' },
+                      text: { type: 'string' },
+                      image_url: {
+                        type: 'object',
+                        properties: {
+                          url: { type: 'string' }
+                        }
+                      }
+                    }
+                  }
+                }
+              ]
+            },
+            name: { type: 'string' },
+            tool_calls: {
+              type: 'array',
+              items: {
+                type: 'object',
+                properties: {
+                  id: { type: 'string' },
+                  type: { type: 'string' },
+                  function: {
+                    type: 'object',
+                    properties: {
+                      name: { type: 'string' },
+                      arguments: { type: 'string' }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        },
+        ChatCompletionRequest: {
+          type: 'object',
+          required: ['model', 'messages'],
+          properties: {
+            model: {
+              type: 'string',
+              description: 'The model to use for completion, in format provider:model-id'
+            },
+            messages: {
+              type: 'array',
+              items: { $ref: '#/components/schemas/ChatMessage' }
+            },
+            temperature: {
+              type: 'number',
+              minimum: 0,
+              maximum: 2,
+              default: 1
+            },
+            max_tokens: {
+              type: 'integer',
+              minimum: 1
+            },
+            stream: {
+              type: 'boolean',
+              default: false
+            },
+            tools: {
+              type: 'array',
+              items: {
+                type: 'object',
+                properties: {
+                  type: { type: 'string' },
+                  function: {
+                    type: 'object',
+                    properties: {
+                      name: { type: 'string' },
+                      description: { type: 'string' },
+                      parameters: { type: 'object' }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        },
+        Model: {
+          type: 'object',
+          properties: {
+            id: { type: 'string' },
+            object: { type: 'string', enum: ['model'] },
+            created: { type: 'integer' },
+            owned_by: { type: 'string' }
+          }
+        },
+        MCPServer: {
+          type: 'object',
+          properties: {
+            id: { type: 'string' },
+            name: { type: 'string' },
+            command: { type: 'string' },
+            args: {
+              type: 'array',
+              items: { type: 'string' }
+            },
+            env: { type: 'object' },
+            disabled: { type: 'boolean' }
+          }
+        }
+      }
+    },
+    security: [
+      {
+        BearerAuth: []
+      }
+    ]
+  },
+  apis: ['./src/main/apiServer/routes/*.ts', './src/main/apiServer/app.ts']
+}
+
+export function setupOpenAPIDocumentation(app: Express) {
+  try {
+    const specs = swaggerJSDoc(swaggerOptions)
+
+    // Serve OpenAPI JSON
+    app.get('/api-docs.json', (_req, res) => {
+      res.setHeader('Content-Type', 'application/json')
+      res.send(specs)
+    })
+
+    // Serve Swagger UI
+    app.use(
+      '/api-docs',
+      swaggerUi.serve,
+      swaggerUi.setup(specs, {
+        customCss: `
+        .swagger-ui .topbar { display: none; }
+        .swagger-ui .info .title { color: #1890ff; }
+      `,
+        customSiteTitle: 'Cherry Studio API Documentation'
+      })
+    )
+
+    logger.info('OpenAPI documentation setup complete')
+    logger.info('Documentation available at /api-docs')
+    logger.info('OpenAPI spec available at /api-docs.json')
+  } catch (error) {
+    logger.error('Failed to setup OpenAPI documentation:', error as Error)
+  }
+}
diff --git a/src/main/apiServer/routes/chat.ts b/src/main/apiServer/routes/chat.ts
new file mode 100644
index 0000000000..be43d866a4
--- /dev/null
+++ b/src/main/apiServer/routes/chat.ts
@@ -0,0 +1,225 @@
+import express, { Request, Response } from 'express'
+import OpenAI from 'openai'
+import { ChatCompletionCreateParams } from 'openai/resources'
+
+import { loggerService } from '../../services/LoggerService'
+import { chatCompletionService } from '../services/chat-completion'
+import { validateModelId } from '../utils'
+
+const logger = loggerService.withContext('ApiServerChatRoutes')
+
+const router = express.Router()
+
+/**
+ * @swagger
+ * /v1/chat/completions:
+ *   post:
+ *     summary: Create chat completion
+ *     description: Create a chat completion response, compatible with OpenAI API
+ *     tags: [Chat]
+ *     requestBody:
+ *       required: true
+ *       content:
+ *         application/json:
+ *           schema:
+ *             $ref: '#/components/schemas/ChatCompletionRequest'
+ *     responses:
+ *       200:
+ *         description: Chat completion response
+ *         content:
+ *           application/json:
+ *             schema:
+ *               type: object
+ *               properties:
+ *                 id:
+ *                   type: string
+ *                 object:
+ *                   type: string
+ *                   example: chat.completion
+ *                 created:
+ *                   type: integer
+ *                 model:
+ *                   type: string
+ *                 choices:
+ *                   type: array
+ *                   items:
+ *                     type: object
+ *                     properties:
+ *                       index:
+ *                         type: integer
+ *                       message:
+ *                         $ref: '#/components/schemas/ChatMessage'
+ *                       finish_reason:
+ *                         type: string
+ *                 usage:
+ *                   type: object
+ *                   properties:
+ *                     prompt_tokens:
+ *                       type: integer
+ *                     completion_tokens:
+ *                       type: integer
+ *                     total_tokens:
+ *                       type: integer
+ *           text/plain:
+ *             schema:
+ *               type: string
+ *               description: Server-sent events stream (when stream=true)
+ *       400:
+ *         description: Bad request
+ *         content:
+ *           application/json:
+ *             schema:
+ *               $ref: '#/components/schemas/Error'
+ *       401:
+ *         description: Unauthorized
+ *         content:
+ *           application/json:
+ *             schema:
+ *               $ref: '#/components/schemas/Error'
+ *       429:
+ *         description: Rate limit exceeded
+ *         content:
+ *           application/json:
+ *             schema:
+ *               $ref: '#/components/schemas/Error'
+ *       500:
+ *         description: Internal server error
+ *         content:
+ *           application/json:
+ *             schema:
+ *               $ref: '#/components/schemas/Error'
+ */
+router.post('/completions', async (req: Request, res: Response) => {
+  try {
+    const request: ChatCompletionCreateParams = req.body
+
+    if (!request) {
+      return res.status(400).json({
+        error: {
+          message: 'Request body is required',
+          type: 'invalid_request_error',
+          code: 'missing_body'
+        }
+      })
+    }
+
+    logger.info('Chat completion request:', {
+      model: request.model,
+      messageCount: request.messages?.length || 0,
+      stream: request.stream,
+      temperature: request.temperature
+    })
+
+    // Validate request
+    const validation = chatCompletionService.validateRequest(request)
+    if (!validation.isValid) {
+      return res.status(400).json({
+        error: {
+          message: validation.errors.join('; '),
+          type: 'invalid_request_error',
+          code: 'validation_failed'
+        }
+      })
+    }
+
+    // Validate model ID and get provider
+    const modelValidation = await validateModelId(request.model)
+    if (!modelValidation.valid) {
+      const error = modelValidation.error!
+      logger.warn(`Model validation failed for '${request.model}':`, error)
+      return res.status(400).json({
+        error: {
+          message: error.message,
+          type: 'invalid_request_error',
+          code: error.code
+        }
+      })
+    }
+
+    const provider = modelValidation.provider!
+    const modelId = modelValidation.modelId!
+
+    logger.info('Model validation successful:', {
+      provider: provider.id,
+      providerType: provider.type,
+      modelId: modelId,
+      fullModelId: request.model
+    })
+
+    // Create OpenAI client
+    const client = new OpenAI({
+      baseURL: provider.apiHost,
+      apiKey: provider.apiKey
+    })
+    request.model = modelId
+
+    // Handle streaming
+    if (request.stream) {
+      const streamResponse = await client.chat.completions.create(request)
+
+      res.setHeader('Content-Type', 'text/plain; charset=utf-8')
+      res.setHeader('Cache-Control', 'no-cache')
+      res.setHeader('Connection', 'keep-alive')
+
+      try {
+        for await (const chunk of streamResponse as any) {
+          res.write(`data: ${JSON.stringify(chunk)}\n\n`)
+        }
+        res.write('data: [DONE]\n\n')
+        res.end()
+      } catch (streamError: any) {
+        logger.error('Stream error:', streamError)
+        res.write(
+          `data: ${JSON.stringify({
+            error: {
+              message: 'Stream processing error',
+              type: 'server_error',
+              code: 'stream_error'
+            }
+          })}\n\n`
+        )
+        res.end()
+      }
+      return
+    }
+
+    // Handle non-streaming
+    const response = await client.chat.completions.create(request)
+    return res.json(response)
+  } catch (error: any) {
+    logger.error('Chat completion error:', error)
+
+    let statusCode = 500
+    let errorType = 'server_error'
+    let errorCode = 'internal_error'
+    let errorMessage = 'Internal server error'
+
+    if (error instanceof Error) {
+      errorMessage = error.message
+
+      if (error.message.includes('API key') || error.message.includes('authentication')) {
+        statusCode = 401
+        errorType = 'authentication_error'
+        errorCode = 'invalid_api_key'
+      } else if (error.message.includes('rate limit') || error.message.includes('quota')) {
+        statusCode = 429
+        errorType = 'rate_limit_error'
+        errorCode = 'rate_limit_exceeded'
+      } else if (error.message.includes('timeout') || error.message.includes('connection')) {
+        statusCode = 502
+        errorType = 'server_error'
+        errorCode = 'upstream_error'
+      }
+    }
+
+    return res.status(statusCode).json({
+      error: {
+        message: errorMessage,
+        type: errorType,
+        code: errorCode
+      }
+    })
+  }
+})
+
+export { router as chatRoutes }
diff --git a/src/main/apiServer/routes/mcp.ts b/src/main/apiServer/routes/mcp.ts
new file mode 100644
index 0000000000..1e154ee583
--- /dev/null
+++ b/src/main/apiServer/routes/mcp.ts
@@ -0,0 +1,153 @@
+import express, { Request, Response } from 'express'
+
+import { loggerService } from '../../services/LoggerService'
+import { mcpApiService } from '../services/mcp'
+
+const logger = loggerService.withContext('ApiServerMCPRoutes')
+
+const router = express.Router()
+
+/**
+ * @swagger
+ * /v1/mcps:
+ *   get:
+ *     summary: List MCP servers
+ *     description: Get a list of all configured Model Context Protocol servers
+ *     tags: [MCP]
+ *     responses:
+ *       200:
+ *         description: List of MCP servers
+ *         content:
+ *           application/json:
+ *             schema:
+ *               type: object
+ *               properties:
+ *                 success:
+ *                   type: boolean
+ *                 data:
+ *                   type: array
+ *                   items:
+ *                     $ref: '#/components/schemas/MCPServer'
+ *       503:
+ *         description: Service unavailable
+ *         content:
+ *           application/json:
+ *             schema:
+ *               type: object
+ *               properties:
+ *                 success:
+ *                   type: boolean
+ *                   example: false
+ *                 error:
+ *                   $ref: '#/components/schemas/Error'
+ */
+router.get('/', async (req: Request, res: Response) => {
+  try {
+    logger.info('Get all MCP servers request received')
+    const servers = await mcpApiService.getAllServers(req)
+    return res.json({
+      success: true,
+      data: servers
+    })
+  } catch (error: any) {
+    logger.error('Error fetching MCP servers:', error)
+    return res.status(503).json({
+      success: false,
+      error: {
+        message: `Failed to retrieve MCP servers: ${error.message}`,
+        type: 'service_unavailable',
+        code: 'servers_unavailable'
+      }
+    })
+  }
+})
+
+/**
+ * @swagger
+ * /v1/mcps/{server_id}:
+ *   get:
+ *     summary: Get MCP server info
+ *     description: Get detailed information about a specific MCP server
+ *     tags: [MCP]
+ *     parameters:
+ *       - in: path
+ *         name: server_id
+ *         required: true
+ *         schema:
+ *           type: string
+ *         description: MCP server ID
+ *     responses:
+ *       200:
+ *         description: MCP server information
+ *         content:
+ *           application/json:
+ *             schema:
+ *               type: object
+ *               properties:
+ *                 success:
+ *                   type: boolean
+ *                 data:
+ *                   $ref: '#/components/schemas/MCPServer'
+ *       404:
+ *         description: MCP server not found
+ *         content:
+ *           application/json:
+ *             schema:
+ *               type: object
+ *               properties:
+ *                 success:
+ *                   type: boolean
+ *                   example: false
+ *                 error:
+ *                   $ref: '#/components/schemas/Error'
+ */
+router.get('/:server_id', async (req: Request, res: Response) => {
+  try {
+    logger.info('Get MCP server info request received')
+    const server = await mcpApiService.getServerInfo(req.params.server_id)
+    if (!server) {
+      logger.warn('MCP server not found')
+      return res.status(404).json({
+        success: false,
+        error: {
+          message: 'MCP server not found',
+          type: 'not_found',
+          code: 'server_not_found'
+        }
+      })
+    }
+    return res.json({
+      success: true,
+      data: server
+    })
+  } catch (error: any) {
+    logger.error('Error fetching MCP server info:', error)
+    return res.status(503).json({
+      success: false,
+      error: {
+        message: `Failed to retrieve MCP server info: ${error.message}`,
+        type: 'service_unavailable',
+        code: 'server_info_unavailable'
+      }
+    })
+  }
+})
+
+// Connect to MCP server
+router.all('/:server_id/mcp', async (req: Request, res: Response) => {
+  const server = await mcpApiService.getServerById(req.params.server_id)
+  if (!server) {
+    logger.warn('MCP server not found')
+    return res.status(404).json({
+      success: false,
+      error: {
+        message: 'MCP server not found',
+        type: 'not_found',
+        code: 'server_not_found'
+      }
+    })
+  }
+  return await mcpApiService.handleRequest(req, res, server)
+})
+
+export { router as mcpRoutes }
diff --git a/src/main/apiServer/routes/models.ts b/src/main/apiServer/routes/models.ts
new file mode 100644
index 0000000000..9f4d2f13c9
--- /dev/null
+++ b/src/main/apiServer/routes/models.ts
@@ -0,0 +1,73 @@
+import express, { Request, Response } from 'express'
+
+import { loggerService } from '../../services/LoggerService'
+import { chatCompletionService } from '../services/chat-completion'
+
+const logger = loggerService.withContext('ApiServerModelsRoutes')
+
+const router = express.Router()
+
+/**
+ * @swagger
+ * /v1/models:
+ *   get:
+ *     summary: List available models
+ *     description: Returns a list of available AI models from all configured providers
+ *     tags: [Models]
+ *     responses:
+ *       200:
+ *         description: List of available models
+ *         content:
+ *           application/json:
+ *             schema:
+ *               type: object
+ *               properties:
+ *                 object:
+ *                   type: string
+ *                   example: list
+ *                 data:
+ *                   type: array
+ *                   items:
+ *                     $ref: '#/components/schemas/Model'
+ *       503:
+ *         description: Service unavailable
+ *         content:
+ *           application/json:
+ *             schema:
+ *               $ref: '#/components/schemas/Error'
+ */
+router.get('/', async (_req: Request, res: Response) => {
+  try {
+    logger.info('Models list request received')
+
+    const models = await chatCompletionService.getModels()
+
+    if (models.length === 0) {
+      logger.warn(
+        'No models available from providers. This may be because no OpenAI providers are configured or enabled.'
+      )
+    }
+
+    logger.info(`Returning ${models.length} models (OpenAI providers only)`)
+    logger.debug(
+      'Model IDs:',
+      models.map((m) => m.id)
+    )
+
+    return res.json({
+      object: 'list',
+      data: models
+    })
+  } catch (error: any) {
+    logger.error('Error fetching models:', error)
+    return res.status(503).json({
+      error: {
+        message: 'Failed to retrieve models from available providers',
+        type: 'service_unavailable',
+        code: 'models_unavailable'
+      }
+    })
+  }
+})
+
+export { router as modelsRoutes }
diff --git a/src/main/apiServer/server.ts b/src/main/apiServer/server.ts
new file mode 100644
index 0000000000..2555fa8c2e
--- /dev/null
+++ b/src/main/apiServer/server.ts
@@ -0,0 +1,65 @@
+import { createServer } from 'node:http'
+
+import { loggerService } from '../services/LoggerService'
+import { app } from './app'
+import { config } from './config'
+
+const logger = loggerService.withContext('ApiServer')
+
+export class ApiServer {
+  private server: ReturnType<typeof createServer> | null = null
+
+  async start(): Promise<void> {
+    if (this.server) {
+      logger.warn('Server already running')
+      return
+    }
+
+    // Load config
+    const { port, host, apiKey } = await config.load()
+
+    // Create server with Express app
+    this.server = createServer(app)
+
+    // Start server
+    return new Promise((resolve, reject) => {
+      this.server!.listen(port, host, () => {
+        logger.info(`API Server started at http://${host}:${port}`)
+        logger.info(`API Key: ${apiKey}`)
+        resolve()
+      })
+
+      this.server!.on('error', reject)
+    })
+  }
+
+  async stop(): Promise<void> {
+    if (!this.server) return
+
+    return new Promise((resolve) => {
+      this.server!.close(() => {
+        logger.info('API Server stopped')
+        this.server = null
+        resolve()
+      })
+    })
+  }
+
+  async restart(): Promise<void> {
+    await this.stop()
+    await config.reload()
+    await this.start()
+  }
+
+  isRunning(): boolean {
+    const hasServer = this.server !== null
+    const isListening = this.server?.listening || false
+    const result = hasServer && isListening
+
+    logger.debug('isRunning check:', { hasServer, isListening, result })
+
+    return result
+  }
+}
+
+export const apiServer = new ApiServer()
diff --git a/src/main/apiServer/services/chat-completion.ts b/src/main/apiServer/services/chat-completion.ts
new file mode 100644
index 0000000000..7df6226706
--- /dev/null
+++ b/src/main/apiServer/services/chat-completion.ts
@@ -0,0 +1,239 @@
+import OpenAI from 'openai'
+import { ChatCompletionCreateParams } from 'openai/resources'
+
+import { loggerService } from '../../services/LoggerService'
+import {
+  getProviderByModel,
+  getRealProviderModel,
+  listAllAvailableModels,
+  OpenAICompatibleModel,
+  transformModelToOpenAI,
+  validateProvider
+} from '../utils'
+
+const logger = loggerService.withContext('ChatCompletionService')
+
+export interface ModelData extends OpenAICompatibleModel {
+  provider_id: string
+  model_id: string
+  name: string
+}
+
+export interface ValidationResult {
+  isValid: boolean
+  errors: string[]
+}
+
+export class ChatCompletionService {
+  async getModels(): Promise<ModelData[]> {
+    try {
+      logger.info('Getting available models from providers')
+
+      const models = await listAllAvailableModels()
+
+      // Use Map to deduplicate models by their full ID (provider:model_id)
+      const uniqueModels = new Map<string, ModelData>()
+
+      for (const model of models) {
+        const openAIModel = transformModelToOpenAI(model)
+        const fullModelId = openAIModel.id // This is already in format "provider:model_id"
+
+        // Only add if not already present (first occurrence wins)
+        if (!uniqueModels.has(fullModelId)) {
+          uniqueModels.set(fullModelId, {
+            ...openAIModel,
+            provider_id: model.provider,
+            model_id: model.id,
+            name: model.name
+          })
+        } else {
+          logger.debug(`Skipping duplicate model: ${fullModelId}`)
+        }
+      }
+
+      const modelData = Array.from(uniqueModels.values())
+
+      logger.info(`Successfully retrieved ${modelData.length} unique models from ${models.length} total models`)
+
+      if (models.length > modelData.length) {
+        logger.debug(`Filtered out ${models.length - modelData.length} duplicate models`)
+      }
+
+      return modelData
+    } catch (error: any) {
+      logger.error('Error getting models:', error)
+      return []
+    }
+  }
+
+  validateRequest(request: ChatCompletionCreateParams): ValidationResult {
+    const errors: string[] = []
+
+    // Validate model
+    if (!request.model) {
+      errors.push('Model is required')
+    } else if (typeof request.model !== 'string') {
+      errors.push('Model must be a string')
+    } else if (!request.model.includes(':')) {
+      errors.push('Model must be in format "provider:model_id"')
+    }
+
+    // Validate messages
+    if (!request.messages) {
+      errors.push('Messages array is required')
+    } else if (!Array.isArray(request.messages)) {
+      errors.push('Messages must be an array')
+    } else if (request.messages.length === 0) {
+      errors.push('Messages array cannot be empty')
+    } else {
+      // Validate each message
+      request.messages.forEach((message, index) => {
+        if (!message.role) {
+          errors.push(`Message ${index}: role is required`)
+        }
+        if (!message.content) {
+          errors.push(`Message ${index}: content is required`)
+        }
+      })
+    }
+
+    // Validate optional parameters
+    if (request.temperature !== undefined) {
+      if (typeof request.temperature !== 'number' || request.temperature < 0 || request.temperature > 2) {
+        errors.push('Temperature must be a number between 0 and 2')
+      }
+    }
+
+    if (request.max_tokens !== undefined) {
+      if (typeof request.max_tokens !== 'number' || request.max_tokens < 1) {
+        errors.push('max_tokens must be a positive number')
+      }
+    }
+
+    return {
+      isValid: errors.length === 0,
+      errors
+    }
+  }
+
+  async processCompletion(request: ChatCompletionCreateParams): Promise<OpenAI.Chat.Completions.ChatCompletion> {
+    try {
+      logger.info('Processing chat completion request:', {
+        model: request.model,
+        messageCount: request.messages.length,
+        stream: request.stream
+      })
+
+      // Validate request
+      const validation = this.validateRequest(request)
+      if (!validation.isValid) {
+        throw new Error(`Request validation failed: ${validation.errors.join(', ')}`)
+      }
+
+      // Get provider for the model
+      const provider = await getProviderByModel(request.model!)
+      if (!provider) {
+        throw new Error(`Provider not found for model: ${request.model}`)
+      }
+
+      // Validate provider
+      if (!validateProvider(provider)) {
+        throw new Error(`Provider validation failed for: ${provider.id}`)
+      }
+
+      // Extract model ID from the full model string
+      const modelId = getRealProviderModel(request.model)
+
+      // Create OpenAI client for the provider
+      const client = new OpenAI({
+        baseURL: provider.apiHost,
+        apiKey: provider.apiKey
+      })
+
+      // Prepare request with the actual model ID
+      const providerRequest = {
+        ...request,
+        model: modelId,
+        stream: false
+      }
+
+      logger.debug('Sending request to provider:', {
+        provider: provider.id,
+        model: modelId,
+        apiHost: provider.apiHost
+      })
+
+      const response = (await client.chat.completions.create(providerRequest)) as OpenAI.Chat.Completions.ChatCompletion
+
+      logger.info('Successfully processed chat completion')
+      return response
+    } catch (error: any) {
+      logger.error('Error processing chat completion:', error)
+      throw error
+    }
+  }
+
+  async *processStreamingCompletion(
+    request: ChatCompletionCreateParams
+  ): AsyncIterable<OpenAI.Chat.Completions.ChatCompletionChunk> {
+    try {
+      logger.info('Processing streaming chat completion request:', {
+        model: request.model,
+        messageCount: request.messages.length
+      })
+
+      // Validate request
+      const validation = this.validateRequest(request)
+      if (!validation.isValid) {
+        throw new Error(`Request validation failed: ${validation.errors.join(', ')}`)
+      }
+
+      // Get provider for the model
+      const provider = await getProviderByModel(request.model!)
+      if (!provider) {
+        throw new Error(`Provider not found for model: ${request.model}`)
+      }
+
+      // Validate provider
+      if (!validateProvider(provider)) {
+        throw new Error(`Provider validation failed for: ${provider.id}`)
+      }
+
+      // Extract model ID from the full model string
+      const modelId = getRealProviderModel(request.model)
+
+      // Create OpenAI client for the provider
+      const client = new OpenAI({
+        baseURL: provider.apiHost,
+        apiKey: provider.apiKey
+      })
+
+      // Prepare streaming request
+      const streamingRequest = {
+        ...request,
+        model: modelId,
+        stream: true as const
+      }
+
+      logger.debug('Sending streaming request to provider:', {
+        provider: provider.id,
+        model: modelId,
+        apiHost: provider.apiHost
+      })
+
+      const stream = await client.chat.completions.create(streamingRequest)
+
+      for await (const chunk of stream) {
+        yield chunk
+      }
+
+      logger.info('Successfully completed streaming chat completion')
+    } catch (error: any) {
+      logger.error('Error processing streaming chat completion:', error)
+      throw error
+    }
+  }
+}
+
+// Export singleton instance
+export const chatCompletionService = new ChatCompletionService()
diff --git a/src/main/apiServer/services/mcp.ts b/src/main/apiServer/services/mcp.ts
new file mode 100644
index 0000000000..99f1732114
--- /dev/null
+++ b/src/main/apiServer/services/mcp.ts
@@ -0,0 +1,251 @@
+import mcpService from '@main/services/MCPService'
+import { StreamableHTTPServerTransport } from '@modelcontextprotocol/sdk/server/streamableHttp'
+import {
+  isJSONRPCRequest,
+  JSONRPCMessage,
+  JSONRPCMessageSchema,
+  MessageExtraInfo
+} from '@modelcontextprotocol/sdk/types'
+import { MCPServer } from '@types'
+import { randomUUID } from 'crypto'
+import { EventEmitter } from 'events'
+import { Request, Response } from 'express'
+import { IncomingMessage, ServerResponse } from 'http'
+
+import { loggerService } from '../../services/LoggerService'
+import { reduxService } from '../../services/ReduxService'
+import { getMcpServerById } from '../utils/mcp'
+
+const logger = loggerService.withContext('MCPApiService')
+const transports: Record<string, StreamableHTTPServerTransport> = {}
+
+interface McpServerDTO {
+  id: MCPServer['id']
+  name: MCPServer['name']
+  type: MCPServer['type']
+  description: MCPServer['description']
+  url: string
+}
+
+interface McpServersResp {
+  servers: Record<string, McpServerDTO>
+}
+
+/**
+ * MCPApiService - API layer for MCP server management
+ *
+ * This service provides a REST API interface for MCP servers while integrating
+ * with the existing application architecture:
+ *
+ * 1. Uses ReduxService to access the renderer's Redux store directly
+ * 2. Syncs changes back to the renderer via Redux actions
+ * 3. Leverages existing MCPService for actual server connections
+ * 4. Provides session management for API clients
+ */
+class MCPApiService extends EventEmitter {
+  private transport: StreamableHTTPServerTransport = new StreamableHTTPServerTransport({
+    sessionIdGenerator: () => randomUUID()
+  })
+
+  constructor() {
+    super()
+    this.initMcpServer()
+    logger.silly('MCPApiService initialized')
+  }
+
+  private initMcpServer() {
+    this.transport.onmessage = this.onMessage
+  }
+
+  /**
+   * Get servers directly from Redux store
+   */
+  private async getServersFromRedux(): Promise<MCPServer[]> {
+    try {
+      logger.silly('Getting servers from Redux store')
+
+      // Try to get from cache first (faster)
+      const cachedServers = reduxService.selectSync<MCPServer[]>('state.mcp.servers')
+      if (cachedServers && Array.isArray(cachedServers)) {
+        logger.silly(`Found ${cachedServers.length} servers in Redux cache`)
+        return cachedServers
+      }
+
+      // If cache is not available, get fresh data
+      const servers = await reduxService.select<MCPServer[]>('state.mcp.servers')
+      logger.silly(`Fetched ${servers?.length || 0} servers from Redux store`)
+      return servers || []
+    } catch (error: any) {
+      logger.error('Failed to get servers from Redux:', error)
+      return []
+    }
+  }
+
+  // get all activated servers
+  async getAllServers(req: Request): Promise<McpServersResp> {
+    try {
+      const servers = await this.getServersFromRedux()
+      logger.silly(`Returning ${servers.length} servers`)
+      const resp: McpServersResp = {
+        servers: {}
+      }
+      for (const server of servers) {
+        if (server.isActive) {
+          resp.servers[server.id] = {
+            id: server.id,
+            name: server.name,
+            type: 'streamableHttp',
+            description: server.description,
+            url: `${req.protocol}://${req.host}/v1/mcps/${server.id}/mcp`
+          }
+        }
+      }
+      return resp
+    } catch (error: any) {
+      logger.error('Failed to get all servers:', error)
+      throw new Error('Failed to retrieve servers')
+    }
+  }
+
+  // get server by id
+  async getServerById(id: string): Promise<MCPServer | null> {
+    try {
+      logger.silly(`getServerById called with id: ${id}`)
+      const servers = await this.getServersFromRedux()
+      const server = servers.find((s) => s.id === id)
+      if (!server) {
+        logger.warn(`Server with id ${id} not found`)
+        return null
+      }
+      logger.silly(`Returning server with id ${id}`)
+      return server
+    } catch (error: any) {
+      logger.error(`Failed to get server with id ${id}:`, error)
+      throw new Error('Failed to retrieve server')
+    }
+  }
+
+  async getServerInfo(id: string): Promise<any> {
+    try {
+      logger.silly(`getServerInfo called with id: ${id}`)
+      const server = await this.getServerById(id)
+      if (!server) {
+        logger.warn(`Server with id ${id} not found`)
+        return null
+      }
+      logger.silly(`Returning server info for id ${id}`)
+
+      const client = await mcpService.initClient(server)
+      const tools = await client.listTools()
+
+      logger.info(`Server with id ${id} info:`, { tools: JSON.stringify(tools) })
+
+      // const [version, tools, prompts, resources] = await Promise.all([
+      //   () => {
+      //     try {
+      //       return client.getServerVersion()
+      //     } catch (error) {
+      //       logger.error(`Failed to get server version for id ${id}:`, { error: error })
+      //       return '1.0.0'
+      //     }
+      //   },
+      //   (() => {
+      //     try {
+      //       return client.listTools()
+      //     } catch (error) {
+      //       logger.error(`Failed to list tools for id ${id}:`, { error: error })
+      //       return []
+      //     }
+      //   })(),
+      //   (() => {
+      //     try {
+      //       return client.listPrompts()
+      //     } catch (error) {
+      //       logger.error(`Failed to list prompts for id ${id}:`, { error: error })
+      //       return []
+      //     }
+      //   })(),
+      //   (() => {
+      //     try {
+      //       return client.listResources()
+      //     } catch (error) {
+      //       logger.error(`Failed to list resources for id ${id}:`, { error: error })
+      //       return []
+      //     }
+      //   })()
+      // ])
+
+      return {
+        id: server.id,
+        name: server.name,
+        type: server.type,
+        description: server.description,
+        tools
+      }
+    } catch (error: any) {
+      logger.error(`Failed to get server info with id ${id}:`, error)
+      throw new Error('Failed to retrieve server info')
+    }
+  }
+
+  async handleRequest(req: Request, res: Response, server: MCPServer) {
+    const sessionId = req.headers['mcp-session-id'] as string | undefined
+    logger.silly(`Handling request for server with sessionId ${sessionId}`)
+    let transport: StreamableHTTPServerTransport
+    if (sessionId && transports[sessionId]) {
+      transport = transports[sessionId]
+    } else {
+      transport = new StreamableHTTPServerTransport({
+        sessionIdGenerator: () => randomUUID(),
+        onsessioninitialized: (sessionId) => {
+          transports[sessionId] = transport
+        }
+      })
+
+      transport.onclose = () => {
+        logger.info(`Transport for sessionId ${sessionId} closed`)
+        if (transport.sessionId) {
+          delete transports[transport.sessionId]
+        }
+      }
+      const mcpServer = await getMcpServerById(server.id)
+      if (mcpServer) {
+        await mcpServer.connect(transport)
+      }
+    }
+    const jsonpayload = req.body
+    const messages: JSONRPCMessage[] = []
+
+    if (Array.isArray(jsonpayload)) {
+      for (const payload of jsonpayload) {
+        const message = JSONRPCMessageSchema.parse(payload)
+        messages.push(message)
+      }
+    } else {
+      const message = JSONRPCMessageSchema.parse(jsonpayload)
+      messages.push(message)
+    }
+
+    for (const message of messages) {
+      if (isJSONRPCRequest(message)) {
+        if (!message.params) {
+          message.params = {}
+        }
+        if (!message.params._meta) {
+          message.params._meta = {}
+        }
+        message.params._meta.serverId = server.id
+      }
+    }
+
+    logger.info(`Request body`, { rawBody: req.body, messages: JSON.stringify(messages) })
+    await transport.handleRequest(req as IncomingMessage, res as ServerResponse, messages)
+  }
+
+  private onMessage(message: JSONRPCMessage, extra?: MessageExtraInfo) {
+    logger.info(`Received message: ${JSON.stringify(message)}`, extra)
+    // Handle message here
+  }
+}
+
+export const mcpApiService = new MCPApiService()
diff --git a/src/main/apiServer/utils/index.ts b/src/main/apiServer/utils/index.ts
new file mode 100644
index 0000000000..9d3b81c328
--- /dev/null
+++ b/src/main/apiServer/utils/index.ts
@@ -0,0 +1,231 @@
+import { loggerService } from '@main/services/LoggerService'
+import { reduxService } from '@main/services/ReduxService'
+import { Model, Provider } from '@types'
+
+const logger = loggerService.withContext('ApiServerUtils')
+
+// OpenAI compatible model format
+export interface OpenAICompatibleModel {
+  id: string
+  object: 'model'
+  created: number
+  owned_by: string
+  provider?: string
+  provider_model_id?: string
+}
+
+export async function getAvailableProviders(): Promise<Provider[]> {
+  try {
+    // Wait for store to be ready before accessing providers
+    const providers = await reduxService.select('state.llm.providers')
+    if (!providers || !Array.isArray(providers)) {
+      logger.warn('No providers found in Redux store, returning empty array')
+      return []
+    }
+
+    // Only support OpenAI type providers for API server
+    const openAIProviders = providers.filter((p: Provider) => p.enabled && p.type === 'openai')
+
+    logger.info(`Filtered to ${openAIProviders.length} OpenAI providers from ${providers.length} total providers`)
+
+    return openAIProviders
+  } catch (error: any) {
+    logger.error('Failed to get providers from Redux store:', error)
+    return []
+  }
+}
+
+export async function listAllAvailableModels(): Promise<Model[]> {
+  try {
+    const providers = await getAvailableProviders()
+    return providers.map((p: Provider) => p.models || []).flat()
+  } catch (error: any) {
+    logger.error('Failed to list available models:', error)
+    return []
+  }
+}
+
+export async function getProviderByModel(model: string): Promise<Provider | undefined> {
+  try {
+    if (!model || typeof model !== 'string') {
+      logger.warn(`Invalid model parameter: ${model}`)
+      return undefined
+    }
+
+    // Validate model format first
+    if (!model.includes(':')) {
+      logger.warn(
+        `Invalid model format, must contain ':' separator. Expected format "provider:model_id", got: ${model}`
+      )
+      return undefined
+    }
+
+    const providers = await getAvailableProviders()
+    const modelInfo = model.split(':')
+
+    if (modelInfo.length < 2 || modelInfo[0].length === 0 || modelInfo[1].length === 0) {
+      logger.warn(`Invalid model format, expected "provider:model_id" with non-empty parts, got: ${model}`)
+      return undefined
+    }
+
+    const providerId = modelInfo[0]
+    const provider = providers.find((p: Provider) => p.id === providerId)
+
+    if (!provider) {
+      logger.warn(
+        `Provider '${providerId}' not found or not enabled. Available providers: ${providers.map((p) => p.id).join(', ')}`
+      )
+      return undefined
+    }
+
+    logger.debug(`Found provider '${providerId}' for model: ${model}`)
+    return provider
+  } catch (error: any) {
+    logger.error('Failed to get provider by model:', error)
+    return undefined
+  }
+}
+
+export function getRealProviderModel(modelStr: string): string {
+  return modelStr.split(':').slice(1).join(':')
+}
+
+export interface ModelValidationError {
+  type: 'invalid_format' | 'provider_not_found' | 'model_not_available' | 'unsupported_provider_type'
+  message: string
+  code: string
+}
+
+export async function validateModelId(
+  model: string
+): Promise<{ valid: boolean; error?: ModelValidationError; provider?: Provider; modelId?: string }> {
+  try {
+    if (!model || typeof model !== 'string') {
+      return {
+        valid: false,
+        error: {
+          type: 'invalid_format',
+          message: 'Model must be a non-empty string',
+          code: 'invalid_model_parameter'
+        }
+      }
+    }
+
+    if (!model.includes(':')) {
+      return {
+        valid: false,
+        error: {
+          type: 'invalid_format',
+          message: "Invalid model format. Expected format: 'provider:model_id' (e.g., 'my-openai:gpt-4')",
+          code: 'invalid_model_format'
+        }
+      }
+    }
+
+    const modelInfo = model.split(':')
+    if (modelInfo.length < 2 || modelInfo[0].length === 0 || modelInfo[1].length === 0) {
+      return {
+        valid: false,
+        error: {
+          type: 'invalid_format',
+          message: "Invalid model format. Both provider and model_id must be non-empty. Expected: 'provider:model_id'",
+          code: 'invalid_model_format'
+        }
+      }
+    }
+
+    const providerId = modelInfo[0]
+    const modelId = getRealProviderModel(model)
+    const provider = await getProviderByModel(model)
+
+    if (!provider) {
+      return {
+        valid: false,
+        error: {
+          type: 'provider_not_found',
+          message: `Provider '${providerId}' not found, not enabled, or not supported. Only OpenAI providers are currently supported.`,
+          code: 'provider_not_found'
+        }
+      }
+    }
+
+    // Check if model exists in provider
+    const modelExists = provider.models?.some((m) => m.id === modelId)
+    if (!modelExists) {
+      const availableModels = provider.models?.map((m) => m.id).join(', ') || 'none'
+      return {
+        valid: false,
+        error: {
+          type: 'model_not_available',
+          message: `Model '${modelId}' not available in provider '${providerId}'. Available models: ${availableModels}`,
+          code: 'model_not_available'
+        }
+      }
+    }
+
+    return {
+      valid: true,
+      provider,
+      modelId
+    }
+  } catch (error: any) {
+    logger.error('Error validating model ID:', error)
+    return {
+      valid: false,
+      error: {
+        type: 'invalid_format',
+        message: 'Failed to validate model ID',
+        code: 'validation_error'
+      }
+    }
+  }
+}
+
+export function transformModelToOpenAI(model: Model): OpenAICompatibleModel {
+  return {
+    id: `${model.provider}:${model.id}`,
+    object: 'model',
+    created: Math.floor(Date.now() / 1000),
+    owned_by: model.owned_by || model.provider,
+    provider: model.provider,
+    provider_model_id: model.id
+  }
+}
+
+export function validateProvider(provider: Provider): boolean {
+  try {
+    if (!provider) {
+      return false
+    }
+
+    // Check required fields
+    if (!provider.id || !provider.type || !provider.apiKey || !provider.apiHost) {
+      logger.warn('Provider missing required fields:', {
+        id: !!provider.id,
+        type: !!provider.type,
+        apiKey: !!provider.apiKey,
+        apiHost: !!provider.apiHost
+      })
+      return false
+    }
+
+    // Check if provider is enabled
+    if (!provider.enabled) {
+      logger.debug(`Provider is disabled: ${provider.id}`)
+      return false
+    }
+
+    // Only support OpenAI type providers
+    if (provider.type !== 'openai') {
+      logger.debug(
+        `Provider type '${provider.type}' not supported, only 'openai' type is currently supported: ${provider.id}`
+      )
+      return false
+    }
+
+    return true
+  } catch (error: any) {
+    logger.error('Error validating provider:', error)
+    return false
+  }
+}
diff --git a/src/main/apiServer/utils/mcp.ts b/src/main/apiServer/utils/mcp.ts
new file mode 100644
index 0000000000..1ebe06ba68
--- /dev/null
+++ b/src/main/apiServer/utils/mcp.ts
@@ -0,0 +1,76 @@
+import mcpService from '@main/services/MCPService'
+import { Server } from '@modelcontextprotocol/sdk/server/index.js'
+import { CallToolRequestSchema, ListToolsRequestSchema, ListToolsResult } from '@modelcontextprotocol/sdk/types.js'
+import { MCPServer } from '@types'
+
+import { loggerService } from '../../services/LoggerService'
+import { reduxService } from '../../services/ReduxService'
+
+const logger = loggerService.withContext('MCPApiService')
+
+const cachedServers: Record<string, Server> = {}
+
+async function handleListToolsRequest(request: any, extra: any): Promise<ListToolsResult> {
+  logger.debug('Handling list tools request', { request: request, extra: extra })
+  const serverId: string = request.params._meta.serverId
+  const serverConfig = await getMcpServerConfigById(serverId)
+  if (!serverConfig) {
+    throw new Error(`Server not found: ${serverId}`)
+  }
+  const client = await mcpService.initClient(serverConfig)
+  return client.listTools()
+}
+
+async function handleCallToolRequest(request: any, extra: any): Promise<any> {
+  logger.debug('Handling call tool request', { request: request, extra: extra })
+  const serverId: string = request.params._meta.serverId
+  const serverConfig = await getMcpServerConfigById(serverId)
+  if (!serverConfig) {
+    throw new Error(`Server not found: ${serverId}`)
+  }
+  const client = await mcpService.initClient(serverConfig)
+  return client.callTool(request.params)
+}
+
+async function getMcpServerConfigById(id: string): Promise<MCPServer | undefined> {
+  const servers = await getServersFromRedux()
+  return servers.find((s) => s.id === id || s.name === id)
+}
+
+/**
+ * Get servers directly from Redux store
+ */
+async function getServersFromRedux(): Promise<MCPServer[]> {
+  try {
+    const servers = await reduxService.select<MCPServer[]>('state.mcp.servers')
+    logger.silly(`Fetched ${servers?.length || 0} servers from Redux store`)
+    return servers || []
+  } catch (error: any) {
+    logger.error('Failed to get servers from Redux:', error)
+    return []
+  }
+}
+
+export async function getMcpServerById(id: string): Promise<Server> {
+  const server = cachedServers[id]
+  if (!server) {
+    const servers = await getServersFromRedux()
+    const mcpServer = servers.find((s) => s.id === id || s.name === id)
+    if (!mcpServer) {
+      throw new Error(`Server not found: ${id}`)
+    }
+
+    const createMcpServer = (name: string, version: string): Server => {
+      const server = new Server({ name: name, version }, { capabilities: { tools: {} } })
+      server.setRequestHandler(ListToolsRequestSchema, handleListToolsRequest)
+      server.setRequestHandler(CallToolRequestSchema, handleCallToolRequest)
+      return server
+    }
+
+    const newServer = createMcpServer(mcpServer.name, '0.1.0')
+    cachedServers[id] = newServer
+    return newServer
+  }
+  logger.silly('getMcpServer ', { server: server })
+  return server
+}
diff --git a/src/main/index.ts b/src/main/index.ts
index 9b0b5726a8..4fcdeed13e 100644
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -31,6 +31,7 @@ import { TrayService } from './services/TrayService'
 import { windowService } from './services/WindowService'
 import { dataRefactorMigrateService } from './data/migrate/dataRefactor/DataRefactorMigrateService'
 import process from 'node:process'
+import { apiServerService } from './services/ApiServerService'
 
 const logger = loggerService.withContext('MainEntry')
 
@@ -219,6 +220,17 @@ if (!app.requestSingleInstanceLock()) {
 
     //start selection assistant service
     initSelectionService()
+
+    // Start API server if enabled
+    try {
+      const config = await apiServerService.getCurrentConfig()
+      logger.info('API server config:', config)
+      if (config.enabled) {
+        await apiServerService.start()
+      }
+    } catch (error: any) {
+      logger.error('Failed to check/start API server:', error)
+    }
   })
 
   registerProtocolClient(app)
@@ -264,6 +276,7 @@ if (!app.requestSingleInstanceLock()) {
     // 简单的资源清理，不阻塞退出流程
     try {
       await mcpService.cleanup()
+      await apiServerService.stop()
     } catch (error) {
       logger.warn('Error cleaning up MCP service:', error as Error)
     }
diff --git a/src/main/ipc.ts b/src/main/ipc.ts
index d9d3ca5f95..b03fc6e093 100644
--- a/src/main/ipc.ts
+++ b/src/main/ipc.ts
@@ -15,9 +15,12 @@ import { MIN_WINDOW_HEIGHT, MIN_WINDOW_WIDTH } from '@shared/config/constant'
 import { UpgradeChannel } from '@shared/data/preferenceTypes'
 import { IpcChannel } from '@shared/IpcChannel'
 import { FileMetadata, Provider, Shortcut } from '@types'
+import checkDiskSpace from 'check-disk-space'
 import { BrowserWindow, dialog, ipcMain, ProxyConfig, session, shell, systemPreferences, webContents } from 'electron'
+import fontList from 'font-list'
 import { Notification } from 'src/renderer/src/types/notification'
 
+import { apiServerService } from './services/ApiServerService'
 import appService from './services/AppService'
 import AppUpdater from './services/AppUpdater'
 import BackupManager from './services/BackupManager'
@@ -217,6 +220,17 @@ export function registerIpc(mainWindow: BrowserWindow, app: Electron.App) {
     return mainWindow.isFullScreen()
   })
 
+  // Get System Fonts
+  ipcMain.handle(IpcChannel.App_GetSystemFonts, async () => {
+    try {
+      const fonts = await fontList.getFonts()
+      return fonts.map((font: string) => font.replace(/^"(.*)"$/, '$1')).filter((font: string) => font.length > 0)
+    } catch (error) {
+      logger.error('Failed to get system fonts:', error as Error)
+      return []
+    }
+  })
+
   ipcMain.handle(IpcChannel.Config_Set, (_, key: string, value: any, isNotify: boolean = false) => {
     configManager.set(key, value, isNotify)
   })
@@ -782,6 +796,23 @@ export function registerIpc(mainWindow: BrowserWindow, app: Electron.App) {
       addStreamMessage(spanId, modelName, context, msg)
   )
 
+  ipcMain.handle(IpcChannel.App_GetDiskInfo, async (_, directoryPath: string) => {
+    try {
+      const diskSpace = await checkDiskSpace(directoryPath) // { free, size } in bytes
+      logger.debug('disk space', diskSpace)
+      const { free, size } = diskSpace
+      return {
+        free,
+        size
+      }
+    } catch (error) {
+      logger.error('check disk space error', error as Error)
+      return null
+    }
+  })
+  // API Server
+  apiServerService.registerIpcHandlers()
+
   // Anthropic OAuth
   ipcMain.handle(IpcChannel.Anthropic_StartOAuthFlow, () => anthropicService.startOAuthFlow())
   ipcMain.handle(IpcChannel.Anthropic_CompleteOAuthWithCode, (_, code: string) =>
diff --git a/src/main/knowledge/langchain/embeddings/JinaEmbeddings.ts b/src/main/knowledge/langchain/embeddings/JinaEmbeddings.ts
index 0a6c5f1f84..f0380ff360 100644
--- a/src/main/knowledge/langchain/embeddings/JinaEmbeddings.ts
+++ b/src/main/knowledge/langchain/embeddings/JinaEmbeddings.ts
@@ -1,7 +1,7 @@
 import { Embeddings, type EmbeddingsParams } from '@langchain/core/embeddings'
 import { chunkArray } from '@langchain/core/utils/chunk_array'
 import { getEnvironmentVariable } from '@langchain/core/utils/env'
-import z from 'zod/v4'
+import { z } from 'zod'
 
 const jinaModelSchema = z.union([
   z.literal('jina-clip-v2'),
diff --git a/src/main/mcpServers/dify-knowledge.ts b/src/main/mcpServers/dify-knowledge.ts
index 83a352fd4f..04f010ce16 100644
--- a/src/main/mcpServers/dify-knowledge.ts
+++ b/src/main/mcpServers/dify-knowledge.ts
@@ -3,7 +3,7 @@ import { loggerService } from '@logger'
 import { Server } from '@modelcontextprotocol/sdk/server/index.js'
 import { CallToolRequestSchema, ListToolsRequestSchema } from '@modelcontextprotocol/sdk/types.js'
 import { net } from 'electron'
-import * as z from 'zod/v4'
+import { z } from 'zod'
 
 const logger = loggerService.withContext('DifyKnowledgeServer')
 
diff --git a/src/main/mcpServers/fetch.ts b/src/main/mcpServers/fetch.ts
index e55b114776..f170cc54c0 100644
--- a/src/main/mcpServers/fetch.ts
+++ b/src/main/mcpServers/fetch.ts
@@ -8,8 +8,8 @@ import TurndownService from 'turndown'
 import { z } from 'zod'
 
 export const RequestPayloadSchema = z.object({
-  url: z.string().url(),
-  headers: z.record(z.string()).optional()
+  url: z.url(),
+  headers: z.record(z.string(), z.string()).optional()
 })
 
 export type RequestPayload = z.infer<typeof RequestPayloadSchema>
diff --git a/src/main/mcpServers/filesystem.ts b/src/main/mcpServers/filesystem.ts
index 3b3c5ed799..9ec5ced0b0 100644
--- a/src/main/mcpServers/filesystem.ts
+++ b/src/main/mcpServers/filesystem.ts
@@ -8,7 +8,7 @@ import fs from 'fs/promises'
 import { minimatch } from 'minimatch'
 import os from 'os'
 import path from 'path'
-import * as z from 'zod/v4'
+import { z } from 'zod'
 
 const logger = loggerService.withContext('MCP:FileSystemServer')
 
diff --git a/src/main/services/ApiServerService.ts b/src/main/services/ApiServerService.ts
new file mode 100644
index 0000000000..9a7bfad7e0
--- /dev/null
+++ b/src/main/services/ApiServerService.ts
@@ -0,0 +1,108 @@
+import { IpcChannel } from '@shared/IpcChannel'
+import { ApiServerConfig } from '@types'
+import { ipcMain } from 'electron'
+
+import { apiServer } from '../apiServer'
+import { config } from '../apiServer/config'
+import { loggerService } from './LoggerService'
+const logger = loggerService.withContext('ApiServerService')
+
+export class ApiServerService {
+  constructor() {
+    // Use the new clean implementation
+  }
+
+  async start(): Promise<void> {
+    try {
+      await apiServer.start()
+      logger.info('API Server started successfully')
+    } catch (error: any) {
+      logger.error('Failed to start API Server:', error)
+      throw error
+    }
+  }
+
+  async stop(): Promise<void> {
+    try {
+      await apiServer.stop()
+      logger.info('API Server stopped successfully')
+    } catch (error: any) {
+      logger.error('Failed to stop API Server:', error)
+      throw error
+    }
+  }
+
+  async restart(): Promise<void> {
+    try {
+      await apiServer.restart()
+      logger.info('API Server restarted successfully')
+    } catch (error: any) {
+      logger.error('Failed to restart API Server:', error)
+      throw error
+    }
+  }
+
+  isRunning(): boolean {
+    return apiServer.isRunning()
+  }
+
+  async getCurrentConfig(): Promise<ApiServerConfig> {
+    return config.get()
+  }
+
+  registerIpcHandlers(): void {
+    // API Server
+    ipcMain.handle(IpcChannel.ApiServer_Start, async () => {
+      try {
+        await this.start()
+        return { success: true }
+      } catch (error: any) {
+        return { success: false, error: error instanceof Error ? error.message : 'Unknown error' }
+      }
+    })
+
+    ipcMain.handle(IpcChannel.ApiServer_Stop, async () => {
+      try {
+        await this.stop()
+        return { success: true }
+      } catch (error: any) {
+        return { success: false, error: error instanceof Error ? error.message : 'Unknown error' }
+      }
+    })
+
+    ipcMain.handle(IpcChannel.ApiServer_Restart, async () => {
+      try {
+        await this.restart()
+        return { success: true }
+      } catch (error: any) {
+        return { success: false, error: error instanceof Error ? error.message : 'Unknown error' }
+      }
+    })
+
+    ipcMain.handle(IpcChannel.ApiServer_GetStatus, async () => {
+      try {
+        const config = await this.getCurrentConfig()
+        return {
+          running: this.isRunning(),
+          config
+        }
+      } catch (error: any) {
+        return {
+          running: this.isRunning(),
+          config: null
+        }
+      }
+    })
+
+    ipcMain.handle(IpcChannel.ApiServer_GetConfig, async () => {
+      try {
+        return this.getCurrentConfig()
+      } catch (error: any) {
+        return null
+      }
+    })
+  }
+}
+
+// Export singleton instance
+export const apiServerService = new ApiServerService()
diff --git a/src/main/services/CodeToolsService.ts b/src/main/services/CodeToolsService.ts
index 66575870c7..12da4896be 100644
--- a/src/main/services/CodeToolsService.ts
+++ b/src/main/services/CodeToolsService.ts
@@ -332,14 +332,15 @@ class CodeToolsService {
         // macOS - Use osascript to launch terminal and execute command directly, without showing startup command
         const envPrefix = buildEnvPrefix(false)
         const command = envPrefix ? `${envPrefix} && ${baseCommand}` : baseCommand
+        // Combine directory change with the main command to ensure they execute in the same shell session
+        const fullCommand = `cd '${directory.replace(/'/g, "\\'")}' && clear && ${command}`
 
         terminalCommand = 'osascript'
         terminalArgs = [
           '-e',
           `tell application "Terminal"
-  set newTab to do script "cd '${directory.replace(/'/g, "\\'")}' && clear"
+  do script "${fullCommand.replace(/"/g, '\\"')}"
   activate
-  do script "${command.replace(/"/g, '\\"')}" in newTab
 end tell`
         ]
         break
diff --git a/src/main/services/MCPService.ts b/src/main/services/MCPService.ts
index ecb34500c5..710867da88 100644
--- a/src/main/services/MCPService.ts
+++ b/src/main/services/MCPService.ts
@@ -16,6 +16,7 @@ import {
   type StreamableHTTPClientTransportOptions
 } from '@modelcontextprotocol/sdk/client/streamableHttp'
 import { InMemoryTransport } from '@modelcontextprotocol/sdk/inMemory'
+import { McpError, type Tool as SDKTool } from '@modelcontextprotocol/sdk/types'
 // Import notification schemas from MCP SDK
 import {
   CancelledNotificationSchema,
@@ -29,6 +30,7 @@ import {
 import { nanoid } from '@reduxjs/toolkit'
 import { MCPProgressEvent } from '@shared/config/types'
 import { IpcChannel } from '@shared/IpcChannel'
+import { defaultAppHeaders } from '@shared/utils'
 import {
   BuiltinMCPServerNames,
   type GetResourceResponse,
@@ -94,7 +96,7 @@ function getServerLogger(server: MCPServer, extra?: Record<string, any>) {
     baseUrl: server?.baseUrl,
     type: server?.type || (server?.command ? 'stdio' : server?.baseUrl ? 'http' : 'inmemory')
   }
-  return loggerService.withContext('MCPService', { ...base, ...(extra || {}) })
+  return loggerService.withContext('MCPService', { ...base, ...extra })
 }
 
 /**
@@ -193,11 +195,18 @@ class McpService {
           return existingClient
         }
       } catch (error: any) {
-        getServerLogger(server).error(`Error pinging server`, error as Error)
+        getServerLogger(server).error(`Error pinging server ${server.name}`, error as Error)
         this.clients.delete(serverKey)
       }
     }
 
+    const prepareHeaders = () => {
+      return {
+        ...defaultAppHeaders(),
+        ...server.headers
+      }
+    }
+
     // Create a promise for the initialization process
     const initPromise = (async () => {
       try {
@@ -235,8 +244,11 @@ class McpService {
           } else if (server.baseUrl) {
             if (server.type === 'streamableHttp') {
               const options: StreamableHTTPClientTransportOptions = {
+                fetch: async (url, init) => {
+                  return net.fetch(typeof url === 'string' ? url : url.toString(), init)
+                },
                 requestInit: {
-                  headers: server.headers || {}
+                  headers: prepareHeaders()
                 },
                 authProvider
               }
@@ -249,25 +261,11 @@ class McpService {
               const options: SSEClientTransportOptions = {
                 eventSourceInit: {
                   fetch: async (url, init) => {
-                    const headers = { ...(server.headers || {}), ...(init?.headers || {}) }
-
-                    // Get tokens from authProvider to make sure using the latest tokens
-                    if (authProvider && typeof authProvider.tokens === 'function') {
-                      try {
-                        const tokens = await authProvider.tokens()
-                        if (tokens && tokens.access_token) {
-                          headers['Authorization'] = `Bearer ${tokens.access_token}`
-                        }
-                      } catch (error) {
-                        getServerLogger(server).error('Failed to fetch tokens:', error as Error)
-                      }
-                    }
-
-                    return net.fetch(typeof url === 'string' ? url : url.toString(), { ...init, headers })
+                    return net.fetch(typeof url === 'string' ? url : url.toString(), init)
                   }
                 },
                 requestInit: {
-                  headers: server.headers || {}
+                  headers: prepareHeaders()
                 },
                 authProvider
               }
@@ -444,9 +442,9 @@ class McpService {
 
           logger.debug(`Activated server: ${server.name}`)
           return client
-        } catch (error: any) {
-          getServerLogger(server).error(`Error activating server`, error as Error)
-          throw new Error(`[MCP] Error activating server ${server.name}: ${error.message}`)
+        } catch (error) {
+          getServerLogger(server).error(`Error activating server ${server.name}`, error as Error)
+          throw error
         }
       } finally {
         // Clean up the pending promise when done
@@ -614,12 +612,11 @@ class McpService {
   }
 
   private async listToolsImpl(server: MCPServer): Promise<MCPTool[]> {
-    getServerLogger(server).debug(`Listing tools`)
     const client = await this.initClient(server)
     try {
       const { tools } = await client.listTools()
       const serverTools: MCPTool[] = []
-      tools.map((tool: any) => {
+      tools.map((tool: SDKTool) => {
         const serverTool: MCPTool = {
           ...tool,
           id: buildFunctionCallToolName(server.name, tool.name),
@@ -628,11 +625,12 @@ class McpService {
           type: 'mcp'
         }
         serverTools.push(serverTool)
+        getServerLogger(server).debug(`Listing tools`, { tool: serverTool })
       })
       return serverTools
-    } catch (error: any) {
+    } catch (error: unknown) {
       getServerLogger(server).error(`Failed to list tools`, error as Error)
-      return []
+      throw error
     }
   }
 
@@ -739,9 +737,9 @@ class McpService {
         serverId: server.id,
         serverName: server.name
       }))
-    } catch (error: any) {
+    } catch (error: unknown) {
       // -32601 is the code for the method not found
-      if (error?.code !== -32601) {
+      if (error instanceof McpError && error.code !== -32601) {
         getServerLogger(server).error(`Failed to list prompts`, error as Error)
       }
       return []
diff --git a/src/main/services/knowledge/KnowledgeService.ts b/src/main/services/knowledge/KnowledgeService.ts
index f34a2b31b6..199f597eed 100644
--- a/src/main/services/knowledge/KnowledgeService.ts
+++ b/src/main/services/knowledge/KnowledgeService.ts
@@ -115,7 +115,7 @@ class KnowledgeService {
     const framework = knowledgeFrameworkFactory.getFramework(base)
     await framework.initialize(base)
   }
-  public async reset(_: Electron.IpcMainInvokeEvent, { base }: { base: KnowledgeBaseParams }): Promise<void> {
+  public async reset(_: Electron.IpcMainInvokeEvent, base: KnowledgeBaseParams): Promise<void> {
     const framework = knowledgeFrameworkFactory.getFramework(base)
     await framework.reset(base)
   }
diff --git a/src/main/services/knowledge/LangChainFramework.ts b/src/main/services/knowledge/LangChainFramework.ts
index b82242e102..a3c48e1e09 100644
--- a/src/main/services/knowledge/LangChainFramework.ts
+++ b/src/main/services/knowledge/LangChainFramework.ts
@@ -30,7 +30,7 @@ import {
   KnowledgeBaseParams,
   KnowledgeSearchResult
 } from '@types'
-import { uuidv4 } from 'zod/v4'
+import { uuidv4 } from 'zod'
 
 import { windowService } from '../WindowService'
 import {
@@ -103,6 +103,8 @@ export class LangChainFramework implements IKnowledgeFramework {
     if (fs.existsSync(dbPath)) {
       fs.rmSync(dbPath, { recursive: true })
     }
+    // 立即重建空索引，避免随后加载时报错
+    await this.createDatabase(base)
   }
 
   async delete(id: string): Promise<void> {
diff --git a/src/main/services/remotefile/FileServiceManager.ts b/src/main/services/remotefile/FileServiceManager.ts
index 9cdf6f834c..f456ba285d 100644
--- a/src/main/services/remotefile/FileServiceManager.ts
+++ b/src/main/services/remotefile/FileServiceManager.ts
@@ -3,6 +3,7 @@ import { Provider } from '@types'
 import { BaseFileService } from './BaseFileService'
 import { GeminiService } from './GeminiService'
 import { MistralService } from './MistralService'
+import { OpenaiService } from './OpenAIService'
 
 export class FileServiceManager {
   private static instance: FileServiceManager
@@ -30,6 +31,9 @@ export class FileServiceManager {
         case 'mistral':
           service = new MistralService(provider)
           break
+        case 'openai':
+          service = new OpenaiService(provider)
+          break
         default:
           throw new Error(`Unsupported service type: ${type}`)
       }
diff --git a/src/main/services/remotefile/OpenAIService.ts b/src/main/services/remotefile/OpenAIService.ts
new file mode 100644
index 0000000000..b7f8d3ea39
--- /dev/null
+++ b/src/main/services/remotefile/OpenAIService.ts
@@ -0,0 +1,125 @@
+import { loggerService } from '@logger'
+import { fileStorage } from '@main/services/FileStorage'
+import { FileListResponse, FileMetadata, FileUploadResponse, Provider } from '@types'
+import * as fs from 'fs'
+import OpenAI from 'openai'
+
+import { CacheService } from '../CacheService'
+import { BaseFileService } from './BaseFileService'
+
+const logger = loggerService.withContext('OpenAIService')
+
+export class OpenaiService extends BaseFileService {
+  private static readonly FILE_CACHE_DURATION = 7 * 24 * 60 * 60 * 1000
+  private static readonly generateUIFileIdCacheKey = (fileId: string) => `ui_file_id_${fileId}`
+  private readonly client: OpenAI
+
+  constructor(provider: Provider) {
+    super(provider)
+    this.client = new OpenAI({
+      apiKey: provider.apiKey,
+      baseURL: provider.apiHost
+    })
+  }
+
+  async uploadFile(file: FileMetadata): Promise<FileUploadResponse> {
+    let fileReadStream: fs.ReadStream | undefined
+    try {
+      fileReadStream = fs.createReadStream(fileStorage.getFilePathById(file))
+      // 还原文件原始名，以提高模型对文件的理解
+      const fileStreamWithMeta = Object.assign(fileReadStream, {
+        name: file.origin_name
+      })
+      const response = await this.client.files.create({
+        file: fileStreamWithMeta,
+        purpose: file.purpose || 'assistants'
+      })
+      if (!response.id) {
+        throw new Error('File id not found in response')
+      }
+      // 映射RemoteFileId到UIFileId上
+      CacheService.set<string>(
+        OpenaiService.generateUIFileIdCacheKey(file.id),
+        response.id,
+        OpenaiService.FILE_CACHE_DURATION
+      )
+      return {
+        fileId: response.id,
+        displayName: file.origin_name,
+        status: 'success',
+        originalFile: {
+          type: 'openai',
+          file: response
+        }
+      }
+    } catch (error) {
+      logger.error('Error uploading file:', error as Error)
+      return {
+        fileId: '',
+        displayName: file.origin_name,
+        status: 'failed'
+      }
+    } finally {
+      // 销毁文件流
+      if (fileReadStream) fileReadStream.destroy()
+    }
+  }
+
+  async listFiles(): Promise<FileListResponse> {
+    try {
+      const response = await this.client.files.list()
+      return {
+        files: response.data.map((file) => ({
+          id: file.id,
+          displayName: file.filename || '',
+          size: file.bytes,
+          status: 'success', // All listed files are processed,
+          originalFile: {
+            type: 'openai',
+            file
+          }
+        }))
+      }
+    } catch (error) {
+      logger.error('Error listing files:', error as Error)
+      return { files: [] }
+    }
+  }
+
+  async deleteFile(fileId: string): Promise<void> {
+    try {
+      const cachedRemoteFileId = CacheService.get<string>(OpenaiService.generateUIFileIdCacheKey(fileId))
+      await this.client.files.delete(cachedRemoteFileId || fileId)
+      logger.debug(`File ${fileId} deleted`)
+    } catch (error) {
+      logger.error('Error deleting file:', error as Error)
+      throw error
+    }
+  }
+
+  async retrieveFile(fileId: string): Promise<FileUploadResponse> {
+    try {
+      // 尝试反映射RemoteFileId
+      const cachedRemoteFileId = CacheService.get<string>(OpenaiService.generateUIFileIdCacheKey(fileId))
+      const response = await this.client.files.retrieve(cachedRemoteFileId || fileId)
+
+      return {
+        fileId: response.id,
+        displayName: response.filename,
+        status: 'success',
+        originalFile: {
+          type: 'openai',
+          file: response
+        }
+      }
+    } catch (error) {
+      logger.error('Error retrieving file:', error as Error)
+      return {
+        fileId: fileId,
+        displayName: '',
+        status: 'failed',
+        originalFile: undefined
+      }
+    }
+  }
+}
diff --git a/src/main/utils/file.ts b/src/main/utils/file.ts
index 97e87bf9ea..f9363a500e 100644
--- a/src/main/utils/file.ts
+++ b/src/main/utils/file.ts
@@ -398,11 +398,15 @@ export function validateFileName(fileName: string, platform = process.platform):
  * @returns 合法的文件名
  */
 export function checkName(fileName: string): string {
-  const validation = validateFileName(fileName)
+  const baseName = path.basename(fileName)
+  const validation = validateFileName(baseName)
   if (!validation.valid) {
-    throw new Error(`Invalid file name: ${fileName}. ${validation.error}`)
+    // 自动清理非法字符，而不是抛出错误
+    const sanitized = sanitizeFilename(baseName)
+    logger.warn(`File name contains invalid characters, auto-sanitized: "${baseName}" -> "${sanitized}"`)
+    return sanitized
   }
-  return fileName
+  return baseName
 }
 
 /**
diff --git a/src/preload/index.ts b/src/preload/index.ts
index 7c29d8579c..ed8184cde8 100644
--- a/src/preload/index.ts
+++ b/src/preload/index.ts
@@ -42,6 +42,8 @@ export function tracedInvoke(channel: string, spanContext: SpanContext | undefin
 // Custom APIs for renderer
 const api = {
   getAppInfo: () => ipcRenderer.invoke(IpcChannel.App_Info),
+  getDiskInfo: (directoryPath: string): Promise<{ free: number; size: number } | null> =>
+    ipcRenderer.invoke(IpcChannel.App_GetDiskInfo, directoryPath),
   reload: () => ipcRenderer.invoke(IpcChannel.App_Reload),
   setProxy: (proxy: string | undefined, bypassRules?: string) =>
     ipcRenderer.invoke(IpcChannel.App_Proxy, proxy, bypassRules),
@@ -80,6 +82,7 @@ const api = {
     ipcRenderer.invoke(IpcChannel.App_LogToMain, source, level, message, data),
   setFullScreen: (value: boolean): Promise<void> => ipcRenderer.invoke(IpcChannel.App_SetFullScreen, value),
   isFullScreen: (): Promise<boolean> => ipcRenderer.invoke(IpcChannel.App_IsFullScreen),
+  getSystemFonts: (): Promise<string[]> => ipcRenderer.invoke(IpcChannel.App_GetSystemFonts),
   mac: {
     isProcessTrusted: (): Promise<boolean> => ipcRenderer.invoke(IpcChannel.App_MacIsProcessTrusted),
     requestProcessTrust: (): Promise<boolean> => ipcRenderer.invoke(IpcChannel.App_MacRequestProcessTrust)
@@ -445,9 +448,10 @@ const api = {
     isMaximized: (): Promise<boolean> => ipcRenderer.invoke(IpcChannel.Windows_IsMaximized),
     onMaximizedChange: (callback: (isMaximized: boolean) => void): (() => void) => {
       const channel = IpcChannel.Windows_MaximizedChanged
-      ipcRenderer.on(channel, (_, isMaximized: boolean) => callback(isMaximized))
+      const listener = (_: Electron.IpcRendererEvent, isMaximized: boolean) => callback(isMaximized)
+      ipcRenderer.on(channel, listener)
       return () => {
-        ipcRenderer.removeAllListeners(channel)
+        ipcRenderer.removeListener(channel, listener)
       }
     }
   },
diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx
index fb34a13a26..62bbbdd060 100644
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@@ -1,5 +1,6 @@
 import '@renderer/databases'
 
+import { HeroUIProvider } from '@heroui/react'
 import { preferenceService } from '@data/PreferenceService'
 import { loggerService } from '@logger'
 import store, { persistor } from '@renderer/store'
@@ -7,6 +8,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { Provider } from 'react-redux'
 import { PersistGate } from 'redux-persist/integration/react'
 
+import { ToastPortal } from './components/ToastPortal'
 import TopViewContainer from './components/TopView'
 import AntdProvider from './context/AntdProvider'
 import { CodeStyleProvider } from './context/CodeStyleProvider'
@@ -35,21 +37,24 @@ function App(): React.ReactElement {
   return (
     <Provider store={store}>
       <QueryClientProvider client={queryClient}>
-        <StyleSheetManager>
-          <ThemeProvider>
-            <AntdProvider>
-              <NotificationProvider>
-                <CodeStyleProvider>
-                  <PersistGate loading={null} persistor={persistor}>
-                    <TopViewContainer>
-                      <Router />
-                    </TopViewContainer>
-                  </PersistGate>
-                </CodeStyleProvider>
-              </NotificationProvider>
-            </AntdProvider>
-          </ThemeProvider>
-        </StyleSheetManager>
+        <HeroUIProvider className="flex h-full w-full flex-1">
+          <StyleSheetManager>
+            <ThemeProvider>
+              <AntdProvider>
+                <NotificationProvider>
+                  <CodeStyleProvider>
+                    <PersistGate loading={null} persistor={persistor}>
+                      <TopViewContainer>
+                        <Router />
+                      </TopViewContainer>
+                    </PersistGate>
+                  </CodeStyleProvider>
+                </NotificationProvider>
+              </AntdProvider>
+            </ThemeProvider>
+          </StyleSheetManager>
+          <ToastPortal />
+        </HeroUIProvider>
       </QueryClientProvider>
     </Provider>
   )
diff --git a/src/renderer/src/aiCore/chunk/AiSdkToChunkAdapter.ts b/src/renderer/src/aiCore/chunk/AiSdkToChunkAdapter.ts
index 183e469cdd..8af4388d5f 100644
--- a/src/renderer/src/aiCore/chunk/AiSdkToChunkAdapter.ts
+++ b/src/renderer/src/aiCore/chunk/AiSdkToChunkAdapter.ts
@@ -4,8 +4,9 @@
  */
 
 import { loggerService } from '@logger'
-import { MCPTool, WebSearchResults, WebSearchSource } from '@renderer/types'
+import { AISDKWebSearchResult, MCPTool, WebSearchResults, WebSearchSource } from '@renderer/types'
 import { Chunk, ChunkType } from '@renderer/types/chunk'
+import { convertLinks, flushLinkConverterBuffer } from '@renderer/utils/linkConverter'
 import type { TextStreamPart, ToolSet } from 'ai'
 
 import { ToolCallChunkHandler } from './handleToolCallChunk'
@@ -29,13 +30,18 @@ export interface CherryStudioChunk {
 export class AiSdkToChunkAdapter {
   toolCallHandler: ToolCallChunkHandler
   private accumulate: boolean | undefined
+  private isFirstChunk = true
+  private enableWebSearch: boolean = false
+
   constructor(
     private onChunk: (chunk: Chunk) => void,
     mcpTools: MCPTool[] = [],
-    accumulate?: boolean
+    accumulate?: boolean,
+    enableWebSearch?: boolean
   ) {
     this.toolCallHandler = new ToolCallChunkHandler(onChunk, mcpTools)
     this.accumulate = accumulate
+    this.enableWebSearch = enableWebSearch || false
   }
 
   /**
@@ -65,11 +71,24 @@ export class AiSdkToChunkAdapter {
       webSearchResults: [],
       reasoningId: ''
     }
+    // Reset link converter state at the start of stream
+    this.isFirstChunk = true
+
     try {
       while (true) {
         const { done, value } = await reader.read()
 
         if (done) {
+          // Flush any remaining content from link converter buffer if web search is enabled
+          if (this.enableWebSearch) {
+            const remainingText = flushLinkConverterBuffer()
+            if (remainingText) {
+              this.onChunk({
+                type: ChunkType.TEXT_DELTA,
+                text: remainingText
+              })
+            }
+          }
           break
         }
 
@@ -87,9 +106,9 @@ export class AiSdkToChunkAdapter {
    */
   private convertAndEmitChunk(
     chunk: TextStreamPart<any>,
-    final: { text: string; reasoningContent: string; webSearchResults: any[]; reasoningId: string }
+    final: { text: string; reasoningContent: string; webSearchResults: AISDKWebSearchResult[]; reasoningId: string }
   ) {
-    logger.info(`AI SDK chunk type: ${chunk.type}`, chunk)
+    logger.silly(`AI SDK chunk type: ${chunk.type}`, chunk)
     switch (chunk.type) {
       // === 文本相关事件 ===
       case 'text-start':
@@ -97,17 +116,44 @@ export class AiSdkToChunkAdapter {
           type: ChunkType.TEXT_START
         })
         break
-      case 'text-delta':
-        if (this.accumulate) {
-          final.text += chunk.text || ''
+      case 'text-delta': {
+        const processedText = chunk.text || ''
+        let finalText: string
+
+        // Only apply link conversion if web search is enabled
+        if (this.enableWebSearch) {
+          const result = convertLinks(processedText, this.isFirstChunk)
+
+          if (this.isFirstChunk) {
+            this.isFirstChunk = false
+          }
+
+          // Handle buffered content
+          if (result.hasBufferedContent) {
+            finalText = result.text
+          } else {
+            finalText = result.text || processedText
+          }
         } else {
-          final.text = chunk.text || ''
+          // Without web search, just use the original text
+          finalText = processedText
+        }
+
+        if (this.accumulate) {
+          final.text += finalText
+        } else {
+          final.text = finalText
+        }
+
+        // Only emit chunk if there's text to send
+        if (finalText) {
+          this.onChunk({
+            type: ChunkType.TEXT_DELTA,
+            text: this.accumulate ? final.text : finalText
+          })
         }
-        this.onChunk({
-          type: ChunkType.TEXT_DELTA,
-          text: final.text || ''
-        })
         break
+      }
       case 'text-end':
         this.onChunk({
           type: ChunkType.TEXT_COMPLETE,
@@ -152,12 +198,14 @@ export class AiSdkToChunkAdapter {
       //   this.toolCallHandler.handleToolCallCreated(chunk)
       //   break
       case 'tool-call':
-        // 原始的工具调用（未被中间件处理）
         this.toolCallHandler.handleToolCall(chunk)
         break
 
+      case 'tool-error':
+        this.toolCallHandler.handleToolError(chunk)
+        break
+
       case 'tool-result':
-        // 原始的工具调用结果（未被中间件处理）
         this.toolCallHandler.handleToolResult(chunk)
         break
 
@@ -167,7 +215,6 @@ export class AiSdkToChunkAdapter {
       //     type: ChunkType.LLM_RESPONSE_CREATED
       //   })
       //   break
-      // TODO: 需要区分接口开始和步骤开始
       // case 'start-step':
       //   this.onChunk({
       //     type: ChunkType.BLOCK_CREATED
@@ -199,7 +246,7 @@ export class AiSdkToChunkAdapter {
             [WebSearchSource.ANTHROPIC]: WebSearchSource.ANTHROPIC,
             [WebSearchSource.OPENROUTER]: WebSearchSource.OPENROUTER,
             [WebSearchSource.GEMINI]: WebSearchSource.GEMINI,
-            [WebSearchSource.PERPLEXITY]: WebSearchSource.PERPLEXITY,
+            // [WebSearchSource.PERPLEXITY]: WebSearchSource.PERPLEXITY,
             [WebSearchSource.QWEN]: WebSearchSource.QWEN,
             [WebSearchSource.HUNYUAN]: WebSearchSource.HUNYUAN,
             [WebSearchSource.ZHIPU]: WebSearchSource.ZHIPU,
@@ -267,18 +314,9 @@ export class AiSdkToChunkAdapter {
       // === 源和文件相关事件 ===
       case 'source':
         if (chunk.sourceType === 'url') {
-          // if (final.webSearchResults.length === 0) {
           // eslint-disable-next-line @typescript-eslint/no-unused-vars
           const { sourceType: _, ...rest } = chunk
           final.webSearchResults.push(rest)
-          // }
-          // this.onChunk({
-          //   type: ChunkType.LLM_WEB_SEARCH_COMPLETE,
-          //   llm_web_search: {
-          //     source: WebSearchSource.AISDK,
-          //     results: final.webSearchResults
-          //   }
-          // })
         }
         break
       case 'file':
@@ -305,8 +343,6 @@ export class AiSdkToChunkAdapter {
         break
 
       default:
-      // 其他类型的 chunk 可以忽略或记录日志
-      // console.log('Unhandled AI SDK chunk type:', chunk.type, chunk)
     }
   }
 }
diff --git a/src/renderer/src/aiCore/chunk/handleToolCallChunk.ts b/src/renderer/src/aiCore/chunk/handleToolCallChunk.ts
index 8a24c2d010..57cd974a2c 100644
--- a/src/renderer/src/aiCore/chunk/handleToolCallChunk.ts
+++ b/src/renderer/src/aiCore/chunk/handleToolCallChunk.ts
@@ -8,34 +8,61 @@ import { loggerService } from '@logger'
 import { processKnowledgeReferences } from '@renderer/services/KnowledgeService'
 import { BaseTool, MCPTool, MCPToolResponse, NormalToolResponse } from '@renderer/types'
 import { Chunk, ChunkType } from '@renderer/types/chunk'
-import type { ProviderMetadata, ToolSet, TypedToolCall, TypedToolResult } from 'ai'
-// import type {
-//   AnthropicSearchOutput,
-//   WebSearchPluginConfig
-// } from '@cherrystudio/ai-core/core/plugins/built-in/webSearchPlugin'
+import type { ToolSet, TypedToolCall, TypedToolError, TypedToolResult } from 'ai'
 
 const logger = loggerService.withContext('ToolCallChunkHandler')
 
+export type ToolcallsMap = {
+  toolCallId: string
+  toolName: string
+  args: any
+  // mcpTool 现在可以是 MCPTool 或我们为 Provider 工具创建的通用类型
+  tool: BaseTool
+}
 /**
  * 工具调用处理器类
  */
 export class ToolCallChunkHandler {
-  //   private onChunk: (chunk: Chunk) => void
-  private activeToolCalls = new Map<
-    string,
-    {
-      toolCallId: string
-      toolName: string
-      args: any
-      // mcpTool 现在可以是 MCPTool 或我们为 Provider 工具创建的通用类型
-      tool: BaseTool
-    }
-  >()
+  private static globalActiveToolCalls = new Map<string, ToolcallsMap>()
+
+  private activeToolCalls = ToolCallChunkHandler.globalActiveToolCalls
   constructor(
     private onChunk: (chunk: Chunk) => void,
     private mcpTools: MCPTool[]
   ) {}
 
+  /**
+   * 内部静态方法：添加活跃工具调用的核心逻辑
+   */
+  private static addActiveToolCallImpl(toolCallId: string, map: ToolcallsMap): boolean {
+    if (!ToolCallChunkHandler.globalActiveToolCalls.has(toolCallId)) {
+      ToolCallChunkHandler.globalActiveToolCalls.set(toolCallId, map)
+      return true
+    }
+    return false
+  }
+
+  /**
+   * 实例方法：添加活跃工具调用
+   */
+  private addActiveToolCall(toolCallId: string, map: ToolcallsMap): boolean {
+    return ToolCallChunkHandler.addActiveToolCallImpl(toolCallId, map)
+  }
+
+  /**
+   * 获取全局活跃的工具调用
+   */
+  public static getActiveToolCalls() {
+    return ToolCallChunkHandler.globalActiveToolCalls
+  }
+
+  /**
+   * 静态方法：添加活跃工具调用（外部访问）
+   */
+  public static addActiveToolCall(toolCallId: string, map: ToolcallsMap): boolean {
+    return ToolCallChunkHandler.addActiveToolCallImpl(toolCallId, map)
+  }
+
   //   /**
   //    * 设置 onChunk 回调
   //    */
@@ -43,103 +70,103 @@ export class ToolCallChunkHandler {
   //     this.onChunk = callback
   //   }
 
-  handleToolCallCreated(
-    chunk:
-      | {
-          type: 'tool-input-start'
-          id: string
-          toolName: string
-          providerMetadata?: ProviderMetadata
-          providerExecuted?: boolean
-        }
-      | {
-          type: 'tool-input-end'
-          id: string
-          providerMetadata?: ProviderMetadata
-        }
-      | {
-          type: 'tool-input-delta'
-          id: string
-          delta: string
-          providerMetadata?: ProviderMetadata
-        }
-  ): void {
-    switch (chunk.type) {
-      case 'tool-input-start': {
-        // 能拿到说明是mcpTool
-        // if (this.activeToolCalls.get(chunk.id)) return
+  // handleToolCallCreated(
+  //   chunk:
+  //     | {
+  //         type: 'tool-input-start'
+  //         id: string
+  //         toolName: string
+  //         providerMetadata?: ProviderMetadata
+  //         providerExecuted?: boolean
+  //       }
+  //     | {
+  //         type: 'tool-input-end'
+  //         id: string
+  //         providerMetadata?: ProviderMetadata
+  //       }
+  //     | {
+  //         type: 'tool-input-delta'
+  //         id: string
+  //         delta: string
+  //         providerMetadata?: ProviderMetadata
+  //       }
+  // ): void {
+  //   switch (chunk.type) {
+  //     case 'tool-input-start': {
+  //       // 能拿到说明是mcpTool
+  //       // if (this.activeToolCalls.get(chunk.id)) return
 
-        const tool: BaseTool | MCPTool = {
-          id: chunk.id,
-          name: chunk.toolName,
-          description: chunk.toolName,
-          type: chunk.toolName.startsWith('builtin_') ? 'builtin' : 'provider'
-        }
-        this.activeToolCalls.set(chunk.id, {
-          toolCallId: chunk.id,
-          toolName: chunk.toolName,
-          args: '',
-          tool
-        })
-        const toolResponse: MCPToolResponse | NormalToolResponse = {
-          id: chunk.id,
-          tool: tool,
-          arguments: {},
-          status: 'pending',
-          toolCallId: chunk.id
-        }
-        this.onChunk({
-          type: ChunkType.MCP_TOOL_PENDING,
-          responses: [toolResponse]
-        })
-        break
-      }
-      case 'tool-input-delta': {
-        const toolCall = this.activeToolCalls.get(chunk.id)
-        if (!toolCall) {
-          logger.warn(`🔧 [ToolCallChunkHandler] Tool call not found: ${chunk.id}`)
-          return
-        }
-        toolCall.args += chunk.delta
-        break
-      }
-      case 'tool-input-end': {
-        const toolCall = this.activeToolCalls.get(chunk.id)
-        this.activeToolCalls.delete(chunk.id)
-        if (!toolCall) {
-          logger.warn(`🔧 [ToolCallChunkHandler] Tool call not found: ${chunk.id}`)
-          return
-        }
-        // const toolResponse: ToolCallResponse = {
-        //   id: toolCall.toolCallId,
-        //   tool: toolCall.tool,
-        //   arguments: toolCall.args,
-        //   status: 'pending',
-        //   toolCallId: toolCall.toolCallId
-        // }
-        // logger.debug('toolResponse', toolResponse)
-        // this.onChunk({
-        //   type: ChunkType.MCP_TOOL_PENDING,
-        //   responses: [toolResponse]
-        // })
-        break
-      }
-    }
-    // if (!toolCall) {
-    //   Logger.warn(`🔧 [ToolCallChunkHandler] Tool call not found: ${chunk.id}`)
-    //   return
-    // }
-    // this.onChunk({
-    //   type: ChunkType.MCP_TOOL_CREATED,
-    //   tool_calls: [
-    //     {
-    //       id: chunk.id,
-    //       name: chunk.toolName,
-    //       status: 'pending'
-    //     }
-    //   ]
-    // })
-  }
+  //       const tool: BaseTool | MCPTool = {
+  //         id: chunk.id,
+  //         name: chunk.toolName,
+  //         description: chunk.toolName,
+  //         type: chunk.toolName.startsWith('builtin_') ? 'builtin' : 'provider'
+  //       }
+  //       this.activeToolCalls.set(chunk.id, {
+  //         toolCallId: chunk.id,
+  //         toolName: chunk.toolName,
+  //         args: '',
+  //         tool
+  //       })
+  //       const toolResponse: MCPToolResponse | NormalToolResponse = {
+  //         id: chunk.id,
+  //         tool: tool,
+  //         arguments: {},
+  //         status: 'pending',
+  //         toolCallId: chunk.id
+  //       }
+  //       this.onChunk({
+  //         type: ChunkType.MCP_TOOL_PENDING,
+  //         responses: [toolResponse]
+  //       })
+  //       break
+  //     }
+  //     case 'tool-input-delta': {
+  //       const toolCall = this.activeToolCalls.get(chunk.id)
+  //       if (!toolCall) {
+  //         logger.warn(`🔧 [ToolCallChunkHandler] Tool call not found: ${chunk.id}`)
+  //         return
+  //       }
+  //       toolCall.args += chunk.delta
+  //       break
+  //     }
+  //     case 'tool-input-end': {
+  //       const toolCall = this.activeToolCalls.get(chunk.id)
+  //       this.activeToolCalls.delete(chunk.id)
+  //       if (!toolCall) {
+  //         logger.warn(`🔧 [ToolCallChunkHandler] Tool call not found: ${chunk.id}`)
+  //         return
+  //       }
+  //       // const toolResponse: ToolCallResponse = {
+  //       //   id: toolCall.toolCallId,
+  //       //   tool: toolCall.tool,
+  //       //   arguments: toolCall.args,
+  //       //   status: 'pending',
+  //       //   toolCallId: toolCall.toolCallId
+  //       // }
+  //       // logger.debug('toolResponse', toolResponse)
+  //       // this.onChunk({
+  //       //   type: ChunkType.MCP_TOOL_PENDING,
+  //       //   responses: [toolResponse]
+  //       // })
+  //       break
+  //     }
+  //   }
+  //   // if (!toolCall) {
+  //   //   Logger.warn(`🔧 [ToolCallChunkHandler] Tool call not found: ${chunk.id}`)
+  //   //   return
+  //   // }
+  //   // this.onChunk({
+  //   //   type: ChunkType.MCP_TOOL_CREATED,
+  //   //   tool_calls: [
+  //   //     {
+  //   //       id: chunk.id,
+  //   //       name: chunk.toolName,
+  //   //       status: 'pending'
+  //   //     }
+  //   //   ]
+  //   // })
+  // }
 
   /**
    * 处理工具调用事件
@@ -158,7 +185,6 @@ export class ToolCallChunkHandler {
 
     let tool: BaseTool
     let mcpTool: MCPTool | undefined
-
     // 根据 providerExecuted 标志区分处理逻辑
     if (providerExecuted) {
       // 如果是 Provider 执行的工具（如 web_search）
@@ -196,27 +222,25 @@ export class ToolCallChunkHandler {
       }
     }
 
-    // 记录活跃的工具调用
-    this.activeToolCalls.set(toolCallId, {
+    this.addActiveToolCall(toolCallId, {
       toolCallId,
       toolName,
       args,
       tool
     })
-
     // 创建 MCPToolResponse 格式
     const toolResponse: MCPToolResponse | NormalToolResponse = {
       id: toolCallId,
       tool: tool,
       arguments: args,
-      status: 'pending',
+      status: 'pending', // 统一使用 pending 状态
       toolCallId: toolCallId
     }
 
     // 调用 onChunk
     if (this.onChunk) {
       this.onChunk({
-        type: ChunkType.MCP_TOOL_PENDING,
+        type: ChunkType.MCP_TOOL_PENDING, // 统一发送 pending 状态
         responses: [toolResponse]
       })
     }
@@ -257,7 +281,7 @@ export class ToolCallChunkHandler {
     // 工具特定的后处理
     switch (toolResponse.tool.name) {
       case 'builtin_knowledge_search': {
-        processKnowledgeReferences(toolResponse.response?.knowledgeReferences, this.onChunk)
+        processKnowledgeReferences(toolResponse.response, this.onChunk)
         break
       }
       // 未来可以在这里添加其他工具的后处理逻辑
@@ -276,4 +300,33 @@ export class ToolCallChunkHandler {
       })
     }
   }
+  handleToolError(
+    chunk: {
+      type: 'tool-error'
+    } & TypedToolError<ToolSet>
+  ): void {
+    const { toolCallId, error, input } = chunk
+    const toolCallInfo = this.activeToolCalls.get(toolCallId)
+    if (!toolCallInfo) {
+      logger.warn(`🔧 [ToolCallChunkHandler] Tool call info not found for ID: ${toolCallId}`)
+      return
+    }
+    const toolResponse: MCPToolResponse | NormalToolResponse = {
+      id: toolCallId,
+      tool: toolCallInfo.tool,
+      arguments: input,
+      status: 'error',
+      response: error,
+      toolCallId: toolCallId
+    }
+    this.activeToolCalls.delete(toolCallId)
+    if (this.onChunk) {
+      this.onChunk({
+        type: ChunkType.MCP_TOOL_COMPLETE,
+        responses: [toolResponse]
+      })
+    }
+  }
 }
+
+export const addActiveToolCall = ToolCallChunkHandler.addActiveToolCall.bind(ToolCallChunkHandler)
diff --git a/src/renderer/src/aiCore/index_new.ts b/src/renderer/src/aiCore/index_new.ts
index 2c55ed35c3..fde316f478 100644
--- a/src/renderer/src/aiCore/index_new.ts
+++ b/src/renderer/src/aiCore/index_new.ts
@@ -265,15 +265,15 @@ export default class ModernAiProvider {
     params: StreamTextParams,
     config: ModernAiProviderConfig
   ): Promise<CompletionsResult> {
-    const modelId = this.model!.id
-    logger.info('Starting modernCompletions', {
-      modelId,
-      providerId: this.config!.providerId,
-      topicId: config.topicId,
-      hasOnChunk: !!config.onChunk,
-      hasTools: !!params.tools && Object.keys(params.tools).length > 0,
-      toolCount: params.tools ? Object.keys(params.tools).length : 0
-    })
+    // const modelId = this.model!.id
+    // logger.info('Starting modernCompletions', {
+    //   modelId,
+    //   providerId: this.config!.providerId,
+    //   topicId: config.topicId,
+    //   hasOnChunk: !!config.onChunk,
+    //   hasTools: !!params.tools && Object.keys(params.tools).length > 0,
+    //   toolCount: params.tools ? Object.keys(params.tools).length : 0
+    // })
 
     // 根据条件构建插件数组
     const plugins = await buildPlugins(config)
@@ -284,7 +284,7 @@ export default class ModernAiProvider {
     // 创建带有中间件的执行器
     if (config.onChunk) {
       const accumulate = this.model!.supported_text_delta !== false // true and undefined
-      const adapter = new AiSdkToChunkAdapter(config.onChunk, config.mcpTools, accumulate)
+      const adapter = new AiSdkToChunkAdapter(config.onChunk, config.mcpTools, accumulate, config.enableWebSearch)
 
       const streamResult = await executor.streamText({
         ...params,
diff --git a/src/renderer/src/aiCore/legacy/clients/BaseApiClient.ts b/src/renderer/src/aiCore/legacy/clients/BaseApiClient.ts
index 90eab6b141..f1128ab812 100644
--- a/src/renderer/src/aiCore/legacy/clients/BaseApiClient.ts
+++ b/src/renderer/src/aiCore/legacy/clients/BaseApiClient.ts
@@ -45,6 +45,7 @@ import { isJSON, parseJSON } from '@renderer/utils'
 import { addAbortController, removeAbortController } from '@renderer/utils/abortController'
 import { findFileBlocks, getMainTextContent } from '@renderer/utils/messageUtils/find'
 import { defaultTimeout } from '@shared/config/constant'
+import { defaultAppHeaders } from '@shared/utils'
 import { REFERENCE_PROMPT } from '@shared/config/prompts'
 import { isEmpty } from 'lodash'
 
@@ -179,8 +180,7 @@ export abstract class BaseApiClient<
 
   public defaultHeaders() {
     return {
-      'HTTP-Referer': 'https://cherry-ai.com',
-      'X-Title': 'Cherry Studio',
+      ...defaultAppHeaders(),
       'X-Api-Key': this.apiKey
     }
   }
diff --git a/src/renderer/src/aiCore/legacy/middleware/core/WebSearchMiddleware.ts b/src/renderer/src/aiCore/legacy/middleware/core/WebSearchMiddleware.ts
index 4c72e877a9..ae346af836 100644
--- a/src/renderer/src/aiCore/legacy/middleware/core/WebSearchMiddleware.ts
+++ b/src/renderer/src/aiCore/legacy/middleware/core/WebSearchMiddleware.ts
@@ -1,6 +1,6 @@
 import { loggerService } from '@logger'
 import { ChunkType } from '@renderer/types/chunk'
-import { flushLinkConverterBuffer, smartLinkConverter } from '@renderer/utils/linkConverter'
+import { convertLinks, flushLinkConverterBuffer } from '@renderer/utils/linkConverter'
 
 import { CompletionsParams, CompletionsResult, GenericChunk } from '../schemas'
 import { CompletionsContext, CompletionsMiddleware } from '../types'
@@ -28,8 +28,6 @@ export const WebSearchMiddleware: CompletionsMiddleware =
     }
     // 调用下游中间件
     const result = await next(ctx, params)
-
-    const model = params.assistant?.model!
     let isFirstChunk = true
 
     // 响应后处理：记录Web搜索事件
@@ -42,15 +40,9 @@ export const WebSearchMiddleware: CompletionsMiddleware =
           new TransformStream<GenericChunk, GenericChunk>({
             transform(chunk: GenericChunk, controller) {
               if (chunk.type === ChunkType.TEXT_DELTA) {
-                const providerType = model.provider || 'openai'
                 // 使用当前可用的Web搜索结果进行链接转换
                 const text = chunk.text
-                const result = smartLinkConverter(
-                  text,
-                  providerType,
-                  isFirstChunk,
-                  ctx._internal.webSearchState!.results
-                )
+                const result = convertLinks(text, isFirstChunk)
                 if (isFirstChunk) {
                   isFirstChunk = false
                 }
diff --git a/src/renderer/src/aiCore/middleware/AiSdkMiddlewareBuilder.ts b/src/renderer/src/aiCore/middleware/AiSdkMiddlewareBuilder.ts
index f331d36a7e..f0d3b2eb59 100644
--- a/src/renderer/src/aiCore/middleware/AiSdkMiddlewareBuilder.ts
+++ b/src/renderer/src/aiCore/middleware/AiSdkMiddlewareBuilder.ts
@@ -20,8 +20,10 @@ export interface AiSdkMiddlewareConfig {
   isSupportedToolUse: boolean
   // image generation endpoint
   isImageGenerationEndpoint: boolean
+  // 是否开启内置搜索
   enableWebSearch: boolean
   enableGenerateImage: boolean
+  enableUrlContext: boolean
   mcpTools?: MCPTool[]
   uiMessages?: Message[]
 }
@@ -132,7 +134,6 @@ export function buildAiSdkMiddlewares(config: AiSdkMiddlewareConfig): LanguageMo
     })
   }
 
-  logger.info('builder.build()', builder.buildNamed())
   return builder.build()
 }
 
diff --git a/src/renderer/src/aiCore/plugins/PluginBuilder.ts b/src/renderer/src/aiCore/plugins/PluginBuilder.ts
index 3b4d4b4d85..471f203d15 100644
--- a/src/renderer/src/aiCore/plugins/PluginBuilder.ts
+++ b/src/renderer/src/aiCore/plugins/PluginBuilder.ts
@@ -1,5 +1,5 @@
 import { AiPlugin } from '@cherrystudio/ai-core'
-import { createPromptToolUsePlugin, webSearchPlugin } from '@cherrystudio/ai-core/built-in/plugins'
+import { createPromptToolUsePlugin, googleToolsPlugin, webSearchPlugin } from '@cherrystudio/ai-core/built-in/plugins'
 import { preferenceService } from '@data/PreferenceService'
 import { loggerService } from '@logger'
 import type { Assistant } from '@renderer/types'
@@ -35,7 +35,7 @@ export async function buildPlugins(
     plugins.push(webSearchPlugin())
   }
   // 2. 支持工具调用时添加搜索插件
-  if (middlewareConfig.isSupportedToolUse) {
+  if (middlewareConfig.isSupportedToolUse || middlewareConfig.isPromptToolUse) {
     plugins.push(searchOrchestrationPlugin(middlewareConfig.assistant, middlewareConfig.topicId || ''))
   }
 
@@ -45,12 +45,13 @@ export async function buildPlugins(
   }
 
   // 4. 启用Prompt工具调用时添加工具插件
-  if (middlewareConfig.isPromptToolUse && middlewareConfig.mcpTools && middlewareConfig.mcpTools.length > 0) {
+  if (middlewareConfig.isPromptToolUse) {
     plugins.push(
       createPromptToolUsePlugin({
         enabled: true,
         createSystemMessage: (systemPrompt, params, context) => {
-          if (context.modelId.includes('o1-mini') || context.modelId.includes('o1-preview')) {
+          const modelId = typeof context.model === 'string' ? context.model : context.model.modelId
+          if (modelId.includes('o1-mini') || modelId.includes('o1-preview')) {
             if (context.isRecursiveCall) {
               return null
             }
@@ -69,10 +70,11 @@ export async function buildPlugins(
     )
   }
 
-  // if (!middlewareConfig.enableTool && middlewareConfig.mcpTools && middlewareConfig.mcpTools.length > 0) {
-  //   plugins.push(createNativeToolUsePlugin())
-  // }
-  logger.info(
+  if (middlewareConfig.enableUrlContext) {
+    plugins.push(googleToolsPlugin({ urlContext: true }))
+  }
+
+  logger.debug(
     'Final plugin list:',
     plugins.map((p) => p.name)
   )
diff --git a/src/renderer/src/aiCore/plugins/searchOrchestrationPlugin.ts b/src/renderer/src/aiCore/plugins/searchOrchestrationPlugin.ts
index aca53219c5..c1e9b7f17b 100644
--- a/src/renderer/src/aiCore/plugins/searchOrchestrationPlugin.ts
+++ b/src/renderer/src/aiCore/plugins/searchOrchestrationPlugin.ts
@@ -19,7 +19,8 @@ import {
   SEARCH_SUMMARY_PROMPT_KNOWLEDGE_ONLY,
   SEARCH_SUMMARY_PROMPT_WEB_ONLY
 } from '@shared/config/prompts'
-import type { ModelMessage } from 'ai'
+import type { LanguageModel, ModelMessage } from 'ai'
+import { generateText } from 'ai'
 import { isEmpty } from 'lodash'
 
 import { MemoryProcessor } from '../../services/MemoryProcessor'
@@ -76,9 +77,7 @@ async function analyzeSearchIntent(
     shouldKnowledgeSearch?: boolean
     shouldMemorySearch?: boolean
     lastAnswer?: ModelMessage
-    context: AiRequestContext & {
-      isAnalyzing?: boolean
-    }
+    context: AiRequestContext
     topicId: string
   }
 ): Promise<ExtractResults | undefined> {
@@ -122,9 +121,7 @@ async function analyzeSearchIntent(
     logger.error('Provider not found or missing API key')
     return getFallbackResult()
   }
-  // console.log('formattedPrompt', schema)
   try {
-    context.isAnalyzing = true
     logger.info('Starting intent analysis generateText call', {
       modelId: model.id,
       topicId: options.topicId,
@@ -133,18 +130,16 @@ async function analyzeSearchIntent(
       hasKnowledgeSearch: needKnowledgeExtract
     })
 
-    const { text: result } = await context.executor
-      .generateText(model.id, {
-        prompt: formattedPrompt
-      })
-      .finally(() => {
-        context.isAnalyzing = false
-        logger.info('Intent analysis generateText call completed', {
-          modelId: model.id,
-          topicId: options.topicId,
-          requestId: context.requestId
-        })
+    const { text: result } = await generateText({
+      model: context.model as LanguageModel,
+      prompt: formattedPrompt
+    }).finally(() => {
+      logger.info('Intent analysis generateText call completed', {
+        modelId: model.id,
+        topicId: options.topicId,
+        requestId: context.requestId
       })
+    })
     const parsedResult = extractInfoFromXML(result)
     logger.debug('Intent analysis result', { parsedResult })
 
@@ -183,7 +178,6 @@ async function storeConversationMemory(
   const globalMemoryEnabled = selectGlobalMemoryEnabled(store.getState())
 
   if (!globalMemoryEnabled || !assistant.enableMemory) {
-    // console.log('Memory storage is disabled')
     return
   }
 
@@ -245,25 +239,14 @@ export const searchOrchestrationPlugin = (assistant: Assistant, topicId: string)
   // 存储意图分析结果
   const intentAnalysisResults: { [requestId: string]: ExtractResults } = {}
   const userMessages: { [requestId: string]: ModelMessage } = {}
-  let currentContext: AiRequestContext | null = null
 
   return definePlugin({
     name: 'search-orchestration',
     enforce: 'pre', // 确保在其他插件之前执行
-
-    configureContext: (context: AiRequestContext) => {
-      if (currentContext) {
-        context.isAnalyzing = currentContext.isAnalyzing
-      }
-      currentContext = context
-    },
-
     /**
      * 🔍 Step 1: 意图识别阶段
      */
     onRequestStart: async (context: AiRequestContext) => {
-      if (context.isAnalyzing) return
-
       // 没开启任何搜索则不进行意图分析
       if (!(assistant.webSearchProviderId || assistant.knowledge_bases?.length || assistant.enableMemory)) return
 
@@ -284,7 +267,6 @@ export const searchOrchestrationPlugin = (assistant: Assistant, topicId: string)
         const hasKnowledgeBase = !isEmpty(knowledgeBaseIds)
         const knowledgeRecognition = assistant.knowledgeRecognition || 'on'
         const globalMemoryEnabled = selectGlobalMemoryEnabled(store.getState())
-
         const shouldWebSearch = !!assistant.webSearchProviderId
         const shouldKnowledgeSearch = hasKnowledgeBase && knowledgeRecognition === 'on'
         const shouldMemorySearch = globalMemoryEnabled && assistant.enableMemory
@@ -315,7 +297,6 @@ export const searchOrchestrationPlugin = (assistant: Assistant, topicId: string)
      * 🔧 Step 2: 工具配置阶段
      */
     transformParams: async (params: any, context: AiRequestContext) => {
-      if (context.isAnalyzing) return params
       // logger.info('🔧 Configuring tools based on intent...', context.requestId)
 
       try {
@@ -409,7 +390,6 @@ export const searchOrchestrationPlugin = (assistant: Assistant, topicId: string)
       // context.isAnalyzing = false
       // logger.info('context.isAnalyzing', context, result)
       // logger.info('💾 Starting memory storage...', context.requestId)
-      if (context.isAnalyzing) return
       try {
         const messages = context.originalParams.messages
 
diff --git a/src/renderer/src/aiCore/plugins/telemetryPlugin.ts b/src/renderer/src/aiCore/plugins/telemetryPlugin.ts
index 2083f8a098..6eb66575c5 100644
--- a/src/renderer/src/aiCore/plugins/telemetryPlugin.ts
+++ b/src/renderer/src/aiCore/plugins/telemetryPlugin.ts
@@ -58,91 +58,6 @@ class AdapterTracer {
     })
   }
 
-  // startSpan(name: string, options?: any, context?: any): Span {
-  //   // 如果提供了父 SpanContext 且未显式传入 context，则使用父上下文
-  //   const contextToUse = context ?? this.cachedParentContext ?? otelContext.active()
-
-  //   const span = this.originalTracer.startSpan(name, options, contextToUse)
-
-  //   // 标记父子关系，便于在转换阶段兜底重建层级
-  //   try {
-  //     if (this.parentSpanContext) {
-  //       span.setAttribute('trace.parentSpanId', this.parentSpanContext.spanId)
-  //       span.setAttribute('trace.parentTraceId', this.parentSpanContext.traceId)
-  //     }
-  //     if (this.topicId) {
-  //       span.setAttribute('trace.topicId', this.topicId)
-  //     }
-  //   } catch (e) {
-  //     logger.debug('Failed to set trace parent attributes', e as Error)
-  //   }
-
-  //   logger.info('AI SDK span created via AdapterTracer', {
-  //     spanName: name,
-  //     spanId: span.spanContext().spanId,
-  //     traceId: span.spanContext().traceId,
-  //     parentTraceId: this.parentSpanContext?.traceId,
-  //     topicId: this.topicId,
-  //     modelName: this.modelName,
-  //     traceIdMatches: this.parentSpanContext ? span.spanContext().traceId === this.parentSpanContext.traceId : undefined
-  //   })
-
-  //   // 包装 span 的 end 方法，在结束时进行数据转换
-  //   const originalEnd = span.end.bind(span)
-  //   span.end = (endTime?: any) => {
-  //     logger.info('AI SDK span.end() called - about to convert span', {
-  //       spanName: name,
-  //       spanId: span.spanContext().spanId,
-  //       traceId: span.spanContext().traceId,
-  //       topicId: this.topicId,
-  //       modelName: this.modelName
-  //     })
-
-  //     // 调用原始 end 方法
-  //     originalEnd(endTime)
-
-  //     // 转换并保存 span 数据
-  //     try {
-  //       logger.info('Converting AI SDK span to SpanEntity', {
-  //         spanName: name,
-  //         spanId: span.spanContext().spanId,
-  //         traceId: span.spanContext().traceId,
-  //         topicId: this.topicId,
-  //         modelName: this.modelName
-  //       })
-  //       logger.info('spanspanspanspanspanspan', span)
-  //       const spanEntity = AiSdkSpanAdapter.convertToSpanEntity({
-  //         span,
-  //         topicId: this.topicId,
-  //         modelName: this.modelName
-  //       })
-
-  //       // 保存转换后的数据
-  //       window.api.trace.saveEntity(spanEntity)
-
-  //       logger.info('AI SDK span converted and saved successfully', {
-  //         spanName: name,
-  //         spanId: span.spanContext().spanId,
-  //         traceId: span.spanContext().traceId,
-  //         topicId: this.topicId,
-  //         modelName: this.modelName,
-  //         hasUsage: !!spanEntity.usage,
-  //         usage: spanEntity.usage
-  //       })
-  //     } catch (error) {
-  //       logger.error('Failed to convert AI SDK span', error as Error, {
-  //         spanName: name,
-  //         spanId: span.spanContext().spanId,
-  //         traceId: span.spanContext().traceId,
-  //         topicId: this.topicId,
-  //         modelName: this.modelName
-  //       })
-  //     }
-  //   }
-
-  //   return span
-  // }
-
   startActiveSpan<F extends (span: Span) => any>(name: string, fn: F): ReturnType<F>
   startActiveSpan<F extends (span: Span) => any>(name: string, options: any, fn: F): ReturnType<F>
   startActiveSpan<F extends (span: Span) => any>(name: string, options: any, context: any, fn: F): ReturnType<F>
diff --git a/src/renderer/src/aiCore/prepareParams/fileProcessor.ts b/src/renderer/src/aiCore/prepareParams/fileProcessor.ts
index 2defe2c711..9339e61a45 100644
--- a/src/renderer/src/aiCore/prepareParams/fileProcessor.ts
+++ b/src/renderer/src/aiCore/prepareParams/fileProcessor.ts
@@ -10,6 +10,7 @@ import { FileTypes } from '@renderer/types'
 import { FileMessageBlock } from '@renderer/types/newMessage'
 import { findFileBlocks } from '@renderer/utils/messageUtils/find'
 import type { FilePart, TextPart } from 'ai'
+import type OpenAI from 'openai'
 
 import { getAiSdkProviderId } from '../provider/factory'
 import { getFileSizeLimit, supportsImageInput, supportsLargeFileUpload, supportsPdfInput } from './modelCapabilities'
@@ -112,6 +113,86 @@ export async function handleGeminiFileUpload(file: FileMetadata, model: Model):
   return null
 }
 
+/**
+ * 处理OpenAI大文件上传
+ */
+export async function handleOpenAILargeFileUpload(
+  file: FileMetadata,
+  model: Model
+): Promise<(FilePart & { id?: string }) | null> {
+  const provider = getProviderByModel(model)
+  // 如果模型为qwen-long系列，文档中要求purpose需要为'file-extract'
+  if (['qwen-long', 'qwen-doc'].some((modelName) => model.name.includes(modelName))) {
+    file = {
+      ...file,
+      // 该类型并不在OpenAI定义中，但符合sdk规范，强制断言
+      purpose: 'file-extract' as OpenAI.FilePurpose
+    }
+  }
+  try {
+    // 检查文件是否已经上传过
+    const fileMetadata = await window.api.fileService.retrieve(provider, file.id)
+    if (fileMetadata.status === 'success' && fileMetadata.originalFile?.file) {
+      // 断言OpenAIFile对象
+      const remoteFile = fileMetadata.originalFile.file as OpenAI.Files.FileObject
+      // 判断用途是否一致
+      if (remoteFile.purpose !== file.purpose) {
+        logger.warn(`File ${file.origin_name} purpose mismatch: ${remoteFile.purpose} vs ${file.purpose}`)
+        throw new Error('File purpose mismatch')
+      }
+      return {
+        type: 'file',
+        filename: file.origin_name,
+        mediaType: '',
+        data: `fileid://${remoteFile.id}`
+      }
+    }
+  } catch (error) {
+    logger.error(`Failed to retrieve file ${file.origin_name}:`, error as Error)
+    return null
+  }
+  try {
+    // 如果文件未上传，执行上传
+    const uploadResult = await window.api.fileService.upload(provider, file)
+    if (uploadResult.originalFile?.file) {
+      // 断言OpenAIFile对象
+      const remoteFile = uploadResult.originalFile.file as OpenAI.Files.FileObject
+      logger.info(`File ${file.origin_name} uploaded.`)
+      return {
+        type: 'file',
+        filename: remoteFile.filename,
+        mediaType: '',
+        data: `fileid://${remoteFile.id}`
+      }
+    }
+  } catch (error) {
+    logger.error(`Failed to upload file ${file.origin_name}:`, error as Error)
+  }
+
+  return null
+}
+
+/**
+ * 大文件上传路由函数
+ */
+export async function handleLargeFileUpload(
+  file: FileMetadata,
+  model: Model
+): Promise<(FilePart & { id?: string }) | null> {
+  const provider = getProviderByModel(model)
+  const aiSdkId = getAiSdkProviderId(provider)
+
+  if (['google', 'google-generative-ai', 'google-vertex'].includes(aiSdkId)) {
+    return await handleGeminiFileUpload(file, model)
+  }
+
+  if (provider.type === 'openai') {
+    return await handleOpenAILargeFileUpload(file, model)
+  }
+
+  return null
+}
+
 /**
  * 将文件块转换为FilePart（用于原生文件支持）
  */
@@ -127,7 +208,7 @@ export async function convertFileBlockToFilePart(fileBlock: FileMessageBlock, mo
         // 如果支持大文件上传（如Gemini File API），尝试上传
         if (supportsLargeFileUpload(model)) {
           logger.info(`Large PDF file ${file.origin_name} (${file.size} bytes) attempting File API upload`)
-          const uploadResult = await handleGeminiFileUpload(file, model)
+          const uploadResult = await handleLargeFileUpload(file, model)
           if (uploadResult) {
             return uploadResult
           }
diff --git a/src/renderer/src/aiCore/prepareParams/messageConverter.ts b/src/renderer/src/aiCore/prepareParams/messageConverter.ts
index d11f25fc2c..4c2d5baba6 100644
--- a/src/renderer/src/aiCore/prepareParams/messageConverter.ts
+++ b/src/renderer/src/aiCore/prepareParams/messageConverter.ts
@@ -13,7 +13,15 @@ import {
   findThinkingBlocks,
   getMainTextContent
 } from '@renderer/utils/messageUtils/find'
-import type { AssistantModelMessage, FilePart, ImagePart, ModelMessage, TextPart, UserModelMessage } from 'ai'
+import type {
+  AssistantModelMessage,
+  FilePart,
+  ImagePart,
+  ModelMessage,
+  SystemModelMessage,
+  TextPart,
+  UserModelMessage
+} from 'ai'
 
 import { convertFileBlockToFilePart, convertFileBlockToTextPart } from './fileProcessor'
 
@@ -27,7 +35,7 @@ export async function convertMessageToSdkParam(
   message: Message,
   isVisionModel = false,
   model?: Model
-): Promise<ModelMessage> {
+): Promise<ModelMessage | ModelMessage[]> {
   const content = getMainTextContent(message)
   const fileBlocks = findFileBlocks(message)
   const imageBlocks = findImageBlocks(message)
@@ -48,7 +56,7 @@ async function convertMessageToUserModelMessage(
   imageBlocks: ImageMessageBlock[],
   isVisionModel = false,
   model?: Model
-): Promise<UserModelMessage> {
+): Promise<UserModelMessage | (UserModelMessage | SystemModelMessage)[]> {
   const parts: Array<TextPart | FilePart | ImagePart> = []
   if (content) {
     parts.push({ type: 'text', text: content })
@@ -85,6 +93,19 @@ async function convertMessageToUserModelMessage(
     if (model) {
       const filePart = await convertFileBlockToFilePart(fileBlock, model)
       if (filePart) {
+        // 判断filePart是否为string
+        if (typeof filePart.data === 'string' && filePart.data.startsWith('fileid://')) {
+          return [
+            {
+              role: 'system',
+              content: filePart.data
+            },
+            {
+              role: 'user',
+              content: parts.length > 0 ? parts : ''
+            }
+          ]
+        }
         parts.push(filePart)
         logger.debug(`File ${file.origin_name} processed as native file format`)
         processed = true
@@ -159,7 +180,7 @@ export async function convertMessagesToSdkMessages(messages: Message[], model: M
 
   for (const message of messages) {
     const sdkMessage = await convertMessageToSdkParam(message, isVision, model)
-    sdkMessages.push(sdkMessage)
+    sdkMessages.push(...(Array.isArray(sdkMessage) ? sdkMessage : [sdkMessage]))
   }
 
   return sdkMessages
diff --git a/src/renderer/src/aiCore/prepareParams/modelCapabilities.ts b/src/renderer/src/aiCore/prepareParams/modelCapabilities.ts
index a70576ff11..4a3c3f4bbf 100644
--- a/src/renderer/src/aiCore/prepareParams/modelCapabilities.ts
+++ b/src/renderer/src/aiCore/prepareParams/modelCapabilities.ts
@@ -10,26 +10,61 @@ import { FileTypes } from '@renderer/types'
 
 import { getAiSdkProviderId } from '../provider/factory'
 
+// 工具函数：基于模型名和提供商判断是否支持某特性
+function modelSupportValidator(
+  model: Model,
+  {
+    supportedModels = [],
+    unsupportedModels = [],
+    supportedProviders = [],
+    unsupportedProviders = []
+  }: {
+    supportedModels?: string[]
+    unsupportedModels?: string[]
+    supportedProviders?: string[]
+    unsupportedProviders?: string[]
+  }
+): boolean {
+  const provider = getProviderByModel(model)
+  const aiSdkId = getAiSdkProviderId(provider)
+
+  // 黑名单：命中不支持的模型直接拒绝
+  if (unsupportedModels.some((name) => model.name.includes(name))) {
+    return false
+  }
+
+  // 黑名单：命中不支持的提供商直接拒绝，常用于某些提供商的同名模型并不具备原模型的某些特性
+  if (unsupportedProviders.includes(aiSdkId)) {
+    return false
+  }
+
+  // 白名单：命中支持的模型名
+  if (supportedModels.some((name) => model.name.includes(name))) {
+    return true
+  }
+
+  // 回退到提供商判断
+  return supportedProviders.includes(aiSdkId)
+}
+
 /**
  * 检查模型是否支持原生PDF输入
  */
 export function supportsPdfInput(model: Model): boolean {
-  // 基于AI SDK文档，这些提供商支持PDF输入
-  const supportedProviders = [
-    'openai',
-    'azure-openai',
-    'anthropic',
-    'google',
-    'google-generative-ai',
-    'google-vertex',
-    'bedrock',
-    'amazon-bedrock'
-  ]
-
-  const provider = getProviderByModel(model)
-  const aiSdkId = getAiSdkProviderId(provider)
-
-  return supportedProviders.some((provider) => aiSdkId === provider)
+  // 基于AI SDK文档，以下模型或提供商支持PDF输入
+  return modelSupportValidator(model, {
+    supportedModels: ['qwen-long', 'qwen-doc'],
+    supportedProviders: [
+      'openai',
+      'azure-openai',
+      'anthropic',
+      'google',
+      'google-generative-ai',
+      'google-vertex',
+      'bedrock',
+      'amazon-bedrock'
+    ]
+  })
 }
 
 /**
@@ -43,11 +78,11 @@ export function supportsImageInput(model: Model): boolean {
  * 检查提供商是否支持大文件上传（如Gemini File API）
  */
 export function supportsLargeFileUpload(model: Model): boolean {
-  const provider = getProviderByModel(model)
-  const aiSdkId = getAiSdkProviderId(provider)
-
-  // 目前主要是Gemini系列支持大文件上传
-  return ['google', 'google-generative-ai', 'google-vertex'].includes(aiSdkId)
+  // 基于AI SDK文档，以下模型或提供商支持大文件上传
+  return modelSupportValidator(model, {
+    supportedModels: ['qwen-long', 'qwen-doc'],
+    supportedProviders: ['google', 'google-generative-ai', 'google-vertex']
+  })
 }
 
 /**
@@ -67,6 +102,11 @@ export function getFileSizeLimit(model: Model, fileType: FileTypes): number {
     return 20 * 1024 * 1024 // 20MB
   }
 
+  // Dashscope如果模型支持大文件上传优先使用File API上传
+  if (aiSdkId === 'dashscope' && supportsLargeFileUpload(model)) {
+    return 0 // 使用较小的默认值
+  }
+
   // 其他提供商没有明确限制，使用较大的默认值
   // 这与Legacy架构中的实现一致，让提供商自行处理文件大小
   return Infinity
diff --git a/src/renderer/src/aiCore/prepareParams/parameterBuilder.ts b/src/renderer/src/aiCore/prepareParams/parameterBuilder.ts
index d72010d03b..ff51b07973 100644
--- a/src/renderer/src/aiCore/prepareParams/parameterBuilder.ts
+++ b/src/renderer/src/aiCore/prepareParams/parameterBuilder.ts
@@ -3,23 +3,28 @@
  * 构建AI SDK的流式和非流式参数
  */
 
+import { vertexAnthropic } from '@ai-sdk/google-vertex/anthropic/edge'
+import { vertex } from '@ai-sdk/google-vertex/edge'
 import { loggerService } from '@logger'
 import {
   isGenerateImageModel,
   isOpenRouterBuiltInWebSearchModel,
   isReasoningModel,
   isSupportedReasoningEffortModel,
+  isSupportedThinkingTokenClaudeModel,
   isSupportedThinkingTokenModel,
   isWebSearchModel
 } from '@renderer/config/models'
 import { getAssistantSettings, getDefaultModel } from '@renderer/services/AssistantService'
-import type { Assistant, MCPTool, Provider } from '@renderer/types'
+import { type Assistant, type MCPTool, type Provider } from '@renderer/types'
 import type { StreamTextParams } from '@renderer/types/aiCoreTypes'
 import type { ModelMessage } from 'ai'
 import { stepCountIs } from 'ai'
 
+import { getAiSdkProviderId } from '../provider/factory'
 import { setupToolsConfig } from '../utils/mcp'
 import { buildProviderOptions } from '../utils/options'
+import { getAnthropicThinkingBudget } from '../utils/reasoning'
 import { getTemperature, getTopP } from './modelParameters'
 
 const logger = loggerService.withContext('parameterBuilder')
@@ -54,8 +59,9 @@ export async function buildStreamTextParams(
   const { mcpTools } = options
 
   const model = assistant.model || getDefaultModel()
+  const aiSdkProviderId = getAiSdkProviderId(provider)
 
-  const { maxTokens } = getAssistantSettings(assistant)
+  let { maxTokens } = getAssistantSettings(assistant)
 
   // 这三个变量透传出来，交给下面启用插件/中间件
   // 也可以在外部构建好再传入buildStreamTextParams
@@ -65,17 +71,20 @@ export async function buildStreamTextParams(
       assistant.settings?.reasoning_effort !== undefined) ||
     (isReasoningModel(model) && (!isSupportedThinkingTokenModel(model) || !isSupportedReasoningEffortModel(model)))
 
+  // 判断是否使用内置搜索
+  // 条件：没有外部搜索提供商 && (用户开启了内置搜索 || 模型强制使用内置搜索)
+  const hasExternalSearch = !!options.webSearchProviderId
   const enableWebSearch =
-    (assistant.enableWebSearch && isWebSearchModel(model)) ||
-    isOpenRouterBuiltInWebSearchModel(model) ||
-    model.id.includes('sonar') ||
-    false
+    !hasExternalSearch &&
+    ((assistant.enableWebSearch && isWebSearchModel(model)) ||
+      isOpenRouterBuiltInWebSearchModel(model) ||
+      model.id.includes('sonar'))
 
   const enableUrlContext = assistant.enableUrlContext || false
 
   const enableGenerateImage = !!(isGenerateImageModel(model) && assistant.enableGenerateImage)
 
-  const tools = setupToolsConfig(mcpTools)
+  let tools = setupToolsConfig(mcpTools)
 
   // if (webSearchProviderId) {
   //   tools['builtin_web_search'] = webSearchTool(webSearchProviderId)
@@ -88,6 +97,36 @@ export async function buildStreamTextParams(
     enableGenerateImage
   })
 
+  // NOTE: ai-sdk会把maxToken和budgetToken加起来
+  if (
+    enableReasoning &&
+    maxTokens !== undefined &&
+    isSupportedThinkingTokenClaudeModel(model) &&
+    (provider.type === 'anthropic' || provider.type === 'aws-bedrock')
+  ) {
+    maxTokens -= getAnthropicThinkingBudget(assistant, model)
+  }
+
+  // google-vertex | google-vertex-anthropic
+  if (enableWebSearch) {
+    if (!tools) {
+      tools = {}
+    }
+    if (aiSdkProviderId === 'google-vertex') {
+      tools.google_search = vertex.tools.googleSearch({})
+    } else if (aiSdkProviderId === 'google-vertex-anthropic') {
+      tools.web_search = vertexAnthropic.tools.webSearch_20250305({})
+    }
+  }
+
+  // google-vertex
+  if (enableUrlContext && aiSdkProviderId === 'google-vertex') {
+    if (!tools) {
+      tools = {}
+    }
+    tools.url_context = vertex.tools.urlContext({})
+  }
+
   // 构建基础参数
   const params: StreamTextParams = {
     messages: sdkMessages,
@@ -97,10 +136,12 @@ export async function buildStreamTextParams(
     abortSignal: options.requestOptions?.signal,
     headers: options.requestOptions?.headers,
     providerOptions,
-    tools,
     stopWhen: stepCountIs(10),
     maxRetries: 0
   }
+  if (tools) {
+    params.tools = tools
+  }
   if (assistant.prompt) {
     params.system = assistant.prompt
   }
diff --git a/src/renderer/src/aiCore/provider/providerConfig.ts b/src/renderer/src/aiCore/provider/providerConfig.ts
index ddbb178f3f..654b06114c 100644
--- a/src/renderer/src/aiCore/provider/providerConfig.ts
+++ b/src/renderer/src/aiCore/provider/providerConfig.ts
@@ -15,7 +15,7 @@ import { createVertexProvider, isVertexAIConfigured } from '@renderer/hooks/useV
 import { getProviderByModel } from '@renderer/services/AssistantService'
 import { loggerService } from '@renderer/services/LoggerService'
 import store from '@renderer/store'
-import type { Model, Provider } from '@renderer/types'
+import { isSystemProvider, type Model, type Provider } from '@renderer/types'
 import { formatApiHost } from '@renderer/utils/api'
 import { cloneDeep, isEmpty } from 'lodash'
 
@@ -61,14 +61,16 @@ function handleSpecialProviders(model: Model, provider: Provider): Provider {
   //   return createVertexProvider(provider)
   // }
 
-  if (provider.id === 'aihubmix') {
-    return aihubmixProviderCreator(model, provider)
-  }
-  if (provider.id === 'newapi') {
-    return newApiResolverCreator(model, provider)
-  }
-  if (provider.id === 'vertexai') {
-    return vertexAnthropicProviderCreator(model, provider)
+  if (isSystemProvider(provider)) {
+    if (provider.id === 'aihubmix') {
+      return aihubmixProviderCreator(model, provider)
+    }
+    if (provider.id === 'new-api') {
+      return newApiResolverCreator(model, provider)
+    }
+    if (provider.id === 'vertexai') {
+      return vertexAnthropicProviderCreator(model, provider)
+    }
   }
   return provider
 }
diff --git a/src/renderer/src/aiCore/provider/providerInitialization.ts b/src/renderer/src/aiCore/provider/providerInitialization.ts
index cf3366d70a..3c188313b9 100644
--- a/src/renderer/src/aiCore/provider/providerInitialization.ts
+++ b/src/renderer/src/aiCore/provider/providerInitialization.ts
@@ -39,6 +39,14 @@ export const NEW_PROVIDER_CONFIGS: ProviderConfig[] = [
     creatorFunctionName: 'createAmazonBedrock',
     supportsImageGeneration: true,
     aliases: ['aws-bedrock']
+  },
+  {
+    id: 'perplexity',
+    name: 'Perplexity',
+    import: () => import('@ai-sdk/perplexity'),
+    creatorFunctionName: 'createPerplexity',
+    supportsImageGeneration: false,
+    aliases: ['perplexity']
   }
 ] as const
 
diff --git a/src/renderer/src/aiCore/tools/KnowledgeSearchTool.ts b/src/renderer/src/aiCore/tools/KnowledgeSearchTool.ts
index 9c1101f49d..f56f650388 100644
--- a/src/renderer/src/aiCore/tools/KnowledgeSearchTool.ts
+++ b/src/renderer/src/aiCore/tools/KnowledgeSearchTool.ts
@@ -23,8 +23,6 @@ export const knowledgeSearchTool = (
 Pre-extracted search queries: "${extractedKeywords.question.join(', ')}"
 Rewritten query: "${extractedKeywords.rewrite}"
 
-This tool searches for relevant information and formats results for easy citation. The returned sources should be cited using [1], [2], etc. format in your response.
-
 Call this tool to execute the search. You can optionally provide additional context to refine the search.`,
 
     inputSchema: z.object({
@@ -35,99 +33,102 @@ Call this tool to execute the search. You can optionally provide additional cont
     }),
 
     execute: async ({ additionalContext }) => {
-      try {
-        // 获取助手的知识库配置
-        const knowledgeBaseIds = assistant.knowledge_bases?.map((base) => base.id)
-        const hasKnowledgeBase = !isEmpty(knowledgeBaseIds)
-        const knowledgeRecognition = assistant.knowledgeRecognition || 'on'
+      // try {
+      // 获取助手的知识库配置
+      const knowledgeBaseIds = assistant.knowledge_bases?.map((base) => base.id)
+      const hasKnowledgeBase = !isEmpty(knowledgeBaseIds)
+      const knowledgeRecognition = assistant.knowledgeRecognition || 'on'
 
-        // 检查是否有知识库
-        if (!hasKnowledgeBase) {
-          return {
-            summary: 'No knowledge base configured for this assistant.',
-            knowledgeReferences: [],
-            instructions: ''
+      // 检查是否有知识库
+      if (!hasKnowledgeBase) {
+        return []
+      }
+
+      let finalQueries = [...extractedKeywords.question]
+      let finalRewrite = extractedKeywords.rewrite
+
+      if (additionalContext?.trim()) {
+        // 如果大模型提供了额外上下文，使用更具体的描述
+        const cleanContext = additionalContext.trim()
+        if (cleanContext) {
+          finalQueries = [cleanContext]
+          finalRewrite = cleanContext
+        }
+      }
+
+      // 检查是否需要搜索
+      if (finalQueries[0] === 'not_needed') {
+        return []
+      }
+
+      // 构建搜索条件
+      let searchCriteria: { question: string[]; rewrite: string }
+
+      if (knowledgeRecognition === 'off') {
+        // 直接模式：使用用户消息内容
+        const directContent = userMessage || finalQueries[0] || 'search'
+        searchCriteria = {
+          question: [directContent],
+          rewrite: directContent
+        }
+      } else {
+        // 自动模式：使用意图识别的结果
+        searchCriteria = {
+          question: finalQueries,
+          rewrite: finalRewrite
+        }
+      }
+
+      // 构建 ExtractResults 对象
+      const extractResults: ExtractResults = {
+        websearch: undefined,
+        knowledge: searchCriteria
+      }
+
+      // 执行知识库搜索
+      const knowledgeReferences = await processKnowledgeSearch(extractResults, knowledgeBaseIds, topicId)
+      const knowledgeReferencesData = knowledgeReferences.map((ref: KnowledgeReference) => ({
+        id: ref.id,
+        content: ref.content,
+        sourceUrl: ref.sourceUrl,
+        type: ref.type,
+        file: ref.file,
+        metadata: ref.metadata
+      }))
+
+      // TODO 在工具函数中添加搜索缓存机制
+      // const searchCacheKey = `${topicId}-${JSON.stringify(finalQueries)}`
+
+      // 返回结果
+      return knowledgeReferencesData
+    },
+    toModelOutput: (results) => {
+      let summary = 'No search needed based on the query analysis.'
+      if (results.length > 0) {
+        summary = `Found ${results.length} relevant sources. Use [number] format to cite specific information.`
+      }
+      const referenceContent = `\`\`\`json\n${JSON.stringify(results, null, 2)}\n\`\`\``
+      const fullInstructions = REFERENCE_PROMPT.replace(
+        '{question}',
+        "Based on the knowledge references, please answer the user's question with proper citations."
+      ).replace('{references}', referenceContent)
+
+      return {
+        type: 'content',
+        value: [
+          {
+            type: 'text',
+            text: 'This tool searches for relevant information and formats results for easy citation. The returned sources should be cited using [1], [2], etc. format in your response.'
+          },
+          {
+            type: 'text',
+            text: summary
+          },
+          {
+            type: 'text',
+            text: fullInstructions
           }
-        }
-
-        let finalQueries = [...extractedKeywords.question]
-        let finalRewrite = extractedKeywords.rewrite
-
-        if (additionalContext?.trim()) {
-          // 如果大模型提供了额外上下文，使用更具体的描述
-          const cleanContext = additionalContext.trim()
-          if (cleanContext) {
-            finalQueries = [cleanContext]
-            finalRewrite = cleanContext
-          }
-        }
-
-        // 检查是否需要搜索
-        if (finalQueries[0] === 'not_needed') {
-          return {
-            summary: 'No search needed based on the query analysis.',
-            knowledgeReferences: [],
-            instructions: ''
-          }
-        }
-
-        // 构建搜索条件
-        let searchCriteria: { question: string[]; rewrite: string }
-
-        if (knowledgeRecognition === 'off') {
-          // 直接模式：使用用户消息内容
-          const directContent = userMessage || finalQueries[0] || 'search'
-          searchCriteria = {
-            question: [directContent],
-            rewrite: directContent
-          }
-        } else {
-          // 自动模式：使用意图识别的结果
-          searchCriteria = {
-            question: finalQueries,
-            rewrite: finalRewrite
-          }
-        }
-
-        // 构建 ExtractResults 对象
-        const extractResults: ExtractResults = {
-          websearch: undefined,
-          knowledge: searchCriteria
-        }
-
-        // 执行知识库搜索
-        const knowledgeReferences = await processKnowledgeSearch(extractResults, knowledgeBaseIds, topicId)
-        const knowledgeReferencesData = knowledgeReferences.map((ref: KnowledgeReference) => ({
-          id: ref.id,
-          content: ref.content,
-          sourceUrl: ref.sourceUrl,
-          type: ref.type,
-          file: ref.file,
-          metadata: ref.metadata
-        }))
-
-        // const referenceContent = `\`\`\`json\n${JSON.stringify(knowledgeReferencesData, null, 2)}\n\`\`\``
-        // TODO 在工具函数中添加搜索缓存机制
-        // const searchCacheKey = `${topicId}-${JSON.stringify(finalQueries)}`
-        // 可以在插件层面管理已搜索的查询，避免重复搜索
-        const fullInstructions = REFERENCE_PROMPT.replace(
-          '{question}',
-          "Based on the knowledge references, please answer the user's question with proper citations."
-        ).replace('{references}', 'knowledgeReferences:')
-
-        // 返回结果
-        return {
-          summary: `Found ${knowledgeReferencesData.length} relevant sources. Use [number] format to cite specific information.`,
-          knowledgeReferences: knowledgeReferencesData,
-          instructions: fullInstructions
-        }
-      } catch (error) {
-        // 返回空对象而不是抛出错误，避免中断对话流程
-        return {
-          summary: `Search failed: ${error instanceof Error ? error.message : 'Unknown error'}`,
-          knowledgeReferences: [],
-          instructions: ''
-        }
+        ]
       }
     }
   })
diff --git a/src/renderer/src/aiCore/tools/MemorySearchTool.ts b/src/renderer/src/aiCore/tools/MemorySearchTool.ts
index 6430692d4c..8e67363595 100644
--- a/src/renderer/src/aiCore/tools/MemorySearchTool.ts
+++ b/src/renderer/src/aiCore/tools/MemorySearchTool.ts
@@ -1,6 +1,5 @@
 import store from '@renderer/store'
 import { selectCurrentUserId, selectGlobalMemoryEnabled, selectMemoryConfig } from '@renderer/store/memory'
-import type { Assistant } from '@renderer/types'
 import { type InferToolInput, type InferToolOutput, tool } from 'ai'
 import { z } from 'zod'
 
@@ -19,133 +18,29 @@ export const memorySearchTool = () => {
       limit: z.number().min(1).max(20).default(5).describe('Maximum number of memories to return')
     }),
     execute: async ({ query, limit = 5 }) => {
-      // console.log('🧠 [memorySearchTool] Searching memories:', { query, limit })
-
-      try {
-        const globalMemoryEnabled = selectGlobalMemoryEnabled(store.getState())
-        if (!globalMemoryEnabled) {
-          return []
-        }
-
-        const memoryConfig = selectMemoryConfig(store.getState())
-        if (!memoryConfig.llmApiClient || !memoryConfig.embedderApiClient) {
-          // console.warn('Memory search skipped: embedding or LLM model not configured')
-          return []
-        }
-
-        const currentUserId = selectCurrentUserId(store.getState())
-        const processorConfig = MemoryProcessor.getProcessorConfig(memoryConfig, 'default', currentUserId)
-
-        const memoryProcessor = new MemoryProcessor()
-        const relevantMemories = await memoryProcessor.searchRelevantMemories(query, processorConfig, limit)
-
-        if (relevantMemories?.length > 0) {
-          // console.log('🧠 [memorySearchTool] Found memories:', relevantMemories.length)
-          return relevantMemories
-        }
-        return []
-      } catch (error) {
-        // console.error('🧠 [memorySearchTool] Error:', error)
+      const globalMemoryEnabled = selectGlobalMemoryEnabled(store.getState())
+      if (!globalMemoryEnabled) {
         return []
       }
+
+      const memoryConfig = selectMemoryConfig(store.getState())
+      if (!memoryConfig.llmApiClient || !memoryConfig.embedderApiClient) {
+        return []
+      }
+
+      const currentUserId = selectCurrentUserId(store.getState())
+      const processorConfig = MemoryProcessor.getProcessorConfig(memoryConfig, 'default', currentUserId)
+
+      const memoryProcessor = new MemoryProcessor()
+      const relevantMemories = await memoryProcessor.searchRelevantMemories(query, processorConfig, limit)
+
+      if (relevantMemories?.length > 0) {
+        return relevantMemories
+      }
+      return []
     }
   })
 }
 
-// 方案4: 为第二个工具也使用类型断言
-type MessageRole = 'user' | 'assistant' | 'system'
-type MessageType = {
-  content: string
-  role: MessageRole
-}
-type MemorySearchWithExtractionInput = {
-  userMessage: MessageType
-  lastAnswer?: MessageType
-}
-
-/**
- * 🧠 智能记忆搜索工具（带上下文提取）
- * 从用户消息和对话历史中自动提取关键词进行记忆搜索
- */
-export const memorySearchToolWithExtraction = (assistant: Assistant) => {
-  return tool({
-    name: 'memory_search_with_extraction',
-    description: 'Search memories with automatic keyword extraction from conversation context',
-    inputSchema: z.object({
-      userMessage: z.object({
-        content: z.string().describe('The main content of the user message'),
-        role: z.enum(['user', 'assistant', 'system']).describe('Message role')
-      }),
-      lastAnswer: z
-        .object({
-          content: z.string().describe('The main content of the last assistant response'),
-          role: z.enum(['user', 'assistant', 'system']).describe('Message role')
-        })
-        .optional()
-    }) as z.ZodSchema<MemorySearchWithExtractionInput>,
-    execute: async ({ userMessage }) => {
-      // console.log('🧠 [memorySearchToolWithExtraction] Processing:', { userMessage, lastAnswer })
-
-      try {
-        const globalMemoryEnabled = selectGlobalMemoryEnabled(store.getState())
-        if (!globalMemoryEnabled || !assistant.enableMemory) {
-          return {
-            extractedKeywords: 'Memory search disabled',
-            searchResults: []
-          }
-        }
-
-        const memoryConfig = selectMemoryConfig(store.getState())
-        if (!memoryConfig.llmApiClient || !memoryConfig.embedderApiClient) {
-          // console.warn('Memory search skipped: embedding or LLM model not configured')
-          return {
-            extractedKeywords: 'Memory models not configured',
-            searchResults: []
-          }
-        }
-
-        // 🔍 使用用户消息内容作为搜索关键词
-        const content = userMessage.content
-
-        if (!content) {
-          return {
-            extractedKeywords: 'No content to search',
-            searchResults: []
-          }
-        }
-
-        const currentUserId = selectCurrentUserId(store.getState())
-        const processorConfig = MemoryProcessor.getProcessorConfig(memoryConfig, assistant.id, currentUserId)
-
-        const memoryProcessor = new MemoryProcessor()
-        const relevantMemories = await memoryProcessor.searchRelevantMemories(
-          content,
-          processorConfig,
-          5 // Limit to top 5 most relevant memories
-        )
-
-        if (relevantMemories?.length > 0) {
-          // console.log('🧠 [memorySearchToolWithExtraction] Found memories:', relevantMemories.length)
-          return {
-            extractedKeywords: content,
-            searchResults: relevantMemories
-          }
-        }
-
-        return {
-          extractedKeywords: content,
-          searchResults: []
-        }
-      } catch (error) {
-        // console.error('🧠 [memorySearchToolWithExtraction] Error:', error)
-        return {
-          extractedKeywords: 'Search failed',
-          searchResults: []
-        }
-      }
-    }
-  })
-}
 export type MemorySearchToolInput = InferToolInput<ReturnType<typeof memorySearchTool>>
 export type MemorySearchToolOutput = InferToolOutput<ReturnType<typeof memorySearchTool>>
-export type MemorySearchToolWithExtractionOutput = InferToolOutput<ReturnType<typeof memorySearchToolWithExtraction>>
diff --git a/src/renderer/src/aiCore/tools/WebSearchTool.ts b/src/renderer/src/aiCore/tools/WebSearchTool.ts
index 28c2cf19a3..77260f9bb8 100644
--- a/src/renderer/src/aiCore/tools/WebSearchTool.ts
+++ b/src/renderer/src/aiCore/tools/WebSearchTool.ts
@@ -30,8 +30,6 @@ Relevant links: ${extractedKeywords.links.join(', ')}`
         : ''
     }
 
-This tool searches for relevant information and formats results for easy citation. The returned sources should be cited using [1], [2], etc. format in your response.
-
 Call this tool to execute the search. You can optionally provide additional context to refine the search.`,
 
     inputSchema: z.object({
@@ -58,40 +56,27 @@ Call this tool to execute the search. You can optionally provide additional cont
       }
       // 检查是否需要搜索
       if (finalQueries[0] === 'not_needed') {
-        return {
-          summary: 'No search needed based on the query analysis.',
-          searchResults,
-          sources: '',
-          instructions: ''
-        }
+        return searchResults
       }
 
-      try {
-        // 构建 ExtractResults 结构用于 processWebsearch
-        const extractResults: ExtractResults = {
-          websearch: {
-            question: finalQueries,
-            links: extractedKeywords.links
-          }
-        }
-        searchResults = await WebSearchService.processWebsearch(webSearchProvider!, extractResults, requestId)
-      } catch (error) {
-        return {
-          summary: `Search failed: ${error instanceof Error ? error.message : 'Unknown error'}`,
-          sources: [],
-          instructions: ''
+      // 构建 ExtractResults 结构用于 processWebsearch
+      const extractResults: ExtractResults = {
+        websearch: {
+          question: finalQueries,
+          links: extractedKeywords.links
         }
       }
-      if (searchResults.results.length === 0) {
-        return {
-          summary: 'No search results found for the given query.',
-          sources: [],
-          instructions: ''
-        }
+      searchResults = await WebSearchService.processWebsearch(webSearchProvider!, extractResults, requestId)
+
+      return searchResults
+    },
+    toModelOutput: (results) => {
+      let summary = 'No search needed based on the query analysis.'
+      if (results.query && results.results.length > 0) {
+        summary = `Found ${results.results.length} relevant sources. Use [number] format to cite specific information.`
       }
 
-      const results = searchResults.results
-      const citationData = results.map((result, index) => ({
+      const citationData = results.results.map((result, index) => ({
         number: index + 1,
         title: result.title,
         content: result.content,
@@ -99,18 +84,27 @@ Call this tool to execute the search. You can optionally provide additional cont
       }))
 
       // 🔑 返回引用友好的格式，复用 REFERENCE_PROMPT 逻辑
-      // const referenceContent = `\`\`\`json\n${JSON.stringify(citationData, null, 2)}\n\`\`\``
-
-      // 构建完整的引用指导文本
+      const referenceContent = `\`\`\`json\n${JSON.stringify(citationData, null, 2)}\n\`\`\``
       const fullInstructions = REFERENCE_PROMPT.replace(
         '{question}',
         "Based on the search results, please answer the user's question with proper citations."
-      ).replace('{references}', 'searchResults:')
-
+      ).replace('{references}', referenceContent)
       return {
-        summary: `Found ${citationData.length} relevant sources. Use [number] format to cite specific information.`,
-        searchResults,
-        instructions: fullInstructions
+        type: 'content',
+        value: [
+          {
+            type: 'text',
+            text: 'This tool searches for relevant information and formats results for easy citation. The returned sources should be cited using [1], [2], etc. format in your response.'
+          },
+          {
+            type: 'text',
+            text: summary
+          },
+          {
+            type: 'text',
+            text: fullInstructions
+          }
+        ]
       }
     }
   })
diff --git a/src/renderer/src/aiCore/utils/mcp.ts b/src/renderer/src/aiCore/utils/mcp.ts
index 01f7adbf50..e7f6b5a393 100644
--- a/src/renderer/src/aiCore/utils/mcp.ts
+++ b/src/renderer/src/aiCore/utils/mcp.ts
@@ -1,7 +1,5 @@
 import { loggerService } from '@logger'
-// import { AiSdkTool, ToolCallResult } from '@renderer/aiCore/tools/types'
 import { MCPTool, MCPToolResponse } from '@renderer/types'
-import { Chunk, ChunkType } from '@renderer/types/chunk'
 import { callMCPTool, getMcpServerByTool, isToolAutoApproved } from '@renderer/utils/mcp-tools'
 import { requestToolConfirmation } from '@renderer/utils/userConfirmation'
 import { type Tool, type ToolSet } from 'ai'
@@ -33,8 +31,36 @@ export function convertMcpToolsToAiSdkTools(mcpTools: MCPTool[]): ToolSet {
     tools[mcpTool.name] = tool({
       description: mcpTool.description || `Tool from ${mcpTool.serverName}`,
       inputSchema: jsonSchema(mcpTool.inputSchema as JSONSchema7),
-      execute: async (params, { toolCallId, experimental_context }) => {
-        const { onChunk } = experimental_context as { onChunk: (chunk: Chunk) => void }
+      execute: async (params, { toolCallId }) => {
+        // 检查是否启用自动批准
+        const server = getMcpServerByTool(mcpTool)
+        const isAutoApproveEnabled = isToolAutoApproved(mcpTool, server)
+
+        let confirmed = true
+
+        if (!isAutoApproveEnabled) {
+          // 请求用户确认
+          logger.debug(`Requesting user confirmation for tool: ${mcpTool.name}`)
+          confirmed = await requestToolConfirmation(toolCallId)
+        }
+
+        if (!confirmed) {
+          // 用户拒绝执行工具
+          logger.debug(`User cancelled tool execution: ${mcpTool.name}`)
+          return {
+            content: [
+              {
+                type: 'text',
+                text: `User declined to execute tool "${mcpTool.name}".`
+              }
+            ],
+            isError: false
+          }
+        }
+
+        // 用户确认或自动批准，执行工具
+        logger.debug(`Executing tool: ${mcpTool.name}`)
+
         // 创建适配的 MCPToolResponse 对象
         const toolResponse: MCPToolResponse = {
           id: toolCallId,
@@ -44,53 +70,18 @@ export function convertMcpToolsToAiSdkTools(mcpTools: MCPTool[]): ToolSet {
           toolCallId
         }
 
-        try {
-          // 检查是否启用自动批准
-          const server = getMcpServerByTool(mcpTool)
-          const isAutoApproveEnabled = isToolAutoApproved(mcpTool, server)
+        const result = await callMCPTool(toolResponse)
 
-          let confirmed = true
-          if (!isAutoApproveEnabled) {
-            // 请求用户确认
-            logger.debug(`Requesting user confirmation for tool: ${mcpTool.name}`)
-            confirmed = await requestToolConfirmation(toolResponse.id)
-          }
-
-          if (!confirmed) {
-            // 用户拒绝执行工具
-            logger.debug(`User cancelled tool execution: ${mcpTool.name}`)
-            return {
-              content: [
-                {
-                  type: 'text',
-                  text: `User declined to execute tool "${mcpTool.name}".`
-                }
-              ],
-              isError: false
-            }
-          }
-
-          // 用户确认或自动批准，执行工具
-          toolResponse.status = 'invoking'
-          logger.debug(`Executing tool: ${mcpTool.name}`)
-
-          onChunk({
-            type: ChunkType.MCP_TOOL_IN_PROGRESS,
-            responses: [toolResponse]
-          })
-
-          const result = await callMCPTool(toolResponse)
-
-          // 返回结果，AI SDK 会处理序列化
-          if (result.isError) {
-            throw new Error(result.content?.[0]?.text || 'Tool execution failed')
-          }
-          // 返回工具执行结果
-          return result
-        } catch (error) {
-          logger.error(`MCP Tool execution failed: ${mcpTool.name}`, { error })
-          throw error
+        // 返回结果，AI SDK 会处理序列化
+        if (result.isError) {
+          // throw new Error(result.content?.[0]?.text || 'Tool execution failed')
+          return Promise.reject(result)
         }
+        // 返回工具执行结果
+        return result
+        // } catch (error) {
+        //   logger.error(`MCP Tool execution failed: ${mcpTool.name}`, { error })
+        // }
       }
     })
   }
diff --git a/src/renderer/src/aiCore/utils/options.ts b/src/renderer/src/aiCore/utils/options.ts
index a244619264..f85c8c7879 100644
--- a/src/renderer/src/aiCore/utils/options.ts
+++ b/src/renderer/src/aiCore/utils/options.ts
@@ -120,6 +120,9 @@ export function buildProviderOptions(
         case 'google-vertex':
           providerSpecificOptions = buildGeminiProviderOptions(assistant, model, capabilities)
           break
+        case 'google-vertex-anthropic':
+          providerSpecificOptions = buildAnthropicProviderOptions(assistant, model, capabilities)
+          break
         default:
           // 对于其他 provider，使用通用的构建逻辑
           providerSpecificOptions = {
@@ -137,10 +140,16 @@ export function buildProviderOptions(
     ...providerSpecificOptions,
     ...getCustomParameters(assistant)
   }
+  // vertex需要映射到google或anthropic
+  const rawProviderKey =
+    {
+      'google-vertex': 'google',
+      'google-vertex-anthropic': 'anthropic'
+    }[rawProviderId] || rawProviderId
 
   // 返回 AI Core SDK 要求的格式：{ 'providerId': providerOptions }
   return {
-    [rawProviderId]: providerSpecificOptions
+    [rawProviderKey]: providerSpecificOptions
   }
 }
 
diff --git a/src/renderer/src/aiCore/utils/reasoning.ts b/src/renderer/src/aiCore/utils/reasoning.ts
index 507b2cd9ce..385d8183c5 100644
--- a/src/renderer/src/aiCore/utils/reasoning.ts
+++ b/src/renderer/src/aiCore/utils/reasoning.ts
@@ -310,6 +310,26 @@ export function getOpenAIReasoningParams(assistant: Assistant, model: Model): Re
   return {}
 }
 
+export function getAnthropicThinkingBudget(assistant: Assistant, model: Model): number {
+  const { maxTokens, reasoning_effort: reasoningEffort } = getAssistantSettings(assistant)
+  if (maxTokens === undefined || reasoningEffort === undefined) {
+    return 0
+  }
+  const effortRatio = EFFORT_RATIO[reasoningEffort]
+
+  const budgetTokens = Math.max(
+    1024,
+    Math.floor(
+      Math.min(
+        (findTokenLimit(model.id)?.max! - findTokenLimit(model.id)?.min!) * effortRatio +
+          findTokenLimit(model.id)?.min!,
+        (maxTokens || DEFAULT_MAX_TOKENS) * effortRatio
+      )
+    )
+  )
+  return budgetTokens
+}
+
 /**
  * 获取 Anthropic 推理参数
  * 从 AnthropicAPIClient 中提取的逻辑
@@ -331,19 +351,7 @@ export function getAnthropicReasoningParams(assistant: Assistant, model: Model):
 
   // Claude 推理参数
   if (isSupportedThinkingTokenClaudeModel(model)) {
-    const { maxTokens } = getAssistantSettings(assistant)
-    const effortRatio = EFFORT_RATIO[reasoningEffort]
-
-    const budgetTokens = Math.max(
-      1024,
-      Math.floor(
-        Math.min(
-          (findTokenLimit(model.id)?.max! - findTokenLimit(model.id)?.min!) * effortRatio +
-            findTokenLimit(model.id)?.min!,
-          (maxTokens || DEFAULT_MAX_TOKENS) * effortRatio
-        )
-      )
-    )
+    const budgetTokens = getAnthropicThinkingBudget(assistant, model)
 
     return {
       thinking: {
diff --git a/src/renderer/src/assets/images/banner.png b/src/renderer/src/assets/images/banner.png
deleted file mode 100644
index e29198cf82..0000000000
Binary files a/src/renderer/src/assets/images/banner.png and /dev/null differ
diff --git a/src/renderer/src/assets/styles/CommandListPopover.css b/src/renderer/src/assets/styles/CommandListPopover.css
new file mode 100644
index 0000000000..a1bb27ec57
--- /dev/null
+++ b/src/renderer/src/assets/styles/CommandListPopover.css
@@ -0,0 +1,60 @@
+.command-list-popover {
+  /* Base styles are handled inline for theme support */
+
+  /* Arrow styles based on placement */
+}
+
+.command-list-popover[data-placement^='bottom'] {
+  transform-origin: top center;
+  animation: slideDownAndFadeIn 0.15s ease-out;
+}
+
+.command-list-popover[data-placement^='top'] {
+  transform-origin: bottom center;
+  animation: slideUpAndFadeIn 0.15s ease-out;
+}
+
+.command-list-popover[data-placement*='start'] {
+  transform-origin: left center;
+}
+
+.command-list-popover[data-placement*='end'] {
+  transform-origin: right center;
+}
+
+@keyframes slideDownAndFadeIn {
+  0% {
+    opacity: 0;
+    transform: translateY(-8px) scale(0.95);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+@keyframes slideUpAndFadeIn {
+  0% {
+    opacity: 0;
+    transform: translateY(8px) scale(0.95);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+/* Ensure smooth scrolling in virtual list */
+.command-list-popover .dynamic-virtual-list {
+  scroll-behavior: smooth;
+}
+
+/* Better focus indicators */
+.command-list-popover [data-index] {
+  position: relative;
+}
+
+.command-list-popover [data-index]:focus-visible {
+  outline: 2px solid var(--color-primary, #1677ff);
+  outline-offset: -2px;
+}
diff --git a/src/renderer/src/assets/styles/CommandListPopover.scss b/src/renderer/src/assets/styles/CommandListPopover.scss
deleted file mode 100644
index e2521c57b3..0000000000
--- a/src/renderer/src/assets/styles/CommandListPopover.scss
+++ /dev/null
@@ -1,59 +0,0 @@
-.command-list-popover {
-  // Base styles are handled inline for theme support
-
-  // Arrow styles based on placement
-  &[data-placement^='bottom'] {
-    transform-origin: top center;
-    animation: slideDownAndFadeIn 0.15s ease-out;
-  }
-
-  &[data-placement^='top'] {
-    transform-origin: bottom center;
-    animation: slideUpAndFadeIn 0.15s ease-out;
-  }
-
-  &[data-placement*='start'] {
-    transform-origin: left center;
-  }
-
-  &[data-placement*='end'] {
-    transform-origin: right center;
-  }
-}
-
-@keyframes slideDownAndFadeIn {
-  0% {
-    opacity: 0;
-    transform: translateY(-8px) scale(0.95);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-}
-
-@keyframes slideUpAndFadeIn {
-  0% {
-    opacity: 0;
-    transform: translateY(8px) scale(0.95);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-}
-
-// Ensure smooth scrolling in virtual list
-.command-list-popover .dynamic-virtual-list {
-  scroll-behavior: smooth;
-}
-
-// Better focus indicators
-.command-list-popover [data-index] {
-  position: relative;
-
-  &:focus-visible {
-    outline: 2px solid var(--color-primary, #1677ff);
-    outline-offset: -2px;
-  }
-}
diff --git a/src/renderer/src/assets/styles/animation.scss b/src/renderer/src/assets/styles/animation.css
similarity index 94%
rename from src/renderer/src/assets/styles/animation.scss
rename to src/renderer/src/assets/styles/animation.css
index 9b8b428c5c..13ca0be75b 100644
--- a/src/renderer/src/assets/styles/animation.scss
+++ b/src/renderer/src/assets/styles/animation.css
@@ -10,14 +10,14 @@
   }
 }
 
-// 电磁波扩散效果
+/* 电磁波扩散效果 */
 .animation-pulse {
   --pulse-color: 59, 130, 246;
   --pulse-size: 8px;
   animation: animation-pulse 1.5s infinite;
 }
 
-// Modal动画
+/* Modal动画 */
 @keyframes animation-move-down-in {
   0% {
     transform: translate3d(0, 100%, 0);
@@ -54,7 +54,7 @@
   animation-duration: 0.25s;
 }
 
-// 旋转动画
+/* 旋转动画 */
 @keyframes animation-rotate {
   from {
     transform: rotate(0deg);
@@ -69,7 +69,7 @@
   animation: animation-rotate 0.75s linear infinite;
 }
 
-// 定位高亮动画
+/* 定位高亮动画 */
 @keyframes animation-locate-highlight {
   0% {
     background-color: transparent;
diff --git a/src/renderer/src/assets/styles/ant.css b/src/renderer/src/assets/styles/ant.css
new file mode 100644
index 0000000000..30005ff738
--- /dev/null
+++ b/src/renderer/src/assets/styles/ant.css
@@ -0,0 +1,238 @@
+@import './container.css';
+
+/* Modal 关闭按钮不应该可拖拽，以确保点击正常 */
+.ant-modal-close {
+  -webkit-app-region: no-drag;
+}
+
+/* 普通 Drawer 内容不应该可拖拽 */
+.ant-drawer-content {
+  -webkit-app-region: no-drag;
+}
+
+/* minapp-drawer 有自己的拖拽规则 */
+
+/* 下拉菜单和弹出框内容不应该可拖拽 */
+.ant-dropdown,
+.ant-dropdown-menu,
+.ant-popover-content,
+.ant-tooltip-content,
+.ant-popconfirm {
+  -webkit-app-region: no-drag;
+}
+
+#inputbar {
+  resize: none;
+}
+
+.ant-image-preview-switch-left {
+  -webkit-app-region: no-drag;
+}
+
+.ant-btn:not(:disabled):focus-visible {
+  outline: none;
+}
+
+/* Align lucide icon in Button */
+.ant-btn .ant-btn-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.ant-tabs-tabpane:focus-visible {
+  outline: none;
+}
+
+.ant-tabs-tab-btn {
+  outline: none !important;
+}
+
+.ant-segmented-group {
+  gap: 4px;
+}
+
+.minapp-drawer .ant-drawer-content-wrapper {
+  box-shadow: none;
+}
+
+.minapp-drawer .ant-drawer-header {
+  position: absolute;
+  -webkit-app-region: drag;
+  min-height: calc(var(--navbar-height) + 0.5px);
+  margin-top: -0.5px;
+  border-bottom: none;
+}
+
+.minapp-drawer .ant-drawer-body {
+  padding: 0;
+  margin-top: var(--navbar-height);
+  overflow: hidden;
+  /* 手动展开 @extend #content-container 的内容 */
+  background-color: var(--color-background);
+}
+
+.minapp-drawer .minapp-mask {
+  background-color: transparent !important;
+}
+
+[navbar-position='left'] .minapp-drawer {
+  max-width: calc(100vw - var(--sidebar-width));
+}
+
+[navbar-position='left'] .minapp-drawer .ant-drawer-header {
+  width: calc(100vw - var(--sidebar-width));
+}
+
+[navbar-position='top'] .minapp-drawer {
+  max-width: 100vw;
+}
+
+[navbar-position='top'] .minapp-drawer .ant-drawer-header {
+  width: 100vw;
+}
+
+.ant-drawer-header {
+  /* 普通 drawer header 不应该可拖拽，除非被 minapp-drawer 覆盖 */
+  -webkit-app-region: no-drag;
+}
+
+.message-attachments .ant-upload-list-item:hover {
+  background-color: initial !important;
+}
+
+.ant-dropdown-menu .ant-dropdown-menu-sub {
+  max-height: 80vh;
+  width: max-content;
+  overflow-y: auto;
+  overflow-x: hidden;
+  border: 0.5px solid var(--color-border);
+}
+
+.ant-dropdown {
+  background-color: var(--ant-color-bg-elevated);
+  overflow: hidden;
+  border-radius: var(--ant-border-radius-lg);
+  user-select: none;
+}
+
+.ant-dropdown .ant-dropdown-menu {
+  max-height: 80vh;
+  overflow-y: auto;
+  border: 0.5px solid var(--color-border);
+}
+
+/* Align lucide icon in dropdown menu item extra */
+.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-expand-icon,
+.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-extra {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.ant-dropdown .ant-dropdown-arrow + .ant-dropdown-menu {
+  border: none;
+}
+
+.ant-select-dropdown {
+  border: 0.5px solid var(--color-border);
+}
+
+.ant-dropdown-menu-submenu {
+  background-color: var(--ant-color-bg-elevated);
+  overflow: hidden;
+  border-radius: var(--ant-border-radius-lg);
+}
+
+.ant-dropdown-menu-submenu .ant-dropdown-menu-submenu-title {
+  align-items: center;
+}
+
+.ant-popover .ant-popover-inner {
+  border: 0.5px solid var(--color-border);
+}
+
+.ant-popover .ant-popover-inner .ant-popover-inner-content {
+  max-height: 70vh;
+  overflow-y: auto;
+}
+
+.ant-popover .ant-popover-arrow + .ant-popover-content .ant-popover-inner {
+  border: none;
+}
+
+.ant-modal:not(.ant-modal-confirm) .ant-modal-confirm-body-has-title {
+  padding: 16px 0 0 0;
+}
+
+.ant-modal:not(.ant-modal-confirm) .ant-modal-content {
+  border-radius: 10px;
+  border: 0.5px solid var(--color-border);
+  padding: 0 0 8px 0;
+}
+
+.ant-modal:not(.ant-modal-confirm) .ant-modal-content .ant-modal-close {
+  margin-right: 2px;
+}
+
+.ant-modal:not(.ant-modal-confirm) .ant-modal-content .ant-modal-header {
+  padding: 16px 16px 0 16px;
+  border-radius: 10px;
+}
+
+.ant-modal:not(.ant-modal-confirm) .ant-modal-content .ant-modal-body {
+  /* 保持 body 在视口内，使用标准的最大高度 */
+  max-height: 80vh;
+  overflow-y: auto;
+  padding: 0 16px 0 16px;
+}
+
+.ant-modal:not(.ant-modal-confirm) .ant-modal-content .ant-modal-footer {
+  padding: 0 16px 8px 16px;
+}
+
+.ant-modal:not(.ant-modal-confirm) .ant-modal-content .ant-modal-confirm-btns {
+  margin-bottom: 8px;
+}
+
+.ant-modal.ant-modal-confirm.ant-modal-confirm-confirm .ant-modal-content {
+  padding: 16px;
+}
+
+.ant-collapse:not(.ant-collapse-ghost) {
+  border: 1px solid var(--color-border);
+}
+
+.ant-color-picker .ant-collapse:not(.ant-collapse-ghost) {
+  border: none;
+}
+
+.ant-collapse:not(.ant-collapse-ghost) .ant-collapse-content {
+  border-top: 0.5px solid var(--color-border) !important;
+}
+
+.ant-color-picker .ant-collapse:not(.ant-collapse-ghost) .ant-collapse-content {
+  border-top: none !important;
+}
+
+.ant-slider .ant-slider-handle::after {
+  box-shadow: 0 1px 4px 0px rgb(128 128 128 / 50%) !important;
+}
+
+.ant-splitter-bar .ant-splitter-bar-dragger::before {
+  background-color: var(--color-border) !important;
+  transition:
+    background-color 0.15s ease,
+    width 0.15s ease;
+}
+
+.ant-splitter-bar .ant-splitter-bar-dragger:hover::before {
+  width: 4px !important;
+  background-color: var(--color-primary) !important;
+  transition-delay: 0.15s;
+}
+
+.ant-splitter-bar .ant-splitter-bar-dragger-active::before {
+  width: 4px !important;
+  background-color: var(--color-primary) !important;
+}
diff --git a/src/renderer/src/assets/styles/ant.scss b/src/renderer/src/assets/styles/ant.scss
deleted file mode 100644
index ad6d1e0eaf..0000000000
--- a/src/renderer/src/assets/styles/ant.scss
+++ /dev/null
@@ -1,234 +0,0 @@
-@use './container.scss';
-
-/* Modal 关闭按钮不应该可拖拽，以确保点击正常 */
-.ant-modal-close {
-  -webkit-app-region: no-drag;
-}
-
-/* 普通 Drawer 内容不应该可拖拽 */
-.ant-drawer-content {
-  -webkit-app-region: no-drag;
-}
-
-/* minapp-drawer 有自己的拖拽规则 */
-
-/* 下拉菜单和弹出框内容不应该可拖拽 */
-.ant-dropdown,
-.ant-dropdown-menu,
-.ant-popover-content,
-.ant-tooltip-content,
-.ant-popconfirm {
-  -webkit-app-region: no-drag;
-}
-
-#inputbar {
-  resize: none;
-}
-
-.ant-image-preview-switch-left {
-  -webkit-app-region: no-drag;
-}
-
-.ant-btn:not(:disabled):focus-visible {
-  outline: none;
-}
-
-// Align lucide icon in Button
-.ant-btn .ant-btn-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.ant-tabs-tabpane:focus-visible {
-  outline: none;
-}
-
-.ant-tabs-tab-btn {
-  outline: none !important;
-}
-
-.ant-segmented-group {
-  gap: 4px;
-}
-
-.minapp-drawer {
-  [navbar-position='left'] & {
-    max-width: calc(100vw - var(--sidebar-width));
-    .ant-drawer-header {
-      width: calc(100vw - var(--sidebar-width));
-    }
-  }
-  [navbar-position='top'] & {
-    max-width: 100vw;
-    .ant-drawer-header {
-      width: 100vw;
-    }
-  }
-  .ant-drawer-content-wrapper {
-    box-shadow: none;
-  }
-  .ant-drawer-header {
-    position: absolute;
-    -webkit-app-region: drag;
-    min-height: calc(var(--navbar-height) + 0.5px);
-    margin-top: -0.5px;
-    border-bottom: none;
-  }
-  .ant-drawer-body {
-    padding: 0;
-    margin-top: var(--navbar-height);
-    overflow: hidden;
-    @extend #content-container;
-  }
-  .minapp-mask {
-    background-color: transparent !important;
-  }
-}
-
-.ant-drawer-header {
-  /* 普通 drawer header 不应该可拖拽，除非被 minapp-drawer 覆盖 */
-  -webkit-app-region: no-drag;
-}
-
-.message-attachments {
-  .ant-upload-list-item:hover {
-    background-color: initial !important;
-  }
-}
-
-.ant-dropdown-menu .ant-dropdown-menu-sub {
-  max-height: 80vh;
-  width: max-content;
-  overflow-y: auto;
-  overflow-x: hidden;
-  border: 0.5px solid var(--color-border);
-}
-.ant-dropdown {
-  background-color: var(--ant-color-bg-elevated);
-  overflow: hidden;
-  border-radius: var(--ant-border-radius-lg);
-  user-select: none;
-  .ant-dropdown-menu {
-    max-height: 80vh;
-    overflow-y: auto;
-    border: 0.5px solid var(--color-border);
-
-    // Align lucide icon in dropdown menu item extra
-    .ant-dropdown-menu-submenu-expand-icon,
-    .ant-dropdown-menu-item-extra {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-  .ant-dropdown-arrow + .ant-dropdown-menu {
-    border: none;
-  }
-}
-.ant-select-dropdown {
-  border: 0.5px solid var(--color-border);
-}
-.ant-dropdown-menu-submenu {
-  background-color: var(--ant-color-bg-elevated);
-  overflow: hidden;
-  border-radius: var(--ant-border-radius-lg);
-
-  .ant-dropdown-menu-submenu-title {
-    align-items: center;
-  }
-}
-
-.ant-popover {
-  .ant-popover-inner {
-    border: 0.5px solid var(--color-border);
-    .ant-popover-inner-content {
-      max-height: 70vh;
-      overflow-y: auto;
-    }
-  }
-  .ant-popover-arrow + .ant-popover-content {
-    .ant-popover-inner {
-      border: none;
-    }
-  }
-}
-
-.ant-modal:not(.ant-modal-confirm) {
-  .ant-modal-confirm-body-has-title {
-    padding: 16px 0 0 0;
-  }
-  .ant-modal-content {
-    border-radius: 10px;
-    border: 0.5px solid var(--color-border);
-    padding: 0 0 8px 0;
-    .ant-modal-close {
-      margin-right: 2px;
-    }
-    .ant-modal-header {
-      padding: 16px 16px 0 16px;
-      border-radius: 10px;
-    }
-    .ant-modal-body {
-      /* 保持 body 在视口内，使用标准的最大高度 */
-      max-height: 80vh;
-      overflow-y: auto;
-      padding: 0 16px 0 16px;
-    }
-    .ant-modal-footer {
-      padding: 0 16px 8px 16px;
-    }
-    .ant-modal-confirm-btns {
-      margin-bottom: 8px;
-    }
-  }
-}
-.ant-modal.ant-modal-confirm.ant-modal-confirm-confirm {
-  .ant-modal-content {
-    padding: 16px;
-  }
-}
-
-.ant-collapse:not(.ant-collapse-ghost) {
-  border: 1px solid var(--color-border);
-  .ant-color-picker & {
-    border: none;
-  }
-  .ant-collapse-content {
-    border-top: 0.5px solid var(--color-border) !important;
-    .ant-color-picker & {
-      border-top: none !important;
-    }
-  }
-}
-
-.ant-slider {
-  .ant-slider-handle::after {
-    box-shadow: 0 1px 4px 0px rgb(128 128 128 / 50%) !important;
-  }
-}
-
-.ant-splitter-bar {
-  .ant-splitter-bar-dragger {
-    &::before {
-      background-color: var(--color-border) !important;
-      transition:
-        background-color 0.15s ease,
-        width 0.15s ease;
-    }
-    &:hover {
-      &::before {
-        width: 4px !important;
-        background-color: var(--color-primary) !important;
-        transition-delay: 0.15s;
-      }
-    }
-  }
-
-  .ant-splitter-bar-dragger-active {
-    &::before {
-      width: 4px !important;
-      background-color: var(--color-primary) !important;
-    }
-  }
-}
diff --git a/src/renderer/src/assets/styles/color.scss b/src/renderer/src/assets/styles/color.css
similarity index 91%
rename from src/renderer/src/assets/styles/color.scss
rename to src/renderer/src/assets/styles/color.css
index 517160e76c..5d625937e7 100644
--- a/src/renderer/src/assets/styles/color.scss
+++ b/src/renderer/src/assets/styles/color.css
@@ -19,7 +19,7 @@
   --color-background-soft: var(--color-black-soft);
   --color-background-mute: var(--color-black-mute);
   --color-background-opacity: rgba(34, 34, 34, 0.7);
-  --inner-glow-opacity: 0.3; // For the glassmorphism effect in the dropdown menu
+  --inner-glow-opacity: 0.3; /* For the glassmorphism effect in the dropdown menu */
 
   --color-primary: #00b96b;
   --color-primary-soft: #00b96b99;
@@ -58,16 +58,6 @@
   --navbar-background-mac: rgba(20, 20, 20, 0.55);
   --navbar-background: #1f1f1f;
 
-  --navbar-height: 44px;
-  --sidebar-width: 50px;
-  --status-bar-height: 40px;
-  --input-bar-height: 100px;
-
-  --assistants-width: 275px;
-  --topic-list-width: 275px;
-  --settings-width: 250px;
-  --scrollbar-width: 5px;
-
   --chat-background: transparent;
   --chat-background-user: rgba(255, 255, 255, 0.08);
   --chat-background-assistant: transparent;
@@ -146,11 +136,6 @@
   --chat-text-user: var(--color-text);
 }
 
-[navbar-position='left'] {
-  --navbar-height: 42px;
-  --list-item-border-radius: 20px;
-}
-
 [navbar-position='left'][theme-mode='light'] {
   --color-list-item: #eee;
   --color-list-item-hover: #f5f5f5;
diff --git a/src/renderer/src/assets/styles/container.css b/src/renderer/src/assets/styles/container.css
new file mode 100644
index 0000000000..a8a1852e64
--- /dev/null
+++ b/src/renderer/src/assets/styles/container.css
@@ -0,0 +1,9 @@
+#content-container {
+  background-color: var(--color-background);
+}
+
+[navbar-position='left'] #content-container {
+  border-top: 0.5px solid var(--color-border);
+  border-top-left-radius: 10px;
+  border-left: 0.5px solid var(--color-border);
+}
diff --git a/src/renderer/src/assets/styles/container.scss b/src/renderer/src/assets/styles/container.scss
deleted file mode 100644
index fd2d7f9aec..0000000000
--- a/src/renderer/src/assets/styles/container.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-#content-container {
-  background-color: var(--color-background);
-}
-
-[navbar-position='left'] {
-  #content-container {
-    border-top: 0.5px solid var(--color-border);
-    border-top-left-radius: 10px;
-    border-left: 0.5px solid var(--color-border);
-  }
-}
diff --git a/src/renderer/src/assets/styles/font.css b/src/renderer/src/assets/styles/font.css
new file mode 100644
index 0000000000..8e122fe887
--- /dev/null
+++ b/src/renderer/src/assets/styles/font.css
@@ -0,0 +1,24 @@
+:root {
+  --font-family:
+    var(--user-font-family), Ubuntu, -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Roboto, Oxygen,
+    Cantarell, 'Open Sans', 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
+
+  --font-family-serif:
+    serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Ubuntu, Roboto, Oxygen, Cantarell, 'Open Sans',
+    'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+
+  --code-font-family: var(--user-code-font-family), 'Cascadia Code', 'Fira Code', 'Consolas', Menlo, Courier, monospace;
+}
+
+/* Windows系统专用字体配置 */
+body[os='windows'] {
+  --font-family:
+    var(--user-font-family), 'Twemoji Country Flags', Ubuntu, -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui,
+    Roboto, Oxygen, Cantarell, 'Open Sans', 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+
+  --code-font-family:
+    var(--user-code-font-family), 'Cascadia Code', 'Fira Code', 'Consolas', 'Sarasa Mono SC', 'Microsoft YaHei UI',
+    Courier, monospace;
+}
diff --git a/src/renderer/src/assets/styles/font.scss b/src/renderer/src/assets/styles/font.scss
deleted file mode 100644
index 02d8fee660..0000000000
--- a/src/renderer/src/assets/styles/font.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-:root {
-  --font-family:
-    Ubuntu, -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Roboto, Oxygen, Cantarell, 'Open Sans',
-    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-    'Noto Color Emoji';
-
-  --font-family-serif:
-    serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Ubuntu, Roboto, Oxygen, Cantarell, 'Open Sans',
-    'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-
-  --code-font-family: 'Cascadia Code', 'Fira Code', 'Consolas', Menlo, Courier, monospace;
-}
-
-// Windows系统专用字体配置
-body[os='windows'] {
-  --font-family:
-    'Twemoji Country Flags', Ubuntu, -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Roboto, Oxygen,
-    Cantarell, 'Open Sans', 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-    'Segoe UI Symbol', 'Noto Color Emoji';
-
-  --code-font-family:
-    'Cascadia Code', 'Fira Code', 'Consolas', 'Sarasa Mono SC', 'Microsoft YaHei UI', Courier, monospace;
-}
diff --git a/src/renderer/src/assets/styles/index.scss b/src/renderer/src/assets/styles/index.css
similarity index 55%
rename from src/renderer/src/assets/styles/index.scss
rename to src/renderer/src/assets/styles/index.css
index 974457dc4d..b344e60ae6 100644
--- a/src/renderer/src/assets/styles/index.scss
+++ b/src/renderer/src/assets/styles/index.css
@@ -1,11 +1,12 @@
-@use './color.scss';
-@use './font.scss';
-@use './markdown.scss';
-@use './ant.scss';
-@use './scrollbar.scss';
-@use './container.scss';
-@use './animation.scss';
-@use './richtext.scss';
+@import './color.css';
+@import './font.css';
+@import './markdown.css';
+@import './ant.css';
+@import './scrollbar.css';
+@import './container.css';
+@import './animation.css';
+@import './richtext.css';
+@import './responsive.css';
 @import '../fonts/icon-fonts/iconfont.css';
 @import '../fonts/ubuntu/ubuntu.css';
 @import '../fonts/country-flag-fonts/flag.css';
@@ -14,7 +15,7 @@
 *::before,
 *::after {
   box-sizing: border-box;
-  margin: 0;
+  /* margin: 0; */
   font-weight: normal;
 }
 
@@ -34,11 +35,11 @@ body,
   margin: 0;
 }
 
-#root {
+/* #root {
   display: flex;
   flex-direction: row;
   flex: 1;
-}
+} */
 
 body {
   display: flex;
@@ -50,6 +51,7 @@ body {
   font-family: var(--font-family);
   text-rendering: optimizeLegibility;
   transition: background-color 0.3s linear;
+  background-color: unset;
 
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -113,62 +115,58 @@ ul {
   word-wrap: break-word;
 }
 
-.bubble:not(.multi-select-mode) {
-  .block-wrapper {
-    display: flow-root;
-  }
+.bubble:not(.multi-select-mode) .block-wrapper {
+  display: flow-root;
+}
 
-  .block-wrapper:last-child > *:last-child {
-    margin-bottom: 0;
-  }
+.bubble:not(.multi-select-mode) .block-wrapper:last-child > *:last-child {
+  margin-bottom: 0;
+}
 
-  .message-content-container > *:last-child {
-    margin-bottom: 0;
-  }
+.bubble:not(.multi-select-mode) .message-content-container > *:last-child {
+  margin-bottom: 0;
+}
 
-  .message-thought-container {
-    margin-top: 8px;
-  }
+.bubble:not(.multi-select-mode) .message-thought-container {
+  margin-top: 8px;
+}
 
-  .message-user {
-    .message-header {
-      flex-direction: row-reverse;
-      text-align: right;
-      .message-header-info-wrap {
-        flex-direction: row-reverse;
-        text-align: right;
-      }
-    }
-    .message-content-container {
-      border-radius: 10px;
-      padding: 10px 16px 10px 16px;
-      background-color: var(--chat-background-user);
-      align-self: self-end;
-    }
-    .MessageFooter {
-      margin-top: 2px;
-      align-self: self-end;
-    }
-  }
+.bubble:not(.multi-select-mode) .message-user .message-header {
+  flex-direction: row-reverse;
+  text-align: right;
+}
 
-  .message-assistant {
-    .message-content-container {
-      padding-left: 0;
-    }
-    .MessageFooter {
-      margin-left: 0;
-    }
-  }
+.bubble:not(.multi-select-mode) .message-user .message-header .message-header-info-wrap {
+  flex-direction: row-reverse;
+  text-align: right;
+}
 
-  code {
-    color: var(--color-text);
-  }
-  .markdown {
-    display: flow-root;
-    *:last-child {
-      margin-bottom: 0;
-    }
-  }
+.bubble:not(.multi-select-mode) .message-user .message-content-container {
+  border-radius: 10px;
+  padding: 10px 16px 10px 16px;
+  background-color: var(--chat-background-user);
+  align-self: self-end;
+}
+
+.bubble:not(.multi-select-mode) .message-user .MessageFooter {
+  margin-top: 2px;
+  align-self: self-end;
+}
+
+.bubble:not(.multi-select-mode) .message-assistant .message-content-container {
+  padding-left: 0;
+}
+
+.bubble:not(.multi-select-mode) .message-assistant .MessageFooter {
+  margin-left: 0;
+}
+
+.bubble:not(.multi-select-mode) code {
+  color: var(--color-text);
+}
+
+.bubble:not(.multi-select-mode) .markdown {
+  display: flow-root;
 }
 
 .lucide:not(.lucide-custom) {
@@ -184,8 +182,6 @@ ul {
   background-color: var(--color-background-highlight-accent);
 }
 
-textarea {
-  &::-webkit-resizer {
-    display: none;
-  }
+textarea::-webkit-resizer {
+  display: none;
 }
diff --git a/src/renderer/src/assets/styles/markdown.css b/src/renderer/src/assets/styles/markdown.css
new file mode 100644
index 0000000000..5a1ca236d6
--- /dev/null
+++ b/src/renderer/src/assets/styles/markdown.css
@@ -0,0 +1,388 @@
+.markdown {
+  color: var(--color-text);
+  line-height: 1.6;
+  user-select: text;
+  word-break: break-word;
+}
+
+.markdown h1:first-child,
+.markdown h2:first-child,
+.markdown h3:first-child,
+.markdown h4:first-child,
+.markdown h5:first-child,
+.markdown h6:first-child {
+  margin-top: 0;
+}
+
+.markdown h1,
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  margin: 1.5em 0 1em 0;
+  line-height: 1.3;
+  font-weight: bold;
+}
+
+.markdown h1 {
+  margin-top: 0;
+  font-size: 2em;
+  border-bottom: 0.5px solid var(--color-border);
+  padding-bottom: 0.3em;
+}
+
+.markdown h2 {
+  font-size: 1.5em;
+  border-bottom: 0.5px solid var(--color-border);
+  padding-bottom: 0.3em;
+}
+
+.markdown h3 {
+  font-size: 1.2em;
+}
+
+.markdown h4 {
+  font-size: 1em;
+}
+
+.markdown h5 {
+  font-size: 0.9em;
+}
+
+.markdown h6 {
+  font-size: 0.8em;
+}
+
+.markdown p {
+  margin: 1.3em 0;
+  white-space: pre-wrap;
+  line-height: 1.6;
+}
+
+.markdown p:last-child {
+  margin-bottom: 5px;
+}
+
+.markdown p:first-child {
+  margin-top: 0;
+}
+
+.markdown p:has(+ ul) {
+  margin-bottom: 0;
+}
+
+.markdown ul {
+  list-style: initial;
+}
+
+.markdown ul,
+.markdown ol {
+  padding-left: 1.5em;
+  margin: 1em 0;
+}
+
+.markdown li {
+  margin-bottom: 0.5em;
+}
+
+.markdown li pre {
+  margin: 1.5em 0 !important;
+}
+
+.markdown li::marker {
+  color: var(--color-text-3);
+}
+
+.markdown li > ul,
+.markdown li > ol {
+  margin: 0.5em 0;
+}
+
+.markdown hr {
+  border: none;
+  border-top: 0.5px solid var(--color-border);
+  margin: 20px 0;
+}
+
+.markdown span {
+  white-space: pre-wrap;
+}
+
+.markdown .katex span {
+  white-space: pre;
+}
+
+.markdown p code,
+.markdown li code {
+  background: var(--color-background-mute);
+  padding: 3px 5px;
+  margin: 0 2px;
+  border-radius: 5px;
+  word-break: keep-all;
+  white-space: pre;
+}
+
+.markdown code {
+  font-family: var(--code-font-family);
+}
+
+.markdown pre {
+  border-radius: 8px;
+  overflow-x: auto;
+  font-family: var(--code-font-family);
+  background-color: var(--color-background-mute);
+}
+
+.markdown pre:has(.special-preview) {
+  background-color: transparent;
+}
+
+.markdown pre:not(pre pre) > code:not(pre pre > code) {
+  padding: 15px;
+  display: block;
+}
+
+.markdown pre pre {
+  margin: 0 !important;
+}
+
+.markdown pre pre code {
+  background: none;
+  padding: 0;
+  border-radius: 0;
+}
+
+.markdown pre + pre {
+  margin-top: 10px;
+}
+
+.markdown .markdown-alert,
+.markdown blockquote {
+  margin: 1.5em 0;
+  padding: 1em 1.5em;
+  background-color: var(--color-background-soft);
+  border-left: 4px solid var(--color-primary);
+  border-radius: 0 8px 8px 0;
+  font-style: italic;
+  position: relative;
+}
+
+.markdown table {
+  --table-border-radius: 8px;
+  margin: 2em 0;
+  font-size: 0.9em;
+  width: 100%;
+  border-radius: var(--table-border-radius);
+  overflow: hidden;
+  border-collapse: separate;
+  border: 0.5px solid var(--color-border);
+  border-spacing: 0;
+}
+
+.markdown th,
+.markdown td {
+  border-right: 0.5px solid var(--color-border);
+  border-bottom: 0.5px solid var(--color-border);
+  padding: 0.5em;
+}
+
+.markdown th:last-child,
+.markdown td:last-child {
+  border-right: none;
+}
+
+.markdown tr:last-child td {
+  border-bottom: none;
+}
+
+.markdown th {
+  background-color: var(--color-background-mute);
+  font-weight: 600;
+  text-align: left;
+}
+
+.markdown tr:hover {
+  background-color: var(--color-background-soft);
+}
+
+.markdown img {
+  max-width: 100%;
+  height: auto;
+  margin: 1em 0;
+}
+
+.markdown a,
+.markdown .link {
+  color: var(--color-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.markdown a:hover,
+.markdown .link:hover {
+  text-decoration: underline;
+}
+
+.markdown strong {
+  font-weight: bold;
+}
+
+.markdown em {
+  font-style: italic;
+}
+
+.markdown del {
+  text-decoration: line-through;
+}
+
+.markdown sup,
+.markdown sub {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+.markdown sup {
+  top: -0.5em;
+  border-radius: 50%;
+  background-color: var(--color-reference);
+  color: var(--color-reference-text);
+  padding: 2px 5px;
+  zoom: 0.8;
+}
+
+.markdown sup > span.link {
+  color: var(--color-reference-text);
+}
+
+.markdown sub {
+  bottom: -0.25em;
+}
+
+.markdown .footnote-ref {
+  font-size: 0.8em;
+  vertical-align: super;
+  line-height: 0;
+  margin: 0 2px;
+  color: var(--color-primary);
+  text-decoration: none;
+}
+
+.markdown .footnote-ref:hover {
+  text-decoration: underline;
+}
+
+.footnotes {
+  margin-top: 1em;
+  margin-bottom: 1em;
+  padding-top: 1em;
+
+  background-color: var(--color-reference-background);
+  border-radius: 8px;
+  padding: 8px 12px;
+}
+
+.footnotes h4 {
+  margin-bottom: 5px;
+  font-size: 12px;
+}
+
+.footnotes a {
+  color: var(--color-link);
+}
+
+.footnotes ol {
+  padding-left: 1em;
+  margin: 0;
+}
+
+.footnotes ol li:last-child {
+  margin-bottom: 0;
+}
+
+.footnotes li {
+  font-size: 0.9em;
+  margin-bottom: 0.5em;
+  color: var(--color-text-light);
+}
+
+.footnotes li p {
+  display: inline;
+  margin: 0;
+}
+
+.footnotes .footnote-backref {
+  font-size: 0.8em;
+  vertical-align: super;
+  line-height: 0;
+  margin-left: 5px;
+  color: var(--color-primary);
+  text-decoration: none;
+}
+
+.footnotes .footnote-backref:hover {
+  text-decoration: underline;
+}
+
+emoji-picker {
+  --border-size: 0;
+}
+
+.block-wrapper + .block-wrapper {
+  margin-top: 1em;
+}
+
+.katex,
+mjx-container {
+  display: inline-block;
+  overflow-x: auto;
+  overflow-y: hidden;
+  overflow-wrap: break-word;
+  vertical-align: middle;
+  max-width: 100%;
+  padding: 1px 2px;
+  margin-top: -2px;
+}
+
+/* Shiki 相关样式 */
+.shiki {
+  font-family: var(--code-font-family);
+  /* 保持行高为初始值，在 shiki 代码块中处理 */
+  line-height: initial;
+}
+
+/* CodeMirror 相关样式 */
+.cm-editor {
+  border-radius: inherit;
+}
+
+.cm-editor.cm-focused {
+  outline: none;
+}
+
+.cm-editor .cm-scroller {
+  font-family: var(--code-font-family);
+  border-radius: inherit;
+}
+
+.cm-editor .cm-scroller .cm-gutters {
+  line-height: 1.6;
+  border-right: none;
+}
+
+.cm-editor .cm-scroller .cm-content {
+  line-height: 1.6;
+  padding-left: 0.25em;
+}
+
+.cm-editor .cm-scroller .cm-lineWrapping * {
+  word-wrap: break-word;
+  white-space: pre-wrap;
+}
+
+.cm-editor .cm-announced {
+  position: absolute;
+  display: none;
+}
diff --git a/src/renderer/src/assets/styles/markdown.scss b/src/renderer/src/assets/styles/markdown.scss
deleted file mode 100644
index 7d4dbf0ce2..0000000000
--- a/src/renderer/src/assets/styles/markdown.scss
+++ /dev/null
@@ -1,379 +0,0 @@
-.markdown {
-  color: var(--color-text);
-  line-height: 1.6;
-  user-select: text;
-  word-break: break-word;
-
-  h1:first-child,
-  h2:first-child,
-  h3:first-child,
-  h4:first-child,
-  h5:first-child,
-  h6:first-child {
-    margin-top: 0;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin: 1.5em 0 1em 0;
-    line-height: 1.3;
-    font-weight: bold;
-  }
-
-  h1 {
-    margin-top: 0;
-    font-size: 2em;
-    border-bottom: 0.5px solid var(--color-border);
-    padding-bottom: 0.3em;
-  }
-
-  h2 {
-    font-size: 1.5em;
-    border-bottom: 0.5px solid var(--color-border);
-    padding-bottom: 0.3em;
-  }
-
-  h3 {
-    font-size: 1.2em;
-  }
-
-  h4 {
-    font-size: 1em;
-  }
-
-  h5 {
-    font-size: 0.9em;
-  }
-
-  h6 {
-    font-size: 0.8em;
-  }
-
-  p {
-    margin: 1.3em 0;
-    white-space: pre-wrap;
-    line-height: 1.6;
-
-    &:last-child {
-      margin-bottom: 5px;
-    }
-
-    &:first-child {
-      margin-top: 0;
-    }
-
-    &:has(+ ul) {
-      margin-bottom: 0;
-    }
-  }
-
-  ul {
-    list-style: initial;
-  }
-
-  ul,
-  ol {
-    padding-left: 1.5em;
-    margin: 1em 0;
-  }
-
-  li {
-    margin-bottom: 0.5em;
-    pre {
-      margin: 1.5em 0 !important;
-    }
-    &::marker {
-      color: var(--color-text-3);
-    }
-  }
-
-  li > ul,
-  li > ol {
-    margin: 0.5em 0;
-  }
-
-  hr {
-    border: none;
-    border-top: 0.5px solid var(--color-border);
-    margin: 20px 0;
-  }
-
-  span {
-    white-space: pre-wrap;
-  }
-
-  .katex span {
-    white-space: pre;
-  }
-
-  p code,
-  li code {
-    background: var(--color-background-mute);
-    padding: 3px 5px;
-    margin: 0 2px;
-    border-radius: 5px;
-    word-break: keep-all;
-    white-space: pre;
-  }
-
-  code {
-    font-family: var(--code-font-family);
-  }
-
-  pre {
-    border-radius: 8px;
-    overflow-x: auto;
-    font-family: var(--code-font-family);
-    background-color: var(--color-background-mute);
-    &:has(.special-preview) {
-      background-color: transparent;
-    }
-    &:not(pre pre) {
-      > code:not(pre pre > code) {
-        padding: 15px;
-        display: block;
-      }
-    }
-    pre {
-      margin: 0 !important;
-      code {
-        background: none;
-        padding: 0;
-        border-radius: 0;
-      }
-    }
-  }
-
-  pre + pre {
-    margin-top: 10px;
-  }
-
-  .markdown-alert,
-  blockquote {
-    margin: 1.5em 0;
-    padding: 1em 1.5em;
-    background-color: var(--color-background-soft);
-    border-left: 4px solid var(--color-primary);
-    border-radius: 0 8px 8px 0;
-    font-style: italic;
-    position: relative;
-  }
-
-  table {
-    --table-border-radius: 8px;
-    margin: 2em 0;
-    font-size: 0.9em;
-    width: 100%;
-    border-radius: var(--table-border-radius);
-    overflow: hidden;
-    border-collapse: separate;
-    border: 0.5px solid var(--color-border);
-    border-spacing: 0;
-  }
-
-  th,
-  td {
-    border-right: 0.5px solid var(--color-border);
-    border-bottom: 0.5px solid var(--color-border);
-    padding: 0.5em;
-    &:last-child {
-      border-right: none;
-    }
-  }
-
-  tr:last-child td {
-    border-bottom: none;
-  }
-
-  th {
-    background-color: var(--color-background-mute);
-    font-weight: 600;
-    text-align: left;
-  }
-
-  tr:hover {
-    background-color: var(--color-background-soft);
-  }
-
-  img {
-    max-width: 100%;
-    height: auto;
-    margin: 1em 0;
-  }
-
-  a,
-  .link {
-    color: var(--color-link);
-    text-decoration: none;
-    cursor: pointer;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-
-  strong {
-    font-weight: bold;
-  }
-
-  em {
-    font-style: italic;
-  }
-
-  del {
-    text-decoration: line-through;
-  }
-
-  sup,
-  sub {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-  }
-
-  sup {
-    top: -0.5em;
-    border-radius: 50%;
-    background-color: var(--color-reference);
-    color: var(--color-reference-text);
-    padding: 2px 5px;
-    zoom: 0.8;
-    & > span.link {
-      color: var(--color-reference-text);
-    }
-  }
-
-  sub {
-    bottom: -0.25em;
-  }
-
-  .footnote-ref {
-    font-size: 0.8em;
-    vertical-align: super;
-    line-height: 0;
-    margin: 0 2px;
-    color: var(--color-primary);
-    text-decoration: none;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-}
-
-.footnotes {
-  margin-top: 1em;
-  margin-bottom: 1em;
-  padding-top: 1em;
-
-  background-color: var(--color-reference-background);
-  border-radius: 8px;
-  padding: 8px 12px;
-
-  h4 {
-    margin-bottom: 5px;
-    font-size: 12px;
-  }
-
-  a {
-    color: var(--color-link);
-  }
-
-  ol {
-    padding-left: 1em;
-    margin: 0;
-    li:last-child {
-      margin-bottom: 0;
-    }
-  }
-
-  li {
-    font-size: 0.9em;
-    margin-bottom: 0.5em;
-    color: var(--color-text-light);
-
-    p {
-      display: inline;
-      margin: 0;
-    }
-  }
-
-  .footnote-backref {
-    font-size: 0.8em;
-    vertical-align: super;
-    line-height: 0;
-    margin-left: 5px;
-    color: var(--color-primary);
-    text-decoration: none;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-}
-
-emoji-picker {
-  --border-size: 0;
-}
-
-.block-wrapper + .block-wrapper {
-  margin-top: 1em;
-}
-
-.katex,
-mjx-container {
-  display: inline-block;
-  overflow-x: auto;
-  overflow-y: hidden;
-  overflow-wrap: break-word;
-  vertical-align: middle;
-  max-width: 100%;
-  padding: 1px 2px;
-  margin-top: -2px;
-}
-
-/* Shiki 相关样式 */
-.shiki {
-  font-family: var(--code-font-family);
-  // 保持行高为初始值，在 shiki 代码块中处理
-  line-height: initial;
-}
-
-/* CodeMirror 相关样式 */
-.cm-editor {
-  border-radius: inherit;
-
-  &.cm-focused {
-    outline: none;
-  }
-
-  .cm-scroller {
-    font-family: var(--code-font-family);
-    border-radius: inherit;
-
-    .cm-gutters {
-      line-height: 1.6;
-      border-right: none;
-    }
-
-    .cm-content {
-      line-height: 1.6;
-      padding-left: 0.25em;
-    }
-
-    .cm-lineWrapping * {
-      word-wrap: break-word;
-      white-space: pre-wrap;
-    }
-  }
-
-  .cm-announced {
-    position: absolute;
-    display: none;
-  }
-}
diff --git a/src/renderer/src/assets/styles/responsive.css b/src/renderer/src/assets/styles/responsive.css
new file mode 100644
index 0000000000..e84cc1e69b
--- /dev/null
+++ b/src/renderer/src/assets/styles/responsive.css
@@ -0,0 +1,27 @@
+/* xl, xxl, default style */
+:root {
+  --navbar-height: 44px;
+  --sidebar-width: 50px;
+  --status-bar-height: 40px;
+  --input-bar-height: 100px;
+
+  --assistants-width: 275px;
+  --topic-list-width: 275px;
+  --settings-width: 250px;
+
+  --scrollbar-width: 5px;
+}
+
+[navbar-position='left'] {
+  --navbar-height: 42px;
+  --list-item-border-radius: 20px;
+}
+
+/* lg */
+@media (max-width: 1080px) {
+  :root {
+    --assistants-width: 210px;
+    --topic-list-width: 210px;
+    --settings-width: 210px;
+  }
+}
diff --git a/src/renderer/src/assets/styles/richtext.css b/src/renderer/src/assets/styles/richtext.css
new file mode 100644
index 0000000000..547a5e17bb
--- /dev/null
+++ b/src/renderer/src/assets/styles/richtext.css
@@ -0,0 +1,523 @@
+.tiptap {
+  /* 预留5px给scrollbar */
+  padding: 12px 55px 12px 60px;
+  outline: none;
+  min-height: 120px;
+  overflow-wrap: break-word;
+  word-break: break-word;
+  font-size: var(--editor-font-size, 16px);
+}
+
+.tiptap:focus {
+  outline: none;
+}
+
+.tiptap :first-child {
+  margin-top: 0;
+}
+
+.tiptap h1:first-child,
+.tiptap h2:first-child,
+.tiptap h3:first-child,
+.tiptap h4:first-child,
+.tiptap h5:first-child,
+.tiptap h6:first-child {
+  margin-top: 0;
+}
+
+.tiptap h1,
+.tiptap h2,
+.tiptap h3,
+.tiptap h4,
+.tiptap h5,
+.tiptap h6 {
+  margin: 1.5rem 0 1rem 0;
+  line-height: 1.1;
+  text-wrap: pretty;
+  font-weight: 600;
+}
+
+.tiptap h1 code,
+.tiptap h2 code,
+.tiptap h3 code,
+.tiptap h4 code,
+.tiptap h5 code,
+.tiptap h6 code {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+.tiptap h1 {
+  margin-top: 0;
+  font-size: 2rem;
+}
+
+.tiptap h2 {
+  font-size: 1.5rem;
+}
+
+.tiptap h3 {
+  font-size: 1.2rem;
+}
+
+.tiptap h4,
+.tiptap h5,
+.tiptap h6 {
+  font-size: 1rem;
+}
+
+.tiptap p {
+  margin: 1.1rem 0 0.5rem 0;
+  white-space: normal;
+  overflow-wrap: break-word;
+  word-break: break-word;
+  width: 100%;
+  line-height: 1.6;
+  hyphens: auto;
+}
+
+.tiptap p:has(+ ul) {
+  margin-bottom: 0;
+}
+
+.tiptap a {
+  color: var(--color-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.tiptap a:hover {
+  text-decoration: underline;
+}
+
+.tiptap blockquote {
+  border-left: 4px solid var(--color-primary);
+  margin: 1.5rem 0;
+  padding-left: 1rem;
+}
+
+.tiptap code {
+  background-color: var(--color-inline-code-background);
+  border-radius: 0.4rem;
+  color: var(--color-inline-code-text);
+  font-size: 0.85rem;
+  padding: 0.25em 0.3em;
+  font-family: var(--code-font-family);
+}
+
+.tiptap pre {
+  background: var(--color-code-background);
+  border-radius: 0.5rem;
+  color: var(--color-text);
+  font-family: var(--code-font-family);
+  margin: 1.5rem 0;
+  padding: 0.75rem 1rem;
+  border: 1px solid var(--color-border-soft);
+}
+
+.tiptap pre code {
+  background: none;
+  color: inherit;
+  font-size: 0.8rem;
+  padding: 0;
+  border: none;
+}
+
+.tiptap hr {
+  border: none;
+  border-top: 1px solid var(--color-gray-2);
+  margin: 2rem 0;
+}
+
+.tiptap em {
+  font-style: italic;
+}
+
+.tiptap u {
+  text-decoration: underline;
+}
+
+.tiptap strong,
+.tiptap strong * {
+  font-weight: 600;
+}
+
+.tiptap .placeholder {
+  position: relative;
+}
+
+.tiptap .placeholder:before {
+  content: attr(data-placeholder);
+  position: absolute;
+  color: var(--color-text-secondary);
+  opacity: 0.6;
+  pointer-events: none;
+  font-style: italic;
+  left: 0;
+  right: 0;
+}
+
+/* Ensure drag handles and plus buttons remain interactive */
+.tiptap .placeholder .drag-handle,
+.tiptap .placeholder .plus-button {
+  pointer-events: auto;
+}
+
+/* Show placeholder only when focused or when it's the only empty node */
+.tiptap .placeholder.has-focus:before {
+  opacity: 0.8;
+}
+
+.tiptap img {
+  max-width: 800px;
+  width: 100%;
+  height: auto;
+}
+
+.tiptap table {
+  border-collapse: collapse;
+  margin: 0;
+  /* Allow action endpoints (rendered as decorations) to slightly overflow table edges */
+  overflow: visible;
+  table-layout: fixed;
+  width: 100%;
+}
+
+.tiptap td,
+.tiptap th {
+  border: 1px solid var(--color-border-soft);
+  box-sizing: border-box;
+  display: table-cell;
+  min-width: 120px;
+  padding: 6px 8px;
+  position: relative;
+  vertical-align: top;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.tiptap td > *,
+.tiptap th > * {
+  margin-bottom: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.tiptap th,
+.tiptap th * {
+  background-color: var(--color-gray-3);
+  font-weight: bold;
+  text-align: left;
+}
+
+.tiptap .selectedCell {
+  position: relative; /* 确保伪元素定位 */
+}
+
+.tiptap .selectedCell::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  border: 0 solid var(--color-primary);
+  border-radius: 0;
+}
+
+.tiptap .selectedCell.selection-top::after {
+  border-top-width: 2px;
+}
+
+.tiptap .selectedCell.selection-bottom::after {
+  border-bottom-width: 2px;
+}
+
+.tiptap .selectedCell.selection-left::after {
+  border-left-width: 2px;
+}
+
+.tiptap .selectedCell.selection-right::after {
+  border-right-width: 2px;
+}
+
+.tiptap .column-resize-handle {
+  background-color: var(--color-primary);
+  bottom: -2px;
+  pointer-events: none;
+  position: absolute;
+  right: -2px;
+  top: 0;
+  width: 4px;
+}
+
+.tiptap table:has(.selectedCell) {
+  caret-color: transparent !important;
+  user-select: none !important;
+}
+
+.tiptap table:has(.selectedCell) *::selection {
+  background: transparent !important;
+}
+
+.tiptap table:has(.selectedCell) .column-resize-handle {
+  display: none;
+}
+
+/* Position row action buttons relative to first column cells */
+.tiptap table tbody tr td:first-child,
+.tiptap table tbody tr th:first-child {
+  position: relative;
+}
+
+/* Position column action buttons relative to first row cells */
+.tiptap table tbody tr:first-child td,
+.tiptap table tbody tr:first-child th {
+  position: relative;
+}
+
+.tiptap .tableWrapper {
+  position: relative;
+  margin: 1rem 0;
+  display: grid;
+  grid-template-columns: 1fr 25px;
+  grid-template-rows: 1fr 25px;
+  grid-template-areas:
+    'table column-btn'
+    'row-btn corner';
+  gap: 5px;
+}
+
+.tiptap .tableWrapper .table-container {
+  grid-area: table;
+  overflow-x: auto;
+  overflow-y: visible;
+}
+
+.tiptap .tableWrapper .table-container::-webkit-scrollbar {
+  cursor: default;
+}
+
+.tiptap .tableWrapper .table-container::-webkit-scrollbar:horizontal {
+  cursor: default;
+}
+
+.tiptap .tableWrapper .table-container::-webkit-scrollbar-thumb {
+  cursor: default;
+}
+
+.tiptap .tableWrapper .table-container::-webkit-scrollbar-track {
+  cursor: default;
+}
+
+.tiptap .tableWrapper .table-container table {
+  width: max-content;
+  min-width: 100%;
+}
+
+.tiptap .tableWrapper .add-row-button,
+.tiptap .tableWrapper .add-column-button {
+  border: 1px solid var(--color-border);
+  background: var(--color-bg-base);
+  border-radius: 4px;
+  font-size: 12px;
+  line-height: 1;
+  cursor: pointer;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-text);
+  z-index: 20;
+  transition: all 0.2s ease;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  pointer-events: auto;
+}
+
+.tiptap .tableWrapper .add-row-button:hover,
+.tiptap .tableWrapper .add-column-button:hover {
+  background: var(--color-primary);
+  color: white;
+  border-color: var(--color-primary);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+}
+
+.tiptap .tableWrapper .add-row-button:active,
+.tiptap .tableWrapper .add-column-button:active {
+  transform: scale(0.98);
+}
+
+.tiptap .tableWrapper .add-row-button::before,
+.tiptap .tableWrapper .add-column-button::before {
+  content: '+';
+  font-weight: bold;
+}
+
+.tiptap .tableWrapper .add-row-button {
+  grid-area: row-btn;
+}
+
+.tiptap .tableWrapper .add-column-button {
+  grid-area: column-btn;
+}
+
+.tiptap .tableWrapper:hover .add-row-button,
+.tiptap .tableWrapper:has(.add-row-button:hover) .add-row-button,
+.tiptap .tableWrapper:has(.add-column-button:hover) .add-row-button,
+.tiptap .tableWrapper:hover .add-column-button,
+.tiptap .tableWrapper:has(.add-row-button:hover) .add-column-button,
+.tiptap .tableWrapper:has(.add-column-button:hover) .add-column-button {
+  display: flex;
+}
+
+/* Do not show in readonly even on hover */
+.tiptap .tableWrapper.is-readonly .add-row-button,
+.tiptap .tableWrapper.is-readonly:hover .add-row-button,
+.tiptap .tableWrapper.is-readonly .add-column-button,
+.tiptap .tableWrapper.is-readonly:hover .add-column-button {
+  display: none !important;
+}
+
+.tiptap .tableWrapper .add-row-button:hover,
+.tiptap .tableWrapper .add-column-button:hover {
+  display: flex !important;
+}
+
+/* Row/Column action triggers (visible on cell selection) */
+.tiptap .tableWrapper .row-action-trigger,
+.tiptap .tableWrapper .column-action-trigger {
+  position: absolute;
+  height: 20px;
+  border-radius: 8px;
+  background: var(--color-primary);
+  color: #fff;
+  border: 1px solid var(--color-primary);
+  display: none;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  line-height: 1;
+  z-index: 30;
+  pointer-events: auto;
+}
+
+.tiptap .tableWrapper .row-action-trigger::before,
+.tiptap .tableWrapper .column-action-trigger::before {
+  content: '•••';
+}
+
+.tiptap.resize-cursor {
+  cursor: ew-resize;
+  cursor: col-resize;
+}
+
+.tiptap ul,
+.tiptap ol {
+  padding: 0 1rem;
+  margin: 1.25rem 1rem 1.25rem 0.4rem;
+}
+
+.tiptap ul li p,
+.tiptap ol li p {
+  margin-top: 0.25em;
+  margin-bottom: 0.25em;
+}
+
+/* Reduce spacing for nested lists */
+.tiptap ul ul,
+.tiptap ul ol,
+.tiptap ol ul,
+.tiptap ol ol {
+  margin: 0.5rem 0.5rem 0.5rem 0.2rem;
+}
+
+.tiptap ul {
+  list-style: disc;
+}
+
+.tiptap ol {
+  list-style: decimal;
+}
+
+.tiptap ul[data-type='taskList'] {
+  list-style: none;
+  margin-left: 0;
+  padding: 0;
+}
+
+.tiptap ul[data-type='taskList'] li {
+  align-items: center;
+  display: flex;
+}
+
+.tiptap ul[data-type='taskList'] li > label {
+  flex: 0 0 auto;
+  margin-right: 0.5rem;
+  user-select: none;
+  display: flex;
+  align-items: center;
+}
+
+.tiptap ul[data-type='taskList'] li > div {
+  flex: 1 1 auto;
+}
+
+.tiptap ul[data-type='taskList'] li > div p {
+  margin: 0;
+}
+
+/* Checked task item appearance */
+.tiptap ul[data-type='taskList'] li[data-checked='true'] > div {
+  color: var(--color-text-2);
+  text-decoration: line-through;
+}
+
+.tiptap ul[data-type='taskList'] input[type='checkbox'] {
+  cursor: pointer;
+}
+
+/* Use primary color for checked checkbox */
+.tiptap ul[data-type='taskList'] input[type='checkbox']:checked {
+  accent-color: var(--color-primary);
+  background-color: var(--color-primary);
+  border-color: var(--color-primary);
+}
+
+.tiptap ul[data-type='taskList'] ul[data-type='taskList'] {
+  margin: 0;
+}
+
+/* Math block */
+.tiptap .block-math-inner {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 1.2rem;
+}
+
+/* Bottom spacer to create viewport padding */
+.tiptap::after {
+  content: '';
+  display: block;
+  height: 50px;
+  pointer-events: none;
+}
+
+/* Code block wrapper and header styles */
+.code-block-wrapper {
+  position: relative;
+}
+
+.code-block-wrapper .code-block-header {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  position: absolute;
+  top: 4px;
+  right: 6px;
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+
+.code-block-wrapper:hover .code-block-header {
+  opacity: 1;
+}
diff --git a/src/renderer/src/assets/styles/richtext.scss b/src/renderer/src/assets/styles/richtext.scss
deleted file mode 100644
index 7b4e4bdad5..0000000000
--- a/src/renderer/src/assets/styles/richtext.scss
+++ /dev/null
@@ -1,508 +0,0 @@
-.tiptap {
-  // 预留5px给scrollbar
-  padding: 12px 55px 12px 60px;
-  outline: none;
-  min-height: 120px;
-  overflow-wrap: break-word;
-  word-break: break-word;
-
-  &:focus {
-    outline: none;
-  }
-
-  :first-child {
-    margin-top: 0;
-  }
-
-  h1:first-child,
-  h2:first-child,
-  h3:first-child,
-  h4:first-child,
-  h5:first-child,
-  h6:first-child {
-    margin-top: 0;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin: 1.5rem 0 1rem 0;
-    line-height: 1.1;
-    text-wrap: pretty;
-    font-weight: 600;
-
-    code {
-      font-size: inherit;
-      font-weight: inherit;
-    }
-  }
-
-  h1 {
-    margin-top: 0;
-    font-size: 2rem;
-  }
-
-  h2 {
-    font-size: 1.5rem;
-  }
-
-  h3 {
-    font-size: 1.2rem;
-  }
-
-  h4,
-  h5,
-  h6 {
-    font-size: 1rem;
-  }
-
-  p {
-    margin: 1.1rem 0 0.5rem 0;
-    white-space: normal;
-    overflow-wrap: break-word;
-    word-break: break-word;
-    width: 100%;
-    line-height: 1.6;
-    hyphens: auto;
-
-    &:has(+ ul) {
-      margin-bottom: 0;
-    }
-  }
-
-  a {
-    color: var(--color-link);
-    text-decoration: none;
-    cursor: pointer;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-
-  blockquote {
-    border-left: 4px solid var(--color-primary);
-    margin: 1.5rem 0;
-    padding-left: 1rem;
-  }
-
-  code {
-    background-color: var(--color-inline-code-background);
-    border-radius: 0.4rem;
-    color: var(--color-inline-code-text);
-    font-size: 0.85rem;
-    padding: 0.25em 0.3em;
-    font-family: var(--code-font-family);
-  }
-
-  pre {
-    background: var(--color-code-background);
-    border-radius: 0.5rem;
-    color: var(--color-text);
-    font-family: var(--code-font-family);
-    margin: 1.5rem 0;
-    padding: 0.75rem 1rem;
-    border: 1px solid var(--color-border-soft);
-
-    code {
-      background: none;
-      color: inherit;
-      font-size: 0.8rem;
-      padding: 0;
-      border: none;
-    }
-  }
-
-  hr {
-    border: none;
-    border-top: 1px solid var(--color-gray-2);
-    margin: 2rem 0;
-  }
-
-  em {
-    font-style: italic;
-  }
-
-  u {
-    text-decoration: underline;
-  }
-
-  strong,
-  strong * {
-    font-weight: 600;
-  }
-
-  .placeholder {
-    position: relative;
-
-    &:before {
-      content: attr(data-placeholder);
-      position: absolute;
-      color: var(--color-text-secondary);
-      opacity: 0.6;
-      pointer-events: none;
-      font-style: italic;
-      left: 0;
-      right: 0;
-    }
-
-    /* Ensure drag handles and plus buttons remain interactive */
-    .drag-handle,
-    .plus-button {
-      pointer-events: auto;
-    }
-  }
-
-  /* Show placeholder only when focused or when it's the only empty node */
-  .placeholder.has-focus:before {
-    opacity: 0.8;
-  }
-
-  img {
-    max-width: 800px;
-    width: 100%;
-    height: auto;
-  }
-
-  table {
-    border-collapse: collapse;
-    margin: 0;
-    /* Allow action endpoints (rendered as decorations) to slightly overflow table edges */
-    overflow: visible;
-    table-layout: fixed;
-    width: 100%;
-
-    td,
-    th {
-      border: 1px solid var(--color-border-soft);
-      box-sizing: border-box;
-      display: table-cell;
-      min-width: 120px;
-      padding: 6px 8px;
-      position: relative;
-      vertical-align: top;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-
-      > * {
-        margin-bottom: 0;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-    }
-
-    th,
-    th * {
-      background-color: var(--color-gray-3);
-      font-weight: bold;
-      text-align: left;
-    }
-
-    .selectedCell {
-      position: relative; // 确保伪元素定位
-    }
-    .selectedCell::after {
-      content: '';
-      position: absolute;
-      inset: 0;
-      pointer-events: none;
-      border: 0 solid var(--color-primary);
-      border-radius: 0;
-    }
-    .selectedCell.selection-top::after {
-      border-top-width: 2px;
-    }
-    .selectedCell.selection-bottom::after {
-      border-bottom-width: 2px;
-    }
-    .selectedCell.selection-left::after {
-      border-left-width: 2px;
-    }
-    .selectedCell.selection-right::after {
-      border-right-width: 2px;
-    }
-
-    .column-resize-handle {
-      background-color: var(--color-primary);
-      bottom: -2px;
-      pointer-events: none;
-      position: absolute;
-      right: -2px;
-      top: 0;
-      width: 4px;
-    }
-
-    &:has(.selectedCell) {
-      caret-color: transparent !important;
-      user-select: none !important;
-
-      *::selection {
-        background: transparent !important;
-      }
-
-      .column-resize-handle {
-        display: none;
-      }
-    }
-
-    // Position row action buttons relative to first column cells
-    tbody tr td:first-child,
-    tbody tr th:first-child {
-      position: relative;
-    }
-
-    // Position column action buttons relative to first row cells
-    tbody tr:first-child td,
-    tbody tr:first-child th {
-      position: relative;
-    }
-  }
-
-  .tableWrapper {
-    position: relative;
-    margin: 1rem 0;
-    display: grid;
-    grid-template-columns: 1fr 25px;
-    grid-template-rows: 1fr 25px;
-    grid-template-areas:
-      'table column-btn'
-      'row-btn corner';
-    gap: 5px;
-
-    .table-container {
-      grid-area: table;
-      overflow-x: auto;
-      overflow-y: visible;
-
-      &::-webkit-scrollbar {
-        cursor: default;
-      }
-
-      &::-webkit-scrollbar:horizontal {
-        cursor: default;
-      }
-
-      &::-webkit-scrollbar-thumb {
-        cursor: default;
-      }
-
-      &::-webkit-scrollbar-track {
-        cursor: default;
-      }
-
-      table {
-        width: max-content;
-        min-width: 100%;
-      }
-    }
-
-    .add-row-button,
-    .add-column-button {
-      border: 1px solid var(--color-border);
-      background: var(--color-bg-base);
-      border-radius: 4px;
-      font-size: 12px;
-      line-height: 1;
-      cursor: pointer;
-      display: none;
-      align-items: center;
-      justify-content: center;
-      color: var(--color-text);
-      z-index: 20;
-      transition: all 0.2s ease;
-      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-      pointer-events: auto;
-
-      &:hover {
-        background: var(--color-primary);
-        color: white;
-        border-color: var(--color-primary);
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
-      }
-
-      &:active {
-        transform: scale(0.98);
-      }
-
-      &::before {
-        content: '+';
-        font-weight: bold;
-      }
-    }
-
-    .add-row-button {
-      grid-area: row-btn;
-    }
-
-    .add-column-button {
-      grid-area: column-btn;
-    }
-
-    &:hover,
-    &:has(.add-row-button:hover),
-    &:has(.add-column-button:hover) {
-      .add-row-button,
-      .add-column-button {
-        display: flex;
-      }
-    }
-
-    /* Do not show in readonly even on hover */
-    &.is-readonly,
-    &.is-readonly:hover {
-      .add-row-button,
-      .add-column-button {
-        display: none !important;
-      }
-    }
-
-    .add-row-button:hover,
-    .add-column-button:hover {
-      display: flex !important;
-    }
-
-    /* Row/Column action triggers (visible on cell selection) */
-    .row-action-trigger,
-    .column-action-trigger {
-      position: absolute;
-      height: 20px;
-      border-radius: 8px;
-      background: var(--color-primary);
-      color: #fff;
-      border: 1px solid var(--color-primary);
-      display: none;
-      align-items: center;
-      justify-content: center;
-      font-size: 12px;
-      line-height: 1;
-      z-index: 30;
-      pointer-events: auto;
-    }
-
-    .row-action-trigger::before,
-    .column-action-trigger::before {
-      content: '•••';
-    }
-  }
-
-  &.resize-cursor {
-    cursor: ew-resize;
-    cursor: col-resize;
-  }
-
-  ul,
-  ol {
-    padding: 0 1rem;
-    margin: 1.25rem 1rem 1.25rem 0.4rem;
-
-    li p {
-      margin-top: 0.25em;
-      margin-bottom: 0.25em;
-    }
-
-    // Reduce spacing for nested lists
-    ul,
-    ol {
-      margin: 0.5rem 0.5rem 0.5rem 0.2rem;
-    }
-  }
-
-  ul {
-    list-style: disc;
-  }
-
-  ol {
-    list-style: decimal;
-  }
-
-  ul[data-type='taskList'] {
-    list-style: none;
-    margin-left: 0;
-    padding: 0;
-
-    li {
-      align-items: center;
-      display: flex;
-
-      > label {
-        flex: 0 0 auto;
-        margin-right: 0.5rem;
-        user-select: none;
-        display: flex;
-        align-items: center;
-      }
-
-      > div {
-        flex: 1 1 auto;
-
-        p {
-          margin: 0;
-        }
-      }
-    }
-
-    /* Checked task item appearance */
-    li[data-checked='true'] {
-      > div {
-        color: var(--color-text-2);
-        text-decoration: line-through;
-      }
-    }
-
-    input[type='checkbox'] {
-      cursor: pointer;
-    }
-
-    /* Use primary color for checked checkbox */
-    input[type='checkbox']:checked {
-      accent-color: var(--color-primary);
-      background-color: var(--color-primary);
-      border-color: var(--color-primary);
-    }
-
-    ul[data-type='taskList'] {
-      margin: 0;
-    }
-  }
-
-  /* Math block */
-  .block-math-inner {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 1.2rem;
-  }
-
-  /* Bottom spacer to create viewport padding */
-  &::after {
-    content: '';
-    display: block;
-    height: 50px;
-    pointer-events: none;
-  }
-}
-
-// Code block wrapper and header styles
-.code-block-wrapper {
-  position: relative;
-
-  .code-block-header {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    position: absolute;
-    top: 4px;
-    right: 6px;
-    opacity: 0;
-    transition: opacity 0.2s;
-  }
-
-  &:hover .code-block-header {
-    opacity: 1;
-  }
-}
diff --git a/src/renderer/src/assets/styles/scrollbar.scss b/src/renderer/src/assets/styles/scrollbar.css
similarity index 87%
rename from src/renderer/src/assets/styles/scrollbar.scss
rename to src/renderer/src/assets/styles/scrollbar.css
index 555e68f334..461384381e 100644
--- a/src/renderer/src/assets/styles/scrollbar.scss
+++ b/src/renderer/src/assets/styles/scrollbar.css
@@ -31,17 +31,19 @@ body[theme-mode='light'] {
 ::-webkit-scrollbar-thumb {
   border-radius: var(--scrollbar-thumb-radius);
   background: var(--color-scrollbar-thumb);
-  &:hover {
-    background: var(--color-scrollbar-thumb-hover);
-  }
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--color-scrollbar-thumb-hover);
 }
 
 pre:not(.shiki)::-webkit-scrollbar-thumb {
   border-radius: 0;
   background: rgba(0, 0, 0, 0.08);
-  &:hover {
-    background: rgba(0, 0, 0, 0.15);
-  }
+}
+
+pre:not(.shiki)::-webkit-scrollbar-thumb:hover {
+  background: rgba(0, 0, 0, 0.15);
 }
 
 .shiki-dark {
@@ -71,7 +73,8 @@ pre:not(.shiki)::-webkit-scrollbar-thumb {
 .rc-virtual-list-scrollbar-thumb {
   border-radius: var(--scrollbar-thumb-radius) !important;
   background: var(--color-scrollbar-thumb) !important;
-  &:hover {
-    background: var(--color-scrollbar-thumb-hover) !important;
-  }
+}
+
+.rc-virtual-list-scrollbar-thumb:hover {
+  background: var(--color-scrollbar-thumb-hover) !important;
 }
diff --git a/src/renderer/src/assets/styles/selection-toolbar.css b/src/renderer/src/assets/styles/selection-toolbar.css
new file mode 100644
index 0000000000..6efcb57d1f
--- /dev/null
+++ b/src/renderer/src/assets/styles/selection-toolbar.css
@@ -0,0 +1,72 @@
+@import './font.css';
+
+html {
+  font-family: var(--font-family);
+}
+
+:root {
+  /* Basic Colors */
+  --color-error: #f44336;
+
+  --selection-toolbar-color-error: var(--color-error);
+
+  /* Toolbar */
+  --selection-toolbar-height: 36px; /* default: 36px   max: 42px */
+  --selection-toolbar-font-size: 14px; /* default: 14px */
+
+  --selection-toolbar-logo-display: flex; /* values: flex | none */
+  --selection-toolbar-logo-size: 22px; /* default: 22px */
+  --selection-toolbar-logo-border-width: 0.5px 0 0.5px 0.5px; /* default: none */
+  --selection-toolbar-logo-border-style: solid; /* default: none */
+  --selection-toolbar-logo-border-color: rgba(255, 255, 255, 0.2);
+  --selection-toolbar-logo-margin: 0; /* default: 0 */
+  --selection-toolbar-logo-padding: 0 6px 0 8px; /* default: 0 4px 0 8px */
+  --selection-toolbar-logo-background: transparent; /* default: transparent */
+
+  /* DO NOT MODIFY THESE VALUES, IF YOU DON'T KNOW WHAT YOU ARE DOING */
+  --selection-toolbar-padding: 0; /* default: 0 */
+  --selection-toolbar-margin: 2px 3px 5px 3px; /* default: 2px 3px 5px 3px */
+  /* ------------------------------------------------------------ */
+
+  --selection-toolbar-border-radius: 10px;
+  --selection-toolbar-border: none;
+  --selection-toolbar-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.3);
+  --selection-toolbar-background: rgba(20, 20, 20, 0.95);
+
+  /* Buttons */
+  --selection-toolbar-buttons-border-width: 0.5px 0.5px 0.5px 0;
+  --selection-toolbar-buttons-border-style: solid;
+  --selection-toolbar-buttons-border-color: rgba(255, 255, 255, 0.2);
+  --selection-toolbar-buttons-border-radius: 0 var(--selection-toolbar-border-radius)
+    var(--selection-toolbar-border-radius) 0;
+
+  --selection-toolbar-button-icon-size: 16px; /* default: 16px */
+  --selection-toolbar-button-direction: row; /* default: row | column */
+  --selection-toolbar-button-text-margin: 0 0 0 0; /* default: 0 0 0 0 */
+  --selection-toolbar-button-margin: 0; /* default: 0 */
+  --selection-toolbar-button-padding: 0 8px; /* default: 0 8px */
+  --selection-toolbar-button-last-padding: 0 12px 0 8px;
+  --selection-toolbar-button-border-radius: 0; /* default: 0 */
+  --selection-toolbar-button-border: none; /* default: none */
+  --selection-toolbar-button-box-shadow: none; /* default: none */
+
+  --selection-toolbar-button-text-color: rgba(255, 255, 245, 0.9);
+  --selection-toolbar-button-icon-color: var(--selection-toolbar-button-text-color);
+  --selection-toolbar-button-bgcolor: transparent; /* default: transparent */
+  --selection-toolbar-button-bgcolor-hover: #333333;
+}
+
+[theme-mode='light'] {
+  --selection-toolbar-border: none;
+  --selection-toolbar-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.1);
+  --selection-toolbar-background: rgba(245, 245, 245, 0.95);
+
+  /* Buttons */
+  --selection-toolbar-buttons-border-color: rgba(0, 0, 0, 0.08);
+
+  --selection-toolbar-logo-border-color: rgba(0, 0, 0, 0.08);
+
+  --selection-toolbar-button-text-color: rgba(0, 0, 0, 1);
+  --selection-toolbar-button-icon-color: var(--selection-toolbar-button-text-color);
+  --selection-toolbar-button-bgcolor-hover: rgba(0, 0, 0, 0.04);
+}
diff --git a/src/renderer/src/assets/styles/selection-toolbar.scss b/src/renderer/src/assets/styles/selection-toolbar.scss
deleted file mode 100644
index cf3c672c45..0000000000
--- a/src/renderer/src/assets/styles/selection-toolbar.scss
+++ /dev/null
@@ -1,72 +0,0 @@
-@use './font.scss';
-
-html {
-  font-family: var(--font-family);
-}
-
-:root {
-  // Basic Colors
-  --color-error: #f44336;
-
-  --selection-toolbar-color-error: var(--color-error);
-
-  // Toolbar
-  --selection-toolbar-height: 36px; // default: 36px   max: 42px
-  --selection-toolbar-font-size: 14px; // default: 14px
-
-  --selection-toolbar-logo-display: flex; // values: flex | none
-  --selection-toolbar-logo-size: 22px; // default: 22px
-  --selection-toolbar-logo-border-width: 0.5px 0 0.5px 0.5px; // default: none
-  --selection-toolbar-logo-border-style: solid; // default: none
-  --selection-toolbar-logo-border-color: rgba(255, 255, 255, 0.2);
-  --selection-toolbar-logo-margin: 0; // default: 0
-  --selection-toolbar-logo-padding: 0 6px 0 8px; // default: 0 4px 0 8px
-  --selection-toolbar-logo-background: transparent; // default: transparent
-
-  // DO NOT MODIFY THESE VALUES, IF YOU DON'T KNOW WHAT YOU ARE DOING
-  --selection-toolbar-padding: 0; // default: 0
-  --selection-toolbar-margin: 2px 3px 5px 3px; // default: 2px 3px 5px 3px
-  // ------------------------------------------------------------
-
-  --selection-toolbar-border-radius: 10px;
-  --selection-toolbar-border: none;
-  --selection-toolbar-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.3);
-  --selection-toolbar-background: rgba(20, 20, 20, 0.95);
-
-  // Buttons
-  --selection-toolbar-buttons-border-width: 0.5px 0.5px 0.5px 0;
-  --selection-toolbar-buttons-border-style: solid;
-  --selection-toolbar-buttons-border-color: rgba(255, 255, 255, 0.2);
-  --selection-toolbar-buttons-border-radius: 0 var(--selection-toolbar-border-radius)
-    var(--selection-toolbar-border-radius) 0;
-
-  --selection-toolbar-button-icon-size: 16px; // default: 16px
-  --selection-toolbar-button-direction: row; // default: row | column
-  --selection-toolbar-button-text-margin: 0 0 0 0; // default: 0 0 0 0
-  --selection-toolbar-button-margin: 0; // default: 0
-  --selection-toolbar-button-padding: 0 8px; // default: 0 8px
-  --selection-toolbar-button-last-padding: 0 12px 0 8px;
-  --selection-toolbar-button-border-radius: 0; // default: 0
-  --selection-toolbar-button-border: none; // default: none
-  --selection-toolbar-button-box-shadow: none; // default: none
-
-  --selection-toolbar-button-text-color: rgba(255, 255, 245, 0.9);
-  --selection-toolbar-button-icon-color: var(--selection-toolbar-button-text-color);
-  --selection-toolbar-button-bgcolor: transparent; // default: transparent
-  --selection-toolbar-button-bgcolor-hover: #333333;
-}
-
-[theme-mode='light'] {
-  --selection-toolbar-border: none;
-  --selection-toolbar-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.1);
-  --selection-toolbar-background: rgba(245, 245, 245, 0.95);
-
-  // Buttons
-  --selection-toolbar-buttons-border-color: rgba(0, 0, 0, 0.08);
-
-  --selection-toolbar-logo-border-color: rgba(0, 0, 0, 0.08);
-
-  --selection-toolbar-button-text-color: rgba(0, 0, 0, 1);
-  --selection-toolbar-button-icon-color: var(--selection-toolbar-button-text-color);
-  --selection-toolbar-button-bgcolor-hover: rgba(0, 0, 0, 0.04);
-}
diff --git a/src/renderer/src/assets/styles/tailwind.css b/src/renderer/src/assets/styles/tailwind.css
new file mode 100644
index 0000000000..4d9e0d4f00
--- /dev/null
+++ b/src/renderer/src/assets/styles/tailwind.css
@@ -0,0 +1,165 @@
+@import 'tailwindcss' source('../../../../renderer');
+@import 'tw-animate-css';
+
+/* heroui */
+@plugin '../../hero.ts';
+@source '../../../../../node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}';
+
+@custom-variant dark (&:is(.dark *));
+
+/* 如需自定义:
+1. 清晰地组织自定义 CSS 到相应的层中。
+2. 基础样式（如全局重置、链接样式）放入 base 层；
+3. 可复用的组件样式（如果仍使用 @apply 或原生 CSS 嵌套创建）放入 components 层；
+4. 新的自定义工具类放入 utilities 层。
+*/
+/*To customize:
+1. Clearly organize custom CSS into the corresponding layers.
+2. Place basic styles (such as global reset and link styles) in the base layer;
+3. Put reusable component styles (if still created using @ apply or native CSS nesting) into the components layer;
+4. Put the new custom utility class into the utilities layer.
+*/
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.21 0.006 285.885);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.705 0.015 286.067);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.21 0.006 285.885);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.705 0.015 286.067);
+}
+
+.dark {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.92 0.004 286.32);
+  --primary-foreground: oklch(0.21 0.006 285.885);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.552 0.016 285.938);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.552 0.016 285.938);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --animate-marquee: marquee var(--duration) infinite linear;
+  --animate-marquee-vertical: marquee-vertical var(--duration) linear infinite;
+  @keyframes marquee {
+    from {
+      transform: translateX(0);
+    }
+    to {
+      transform: translateX(calc(-100% - var(--gap)));
+    }
+  }
+  @keyframes marquee-vertical {
+    from {
+      transform: translateY(0);
+    }
+    to {
+      transform: translateY(calc(-100% - var(--gap)));
+    }
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+
+  /* To disable drag title bar on toast. tailwind css doesn't provide such class name. */
+  .hero-toast {
+    -webkit-app-region: no-drag;
+  }
+}
+
+:root {
+  background-color: unset;
+}
diff --git a/src/renderer/src/components/ActionTools/__tests__/useImageTools.test.tsx b/src/renderer/src/components/ActionTools/__tests__/useImageTools.test.tsx
index 6083a508df..b59bf8aaea 100644
--- a/src/renderer/src/components/ActionTools/__tests__/useImageTools.test.tsx
+++ b/src/renderer/src/components/ActionTools/__tests__/useImageTools.test.tsx
@@ -43,8 +43,8 @@ vi.mock('@renderer/context/ThemeProvider', () => ({
 // Mock navigator.clipboard
 const mockWrite = vi.fn()
 
-// Mock window.message
-const mockMessage = {
+// Mock window.toast
+const mockedToast = {
   success: vi.fn(),
   error: vi.fn()
 }
@@ -68,8 +68,8 @@ describe('useImageTools', () => {
       writable: true
     })
 
-    Object.defineProperty(global.window, 'message', {
-      value: mockMessage,
+    Object.defineProperty(global.window, 'toast', {
+      value: mockedToast,
       writable: true
     })
 
@@ -284,7 +284,7 @@ describe('useImageTools', () => {
 
       expect(mocks.svgToPngBlob).toHaveBeenCalledWith(mockSvg)
       expect(mockWrite).toHaveBeenCalled()
-      expect(mockMessage.success).toHaveBeenCalledWith('message.copy.success')
+      expect(mockedToast.success).toHaveBeenCalledWith('message.copy.success')
     })
 
     it('should download image as PNG and SVG', async () => {
@@ -364,13 +364,13 @@ describe('useImageTools', () => {
       await act(async () => {
         await result.current.copy()
       })
-      expect(mockMessage.error).toHaveBeenCalledWith('message.copy.failed')
+      expect(mockedToast.error).toHaveBeenCalledWith('message.copy.failed')
 
       // 下载失败
       await act(async () => {
         await result.current.download('png')
       })
-      expect(mockMessage.error).toHaveBeenCalledWith('message.download.failed')
+      expect(mockedToast.error).toHaveBeenCalledWith('message.download.failed')
     })
   })
 
@@ -420,7 +420,7 @@ describe('useImageTools', () => {
         await result.current.dialog()
       })
 
-      expect(mockMessage.error).toHaveBeenCalledWith('message.dialog.failed')
+      expect(mockedToast.error).toHaveBeenCalledWith('message.dialog.failed')
     })
 
     it('should do nothing when no element is found', async () => {
diff --git a/src/renderer/src/components/ActionTools/hooks/useImageTools.tsx b/src/renderer/src/components/ActionTools/hooks/useImageTools.tsx
index e02d8846a9..3481b92797 100644
--- a/src/renderer/src/components/ActionTools/hooks/useImageTools.tsx
+++ b/src/renderer/src/components/ActionTools/hooks/useImageTools.tsx
@@ -210,10 +210,10 @@ export const useImageTools = (
 
       const blob = await svgToPngBlob(imgElement)
       await navigator.clipboard.write([new ClipboardItem({ 'image/png': blob })])
-      window.message.success(t('message.copy.success'))
+      window.toast.success(t('message.copy.success'))
     } catch (error) {
       logger.error('Copy failed:', error as Error)
-      window.message.error(t('message.copy.failed'))
+      window.toast.error(t('message.copy.failed'))
     }
   }, [getCleanImgElement, t])
 
@@ -243,7 +243,7 @@ export const useImageTools = (
         }
       } catch (error) {
         logger.error('Download failed:', error as Error)
-        window.message.error(t('message.download.failed'))
+        window.toast.error(t('message.download.failed'))
       }
     },
     [getCleanImgElement, prefix, t]
@@ -262,7 +262,7 @@ export const useImageTools = (
       await ImagePreviewService.show(imgElement, { format: 'svg' })
     } catch (error) {
       logger.error('Dialog preview failed:', error as Error)
-      window.message.error(t('message.dialog.failed'))
+      window.toast.error(t('message.dialog.failed'))
     }
   }, [getCleanImgElement, t])
 
diff --git a/src/renderer/src/components/CodeBlockView/HtmlArtifactsCard.tsx b/src/renderer/src/components/CodeBlockView/HtmlArtifactsCard.tsx
index f9c364eb64..a2e61f6ba0 100644
--- a/src/renderer/src/components/CodeBlockView/HtmlArtifactsCard.tsx
+++ b/src/renderer/src/components/CodeBlockView/HtmlArtifactsCard.tsx
@@ -50,7 +50,7 @@ const HtmlArtifactsCard: FC<Props> = ({ html, onSave, isStreaming = false }) =>
   const handleDownload = async () => {
     const fileName = `${getFileNameFromHtmlTitle(title) || 'html-artifact'}.html`
     await window.api.file.save(fileName, htmlContent)
-    window.message.success({ content: t('message.download.success'), key: 'download' })
+    window.toast.success(t('message.download.success'))
   }
 
   return (
diff --git a/src/renderer/src/components/CodeBlockView/HtmlArtifactsPopup.tsx b/src/renderer/src/components/CodeBlockView/HtmlArtifactsPopup.tsx
index d072e88c4b..9453866f20 100644
--- a/src/renderer/src/components/CodeBlockView/HtmlArtifactsPopup.tsx
+++ b/src/renderer/src/components/CodeBlockView/HtmlArtifactsPopup.tsx
@@ -1,6 +1,6 @@
 import CodeEditor, { CodeEditorHandles } from '@renderer/components/CodeEditor'
 import { CopyIcon, FilePngIcon } from '@renderer/components/Icons'
-import { isLinux, isMac, isWin } from '@renderer/config/constant'
+import { isMac } from '@renderer/config/constant'
 import { useTemporaryValue } from '@renderer/hooks/useTemporaryValue'
 import { classNames } from '@renderer/utils'
 import { extractHtmlTitle, getFileNameFromHtmlTitle } from '@renderer/utils/formats'
@@ -62,7 +62,7 @@ const HtmlArtifactsPopup: React.FC<HtmlArtifactsPopupProps> = ({ open, title, ht
         await captureScrollableIframeAsBlob(previewFrameRef, async (blob) => {
           if (blob) {
             await navigator.clipboard.write([new ClipboardItem({ 'image/png': blob })])
-            window.message.success(t('message.copy.success'))
+            window.toast.success(t('message.copy.success'))
           }
         })
       }
@@ -102,7 +102,7 @@ const HtmlArtifactsPopup: React.FC<HtmlArtifactsPopupProps> = ({ open, title, ht
         </ViewControls>
       </HeaderCenter>
 
-      <HeaderRight $isFullscreen={isFullscreen} onDoubleClick={(e) => e.stopPropagation()}>
+      <HeaderRight onDoubleClick={(e) => e.stopPropagation()}>
         <Dropdown
           trigger={['click']}
           menu={{
@@ -317,13 +317,13 @@ const HeaderCenter = styled.div`
   transform: translate(-50%, -50%);
 `
 
-const HeaderRight = styled.div<{ $isFullscreen?: boolean }>`
+const HeaderRight = styled.div`
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 8px;
-  padding-right: ${({ $isFullscreen }) => ($isFullscreen ? (isWin ? '136px' : isLinux ? '120px' : '12px') : '12px')};
+  padding-right: 12px;
 `
 
 const TitleText = styled(Typography.Text)`
diff --git a/src/renderer/src/components/CodeBlockView/view.tsx b/src/renderer/src/components/CodeBlockView/view.tsx
index bd4dd753a6..6a2afd5582 100644
--- a/src/renderer/src/components/CodeBlockView/view.tsx
+++ b/src/renderer/src/components/CodeBlockView/view.tsx
@@ -19,7 +19,7 @@ import { BasicPreviewHandles } from '@renderer/components/Preview'
 import { MAX_COLLAPSED_CODE_HEIGHT } from '@renderer/config/constant'
 import { pyodideService } from '@renderer/services/PyodideService'
 import { getExtensionByLanguage } from '@renderer/utils/code-language'
-import { extractHtmlTitle } from '@renderer/utils/formats'
+import { extractHtmlTitle, getFileNameFromHtmlTitle } from '@renderer/utils/formats'
 import dayjs from 'dayjs'
 import React, { memo, startTransition, useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -133,15 +133,15 @@ export const CodeBlockView: React.FC<Props> = memo(({ children, language, onSave
 
   const handleCopySource = useCallback(() => {
     navigator.clipboard.writeText(children)
-    window.message.success({ content: t('code_block.copy.success'), key: 'copy-code' })
+    window.toast.success(t('code_block.copy.success'))
   }, [children, t])
 
   const handleDownloadSource = useCallback(() => {
     let fileName = ''
 
     // 尝试提取 HTML 标题
-    if (language === 'html' && children.includes('</html>')) {
-      fileName = extractHtmlTitle(children) || ''
+    if (language === 'html') {
+      fileName = getFileNameFromHtmlTitle(extractHtmlTitle(children)) || ''
     }
 
     // 默认使用日期格式命名
diff --git a/src/renderer/src/components/ContextMenu/index.tsx b/src/renderer/src/components/ContextMenu/index.tsx
index 610afa695f..3af2fa2e3f 100644
--- a/src/renderer/src/components/ContextMenu/index.tsx
+++ b/src/renderer/src/components/ContextMenu/index.tsx
@@ -22,10 +22,10 @@ const ContextMenu: React.FC<ContextMenuProps> = ({ children }) => {
             navigator.clipboard
               .writeText(selectedText)
               .then(() => {
-                window.message.success({ content: t('message.copied'), key: 'copy-message' })
+                window.toast.success(t('message.copied'))
               })
               .catch(() => {
-                window.message.error({ content: t('message.copy.failed'), key: 'copy-message-failed' })
+                window.toast.error(t('message.copy.failed'))
               })
           }
         }
diff --git a/src/renderer/src/components/CopyButton.tsx b/src/renderer/src/components/CopyButton.tsx
index bdc34a0675..cfa80a02c5 100644
--- a/src/renderer/src/components/CopyButton.tsx
+++ b/src/renderer/src/components/CopyButton.tsx
@@ -32,10 +32,10 @@ const CopyButton: FC<CopyButtonProps> = ({
     navigator.clipboard
       .writeText(textToCopy)
       .then(() => {
-        window.message?.success(t('message.copy.success'))
+        window.toast?.success(t('message.copy.success'))
       })
       .catch(() => {
-        window.message?.error(t('message.copy.failed'))
+        window.toast?.error(t('message.copy.failed'))
       })
   }
 
diff --git a/src/renderer/src/components/ErrorBoundary.tsx b/src/renderer/src/components/ErrorBoundary.tsx
index 5bfeaeb620..1ee3967e9c 100644
--- a/src/renderer/src/components/ErrorBoundary.tsx
+++ b/src/renderer/src/components/ErrorBoundary.tsx
@@ -1,10 +1,10 @@
+import { Button } from '@heroui/button'
 import { formatErrorMessage } from '@renderer/utils/error'
-import { Alert, Button, Space } from 'antd'
+import { Alert, Space } from 'antd'
 import { ComponentType, ReactNode } from 'react'
 import { ErrorBoundary, FallbackProps } from 'react-error-boundary'
 import { useTranslation } from 'react-i18next'
 import styled from 'styled-components'
-
 const DefaultFallback: ComponentType<FallbackProps> = (props: FallbackProps): ReactNode => {
   const { t } = useTranslation()
   const { error } = props
@@ -23,10 +23,10 @@ const DefaultFallback: ComponentType<FallbackProps> = (props: FallbackProps): Re
         type="error"
         action={
           <Space>
-            <Button size="small" danger onClick={debug}>
+            <Button size="sm" onPress={debug}>
               {t('error.boundary.default.devtools')}
             </Button>
-            <Button size="small" danger onClick={reload}>
+            <Button size="sm" onPress={reload}>
               {t('error.boundary.default.reload')}
             </Button>
           </Space>
diff --git a/src/renderer/src/components/HorizontalScrollContainer/index.tsx b/src/renderer/src/components/HorizontalScrollContainer/index.tsx
new file mode 100644
index 0000000000..ed5cdc52de
--- /dev/null
+++ b/src/renderer/src/components/HorizontalScrollContainer/index.tsx
@@ -0,0 +1,179 @@
+import Scrollbar from '@renderer/components/Scrollbar'
+import { ChevronRight } from 'lucide-react'
+import { useEffect, useRef, useState } from 'react'
+import styled from 'styled-components'
+
+/**
+ * 水平滚动容器
+ * @param children 子元素
+ * @param dependencies 依赖项
+ * @param scrollDistance 滚动距离
+ * @param className 类名
+ * @param gap 间距
+ * @param expandable 是否可展开
+ */
+export interface HorizontalScrollContainerProps {
+  children: React.ReactNode
+  dependencies?: readonly unknown[]
+  scrollDistance?: number
+  className?: string
+  gap?: string
+  expandable?: boolean
+}
+
+const HorizontalScrollContainer: React.FC<HorizontalScrollContainerProps> = ({
+  children,
+  dependencies = [],
+  scrollDistance = 200,
+  className,
+  gap = '8px',
+  expandable = false
+}) => {
+  const scrollRef = useRef<HTMLDivElement>(null)
+  const [canScroll, setCanScroll] = useState(false)
+  const [isExpanded, setIsExpanded] = useState(false)
+  const [isScrolledToEnd, setIsScrolledToEnd] = useState(false)
+
+  const handleScrollRight = (event: React.MouseEvent) => {
+    scrollRef.current?.scrollBy({ left: scrollDistance, behavior: 'smooth' })
+    event.stopPropagation()
+  }
+
+  const handleContainerClick = (e: React.MouseEvent) => {
+    if (expandable) {
+      // 确保不是点击了其他交互元素（如 tag 的关闭按钮）
+      const target = e.target as HTMLElement
+      if (!target.closest('[data-no-expand]')) {
+        setIsExpanded(!isExpanded)
+      }
+    }
+  }
+
+  const checkScrollability = () => {
+    const scrollElement = scrollRef.current
+    if (scrollElement) {
+      const parentElement = scrollElement.parentElement
+      const availableWidth = parentElement ? parentElement.clientWidth : scrollElement.clientWidth
+
+      // 确保容器不会超出可用宽度
+      const canScrollValue = scrollElement.scrollWidth > Math.min(availableWidth, scrollElement.clientWidth)
+      setCanScroll(canScrollValue)
+
+      // 检查是否滚动到最右侧
+      if (canScrollValue) {
+        const isAtEnd = Math.abs(scrollElement.scrollLeft + scrollElement.clientWidth - scrollElement.scrollWidth) <= 1
+        setIsScrolledToEnd(isAtEnd)
+      } else {
+        setIsScrolledToEnd(false)
+      }
+    }
+  }
+
+  useEffect(() => {
+    const scrollElement = scrollRef.current
+    if (!scrollElement) return
+
+    checkScrollability()
+
+    const handleScroll = () => {
+      checkScrollability()
+    }
+
+    const resizeObserver = new ResizeObserver(checkScrollability)
+    resizeObserver.observe(scrollElement)
+
+    scrollElement.addEventListener('scroll', handleScroll)
+    window.addEventListener('resize', checkScrollability)
+
+    return () => {
+      resizeObserver.disconnect()
+      scrollElement.removeEventListener('scroll', handleScroll)
+      window.removeEventListener('resize', checkScrollability)
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, dependencies)
+
+  return (
+    <Container
+      className={className}
+      $expandable={expandable}
+      $disableHoverButton={isScrolledToEnd}
+      onClick={expandable ? handleContainerClick : undefined}>
+      <ScrollContent ref={scrollRef} $gap={gap} $isExpanded={isExpanded} $expandable={expandable}>
+        {children}
+      </ScrollContent>
+      {canScroll && !isExpanded && !isScrolledToEnd && (
+        <ScrollButton onClick={handleScrollRight} className="scroll-right-button">
+          <ChevronRight size={14} />
+        </ScrollButton>
+      )}
+    </Container>
+  )
+}
+
+const Container = styled.div<{ $expandable?: boolean; $disableHoverButton?: boolean }>`
+  display: flex;
+  align-items: center;
+  flex: 1 1 auto;
+  min-width: 0;
+  max-width: 100%;
+  position: relative;
+  cursor: ${(props) => (props.$expandable ? 'pointer' : 'default')};
+
+  ${(props) =>
+    !props.$disableHoverButton &&
+    `
+    &:hover {
+      .scroll-right-button {
+        opacity: 1;
+      }
+    }
+  `}
+`
+
+const ScrollContent = styled(Scrollbar)<{
+  $gap: string
+  $isExpanded?: boolean
+  $expandable?: boolean
+}>`
+  display: flex;
+  overflow-x: ${(props) => (props.$expandable && props.$isExpanded ? 'hidden' : 'auto')};
+  overflow-y: hidden;
+  white-space: ${(props) => (props.$expandable && props.$isExpanded ? 'normal' : 'nowrap')};
+  gap: ${(props) => props.$gap};
+  flex-wrap: ${(props) => (props.$expandable && props.$isExpanded ? 'wrap' : 'nowrap')};
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+`
+
+const ScrollButton = styled.div`
+  position: absolute;
+  right: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 1;
+  opacity: 0;
+  transition: opacity 0.2s ease-in-out;
+  cursor: pointer;
+  background: var(--color-background);
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow:
+    0 6px 16px 0 rgba(0, 0, 0, 0.08),
+    0 3px 6px -4px rgba(0, 0, 0, 0.12),
+    0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  color: var(--color-text-2);
+
+  &:hover {
+    color: var(--color-text);
+    background: var(--color-list-item);
+  }
+`
+
+export default HorizontalScrollContainer
diff --git a/src/renderer/src/components/Icons/SVGIcon.tsx b/src/renderer/src/components/Icons/SVGIcon.tsx
index a83685e4db..b17f7397c0 100644
--- a/src/renderer/src/components/Icons/SVGIcon.tsx
+++ b/src/renderer/src/components/Icons/SVGIcon.tsx
@@ -1,5 +1,5 @@
 import { lightbulbVariants } from '@renderer/utils/motionVariants'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { SVGProps } from 'react'
 
 export const StreamlineGoodHealthAndWellBeing = (
diff --git a/src/renderer/src/components/ImageViewer.tsx b/src/renderer/src/components/ImageViewer.tsx
index 1f1cbccb43..179babeaf6 100644
--- a/src/renderer/src/components/ImageViewer.tsx
+++ b/src/renderer/src/components/ImageViewer.tsx
@@ -62,10 +62,10 @@ const ImageViewer: React.FC<ImageViewerProps> = ({ src, style, ...props }) => {
         ])
       }
 
-      window.message.success(t('message.copy.success'))
+      window.toast.success(t('message.copy.success'))
     } catch (error) {
       logger.error('Failed to copy image:', error as Error)
-      window.message.error(t('message.copy.failed'))
+      window.toast.error(t('message.copy.failed'))
     }
   }
 
@@ -77,7 +77,7 @@ const ImageViewer: React.FC<ImageViewerProps> = ({ src, style, ...props }) => {
         icon: <CopyIcon size={size} />,
         onClick: () => {
           navigator.clipboard.writeText(src)
-          window.message.success(t('message.copy.success'))
+          window.toast.success(t('message.copy.success'))
         }
       },
       {
diff --git a/src/renderer/src/components/InputEmbeddingDimension.tsx b/src/renderer/src/components/InputEmbeddingDimension.tsx
index 7d7f452d01..056ebaea50 100644
--- a/src/renderer/src/components/InputEmbeddingDimension.tsx
+++ b/src/renderer/src/components/InputEmbeddingDimension.tsx
@@ -35,13 +35,13 @@ const InputEmbeddingDimension = ({
   const handleFetchDimension = useCallback(async () => {
     if (!model) {
       logger.warn('Failed to get embedding dimensions: no model')
-      window.message.error(t('knowledge.embedding_model_required'))
+      window.toast.error(t('knowledge.embedding_model_required'))
       return
     }
 
     if (!provider) {
       logger.warn('Failed to get embedding dimensions: no provider')
-      window.message.error(t('knowledge.provider_not_found'))
+      window.toast.error(t('knowledge.provider_not_found'))
       return
     }
 
@@ -56,7 +56,7 @@ const InputEmbeddingDimension = ({
       onChange?.(dimension)
     } catch (error) {
       logger.error(t('message.error.get_embedding_dimensions'), error as Error)
-      window.message.error(t('message.error.get_embedding_dimensions') + '\n' + getErrorMessage(error))
+      window.toast.error(t('message.error.get_embedding_dimensions') + '\n' + getErrorMessage(error))
     } finally {
       setLoading(false)
     }
diff --git a/src/renderer/src/components/LocalBackupManager.tsx b/src/renderer/src/components/LocalBackupManager.tsx
index c7b86c94bc..fdc64222db 100644
--- a/src/renderer/src/components/LocalBackupManager.tsx
+++ b/src/renderer/src/components/LocalBackupManager.tsx
@@ -45,7 +45,7 @@ export function LocalBackupManager({ visible, onClose, localBackupDir, restoreMe
         total: files.length
       }))
     } catch (error: any) {
-      window.message.error(`${t('settings.data.local.backup.manager.fetch.error')}: ${error.message}`)
+      window.toast.error(`${t('settings.data.local.backup.manager.fetch.error')}: ${error.message}`)
     } finally {
       setLoading(false)
     }
@@ -90,13 +90,13 @@ export function LocalBackupManager({ visible, onClose, localBackupDir, restoreMe
           for (const key of selectedRowKeys) {
             await window.api.backup.deleteLocalBackupFile(key.toString(), localBackupDir)
           }
-          window.message.success(
+          window.toast.success(
             t('settings.data.local.backup.manager.delete.success.multiple', { count: selectedRowKeys.length })
           )
           setSelectedRowKeys([])
           await fetchBackupFiles()
         } catch (error: any) {
-          window.message.error(`${t('settings.data.local.backup.manager.delete.error')}: ${error.message}`)
+          window.toast.error(`${t('settings.data.local.backup.manager.delete.error')}: ${error.message}`)
         } finally {
           setDeleting(false)
         }
@@ -123,7 +123,7 @@ export function LocalBackupManager({ visible, onClose, localBackupDir, restoreMe
           message.success(t('settings.data.local.backup.manager.delete.success.single'))
           await fetchBackupFiles()
         } catch (error: any) {
-          window.message.error(`${t('settings.data.local.backup.manager.delete.error')}: ${error.message}`)
+          window.toast.error(`${t('settings.data.local.backup.manager.delete.error')}: ${error.message}`)
         } finally {
           setDeleting(false)
         }
@@ -150,7 +150,7 @@ export function LocalBackupManager({ visible, onClose, localBackupDir, restoreMe
           message.success(t('settings.data.local.backup.manager.restore.success'))
           onClose() // Close the modal
         } catch (error: any) {
-          window.message.error(`${t('settings.data.local.backup.manager.restore.error')}: ${error.message}`)
+          window.toast.error(`${t('settings.data.local.backup.manager.restore.error')}: ${error.message}`)
         } finally {
           setRestoring(false)
         }
diff --git a/src/renderer/src/components/MinApp/MinApp.tsx b/src/renderer/src/components/MinApp/MinApp.tsx
index 1fce7299b2..3a7255d199 100644
--- a/src/renderer/src/components/MinApp/MinApp.tsx
+++ b/src/renderer/src/components/MinApp/MinApp.tsx
@@ -91,14 +91,14 @@ const MinApp: FC<Props> = ({ app, onClick, size = 60, isLast }) => {
                 const customApps = JSON.parse(content)
                 const updatedApps = customApps.filter((customApp: MinAppType) => customApp.id !== app.id)
                 await window.api.file.writeWithId('custom-minapps.json', JSON.stringify(updatedApps, null, 2))
-                window.message.success(t('settings.miniapps.custom.remove_success'))
+                window.toast.success(t('settings.miniapps.custom.remove_success'))
                 const reloadedApps = [...ORIGIN_DEFAULT_MIN_APPS, ...(await loadCustomMiniApp())]
                 updateDefaultMinApps(reloadedApps)
                 updateMinapps(minapps.filter((item) => item.id !== app.id))
                 updatePinnedMinapps(pinned.filter((item) => item.id !== app.id))
                 updateDisabledMinapps(disabled.filter((item) => item.id !== app.id))
               } catch (error) {
-                window.message.error(t('settings.miniapps.custom.remove_error'))
+                window.toast.error(t('settings.miniapps.custom.remove_error'))
                 logger.error('Failed to remove custom mini app:', error as Error)
               }
             }
@@ -135,6 +135,7 @@ const Container = styled.div`
   align-items: center;
   cursor: pointer;
   overflow: hidden;
+  min-height: 85px;
 `
 
 const IconContainer = styled.div`
diff --git a/src/renderer/src/components/MinApp/MinAppTabsPool.tsx b/src/renderer/src/components/MinApp/MinAppTabsPool.tsx
new file mode 100644
index 0000000000..af2c255f5f
--- /dev/null
+++ b/src/renderer/src/components/MinApp/MinAppTabsPool.tsx
@@ -0,0 +1,143 @@
+import { loggerService } from '@logger'
+import WebviewContainer from '@renderer/components/MinApp/WebviewContainer'
+import { useRuntime } from '@renderer/hooks/useRuntime'
+import { useNavbarPosition } from '@renderer/hooks/useSettings'
+import { getWebviewLoaded, setWebviewLoaded } from '@renderer/utils/webviewStateManager'
+import { WebviewTag } from 'electron'
+import React, { useEffect, useRef } from 'react'
+import { useLocation } from 'react-router-dom'
+import styled from 'styled-components'
+
+/**
+ * Mini-app WebView pool for Tab 模式 (顶部导航).
+ *
+ * 与 Popup 模式相似，但独立存在：
+ *  - 仅在 isTopNavbar=true 且访问 /apps 路由时显示
+ *  - 保证已打开的 keep-alive 小程序对应的 <webview> 不被卸载，只通过 display 切换
+ *  - LRU 淘汰通过 openedKeepAliveMinapps 变化自动移除 DOM
+ *
+ * 后续可演进：与 Popup 共享同一实例（方案 B）。
+ */
+const logger = loggerService.withContext('MinAppTabsPool')
+
+const MinAppTabsPool: React.FC = () => {
+  const { openedKeepAliveMinapps, currentMinappId } = useRuntime()
+  const { isTopNavbar } = useNavbarPosition()
+  const location = useLocation()
+
+  // webview refs（池内部自用，用于控制显示/隐藏）
+  const webviewRefs = useRef<Map<string, WebviewTag | null>>(new Map())
+
+  // 使用集中工具进行更稳健的路由判断
+  const isAppDetail = (() => {
+    const pathname = location.pathname
+    if (pathname === '/apps') return false
+    if (!pathname.startsWith('/apps/')) return false
+    const parts = pathname.split('/').filter(Boolean) // ['apps', '<id>', ...]
+    return parts.length >= 2
+  })()
+  const shouldShow = isTopNavbar && isAppDetail
+
+  // 组合当前需要渲染的列表（保持顺序即可）
+  const apps = openedKeepAliveMinapps
+
+  /** 设置 ref 回调 */
+  const handleSetRef = (appid: string, el: WebviewTag | null) => {
+    if (el) {
+      webviewRefs.current.set(appid, el)
+    } else {
+      webviewRefs.current.delete(appid)
+    }
+  }
+
+  /** WebView 加载完成回调 */
+  const handleLoaded = (appid: string) => {
+    setWebviewLoaded(appid, true)
+    logger.debug(`TabPool webview loaded: ${appid}`)
+  }
+
+  /** 记录导航（暂未外曝 URL 状态，后续可接入全局 URL Map） */
+  const handleNavigate = (appid: string, url: string) => {
+    logger.debug(`TabPool webview navigate: ${appid} -> ${url}`)
+  }
+
+  /** 切换显示状态：仅当前 active 的显示，其余隐藏 */
+  useEffect(() => {
+    webviewRefs.current.forEach((ref, id) => {
+      if (!ref) return
+      const active = id === currentMinappId && shouldShow
+      ref.style.display = active ? 'inline-flex' : 'none'
+    })
+  }, [currentMinappId, shouldShow, apps.length])
+
+  /** 当某个已在 Map 里但不再属于 openedKeepAlive 时，移除引用（React 自身会卸载元素） */
+  useEffect(() => {
+    const existing = Array.from(webviewRefs.current.keys())
+    existing.forEach((id) => {
+      if (!apps.find((a) => a.id === id)) {
+        webviewRefs.current.delete(id)
+        // loaded 状态也清理（LRU 已在其它地方清除，双保险）
+        if (getWebviewLoaded(id)) {
+          setWebviewLoaded(id, false)
+        }
+      }
+    })
+  }, [apps])
+
+  // 不显示时直接 hidden，避免闪烁；仍然保留 DOM 做保活
+  const toolbarHeight = 35 // 与 MinimalToolbar 高度保持一致
+
+  return (
+    <PoolContainer
+      style={
+        shouldShow
+          ? {
+              visibility: 'visible',
+              top: toolbarHeight,
+              height: `calc(100% - ${toolbarHeight}px)`
+            }
+          : { visibility: 'hidden' }
+      }
+      data-minapp-tabs-pool
+      aria-hidden={!shouldShow}>
+      {apps.map((app) => (
+        <WebviewWrapper key={app.id} $active={app.id === currentMinappId}>
+          <WebviewContainer
+            appid={app.id}
+            url={app.url}
+            onSetRefCallback={handleSetRef}
+            onLoadedCallback={handleLoaded}
+            onNavigateCallback={handleNavigate}
+          />
+        </WebviewWrapper>
+      ))}
+    </PoolContainer>
+  )
+}
+
+const PoolContainer = styled.div`
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  /* top 在运行时通过 style 注入 (toolbarHeight) */
+  width: 100%;
+  overflow: hidden;
+  border-radius: 0 0 8px 8px;
+  z-index: 1;
+  pointer-events: none;
+  & webview {
+    pointer-events: auto;
+  }
+`
+
+const WebviewWrapper = styled.div<{ $active: boolean }>`
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  /* display 控制在内部 webview 元素上做，这里保持结构稳定 */
+  pointer-events: ${(props) => (props.$active ? 'auto' : 'none')};
+`
+
+export default MinAppTabsPool
diff --git a/src/renderer/src/components/MinApp/MinappPopupContainer.tsx b/src/renderer/src/components/MinApp/MinappPopupContainer.tsx
index 13a1a933b7..a915e820c7 100644
--- a/src/renderer/src/components/MinApp/MinappPopupContainer.tsx
+++ b/src/renderer/src/components/MinApp/MinappPopupContainer.tsx
@@ -281,13 +281,6 @@ const MinappPopupContainer: React.FC = () => {
 
   /** the callback function to set the webviews ref */
   const handleWebviewSetRef = (appid: string, element: WebviewTag | null) => {
-    webviewRefs.current.set(appid, element)
-
-    if (!webviewRefs.current.has(appid)) {
-      webviewRefs.current.set(appid, null)
-      return
-    }
-
     if (element) {
       webviewRefs.current.set(appid, element)
     } else {
@@ -399,10 +392,10 @@ const MinappPopupContainer: React.FC = () => {
       navigator.clipboard
         .writeText(url)
         .then(() => {
-          window.message.success('URL ' + t('message.copy.success'))
+          window.toast.success('URL ' + t('message.copy.success'))
         })
         .catch(() => {
-          window.message.error('URL ' + t('message.copy.failed'))
+          window.toast.error('URL ' + t('message.copy.failed'))
         })
     }
 
@@ -548,6 +541,9 @@ const MinappPopupContainer: React.FC = () => {
         },
         content: {
           backgroundColor: window.root.style.background
+        },
+        body: {
+          borderTopLeftRadius: '10px'
         }
       }}>
       {/* 在所有小程序中显示GoogleLoginTip */}
diff --git a/src/renderer/src/components/MinApp/WebviewContainer.tsx b/src/renderer/src/components/MinApp/WebviewContainer.tsx
index 30dc9ef7f4..21c53efe78 100644
--- a/src/renderer/src/components/MinApp/WebviewContainer.tsx
+++ b/src/renderer/src/components/MinApp/WebviewContainer.tsx
@@ -115,6 +115,7 @@ const WebviewContainer = memo(
       <webview
         key={appid}
         ref={setRef(appid)}
+        data-minapp-id={appid}
         style={WebviewStyle}
         allowpopups={'true' as any}
         partition="persist:webview"
diff --git a/src/renderer/src/components/OAuth/OAuthButton.tsx b/src/renderer/src/components/OAuth/OAuthButton.tsx
index 16faefe42c..fec3aae619 100644
--- a/src/renderer/src/components/OAuth/OAuthButton.tsx
+++ b/src/renderer/src/components/OAuth/OAuthButton.tsx
@@ -23,7 +23,7 @@ const OAuthButton: FC<Props> = ({ provider, onSuccess, ...buttonProps }) => {
     const handleSuccess = (key: string) => {
       if (key.trim()) {
         onSuccess?.(key)
-        window.message.success({ content: t('auth.get_key_success'), key: 'auth-success' })
+        window.toast.success(t('auth.get_key_success'))
       }
     }
 
diff --git a/src/renderer/src/components/OGCard.tsx b/src/renderer/src/components/OGCard.tsx
index 8a0036e8e2..93446b6749 100644
--- a/src/renderer/src/components/OGCard.tsx
+++ b/src/renderer/src/components/OGCard.tsx
@@ -1,8 +1,7 @@
-import CherryLogo from '@renderer/assets/images/banner.png'
 import Favicon from '@renderer/components/Icons/FallbackFavicon'
 import { useMetaDataParser } from '@renderer/hooks/useMetaDataParser'
 import { Skeleton, Typography } from 'antd'
-import { useEffect, useMemo } from 'react'
+import { useCallback, useEffect, useMemo } from 'react'
 import styled from 'styled-components'
 const { Title, Paragraph } = Typography
 
@@ -11,6 +10,8 @@ type Props = {
   show: boolean
 }
 
+const IMAGE_HEIGHT = '9rem' // equals h-36
+
 export const OGCard = ({ link, show }: Props) => {
   const openGraph = ['og:title', 'og:description', 'og:image', 'og:imageAlt'] as const
   const { metadata, isLoading, parseMetadata } = useMetaDataParser(link, openGraph)
@@ -32,6 +33,14 @@ export const OGCard = ({ link, show }: Props) => {
     }
   }, [parseMetadata, isLoading, show])
 
+  const GeneratedGraph = useCallback(() => {
+    return (
+      <div className="flex h-36 items-center justify-center bg-accent p-4">
+        <h2 className="text-2xl font-bold">{metadata['og:title'] || hostname}</h2>
+      </div>
+    )
+  }, [hostname, metadata])
+
   if (isLoading) {
     return <CardSkeleton />
   }
@@ -45,7 +54,7 @@ export const OGCard = ({ link, show }: Props) => {
       )}
       {!hasImage && (
         <PreviewImageContainer>
-          <PreviewImage src={CherryLogo} alt={'no image'} />
+          <GeneratedGraph />
         </PreviewImageContainer>
       )}
 
@@ -113,8 +122,8 @@ const PreviewContainer = styled.div<{ hasImage?: boolean }>`
 
 const PreviewImageContainer = styled.div`
   width: 100%;
-  height: 140px;
-  min-height: 140px;
+  height: ${IMAGE_HEIGHT};
+  min-height: ${IMAGE_HEIGHT};
   overflow: hidden;
 `
 
@@ -128,7 +137,7 @@ const PreviewContent = styled.div`
 
 const PreviewImage = styled.img`
   width: 100%;
-  height: 140px;
+  height: ${IMAGE_HEIGHT};
   object-fit: cover;
 `
 
diff --git a/src/renderer/src/components/ObsidianExportDialog.tsx b/src/renderer/src/components/ObsidianExportDialog.tsx
index 76b796319a..9cad3986e7 100644
--- a/src/renderer/src/components/ObsidianExportDialog.tsx
+++ b/src/renderer/src/components/ObsidianExportDialog.tsx
@@ -244,7 +244,7 @@ const PopupContainer: React.FC<PopupContainerProps> = ({
       content = `---\ntitle: ${state.title}\ncreated: ${state.createdAt}\nsource: ${state.source}\ntags: ${state.tags}\n---\n${markdown}`
     }
     if (content === '') {
-      window.message.error(i18n.t('chat.topics.export.obsidian_export_failed'))
+      window.toast.error(i18n.t('chat.topics.export.obsidian_export_failed'))
       return
     }
     await navigator.clipboard.writeText(content)
diff --git a/src/renderer/src/components/Popups/ApiKeyListPopup/hook.ts b/src/renderer/src/components/Popups/ApiKeyListPopup/hook.ts
index c4c9459ed0..e69341a864 100644
--- a/src/renderer/src/components/Popups/ApiKeyListPopup/hook.ts
+++ b/src/renderer/src/components/Popups/ApiKeyListPopup/hook.ts
@@ -302,11 +302,9 @@ async function getModelForCheck(provider: Provider, t: TFunction): Promise<Model
   const modelsToCheck = provider.models.filter((model) => !isEmbeddingModel(model) && !isRerankModel(model))
 
   if (isEmpty(modelsToCheck)) {
-    window.message.error({
-      key: 'no-models',
-      style: { marginTop: '3vh' },
-      duration: 5,
-      content: t('settings.provider.no_models_for_check')
+    window.toast.error({
+      title: t('settings.provider.no_models_for_check'),
+      timeout: 5000
     })
     return null
   }
diff --git a/src/renderer/src/components/Popups/ApiKeyListPopup/item.tsx b/src/renderer/src/components/Popups/ApiKeyListPopup/item.tsx
index 75d32b8bc5..83c9389935 100644
--- a/src/renderer/src/components/Popups/ApiKeyListPopup/item.tsx
+++ b/src/renderer/src/components/Popups/ApiKeyListPopup/item.tsx
@@ -61,10 +61,7 @@ const ApiKeyItem: FC<ApiKeyItemProps> = ({
   const handleSave = () => {
     const result = onUpdate(editValue)
     if (!result.isValid) {
-      window.message.warning({
-        key: 'api-key-error',
-        content: result.error
-      })
+      window.toast.warning(result.error)
       return
     }
 
diff --git a/src/renderer/src/components/Popups/ApiKeyListPopup/types.ts b/src/renderer/src/components/Popups/ApiKeyListPopup/types.ts
index bc230c577d..ad713b40fb 100644
--- a/src/renderer/src/components/Popups/ApiKeyListPopup/types.ts
+++ b/src/renderer/src/components/Popups/ApiKeyListPopup/types.ts
@@ -3,10 +3,15 @@ import { PreprocessProvider, Provider, WebSearchProvider } from '@renderer/types
 /**
  * API key 格式有效性
  */
-export type ApiKeyValidity = {
-  isValid: boolean
-  error?: string
-}
+export type ApiKeyValidity =
+  | {
+      isValid: true
+      error?: never
+    }
+  | {
+      isValid: false
+      error: string
+    }
 
 export type ApiProvider = Provider | WebSearchProvider | PreprocessProvider
 
diff --git a/src/renderer/src/components/Popups/SaveToKnowledgePopup.tsx b/src/renderer/src/components/Popups/SaveToKnowledgePopup.tsx
index f8789735e9..9a7d7ee93a 100644
--- a/src/renderer/src/components/Popups/SaveToKnowledgePopup.tsx
+++ b/src/renderer/src/components/Popups/SaveToKnowledgePopup.tsx
@@ -281,7 +281,7 @@ const PopupContainer: React.FC<Props> = ({ source, title, resolve }) => {
       resolve({ success: true, savedCount })
     } catch (error) {
       logger.error('save failed:', error as Error)
-      window.message.error(
+      window.toast.error(
         t(isTopicMode ? 'chat.save.topic.knowledge.error.save_failed' : 'chat.save.knowledge.error.save_failed')
       )
       setLoading(false)
diff --git a/src/renderer/src/components/Popups/TextEditPopup.tsx b/src/renderer/src/components/Popups/TextEditPopup.tsx
index 65b250b865..6e9f126e2f 100644
--- a/src/renderer/src/components/Popups/TextEditPopup.tsx
+++ b/src/renderer/src/components/Popups/TextEditPopup.tsx
@@ -113,10 +113,7 @@ const PopupContainer: React.FC<Props> = ({
       }
     } catch (error) {
       logger.error('Translation failed:', error as Error)
-      window.message.error({
-        content: t('translate.error.failed'),
-        key: 'translate-message'
-      })
+      window.toast.error(t('translate.error.failed'))
     } finally {
       if (isMounted.current) {
         setIsTranslating(false)
diff --git a/src/renderer/src/components/Popups/TextFilePreview.tsx b/src/renderer/src/components/Popups/TextFilePreview.tsx
new file mode 100644
index 0000000000..f5fa787d0b
--- /dev/null
+++ b/src/renderer/src/components/Popups/TextFilePreview.tsx
@@ -0,0 +1,105 @@
+import { Modal } from 'antd'
+import { useState } from 'react'
+import styled from 'styled-components'
+
+import CodeEditor from '../CodeEditor'
+import { TopView } from '../TopView'
+
+interface Props {
+  text: string
+  title: string
+  extension?: string
+  resolve: (data: any) => void
+}
+
+const PopupContainer: React.FC<Props> = ({ text, title, extension, resolve }) => {
+  const [open, setOpen] = useState(true)
+
+  const onOk = () => {
+    setOpen(false)
+  }
+
+  const onCancel = () => {
+    setOpen(false)
+  }
+
+  const onClose = () => {
+    resolve({})
+  }
+
+  TextFilePreviewPopup.hide = onCancel
+
+  return (
+    <Modal
+      open={open}
+      onOk={onOk}
+      onCancel={onCancel}
+      afterClose={onClose}
+      title={title}
+      width={700}
+      transitionName="animation-move-down"
+      styles={{
+        content: {
+          borderRadius: 20,
+          padding: 0,
+          overflow: 'hidden'
+        },
+        body: {
+          height: '80vh',
+          maxHeight: 'inherit',
+          padding: 0
+        }
+      }}
+      centered
+      closable={true}
+      footer={null}>
+      {extension !== undefined ? (
+        <Editor
+          editable={false}
+          expanded={false}
+          height="100%"
+          style={{ height: '100%' }}
+          value={text}
+          language={extension}
+        />
+      ) : (
+        <Text>{text}</Text>
+      )}
+    </Modal>
+  )
+}
+
+const Text = styled.div`
+  padding: 16px;
+  white-space: pre;
+  cursor: text;
+`
+
+const Editor = styled(CodeEditor)`
+  .cm-line {
+    cursor: text;
+  }
+`
+
+export default class TextFilePreviewPopup {
+  static topviewId = 0
+  static hide() {
+    TopView.hide('TextFilePreviewPopup')
+  }
+  static show(text: string, title: string, extension?: string) {
+    return new Promise<any>((resolve) => {
+      TopView.show(
+        <PopupContainer
+          text={text}
+          title={title}
+          extension={extension}
+          resolve={(v) => {
+            resolve(v)
+            TopView.hide('TextFilePreviewPopup')
+          }}
+        />,
+        'TextFilePreviewPopup'
+      )
+    })
+  }
+}
diff --git a/src/renderer/src/components/Popups/UserPopup.tsx b/src/renderer/src/components/Popups/UserPopup.tsx
index 21cd5d4e66..fe424a8c12 100644
--- a/src/renderer/src/components/Popups/UserPopup.tsx
+++ b/src/renderer/src/components/Popups/UserPopup.tsx
@@ -49,7 +49,7 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
       dispatch(setAvatar(emoji))
       setEmojiPickerOpen(false)
     } catch (error: any) {
-      window.message.error(error.message)
+      window.toast.error(error.message)
     }
   }
   const handleReset = async () => {
@@ -58,7 +58,7 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
       dispatch(setAvatar(DefaultAvatar))
       setDropdownOpen(false)
     } catch (error: any) {
-      window.message.error(error.message)
+      window.toast.error(error.message)
     }
   }
   const items = [
@@ -83,7 +83,7 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
                 dispatch(setAvatar(await ImageStorage.get('avatar')))
                 setDropdownOpen(false)
               } catch (error: any) {
-                window.message.error(error.message)
+                window.toast.error(error.message)
               }
             }}>
             {t('settings.general.image_upload')}
diff --git a/src/renderer/src/components/QuickPanel/provider.tsx b/src/renderer/src/components/QuickPanel/provider.tsx
index c06d337248..57eae70ef2 100644
--- a/src/renderer/src/components/QuickPanel/provider.tsx
+++ b/src/renderer/src/components/QuickPanel/provider.tsx
@@ -32,6 +32,11 @@ export const QuickPanelProvider: React.FC<React.PropsWithChildren> = ({ children
     setList((prevList) => prevList.map((item) => (item === targetItem ? { ...item, isSelected } : item)))
   }, [])
 
+  // 添加更新整个列表的方法
+  const updateList = useCallback((newList: QuickPanelListItem[]) => {
+    setList(newList)
+  }, [])
+
   const open = useCallback((options: QuickPanelOpenOptions) => {
     if (clearTimer.current) {
       clearTimeout(clearTimer.current)
@@ -56,7 +61,7 @@ export const QuickPanelProvider: React.FC<React.PropsWithChildren> = ({ children
   const close = useCallback(
     (action?: QuickPanelCloseAction, searchText?: string) => {
       setIsVisible(false)
-      onClose?.({ symbol, action, triggerInfo, searchText, item: {} as QuickPanelListItem, multiple: false })
+      onClose?.({ action, searchText, item: {} as QuickPanelListItem, context: this })
 
       clearTimer.current = setTimeout(() => {
         setList([])
@@ -68,7 +73,7 @@ export const QuickPanelProvider: React.FC<React.PropsWithChildren> = ({ children
         setTriggerInfo(undefined)
       }, 200)
     },
-    [onClose, symbol, triggerInfo]
+    [onClose]
   )
 
   useEffect(() => {
@@ -85,6 +90,7 @@ export const QuickPanelProvider: React.FC<React.PropsWithChildren> = ({ children
       open,
       close,
       updateItemSelection,
+      updateList,
 
       isVisible,
       symbol,
@@ -103,6 +109,7 @@ export const QuickPanelProvider: React.FC<React.PropsWithChildren> = ({ children
       open,
       close,
       updateItemSelection,
+      updateList,
       isVisible,
       symbol,
       list,
diff --git a/src/renderer/src/components/QuickPanel/types.ts b/src/renderer/src/components/QuickPanel/types.ts
index d8e2ff26b0..97e072dea0 100644
--- a/src/renderer/src/components/QuickPanel/types.ts
+++ b/src/renderer/src/components/QuickPanel/types.ts
@@ -8,13 +8,10 @@ export type QuickPanelTriggerInfo = {
 }
 
 export type QuickPanelCallBackOptions = {
-  symbol: string
+  context: QuickPanelContextType
   action: QuickPanelCloseAction
   item: QuickPanelListItem
   searchText?: string
-  /** 是否处于多选状态 */
-  multiple?: boolean
-  triggerInfo?: QuickPanelTriggerInfo
 }
 
 export type QuickPanelOpenOptions = {
@@ -68,6 +65,7 @@ export interface QuickPanelContextType {
   readonly open: (options: QuickPanelOpenOptions) => void
   readonly close: (action?: QuickPanelCloseAction, searchText?: string) => void
   readonly updateItemSelection: (targetItem: QuickPanelListItem, isSelected: boolean) => void
+  readonly updateList: (newList: QuickPanelListItem[]) => void
   readonly isVisible: boolean
   readonly symbol: string
   readonly list: QuickPanelListItem[]
diff --git a/src/renderer/src/components/QuickPanel/view.tsx b/src/renderer/src/components/QuickPanel/view.tsx
index 08878b8478..30955f96f3 100644
--- a/src/renderer/src/components/QuickPanel/view.tsx
+++ b/src/renderer/src/components/QuickPanel/view.tsx
@@ -222,11 +222,10 @@ export const QuickPanelView: React.FC<Props> = ({ setInputText }) => {
         // 创建更新后的item对象用于回调
         const updatedItem = { ...item, isSelected: newSelectedState }
         const quickPanelCallBackOptions: QuickPanelCallBackOptions = {
-          symbol: ctx.symbol,
+          context: ctx,
           action,
           item: updatedItem,
-          searchText: searchText,
-          multiple: ctx.multiple
+          searchText: searchText
         }
 
         ctx.beforeAction?.(quickPanelCallBackOptions)
@@ -236,11 +235,10 @@ export const QuickPanelView: React.FC<Props> = ({ setInputText }) => {
       }
 
       const quickPanelCallBackOptions: QuickPanelCallBackOptions = {
-        symbol: ctx.symbol,
+        context: ctx,
         action,
         item,
-        searchText: searchText,
-        multiple: ctx.multiple
+        searchText: searchText
       }
 
       ctx.beforeAction?.(quickPanelCallBackOptions)
diff --git a/src/renderer/src/components/RichEditor/CommandListPopover.tsx b/src/renderer/src/components/RichEditor/CommandListPopover.tsx
index f75e651866..4f8df4d20c 100644
--- a/src/renderer/src/components/RichEditor/CommandListPopover.tsx
+++ b/src/renderer/src/components/RichEditor/CommandListPopover.tsx
@@ -1,4 +1,4 @@
-import '@renderer/assets/styles/CommandListPopover.scss'
+import '@renderer/assets/styles/CommandListPopover.css'
 
 import { DynamicVirtualList, type DynamicVirtualListRef } from '@renderer/components/VirtualList'
 import { useTheme } from '@renderer/context/ThemeProvider'
diff --git a/src/renderer/src/components/RichEditor/components/YamlFrontMatterNodeView.tsx b/src/renderer/src/components/RichEditor/components/YamlFrontMatterNodeView.tsx
index 67d2c2126b..7b2bde078e 100644
--- a/src/renderer/src/components/RichEditor/components/YamlFrontMatterNodeView.tsx
+++ b/src/renderer/src/components/RichEditor/components/YamlFrontMatterNodeView.tsx
@@ -15,7 +15,7 @@ interface ParsedProperty {
   type: 'string' | 'array' | 'date' | 'number' | 'boolean'
 }
 
-const YamlFrontMatterNodeView: React.FC<NodeViewProps> = ({ node, updateAttributes }) => {
+const YamlFrontMatterNodeView: React.FC<NodeViewProps> = ({ node, updateAttributes, editor }) => {
   const { t } = useTranslation()
   const [editingProperty, setEditingProperty] = useState<string | null>(null)
   const [newPropertyName, setNewPropertyName] = useState('')
@@ -408,6 +408,11 @@ const YamlFrontMatterNodeView: React.FC<NodeViewProps> = ({ node, updateAttribut
     )
   }
 
+  // Check if there's content in the entire editor (excluding YAML front matter)
+  const hasContent = useMemo(() => {
+    return editor.getText().trim().length > 0
+  }, [editor])
+
   return (
     <NodeViewWrapper
       className="yaml-front-matter-wrapper"
@@ -418,6 +423,7 @@ const YamlFrontMatterNodeView: React.FC<NodeViewProps> = ({ node, updateAttribut
         }
       }}>
       <PropertiesContainer
+        hasContent={hasContent}
         onClick={(e) => {
           // Prevent node selection when clicking inside properties
           e.stopPropagation()
@@ -485,7 +491,7 @@ const YamlFrontMatterNodeView: React.FC<NodeViewProps> = ({ node, updateAttribut
             />
           </PropertyRow>
         ) : (
-          <AddPropertyRow onClick={() => setShowAddProperty(true)}>
+          <AddPropertyRow hasContent={hasContent} onClick={() => setShowAddProperty(true)}>
             <PropertyIcon>
               <Plus size={16} />
             </PropertyIcon>
@@ -497,7 +503,7 @@ const YamlFrontMatterNodeView: React.FC<NodeViewProps> = ({ node, updateAttribut
   )
 }
 
-const PropertiesContainer = styled.div`
+const PropertiesContainer = styled.div<{ hasContent?: boolean }>`
   margin: 16px 0;
   padding: 0;
   display: flex;
@@ -705,7 +711,7 @@ const ArrayInput = styled(Input)`
   }
 `
 
-const AddPropertyRow = styled.button`
+const AddPropertyRow = styled.button<{ hasContent?: boolean }>`
   display: flex;
   align-items: center;
   padding: 6px 8px;
@@ -716,16 +722,22 @@ const AddPropertyRow = styled.button`
   cursor: pointer;
   border-radius: 6px;
   width: 100%;
+  opacity: ${({ hasContent }) => (hasContent ? 0 : 1)};
+  transition: opacity 0.2s;
 
   &:hover {
     background-color: var(--color-hover);
   }
+
+  ${PropertiesContainer}:hover & {
+    opacity: 1;
+  }
 `
 
 const AddPropertyText = styled.div`
   font-size: 14px;
   font-family: var(--font-family);
-  color: var(--color-text);
+  color: var(--color-text-secondary);
 `
 
 const PropertyActions = styled.div`
diff --git a/src/renderer/src/components/RichEditor/index.tsx b/src/renderer/src/components/RichEditor/index.tsx
index a14af5d0fc..0b9e3876ac 100644
--- a/src/renderer/src/components/RichEditor/index.tsx
+++ b/src/renderer/src/components/RichEditor/index.tsx
@@ -47,7 +47,8 @@ const RichEditor = ({
   showTableOfContents = false,
   enableContentSearch = false,
   isFullWidth = false,
-  fontFamily = 'default'
+  fontFamily = 'default',
+  fontSize = 16
   // toolbarItems: _toolbarItems // TODO: Implement custom toolbar items
 }: RichEditorProps & { ref?: React.RefObject<RichEditorRef | null> }) => {
   // Use the rich editor hook for complete editor management
@@ -388,6 +389,7 @@ const RichEditor = ({
       $maxHeight={maxHeight}
       $isFullWidth={isFullWidth}
       $fontFamily={fontFamily}
+      $fontSize={fontSize}
       onKeyDown={onKeyDownEditor}>
       {showToolbar && (
         <Toolbar
diff --git a/src/renderer/src/components/RichEditor/styles.ts b/src/renderer/src/components/RichEditor/styles.ts
index 8c4bc608cb..b184063d08 100644
--- a/src/renderer/src/components/RichEditor/styles.ts
+++ b/src/renderer/src/components/RichEditor/styles.ts
@@ -5,6 +5,7 @@ export const RichEditorWrapper = styled.div<{
   $maxHeight?: number
   $isFullWidth?: boolean
   $fontFamily?: 'default' | 'serif'
+  $fontSize?: number
 }>`
   display: flex;
   flex-direction: column;
@@ -16,6 +17,7 @@ export const RichEditorWrapper = styled.div<{
   width: ${({ $isFullWidth }) => ($isFullWidth ? '100%' : '60%')};
   margin: ${({ $isFullWidth }) => ($isFullWidth ? '0' : '0 auto')};
   font-family: ${({ $fontFamily }) => ($fontFamily === 'serif' ? 'var(--font-family-serif)' : 'var(--font-family)')};
+  ${({ $fontSize }) => $fontSize && `--editor-font-size: ${$fontSize}px;`}
 
   ${({ $minHeight }) => $minHeight && `min-height: ${$minHeight}px;`}
   ${({ $maxHeight }) => $maxHeight && `max-height: ${$maxHeight}px;`}
diff --git a/src/renderer/src/components/RichEditor/types.ts b/src/renderer/src/components/RichEditor/types.ts
index 66e8280967..8804210aef 100644
--- a/src/renderer/src/components/RichEditor/types.ts
+++ b/src/renderer/src/components/RichEditor/types.ts
@@ -48,6 +48,8 @@ export interface RichEditorProps {
   isFullWidth?: boolean
   /** Font family setting */
   fontFamily?: 'default' | 'serif'
+  /** Font size in pixels */
+  fontSize?: number
 }
 
 export interface ToolbarItem {
diff --git a/src/renderer/src/components/S3BackupManager.tsx b/src/renderer/src/components/S3BackupManager.tsx
index e31b988ae4..4327a6c217 100644
--- a/src/renderer/src/components/S3BackupManager.tsx
+++ b/src/renderer/src/components/S3BackupManager.tsx
@@ -37,7 +37,7 @@ export function S3BackupManager({ visible, onClose, s3Config, restoreMethod }: S
 
   const fetchBackupFiles = useCallback(async () => {
     if (!endpoint || !region || !bucket || !accessKeyId || !secretAccessKey) {
-      window.message.error(t('settings.data.s3.manager.config.incomplete'))
+      window.toast.error(t('settings.data.s3.manager.config.incomplete'))
       return
     }
 
@@ -61,7 +61,7 @@ export function S3BackupManager({ visible, onClose, s3Config, restoreMethod }: S
         total: files.length
       }))
     } catch (error: any) {
-      window.message.error(t('settings.data.s3.manager.files.fetch.error', { message: error.message }))
+      window.toast.error(t('settings.data.s3.manager.files.fetch.error', { message: error.message }))
     } finally {
       setLoading(false)
     }
@@ -84,12 +84,12 @@ export function S3BackupManager({ visible, onClose, s3Config, restoreMethod }: S
 
   const handleDeleteSelected = async () => {
     if (selectedRowKeys.length === 0) {
-      window.message.warning(t('settings.data.s3.manager.select.warning'))
+      window.toast.warning(t('settings.data.s3.manager.select.warning'))
       return
     }
 
     if (!endpoint || !region || !bucket || !accessKeyId || !secretAccessKey) {
-      window.message.error(t('settings.data.s3.manager.config.incomplete'))
+      window.toast.error(t('settings.data.s3.manager.config.incomplete'))
       return
     }
 
@@ -118,13 +118,11 @@ export function S3BackupManager({ visible, onClose, s3Config, restoreMethod }: S
               maxBackups: 0
             })
           }
-          window.message.success(
-            t('settings.data.s3.manager.delete.success.multiple', { count: selectedRowKeys.length })
-          )
+          window.toast.success(t('settings.data.s3.manager.delete.success.multiple', { count: selectedRowKeys.length }))
           setSelectedRowKeys([])
           await fetchBackupFiles()
         } catch (error: any) {
-          window.message.error(t('settings.data.s3.manager.delete.error', { message: error.message }))
+          window.toast.error(t('settings.data.s3.manager.delete.error', { message: error.message }))
         } finally {
           setDeleting(false)
         }
@@ -134,7 +132,7 @@ export function S3BackupManager({ visible, onClose, s3Config, restoreMethod }: S
 
   const handleDeleteSingle = async (fileName: string) => {
     if (!endpoint || !region || !bucket || !accessKeyId || !secretAccessKey) {
-      window.message.error(t('settings.data.s3.manager.config.incomplete'))
+      window.toast.error(t('settings.data.s3.manager.config.incomplete'))
       return
     }
 
@@ -160,10 +158,10 @@ export function S3BackupManager({ visible, onClose, s3Config, restoreMethod }: S
             syncInterval: 0,
             maxBackups: 0
           })
-          window.message.success(t('settings.data.s3.manager.delete.success.single'))
+          window.toast.success(t('settings.data.s3.manager.delete.success.single'))
           await fetchBackupFiles()
         } catch (error: any) {
-          window.message.error(t('settings.data.s3.manager.delete.error', { message: error.message }))
+          window.toast.error(t('settings.data.s3.manager.delete.error', { message: error.message }))
         } finally {
           setDeleting(false)
         }
@@ -173,7 +171,7 @@ export function S3BackupManager({ visible, onClose, s3Config, restoreMethod }: S
 
   const handleRestore = async (fileName: string) => {
     if (!endpoint || !region || !bucket || !accessKeyId || !secretAccessKey) {
-      window.message.error(t('settings.data.s3.manager.config.incomplete'))
+      window.toast.error(t('settings.data.s3.manager.config.incomplete'))
       return
     }
 
@@ -188,10 +186,10 @@ export function S3BackupManager({ visible, onClose, s3Config, restoreMethod }: S
         setRestoring(true)
         try {
           await (restoreMethod || restoreFromS3)(fileName)
-          window.message.success(t('settings.data.s3.restore.success'))
+          window.toast.success(t('settings.data.s3.restore.success'))
           onClose() // 关闭模态框
         } catch (error: any) {
-          window.message.error(t('settings.data.s3.restore.error', { message: error.message }))
+          window.toast.error(t('settings.data.s3.restore.error', { message: error.message }))
         } finally {
           setRestoring(false)
         }
diff --git a/src/renderer/src/components/S3Modals.tsx b/src/renderer/src/components/S3Modals.tsx
index 75c8b31b3a..96d72406fc 100644
--- a/src/renderer/src/components/S3Modals.tsx
+++ b/src/renderer/src/components/S3Modals.tsx
@@ -114,7 +114,7 @@ export function useS3RestoreModal({
 
   const showRestoreModal = useCallback(async () => {
     if (!endpoint || !region || !bucket || !accessKeyId || !secretAccessKey) {
-      window.message.error({ content: t('settings.data.s3.manager.config.incomplete'), key: 's3-error' })
+      window.toast.error(t('settings.data.s3.manager.config.incomplete'))
       return
     }
 
@@ -135,10 +135,7 @@ export function useS3RestoreModal({
       })
       setBackupFiles(files)
     } catch (error: any) {
-      window.message.error({
-        content: t('settings.data.s3.manager.files.fetch.error', { message: error.message }),
-        key: 'list-files-error'
-      })
+      window.toast.error(t('settings.data.s3.manager.files.fetch.error', { message: error.message }))
     } finally {
       setLoadingFiles(false)
     }
@@ -146,12 +143,9 @@ export function useS3RestoreModal({
 
   const handleRestore = useCallback(async () => {
     if (!selectedFile || !endpoint || !region || !bucket || !accessKeyId || !secretAccessKey) {
-      window.message.error({
-        content: !selectedFile
-          ? t('settings.data.s3.restore.file.required')
-          : t('settings.data.s3.restore.config.incomplete'),
-        key: 'restore-error'
-      })
+      window.toast.error(
+        !selectedFile ? t('settings.data.s3.restore.file.required') : t('settings.data.s3.restore.config.incomplete')
+      )
       return
     }
 
@@ -177,13 +171,10 @@ export function useS3RestoreModal({
             maxBackups: 0,
             skipBackupFile: false
           })
-          window.message.success({ content: t('message.restore.success'), key: 's3-restore' })
+          window.toast.success(t('message.restore.success'))
           setIsRestoreModalVisible(false)
         } catch (error: any) {
-          window.message.error({
-            content: t('settings.data.s3.restore.error', { message: error.message }),
-            key: 'restore-error'
-          })
+          window.toast.error(t('settings.data.s3.restore.error', { message: error.message }))
         } finally {
           setRestoring(false)
         }
diff --git a/src/renderer/src/components/Scrollbar/index.tsx b/src/renderer/src/components/Scrollbar/index.tsx
index 60258d8c8b..e50e128d50 100644
--- a/src/renderer/src/components/Scrollbar/index.tsx
+++ b/src/renderer/src/components/Scrollbar/index.tsx
@@ -2,12 +2,12 @@ import { throttle } from 'lodash'
 import { FC, useCallback, useEffect, useRef, useState } from 'react'
 import styled from 'styled-components'
 
-interface Props extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onScroll'> {
+export interface ScrollbarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onScroll'> {
   ref?: React.Ref<HTMLDivElement | null>
   onScroll?: () => void // Custom onScroll prop for useScrollPosition's handleScroll
 }
 
-const Scrollbar: FC<Props> = ({ ref: passedRef, children, onScroll: externalOnScroll, ...htmlProps }) => {
+const Scrollbar: FC<ScrollbarProps> = ({ ref: passedRef, children, onScroll: externalOnScroll, ...htmlProps }) => {
   const [isScrolling, setIsScrolling] = useState(false)
   const timeoutRef = useRef<NodeJS.Timeout | null>(null)
 
diff --git a/src/renderer/src/components/Tab/TabContainer.tsx b/src/renderer/src/components/Tab/TabContainer.tsx
index cfe0cd76ab..c1c0dfbd3d 100644
--- a/src/renderer/src/components/Tab/TabContainer.tsx
+++ b/src/renderer/src/components/Tab/TabContainer.tsx
@@ -1,7 +1,7 @@
 import { PlusOutlined } from '@ant-design/icons'
 import { Sortable, useDndReorder } from '@renderer/components/dnd'
-import Scrollbar from '@renderer/components/Scrollbar'
-import { isLinux, isMac, isWin } from '@renderer/config/constant'
+import HorizontalScrollContainer from '@renderer/components/HorizontalScrollContainer'
+import { isMac } from '@renderer/config/constant'
 import { DEFAULT_MIN_APPS } from '@renderer/config/minapps'
 import { useTheme } from '@renderer/context/ThemeProvider'
 import { useFullscreen } from '@renderer/hooks/useFullscreen'
@@ -14,9 +14,8 @@ import type { Tab } from '@renderer/store/tabs'
 import { addTab, removeTab, setActiveTab, setTabs } from '@renderer/store/tabs'
 import { classNames } from '@renderer/utils'
 import { ThemeMode } from '@shared/data/preferenceTypes'
-import { Button, Tooltip } from 'antd'
+import { Tooltip } from 'antd'
 import {
-  ChevronRight,
   FileSearch,
   Folder,
   Hammer,
@@ -33,12 +32,13 @@ import {
   Terminal,
   X
 } from 'lucide-react'
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useCallback, useEffect, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useLocation, useNavigate } from 'react-router-dom'
 import styled from 'styled-components'
 
 import MinAppIcon from '../Icons/MinAppIcon'
+import MinAppTabsPool from '../MinApp/MinAppTabsPool'
 import WindowControls from '../WindowControls'
 
 interface TabsContainerProps {
@@ -97,8 +97,6 @@ const TabsContainer: React.FC<TabsContainerProps> = ({ children }) => {
   const { hideMinappPopup } = useMinappPopup()
   const { minapps } = useMinapps()
   const { t } = useTranslation()
-  const scrollRef = useRef<HTMLDivElement>(null)
-  const [canScroll, setCanScroll] = useState(false)
 
   const getTabId = (path: string): string => {
     if (path === '/') return 'home'
@@ -174,31 +172,6 @@ const TabsContainer: React.FC<TabsContainerProps> = ({ children }) => {
     navigate(tab.path)
   }
 
-  const handleScrollRight = () => {
-    scrollRef.current?.scrollBy({ left: 200, behavior: 'smooth' })
-  }
-
-  useEffect(() => {
-    const scrollElement = scrollRef.current
-    if (!scrollElement) return
-
-    const checkScrollability = () => {
-      setCanScroll(scrollElement.scrollWidth > scrollElement.clientWidth)
-    }
-
-    checkScrollability()
-
-    const resizeObserver = new ResizeObserver(checkScrollability)
-    resizeObserver.observe(scrollElement)
-
-    window.addEventListener('resize', checkScrollability)
-
-    return () => {
-      resizeObserver.disconnect()
-      window.removeEventListener('resize', checkScrollability)
-    }
-  }, [tabs])
-
   const visibleTabs = useMemo(() => tabs.filter((tab) => !specialTabs.includes(tab.id)), [tabs])
 
   const { onSortEnd } = useDndReorder<Tab>({
@@ -211,46 +184,39 @@ const TabsContainer: React.FC<TabsContainerProps> = ({ children }) => {
   return (
     <Container>
       <TabsBar $isFullscreen={isFullscreen}>
-        <TabsArea>
-          <TabsScroll ref={scrollRef}>
-            <Sortable
-              items={visibleTabs}
-              itemKey="id"
-              layout="list"
-              horizontal
-              gap={'6px'}
-              onSortEnd={onSortEnd}
-              className="tabs-sortable"
-              renderItem={(tab) => (
-                <Tab key={tab.id} active={tab.id === activeTabId} onClick={() => handleTabClick(tab)}>
-                  <TabHeader>
-                    {tab.id && <TabIcon>{getTabIcon(tab.id, minapps)}</TabIcon>}
-                    <TabTitle>{getTabTitle(tab.id)}</TabTitle>
-                  </TabHeader>
-                  {tab.id !== 'home' && (
-                    <CloseButton
-                      className="close-button"
-                      data-no-dnd
-                      onClick={(e) => {
-                        e.stopPropagation()
-                        closeTab(tab.id)
-                      }}>
-                      <X size={12} />
-                    </CloseButton>
-                  )}
-                </Tab>
-              )}
-            />
-          </TabsScroll>
-          {canScroll && (
-            <ScrollButton onClick={handleScrollRight} className="scroll-right-button" shape="circle" size="small">
-              <ChevronRight size={16} />
-            </ScrollButton>
-          )}
+        <HorizontalScrollContainer dependencies={[tabs]} gap="6px" className="tab-scroll-container">
+          <Sortable
+            items={visibleTabs}
+            itemKey="id"
+            layout="list"
+            horizontal
+            gap={'6px'}
+            onSortEnd={onSortEnd}
+            className="tabs-sortable"
+            renderItem={(tab) => (
+              <Tab key={tab.id} active={tab.id === activeTabId} onClick={() => handleTabClick(tab)}>
+                <TabHeader>
+                  {tab.id && <TabIcon>{getTabIcon(tab.id, minapps)}</TabIcon>}
+                  <TabTitle>{getTabTitle(tab.id)}</TabTitle>
+                </TabHeader>
+                {tab.id !== 'home' && (
+                  <CloseButton
+                    className="close-button"
+                    data-no-dnd
+                    onClick={(e) => {
+                      e.stopPropagation()
+                      closeTab(tab.id)
+                    }}>
+                    <X size={12} />
+                  </CloseButton>
+                )}
+              </Tab>
+            )}
+          />
           <AddTabButton onClick={handleAddTab} className={classNames({ active: activeTabId === 'launchpad' })}>
             <PlusOutlined />
           </AddTabButton>
-        </TabsArea>
+        </HorizontalScrollContainer>
         <RightButtonsContainer>
           <Tooltip
             title={t('settings.theme.title') + ': ' + getThemeModeLabel(settedTheme)}
@@ -269,10 +235,14 @@ const TabsContainer: React.FC<TabsContainerProps> = ({ children }) => {
           <SettingsButton onClick={handleSettingsClick} $active={activeTabId === 'settings'}>
             <Settings size={16} />
           </SettingsButton>
-          <WindowControls />
         </RightButtonsContainer>
+        <WindowControls />
       </TabsBar>
-      <TabContent>{children}</TabContent>
+      <TabContent>
+        {/* MiniApp WebView 池（Tab 模式保活） */}
+        <MinAppTabsPool />
+        {children}
+      </TabContent>
     </Container>
   )
 }
@@ -290,9 +260,9 @@ const TabsBar = styled.div<{ $isFullscreen: boolean }>`
   align-items: center;
   gap: 5px;
   padding-left: ${({ $isFullscreen }) => (!$isFullscreen && isMac ? 'env(titlebar-area-x)' : '15px')};
-  padding-right: ${({ $isFullscreen }) => ($isFullscreen ? '12px' : isWin ? '140px' : isLinux ? '120px' : '12px')};
+  padding-right: ${({ $isFullscreen }) => ($isFullscreen ? '12px' : '0')};
   height: var(--navbar-height);
-  min-height: env(titlebar-area-height);
+  min-height: ${({ $isFullscreen }) => (!$isFullscreen && isMac ? 'env(titlebar-area-height)' : '')};
   position: relative;
   -webkit-app-region: drag;
 
@@ -302,36 +272,16 @@ const TabsBar = styled.div<{ $isFullscreen: boolean }>`
     z-index: 1;
     -webkit-app-region: no-drag;
   }
-`
 
-const TabsArea = styled.div`
-  display: flex;
-  align-items: center;
-  flex: 1 1 auto;
-  min-width: 0;
-  gap: 6px;
-  padding-right: 2rem;
-  position: relative;
+  .tab-scroll-container {
+    -webkit-app-region: drag;
 
-  -webkit-app-region: drag;
-
-  > * {
-    -webkit-app-region: no-drag;
-  }
-
-  &:hover {
-    .scroll-right-button {
-      opacity: 1;
+    > * {
+      -webkit-app-region: no-drag;
     }
   }
 `
 
-const TabsScroll = styled(Scrollbar)`
-  &::-webkit-scrollbar {
-    display: none;
-  }
-`
-
 const Tab = styled.div<{ active?: boolean }>`
   display: flex;
   align-items: center;
@@ -409,22 +359,6 @@ const AddTabButton = styled.div`
   }
 `
 
-const ScrollButton = styled(Button)`
-  position: absolute;
-  right: 4rem;
-  top: 50%;
-  transform: translateY(-50%);
-  z-index: 1;
-  opacity: 0;
-  transition: opacity 0.2s ease-in-out;
-
-  border: none;
-  box-shadow:
-    0 6px 16px 0 rgba(0, 0, 0, 0.08),
-    0 3px 6px -4px rgba(0, 0, 0, 0.12),
-    0 9px 28px 8px rgba(0, 0, 0, 0.05);
-`
-
 const RightButtonsContainer = styled.div`
   display: flex;
   align-items: center;
@@ -473,6 +407,7 @@ const TabContent = styled.div`
   margin-top: 0;
   border-radius: 8px;
   overflow: hidden;
+  position: relative; /* 约束 MinAppTabsPool 绝对定位范围 */
 `
 
 export default TabsContainer
diff --git a/src/renderer/src/components/ToastPortal.tsx b/src/renderer/src/components/ToastPortal.tsx
new file mode 100644
index 0000000000..b149ae6fdf
--- /dev/null
+++ b/src/renderer/src/components/ToastPortal.tsx
@@ -0,0 +1,32 @@
+import { ToastProvider } from '@heroui/toast'
+import { useEffect, useState } from 'react'
+import { createPortal } from 'react-dom'
+
+export const ToastPortal = () => {
+  const [mounted, setMounted] = useState(false)
+
+  useEffect(() => {
+    setMounted(true)
+    return () => setMounted(false)
+  }, [])
+
+  if (!mounted) return null
+
+  return createPortal(
+    <ToastProvider
+      placement="top-center"
+      regionProps={{
+        className: 'z-[1001]'
+      }}
+      toastOffset={20}
+      toastProps={{
+        timeout: 3000,
+        classNames: {
+          // This setting causes the 'hero-toast' class to be applied twice to the toast element. This is weird and I don't know why, but it works.
+          base: 'hero-toast'
+        }
+      }}
+    />,
+    document.body
+  )
+}
diff --git a/src/renderer/src/components/TopView/index.tsx b/src/renderer/src/components/TopView/index.tsx
index 8c2cb4a3bb..d37f9d5077 100644
--- a/src/renderer/src/components/TopView/index.tsx
+++ b/src/renderer/src/components/TopView/index.tsx
@@ -2,10 +2,11 @@
 import TopViewMinappContainer from '@renderer/components/MinApp/TopViewMinappContainer'
 import { useAppInit } from '@renderer/hooks/useAppInit'
 import { useShortcuts } from '@renderer/hooks/useShortcuts'
-import { message, Modal } from 'antd'
+import { Modal } from 'antd'
 import React, { PropsWithChildren, useCallback, useEffect, useRef, useState } from 'react'
 
 import { Box } from '../Layout'
+import { getToastUtilities } from './toast'
 
 let onPop = () => {}
 let onShow = ({ element, id }: { element: React.FC | React.ReactNode; id: string }) => {
@@ -33,7 +34,6 @@ const TopViewContainer: React.FC<Props> = ({ children }) => {
   const elementsRef = useRef<ElementItem[]>([])
   elementsRef.current = elements
 
-  const [messageApi, messageContextHolder] = message.useMessage()
   const [modal, modalContextHolder] = Modal.useModal()
   const { shortcuts } = useShortcuts()
   const enableQuitFullScreen = shortcuts.find((item) => item.key === 'exit_fullscreen')?.enabled
@@ -41,9 +41,9 @@ const TopViewContainer: React.FC<Props> = ({ children }) => {
   useAppInit()
 
   useEffect(() => {
-    window.message = messageApi
     window.modal = modal
-  }, [messageApi, modal])
+    window.toast = getToastUtilities()
+  }, [modal])
 
   onPop = () => {
     const views = [...elementsRef.current]
@@ -96,7 +96,6 @@ const TopViewContainer: React.FC<Props> = ({ children }) => {
   return (
     <>
       {children}
-      {messageContextHolder}
       {modalContextHolder}
       <TopViewMinappContainer />
       {elements.map(({ element: Element, id }) => (
diff --git a/src/renderer/src/components/TopView/toast.ts b/src/renderer/src/components/TopView/toast.ts
new file mode 100644
index 0000000000..b5108315fa
--- /dev/null
+++ b/src/renderer/src/components/TopView/toast.ts
@@ -0,0 +1,72 @@
+import { addToast, closeAll, closeToast, getToastQueue, isToastClosing } from '@heroui/toast'
+import { RequireSome } from '@renderer/types'
+
+type AddToastProps = Parameters<typeof addToast>[0]
+type ToastPropsColored = Omit<AddToastProps, 'color'>
+
+const createToast = (color: 'danger' | 'success' | 'warning' | 'default') => {
+  return (arg: ToastPropsColored | string): string | null => {
+    if (typeof arg === 'string') {
+      return addToast({ color, title: arg })
+    } else {
+      return addToast({ color, ...arg })
+    }
+  }
+}
+
+// syntatic sugar, oh yeah
+
+/**
+ * Display an error toast notification with red color
+ * @param arg - Toast content (string) or toast options object
+ * @returns Toast ID or null
+ */
+export const error = createToast('danger')
+
+/**
+ * Display a success toast notification with green color
+ * @param arg - Toast content (string) or toast options object
+ * @returns Toast ID or null
+ */
+export const success = createToast('success')
+
+/**
+ * Display a warning toast notification with yellow color
+ * @param arg - Toast content (string) or toast options object
+ * @returns Toast ID or null
+ */
+export const warning = createToast('warning')
+
+/**
+ * Display an info toast notification with default color
+ * @param arg - Toast content (string) or toast options object
+ * @returns Toast ID or null
+ */
+export const info = createToast('default')
+
+/**
+ * Display a loading toast notification that resolves with a promise
+ * @param args - Toast options object containing a promise to resolve
+ * @returns Toast ID or null
+ */
+export const loading = (args: RequireSome<AddToastProps, 'promise'>) => {
+  // Disappear immediately by default
+  if (args.timeout === undefined) {
+    args.timeout = 1
+  }
+  return addToast(args)
+}
+
+export const getToastUtilities = () =>
+  ({
+    getToastQueue,
+    addToast,
+    closeToast,
+    closeAll,
+    isToastClosing,
+    error,
+    success,
+    warning,
+    info,
+    loading
+  }) as const
diff --git a/src/renderer/src/components/TranslateButton.tsx b/src/renderer/src/components/TranslateButton.tsx
index 9aec798659..104c153240 100644
--- a/src/renderer/src/components/TranslateButton.tsx
+++ b/src/renderer/src/components/TranslateButton.tsx
@@ -53,10 +53,7 @@ const TranslateButton: FC<Props> = ({ text, onTranslated, disabled, style, isLoa
       onTranslated(translatedText)
     } catch (error) {
       logger.error('Translation failed:', error as Error)
-      window.message.error({
-        content: t('translate.error.failed'),
-        key: 'translate-message'
-      })
+      window.toast.error(t('translate.error.failed'))
     } finally {
       setIsTranslating(false)
     }
diff --git a/src/renderer/src/components/WebdavBackupManager.tsx b/src/renderer/src/components/WebdavBackupManager.tsx
index f04cbef04e..6683cacfe0 100644
--- a/src/renderer/src/components/WebdavBackupManager.tsx
+++ b/src/renderer/src/components/WebdavBackupManager.tsx
@@ -60,7 +60,7 @@ export function WebdavBackupManager({
 
   const fetchBackupFiles = useCallback(async () => {
     if (!webdavHost) {
-      window.message.error(t('message.error.invalid.webdav'))
+      window.toast.error(t('message.error.invalid.webdav'))
       return
     }
 
@@ -78,7 +78,7 @@ export function WebdavBackupManager({
         total: files.length
       }))
     } catch (error: any) {
-      window.message.error(`${t('settings.data.webdav.backup.manager.fetch.error')}: ${error.message}`)
+      window.toast.error(`${t('settings.data.webdav.backup.manager.fetch.error')}: ${error.message}`)
     } finally {
       setLoading(false)
     }
@@ -106,7 +106,7 @@ export function WebdavBackupManager({
     }
 
     if (!webdavHost) {
-      window.message.error(t('message.error.invalid.webdav'))
+      window.toast.error(t('message.error.invalid.webdav'))
       return
     }
 
@@ -129,13 +129,13 @@ export function WebdavBackupManager({
               webdavPath
             } as WebdavConfig)
           }
-          window.message.success(
+          window.toast.success(
             t('settings.data.webdav.backup.manager.delete.success.multiple', { count: selectedRowKeys.length })
           )
           setSelectedRowKeys([])
           await fetchBackupFiles()
         } catch (error: any) {
-          window.message.error(`${t('settings.data.webdav.backup.manager.delete.error')}: ${error.message}`)
+          window.toast.error(`${t('settings.data.webdav.backup.manager.delete.error')}: ${error.message}`)
         } finally {
           setDeleting(false)
         }
@@ -145,7 +145,7 @@ export function WebdavBackupManager({
 
   const handleDeleteSingle = async (fileName: string) => {
     if (!webdavHost) {
-      window.message.error(t('message.error.invalid.webdav'))
+      window.toast.error(t('message.error.invalid.webdav'))
       return
     }
 
@@ -165,10 +165,10 @@ export function WebdavBackupManager({
             webdavPass,
             webdavPath
           } as WebdavConfig)
-          window.message.success(t('settings.data.webdav.backup.manager.delete.success.single'))
+          window.toast.success(t('settings.data.webdav.backup.manager.delete.success.single'))
           await fetchBackupFiles()
         } catch (error: any) {
-          window.message.error(`${t('settings.data.webdav.backup.manager.delete.error')}: ${error.message}`)
+          window.toast.error(`${t('settings.data.webdav.backup.manager.delete.error')}: ${error.message}`)
         } finally {
           setDeleting(false)
         }
@@ -178,7 +178,7 @@ export function WebdavBackupManager({
 
   const handleRestore = async (fileName: string) => {
     if (!webdavHost) {
-      window.message.error(customLabels?.invalidConfigMessage || t('message.error.invalid.webdav'))
+      window.toast.error(customLabels?.invalidConfigMessage || t('message.error.invalid.webdav'))
       return
     }
 
@@ -193,10 +193,10 @@ export function WebdavBackupManager({
         setRestoring(true)
         try {
           await (restoreMethod || restoreFromWebdav)(fileName)
-          window.message.success(t('settings.data.webdav.backup.manager.restore.success'))
+          window.toast.success(t('settings.data.webdav.backup.manager.restore.success'))
           onClose() // 关闭模态框
         } catch (error: any) {
-          window.message.error(`${t('settings.data.webdav.backup.manager.restore.error')}: ${error.message}`)
+          window.toast.error(`${t('settings.data.webdav.backup.manager.restore.error')}: ${error.message}`)
         } finally {
           setRestoring(false)
         }
diff --git a/src/renderer/src/components/WindowControls/WindowControls.styled.ts b/src/renderer/src/components/WindowControls/WindowControls.styled.ts
index 61d208d925..c962e139e5 100644
--- a/src/renderer/src/components/WindowControls/WindowControls.styled.ts
+++ b/src/renderer/src/components/WindowControls/WindowControls.styled.ts
@@ -1,11 +1,15 @@
 import styled from 'styled-components'
 
 export const WindowControlsContainer = styled.div`
+  position: fixed;
+  top: 0;
+  right: 0;
   display: flex;
   align-items: center;
-  height: 100%;
+  height: var(--navbar-height);
   -webkit-app-region: no-drag;
   user-select: none;
+  z-index: 9999;
 `
 
 export const ControlButton = styled.button<{ $isClose?: boolean }>`
diff --git a/src/renderer/src/components/WindowControls/index.tsx b/src/renderer/src/components/WindowControls/index.tsx
index 5b0b8c699b..c31476a881 100644
--- a/src/renderer/src/components/WindowControls/index.tsx
+++ b/src/renderer/src/components/WindowControls/index.tsx
@@ -2,17 +2,45 @@ import { isLinux, isWin } from '@renderer/config/constant'
 import { Tooltip } from 'antd'
 import { Minus, Square, X } from 'lucide-react'
 import { useEffect, useState } from 'react'
+import { SVGProps } from 'react'
 import { useTranslation } from 'react-i18next'
 
 import { ControlButton, WindowControlsContainer } from './WindowControls.styled'
 
-// Custom restore icon - two overlapping squares like Windows
-const RestoreIcon: React.FC<{ size?: number }> = ({ size = 14 }) => (
-  <svg width={size} height={size} viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="1">
-    {/* Back square (top-right) */}
-    <path d="M 4 2 H 11 V 9 H 9 V 4 H 4 V 2" />
-    {/* Front square (bottom-left) */}
-    <rect x="2" y="4" width="7" height="7" />
+interface WindowRestoreIconProps extends SVGProps<SVGSVGElement> {
+  size?: string | number
+}
+
+export const WindowRestoreIcon = ({ size = '1.1em', ...props }: WindowRestoreIconProps) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth="2"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    className="lucide lucide-square-icon lucide-square"
+    version="1.1"
+    id="svg4"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}>
+    <defs id="defs1" />
+    <rect
+      width="14.165795"
+      height="14.165795"
+      x="2.7646871"
+      y="7.0695167"
+      rx="1.2377932"
+      id="rect2"
+      style={{ strokeWidth: '1.57397' }}
+    />
+    <path
+      d="m 8.8907777,2.8269172 c -0.5045461,0 -0.9490675,0.2424833 -1.2285866,0.6160739 H 18.993677 c 0.866756,0 1.563332,0.696576 1.563332,1.5633319 v 11.331486 c 0.37359,-0.279519 0.616074,-0.72404 0.616074,-1.228587 V 4.3635407 c 0,-0.8505156 -0.686108,-1.5366235 -1.536624,-1.5366235 z"
+      style={{ strokeWidth: '0.911647', strokeDasharray: 'none' }}
+      id="path5"
+    />
   </svg>
 )
 
@@ -67,7 +95,7 @@ const WindowControls: React.FC = () => {
         placement="bottom"
         mouseEnterDelay={DEFAULT_DELAY}>
         <ControlButton onClick={handleMaximize} aria-label={isMaximized ? 'Restore' : 'Maximize'}>
-          {isMaximized ? <RestoreIcon size={14} /> : <Square size={14} />}
+          {isMaximized ? <WindowRestoreIcon size={14} /> : <Square size={14} />}
         </ControlButton>
       </Tooltip>
       <Tooltip title={t('navbar.window.close')} placement="bottom" mouseEnterDelay={DEFAULT_DELAY}>
diff --git a/src/renderer/src/components/__tests__/CopyButton.test.tsx b/src/renderer/src/components/__tests__/CopyButton.test.tsx
index dabe863d32..1087ee74fe 100644
--- a/src/renderer/src/components/__tests__/CopyButton.test.tsx
+++ b/src/renderer/src/components/__tests__/CopyButton.test.tsx
@@ -10,8 +10,8 @@ const mockClipboard = {
   writeText: mockWriteText
 }
 
-// Mock window.message
-const mockMessage = {
+// Mock window.toast
+const mockedToast = {
   success: vi.fn(),
   error: vi.fn()
 }
@@ -33,7 +33,7 @@ describe('CopyButton', () => {
   beforeEach(() => {
     // Setup mocks
     Object.assign(navigator, { clipboard: mockClipboard })
-    Object.assign(window, { message: mockMessage })
+    Object.assign(window, { toast: mockedToast })
 
     // Clear all mocks
     vi.clearAllMocks()
@@ -103,8 +103,8 @@ describe('CopyButton', () => {
     const clickableElement = copyIcon?.parentElement
     await userEvent.click(clickableElement!)
 
-    expect(mockMessage.success).toHaveBeenCalledWith('复制成功')
-    expect(mockMessage.error).not.toHaveBeenCalled()
+    expect(mockedToast.success).toHaveBeenCalledWith('复制成功')
+    expect(mockedToast.error).not.toHaveBeenCalled()
   })
 
   it('should show error message when copy fails', async () => {
@@ -116,8 +116,8 @@ describe('CopyButton', () => {
     const clickableElement = copyIcon?.parentElement
     await userEvent.click(clickableElement!)
 
-    expect(mockMessage.error).toHaveBeenCalledWith('复制失败')
-    expect(mockMessage.success).not.toHaveBeenCalled()
+    expect(mockedToast.error).toHaveBeenCalledWith('复制失败')
+    expect(mockedToast.success).not.toHaveBeenCalled()
   })
 
   it('should apply custom size to icon and label', () => {
diff --git a/src/renderer/src/components/__tests__/InputEmbeddingDimension.test.tsx b/src/renderer/src/components/__tests__/InputEmbeddingDimension.test.tsx
index babc67e6ef..946b08780b 100644
--- a/src/renderer/src/components/__tests__/InputEmbeddingDimension.test.tsx
+++ b/src/renderer/src/components/__tests__/InputEmbeddingDimension.test.tsx
@@ -98,9 +98,9 @@ vi.mock('@renderer/components/Icons', () => ({
   )
 }))
 
-// Mock window.message
+// Mock window.toast
 Object.assign(window, {
-  message: {
+  toast: {
     error: vi.fn(),
     success: vi.fn()
   }
@@ -195,7 +195,7 @@ describe('InputEmbeddingDimension', () => {
       // We can skip this check to be explicit.
       await userEvent.click(refreshButton, { pointerEventsCheck: 0 })
 
-      expect(window.message.error).not.toHaveBeenCalled()
+      expect(window.toast.error).not.toHaveBeenCalled()
     })
 
     it('should show error when API call fails', async () => {
@@ -208,7 +208,7 @@ describe('InputEmbeddingDimension', () => {
       await user.click(refreshButton)
 
       await waitFor(() => {
-        expect(window.message.error).toHaveBeenCalledWith('获取嵌入维度失败\nAPI Error')
+        expect(window.toast.error).toHaveBeenCalledWith('获取嵌入维度失败\nAPI Error')
       })
     })
 
diff --git a/src/renderer/src/components/app/Navbar.tsx b/src/renderer/src/components/app/Navbar.tsx
index 70122355f3..8f88c8d0c1 100644
--- a/src/renderer/src/components/app/Navbar.tsx
+++ b/src/renderer/src/components/app/Navbar.tsx
@@ -2,6 +2,7 @@ import { isLinux, isMac, isWin } from '@renderer/config/constant'
 import { useFullscreen } from '@renderer/hooks/useFullscreen'
 import useNavBackgroundColor from '@renderer/hooks/useNavBackgroundColor'
 import { useNavbarPosition } from '@renderer/hooks/useNavbar'
+import { useRuntime } from '@renderer/hooks/useRuntime'
 import type { FC, PropsWithChildren } from 'react'
 import type { HTMLAttributes } from 'react'
 import styled from 'styled-components'
@@ -12,16 +13,21 @@ type Props = PropsWithChildren & HTMLAttributes<HTMLDivElement>
 
 export const Navbar: FC<Props> = ({ children, ...props }) => {
   const backgroundColor = useNavBackgroundColor()
+  const isFullscreen = useFullscreen()
   const { isTopNavbar } = useNavbarPosition()
+  const { minappShow } = useRuntime()
 
   if (isTopNavbar) {
     return null
   }
 
   return (
-    <NavbarContainer {...props} style={{ backgroundColor }}>
-      {children}
-    </NavbarContainer>
+    <>
+      <NavbarContainer {...props} style={{ backgroundColor }} $isFullScreen={isFullscreen}>
+        {children}
+      </NavbarContainer>
+      {!isTopNavbar && !minappShow && <WindowControls />}
+    </>
   )
 }
 
@@ -30,17 +36,7 @@ export const NavbarLeft: FC<Props> = ({ children, ...props }) => {
 }
 
 export const NavbarCenter: FC<Props> = ({ children, ...props }) => {
-  return (
-    <NavbarCenterContainer {...props}>
-      {children}
-      {/* Add WindowControls for Windows and Linux in NavbarCenter */}
-      {(isWin || isLinux) && (
-        <div style={{ position: 'absolute', right: 0, top: 0, height: '100%', display: 'flex', alignItems: 'center' }}>
-          <WindowControls />
-        </div>
-      )}
-    </NavbarCenterContainer>
-  )
+  return <NavbarCenterContainer {...props}>{children}</NavbarCenterContainer>
 }
 
 export const NavbarRight: FC<Props> = ({ children, ...props }) => {
@@ -65,14 +61,15 @@ export const NavbarHeader: FC<Props> = ({ children, ...props }) => {
   return <NavbarHeaderContent {...props}>{children}</NavbarHeaderContent>
 }
 
-const NavbarContainer = styled.div`
+const NavbarContainer = styled.div<{ $isFullScreen: boolean }>`
   min-width: 100%;
   display: flex;
   flex-direction: row;
-  min-height: env(titlebar-area-height);
+  min-height: ${isMac ? 'env(titlebar-area-height)' : 'var(--navbar-height)'};
   max-height: var(--navbar-height);
   margin-left: ${isMac ? 'calc(var(--sidebar-width) * -1)' : 0};
-  padding-left: ${isMac ? 'env(titlebar-area-x)' : 0};
+  padding-left: ${({ $isFullScreen }) =>
+    isMac ? ($isFullScreen ? 'var(--sidebar-width)' : 'env(titlebar-area-x)') : 0};
   -webkit-app-region: drag;
 `
 
@@ -101,8 +98,8 @@ const NavbarRightContainer = styled.div<{ $isFullscreen: boolean }>`
   display: flex;
   align-items: center;
   padding: 0 12px;
-  padding-right: ${({ $isFullscreen }) => ($isFullscreen ? '12px' : isWin ? '140px' : isLinux ? '120px' : '12px')};
   justify-content: flex-end;
+  flex: 1;
 `
 
 const NavbarMainContainer = styled.div<{ $isFullscreen: boolean }>`
diff --git a/src/renderer/src/components/dnd/ItemRenderer.tsx b/src/renderer/src/components/dnd/ItemRenderer.tsx
index 825772a8dd..a33301df62 100644
--- a/src/renderer/src/components/dnd/ItemRenderer.tsx
+++ b/src/renderer/src/components/dnd/ItemRenderer.tsx
@@ -1,13 +1,16 @@
 import { DraggableSyntheticListeners } from '@dnd-kit/core'
-import { Transform } from '@dnd-kit/utilities'
+import { CSS, Transform } from '@dnd-kit/utilities'
 import { classNames } from '@renderer/utils'
 import React, { useEffect } from 'react'
 import styled from 'styled-components'
 
+import { RenderItemType } from './types'
+
 interface ItemRendererProps<T> {
   ref?: React.Ref<HTMLDivElement>
+  index?: number
   item: T
-  renderItem: (item: T, props: { dragging: boolean }) => React.ReactNode
+  renderItem: RenderItemType<T>
   dragging?: boolean
   dragOverlay?: boolean
   ghost?: boolean
@@ -18,6 +21,7 @@ interface ItemRendererProps<T> {
 
 export function ItemRenderer<T>({
   ref,
+  index,
   item,
   renderItem,
   dragging,
@@ -42,14 +46,15 @@ export function ItemRenderer<T>({
 
   const wrapperStyle = {
     transition,
-    '--translate-x': transform ? `${Math.round(transform.x)}px` : undefined,
-    '--translate-y': transform ? `${Math.round(transform.y)}px` : undefined,
-    '--scale-x': transform?.scaleX ? `${transform.scaleX}` : undefined,
-    '--scale-y': transform?.scaleY ? `${transform.scaleY}` : undefined
+    transform: CSS.Transform.toString(transform ?? null)
   } as React.CSSProperties
 
   return (
-    <ItemWrapper ref={ref} className={classNames({ dragOverlay: dragOverlay })} style={{ ...wrapperStyle }}>
+    <ItemWrapper
+      ref={ref}
+      data-index={index}
+      className={classNames({ dragOverlay: dragOverlay })}
+      style={{ ...wrapperStyle }}>
       <DraggableItem
         className={classNames({ dragging: dragging, dragOverlay: dragOverlay, ghost: ghost })}
         {...listeners}
@@ -62,8 +67,6 @@ export function ItemRenderer<T>({
 
 const ItemWrapper = styled.div`
   box-sizing: border-box;
-  transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1))
-    scaleY(var(--scale-y, 1));
   transform-origin: 0 0;
   touch-action: manipulation;
 
diff --git a/src/renderer/src/components/dnd/Sortable.tsx b/src/renderer/src/components/dnd/Sortable.tsx
index 3ef77acb31..733163ec6c 100644
--- a/src/renderer/src/components/dnd/Sortable.tsx
+++ b/src/renderer/src/components/dnd/Sortable.tsx
@@ -5,13 +5,19 @@ import {
   DragOverlay,
   DropAnimation,
   KeyboardSensor,
+  Modifier,
   Over,
   TouchSensor,
   UniqueIdentifier,
   useSensor,
   useSensors
 } from '@dnd-kit/core'
-import { restrictToHorizontalAxis, restrictToVerticalAxis } from '@dnd-kit/modifiers'
+import {
+  restrictToFirstScrollableAncestor,
+  restrictToHorizontalAxis,
+  restrictToVerticalAxis,
+  restrictToWindowEdges
+} from '@dnd-kit/modifiers'
 import {
   horizontalListSortingStrategy,
   rectSortingStrategy,
@@ -25,6 +31,7 @@ import styled from 'styled-components'
 
 import { ItemRenderer } from './ItemRenderer'
 import { SortableItem } from './SortableItem'
+import { RenderItemType } from './types'
 import { PortalSafePointerSensor } from './utils'
 
 interface SortableProps<T> {
@@ -39,7 +46,7 @@ interface SortableProps<T> {
   /** Callback when drag ends, will be passed to dnd-kit's onDragEnd */
   onDragEnd?: (event: { over: Over }) => void
   /** Function to render individual item, receives item data and drag state */
-  renderItem: (item: T, props: { dragging: boolean }) => React.ReactNode
+  renderItem: RenderItemType<T>
   /** Layout type - 'list' for vertical/horizontal list, 'grid' for grid layout */
   layout?: 'list' | 'grid'
   /** Whether sorting is horizontal */
@@ -54,10 +61,17 @@ interface SortableProps<T> {
   className?: string
   /** Item list style */
   listStyle?: React.CSSProperties
-  /** Ghost item style */
-  ghostItemStyle?: React.CSSProperties
   /** Item gap */
   gap?: number | string
+  /** Restrictions, shortcuts for some modifiers */
+  restrictions?: {
+    /** Add modifier restrictToWindowEdges */
+    windowEdges?: boolean
+    /** Add modifier restrictToFirstScrollableAncestor */
+    scrollableAncestor?: boolean
+  }
+  /** Additional modifiers */
+  modifiers?: Modifier[]
 }
 
 function Sortable<T>({
@@ -73,7 +87,9 @@ function Sortable<T>({
   showGhost = false,
   className,
   listStyle,
-  gap
+  gap,
+  restrictions,
+  modifiers: customModifiers
 }: SortableProps<T>) {
   const sensors = useSensors(
     useSensor(PortalSafePointerSensor, {
@@ -132,7 +148,18 @@ function Sortable<T>({
 
   const strategy =
     layout === 'list' ? (horizontal ? horizontalListSortingStrategy : verticalListSortingStrategy) : rectSortingStrategy
-  const modifiers = layout === 'list' ? (horizontal ? [restrictToHorizontalAxis] : [restrictToVerticalAxis]) : []
+
+  const { windowEdges = false, scrollableAncestor = false } = restrictions ?? {}
+
+  const modifiers = useMemo<Modifier[]>(
+    () => [
+      ...(layout === 'list' ? [horizontal ? restrictToHorizontalAxis : restrictToVerticalAxis] : []),
+      ...(windowEdges ? [restrictToWindowEdges] : []),
+      ...(scrollableAncestor ? [restrictToFirstScrollableAncestor] : []),
+      ...(customModifiers ?? [])
+    ],
+    [layout, horizontal, windowEdges, scrollableAncestor, customModifiers]
+  )
 
   const dropAnimation: DropAnimation = useMemo(
     () => ({
@@ -162,8 +189,9 @@ function Sortable<T>({
           {items.map((item, index) => (
             <SortableItem
               key={itemIds[index]}
+              id={itemIds[index]}
+              index={index}
               item={item}
-              getId={getId}
               renderItem={renderItem}
               useDragOverlay={useDragOverlay}
               showGhost={showGhost}
@@ -200,14 +228,14 @@ const ListWrapper = styled.div<{ $gap?: number | string }>`
   &[data-layout='list'] {
     display: flex;
     align-items: center;
+  }
 
-    [data-direction='horizontal'] {
-      flex-direction: row;
-    }
+  &[data-layout='list'][data-direction='horizontal'] {
+    flex-direction: row;
+  }
 
-    [data-direction='vertical'] {
-      flex-direction: column;
-    }
+  &[data-layout='list'][data-direction='vertical'] {
+    flex-direction: column;
   }
 `
 
diff --git a/src/renderer/src/components/dnd/SortableItem.tsx b/src/renderer/src/components/dnd/SortableItem.tsx
index 3d83f58a1d..60901223a0 100644
--- a/src/renderer/src/components/dnd/SortableItem.tsx
+++ b/src/renderer/src/components/dnd/SortableItem.tsx
@@ -1,25 +1,25 @@
 import { useSortable } from '@dnd-kit/sortable'
-import React from 'react'
 
 import { ItemRenderer } from './ItemRenderer'
+import { RenderItemType } from './types'
 
 interface SortableItemProps<T> {
   item: T
-  getId: (item: T) => string | number
-  renderItem: (item: T, props: { dragging: boolean }) => React.ReactNode
+  id: string | number
+  index: number
+  renderItem: RenderItemType<T>
   useDragOverlay?: boolean
   showGhost?: boolean
 }
 
 export function SortableItem<T>({
   item,
-  getId,
+  id,
+  index,
   renderItem,
   useDragOverlay = true,
   showGhost = true
 }: SortableItemProps<T>) {
-  const id = getId(item)
-
   const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
     id
   })
@@ -28,6 +28,7 @@ export function SortableItem<T>({
     <ItemRenderer
       ref={setNodeRef}
       item={item}
+      index={index}
       renderItem={renderItem}
       dragging={isDragging}
       dragOverlay={!useDragOverlay && isDragging}
diff --git a/src/renderer/src/components/dnd/types.ts b/src/renderer/src/components/dnd/types.ts
new file mode 100644
index 0000000000..7235646d38
--- /dev/null
+++ b/src/renderer/src/components/dnd/types.ts
@@ -0,0 +1 @@
+export type RenderItemType<T> = (item: T, props: { dragging: boolean }) => React.ReactNode
diff --git a/src/renderer/src/components/dnd/utils.ts b/src/renderer/src/components/dnd/utils.ts
index 1435621efd..d2e73ede6e 100644
--- a/src/renderer/src/components/dnd/utils.ts
+++ b/src/renderer/src/components/dnd/utils.ts
@@ -1,4 +1,4 @@
-import { defaultDropAnimationSideEffects, type DropAnimation, PointerSensor } from '@dnd-kit/core'
+import { PointerSensor } from '@dnd-kit/core'
 
 export const PORTAL_NO_DND_SELECTORS = [
   '.ant-dropdown',
@@ -8,20 +8,6 @@ export const PORTAL_NO_DND_SELECTORS = [
   '.ant-modal'
 ].join(',')
 
-/**
- * Default drop animation config.
- * The opacity is set so to match the drag overlay case.
- */
-export const dropAnimationConfig: DropAnimation = {
-  sideEffects: defaultDropAnimationSideEffects({
-    styles: {
-      active: {
-        opacity: '0.25'
-      }
-    }
-  })
-}
-
 /**
  * Prevent drag on elements with specific classes or data-no-dnd attribute
  */
diff --git a/src/renderer/src/context/ThemeProvider.tsx b/src/renderer/src/context/ThemeProvider.tsx
index 381c862e1b..7112fac2f9 100644
--- a/src/renderer/src/context/ThemeProvider.tsx
+++ b/src/renderer/src/context/ThemeProvider.tsx
@@ -23,11 +23,18 @@ interface ThemeProviderProps extends PropsWithChildren {
   defaultTheme?: ThemeMode
 }
 
+const tailwindThemeChange = (theme: ThemeMode) => {
+  const root = window.document.documentElement
+  root.classList.remove('light', 'dark')
+  root.classList.add(theme)
+}
+
 export const ThemeProvider: React.FC<ThemeProviderProps> = ({ children }) => {
   // 用户设置的主题
-  // const { theme: settedTheme, setTheme: setSettedTheme } = useSettings()
+  // const { theme: settedTheme, setTheme: setSettedTheme, language } = useSettings()
 
   const [settedTheme, setSettedTheme] = usePreference('ui.theme_mode')
+  const [language] = usePreference('app.language')
 
   const [actualTheme, setActualTheme] = useState<ThemeMode>(
     window.matchMedia('(prefers-color-scheme: dark)').matches ? ThemeMode.dark : ThemeMode.light
@@ -48,7 +55,15 @@ export const ThemeProvider: React.FC<ThemeProviderProps> = ({ children }) => {
     // Set initial theme and OS attributes on body
     document.body.setAttribute('os', isMac ? 'mac' : isWin ? 'windows' : 'linux')
     document.body.setAttribute('theme-mode', actualTheme)
+    if (actualTheme === ThemeMode.dark) {
+      document.body.classList.remove('light')
+      document.body.classList.add('dark')
+    } else {
+      document.body.classList.remove('dark')
+      document.body.classList.add('light')
+    }
     document.body.setAttribute('navbar-position', navbarPosition)
+    document.documentElement.lang = language || navigator.language
 
     // if theme is old auto, then set theme to system
     // we can delete this after next big release
@@ -63,7 +78,11 @@ export const ThemeProvider: React.FC<ThemeProviderProps> = ({ children }) => {
       document.body.setAttribute('theme-mode', actualTheme)
       setActualTheme(actualTheme)
     })
-  }, [actualTheme, initUserTheme, navbarPosition, setSettedTheme, settedTheme])
+  }, [actualTheme, initUserTheme, language, navbarPosition, setSettedTheme, settedTheme])
+
+  useEffect(() => {
+    tailwindThemeChange(actualTheme)
+  }, [actualTheme])
 
   return (
     <ThemeContext value={{ theme: actualTheme, settedTheme: settedTheme, toggleTheme, setTheme: setSettedTheme }}>
diff --git a/src/renderer/src/entryPoint.tsx b/src/renderer/src/entryPoint.tsx
index bf6a3cb6a5..2eddc06813 100644
--- a/src/renderer/src/entryPoint.tsx
+++ b/src/renderer/src/entryPoint.tsx
@@ -1,4 +1,5 @@
-import './assets/styles/index.scss'
+import './assets/styles/index.css'
+import './assets/styles/tailwind.css'
 import '@ant-design/v5-patch-for-react-19'
 
 import { createRoot } from 'react-dom/client'
diff --git a/src/renderer/src/env.d.ts b/src/renderer/src/env.d.ts
index 7674f15efd..cf8f8a4cb0 100644
--- a/src/renderer/src/env.d.ts
+++ b/src/renderer/src/env.d.ts
@@ -1,10 +1,12 @@
 /// <reference types="vite/client" />
 
+import { addToast, closeAll, closeToast, getToastQueue, isToastClosing } from '@heroui/toast'
 import type KeyvStorage from '@kangfenmao/keyv-storage'
-import { MessageInstance } from 'antd/es/message/interface'
 import { HookAPI } from 'antd/es/modal/useModal'
 import { NavigateFunction } from 'react-router-dom'
 
+import { error, info, loading, success, warning } from './components/TopView/toast'
+
 interface ImportMetaEnv {
   VITE_RENDERER_INTEGRATED_MODEL: string
 }
@@ -16,10 +18,21 @@ interface ImportMeta {
 declare global {
   interface Window {
     root: HTMLElement
-    message: MessageInstance
     modal: HookAPI
     keyv: KeyvStorage
     store: any
     navigate: NavigateFunction
+    toast: {
+      getToastQueue: typeof getToastQueue
+      addToast: typeof addToast
+      closeToast: typeof closeToast
+      closeAll: typeof closeAll
+      isToastClosing: typeof isToastClosing
+      error: typeof error
+      success: typeof success
+      warning: typeof warning
+      info: typeof info
+      loading: typeof loading
+    }
   }
 }
diff --git a/src/renderer/src/hero.ts b/src/renderer/src/hero.ts
new file mode 100644
index 0000000000..93a081c30b
--- /dev/null
+++ b/src/renderer/src/hero.ts
@@ -0,0 +1,2 @@
+import { heroui } from '@heroui/react'
+export default heroui()
diff --git a/src/renderer/src/hooks/useAppInit.ts b/src/renderer/src/hooks/useAppInit.ts
index 451f9f5789..1fcdf0b25a 100644
--- a/src/renderer/src/hooks/useAppInit.ts
+++ b/src/renderer/src/hooks/useAppInit.ts
@@ -13,6 +13,7 @@ import { handleSaveData } from '@renderer/store'
 import { selectMemoryConfig } from '@renderer/store/memory'
 import { setAvatar, setFilesPath, setResourcesPath, setUpdateState } from '@renderer/store/runtime'
 import { delay, runAsyncFunction } from '@renderer/utils'
+import { checkDataLimit } from '@renderer/utils'
 import { defaultLanguage } from '@shared/config/constant'
 import { IpcChannel } from '@shared/IpcChannel'
 import { useLiveQuery } from 'dexie-react-hooks'
@@ -21,6 +22,7 @@ import { useEffect } from 'react'
 import { useDefaultModel } from './useAssistant'
 import useFullScreenNotice from './useFullScreenNotice'
 import { useRuntime } from './useRuntime'
+import { useNavbarPosition } from './useNavbar'
 import useUpdateHandler from './useUpdateHandler'
 const logger = loggerService.withContext('useAppInit')
 
@@ -35,6 +37,7 @@ export function useAppInit() {
   const [proxyMode] = usePreference('app.proxy.mode')
   const [enableDataCollection] = usePreference('app.privacy.data_collection.enabled')
 
+  const { isTopNavbar } = useNavbarPosition()
   const { minappShow } = useRuntime()
   const { setDefaultModel, setQuickModel, setTranslateModel } = useDefaultModel()
   const avatar = useLiveQuery(() => db.settings.get('image://avatar'))
@@ -100,14 +103,14 @@ export function useAppInit() {
   useEffect(() => {
     const transparentWindow = windowStyle === 'transparent' && isMac && !minappShow
 
-    if (minappShow) {
+    if (minappShow && isTopNavbar) {
       window.root.style.background =
         windowStyle === 'transparent' && isMac ? 'var(--color-background)' : 'var(--navbar-background)'
       return
     }
 
     window.root.style.background = transparentWindow ? 'var(--navbar-background-mac)' : 'var(--navbar-background)'
-  }, [windowStyle, minappShow, theme])
+  }, [windowStyle, minappShow, theme, isTopNavbar])
 
   useEffect(() => {
     if (isLocalAi) {
@@ -156,4 +159,8 @@ export function useAppInit() {
       logger.error('Failed to update memory config:', error)
     })
   }, [memoryConfig])
+
+  useEffect(() => {
+    checkDataLimit()
+  }, [])
 }
diff --git a/src/renderer/src/hooks/useAssistant.ts b/src/renderer/src/hooks/useAssistant.ts
index bc4147d52a..258048f0b1 100644
--- a/src/renderer/src/hooks/useAssistant.ts
+++ b/src/renderer/src/hooks/useAssistant.ts
@@ -59,7 +59,7 @@ export function useAssistants() {
           dispatch(insertAssistant({ index: index + 1, assistant: _assistant }))
         } catch (e) {
           logger.error('Failed to insert assistant', e as Error)
-          window.message.error(t('message.error.copy'))
+          window.toast.error(t('message.error.copy'))
         }
       }
       return _assistant
diff --git a/src/renderer/src/hooks/useAttachment.ts b/src/renderer/src/hooks/useAttachment.ts
new file mode 100644
index 0000000000..0d017ec6bf
--- /dev/null
+++ b/src/renderer/src/hooks/useAttachment.ts
@@ -0,0 +1,35 @@
+import { loggerService } from '@logger'
+import TextFilePreviewPopup from '@renderer/components/Popups/TextFilePreview'
+import { FileTypes } from '@renderer/types'
+import { useTranslation } from 'react-i18next'
+
+const logger = loggerService.withContext('FileAction')
+
+/**
+ * 处理附件点击事件：
+ * 如果是文本文件，在 Preview 视图中打开，
+ * 否则使用默认打开接口
+ */
+export function useAttachment() {
+  const { t } = useTranslation()
+  const preview = async (path: string, title: string, fileType: FileTypes, extension?: string) => {
+    try {
+      if (fileType === FileTypes.TEXT) {
+        const content = await window.api.fs.readText(path)
+        let ext = extension
+        if (ext?.startsWith('.')) {
+          ext = ext.replace('.', '')
+        }
+        TextFilePreviewPopup.show(content, title, ext)
+      } else {
+        window.api.file.openPath(path)
+      }
+    } catch (err) {
+      logger.error(`Error opening ${path}:`, err as Error)
+      window.modal.error({ content: t('files.preview.error'), centered: true })
+    }
+  }
+  return {
+    preview
+  }
+}
diff --git a/src/renderer/src/hooks/useChatContext.ts b/src/renderer/src/hooks/useChatContext.ts
index 613a75c156..415ab0c616 100644
--- a/src/renderer/src/hooks/useChatContext.ts
+++ b/src/renderer/src/hooks/useChatContext.ts
@@ -97,7 +97,7 @@ export const useChatContext = (activeTopic: Topic) => {
   const handleMultiSelectAction = useCallback(
     async (actionType: string, messageIds: string[]) => {
       if (messageIds.length === 0) {
-        window.message.warning(t('chat.multiple.select.empty'))
+        window.toast.warning(t('chat.multiple.select.empty'))
         return
       }
 
@@ -115,11 +115,11 @@ export const useChatContext = (activeTopic: Topic) => {
             onOk: async () => {
               try {
                 await Promise.all(messageIds.map((messageId) => deleteMessage(messageId)))
-                window.message.success(t('message.delete.success'))
+                window.toast.success(t('message.delete.success'))
                 handleToggleMultiSelectMode(false)
               } catch (error) {
                 logger.error('Failed to delete messages:', error as Error)
-                window.message.error(t('message.delete.failed'))
+                window.toast.error(t('message.delete.failed'))
               }
             }
           })
@@ -142,7 +142,7 @@ export const useChatContext = (activeTopic: Topic) => {
               .join('\n\n---\n\n')
             const fileName = `chat_export_${new Date().toISOString().slice(0, 19).replace(/[T:]/g, '-')}.md`
             await window.api.file.save(fileName, contentToSave)
-            window.message.success({ content: t('message.save.success.title'), key: 'save-messages' })
+            window.toast.success(t('message.save.success.title'))
             handleToggleMultiSelectMode(false)
           } else {
             // 这个分支不会进入 因为 messageIds.length === 0 已提前返回，需要简化掉
@@ -165,7 +165,7 @@ export const useChatContext = (activeTopic: Topic) => {
               })
               .join('\n\n---\n\n')
             navigator.clipboard.writeText(contentToCopy)
-            window.message.success({ content: t('message.copied'), key: 'copy-messages' })
+            window.toast.success(t('message.copied'))
             handleToggleMultiSelectMode(false)
           } else {
             // 和上面一样
diff --git a/src/renderer/src/hooks/useFiles.ts b/src/renderer/src/hooks/useFiles.ts
index 59a9c99cfa..19e6d98e77 100644
--- a/src/renderer/src/hooks/useFiles.ts
+++ b/src/renderer/src/hooks/useFiles.ts
@@ -68,12 +68,11 @@ export const useFiles = (props?: Props) => {
         }
 
         if (supportedFiles.length !== _files.length) {
-          window.message.info({
-            key: 'file_not_supported',
-            content: t('chat.input.file_not_supported_count', {
+          window.toast.info(
+            t('chat.input.file_not_supported_count', {
               count: _files.length - supportedFiles.length
             })
-          })
+          )
         }
         return supportedFiles
       } else {
diff --git a/src/renderer/src/hooks/useFullScreenNotice.ts b/src/renderer/src/hooks/useFullScreenNotice.ts
index 69af2da4be..7a228eb72d 100644
--- a/src/renderer/src/hooks/useFullScreenNotice.ts
+++ b/src/renderer/src/hooks/useFullScreenNotice.ts
@@ -9,10 +9,9 @@ export function useFullScreenNotice() {
   useEffect(() => {
     const cleanup = window.electron.ipcRenderer.on(IpcChannel.FullscreenStatusChanged, (_, isFullscreen) => {
       if (isWin && isFullscreen) {
-        window.message.info({
-          content: t('common.fullscreen'),
-          duration: 3,
-          key: 'fullscreen-notification'
+        window.toast.info({
+          title: t('common.fullscreen'),
+          timeout: 3000
         })
       }
     })
diff --git a/src/renderer/src/hooks/useKnowledgeBaseForm.ts b/src/renderer/src/hooks/useKnowledgeBaseForm.ts
index 59b75852c2..f641a4fa5f 100644
--- a/src/renderer/src/hooks/useKnowledgeBaseForm.ts
+++ b/src/renderer/src/hooks/useKnowledgeBaseForm.ts
@@ -126,7 +126,7 @@ export const useKnowledgeBaseForm = (base?: KnowledgeBase) => {
       if (!value || (newBase.chunkSize && newBase.chunkSize > value)) {
         setNewBase((prev) => ({ ...prev, chunkOverlap: value || undefined }))
       } else {
-        window.message.error(t('message.error.chunk_overlap_too_large'))
+        window.toast.error(t('message.error.chunk_overlap_too_large'))
       }
     },
     [newBase.chunkSize, t]
diff --git a/src/renderer/src/hooks/useMinappPopup.ts b/src/renderer/src/hooks/useMinappPopup.ts
index f2ca1da21c..22c5bd337f 100644
--- a/src/renderer/src/hooks/useMinappPopup.ts
+++ b/src/renderer/src/hooks/useMinappPopup.ts
@@ -37,7 +37,7 @@ export const useMinappPopup = () => {
 
   const createLRUCache = useCallback(() => {
     return new LRUCache<string, MinAppType>({
-      max: maxKeepAliveMinapps,
+      max: maxKeepAliveMinapps ?? 10,
       disposeAfter: (_value, key) => {
         // Clean up WebView state when app is disposed from cache
         clearWebviewState(key)
diff --git a/src/renderer/src/hooks/useOcr.ts b/src/renderer/src/hooks/useOcr.ts
index 93350fda1d..284b31695b 100644
--- a/src/renderer/src/hooks/useOcr.ts
+++ b/src/renderer/src/hooks/useOcr.ts
@@ -1,7 +1,6 @@
 import { loggerService } from '@logger'
 import * as OcrService from '@renderer/services/ocr/OcrService'
 import { ImageFileMetadata, isImageFileMetadata, SupportedOcrFile } from '@renderer/types'
-import { uuid } from '@renderer/utils'
 import { formatErrorMessage } from '@renderer/utils/error'
 import { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -35,23 +34,23 @@ export const useOcr = () => {
    * @throws 当文件类型不支持或OCR失败时抛出错误
    */
   const ocr = async (file: SupportedOcrFile) => {
-    const key = uuid()
-    window.message.loading({ content: t('ocr.processing'), key, duration: 0 })
-    // await to keep show loading message
-    try {
-      if (isImageFileMetadata(file)) {
-        return await ocrImage(file)
-      } else {
-        // @ts-expect-error all types should be covered
-        throw new Error(t('ocr.file.not_supported', { type: file.type }))
+    const _ocr = async () => {
+      try {
+        if (isImageFileMetadata(file)) {
+          return ocrImage(file)
+        } else {
+          // @ts-expect-error all types should be covered
+          throw new Error(t('ocr.file.not_supported', { type: file.type }))
+        }
+      } catch (e) {
+        logger.error('Failed to ocr.', e as Error)
+        window.toast.error(t('ocr.error.unknown') + ': ' + formatErrorMessage(e))
+        throw e
       }
-    } catch (e) {
-      logger.error('Failed to ocr.', e as Error)
-      window.message.error(t('ocr.error.unknown') + ': ' + formatErrorMessage(e))
-      throw e
-    } finally {
-      window.message.destroy(key)
     }
+    const promise = _ocr()
+    window.toast.loading({ title: t('ocr.processing'), promise })
+    return promise
   }
 
   return {
diff --git a/src/renderer/src/hooks/useOcrProvider.tsx b/src/renderer/src/hooks/useOcrProvider.tsx
index 38afaf81b0..0a40f047ff 100644
--- a/src/renderer/src/hooks/useOcrProvider.tsx
+++ b/src/renderer/src/hooks/useOcrProvider.tsx
@@ -39,7 +39,7 @@ export const useOcrProviders = () => {
       if (providers.some((p) => p.id === provider.id)) {
         const msg = `Provider with id ${provider.id} already exists`
         logger.error(msg)
-        window.message.error(t('ocr.error.provider.existing'))
+        window.toast.error(t('ocr.error.provider.existing'))
         throw new Error(msg)
       }
       dispatch(addOcrProvider(provider))
@@ -56,7 +56,7 @@ export const useOcrProviders = () => {
     if (isBuiltinOcrProviderId(id)) {
       const msg = `Cannot remove builtin provider ${id}`
       logger.error(msg)
-      window.message.error(t('ocr.error.provider.cannot_remove_builtin'))
+      window.toast.error(t('ocr.error.provider.cannot_remove_builtin'))
       throw new Error(msg)
     }
 
@@ -123,19 +123,19 @@ export const useOcrProvider = (id: string) => {
   // safely fallback
   if (!provider) {
     logger.error(`Ocr Provider ${id} not found`)
-    window.message.error(t('ocr.error.provider.not_found'))
+    window.toast.error(t('ocr.error.provider.not_found'))
     if (isBuiltinOcrProviderId(id)) {
       try {
         addProvider(BUILTIN_OCR_PROVIDERS_MAP[id])
       } catch (e) {
         logger.warn(`Add ${BUILTIN_OCR_PROVIDERS_MAP[id].name} failed. Just use temp provider from config.`)
-        window.message.warning(t('ocr.warning.provider.fallback', { name: BUILTIN_OCR_PROVIDERS_MAP[id].name }))
+        window.toast.warning(t('ocr.warning.provider.fallback', { name: BUILTIN_OCR_PROVIDERS_MAP[id].name }))
       } finally {
         provider = BUILTIN_OCR_PROVIDERS_MAP[id]
       }
     } else {
       logger.warn(`Fallback to tesseract`)
-      window.message.warning(t('ocr.warning.provider.fallback', { name: 'Tesseract' }))
+      window.toast.warning(t('ocr.warning.provider.fallback', { name: 'Tesseract' }))
       provider = BUILTIN_OCR_PROVIDERS_MAP.tesseract
     }
   }
diff --git a/src/renderer/src/hooks/useRuntime.ts b/src/renderer/src/hooks/useRuntime.ts
index 7ff5713c92..184e090230 100644
--- a/src/renderer/src/hooks/useRuntime.ts
+++ b/src/renderer/src/hooks/useRuntime.ts
@@ -13,7 +13,7 @@ export function modelGenerating() {
   const generating = store.getState().runtime.generating
 
   if (generating) {
-    window.message.warning({ content: i18n.t('message.switch.disabled'), key: 'model-generating' })
+    window.toast.warning(i18n.t('message.switch.disabled'))
     return Promise.reject()
   }
 
diff --git a/src/renderer/src/hooks/useTranslate.ts b/src/renderer/src/hooks/useTranslate.ts
index 907bedb0f2..160fa6e803 100644
--- a/src/renderer/src/hooks/useTranslate.ts
+++ b/src/renderer/src/hooks/useTranslate.ts
@@ -1,10 +1,13 @@
 import { usePreference } from '@data/hooks/usePreference'
 import { loggerService } from '@logger'
 import { builtinLanguages, UNKNOWN } from '@renderer/config/translate'
+import { useAppSelector } from '@renderer/store'
+import { TranslateState, updateSettings } from '@renderer/store/translate'
 import { TranslateLanguage } from '@renderer/types'
 import { runAsyncFunction } from '@renderer/utils'
 import { getTranslateOptions } from '@renderer/utils/translate'
 import { useCallback, useEffect, useState } from 'react'
+import { useDispatch } from 'react-redux'
 
 const logger = loggerService.withContext('useTranslate')
 
@@ -17,9 +20,12 @@ const logger = loggerService.withContext('useTranslate')
  */
 export default function useTranslate() {
   const [prompt] = usePreference('feature.translate.model_prompt')
+  const settings = useAppSelector((state) => state.translate.settings)
   const [translateLanguages, setTranslateLanguages] = useState<TranslateLanguage[]>(builtinLanguages)
   const [isLoaded, setIsLoaded] = useState(false)
 
+  const dispatch = useDispatch()
+
   useEffect(() => {
     runAsyncFunction(async () => {
       const options = await getTranslateOptions()
@@ -46,9 +52,18 @@ export default function useTranslate() {
     [isLoaded, translateLanguages]
   )
 
+  const handleUpdateSettings = useCallback(
+    (update: Partial<TranslateState['settings']>) => {
+      dispatch(updateSettings(update))
+    },
+    [dispatch]
+  )
+
   return {
     prompt,
+    settings,
     translateLanguages,
-    getLanguageByLangcode
+    getLanguageByLangcode,
+    updateSettings: handleUpdateSettings
   }
 }
diff --git a/src/renderer/src/hooks/useUpdateHandler.ts b/src/renderer/src/hooks/useUpdateHandler.ts
index 4724ddd688..0b5282f0c3 100644
--- a/src/renderer/src/hooks/useUpdateHandler.ts
+++ b/src/renderer/src/hooks/useUpdateHandler.ts
@@ -21,7 +21,7 @@ export default function useUpdateHandler() {
       ipcRenderer.on(IpcChannel.UpdateNotAvailable, () => {
         dispatch(setUpdateState({ checking: false }))
         if (window.location.hash.includes('settings/about')) {
-          window.message.success(t('settings.about.updateNotAvailable'))
+          window.toast.success(t('settings.about.updateNotAvailable'))
         }
       }),
       ipcRenderer.on(IpcChannel.UpdateAvailable, (_, releaseInfo: UpdateInfo) => {
diff --git a/src/renderer/src/hooks/useUserTheme.ts b/src/renderer/src/hooks/useUserTheme.ts
index d0246e19a3..d01cbd7e69 100644
--- a/src/renderer/src/hooks/useUserTheme.ts
+++ b/src/renderer/src/hooks/useUserTheme.ts
@@ -11,8 +11,14 @@ export default function useUserTheme() {
     const colorPrimary = Color(theme.colorPrimary)
 
     document.body.style.setProperty('--color-primary', colorPrimary.toString())
+    // overwrite hero UI primary color.
+    document.body.style.setProperty('--primary', colorPrimary.toString())
     document.body.style.setProperty('--color-primary-soft', colorPrimary.alpha(0.6).toString())
     document.body.style.setProperty('--color-primary-mute', colorPrimary.alpha(0.3).toString())
+
+    // Set font family CSS variables
+    document.documentElement.style.setProperty('--user-font-family', `'${theme.userFontFamily}'`)
+    document.documentElement.style.setProperty('--user-code-font-family', `'${theme.userCodeFontFamily}'`)
   }
 
   return {
diff --git a/src/renderer/src/i18n/locales/en-us.json b/src/renderer/src/i18n/locales/en-us.json
index 8b328b1ee9..24f8be0eb4 100644
--- a/src/renderer/src/i18n/locales/en-us.json
+++ b/src/renderer/src/i18n/locales/en-us.json
@@ -538,6 +538,10 @@
         "tip": "The run button will be displayed in the toolbar of executable code blocks, please do not execute dangerous code!",
         "title": "Code Execution"
       },
+      "code_fancy_block": {
+        "label": "Fancy code block",
+        "tip": "Enable fancy style for code block, e.g., html card"
+      },
       "code_image_tools": {
         "label": "Enable preview tools",
         "tip": "Enable preview tools for images rendered from code blocks such as mermaid"
@@ -943,6 +947,9 @@
     "image": "Image",
     "name": "Name",
     "open": "Open",
+    "preview": {
+      "error": "Failed to open file"
+    },
     "size": "Size",
     "text": "Text",
     "title": "Files",
@@ -1701,7 +1708,7 @@
     "delete_confirm": "Are you sure you want to delete this {{type}}?",
     "delete_folder_confirm": "Are you sure you want to delete the folder \"{{name}}\" and all of its contents?",
     "delete_note_confirm": "Are you sure you want to delete the note \"{{name}}\"?",
-    "drop_markdown_hint": "Drop markdown files here to import",
+    "drop_markdown_hint": "Drop .md files or folders here to import",
     "empty": "No notes available yet",
     "expand": "unfold",
     "export_failed": "Failed to export to knowledge base",
@@ -1712,8 +1719,7 @@
     "new_note": "Create a new note",
     "no_content_to_copy": "No content to copy",
     "no_file_selected": "Please select the file to upload",
-    "only_markdown": "Only Markdown files are supported",
-    "only_one_file_allowed": "Only one file can be uploaded",
+    "no_valid_files": "No valid file was uploaded",
     "open_folder": "Open an external folder",
     "open_outside": "Open from external",
     "rename": "Rename",
@@ -1739,8 +1745,15 @@
         "compress_content": "Content Compression",
         "compress_content_description": "When enabled, it will limit the number of characters per line, reducing the content displayed on the screen, but making longer paragraphs more readable.",
         "default_font": "Default font",
+        "font_size": "Font Size",
+        "font_size_description": "Adjust the font size for better reading experience (10-30px)",
+        "font_size_large": "Large",
+        "font_size_medium": "Medium",
+        "font_size_small": "Small",
         "font_title": "Font settings",
         "serif_font": "Serif font",
+        "show_table_of_contents": "Show Table of Contents",
+        "show_table_of_contents_description": "Display a table of contents sidebar for easy navigation within documents",
         "title": "Display Settings"
       },
       "editor": {
@@ -1768,7 +1781,7 @@
     "sort_updated_asc": "Update time (oldest first)",
     "sort_updated_desc": "Update time (newest first)",
     "sort_z2a": "File name (Z-A)",
-    "star": "Favorite",
+    "star": "Favorite note",
     "starred_notes": "Collected notes",
     "title": "Notes",
     "unsaved_changes": "You have unsaved content, are you sure you want to leave?",
@@ -2637,6 +2650,10 @@
         "url": "Joplin Web Clipper Service URL",
         "url_placeholder": "http://127.0.0.1:41184/"
       },
+      "limit": {
+        "appDataDiskQuota": "Disk Space Warning",
+        "appDataDiskQuotaDescription": "Data directory space is almost full, please clear disk space, otherwise data will be lost"
+      },
       "local": {
         "autoSync": {
           "label": "Auto Backup",
@@ -3099,6 +3116,13 @@
           "placeholder": "/* Put custom CSS here */"
         }
       },
+      "font": {
+        "code": "Code Font",
+        "default": "Default",
+        "global": "Global Font",
+        "select": "Select Font",
+        "title": "Font Settings"
+      },
       "navbar": {
         "position": {
           "label": "Navbar Position",
@@ -4297,6 +4321,7 @@
     },
     "processing": "Translation in progress...",
     "settings": {
+      "autoCopy": "Copy after translation ",
       "bidirectional": "Bidirectional Translation Settings",
       "bidirectional_tip": "When enabled, only bidirectional translation between source and target languages is supported",
       "model": "Model Settings",
diff --git a/src/renderer/src/i18n/locales/zh-cn.json b/src/renderer/src/i18n/locales/zh-cn.json
index 3ea4d77577..ba0f14bbd4 100644
--- a/src/renderer/src/i18n/locales/zh-cn.json
+++ b/src/renderer/src/i18n/locales/zh-cn.json
@@ -132,6 +132,7 @@
     },
     "title": "API 服务器"
   },
+
   "assistants": {
     "abbr": "助手",
     "clear": {
@@ -538,6 +539,10 @@
         "tip": "可执行的代码块工具栏中会显示运行按钮，注意不要执行危险代码！",
         "title": "代码执行"
       },
+      "code_fancy_block": {
+        "label": "花式代码块",
+        "tip": "使用更美观的代码块样式，例如 HTML 卡片"
+      },
       "code_image_tools": {
         "label": "启用预览工具",
         "tip": "为 mermaid 等代码块渲染后的图像启用预览工具"
@@ -943,6 +948,9 @@
     "image": "图片",
     "name": "文件名",
     "open": "打开",
+    "preview": {
+      "error": "打开文件失败"
+    },
     "size": "大小",
     "text": "文本",
     "title": "文件",
@@ -1701,7 +1709,7 @@
     "delete_confirm": "确定要删除这个{{type}}吗？",
     "delete_folder_confirm": "确定要删除文件夹 \"{{name}}\" 及其所有内容吗？",
     "delete_note_confirm": "确定要删除笔记 \"{{name}}\" 吗？",
-    "drop_markdown_hint": "拖拽 Markdown 文件到此处导入",
+    "drop_markdown_hint": "拖拽 .md 文件或目录到此处导入",
     "empty": "暂无笔记",
     "expand": "展开",
     "export_failed": "导出到知识库失败",
@@ -1712,8 +1720,7 @@
     "new_note": "新建笔记",
     "no_content_to_copy": "没有内容可复制",
     "no_file_selected": "请选择要上传的文件",
-    "only_markdown": "仅支持 Markdown 格式",
-    "only_one_file_allowed": "只能上传一个文件",
+    "no_valid_files": "没有上传有效的文件",
     "open_folder": "打开外部文件夹",
     "open_outside": "从外部打开",
     "rename": "重命名",
@@ -1739,8 +1746,15 @@
         "compress_content": "缩减栏宽",
         "compress_content_description": "开启后将限制每行字数，使屏幕显示的内容减少",
         "default_font": "默认字体",
+        "font_size": "字体大小",
+        "font_size_description": "调整字体大小以获得更好的阅读体验 (10-30px)",
+        "font_size_large": "大",
+        "font_size_medium": "中",
+        "font_size_small": "小",
         "font_title": "字体设置",
         "serif_font": "衬线字体",
+        "show_table_of_contents": "显示目录大纲",
+        "show_table_of_contents_description": "显示目录大纲侧边栏，方便文档内导航",
         "title": "显示设置"
       },
       "editor": {
@@ -1768,7 +1782,7 @@
     "sort_updated_asc": "更新时间（从旧到新）",
     "sort_updated_desc": "更新时间（从新到旧）",
     "sort_z2a": "文件名（Z-A）",
-    "star": "收藏",
+    "star": "收藏笔记",
     "starred_notes": "收藏的笔记",
     "title": "笔记",
     "unsaved_changes": "你有未保存的内容，确定要离开吗？",
@@ -2637,6 +2651,10 @@
         "url": "Joplin 剪裁服务监听 URL",
         "url_placeholder": "http://127.0.0.1:41184/"
       },
+      "limit": {
+        "appDataDiskQuota": "磁盘空间警告",
+        "appDataDiskQuotaDescription": "数据目录空间即将用尽, 请清理磁盘空间, 否则会丢失数据"
+      },
       "local": {
         "autoSync": {
           "label": "自动备份",
@@ -3099,6 +3117,13 @@
           "placeholder": "/* 这里写自定义 CSS */"
         }
       },
+      "font": {
+        "code": "代码字体",
+        "default": "默认",
+        "global": "全局字体",
+        "select": "选择字体",
+        "title": "字体设置"
+      },
       "navbar": {
         "position": {
           "label": "导航栏位置",
@@ -4297,6 +4322,7 @@
     },
     "processing": "翻译中...",
     "settings": {
+      "autoCopy": "翻译完成后自动复制",
       "bidirectional": "双向翻译设置",
       "bidirectional_tip": "开启后，仅支持在源语言和目标语言之间进行双向翻译",
       "model": "模型设置",
diff --git a/src/renderer/src/i18n/locales/zh-tw.json b/src/renderer/src/i18n/locales/zh-tw.json
index c970cff3e6..53ab001bb6 100644
--- a/src/renderer/src/i18n/locales/zh-tw.json
+++ b/src/renderer/src/i18n/locales/zh-tw.json
@@ -538,6 +538,10 @@
         "tip": "可執行的程式碼塊工具欄中會顯示運行按鈕，注意不要執行危險程式碼！",
         "title": "程式碼執行"
       },
+      "code_fancy_block": {
+        "label": "花式程式碼區塊",
+        "tip": "使用更美觀的程式碼區塊樣式，例如 HTML 卡片"
+      },
       "code_image_tools": {
         "label": "啟用預覽工具",
         "tip": "為 mermaid 等程式碼區塊渲染後的圖像啟用預覽工具"
@@ -943,6 +947,9 @@
     "image": "圖片",
     "name": "名稱",
     "open": "開啟",
+    "preview": {
+      "error": "開啟檔案失敗"
+    },
     "size": "大小",
     "text": "文字",
     "title": "檔案",
@@ -1701,7 +1708,7 @@
     "delete_confirm": "確定要刪除此 {{type}} 嗎？",
     "delete_folder_confirm": "確定要刪除資料夾 \"{{name}}\" 及其所有內容嗎？",
     "delete_note_confirm": "確定要刪除筆記 \"{{name}}\" 嗎？",
-    "drop_markdown_hint": "拖拽 Markdown 文件到此處導入",
+    "drop_markdown_hint": "拖拽 .md 文件或資料夾到此處導入",
     "empty": "暫無筆記",
     "expand": "展開",
     "export_failed": "匯出至知識庫失敗",
@@ -1712,8 +1719,7 @@
     "new_note": "新建筆記",
     "no_content_to_copy": "沒有內容可複制",
     "no_file_selected": "請選擇要上傳的文件",
-    "only_markdown": "僅支援 Markdown 格式",
-    "only_one_file_allowed": "只能上傳一個文件",
+    "no_valid_files": "沒有上傳有效的檔案",
     "open_folder": "打開外部文件夾",
     "open_outside": "從外部打開",
     "rename": "重命名",
@@ -1739,8 +1745,15 @@
         "compress_content": "縮減欄寬",
         "compress_content_description": "開啟後將限制每行字數，使屏幕顯示的內容減少",
         "default_font": "默認字體",
+        "font_size": "字體大小",
+        "font_size_description": "調整字體大小以獲得更好的閱讀體驗 (10-30px)",
+        "font_size_large": "大",
+        "font_size_medium": "中",
+        "font_size_small": "小",
         "font_title": "字體設置",
         "serif_font": "襯線字體",
+        "show_table_of_contents": "顯示目錄大綱",
+        "show_table_of_contents_description": "顯示目錄大綱側邊欄，方便文檔內導航",
         "title": "顯示"
       },
       "editor": {
@@ -1768,7 +1781,7 @@
     "sort_updated_asc": "更新時間（從舊到新）",
     "sort_updated_desc": "更新時間（從新到舊）",
     "sort_z2a": "文件名（Z-A）",
-    "star": "收藏",
+    "star": "收藏筆記",
     "starred_notes": "收藏的筆記",
     "title": "筆記",
     "unsaved_changes": "你有未儲存的內容，確定要離開嗎？",
@@ -2637,6 +2650,10 @@
         "url": "Joplin 剪輯服務 URL",
         "url_placeholder": "http://127.0.0.1:41184/"
       },
+      "limit": {
+        "appDataDiskQuota": "磁碟空間警告",
+        "appDataDiskQuotaDescription": "資料目錄空間即將用盡, 請清理磁碟空間, 否則會丟失數據"
+      },
       "local": {
         "autoSync": {
           "label": "自動備份",
@@ -3099,6 +3116,13 @@
           "placeholder": "/* 這裡寫自訂 CSS */"
         }
       },
+      "font": {
+        "code": "程式碼字型",
+        "default": "預設",
+        "global": "全域字型",
+        "select": "選擇字體",
+        "title": "字型設定"
+      },
       "navbar": {
         "position": {
           "label": "導航欄位置",
@@ -4297,6 +4321,7 @@
     },
     "processing": "翻譯中...",
     "settings": {
+      "autoCopy": "翻譯完成後自動複製",
       "bidirectional": "雙向翻譯設定",
       "bidirectional_tip": "開啟後，僅支援在源語言和目標語言之間進行雙向翻譯",
       "model": "模型設定",
diff --git a/src/renderer/src/i18n/translate/el-gr.json b/src/renderer/src/i18n/translate/el-gr.json
index 2ca2574bf0..d06daef3bd 100644
--- a/src/renderer/src/i18n/translate/el-gr.json
+++ b/src/renderer/src/i18n/translate/el-gr.json
@@ -538,6 +538,10 @@
         "tip": "Στη γραμμή εργαλείων των εκτελέσιμων blocks κώδικα θα εμφανίζεται το κουμπί εκτέλεσης· προσέξτε να μην εκτελέσετε επικίνδυνο κώδικα!",
         "title": "Εκτέλεση Κώδικα"
       },
+      "code_fancy_block": {
+        "label": "Μπλοκ κώδικα με στυλ",
+        "tip": "Χρησιμοποιήστε πιο όμορφο στιλ μπλοκ κώδικα, για παράδειγμα κάρτες HTML"
+      },
       "code_image_tools": {
         "label": "Ενεργοποίηση εργαλείου προεπισκόπησης",
         "tip": "Ενεργοποίηση εργαλείου προεπισκόπησης για εικόνες που αποδίδονται από blocks κώδικα όπως το mermaid"
@@ -943,6 +947,9 @@
     "image": "Εικόνα",
     "name": "Όνομα αρχείου",
     "open": "Άνοιγμα",
+    "preview": {
+      "error": "Αποτυχία ανοίγματος του αρχείου"
+    },
     "size": "Μέγεθος",
     "text": "Κείμενο",
     "title": "Αρχεία",
@@ -1701,7 +1708,7 @@
     "delete_confirm": "Είστε βέβαιοι ότι θέλετε να διαγράψετε αυτό το {{type}};",
     "delete_folder_confirm": "Θέλετε να διαγράψετε τον φάκελο «{{name}}» και όλο το περιεχόμενό του;",
     "delete_note_confirm": "Είστε βέβαιοι ότι θέλετε να διαγράψετε τη σημείωση \"{{name}}\";;",
-    "drop_markdown_hint": "Σύρετε το αρχείο Markdown εδώ για εισαγωγή",
+    "drop_markdown_hint": "Σύρετε και αποθέστε αρχεία ή φακέλους .md εδώ για εισαγωγή",
     "empty": "δεν υπάρχει σημείωση για τώρα",
     "expand": "να ανοίξει",
     "export_failed": "Εξαγωγή στη βάση γνώσης απέτυχε",
@@ -1712,8 +1719,7 @@
     "new_note": "Δημιουργία νέας σημείωσης",
     "no_content_to_copy": "Δεν υπάρχει περιεχόμενο προς αντιγραφή",
     "no_file_selected": "Επιλέξτε το αρχείο για μεταφόρτωση",
-    "only_markdown": "Υποστηρίζεται μόνο η μορφή Markdown",
-    "only_one_file_allowed": "Μπορείτε να ανεβάσετε μόνο ένα αρχείο",
+    "no_valid_files": "Δεν ανέβηκε έγκυρο αρχείο",
     "open_folder": "Άνοιγμα εξωτερικού φακέλου",
     "open_outside": "Από το εξωτερικό",
     "rename": "μετονομασία",
@@ -1739,8 +1745,15 @@
         "compress_content": "μείωση πλάτους στήλης",
         "compress_content_description": "Ενεργοποιώντας το, θα περιορίζεται ο αριθμός των χαρακτήρων ανά γραμμή, μειώνοντας την οθόνη που εμφανίζεται",
         "default_font": "προεπιλεγμένη γραμματοσειρά",
+        "font_size": "μέγεθος γραμματοσειράς",
+        "font_size_description": "Ρυθμίστε το μέγεθος της γραμματοσειράς για καλύτερη εμπειρία ανάγνωσης (10-30px)",
+        "font_size_large": "Μεγάλος",
+        "font_size_medium": "中",
+        "font_size_small": "μικρό",
         "font_title": "ρυθμίσεις γραμματοσειράς",
         "serif_font": "σειρά γραμματοσειρών",
+        "show_table_of_contents": "Εμφάνιση περιεχομένων καταλόγου",
+        "show_table_of_contents_description": "Εμφάνιση πλευρικής στήλης περιεχομένων για εύκολη πλοήγηση στο έγγραφο",
         "title": "ρυθμίσεις εμφάνισης"
       },
       "editor": {
@@ -1768,7 +1781,7 @@
     "sort_updated_asc": "χρόνος ενημέρωσης (από παλιά στα νέα)",
     "sort_updated_desc": "χρόνος ενημέρωσης (από νεώτερο σε παλαιότερο)",
     "sort_z2a": "όνομα αρχείου (Z-A)",
-    "star": "Αποθήκευση",
+    "star": "Αγαπημένες σημειώσεις",
     "starred_notes": "Σημειώσεις συλλογής",
     "title": "σημειώσεις",
     "unsaved_changes": "Έχετε μη αποθηκευμένο περιεχόμενο, είστε βέβαιοι ότι θέλετε να φύγετε;",
@@ -2221,6 +2234,21 @@
       }
     },
     "dragHandle": "στοιχεία σύρεσης",
+    "frontMatter": {
+      "addProperty": "Προσθήκη χαρακτηριστικού",
+      "addTag": "Προσθήκη ετικέτας",
+      "changeToBoolean": "Πλαίσιο ελέγχου",
+      "changeToDate": "Ημερομηνία",
+      "changeToNumber": "ψηφίο",
+      "changeToTags": "ετικέτα",
+      "changeToText": "κείμενο",
+      "changeType": "Αλλαγή τύπου",
+      "deleteProperty": "διαγραφή χαρακτηριστικού",
+      "editValue": "Επεξεργασία τιμής",
+      "empty": "Κενό",
+      "moreActions": "Περισσότερες ενέργειες",
+      "propertyName": "όνομα χαρακτηριστικού"
+    },
     "image": {
       "placeholder": "προσθήκη εικόνας"
     },
@@ -2622,6 +2650,10 @@
         "url": "URL υπηρεσίας περικοπής Joplin",
         "url_placeholder": "http://127.0.0.1:41184/"
       },
+      "limit": {
+        "appDataDiskQuota": "Προειδοποίηση χώρου δίσκου",
+        "appDataDiskQuotaDescription": "Ο κατάλογος δεδομένων της εφαρμογής είναι σχεδόν γεμάτος, παρακαλώ απομακρύνετε τον χώρο δίσκου, αλλιώς θα χαθούν τα δεδομένα"
+      },
       "local": {
         "autoSync": {
           "label": "Αυτόματο αντίγραφο ασφαλείας",
@@ -3084,6 +3116,13 @@
           "placeholder": "/* Γράψτε εδώ την προσαρμοστική CSS */"
         }
       },
+      "font": {
+        "code": "γραμματοσειρά κώδικα",
+        "default": "προεπιλογή",
+        "global": "Γενική γραμματοσειρά",
+        "select": "Επιλέξτε γραμματοσειρά",
+        "title": "Ρύθμιση γραμματοσειράς"
+      },
       "navbar": {
         "position": {
           "label": "Θέση Γραμμής Πλοήγησης",
@@ -3681,15 +3720,19 @@
         "apikey": "Κλειδί API",
         "auth_failed": "Αποτυχία πιστοποίησης ταυτότητας Anthropic",
         "auth_method": "Τρόπος πιστοποίησης",
+        "auth_success": "Η πιστοποίηση OAuth της Anthropic ήταν επιτυχής",
         "authenticated": "Επαληθευμένο",
         "authenticating": "Επαλήθευση σε εξέλιξη",
         "cancel": "Ακύρωση",
+        "code_error": "Μη έγκυρος κωδικός εξουσιοδότησης, δοκιμάστε ξανά",
         "code_placeholder": "Παρακαλώ εισαγάγετε τον κωδικό εξουσιοδότησης που εμφανίζεται στον περιηγητή σας",
         "code_required": "Ο κωδικός εξουσιοδότησης δεν μπορεί να είναι κενός",
         "description": "Πιστοποίηση OAuth",
         "description_detail": "Για να χρησιμοποιήσετε αυτόν τον τρόπο επαλήθευσης, πρέπει να είστε συνδρομητής Claude Pro ή έκδοσης μεγαλύτερης από αυτήν",
         "enter_auth_code": "κωδικός εξουσιοδότησης",
         "logout": "Αποσύνδεση λογαριασμού",
+        "logout_failed": "Η αποσύνδεση απέτυχε, δοκιμάστε ξανά.",
+        "logout_success": "Επιτυχής αποσύνδεση από το Anthropic",
         "oauth": "ιστοσελίδα OAuth",
         "start_auth": "Έναρξη εξουσιοδότησης",
         "submit_code": "Ολοκληρώστε την σύνδεση"
@@ -4278,6 +4321,7 @@
     },
     "processing": "Μεταφράζεται...",
     "settings": {
+      "autoCopy": "Μετά τη μετάφραση, αντιγράφεται αυτόματα",
       "bidirectional": "Ρύθμιση διπλής κατεύθυνσης μετάφρασης",
       "bidirectional_tip": "Όταν ενεργοποιηθεί, υποστηρίζεται μόνο διπλής κατεύθυνσης μετάφραση μεταξύ της πηγαίας και της στόχου γλώσσας",
       "model": "Ρύθμιση μοντέλου",
diff --git a/src/renderer/src/i18n/translate/es-es.json b/src/renderer/src/i18n/translate/es-es.json
index 94a6a0d0cd..5cabb387a4 100644
--- a/src/renderer/src/i18n/translate/es-es.json
+++ b/src/renderer/src/i18n/translate/es-es.json
@@ -538,6 +538,10 @@
         "tip": "En la barra de herramientas de bloques de código ejecutables se mostrará un botón de ejecución. ¡Tenga cuidado en no ejecutar código peligroso!",
         "title": "Ejecución de Código"
       },
+      "code_fancy_block": {
+        "label": "Bloque de código con estilo",
+        "tip": "Utiliza un estilo de bloque de código más atractivo, como una tarjeta HTML"
+      },
       "code_image_tools": {
         "label": "Habilitar herramienta de vista previa",
         "tip": "Habilitar herramientas de vista previa para imágenes renderizadas de bloques de código como mermaid"
@@ -943,6 +947,9 @@
     "image": "Imagen",
     "name": "Nombre del archivo",
     "open": "Abrir",
+    "preview": {
+      "error": "No se pudo abrir el archivo"
+    },
     "size": "Tamaño",
     "text": "Texto",
     "title": "Archivo",
@@ -1701,7 +1708,7 @@
     "delete_confirm": "¿Estás seguro de que deseas eliminar este {{type}}?",
     "delete_folder_confirm": "¿Está seguro de que desea eliminar la carpeta \"{{name}}\" y todo su contenido?",
     "delete_note_confirm": "¿Está seguro de que desea eliminar la nota \"{{name}}\"?",
-    "drop_markdown_hint": "Arrastra archivos Markdown aquí para importar",
+    "drop_markdown_hint": "Arrastre y suelte archivos o carpetas de .md aquí para importar",
     "empty": "Sin notas por el momento",
     "expand": "expandir",
     "export_failed": "Exportación a la base de conocimientos fallida",
@@ -1712,8 +1719,7 @@
     "new_note": "Crear nota nueva",
     "no_content_to_copy": "No hay contenido para copiar",
     "no_file_selected": "Por favor, seleccione el archivo a subir",
-    "only_markdown": "Solo se admite el formato Markdown",
-    "only_one_file_allowed": "solo se puede subir un archivo",
+    "no_valid_files": "No se ha cargado un archivo válido",
     "open_folder": "abrir carpeta externa",
     "open_outside": "Abrir desde el exterior",
     "rename": "renombrar",
@@ -1739,8 +1745,15 @@
         "compress_content": "reducir el ancho de la columna",
         "compress_content_description": "Al activarlo, se limitará el número de caracteres por línea, reduciendo el contenido mostrado en pantalla.",
         "default_font": "fuente predeterminada",
+        "font_size": "Tamaño de fuente",
+        "font_size_description": "Ajusta el tamaño de la fuente para una mejor experiencia de lectura (10-30px)",
+        "font_size_large": "Grande",
+        "font_size_medium": "中",
+        "font_size_small": "pequeño",
         "font_title": "Configuración de fuente",
         "serif_font": "fuente serif",
+        "show_table_of_contents": "Mostrar esquema del directorio",
+        "show_table_of_contents_description": "Mostrar la barra lateral del índice para facilitar la navegación dentro del documento",
         "title": "configuración de visualización"
       },
       "editor": {
@@ -1768,7 +1781,7 @@
     "sort_updated_asc": "Fecha de actualización (de más antigua a más reciente)",
     "sort_updated_desc": "Fecha de actualización (de más nuevo a más antiguo)",
     "sort_z2a": "Nombre de archivo (Z-A)",
-    "star": "Colección",
+    "star": "Notas guardadas",
     "starred_notes": "notas guardadas",
     "title": "notas",
     "unsaved_changes": "Tienes contenido no guardado, ¿estás seguro de que quieres salir?",
@@ -2221,6 +2234,21 @@
       }
     },
     "dragHandle": "bloque de arrastre",
+    "frontMatter": {
+      "addProperty": "Agregar atributo",
+      "addTag": "Añadir etiqueta",
+      "changeToBoolean": "Casilla de verificación",
+      "changeToDate": "Fecha",
+      "changeToNumber": "número",
+      "changeToTags": "etiqueta",
+      "changeToText": "texto",
+      "changeType": "cambiar tipo",
+      "deleteProperty": "eliminar atributo",
+      "editValue": "editar valor",
+      "empty": "vacío",
+      "moreActions": "Más operaciones",
+      "propertyName": "Nombre del atributo"
+    },
     "image": {
       "placeholder": "añadir imágenes"
     },
@@ -2622,6 +2650,10 @@
         "url": "URL a la que escucha el servicio de recorte de Joplin",
         "url_placeholder": "http://127.0.0.1:41184/"
       },
+      "limit": {
+        "appDataDiskQuota": "Advertencia de espacio en disco",
+        "appDataDiskQuotaDescription": "El espacio de almacenamiento de datos está casi lleno, por favor, limpie el espacio en disco, de lo contrario, se perderán los datos"
+      },
       "local": {
         "autoSync": {
           "label": "Copia de seguridad automática",
@@ -3084,6 +3116,13 @@
           "placeholder": "/* Escribe tu CSS personalizado aquí */"
         }
       },
+      "font": {
+        "code": "fuente de código",
+        "default": "predeterminado",
+        "global": "Fuente global",
+        "select": "Seleccionar fuente",
+        "title": "Configuración de fuente"
+      },
       "navbar": {
         "position": {
           "label": "Posición de la barra de navegación",
@@ -3681,15 +3720,19 @@
         "apikey": "Clave de API",
         "auth_failed": "Error de autenticación de Anthropic",
         "auth_method": "Método de autenticación",
+        "auth_success": "Autenticación OAuth de Anthropic exitosa",
         "authenticated": "Verificado",
         "authenticating": "Autenticando",
         "cancel": "Cancelar",
+        "code_error": "Código de autorización inválido, inténtalo de nuevo",
         "code_placeholder": "Introduzca el código de autorización que se muestra en el navegador",
         "code_required": "El código de autorización no puede estar vacío",
         "description": "Autenticación OAuth",
         "description_detail": "Necesitas suscribirte a Claude Pro o a una versión superior para utilizar este método de autenticación",
         "enter_auth_code": "Código de autorización",
         "logout": "Cerrar sesión",
+        "logout_failed": "Error al cerrar sesión, inténtalo de nuevo",
+        "logout_success": "Cierre de sesión exitoso en Anthropic",
         "oauth": "Web OAuth",
         "start_auth": "Comenzar autorización",
         "submit_code": "Iniciar sesión completado"
@@ -4278,6 +4321,7 @@
     },
     "processing": "Traduciendo...",
     "settings": {
+      "autoCopy": "Copiar automáticamente después de completar la traducción",
       "bidirectional": "Configuración de traducción bidireccional",
       "bidirectional_tip": "Una vez activada, solo se admitirá la traducción bidireccional entre el idioma de origen y el idioma de destino",
       "model": "Configuración del modelo",
diff --git a/src/renderer/src/i18n/translate/fr-fr.json b/src/renderer/src/i18n/translate/fr-fr.json
index 0c929c697d..49f70e76e0 100644
--- a/src/renderer/src/i18n/translate/fr-fr.json
+++ b/src/renderer/src/i18n/translate/fr-fr.json
@@ -538,6 +538,10 @@
         "tip": "Une bouton d'exécution s'affichera dans la barre d'outils des blocs de code exécutables. Attention à ne pas exécuter de code dangereux !",
         "title": "Exécution de code"
       },
+      "code_fancy_block": {
+        "label": "bloc de code fantaisie",
+        "tip": "Utiliser un style de bloc de code plus esthétique, comme une carte HTML"
+      },
       "code_image_tools": {
         "label": "Activer l'outil d'aperçu",
         "tip": "Activer les outils de prévisualisation pour les images rendues des blocs de code tels que mermaid"
@@ -943,6 +947,9 @@
     "image": "Image",
     "name": "Nom du fichier",
     "open": "Ouvrir",
+    "preview": {
+      "error": "Échec de l’ouverture du fichier"
+    },
     "size": "Taille",
     "text": "Texte",
     "title": "Fichier",
@@ -1701,7 +1708,7 @@
     "delete_confirm": "Êtes-vous sûr de vouloir supprimer ce {{type}} ?",
     "delete_folder_confirm": "Êtes-vous sûr de vouloir supprimer le dossier \"{{name}}\" et tout son contenu ?",
     "delete_note_confirm": "Êtes-vous sûr de vouloir supprimer la note \"{{name}}\" ?",
-    "drop_markdown_hint": "Glissez-déposez le fichier Markdown ici pour l'importer",
+    "drop_markdown_hint": "Déposez ici des fichiers ou dossiers .md pour les importer",
     "empty": "Aucune note pour le moment",
     "expand": "développer",
     "export_failed": "Échec de l'exportation vers la base de connaissances",
@@ -1712,8 +1719,7 @@
     "new_note": "Nouvelle note",
     "no_content_to_copy": "Aucun contenu à copier",
     "no_file_selected": "Veuillez sélectionner le fichier à télécharger",
-    "only_markdown": "uniquement le format Markdown est pris en charge",
-    "only_one_file_allowed": "On ne peut télécharger qu'un seul fichier",
+    "no_valid_files": "Aucun fichier valide n’a été téléversé",
     "open_folder": "ouvrir le dossier externe",
     "open_outside": "Ouvrir depuis l'extérieur",
     "rename": "renommer",
@@ -1739,8 +1745,15 @@
         "compress_content": "réduire la largeur des colonnes",
         "compress_content_description": "L'activation limitera le nombre de caractères par ligne, réduisant ainsi le contenu affiché à l'écran.",
         "default_font": "police par défaut",
+        "font_size": "Taille de police",
+        "font_size_description": "Ajuster la taille de la police pour une meilleure expérience de lecture (10-30px)",
+        "font_size_large": "Grand",
+        "font_size_medium": "中",
+        "font_size_small": "petit",
         "font_title": "paramétrage des polices",
         "serif_font": "police à empattements",
+        "show_table_of_contents": "Afficher le plan du sommaire",
+        "show_table_of_contents_description": "Afficher la barre latérale de la table des matières pour faciliter la navigation dans le document",
         "title": "Paramètres d'affichage"
       },
       "editor": {
@@ -1768,7 +1781,7 @@
     "sort_updated_asc": "Heure de mise à jour (du plus ancien au plus récent)",
     "sort_updated_desc": "Date de mise à jour (du plus récent au plus ancien)",
     "sort_z2a": "Nom de fichier (Z-A)",
-    "star": "Favori",
+    "star": "Notes enregistrées",
     "starred_notes": "notes de collection",
     "title": "notes",
     "unsaved_changes": "Vous avez des modifications non enregistrées, êtes-vous sûr de vouloir quitter ?",
@@ -2221,6 +2234,21 @@
       }
     },
     "dragHandle": "bloc de glisser-déposer",
+    "frontMatter": {
+      "addProperty": "Ajouter un attribut",
+      "addTag": "Ajouter une étiquette",
+      "changeToBoolean": "Case à cocher",
+      "changeToDate": "fecha",
+      "changeToNumber": "numérique",
+      "changeToTags": "étiquette",
+      "changeToText": "texte",
+      "changeType": "Modifier le type",
+      "deleteProperty": "Supprimer l'attribut",
+      "editValue": "valeur d'édition",
+      "empty": "vacío",
+      "moreActions": "Plus d'actions",
+      "propertyName": "Nom de l'attribut"
+    },
     "image": {
       "placeholder": "ajouter une image"
     },
@@ -2622,6 +2650,10 @@
         "url": "URL surveillée par le service de découpage de Joplin",
         "url_placeholder": "http://127.0.0.1:41184/"
       },
+      "limit": {
+        "appDataDiskQuota": "Avertissement d'espace sur le disque",
+        "appDataDiskQuotaDescription": "L'espace de stockage des données est presque plein, veuillez nettoyer l'espace sur le disque, sinon les données seront perdues"
+      },
       "local": {
         "autoSync": {
           "label": "Sauvegarde automatique",
@@ -3084,6 +3116,13 @@
           "placeholder": "/* Écrire votre CSS personnalisé ici */"
         }
       },
+      "font": {
+        "code": "police de code",
+        "default": "Par défaut",
+        "global": "Police de caractère globale",
+        "select": "Sélectionner la police",
+        "title": "Paramètres de police"
+      },
       "navbar": {
         "position": {
           "label": "Position de la barre de navigation",
@@ -3681,15 +3720,19 @@
         "apikey": "Clé API",
         "auth_failed": "Échec de l'authentification Anthropic",
         "auth_method": "Mode d'authentification",
+        "auth_success": "Authentification OAuth Anthropic réussie",
         "authenticated": "Certifié",
         "authenticating": "Authentification en cours",
         "cancel": "Annuler",
+        "code_error": "Code d'autorisation invalide, veuillez réessayer",
         "code_placeholder": "Veuillez saisir le code d'autorisation affiché dans le navigateur",
         "code_required": "Le code d'autorisation ne peut pas être vide",
         "description": "Authentification OAuth",
         "description_detail": "Vous devez souscrire à Claude Pro ou à une version supérieure pour pouvoir utiliser cette méthode d'authentification.",
         "enter_auth_code": "code d'autorisation",
         "logout": "Déconnexion",
+        "logout_failed": "Échec de la déconnexion, veuillez réessayer",
+        "logout_success": "Déconnexion réussie d'Anthropic",
         "oauth": "Authentification OAuth web",
         "start_auth": "Commencer l'autorisation",
         "submit_code": "Terminer la connexion"
@@ -4278,6 +4321,7 @@
     },
     "processing": "en cours de traduction...",
     "settings": {
+      "autoCopy": "Copié automatiquement après la traduction",
       "bidirectional": "Paramètres de traduction bidirectionnelle",
       "bidirectional_tip": "Une fois activé, seul la traduction bidirectionnelle entre la langue source et la langue cible est prise en charge",
       "model": "Paramètres du modèle",
diff --git a/src/renderer/src/i18n/translate/ja-jp.json b/src/renderer/src/i18n/translate/ja-jp.json
index 10cd57db6a..8a0348119d 100644
--- a/src/renderer/src/i18n/translate/ja-jp.json
+++ b/src/renderer/src/i18n/translate/ja-jp.json
@@ -538,6 +538,10 @@
         "tip": "実行可能なコードブロックのツールバーには実行ボタンが表示されます。危険なコードを実行しないでください！",
         "title": "コード実行"
       },
+      "code_fancy_block": {
+        "label": "<translate_input>\n装飾的なコードブロック\n</translate_input>",
+        "tip": "より見栄えの良いコードブロックスタイルを使用する、例えばHTMLカード"
+      },
       "code_image_tools": {
         "label": "プレビューツールを有効にする",
         "tip": "mermaid などのコードブロックから生成された画像に対してプレビューツールを有効にする"
@@ -943,6 +947,9 @@
     "image": "画像",
     "name": "名前",
     "open": "開く",
+    "preview": {
+      "error": "ファイルを開くのに失敗しました"
+    },
     "size": "サイズ",
     "text": "テキスト",
     "title": "ファイル",
@@ -1701,7 +1708,7 @@
     "delete_confirm": "この{{type}}を本当に削除しますか？",
     "delete_folder_confirm": "「{{name}}」フォルダーとそのすべての内容を削除してもよろしいですか？",
     "delete_note_confirm": "メモ \"{{name}}\" を削除してもよろしいですか？",
-    "drop_markdown_hint": "マークダウンファイルをドラッグアンドドロップしてここにインポートします",
+    "drop_markdown_hint": ".md ファイルまたはディレクトリをここにドラッグ＆ドロップしてインポートしてください",
     "empty": "暫無ノート",
     "expand": "展開",
     "export_failed": "知識ベースへのエクスポートに失敗しました",
@@ -1712,8 +1719,7 @@
     "new_note": "新規ノート作成",
     "no_content_to_copy": "コピーするコンテンツはありません",
     "no_file_selected": "アップロードするファイルを選択してください",
-    "only_markdown": "Markdown ファイルのみをアップロードできます",
-    "only_one_file_allowed": "アップロードできるファイルは1つだけです",
+    "no_valid_files": "有効なファイルがアップロードされていません",
     "open_folder": "外部フォルダーを開きます",
     "open_outside": "外部から開く",
     "rename": "名前の変更",
@@ -1739,8 +1745,15 @@
         "compress_content": "バーの幅を減らします",
         "compress_content_description": "有効にすると、1行あたりの単語数が制限され、画面に表示されるコンテンツが減少します。",
         "default_font": "デフォルトフォント",
+        "font_size": "フォントサイズ",
+        "font_size_description": "フォントサイズを調整して読書体験を向上させる（10-30px）",
+        "font_size_large": "大",
+        "font_size_medium": "中",
+        "font_size_small": "小",
         "font_title": "フォント設定",
         "serif_font": "セリフフォント",
+        "show_table_of_contents": "目次アウトラインを表示",
+        "show_table_of_contents_description": "目次アウトラインサイドバーを表示し、文書内のナビゲーションを容易にする",
         "title": "見せる"
       },
       "editor": {
@@ -1768,7 +1781,7 @@
     "sort_updated_asc": "更新日時（古い順）",
     "sort_updated_desc": "更新日時（新しい順）",
     "sort_z2a": "ファイル名（Z-A）",
-    "star": "お気に入りに追加する",
+    "star": "お気に入りのノート",
     "starred_notes": "収集したノート",
     "title": "ノート",
     "unsaved_changes": "保存されていないコンテンツがあります。本当に離れますか？",
@@ -2221,6 +2234,21 @@
       }
     },
     "dragHandle": "ブロックをドラッグします",
+    "frontMatter": {
+      "addProperty": "属性を追加",
+      "addTag": "タグを追加",
+      "changeToBoolean": "チェックボックス",
+      "changeToDate": "日付",
+      "changeToNumber": "数字",
+      "changeToTags": "タグ",
+      "changeToText": "テキスト",
+      "changeType": "種類を変更",
+      "deleteProperty": "削除属性",
+      "editValue": "編集値",
+      "empty": "空",
+      "moreActions": "その他の操作",
+      "propertyName": "プロパティ名"
+    },
     "image": {
       "placeholder": "写真を追加します"
     },
@@ -2622,6 +2650,10 @@
         "url": "Joplin 剪輯服務 URL",
         "url_placeholder": "http://127.0.0.1:41184/"
       },
+      "limit": {
+        "appDataDiskQuota": "ディスク容量警告",
+        "appDataDiskQuotaDescription": "データディレクトリの容量がほぼ満杯になっており、新しいデータの保存ができなくなる可能性があります。まずデータをバックアップしてから、ディスク容量を整理してください。"
+      },
       "local": {
         "autoSync": {
           "label": "自動バックアップ",
@@ -3084,6 +3116,13 @@
           "placeholder": "/* ここにカスタムCSSを入力 */"
         }
       },
+      "font": {
+        "code": "コードフォント",
+        "default": "デフォルト",
+        "global": "グローバルフォント",
+        "select": "フォントを選択",
+        "title": "フォント設定"
+      },
       "navbar": {
         "position": {
           "label": "ナビゲーションバー位置",
@@ -4282,6 +4321,7 @@
     },
     "processing": "翻訳中...",
     "settings": {
+      "autoCopy": "翻訳完了後、自動的にコピー",
       "bidirectional": "双方向翻訳設定",
       "bidirectional_tip": "有効にすると、ソース言語と目標言語間の双方向翻訳のみがサポートされます",
       "model": "モデル設定",
diff --git a/src/renderer/src/i18n/translate/pt-pt.json b/src/renderer/src/i18n/translate/pt-pt.json
index 4127b25391..1365994997 100644
--- a/src/renderer/src/i18n/translate/pt-pt.json
+++ b/src/renderer/src/i18n/translate/pt-pt.json
@@ -538,6 +538,10 @@
         "tip": "A barra de ferramentas de blocos de código executáveis exibirá um botão de execução; atenção para não executar códigos perigosos!",
         "title": "Execução de Código"
       },
+      "code_fancy_block": {
+        "label": "Bloco de código estilizado",
+        "tip": "Use um estilo de bloco de código mais agradável, como cartões HTML"
+      },
       "code_image_tools": {
         "label": "Habilitar ferramenta de visualização",
         "tip": "Ativar ferramentas de visualização para imagens renderizadas de blocos de código como mermaid"
@@ -943,6 +947,9 @@
     "image": "Imagem",
     "name": "Nome do Arquivo",
     "open": "Abrir",
+    "preview": {
+      "error": "Falha ao abrir o arquivo"
+    },
     "size": "Tamanho",
     "text": "Texto",
     "title": "Arquivo",
@@ -1701,7 +1708,7 @@
     "delete_confirm": "Tem a certeza de que deseja eliminar este {{type}}?",
     "delete_folder_confirm": "Tem a certeza de que deseja eliminar a pasta \"{{name}}\" e todos os seus conteúdos?",
     "delete_note_confirm": "Tem a certeza de que deseja eliminar a nota \"{{name}}\"?",
-    "drop_markdown_hint": "Arraste o arquivo Markdown para aqui e importe",
+    "drop_markdown_hint": "Arraste e solte arquivos ou pastas .md aqui para importar",
     "empty": "Ainda não existem notas",
     "expand": "expandir",
     "export_failed": "Falha ao exportar para a base de conhecimento",
@@ -1712,8 +1719,7 @@
     "new_note": "Nova nota",
     "no_content_to_copy": "Não há conteúdo para copiar",
     "no_file_selected": "Selecione o arquivo a ser enviado",
-    "only_markdown": "Apenas o formato Markdown é suportado",
-    "only_one_file_allowed": "só é possível enviar um arquivo",
+    "no_valid_files": "Nenhum arquivo válido foi carregado",
     "open_folder": "Abrir pasta externa",
     "open_outside": "Abrir externamente",
     "rename": "renomear",
@@ -1739,8 +1745,15 @@
         "compress_content": "reduzir a largura da coluna",
         "compress_content_description": "Ativando isso limitará o número de caracteres por linha, reduzindo o conteúdo exibido na tela.",
         "default_font": "fonte padrão",
+        "font_size": "tamanho da fonte",
+        "font_size_description": "Ajuste o tamanho da fonte para uma melhor experiência de leitura (10-30px)",
+        "font_size_large": "Grande",
+        "font_size_medium": "中",
+        "font_size_small": "pequeno",
         "font_title": "configuração de fonte",
         "serif_font": "fonte com serifa",
+        "show_table_of_contents": "Mostrar esboço do diretório",
+        "show_table_of_contents_description": "Mostrar barra lateral do índice, facilitando a navegação dentro do documento",
         "title": "configurações de exibição"
       },
       "editor": {
@@ -1768,7 +1781,7 @@
     "sort_updated_asc": "Tempo de atualização (do mais antigo para o mais recente)",
     "sort_updated_desc": "atualização de tempo (do mais novo para o mais antigo)",
     "sort_z2a": "Nome do arquivo (Z-A)",
-    "star": "coleções",
+    "star": "Notas favoritas",
     "starred_notes": "notas salvas",
     "title": "nota",
     "unsaved_changes": "Você tem conteúdo não salvo, tem certeza que deseja sair?",
@@ -2221,6 +2234,21 @@
       }
     },
     "dragHandle": "bloco de arrastar",
+    "frontMatter": {
+      "addProperty": "Adicionar atributo",
+      "addTag": "Adicionar etiqueta",
+      "changeToBoolean": "Caixa de seleção",
+      "changeToDate": "Data",
+      "changeToNumber": "número",
+      "changeToTags": "etiqueta",
+      "changeToText": "texto",
+      "changeType": "Alterar tipo",
+      "deleteProperty": "Excluir atributo",
+      "editValue": "Editar valor",
+      "empty": "vazio",
+      "moreActions": "Mais ações",
+      "propertyName": "nome do atributo"
+    },
     "image": {
       "placeholder": "adicionar imagem"
     },
@@ -2622,6 +2650,10 @@
         "url": "URL para o qual o serviço de recorte do Joplin está escutando",
         "url_placeholder": "http://127.0.0.1:41184/"
       },
+      "limit": {
+        "appDataDiskQuota": "Aviso de espaço em disco",
+        "appDataDiskQuotaDescription": "O espaço de armazenamento de dados está quase cheio, por favor, limpe o espaço em disco, caso contrário, os dados serão perdidos"
+      },
       "local": {
         "autoSync": {
           "label": "Backup automático",
@@ -3084,6 +3116,13 @@
           "placeholder": "/* Escreva seu CSS personalizado aqui */"
         }
       },
+      "font": {
+        "code": "fonte de código",
+        "default": "padrão",
+        "global": "Fonte global",
+        "select": "Selecionar fonte",
+        "title": "Configuração de fonte"
+      },
       "navbar": {
         "position": {
           "label": "Posição da Barra de Navegação",
@@ -3681,15 +3720,19 @@
         "apikey": "Chave da API",
         "auth_failed": "Falha na autenticação da Anthropic",
         "auth_method": "Método de autenticação",
+        "auth_success": "Autenticação OAuth da Anthropic bem-sucedida",
         "authenticated": "[retranslating]: Verificado",
         "authenticating": "A autenticar",
         "cancel": "Cancelar",
+        "code_error": "Código de autorização inválido, tente novamente",
         "code_placeholder": "Introduza o código de autorização exibido no browser",
         "code_required": "O código de autorização não pode estar vazio",
         "description": "Autenticação OAuth",
         "description_detail": "Precisa de uma subscrição Claude Pro ou superior para utilizar este método de autenticação",
         "enter_auth_code": "Código de autorização",
         "logout": "Sair da sessão",
+        "logout_failed": "Falha ao sair da conta, tente novamente",
+        "logout_success": "Logout bem-sucedido do login Anthropic",
         "oauth": "OAuth da Página Web",
         "start_auth": "Iniciar autorização",
         "submit_code": "Concluir login"
@@ -4278,6 +4321,7 @@
     },
     "processing": "Traduzindo...",
     "settings": {
+      "autoCopy": "Cópia automática após a tradução",
       "bidirectional": "Configuração de Tradução Bidirecional",
       "bidirectional_tip": "Quando ativado, suporta apenas tradução bidirecional entre o idioma de origem e o idioma de destino",
       "model": "Configuração de Modelo",
diff --git a/src/renderer/src/i18n/translate/ru-ru.json b/src/renderer/src/i18n/translate/ru-ru.json
index bae0264e88..29ad608c03 100644
--- a/src/renderer/src/i18n/translate/ru-ru.json
+++ b/src/renderer/src/i18n/translate/ru-ru.json
@@ -538,6 +538,10 @@
         "tip": "Выполнение кода в блоке кода возможно, но не рекомендуется выполнять опасный код!",
         "title": "Выполнение кода"
       },
+      "code_fancy_block": {
+        "label": "Форматированные блоки кода",
+        "tip": "Используйте более эстетичный стиль блоков кода, например, HTML-карточки"
+      },
       "code_image_tools": {
         "label": "Включить инструменты предпросмотра",
         "tip": "Включить инструменты предпросмотра для изображений, сгенерированных из блоков кода (например mermaid)"
@@ -943,6 +947,9 @@
     "image": "Изображение",
     "name": "Имя",
     "open": "Открыть",
+    "preview": {
+      "error": "Не удалось открыть файл"
+    },
     "size": "Размер",
     "text": "Текст",
     "title": "Файлы",
@@ -1701,7 +1708,7 @@
     "delete_confirm": "Вы уверены, что хотите удалить этот объект {{type}}?",
     "delete_folder_confirm": "Вы уверены, что хотите удалить папку \"{{name}}\" со всем ее содержимым?",
     "delete_note_confirm": "Вы действительно хотите удалить заметку \"{{name}}\"?",
-    "drop_markdown_hint": "Перетаскивать файл разметки, чтобы импортировать его здесь",
+    "drop_markdown_hint": "Перетащите сюда файлы или папки .md для импорта",
     "empty": "заметок пока нет",
     "expand": "развернуть",
     "export_failed": "Экспорт в базу знаний не выполнен",
@@ -1712,8 +1719,7 @@
     "new_note": "Создать заметку",
     "no_content_to_copy": "Нет контента для копирования",
     "no_file_selected": "Пожалуйста, выберите файл для загрузки",
-    "only_markdown": "Только Markdown",
-    "only_one_file_allowed": "Можно загрузить только один файл",
+    "no_valid_files": "Не загружен действительный файл",
     "open_folder": "Откройте внешнюю папку",
     "open_outside": "открыть снаружи",
     "rename": "переименовать",
@@ -1739,8 +1745,15 @@
         "compress_content": "Уменьшить ширину стержня",
         "compress_content_description": "При включении он ограничит количество слов на строку, уменьшая содержимое, отображаемое на экране.",
         "default_font": "По умолчанию шрифт",
+        "font_size": "Размер шрифта",
+        "font_size_description": "Отрегулируйте размер шрифта для лучшего чтения (10–30 пикселей)",
+        "font_size_large": "Большой",
+        "font_size_medium": "中",
+        "font_size_small": "<translate_input>\nмаленький\n</translate_input>",
         "font_title": "Настройки шрифта",
         "serif_font": "Serif Font",
+        "show_table_of_contents": "Показать оглавление",
+        "show_table_of_contents_description": "显示目录大纲侧边栏，方便文档内导航",
         "title": "показывать"
       },
       "editor": {
@@ -1768,7 +1781,7 @@
     "sort_updated_asc": "Время обновления (от старого к новому)",
     "sort_updated_desc": "Время обновления (от нового к старому)",
     "sort_z2a": "Имя файла (Я-А)",
-    "star": "Сохранить",
+    "star": "Избранные заметки",
     "starred_notes": "Сохраненные заметки",
     "title": "заметки",
     "unsaved_changes": "Вы не сохранили содержимое. Вы уверены, что хотите уйти?",
@@ -2221,6 +2234,21 @@
       }
     },
     "dragHandle": "Перетащить блок",
+    "frontMatter": {
+      "addProperty": "Добавить атрибут",
+      "addTag": "Добавить метки",
+      "changeToBoolean": "Флажок",
+      "changeToDate": "Дата",
+      "changeToNumber": "цифры",
+      "changeToTags": "ярлык",
+      "changeToText": "текст",
+      "changeType": "Изменить тип",
+      "deleteProperty": "Удалить атрибут",
+      "editValue": "Редактировать значение",
+      "empty": "Пусто",
+      "moreActions": "Дополнительные действия",
+      "propertyName": "Имя атрибута"
+    },
     "image": {
       "placeholder": "Добавить картинку"
     },
@@ -2622,6 +2650,10 @@
         "url": "URL Joplin",
         "url_placeholder": "http://127.0.0.1:41184/"
       },
+      "limit": {
+        "appDataDiskQuota": "Предупреждение о пространстве на диске",
+        "appDataDiskQuotaDescription": "Каталог данных почти заполнен, что может привести к невозможности сохранения новых данных. Сначала создайте резервную копию данных, затем освободите дисковое пространство."
+      },
       "local": {
         "autoSync": {
           "label": "Автоматическое резервное копирование",
@@ -3084,6 +3116,13 @@
           "placeholder": "/* Здесь введите пользовательский CSS */"
         }
       },
+      "font": {
+        "code": "шрифт кода",
+        "default": "по умолчанию",
+        "global": "Глобальный шрифт",
+        "select": "Выбрать шрифт",
+        "title": "Настройки шрифта"
+      },
       "navbar": {
         "position": {
           "label": "Положение навигации",
@@ -4282,6 +4321,7 @@
     },
     "processing": "Перевод в процессе...",
     "settings": {
+      "autoCopy": "Автоматически копировать после завершения перевода",
       "bidirectional": "Настройки двунаправленного перевода",
       "bidirectional_tip": "Если включено, перевод будет выполняться в обоих направлениях, исходный текст будет переведен на целевой язык и наоборот.",
       "model": "Настройки модели",
diff --git a/src/renderer/src/pages/agents/AgentsPage.tsx b/src/renderer/src/pages/agents/AgentsPage.tsx
index 16f1dcd4f3..a9e9a4b5a4 100644
--- a/src/renderer/src/pages/agents/AgentsPage.tsx
+++ b/src/renderer/src/pages/agents/AgentsPage.tsx
@@ -170,10 +170,7 @@ const AgentsPage: FC = () => {
     try {
       await ImportAgentPopup.show()
     } catch (error) {
-      window.message.error({
-        content: error instanceof Error ? error.message : t('message.agents.import.error'),
-        key: 'agents-import-error'
-      })
+      window.toast.error(error instanceof Error ? error.message : t('message.agents.import.error'))
     }
   }
 
diff --git a/src/renderer/src/pages/agents/components/ImportAgentPopup.tsx b/src/renderer/src/pages/agents/components/ImportAgentPopup.tsx
index f638545acc..c2ec140517 100644
--- a/src/renderer/src/pages/agents/components/ImportAgentPopup.tsx
+++ b/src/renderer/src/pages/agents/components/ImportAgentPopup.tsx
@@ -74,19 +74,13 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
         addAgent(newAgent)
       }
 
-      window.message.success({
-        content: t('message.agents.imported'),
-        key: 'agents-imported'
-      })
+      window.toast.success(t('message.agents.imported'))
 
       setTimeoutTimer('onFinish', () => EventEmitter.emit(EVENT_NAMES.SHOW_ASSISTANTS), 0)
       setOpen(false)
       resolve(agents)
     } catch (error) {
-      window.message.error({
-        content: error instanceof Error ? error.message : t('message.agents.import.error'),
-        key: 'agents-import-error'
-      })
+      window.toast.error(error instanceof Error ? error.message : t('message.agents.import.error'))
     } finally {
       setLoading(false)
     }
diff --git a/src/renderer/src/pages/code/CodeToolsPage.tsx b/src/renderer/src/pages/code/CodeToolsPage.tsx
index f4cf60bb92..bee260efa5 100644
--- a/src/renderer/src/pages/code/CodeToolsPage.tsx
+++ b/src/renderer/src/pages/code/CodeToolsPage.tsx
@@ -109,7 +109,7 @@ const CodeToolsPage: FC = () => {
       const bunExists = await window.api.isBinaryExist('bun')
       dispatch(setIsBunInstalled(bunExists))
     } catch (error) {
-      logger.error('检查 bun 安装状态失败:', error as Error)
+      logger.error('Failed to check bun installation status:', error as Error)
       dispatch(setIsBunInstalled(false))
     }
   }, [dispatch])
@@ -120,16 +120,10 @@ const CodeToolsPage: FC = () => {
       setIsInstallingBun(true)
       await window.api.installBunBinary()
       dispatch(setIsBunInstalled(true))
-      window.message.success({
-        content: t('settings.mcp.installSuccess'),
-        key: 'bun-install-message'
-      })
+      window.toast.success(t('settings.mcp.installSuccess'))
     } catch (error: any) {
-      logger.error('安装 bun 失败:', error as Error)
-      window.message.error({
-        content: `${t('settings.mcp.installError')}: ${error.message}`,
-        key: 'bun-install-message'
-      })
+      logger.error('Failed to install bun:', error as Error)
+      window.toast.error(`${t('settings.mcp.installError')}: ${error.message}`)
     } finally {
       setIsInstallingBun(false)
       // 重新检查安装状态
@@ -180,7 +174,7 @@ const CodeToolsPage: FC = () => {
   // 执行启动操作
   const executeLaunch = async (env: Record<string, string>) => {
     window.api.codeTools.run(selectedCliTool, selectedModel?.id!, currentDirectory, env, { autoUpdateToLatest })
-    window.message.success({ content: t('code.launch.success'), key: 'code-launch-message' })
+    window.toast.success(t('code.launch.success'))
   }
 
   // 处理启动
@@ -188,7 +182,7 @@ const CodeToolsPage: FC = () => {
     const validation = validateLaunch()
 
     if (!validation.isValid) {
-      window.message.warning({ content: validation.message, key: 'code-launch-message' })
+      window.toast.warning(validation.message || t('code.launch.validation_error'))
       return
     }
 
@@ -197,14 +191,14 @@ const CodeToolsPage: FC = () => {
     try {
       const env = await prepareLaunchEnvironment()
       if (!env) {
-        window.message.error({ content: t('code.model_required'), key: 'code-launch-message' })
+        window.toast.error(t('code.model_required'))
         return
       }
 
       await executeLaunch(env)
     } catch (error) {
       logger.error('启动失败:', error as Error)
-      window.message.error({ content: t('code.launch.error'), key: 'code-launch-message' })
+      window.toast.error(t('code.launch.error'))
     } finally {
       setIsLaunching(false)
     }
diff --git a/src/renderer/src/pages/history/HistoryPage.tsx b/src/renderer/src/pages/history/HistoryPage.tsx
index 7d0857f2e9..c8c493740e 100644
--- a/src/renderer/src/pages/history/HistoryPage.tsx
+++ b/src/renderer/src/pages/history/HistoryPage.tsx
@@ -55,7 +55,7 @@ const HistoryPage: FC = () => {
   // topic 不包含 messages，用到的时候才会获取
   const onTopicClick = (topic: Topic | null | undefined) => {
     if (!topic) {
-      window.message.error(t('history.error.topic_not_found'))
+      window.toast.error(t('history.error.topic_not_found'))
       return
     }
     setStack((prev) => [...prev, 'topic'])
diff --git a/src/renderer/src/pages/home/Chat.tsx b/src/renderer/src/pages/home/Chat.tsx
index 969a2f689c..eb0905de74 100644
--- a/src/renderer/src/pages/home/Chat.tsx
+++ b/src/renderer/src/pages/home/Chat.tsx
@@ -46,6 +46,7 @@ const Chat: FC<Props> = (props) => {
   const { showTopics } = useShowTopics()
   const { isMultiSelectMode } = useChatContext(props.activeTopic)
   const { isTopNavbar } = useNavbarPosition()
+  const chatMaxWidth = useChatMaxWidth()
 
   const mainRef = React.useRef<HTMLDivElement>(null)
   const contentSearchRef = React.useRef<ContentSearchRef>(null)
@@ -156,7 +157,7 @@ const Chat: FC<Props> = (props) => {
           vertical
           flex={1}
           justify="space-between"
-          style={{ maxWidth: '100%', height: mainHeight }}>
+          style={{ maxWidth: chatMaxWidth, height: mainHeight }}>
           <Messages
             key={props.activeTopic.id}
             assistant={assistant}
@@ -219,7 +220,7 @@ const Container = styled.div`
   height: calc(100vh - var(--navbar-height));
   flex: 1;
   [navbar-position='top'] & {
-    height: calc(100vh - var(--navbar-height) -6px);
+    height: calc(100vh - var(--navbar-height) - 6px);
     background-color: var(--color-background);
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
diff --git a/src/renderer/src/pages/home/ChatNavbar.tsx b/src/renderer/src/pages/home/ChatNavbar.tsx
index c4a00daa49..5a4df0874a 100644
--- a/src/renderer/src/pages/home/ChatNavbar.tsx
+++ b/src/renderer/src/pages/home/ChatNavbar.tsx
@@ -98,16 +98,16 @@ const HeaderNavbar: FC<Props> = ({ activeAssistant, setActiveAssistant, activeTo
       </HStack>
       <HStack alignItems="center" gap={8}>
         <UpdateAppButton />
-        <Tooltip title={t('chat.assistant.search.placeholder')} mouseEnterDelay={0.8}>
-          <NarrowIcon onClick={() => SearchPopup.show()}>
-            <Search size={18} />
-          </NarrowIcon>
-        </Tooltip>
         <Tooltip title={t('navbar.expand')} mouseEnterDelay={0.8}>
           <NarrowIcon onClick={handleNarrowModeToggle}>
             <i className="iconfont icon-icon-adaptive-width"></i>
           </NarrowIcon>
         </Tooltip>
+        <Tooltip title={t('chat.assistant.search.placeholder')} mouseEnterDelay={0.8}>
+          <NavbarIcon onClick={() => SearchPopup.show()}>
+            <Search size={18} />
+          </NavbarIcon>
+        </Tooltip>
         {topicPosition === 'right' && !showTopics && (
           <Tooltip title={t('navbar.show_sidebar')} mouseEnterDelay={2}>
             <NavbarIcon onClick={toggleShowTopics}>
diff --git a/src/renderer/src/pages/home/Inputbar/AttachmentButton.tsx b/src/renderer/src/pages/home/Inputbar/AttachmentButton.tsx
index a67382a888..dd7cd8b301 100644
--- a/src/renderer/src/pages/home/Inputbar/AttachmentButton.tsx
+++ b/src/renderer/src/pages/home/Inputbar/AttachmentButton.tsx
@@ -61,12 +61,11 @@ const AttachmentButton: FC<Props> = ({
       }
 
       if (supportedFiles.length !== _files.length) {
-        window.message.info({
-          key: 'file_not_supported',
-          content: t('chat.input.file_not_supported_count', {
+        window.toast.info(
+          t('chat.input.file_not_supported_count', {
             count: _files.length - supportedFiles.length
           })
-        })
+        )
       }
     }
   }, [extensions, files, selecting, setFiles, t])
diff --git a/src/renderer/src/pages/home/Inputbar/AttachmentPreview.tsx b/src/renderer/src/pages/home/Inputbar/AttachmentPreview.tsx
index 7df45c63ae..27fe399c8e 100644
--- a/src/renderer/src/pages/home/Inputbar/AttachmentPreview.tsx
+++ b/src/renderer/src/pages/home/Inputbar/AttachmentPreview.tsx
@@ -13,6 +13,7 @@ import {
   LinkOutlined
 } from '@ant-design/icons'
 import CustomTag from '@renderer/components/Tags/CustomTag'
+import { useAttachment } from '@renderer/hooks/useAttachment'
 import FileManager from '@renderer/services/FileManager'
 import { FileMetadata } from '@renderer/types'
 import { formatFileSize } from '@renderer/utils'
@@ -81,6 +82,7 @@ export const getFileIcon = (type?: string) => {
 }
 
 export const FileNameRender: FC<{ file: FileMetadata }> = ({ file }) => {
+  const { preview } = useAttachment()
   const [visible, setVisible] = useState<boolean>(false)
   const isImage = (ext: string) => {
     return ['.png', '.jpg', '.jpeg', '.gif', '.bmp', '.webp'].includes(ext.toLocaleLowerCase())
@@ -121,9 +123,8 @@ export const FileNameRender: FC<{ file: FileMetadata }> = ({ file }) => {
             return
           }
           const path = FileManager.getSafePath(file)
-          if (path) {
-            window.api.file.openPath(path)
-          }
+          const name = FileManager.formatFileName(file)
+          preview(path, name, file.type, file.ext)
         }}
         title={fullName}>
         {displayName}
diff --git a/src/renderer/src/pages/home/Inputbar/Inputbar.tsx b/src/renderer/src/pages/home/Inputbar/Inputbar.tsx
index abed0aac18..f38d01befd 100644
--- a/src/renderer/src/pages/home/Inputbar/Inputbar.tsx
+++ b/src/renderer/src/pages/home/Inputbar/Inputbar.tsx
@@ -61,6 +61,8 @@ import styled from 'styled-components'
 import NarrowLayout from '../Messages/NarrowLayout'
 import AttachmentPreview from './AttachmentPreview'
 import InputbarTools, { InputbarToolsRef } from './InputbarTools'
+import KnowledgeBaseInput from './KnowledgeBaseInput'
+import MentionModelsInput from './MentionModelsInput'
 import SendMessageButton from './SendMessageButton'
 import TokenCount from './TokenCount'
 
@@ -601,12 +603,11 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic, topic }) =
         const supportedFiles = await filterSupportedFiles(droppedFiles, supportedExts)
         supportedFiles.length > 0 && setFiles((prevFiles) => [...prevFiles, ...supportedFiles])
         if (droppedFiles.length > 0 && supportedFiles.length !== droppedFiles.length) {
-          window.message.info({
-            key: 'file_not_supported',
-            content: t('chat.input.file_not_supported_count', {
+          window.toast.info(
+            t('chat.input.file_not_supported_count', {
               count: droppedFiles.length - supportedFiles.length
             })
-          })
+          )
         }
       }
     },
@@ -766,6 +767,19 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic, topic }) =
     setSelectedKnowledgeBases(bases ?? [])
   }
 
+  const handleRemoveModel = (model: Model) => {
+    setMentionedModels(mentionedModels.filter((m) => m.id !== model.id))
+  }
+
+  const handleRemoveKnowledgeBase = (knowledgeBase: KnowledgeBase) => {
+    const newKnowledgeBases = assistant.knowledge_bases?.filter((kb) => kb.id !== knowledgeBase.id)
+    updateAssistant({
+      ...assistant,
+      knowledge_bases: newKnowledgeBases
+    })
+    setSelectedKnowledgeBases(newKnowledgeBases ?? [])
+  }
+
   const onEnableGenerateImage = () => {
     updateAssistant({ ...assistant, enableGenerateImage: !assistant.enableGenerateImage })
   }
@@ -852,6 +866,15 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic, topic }) =
           className={classNames('inputbar-container', inputFocus && 'focus', isFileDragging && 'file-dragging')}
           ref={containerRef}>
           {files.length > 0 && <AttachmentPreview files={files} setFiles={setFiles} />}
+          {selectedKnowledgeBases.length > 0 && (
+            <KnowledgeBaseInput
+              selectedKnowledgeBases={selectedKnowledgeBases}
+              onRemoveKnowledgeBase={handleRemoveKnowledgeBase}
+            />
+          )}
+          {mentionedModels.length > 0 && (
+            <MentionModelsInput selectedModels={mentionedModels} onRemoveModel={handleRemoveModel} />
+          )}
           <Textarea
             value={text}
             onChange={onChange}
diff --git a/src/renderer/src/pages/home/Inputbar/KnowledgeBaseButton.tsx b/src/renderer/src/pages/home/Inputbar/KnowledgeBaseButton.tsx
index 4baad42f4e..bdb1a45353 100644
--- a/src/renderer/src/pages/home/Inputbar/KnowledgeBaseButton.tsx
+++ b/src/renderer/src/pages/home/Inputbar/KnowledgeBaseButton.tsx
@@ -64,14 +64,14 @@ const KnowledgeBaseButton: FC<Props> = ({ ref, selectedBases, onSelect, disabled
       description: t('settings.input.clear.knowledge_base'),
       icon: <CircleX />,
       isSelected: false,
-      action: () => {
+      action: ({ context: ctx }) => {
         onSelect([])
-        quickPanel.close()
+        ctx.close()
       }
     })
 
     return items
-  }, [knowledgeState.bases, t, selectedBases, handleBaseSelect, navigate, onSelect, quickPanel])
+  }, [knowledgeState.bases, t, selectedBases, handleBaseSelect, navigate, onSelect])
 
   const openQuickPanel = useCallback(() => {
     quickPanel.open({
@@ -93,6 +93,14 @@ const KnowledgeBaseButton: FC<Props> = ({ ref, selectedBases, onSelect, disabled
     }
   }, [openQuickPanel, quickPanel])
 
+  // 监听 selectedBases 变化，动态更新已打开的 QuickPanel 列表状态
+  useEffect(() => {
+    if (quickPanel.isVisible && quickPanel.symbol === '#') {
+      // 直接使用重新计算的 baseItems，因为它已经包含了最新的 isSelected 状态
+      quickPanel.updateList(baseItems)
+    }
+  }, [selectedBases, quickPanel, baseItems])
+
   useImperativeHandle(ref, () => ({
     openQuickPanel
   }))
diff --git a/src/renderer/src/pages/home/Inputbar/KnowledgeBaseInput.tsx b/src/renderer/src/pages/home/Inputbar/KnowledgeBaseInput.tsx
index fdcde05aa3..711288f4b4 100644
--- a/src/renderer/src/pages/home/Inputbar/KnowledgeBaseInput.tsx
+++ b/src/renderer/src/pages/home/Inputbar/KnowledgeBaseInput.tsx
@@ -1,4 +1,5 @@
 import { FileSearchOutlined } from '@ant-design/icons'
+import HorizontalScrollContainer from '@renderer/components/HorizontalScrollContainer'
 import CustomTag from '@renderer/components/Tags/CustomTag'
 import { KnowledgeBase } from '@renderer/types'
 import { FC } from 'react'
@@ -10,16 +11,18 @@ const KnowledgeBaseInput: FC<{
 }> = ({ selectedKnowledgeBases, onRemoveKnowledgeBase }) => {
   return (
     <Container>
-      {selectedKnowledgeBases.map((knowledgeBase) => (
-        <CustomTag
-          icon={<FileSearchOutlined />}
-          color="#3d9d0f"
-          key={knowledgeBase.id}
-          closable
-          onClose={() => onRemoveKnowledgeBase(knowledgeBase)}>
-          {knowledgeBase.name}
-        </CustomTag>
-      ))}
+      <HorizontalScrollContainer dependencies={[selectedKnowledgeBases]} expandable>
+        {selectedKnowledgeBases.map((knowledgeBase) => (
+          <CustomTag
+            icon={<FileSearchOutlined />}
+            color="#3d9d0f"
+            key={knowledgeBase.id}
+            closable
+            onClose={() => onRemoveKnowledgeBase(knowledgeBase)}>
+            {knowledgeBase.name}
+          </CustomTag>
+        ))}
+      </HorizontalScrollContainer>
     </Container>
   )
 }
@@ -27,9 +30,6 @@ const KnowledgeBaseInput: FC<{
 const Container = styled.div`
   width: 100%;
   padding: 5px 15px 5px 15px;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px 4px;
 `
 
 export default KnowledgeBaseInput
diff --git a/src/renderer/src/pages/home/Inputbar/MCPToolsButton.tsx b/src/renderer/src/pages/home/Inputbar/MCPToolsButton.tsx
index 7d0b125b91..d6ba841e6d 100644
--- a/src/renderer/src/pages/home/Inputbar/MCPToolsButton.tsx
+++ b/src/renderer/src/pages/home/Inputbar/MCPToolsButton.tsx
@@ -151,7 +151,7 @@ const MCPToolsButton: FC<Props> = ({ ref, setInputValue, resizeTextArea, Toolbar
       if (update.mcpServers.length > 0 && isGeminiModel(model) && isToolUseModeFunction(assistant)) {
         const provider = getProviderByModel(model)
         if (isSupportUrlContextProvider(provider) && assistant.enableUrlContext) {
-          window.message.warning(t('chat.mcp.warning.url_context'))
+          window.toast.warning(t('chat.mcp.warning.url_context'))
           update.enableUrlContext = false
         }
         if (
@@ -160,7 +160,7 @@ const MCPToolsButton: FC<Props> = ({ ref, setInputValue, resizeTextArea, Toolbar
           isGeminiWebSearchProvider(provider) &&
           assistant.enableWebSearch
         ) {
-          window.message.warning(t('chat.mcp.warning.gemini_web_search'))
+          window.toast.warning(t('chat.mcp.warning.gemini_web_search'))
           update.enableWebSearch = false
         }
       }
diff --git a/src/renderer/src/pages/home/Inputbar/MentionModelsButton.tsx b/src/renderer/src/pages/home/Inputbar/MentionModelsButton.tsx
index cf48743b12..b252de981d 100644
--- a/src/renderer/src/pages/home/Inputbar/MentionModelsButton.tsx
+++ b/src/renderer/src/pages/home/Inputbar/MentionModelsButton.tsx
@@ -202,7 +202,7 @@ const MentionModelsButton: FC<Props> = ({
       icon: <CircleX />,
       alwaysVisible: true,
       isSelected: false,
-      action: () => {
+      action: ({ context: ctx }) => {
         onClearMentionModels()
 
         // 只有输入触发时才需要删除 @ 与搜索文本（未知搜索词，按光标就近删除）
@@ -214,7 +214,7 @@ const MentionModelsButton: FC<Props> = ({
           })
         }
 
-        quickPanel.close()
+        ctx.close()
       }
     })
 
@@ -227,7 +227,6 @@ const MentionModelsButton: FC<Props> = ({
     mentionedModels,
     onMentionModel,
     navigate,
-    quickPanel,
     onClearMentionModels,
     setText,
     removeAtSymbolAndText
@@ -249,20 +248,20 @@ const MentionModelsButton: FC<Props> = ({
         afterAction({ item }) {
           item.isSelected = !item.isSelected
         },
-        onClose({ action, triggerInfo: closeTriggerInfo, searchText }) {
+        onClose({ action, searchText, context: ctx }) {
           // ESC关闭时的处理：删除 @ 和搜索文本
           if (action === 'esc') {
             // 只有在输入触发且有模型选择动作时才删除@字符和搜索文本
             if (
               hasModelActionRef.current &&
-              closeTriggerInfo?.type === 'input' &&
-              closeTriggerInfo?.position !== undefined
+              ctx.triggerInfo?.type === 'input' &&
+              ctx.triggerInfo?.position !== undefined
             ) {
               // 基于当前光标 + 搜索词精确定位并删除，position 仅作兜底
               setText((currentText) => {
                 const textArea = document.querySelector('.inputbar textarea') as HTMLTextAreaElement | null
                 const caret = textArea ? (textArea.selectionStart ?? currentText.length) : currentText.length
-                return removeAtSymbolAndText(currentText, caret, searchText || '', closeTriggerInfo.position!)
+                return removeAtSymbolAndText(currentText, caret, searchText || '', ctx.triggerInfo?.position!)
               })
             }
           }
@@ -294,6 +293,14 @@ const MentionModelsButton: FC<Props> = ({
     }
   }, [files, quickPanel])
 
+  // 监听 mentionedModels 变化，动态更新已打开的 QuickPanel 列表状态
+  useEffect(() => {
+    if (quickPanel.isVisible && quickPanel.symbol === '@') {
+      // 直接使用重新计算的 modelItems，因为它已经包含了最新的 isSelected 状态
+      quickPanel.updateList(modelItems)
+    }
+  }, [mentionedModels, quickPanel, modelItems])
+
   useImperativeHandle(ref, () => ({
     openQuickPanel
   }))
diff --git a/src/renderer/src/pages/home/Inputbar/MentionModelsInput.tsx b/src/renderer/src/pages/home/Inputbar/MentionModelsInput.tsx
new file mode 100644
index 0000000000..70af60976b
--- /dev/null
+++ b/src/renderer/src/pages/home/Inputbar/MentionModelsInput.tsx
@@ -0,0 +1,44 @@
+import HorizontalScrollContainer from '@renderer/components/HorizontalScrollContainer'
+import CustomTag from '@renderer/components/Tags/CustomTag'
+import { useProviders } from '@renderer/hooks/useProvider'
+import { getModelUniqId } from '@renderer/services/ModelService'
+import { Model } from '@renderer/types'
+import { getFancyProviderName } from '@renderer/utils'
+import { FC } from 'react'
+import styled from 'styled-components'
+
+const MentionModelsInput: FC<{
+  selectedModels: Model[]
+  onRemoveModel: (model: Model) => void
+}> = ({ selectedModels, onRemoveModel }) => {
+  const { providers } = useProviders()
+
+  const getProviderName = (model: Model) => {
+    const provider = providers.find((p) => p.id === model?.provider)
+    return provider ? getFancyProviderName(provider) : ''
+  }
+
+  return (
+    <Container>
+      <HorizontalScrollContainer dependencies={[selectedModels]} expandable>
+        {selectedModels.map((model) => (
+          <CustomTag
+            icon={<i className="iconfont icon-at" />}
+            color="#1677ff"
+            key={getModelUniqId(model)}
+            closable
+            onClose={() => onRemoveModel(model)}>
+            {model.name} ({getProviderName(model)})
+          </CustomTag>
+        ))}
+      </HorizontalScrollContainer>
+    </Container>
+  )
+}
+
+const Container = styled.div`
+  width: 100%;
+  padding: 5px 15px 5px 15px;
+`
+
+export default MentionModelsInput
diff --git a/src/renderer/src/pages/home/Inputbar/UrlContextbutton.tsx b/src/renderer/src/pages/home/Inputbar/UrlContextbutton.tsx
index ff92fe1161..e5e4c939b7 100644
--- a/src/renderer/src/pages/home/Inputbar/UrlContextbutton.tsx
+++ b/src/renderer/src/pages/home/Inputbar/UrlContextbutton.tsx
@@ -36,7 +36,7 @@ const UrlContextButton: FC<Props> = ({ assistant, ToolbarButton }) => {
           isToolUseModeFunction(assistant)
         ) {
           update.enableUrlContext = false
-          window.message.warning(t('chat.mcp.warning.url_context'))
+          window.toast.warning(t('chat.mcp.warning.url_context'))
         } else {
           update.enableUrlContext = urlContentNewState
         }
diff --git a/src/renderer/src/pages/home/Inputbar/WebSearchButton.tsx b/src/renderer/src/pages/home/Inputbar/WebSearchButton.tsx
index 07a9e29107..343b5dbe44 100644
--- a/src/renderer/src/pages/home/Inputbar/WebSearchButton.tsx
+++ b/src/renderer/src/pages/home/Inputbar/WebSearchButton.tsx
@@ -101,7 +101,7 @@ const WebSearchButton: FC<Props> = ({ ref, assistant, ToolbarButton }) => {
     const provider = getProviderByModel(model)
     if (!model) {
       logger.error('Model does not exist.')
-      window.message.error(t('error.model.not_exists'))
+      window.toast.error(t('error.model.not_exists'))
       return
     }
     if (
@@ -113,7 +113,7 @@ const WebSearchButton: FC<Props> = ({ ref, assistant, ToolbarButton }) => {
       assistant.mcpServers.length > 0
     ) {
       update.enableWebSearch = false
-      window.message.warning(t('chat.mcp.warning.gemini_web_search'))
+      window.toast.warning(t('chat.mcp.warning.gemini_web_search'))
     }
     setTimeoutTimer('updateSelectedWebSearchBuiltin', () => updateAssistant(update), 200)
   }, [assistant, setTimeoutTimer, t, updateAssistant])
diff --git a/src/renderer/src/pages/home/Markdown/CitationTooltip.tsx b/src/renderer/src/pages/home/Markdown/CitationTooltip.tsx
index 2e496dd7ee..1c66be71c0 100644
--- a/src/renderer/src/pages/home/Markdown/CitationTooltip.tsx
+++ b/src/renderer/src/pages/home/Markdown/CitationTooltip.tsx
@@ -5,7 +5,7 @@ import styled from 'styled-components'
 import { z } from 'zod'
 
 export const CitationSchema = z.object({
-  url: z.string().url(),
+  url: z.url(),
   title: z.string().optional(),
   content: z.string().optional()
 })
diff --git a/src/renderer/src/pages/home/Markdown/CodeBlock.tsx b/src/renderer/src/pages/home/Markdown/CodeBlock.tsx
index c1527979d6..8aa71940cc 100644
--- a/src/renderer/src/pages/home/Markdown/CodeBlock.tsx
+++ b/src/renderer/src/pages/home/Markdown/CodeBlock.tsx
@@ -1,4 +1,5 @@
 import { CodeBlockView, HtmlArtifactsCard } from '@renderer/components/CodeBlockView'
+import { useSettings } from '@renderer/hooks/useSettings'
 import { EVENT_NAMES, EventEmitter } from '@renderer/services/EventService'
 import store from '@renderer/store'
 import { messageBlocksSelectors } from '@renderer/store/messageBlock'
@@ -19,6 +20,7 @@ const CodeBlock: React.FC<Props> = ({ children, className, node, blockId }) => {
   const languageMatch = /language-([\w-+]+)/.exec(className || '')
   const isMultiline = children?.includes('\n')
   const language = languageMatch?.[1] ?? (isMultiline ? 'text' : null)
+  const { codeFancyBlock } = useSettings()
 
   // 代码块 id
   const id = useMemo(() => getCodeBlockId(node?.position?.start), [node?.position?.start])
@@ -41,10 +43,12 @@ const CodeBlock: React.FC<Props> = ({ children, className, node, blockId }) => {
   )
 
   if (language !== null) {
-    // HTML 代码块特殊处理
-    if (language === 'html') {
-      const isOpenFence = isOpenFenceBlock(children?.length, languageMatch?.[1]?.length, node?.position)
-      return <HtmlArtifactsCard html={children} onSave={handleSave} isStreaming={isStreaming && isOpenFence} />
+    // Fancy code block
+    if (codeFancyBlock) {
+      if (language === 'html') {
+        const isOpenFence = isOpenFenceBlock(children?.length, languageMatch?.[1]?.length, node?.position)
+        return <HtmlArtifactsCard html={children} onSave={handleSave} isStreaming={isStreaming && isOpenFence} />
+      }
     }
 
     return (
diff --git a/src/renderer/src/pages/home/Markdown/Table.tsx b/src/renderer/src/pages/home/Markdown/Table.tsx
index 4b3cdaa761..01f325bd44 100644
--- a/src/renderer/src/pages/home/Markdown/Table.tsx
+++ b/src/renderer/src/pages/home/Markdown/Table.tsx
@@ -32,7 +32,7 @@ const Table: React.FC<Props> = ({ children, node, blockId }) => {
         setCopied(true)
       })
       .catch((error) => {
-        window.message?.error({ content: `${t('message.copy.failed')}: ${error}`, key: 'copy-table-error' })
+        window.toast?.error(`${t('message.copy.failed')}: ${error}`)
       })
   }, [blockId, node?.position, setCopied, t])
 
diff --git a/src/renderer/src/pages/home/Markdown/__tests__/CodeBlock.test.tsx b/src/renderer/src/pages/home/Markdown/__tests__/CodeBlock.test.tsx
index c84cd14b4e..9ada24b829 100644
--- a/src/renderer/src/pages/home/Markdown/__tests__/CodeBlock.test.tsx
+++ b/src/renderer/src/pages/home/Markdown/__tests__/CodeBlock.test.tsx
@@ -12,6 +12,7 @@ const mocks = vi.hoisted(() => ({
   getCodeBlockId: vi.fn(),
   isOpenFenceBlock: vi.fn(),
   selectById: vi.fn(),
+  useSettings: vi.fn().mockReturnValue({ codeFancyBlock: true }),
   CodeBlockView: vi.fn(({ onSave, children }) => (
     <div>
       <code>{children}</code>
@@ -53,6 +54,10 @@ vi.mock('@renderer/store/messageBlock', () => ({
   }
 }))
 
+vi.mock('@renderer/hooks/useSettings', () => ({
+  useSettings: () => mocks.useSettings()
+}))
+
 vi.mock('@renderer/components/CodeBlockView', () => ({
   CodeBlockView: mocks.CodeBlockView,
   HtmlArtifactsCard: mocks.HtmlArtifactsCard
diff --git a/src/renderer/src/pages/home/Messages/Blocks/ErrorBlock.tsx b/src/renderer/src/pages/home/Messages/Blocks/ErrorBlock.tsx
index 9fa6359472..298d3c274a 100644
--- a/src/renderer/src/pages/home/Messages/Blocks/ErrorBlock.tsx
+++ b/src/renderer/src/pages/home/Messages/Blocks/ErrorBlock.tsx
@@ -1,3 +1,4 @@
+import { Button } from '@heroui/button'
 import CodeViewer from '@renderer/components/CodeViewer'
 import { useTimer } from '@renderer/hooks/useTimer'
 import { getHttpMessageLabel, getProviderLabel } from '@renderer/i18n/label'
@@ -33,7 +34,7 @@ import {
 } from '@renderer/types/error'
 import type { ErrorMessageBlock, Message } from '@renderer/types/newMessage'
 import { formatAiSdkError, formatError, safeToString } from '@renderer/utils/error'
-import { Alert as AntdAlert, Button, Modal } from 'antd'
+import { Alert as AntdAlert, Modal } from 'antd'
 import React, { useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import { Link } from 'react-router-dom'
@@ -143,13 +144,7 @@ const MessageErrorInfo: React.FC<{ block: ErrorMessageBlock; message: Message }>
         onClick={showErrorDetail}
         style={{ cursor: 'pointer' }}
         action={
-          <Button
-            size="small"
-            type="text"
-            onClick={(e) => {
-              e.stopPropagation()
-              showErrorDetail()
-            }}>
+          <Button size="sm" className="p-0" variant="light" onPress={showErrorDetail}>
             {t('common.detail')}
           </Button>
         }
@@ -181,7 +176,7 @@ const ErrorDetailModal: React.FC<ErrorDetailModalProps> = ({ open, onClose, erro
     }
 
     navigator.clipboard.writeText(errorText)
-    window.message.success(t('message.copied'))
+    window.toast.addToast({ title: t('message.copied') })
   }
 
   const renderErrorDetails = (error?: SerializedError) => {
@@ -203,10 +198,10 @@ const ErrorDetailModal: React.FC<ErrorDetailModalProps> = ({ open, onClose, erro
       open={open}
       onCancel={onClose}
       footer={[
-        <Button key="copy" onClick={copyErrorDetails}>
+        <Button key="copy" size="sm" variant="light" onPress={copyErrorDetails}>
           {t('common.copy')}
         </Button>,
-        <Button key="close" onClick={onClose}>
+        <Button key="close" size="sm" variant="light" onPress={onClose}>
           {t('common.close')}
         </Button>
       ]}
@@ -271,6 +266,7 @@ const Alert = styled(AntdAlert)`
   margin: 0.5rem 0 !important;
   padding: 10px;
   font-size: 12px;
+  align-items: center;
   & .ant-alert-close-icon {
     margin: 5px;
   }
diff --git a/src/renderer/src/pages/home/Messages/Blocks/ThinkingBlock.tsx b/src/renderer/src/pages/home/Messages/Blocks/ThinkingBlock.tsx
index 879c4c16a3..f5a19904e0 100644
--- a/src/renderer/src/pages/home/Messages/Blocks/ThinkingBlock.tsx
+++ b/src/renderer/src/pages/home/Messages/Blocks/ThinkingBlock.tsx
@@ -107,7 +107,6 @@ const ThinkingBlock: React.FC<Props> = ({ block }) => {
 const ThinkingTimeSeconds = memo(
   ({ blockThinkingTime, isThinking }: { blockThinkingTime: number; isThinking: boolean }) => {
     const { t } = useTranslation()
-    // console.log('blockThinkingTime', blockThinkingTime)
     // const [thinkingTime, setThinkingTime] = useState(blockThinkingTime || 0)
 
     // FIXME: 这里统计的和请求处统计的有一定误差
diff --git a/src/renderer/src/pages/home/Messages/ChatNavigation.tsx b/src/renderer/src/pages/home/Messages/ChatNavigation.tsx
index fc99d76ab1..1769ab9e8b 100644
--- a/src/renderer/src/pages/home/Messages/ChatNavigation.tsx
+++ b/src/renderer/src/pages/home/Messages/ChatNavigation.tsx
@@ -194,21 +194,21 @@ const ChatNavigation: FC<ChatNavigationProps> = ({ containerId }) => {
     const assistantMessages = findAssistantMessages()
 
     if (userMessages.length === 0 && assistantMessages.length === 0) {
-      // window.message.info({ content: t('chat.navigation.last'), key: 'navigation-info' })
+      // window.toast.info(t('chat.navigation.last'))
       return scrollToBottom()
     }
 
     const visibleIndex = getCurrentVisibleIndex('down')
 
     if (visibleIndex === -1) {
-      // window.message.info({ content: t('chat.navigation.last'), key: 'navigation-info' })
+      // window.toast.info(t('chat.navigation.last'))
       return scrollToBottom()
     }
 
     const targetIndex = visibleIndex - 1
 
     if (targetIndex < 0) {
-      // window.message.info({ content: t('chat.navigation.last'), key: 'navigation-info' })
+      // window.toast.info(t('chat.navigation.last'))
       return scrollToBottom()
     }
 
@@ -220,21 +220,21 @@ const ChatNavigation: FC<ChatNavigationProps> = ({ containerId }) => {
     const userMessages = findUserMessages()
     const assistantMessages = findAssistantMessages()
     if (userMessages.length === 0 && assistantMessages.length === 0) {
-      // window.message.info({ content: t('chat.navigation.first'), key: 'navigation-info' })
+      // window.toast.info(t('chat.navigation.first'))
       return scrollToTop()
     }
 
     const visibleIndex = getCurrentVisibleIndex('up')
 
     if (visibleIndex === -1) {
-      // window.message.info({ content: t('chat.navigation.first'), key: 'navigation-info' })
+      // window.toast.info(t('chat.navigation.first'))
       return scrollToTop()
     }
 
     const targetIndex = visibleIndex + 1
 
     if (targetIndex >= userMessages.length) {
-      // window.message.info({ content: t('chat.navigation.first'), key: 'navigation-info' })
+      // window.toast.info(t('chat.navigation.first'))
       return scrollToTop()
     }
 
diff --git a/src/renderer/src/pages/home/Messages/CitationsList.tsx b/src/renderer/src/pages/home/Messages/CitationsList.tsx
index 279ab14647..5ad6f55d46 100644
--- a/src/renderer/src/pages/home/Messages/CitationsList.tsx
+++ b/src/renderer/src/pages/home/Messages/CitationsList.tsx
@@ -126,7 +126,7 @@ const CopyButton: React.FC<{ content: string }> = ({ content }) => {
       .writeText(content)
       .then(() => {
         setCopied(true)
-        window.message.success(t('common.copied'))
+        window.toast.success(t('common.copied'))
       })
       .catch(() => {
         message.error(t('message.copy.failed'))
diff --git a/src/renderer/src/pages/home/Messages/Message.tsx b/src/renderer/src/pages/home/Messages/Message.tsx
index 8c2556be79..e0b9c23dcf 100644
--- a/src/renderer/src/pages/home/Messages/Message.tsx
+++ b/src/renderer/src/pages/home/Messages/Message.tsx
@@ -14,6 +14,7 @@ import { estimateMessageUsage } from '@renderer/services/TokenService'
 import { Assistant, Topic } from '@renderer/types'
 import type { Message, MessageBlock } from '@renderer/types/newMessage'
 import { classNames } from '@renderer/utils'
+import { isMessageProcessing } from '@renderer/utils/messageUtils/is'
 import { Divider } from 'antd'
 import React, { Dispatch, FC, memo, SetStateAction, useCallback, useEffect, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -120,7 +121,8 @@ const MessageItem: FC<Props> = ({
 
   const isLastMessage = index === 0 || !!isGrouped
   const isAssistantMessage = message.role === 'assistant'
-  const showMenubar = !hideMenuBar && !isEditing
+  const isProcessing = isMessageProcessing(message)
+  const showMenubar = !hideMenuBar && !isEditing && !isProcessing
 
   const messageHighlightHandler = useCallback(
     (highlight: boolean = true) => {
diff --git a/src/renderer/src/pages/home/Messages/MessageAttachments.tsx b/src/renderer/src/pages/home/Messages/MessageAttachments.tsx
index fea431b6ca..73fcd4ea58 100644
--- a/src/renderer/src/pages/home/Messages/MessageAttachments.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageAttachments.tsx
@@ -1,6 +1,9 @@
+import { useAttachment } from '@renderer/hooks/useAttachment'
 import FileManager from '@renderer/services/FileManager'
 import type { FileMessageBlock } from '@renderer/types/newMessage'
+import { parseFileTypes } from '@renderer/utils'
 import { Upload } from 'antd'
+import { t } from 'i18next'
 import { FC } from 'react'
 import styled from 'styled-components'
 
@@ -20,6 +23,7 @@ const StyledUpload = styled(Upload)`
 `
 
 const MessageAttachments: FC<Props> = ({ block }) => {
+  const { preview } = useAttachment()
   if (!block.file) {
     return null
   }
@@ -34,9 +38,26 @@ const MessageAttachments: FC<Props> = ({ block }) => {
             uid: block.file.id,
             url: 'file://' + FileManager.getSafePath(block.file),
             status: 'done' as const,
-            name: FileManager.formatFileName(block.file)
+            name: FileManager.formatFileName(block.file),
+            type: block.file.type,
+            preview: block.file.ext
           }
         ]}
+        onPreview={(file) => {
+          if (file.url === undefined || file.type === undefined) {
+            return
+          }
+          const fileType = parseFileTypes(file.type)
+          if (fileType === null) {
+            window.modal.error({ content: t('files.preview.error'), centered: true })
+            return
+          }
+          let path = file.url
+          if (path.startsWith('file://')) {
+            path = path.replace('file://', '')
+          }
+          preview(path, file.name, fileType, file.preview)
+        }}
       />
     </Container>
   )
diff --git a/src/renderer/src/pages/home/Messages/MessageEditor.tsx b/src/renderer/src/pages/home/Messages/MessageEditor.tsx
index 4196ddbbe0..bd3e6f409e 100644
--- a/src/renderer/src/pages/home/Messages/MessageEditor.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageEditor.tsx
@@ -186,10 +186,7 @@ const MessageBlockEditor: FC<Props> = ({ message, topicId, onSave, onResend, onC
 
       // 如果有文件，但都不支持
       if (files.length > 0 && supportedFiles === 0) {
-        window.message.info({
-          key: 'file_not_supported',
-          content: t('chat.input.file_not_supported')
-        })
+        window.toast.info(t('chat.input.file_not_supported'))
       }
     }
   }
diff --git a/src/renderer/src/pages/home/Messages/MessageImage.tsx b/src/renderer/src/pages/home/Messages/MessageImage.tsx
index a0faf46d07..52bb4a2278 100644
--- a/src/renderer/src/pages/home/Messages/MessageImage.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageImage.tsx
@@ -32,10 +32,10 @@ const MessageImage: FC<Props> = ({ block }) => {
       document.body.appendChild(link)
       link.click()
       document.body.removeChild(link)
-      window.message.success(t('message.download.success'))
+      window.toast.success(t('message.download.success'))
     } catch (error) {
       logger.error('下载图片失败:', error as Error)
-      window.message.error(t('message.download.failed'))
+      window.toast.error(t('message.download.failed'))
     }
   }
 
@@ -84,10 +84,10 @@ const MessageImage: FC<Props> = ({ block }) => {
           break
       }
 
-      window.message.success(t('message.copy.success'))
+      window.toast.success(t('message.copy.success'))
     } catch (error) {
       logger.error('复制图片失败:', error as Error)
-      window.message.error(t('message.copy.failed'))
+      window.toast.error(t('message.copy.failed'))
     }
   }
 
diff --git a/src/renderer/src/pages/home/Messages/MessageMenubar.tsx b/src/renderer/src/pages/home/Messages/MessageMenubar.tsx
index 89f6948b8c..430b3beff4 100644
--- a/src/renderer/src/pages/home/Messages/MessageMenubar.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageMenubar.tsx
@@ -167,7 +167,7 @@ const MessageMenubar: FC<Props> = (props) => {
 
       navigator.clipboard.writeText(removeTrailingDoubleSpaces(contentToCopy.trimStart()))
 
-      window.message.success({ content: t('message.copied'), key: 'copy-message' })
+      window.toast.success(t('message.copied'))
       setCopied(true)
     },
     [message, setCopied, t] // message is needed for message.id and as a fallback. t is for translation.
@@ -175,7 +175,7 @@ const MessageMenubar: FC<Props> = (props) => {
 
   const onNewBranch = useCallback(async () => {
     EventEmitter.emit(EVENT_NAMES.NEW_BRANCH, index)
-    window.message.success({ content: t('chat.message.new.branch.created'), key: 'new-branch' })
+    window.toast.success(t('chat.message.new.branch.created'))
   }, [index, t])
 
   const handleResendUserMessage = useCallback(
@@ -202,8 +202,7 @@ const MessageMenubar: FC<Props> = (props) => {
       try {
         await translateText(mainTextContent, language, translationUpdater)
       } catch (error) {
-        // console.error('Translation failed:', error)
-        window.message.error({ content: t('translate.error.failed'), key: 'translate-message' })
+        window.toast.error(t('translate.error.failed'))
         // 理应只有一个
         const translationBlocks = findTranslationBlocksById(message.id)
         logger.silly(`there are ${translationBlocks.length} translation blocks`)
@@ -585,9 +584,9 @@ const MessageMenubar: FC<Props> = (props) => {
 
                             if (translationContent) {
                               navigator.clipboard.writeText(translationContent)
-                              window.message.success({ content: t('translate.copied'), key: 'translate-copy' })
+                              window.toast.success(t('translate.copied'))
                             } else {
-                              window.message.warning({ content: t('translate.empty'), key: 'translate-copy' })
+                              window.toast.warning(t('translate.empty'))
                             }
                           }
                         }
@@ -605,7 +604,7 @@ const MessageMenubar: FC<Props> = (props) => {
                             translationBlocks.forEach((blockId) => {
                               if (blockId) removeMessageBlock(message.id, blockId)
                             })
-                            window.message.success({ content: t('translate.closed'), key: 'translate-close' })
+                            window.toast.success(t('translate.closed'))
                           }
                         }
                       }
diff --git a/src/renderer/src/pages/home/Messages/Messages.tsx b/src/renderer/src/pages/home/Messages/Messages.tsx
index 6864fe8eea..c8fb86ee88 100644
--- a/src/renderer/src/pages/home/Messages/Messages.tsx
+++ b/src/renderer/src/pages/home/Messages/Messages.tsx
@@ -10,7 +10,7 @@ import { useMessageOperations, useTopicMessages } from '@renderer/hooks/useMessa
 import useScrollPosition from '@renderer/hooks/useScrollPosition'
 import { useShortcut } from '@renderer/hooks/useShortcuts'
 import { useTimer } from '@renderer/hooks/useTimer'
-import { autoRenameTopic, getTopic } from '@renderer/hooks/useTopic'
+import { autoRenameTopic } from '@renderer/hooks/useTopic'
 import SelectionBox from '@renderer/pages/home/Messages/SelectionBox'
 import { getDefaultTopic } from '@renderer/services/AssistantService'
 import { EVENT_NAMES, EventEmitter } from '@renderer/services/EventService'
@@ -61,7 +61,7 @@ const Messages: React.FC<MessagesProps> = ({ assistant, topic, setActiveTopic, o
   const [isLoadingMore, setIsLoadingMore] = useState(false)
   const [isProcessingContext, setIsProcessingContext] = useState(false)
 
-  const { updateTopic, addTopic } = useAssistant(assistant.id)
+  const { addTopic } = useAssistant(assistant.id)
   const [showPrompt] = usePreference('chat.message.show_prompt')
   const [messageNavigation] = usePreference('chat.message.navigation_mode')
   const { t } = useTranslation()
@@ -106,22 +106,15 @@ const Messages: React.FC<MessagesProps> = ({ assistant, topic, setActiveTopic, o
 
   const clearTopic = useCallback(
     async (data: Topic) => {
-      const defaultTopic = getDefaultTopic(assistant.id)
-
       if (data && data.id !== topic.id) {
         await clearTopicMessages(data.id)
-        updateTopic({ ...data, name: defaultTopic.name } as Topic)
         return
       }
 
       await clearTopicMessages()
-
       setDisplayMessages([])
-
-      const _topic = getTopic(assistant, topic.id)
-      _topic && updateTopic({ ..._topic, name: defaultTopic.name } as Topic)
     },
-    [assistant, clearTopicMessages, topic.id, updateTopic]
+    [clearTopicMessages, topic.id]
   )
 
   useEffect(() => {
@@ -202,7 +195,7 @@ const Messages: React.FC<MessagesProps> = ({ assistant, topic, setActiveTopic, o
           // You might want to remove the added topic if cloning fails
           // removeTopic(newTopic.id); // Assuming you have a removeTopic function
           logger.error(`[NEW_BRANCH] Failed to create topic branch for topic ${newTopic.id}`)
-          window.message.error(t('message.branch.error')) // Example error message
+          window.toast.error(t('message.branch.error')) // Example error message
         }
       }),
       EventEmitter.on(
@@ -225,19 +218,19 @@ const Messages: React.FC<MessagesProps> = ({ assistant, topic, setActiveTopic, o
               dispatch(updateOneBlock({ id: msgBlockId, changes: { content: updatedRaw } }))
               await dispatch(updateMessageAndBlocksThunk(topic.id, null, [updatedBlock]))
 
-              window.message.success({ content: t('code_block.edit.save.success'), key: 'save-code' })
+              window.toast.success(t('code_block.edit.save.success'))
             } catch (error) {
               logger.error(
                 `Failed to save code block ${codeBlockId} content to message block ${msgBlockId}:`,
                 error as Error
               )
-              window.message.error({ content: t('code_block.edit.save.failed.label'), key: 'save-code-failed' })
+              window.toast.error(t('code_block.edit.save.failed.label'))
             }
           } else {
             logger.error(
               `Failed to save code block ${codeBlockId} content to message block ${msgBlockId}: no such message block or the block doesn't have a content field`
             )
-            window.message.error({ content: t('code_block.edit.save.failed.label'), key: 'save-code-failed' })
+            window.toast.error(t('code_block.edit.save.failed.label'))
           }
         }
       )
@@ -278,7 +271,7 @@ const Messages: React.FC<MessagesProps> = ({ assistant, topic, setActiveTopic, o
     const lastMessage = last(messages)
     if (lastMessage) {
       navigator.clipboard.writeText(getMainTextContent(lastMessage))
-      window.message.success(t('message.copy.success'))
+      window.toast.success(t('message.copy.success'))
     }
   })
 
diff --git a/src/renderer/src/pages/home/Messages/Prompt.tsx b/src/renderer/src/pages/home/Messages/Prompt.tsx
index 97fd5adfe5..e02389d915 100644
--- a/src/renderer/src/pages/home/Messages/Prompt.tsx
+++ b/src/renderer/src/pages/home/Messages/Prompt.tsx
@@ -73,7 +73,7 @@ const Container = styled.div<{ $isDark: boolean }>`
   border-radius: 10px;
   cursor: pointer;
   border: 0.5px solid var(--color-border);
-  margin: 15px 24px;
+  margin: 15px 20px;
   margin-bottom: 0;
 `
 
diff --git a/src/renderer/src/pages/home/Messages/Tools/MessageKnowledgeSearch.tsx b/src/renderer/src/pages/home/Messages/Tools/MessageKnowledgeSearch.tsx
index a7ebeb648c..72a3f6e36c 100644
--- a/src/renderer/src/pages/home/Messages/Tools/MessageKnowledgeSearch.tsx
+++ b/src/renderer/src/pages/home/Messages/Tools/MessageKnowledgeSearch.tsx
@@ -23,7 +23,7 @@ export function MessageKnowledgeSearchToolTitle({ toolResponse }: { toolResponse
   ) : (
     <MessageWebSearchToolTitleTextWrapper type="secondary">
       <FileSearch size={16} style={{ color: 'unset' }} />
-      {i18n.t('message.websearch.fetch_complete', { count: toolOutput.knowledgeReferences.length ?? 0 })}
+      {i18n.t('message.websearch.fetch_complete', { count: toolOutput.length ?? 0 })}
     </MessageWebSearchToolTitleTextWrapper>
   )
 }
@@ -33,7 +33,7 @@ export function MessageKnowledgeSearchToolBody({ toolResponse }: { toolResponse:
 
   return toolResponse.status === 'done' ? (
     <MessageWebSearchToolBodyUlWrapper>
-      {toolOutput.knowledgeReferences.map((result) => (
+      {toolOutput.map((result) => (
         <li key={result.id}>
           <span>{result.id}</span>
           <span>{result.content}</span>
diff --git a/src/renderer/src/pages/home/Messages/Tools/MessageMcpTool.tsx b/src/renderer/src/pages/home/Messages/Tools/MessageMcpTool.tsx
index 13a989a7c1..6acc8f0af5 100644
--- a/src/renderer/src/pages/home/Messages/Tools/MessageMcpTool.tsx
+++ b/src/renderer/src/pages/home/Messages/Tools/MessageMcpTool.tsx
@@ -61,14 +61,29 @@ const MessageMcpTool: FC<Props> = ({ block }) => {
   const toolResponse = block.metadata?.rawMcpToolResponse
 
   const { id, tool, status, response } = toolResponse!
-
   const isPending = status === 'pending'
-  const isInvoking = status === 'invoking'
   const isDone = status === 'done'
+  const isError = status === 'error'
+
+  const isAutoApproved = useMemo(
+    () =>
+      isToolAutoApproved(
+        tool,
+        mcpServers.find((s) => s.id === tool.serverId)
+      ),
+    [tool, mcpServers]
+  )
+
+  // 增加本地状态来跟踪用户确认
+  const [isConfirmed, setIsConfirmed] = useState(isAutoApproved)
+
+  // 判断不同的UI状态
+  const isWaitingConfirmation = isPending && !isAutoApproved && !isConfirmed
+  const isExecuting = isPending && (isAutoApproved || isConfirmed)
 
   const timer = useRef<NodeJS.Timeout | null>(null)
   useEffect(() => {
-    if (!isPending) return
+    if (!isWaitingConfirmation) return
 
     if (countdown > 0) {
       timer.current = setTimeout(() => {
@@ -76,6 +91,7 @@ const MessageMcpTool: FC<Props> = ({ block }) => {
         setCountdown((prev) => prev - 1)
       }, 1000)
     } else if (countdown === 0) {
+      setIsConfirmed(true)
       confirmToolAction(id)
     }
 
@@ -84,7 +100,7 @@ const MessageMcpTool: FC<Props> = ({ block }) => {
         clearTimeout(timer.current)
       }
     }
-  }, [countdown, id, isPending])
+  }, [countdown, id, isWaitingConfirmation])
 
   useEffect(() => {
     const removeListener = window.electron.ipcRenderer.on(
@@ -147,6 +163,7 @@ const MessageMcpTool: FC<Props> = ({ block }) => {
 
   const handleConfirmTool = () => {
     cancelCountdown()
+    setIsConfirmed(true)
     confirmToolAction(id)
   }
 
@@ -160,7 +177,7 @@ const MessageMcpTool: FC<Props> = ({ block }) => {
       try {
         const success = await window.api.mcp.abortTool(toolResponse.id)
         if (success) {
-          window.message.success({ content: t('message.tools.aborted'), key: 'abort-tool' })
+          window.toast.success(t('message.tools.aborted'))
         } else {
           message.error({ content: t('message.tools.abort_failed'), key: 'abort-tool' })
         }
@@ -196,43 +213,40 @@ const MessageMcpTool: FC<Props> = ({ block }) => {
     updateMCPServer(updatedServer)
 
     // Also confirm the current tool
+    setIsConfirmed(true)
     confirmToolAction(id)
 
-    window.message.success({
-      content: t('message.tools.autoApproveEnabled', 'Auto-approve enabled for this tool'),
-      key: 'auto-approve'
-    })
+    window.toast.success(t('message.tools.autoApproveEnabled', 'Auto-approve enabled for this tool'))
   }
 
   const renderStatusIndicator = (status: string, hasError: boolean) => {
     let label = ''
     let icon: React.ReactNode | null = null
-    switch (status) {
-      case 'pending':
+
+    if (status === 'pending') {
+      if (isWaitingConfirmation) {
         label = t('message.tools.pending', 'Awaiting Approval')
         icon = <LoadingIcon style={{ marginLeft: 6, color: 'var(--status-color-warning)' }} />
-        break
-      case 'invoking':
+      } else if (isExecuting) {
         label = t('message.tools.invoking')
         icon = <LoadingIcon style={{ marginLeft: 6 }} />
-        break
-      case 'cancelled':
-        label = t('message.tools.cancelled')
-        icon = <X size={13} style={{ marginLeft: 6 }} className="lucide-custom" />
-        break
-      case 'done':
-        if (hasError) {
-          label = t('message.tools.error')
-          icon = <TriangleAlert size={13} style={{ marginLeft: 6 }} className="lucide-custom" />
-        } else {
-          label = t('message.tools.completed')
-          icon = <Check size={13} style={{ marginLeft: 6 }} className="lucide-custom" />
-        }
-        break
-      default:
-        label = ''
-        icon = null
+      }
+    } else if (status === 'cancelled') {
+      label = t('message.tools.cancelled')
+      icon = <X size={13} style={{ marginLeft: 6 }} className="lucide-custom" />
+    } else if (status === 'done') {
+      if (hasError) {
+        label = t('message.tools.error')
+        icon = <TriangleAlert size={13} style={{ marginLeft: 6 }} className="lucide-custom" />
+      } else {
+        label = t('message.tools.completed')
+        icon = <Check size={13} style={{ marginLeft: 6 }} className="lucide-custom" />
+      }
+    } else if (status === 'error') {
+      label = t('message.tools.error')
+      icon = <TriangleAlert size={13} style={{ marginLeft: 6 }} className="lucide-custom" />
     }
+
     return (
       <StatusIndicator status={status} hasError={hasError}>
         {label}
@@ -249,7 +263,6 @@ const MessageMcpTool: FC<Props> = ({ block }) => {
       params: toolResponse.arguments,
       response: toolResponse.response
     }
-
     items.push({
       key: id,
       label: (
@@ -284,7 +297,7 @@ const MessageMcpTool: FC<Props> = ({ block }) => {
                 <Maximize size={14} />
               </ActionButton>
             </Tooltip>
-            {!isPending && !isInvoking && (
+            {!isPending && (
               <Tooltip title={t('common.copy')} mouseEnterDelay={0.5}>
                 <ActionButton
                   className="message-action-button"
@@ -302,7 +315,7 @@ const MessageMcpTool: FC<Props> = ({ block }) => {
         </MessageTitleLabel>
       ),
       children:
-        isDone && result ? (
+        (isDone || isError) && result ? (
           <ToolResponseContainer
             style={{
               fontFamily: messageFont === 'serif' ? 'var(--font-family-serif)' : 'var(--font-family)',
@@ -371,7 +384,7 @@ const MessageMcpTool: FC<Props> = ({ block }) => {
           }
         }}>
         <ToolContainer>
-          <ToolContentWrapper className={status}>
+          <ToolContentWrapper className={isPending ? 'pending' : status}>
             <CollapseContainer
               ghost
               activeKey={activeKeys}
@@ -384,14 +397,16 @@ const MessageMcpTool: FC<Props> = ({ block }) => {
                 <ExpandIcon $isActive={isActive} size={18} color="var(--color-text-3)" strokeWidth={1.5} />
               )}
             />
-            {(isPending || isInvoking) && (
+            {isPending && (
               <ActionsBar>
                 <ActionLabel>
-                  {isPending ? t('settings.mcp.tools.autoApprove.tooltip.confirm') : t('message.tools.invoking')}
+                  {isWaitingConfirmation
+                    ? t('settings.mcp.tools.autoApprove.tooltip.confirm')
+                    : t('message.tools.invoking')}
                 </ActionLabel>
 
                 <ActionButtonsGroup>
-                  {isPending && (
+                  {isWaitingConfirmation && (
                     <Button
                       color="danger"
                       variant="filled"
@@ -403,7 +418,7 @@ const MessageMcpTool: FC<Props> = ({ block }) => {
                       {t('common.cancel')}
                     </Button>
                   )}
-                  {isInvoking && toolResponse?.id ? (
+                  {isExecuting && toolResponse?.id ? (
                     <Button
                       size="small"
                       color="danger"
@@ -417,29 +432,31 @@ const MessageMcpTool: FC<Props> = ({ block }) => {
                       {t('chat.input.pause')}
                     </Button>
                   ) : (
-                    <StyledDropdownButton
-                      size="small"
-                      type="primary"
-                      icon={<ChevronDown size={14} />}
-                      onClick={() => {
-                        handleConfirmTool()
-                      }}
-                      menu={{
-                        items: [
-                          {
-                            key: 'autoApprove',
-                            label: t('settings.mcp.tools.autoApprove.label'),
-                            onClick: () => {
-                              handleAutoApprove()
+                    isWaitingConfirmation && (
+                      <StyledDropdownButton
+                        size="small"
+                        type="primary"
+                        icon={<ChevronDown size={14} />}
+                        onClick={() => {
+                          handleConfirmTool()
+                        }}
+                        menu={{
+                          items: [
+                            {
+                              key: 'autoApprove',
+                              label: t('settings.mcp.tools.autoApprove.label'),
+                              onClick: () => {
+                                handleAutoApprove()
+                              }
                             }
-                          }
-                        ]
-                      }}>
-                      <CirclePlay size={15} className="lucide-custom" />
-                      <CountdownText>
-                        {t('settings.mcp.tools.run', 'Run')} ({countdown}s)
-                      </CountdownText>
-                    </StyledDropdownButton>
+                          ]
+                        }}>
+                        <CirclePlay size={15} className="lucide-custom" />
+                        <CountdownText>
+                          {t('settings.mcp.tools.run', 'Run')} ({countdown}s)
+                        </CountdownText>
+                      </StyledDropdownButton>
+                    )
                   )}
                 </ActionButtonsGroup>
               </ActionsBar>
@@ -543,8 +560,7 @@ const ToolContentWrapper = styled.div`
     border: 1px solid var(--color-border);
   }
 
-  &.pending,
-  &.invoking {
+  &.pending {
     background-color: var(--color-background-soft);
     .ant-collapse {
       border: none;
@@ -664,6 +680,8 @@ const StatusIndicator = styled.span<{ status: string; hasError?: boolean }>`
         return 'var(--status-color-error)'
       case 'done':
         return props.hasError ? 'var(--status-color-error)' : 'var(--status-color-success)'
+      case 'error':
+        return 'var(--status-color-error)'
       default:
         return 'var(--color-text)'
     }
diff --git a/src/renderer/src/pages/home/Messages/Tools/MessageWebSearch.tsx b/src/renderer/src/pages/home/Messages/Tools/MessageWebSearch.tsx
index a399c790e8..cd04de3a24 100644
--- a/src/renderer/src/pages/home/Messages/Tools/MessageWebSearch.tsx
+++ b/src/renderer/src/pages/home/Messages/Tools/MessageWebSearch.tsx
@@ -26,7 +26,7 @@ export const MessageWebSearchToolTitle = ({ toolResponse }: { toolResponse: MCPT
     <MessageWebSearchToolTitleTextWrapper type="secondary">
       <Search size={16} style={{ color: 'unset' }} />
       {t('message.websearch.fetch_complete', {
-        count: toolOutput?.searchResults?.results?.length ?? 0
+        count: toolOutput?.results?.length ?? 0
       })}
     </MessageWebSearchToolTitleTextWrapper>
   )
@@ -36,7 +36,7 @@ export const MessageWebSearchToolTitle = ({ toolResponse }: { toolResponse: MCPT
 //   const toolOutput = toolResponse.response as WebSearchToolOutput
 
 //   return toolResponse.status === 'done'
-//     ? toolOutput?.searchResults?.map((result, index) => (
+//     ? toolOutput?.results?.map((result, index) => (
 //         <MessageWebSearchToolBodyUlWrapper key={result?.query ?? '' + index}>
 //           {result.results.map((item, index) => (
 //             <li key={item.url + index}>
diff --git a/src/renderer/src/pages/home/Navbar.tsx b/src/renderer/src/pages/home/Navbar.tsx
index c9f2f029a2..7d132aca13 100644
--- a/src/renderer/src/pages/home/Navbar.tsx
+++ b/src/renderer/src/pages/home/Navbar.tsx
@@ -2,7 +2,6 @@ import { usePreference } from '@data/hooks/usePreference'
 import { Navbar, NavbarLeft, NavbarRight } from '@renderer/components/app/Navbar'
 import { HStack } from '@renderer/components/Layout'
 import SearchPopup from '@renderer/components/Popups/SearchPopup'
-import WindowControls from '@renderer/components/WindowControls'
 import { isLinux, isWin } from '@renderer/config/constant'
 import { useAssistant } from '@renderer/hooks/useAssistant'
 import { modelGenerating } from '@renderer/hooks/useRuntime'
@@ -84,34 +83,49 @@ const HeaderNavbar: FC<Props> = ({ activeAssistant, setActiveAssistant, activeTo
           </motion.div>
         )}
       </AnimatePresence>
-      <NavbarRight
-        style={{ justifyContent: 'space-between', flex: 1, position: 'relative' }}
-        className="home-navbar-right">
-        <HStack alignItems="center">
-          {!showAssistants && (
-            <Tooltip title={t('navbar.show_sidebar')} mouseEnterDelay={0.8}>
-              <NavbarIcon onClick={() => toggleShowAssistants()} style={{ marginRight: 8, marginLeft: -12 }}>
-                <PanelRightClose size={18} />
-              </NavbarIcon>
-            </Tooltip>
-          )}
+      {!showAssistants && (
+        <NavbarLeft style={{ justifyContent: 'flex-start', borderRight: 'none', padding: '0 10px', minWidth: 'auto' }}>
+          <Tooltip title={t('navbar.show_sidebar')} mouseEnterDelay={0.8}>
+            <NavbarIcon onClick={() => toggleShowAssistants()}>
+              <PanelRightClose size={18} />
+            </NavbarIcon>
+          </Tooltip>
           <AnimatePresence initial={false}>
-            {!showAssistants && (
-              <motion.div
-                initial={{ width: 0, opacity: 0 }}
-                animate={{ width: 'auto', opacity: 1 }}
-                exit={{ width: 0, opacity: 0 }}
-                transition={{ duration: 0.3, ease: 'easeInOut' }}
-                style={{ overflow: 'hidden' }}>
-                <NavbarIcon onClick={onShowAssistantsDrawer} style={{ marginRight: 8 }}>
-                  <Menu size={18} />
-                </NavbarIcon>
-              </motion.div>
-            )}
+            <motion.div
+              initial={{ width: 0, opacity: 0 }}
+              animate={{ width: 'auto', opacity: 1 }}
+              exit={{ width: 0, opacity: 0 }}
+              transition={{ duration: 0.3, ease: 'easeInOut' }}
+              style={{ overflow: 'hidden' }}>
+              <NavbarIcon onClick={onShowAssistantsDrawer} style={{ marginLeft: 8 }}>
+                <Menu size={18} />
+              </NavbarIcon>
+            </motion.div>
           </AnimatePresence>
-          <SelectModelButton assistant={assistant} />
-        </HStack>
+        </NavbarLeft>
+      )}
+      <HStack alignItems="center" gap={6}>
+        <SelectModelButton assistant={assistant} />
+      </HStack>
+      <NavbarRight
+        style={{
+          justifyContent: 'flex-end',
+          flex: 1,
+          position: 'relative',
+          paddingRight: isWin || isLinux ? '144px' : '6px'
+        }}
+        className="home-navbar-right">
         <HStack alignItems="center" gap={6}>
+          <Tooltip title={t('chat.assistant.search.placeholder')} mouseEnterDelay={0.8}>
+            <NarrowIcon onClick={() => SearchPopup.show()}>
+              <Search size={18} />
+            </NarrowIcon>
+          </Tooltip>
+          <Tooltip title={t('navbar.expand')} mouseEnterDelay={0.8}>
+            <NarrowIcon onClick={handleNarrowModeToggle}>
+              <i className="iconfont icon-icon-adaptive-width"></i>
+            </NarrowIcon>
+          </Tooltip>
           <UpdateAppButton />
           {topicPosition === 'right' && !showTopics && (
             <Tooltip title={t('navbar.show_sidebar')} mouseEnterDelay={2}>
@@ -127,47 +141,7 @@ const HeaderNavbar: FC<Props> = ({ activeAssistant, setActiveAssistant, activeTo
               </NavbarIcon>
             </Tooltip>
           )}
-          {/* For Mac, show search and expand without WindowControls */}
-          {!isWin && !isLinux && (
-            <>
-              <Tooltip title={t('chat.assistant.search.placeholder')} mouseEnterDelay={0.8}>
-                <NarrowIcon onClick={() => SearchPopup.show()}>
-                  <Search size={18} />
-                </NarrowIcon>
-              </Tooltip>
-              <Tooltip title={t('navbar.expand')} mouseEnterDelay={0.8}>
-                <NarrowIcon onClick={handleNarrowModeToggle}>
-                  <i className="iconfont icon-icon-adaptive-width"></i>
-                </NarrowIcon>
-              </Tooltip>
-            </>
-          )}
         </HStack>
-        {/* Search, Expand and WindowControls positioned at the right edge */}
-        {(isWin || isLinux) && (
-          <div
-            style={{
-              position: 'absolute',
-              right: 0,
-              top: 0,
-              height: '100%',
-              display: 'flex',
-              alignItems: 'center',
-              gap: 6
-            }}>
-            <Tooltip title={t('chat.assistant.search.placeholder')} mouseEnterDelay={0.8}>
-              <NavbarIcon onClick={() => SearchPopup.show()}>
-                <Search size={18} />
-              </NavbarIcon>
-            </Tooltip>
-            <Tooltip title={t('navbar.expand')} mouseEnterDelay={0.8}>
-              <NavbarIcon onClick={handleNarrowModeToggle}>
-                <i className="iconfont icon-icon-adaptive-width"></i>
-              </NavbarIcon>
-            </Tooltip>
-            <WindowControls />
-          </div>
-        )}
       </NavbarRight>
     </Navbar>
   )
diff --git a/src/renderer/src/pages/home/Tabs/SettingsTab.tsx b/src/renderer/src/pages/home/Tabs/SettingsTab.tsx
index a8329755a6..73c8b9b6a4 100644
--- a/src/renderer/src/pages/home/Tabs/SettingsTab.tsx
+++ b/src/renderer/src/pages/home/Tabs/SettingsTab.tsx
@@ -11,11 +11,14 @@ import { useCodeStyle } from '@renderer/context/CodeStyleProvider'
 import { useTheme } from '@renderer/context/ThemeProvider'
 import { useAssistant } from '@renderer/hooks/useAssistant'
 import { useProvider } from '@renderer/hooks/useProvider'
+import { useSettings } from '@renderer/hooks/useSettings'
 import useTranslate from '@renderer/hooks/useTranslate'
 import { SettingDivider, SettingRow, SettingRowTitle } from '@renderer/pages/settings'
 import AssistantSettingsPopup from '@renderer/pages/settings/AssistantSettings'
 import { CollapsibleSettingGroup } from '@renderer/pages/settings/SettingGroup'
 import { getDefaultModel } from '@renderer/services/AssistantService'
+import { useAppDispatch } from '@renderer/store'
+import { setCodeFancyBlock } from '@renderer/store/settings'
 import { Assistant, AssistantSettings, CodeStyleVarious, MathEngine } from '@renderer/types'
 import { modalConfirm } from '@renderer/utils'
 import { getSendMessageShortcutLabel } from '@renderer/utils/input'
@@ -100,6 +103,10 @@ const SettingsTab: FC<Props> = (props) => {
 
   const { t } = useTranslation()
 
+  const dispatch = useAppDispatch()
+
+  const { codeFancyBlock } = useSettings()
+
   const onUpdateAssistantSettings = (settings: Partial<AssistantSettings>) => {
     updateAssistantSettings(settings)
   }
@@ -434,6 +441,18 @@ const SettingsTab: FC<Props> = (props) => {
             />
           </SettingRow>
           <SettingDivider />
+          <SettingRow>
+            <SettingRowTitleSmall>
+              {t('chat.settings.code_fancy_block.label')}
+              <HelpTooltip title={t('chat.settings.code_fancy_block.tip')} />
+            </SettingRowTitleSmall>
+            <Switch
+              size="small"
+              checked={codeFancyBlock}
+              onChange={(checked) => dispatch(setCodeFancyBlock(checked))}
+            />
+          </SettingRow>
+          <SettingDivider />
           <SettingRow>
             <SettingRowTitleSmall>
               {t('chat.settings.code_execution.title')}
diff --git a/src/renderer/src/pages/home/Tabs/TopicsTab.tsx b/src/renderer/src/pages/home/Tabs/TopicsTab.tsx
index d8b6b923bb..aca37e25b1 100644
--- a/src/renderer/src/pages/home/Tabs/TopicsTab.tsx
+++ b/src/renderer/src/pages/home/Tabs/TopicsTab.tsx
@@ -89,7 +89,7 @@ const Topics: FC<Props> = ({ assistant: _assistant, activeTopic, setActiveTopic,
       if (topic && name !== topic.name) {
         const updatedTopic = { ...topic, name, isNameManuallyEdited: true }
         updateTopic(updatedTopic)
-        window.message.success(t('common.saved'))
+        window.toast.success(t('common.saved'))
       }
       setEditingTopicId(null)
     },
@@ -228,7 +228,7 @@ const Topics: FC<Props> = ({ assistant: _assistant, activeTopic, setActiveTopic,
                 const updatedTopic = { ...topic, name: summaryText, isNameManuallyEdited: false }
                 updateTopic(updatedTopic)
               } else {
-                window.message?.error(t('message.error.fetchTopicName'))
+                window.toast?.error(t('message.error.fetchTopicName'))
               }
             } finally {
               finishTopicRenaming(topic.id)
@@ -363,10 +363,10 @@ const Topics: FC<Props> = ({ assistant: _assistant, activeTopic, setActiveTopic,
               try {
                 const result = await SaveToKnowledgePopup.showForTopic(topic)
                 if (result?.success) {
-                  window.message.success(t('chat.save.topic.knowledge.success', { count: result.savedCount }))
+                  window.toast.success(t('chat.save.topic.knowledge.success', { count: result.savedCount }))
                 }
               } catch {
-                window.message.error(t('chat.save.topic.knowledge.error.save_failed'))
+                window.toast.error(t('chat.save.topic.knowledge.error.save_failed'))
               }
             }
           }
diff --git a/src/renderer/src/pages/home/Tabs/components/AssistantItem.tsx b/src/renderer/src/pages/home/Tabs/components/AssistantItem.tsx
index 57b17bf7dc..68a283d427 100644
--- a/src/renderer/src/pages/home/Tabs/components/AssistantItem.tsx
+++ b/src/renderer/src/pages/home/Tabs/components/AssistantItem.tsx
@@ -305,10 +305,7 @@ function getMenuItems({
         agent.id = uuid()
         agent.type = 'agent'
         addAgent(agent)
-        window.message.success({
-          content: t('assistants.save.success'),
-          key: 'save-to-agent'
-        })
+        window.toast.success(t('assistants.save.success'))
       }
     },
     {
@@ -393,6 +390,7 @@ const Container = styled.div`
   border-radius: var(--list-item-border-radius);
   border: 0.5px solid transparent;
   width: calc(var(--assistants-width) - 20px);
+
   &:hover {
     background-color: var(--color-list-item-hover);
   }
diff --git a/src/renderer/src/pages/home/Tabs/index.tsx b/src/renderer/src/pages/home/Tabs/index.tsx
index 050e435ba7..a01a9b6612 100644
--- a/src/renderer/src/pages/home/Tabs/index.tsx
+++ b/src/renderer/src/pages/home/Tabs/index.tsx
@@ -154,8 +154,8 @@ const HomeTabs: FC<Props> = ({
 const Container = styled.div`
   display: flex;
   flex-direction: column;
-  max-width: var(--assistants-width);
-  min-width: var(--assistants-width);
+  width: var(--assistants-width);
+  transition: width 0.3s;
   height: calc(100vh - var(--navbar-height));
 
   &.right {
@@ -180,6 +180,7 @@ const Container = styled.div`
 
 const TabContent = styled.div`
   display: flex;
+  transition: width 0.3s;
   flex: 1;
   flex-direction: column;
   overflow-y: hidden;
diff --git a/src/renderer/src/pages/knowledge/KnowledgeContent.tsx b/src/renderer/src/pages/knowledge/KnowledgeContent.tsx
index 2adaaba728..8f75d3d45a 100644
--- a/src/renderer/src/pages/knowledge/KnowledgeContent.tsx
+++ b/src/renderer/src/pages/knowledge/KnowledgeContent.tsx
@@ -167,9 +167,9 @@ const KnowledgeContent: FC<KnowledgeContentProps> = ({ selectedBase }) => {
         </ModelInfo>
         <HStack gap={8} alignItems="center">
           {/* 使用selected base导致修改设置后没有响应式更新 */}
-          <NarrowIcon onClick={() => base && KnowledgeSearchPopup.show({ base: base })}>
+          <NavbarIcon onClick={() => base && KnowledgeSearchPopup.show({ base: base })}>
             <Search size={18} />
-          </NarrowIcon>
+          </NavbarIcon>
         </HStack>
       </HeaderContainer>
       <StyledTabs activeKey={activeKey} onChange={setActiveKey} items={tabItems} type="line" size="small" />
@@ -290,12 +290,6 @@ const ModelInfo = styled.div`
   }
 `
 
-const NarrowIcon = styled(NavbarIcon)`
-  @media (max-width: 1000px) {
-    display: none;
-  }
-`
-
 export const ItemContainer = styled.div`
   display: flex;
   flex-direction: column;
diff --git a/src/renderer/src/pages/knowledge/components/AddKnowledgeBasePopup.tsx b/src/renderer/src/pages/knowledge/components/AddKnowledgeBasePopup.tsx
index b5b33db51e..32a13f8a62 100644
--- a/src/renderer/src/pages/knowledge/components/AddKnowledgeBasePopup.tsx
+++ b/src/renderer/src/pages/knowledge/components/AddKnowledgeBasePopup.tsx
@@ -38,12 +38,12 @@ const PopupContainer: React.FC<PopupContainerProps> = ({ title, resolve }) => {
 
   const onOk = async () => {
     if (!newBase.name?.trim()) {
-      window.message.error(t('knowledge.name_required'))
+      window.toast.error(t('knowledge.name_required'))
       return
     }
 
     if (!newBase.model) {
-      window.message.error(t('knowledge.embedding_model_required'))
+      window.toast.error(t('knowledge.embedding_model_required'))
       return
     }
 
@@ -62,7 +62,7 @@ const PopupContainer: React.FC<PopupContainerProps> = ({ title, resolve }) => {
       resolve(_newBase)
     } catch (error) {
       logger.error('KnowledgeBase creation failed:', error as Error)
-      window.message.error(t('knowledge.error.failed_to_create') + formatErrorMessage(error))
+      window.toast.error(t('knowledge.error.failed_to_create') + formatErrorMessage(error))
     }
   }
 
diff --git a/src/renderer/src/pages/knowledge/components/EditKnowledgeBasePopup.tsx b/src/renderer/src/pages/knowledge/components/EditKnowledgeBasePopup.tsx
index 31b3b1ccbb..0f1490238c 100644
--- a/src/renderer/src/pages/knowledge/components/EditKnowledgeBasePopup.tsx
+++ b/src/renderer/src/pages/knowledge/components/EditKnowledgeBasePopup.tsx
@@ -53,7 +53,7 @@ const PopupContainer: React.FC<PopupContainerProps> = ({ base: _base, resolve })
       resolve(migratedBase)
     } catch (error) {
       logger.error('KnowledgeBase migration failed:', error as Error)
-      window.message.error(t('knowledge.migrate.error.failed') + ': ' + formatErrorMessage(error))
+      window.toast.error(t('knowledge.migrate.error.failed') + ': ' + formatErrorMessage(error))
     }
   }, [newBase, migrateBase, resolve, t])
 
@@ -94,7 +94,7 @@ const PopupContainer: React.FC<PopupContainerProps> = ({ base: _base, resolve })
         resolve(newBase)
       } catch (error) {
         logger.error('KnowledgeBase edit failed:', error as Error)
-        window.message.error(t('knowledge.error.failed_to_edit') + formatErrorMessage(error))
+        window.toast.error(t('knowledge.error.failed_to_edit') + formatErrorMessage(error))
       }
     }
   }
diff --git a/src/renderer/src/pages/knowledge/components/KnowledgeSearchItem/hooks.ts b/src/renderer/src/pages/knowledge/components/KnowledgeSearchItem/hooks.ts
index 23fbc7fdda..40b6513328 100644
--- a/src/renderer/src/pages/knowledge/components/KnowledgeSearchItem/hooks.ts
+++ b/src/renderer/src/pages/knowledge/components/KnowledgeSearchItem/hooks.ts
@@ -37,7 +37,7 @@ export const useCopyText = () => {
       message.success(t('message.copied'))
     } catch (error) {
       logger.error('Failed to copy text:', error as Error)
-      window.message.error(t('message.error.copy') || 'Failed to copy text')
+      window.toast.error(t('message.error.copy') || 'Failed to copy text')
     }
   }
 
diff --git a/src/renderer/src/pages/knowledge/components/MigrationInfoTag.tsx b/src/renderer/src/pages/knowledge/components/MigrationInfoTag.tsx
index 3e351d85e7..7af67f2f30 100644
--- a/src/renderer/src/pages/knowledge/components/MigrationInfoTag.tsx
+++ b/src/renderer/src/pages/knowledge/components/MigrationInfoTag.tsx
@@ -22,7 +22,7 @@ const MigrationInfoTag: FC<{ base: KnowledgeBase }> = ({ base: _base }) => {
       await migrateBase(migratedBase, MigrationModeEnum.MigrationToLangChain)
     } catch (error) {
       logger.error('KnowledgeBase migration failed:', error as Error)
-      window.message.error(t('knowledge.migrate.error.failed') + ': ' + formatErrorMessage(error))
+      window.toast.error(t('knowledge.migrate.error.failed') + ': ' + formatErrorMessage(error))
     }
   }, [newBase, migrateBase, t])
 
diff --git a/src/renderer/src/pages/knowledge/items/KnowledgeUrls.tsx b/src/renderer/src/pages/knowledge/items/KnowledgeUrls.tsx
index de42c289a5..a6b0b649e8 100644
--- a/src/renderer/src/pages/knowledge/items/KnowledgeUrls.tsx
+++ b/src/renderer/src/pages/knowledge/items/KnowledgeUrls.tsx
@@ -76,7 +76,7 @@ const KnowledgeUrls: FC<KnowledgeContentProps> = ({ selectedBase }) => {
           if (!urlItems.find((item) => item.content === url.trim())) {
             addUrl(url.trim())
           } else {
-            window.message.success(t('knowledge.url_added'))
+            window.toast.success(t('knowledge.url_added'))
           }
         } catch (e) {
           // Skip invalid URLs silently
@@ -154,7 +154,7 @@ const KnowledgeUrls: FC<KnowledgeContentProps> = ({ selectedBase }) => {
                           label: t('common.copy'),
                           onClick: () => {
                             navigator.clipboard.writeText(item.content as string)
-                            window.message.success(t('message.copied'))
+                            window.toast.success(t('message.copied'))
                           }
                         }
                       ]
diff --git a/src/renderer/src/pages/minapps/MinAppPage.tsx b/src/renderer/src/pages/minapps/MinAppPage.tsx
index 534eaa773f..48830361f7 100644
--- a/src/renderer/src/pages/minapps/MinAppPage.tsx
+++ b/src/renderer/src/pages/minapps/MinAppPage.tsx
@@ -3,13 +3,17 @@ import { DEFAULT_MIN_APPS } from '@renderer/config/minapps'
 import { useMinappPopup } from '@renderer/hooks/useMinappPopup'
 import { useMinapps } from '@renderer/hooks/useMinapps'
 import { useNavbarPosition } from '@renderer/hooks/useNavbar'
-import { useRuntime } from '@renderer/hooks/useRuntime'
 import TabsService from '@renderer/services/TabsService'
-import { FC, useEffect, useMemo, useRef } from 'react'
+import { getWebviewLoaded, onWebviewStateChange, setWebviewLoaded } from '@renderer/utils/webviewStateManager'
+import { Avatar } from 'antd'
+import { WebviewTag } from 'electron'
+import { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useNavigate, useParams } from 'react-router-dom'
+import BeatLoader from 'react-spinners/BeatLoader'
 import styled from 'styled-components'
 
-import MinAppFullPageView from './components/MinAppFullPageView'
+// Tab 模式下新的页面壳，不再直接创建 WebView，而是依赖全局 MinAppTabsPool
+import MinimalToolbar from './components/MinimalToolbar'
 
 const logger = loggerService.withContext('MinAppPage')
 
@@ -18,7 +22,8 @@ const MinAppPage: FC = () => {
   const { isTopNavbar } = useNavbarPosition()
   const { openMinappKeepAlive, minAppsCache } = useMinappPopup()
   const { minapps } = useMinapps()
-  const { openedKeepAliveMinapps } = useRuntime()
+  // openedKeepAliveMinapps 不再需要作为依赖参与 webview 选择，已通过 MutationObserver 动态发现
+  // const { openedKeepAliveMinapps } = useRuntime()
   const navigate = useNavigate()
 
   // Remember the initial navbar position when component mounts
@@ -66,37 +71,146 @@ const MinAppPage: FC = () => {
 
     // For top navbar mode, integrate with cache system
     if (initialIsTopNavbar.current) {
-      // Check if app is already in the keep-alive cache
-      const isAlreadyInCache = openedKeepAliveMinapps.some((cachedApp) => cachedApp.id === app.id)
-
-      if (!isAlreadyInCache) {
-        logger.debug(`Adding app ${app.id} to keep-alive cache via openMinappKeepAlive`)
-        // Add to cache without showing popup (for tab mode)
-        openMinappKeepAlive(app)
-      } else {
-        logger.debug(`App ${app.id} already in keep-alive cache`)
-      }
+      // 无论是否已在缓存，都调用以确保 currentMinappId 同步到路由切换的新 appId
+      openMinappKeepAlive(app)
     }
-  }, [app, navigate, openMinappKeepAlive, openedKeepAliveMinapps, initialIsTopNavbar])
+  }, [app, navigate, openMinappKeepAlive, initialIsTopNavbar])
 
-  // Don't render anything if app not found or not in top navbar mode initially
+  // -------------- 新的 Tab Shell 逻辑 --------------
+  // 注意：Hooks 必须在任何 return 之前调用，因此提前定义，并在内部判空
+  const webviewRef = useRef<WebviewTag | null>(null)
+  const [isReady, setIsReady] = useState<boolean>(() => (app ? getWebviewLoaded(app.id) : false))
+  const [currentUrl, setCurrentUrl] = useState<string | null>(app?.url ?? null)
+
+  // 获取池中的 webview 元素（避免因为 openedKeepAliveMinapps.length 变化而频繁重跑）
+  const webviewCleanupRef = useRef<(() => void) | null>(null)
+
+  const attachWebview = useCallback(() => {
+    if (!app) return true // 没有 app 不再继续监控
+    const selector = `webview[data-minapp-id="${app.id}"]`
+    const el = document.querySelector(selector) as WebviewTag | null
+    if (!el) return false
+
+    if (webviewRef.current === el) return true // 已附着
+
+    webviewRef.current = el
+    const handleInPageNav = (e: any) => setCurrentUrl(e.url)
+    el.addEventListener('did-navigate-in-page', handleInPageNav)
+    webviewCleanupRef.current = () => {
+      el.removeEventListener('did-navigate-in-page', handleInPageNav)
+    }
+    return true
+  }, [app])
+
+  useEffect(() => {
+    if (!app) return
+
+    // 先尝试立即附着
+    if (attachWebview()) return () => webviewCleanupRef.current?.()
+
+    // 若尚未创建，对 DOM 变更做一次监听（轻量 + 自动断开）
+    const observer = new MutationObserver(() => {
+      if (attachWebview()) {
+        observer.disconnect()
+      }
+    })
+    observer.observe(document.body, { childList: true, subtree: true })
+
+    return () => {
+      observer.disconnect()
+      webviewCleanupRef.current?.()
+    }
+  }, [app, attachWebview])
+
+  // 事件驱动等待加载完成（移除固定 150ms 轮询）
+  useEffect(() => {
+    if (!app) return
+    if (getWebviewLoaded(app.id)) {
+      // 已经加载
+      if (!isReady) setIsReady(true)
+      return
+    }
+    let mounted = true
+    const unsubscribe = onWebviewStateChange(app.id, (loaded) => {
+      if (!mounted) return
+      if (loaded) {
+        setIsReady(true)
+        unsubscribe()
+      }
+    })
+    return () => {
+      mounted = false
+      unsubscribe()
+    }
+  }, [app, isReady])
+
+  // 如果条件不满足，提前返回（所有 hooks 已调用）
   if (!app || !initialIsTopNavbar.current) {
     return null
   }
 
+  const handleReload = () => {
+    if (!app) return
+    if (webviewRef.current) {
+      setWebviewLoaded(app.id, false)
+      setIsReady(false)
+      webviewRef.current.src = app.url
+      setCurrentUrl(app.url)
+    }
+  }
+
+  const handleOpenDevTools = () => {
+    webviewRef.current?.openDevTools()
+  }
+
   return (
-    <Container>
-      <MinAppFullPageView app={app} />
-    </Container>
+    <ShellContainer>
+      <ToolbarWrapper>
+        <MinimalToolbar
+          app={app}
+          webviewRef={webviewRef}
+          // currentUrl 可能为 null（尚未捕获导航），外部打开时会 fallback 到 app.url
+          currentUrl={currentUrl}
+          onReload={handleReload}
+          onOpenDevTools={handleOpenDevTools}
+        />
+      </ToolbarWrapper>
+      {!isReady && (
+        <LoadingMask>
+          <Avatar src={app.logo} size={60} style={{ border: '1px solid var(--color-border)' }} />
+          <BeatLoader color="var(--color-text-2)" size={8} style={{ marginTop: 12 }} />
+        </LoadingMask>
+      )}
+    </ShellContainer>
   )
 }
-
-const Container = styled.div`
+const ShellContainer = styled.div`
+  position: relative;
   display: flex;
-  flex: 1;
   flex-direction: column;
   height: 100%;
-  overflow: hidden;
+  width: 100%;
+  z-index: 3; /* 高于池中的 webview */
+  pointer-events: none; /* 让下层 webview 默认可交互 */
+  > * {
+    pointer-events: auto;
+  }
+`
+
+const ToolbarWrapper = styled.div`
+  flex-shrink: 0;
+`
+
+const LoadingMask = styled.div`
+  position: absolute;
+  inset: 35px 0 0 0; /* 避开 toolbar 高度 */
+  display: flex;
+  flex-direction: column; /* 垂直堆叠 */
+  align-items: center;
+  justify-content: center;
+  background: var(--color-background);
+  z-index: 4;
+  gap: 12px;
 `
 
 export default MinAppPage
diff --git a/src/renderer/src/pages/minapps/MinAppsPage.tsx b/src/renderer/src/pages/minapps/MinAppsPage.tsx
index ac738595b4..d6de391caa 100644
--- a/src/renderer/src/pages/minapps/MinAppsPage.tsx
+++ b/src/renderer/src/pages/minapps/MinAppsPage.tsx
@@ -46,10 +46,7 @@ const AppsPage: FC = () => {
             style={{
               width: '30%',
               height: 28,
-              borderRadius: 15,
-              position: 'absolute',
-              left: '50vw',
-              transform: 'translateX(-50%)'
+              borderRadius: 15
             }}
             size="small"
             variant="filled"
@@ -107,6 +104,7 @@ const Container = styled.div`
   flex: 1;
   flex-direction: column;
   height: 100%;
+  overflow: hidden;
 `
 
 const ContentContainer = styled.div`
@@ -132,11 +130,13 @@ const MainContainer = styled.div`
   flex: 1;
   flex-direction: row;
   height: calc(100vh - var(--navbar-height));
+  width: 100%;
 `
 
 const RightContainer = styled(Scrollbar)`
   display: flex;
-  flex: 1;
+  flex: 1 1 0%;
+  min-width: 0;
   flex-direction: column;
   height: 100%;
   align-items: center;
@@ -150,6 +150,7 @@ const AppsContainerWrapper = styled(Scrollbar)`
   justify-content: center;
   padding: 50px 0;
   width: 100%;
+  margin-bottom: 20px;
   [navbar-position='top'] & {
     padding: 20px 0;
   }
@@ -159,6 +160,7 @@ const AppsContainer = styled.div`
   display: grid;
   min-width: 0;
   max-width: 930px;
+  margin: 0 20px;
   width: 100%;
   grid-template-columns: repeat(auto-fill, 90px);
   gap: 25px;
diff --git a/src/renderer/src/pages/minapps/NewAppButton.tsx b/src/renderer/src/pages/minapps/NewAppButton.tsx
index fcfb69f0e7..9b2eb30682 100644
--- a/src/renderer/src/pages/minapps/NewAppButton.tsx
+++ b/src/renderer/src/pages/minapps/NewAppButton.tsx
@@ -36,11 +36,11 @@ const NewAppButton: FC<Props> = ({ size = 60 }) => {
 
       // Check for duplicate ID
       if (customApps.some((app: MinAppType) => app.id === values.id)) {
-        window.message.error(t('settings.miniapps.custom.duplicate_ids', { ids: values.id }))
+        window.toast.error(t('settings.miniapps.custom.duplicate_ids', { ids: values.id }))
         return
       }
       if (ORIGIN_DEFAULT_MIN_APPS.some((app: MinAppType) => app.id === values.id)) {
-        window.message.error(t('settings.miniapps.custom.conflicting_ids', { ids: values.id }))
+        window.toast.error(t('settings.miniapps.custom.conflicting_ids', { ids: values.id }))
         return
       }
 
@@ -54,7 +54,7 @@ const NewAppButton: FC<Props> = ({ size = 60 }) => {
       }
       customApps.push(newApp)
       await window.api.file.writeWithId('custom-minapps.json', JSON.stringify(customApps, null, 2))
-      window.message.success(t('settings.miniapps.custom.save_success'))
+      window.toast.success(t('settings.miniapps.custom.save_success'))
       setIsModalVisible(false)
       form.resetFields()
       setFileList([])
@@ -62,7 +62,7 @@ const NewAppButton: FC<Props> = ({ size = 60 }) => {
       updateDefaultMinApps(reloadedApps)
       updateMinapps([...minapps, newApp])
     } catch (error) {
-      window.message.error(t('settings.miniapps.custom.save_error'))
+      window.toast.error(t('settings.miniapps.custom.save_error'))
       logger.error('Failed to save custom mini app:', error as Error)
     }
   }
@@ -77,14 +77,14 @@ const NewAppButton: FC<Props> = ({ size = 60 }) => {
         reader.onload = (event) => {
           const base64Data = event.target?.result
           if (typeof base64Data === 'string') {
-            window.message.success(t('settings.miniapps.custom.logo_upload_success'))
+            window.toast.success(t('settings.miniapps.custom.logo_upload_success'))
             form.setFieldValue('logo', base64Data)
           }
         }
         reader.readAsDataURL(file)
       } catch (error) {
         logger.error('Failed to read file:', error as Error)
-        window.message.error(t('settings.miniapps.custom.logo_upload_error'))
+        window.toast.error(t('settings.miniapps.custom.logo_upload_error'))
       }
     }
   }
diff --git a/src/renderer/src/pages/notes/HeaderNavbar.tsx b/src/renderer/src/pages/notes/HeaderNavbar.tsx
index ead7af825c..c9eb189302 100644
--- a/src/renderer/src/pages/notes/HeaderNavbar.tsx
+++ b/src/renderer/src/pages/notes/HeaderNavbar.tsx
@@ -1,13 +1,15 @@
+import { BreadcrumbItem, Breadcrumbs } from '@heroui/react'
 import { loggerService } from '@logger'
 import { NavbarCenter, NavbarHeader, NavbarRight } from '@renderer/components/app/Navbar'
 import { HStack } from '@renderer/components/Layout'
 import { useActiveNode } from '@renderer/hooks/useNotesQuery'
 import { useNotesSettings } from '@renderer/hooks/useNotesSettings'
 import { useShowWorkspace } from '@renderer/hooks/useShowWorkspace'
-import { findNodeInTree } from '@renderer/services/NotesTreeService'
-import { Breadcrumb, BreadcrumbProps, Dropdown, Tooltip } from 'antd'
+import { findNodeByPath, findNodeInTree, updateNodeInTree } from '@renderer/services/NotesTreeService'
+import { NotesTreeNode } from '@types'
+import { Dropdown, Tooltip } from 'antd'
 import { t } from 'i18next'
-import { MoreHorizontal, PanelLeftClose, PanelRightClose } from 'lucide-react'
+import { MoreHorizontal, PanelLeftClose, PanelRightClose, Star } from 'lucide-react'
 import { useCallback, useEffect, useState } from 'react'
 import styled from 'styled-components'
 
@@ -15,31 +17,74 @@ import { menuItems } from './MenuConfig'
 
 const logger = loggerService.withContext('HeaderNavbar')
 
-const HeaderNavbar = ({ notesTree, getCurrentNoteContent }) => {
+const HeaderNavbar = ({ notesTree, getCurrentNoteContent, onToggleStar }) => {
   const { showWorkspace, toggleShowWorkspace } = useShowWorkspace()
   const { activeNode } = useActiveNode(notesTree)
-  const [breadcrumbItems, setBreadcrumbItems] = useState<Required<BreadcrumbProps>['items']>([])
+  const [breadcrumbItems, setBreadcrumbItems] = useState<
+    Array<{ key: string; title: string; treePath: string; isFolder: boolean }>
+  >([])
   const { settings, updateSettings } = useNotesSettings()
+  const canShowStarButton = activeNode?.type === 'file' && onToggleStar
 
   const handleToggleShowWorkspace = useCallback(() => {
     toggleShowWorkspace()
   }, [toggleShowWorkspace])
 
+  const handleToggleStarred = useCallback(() => {
+    if (activeNode) {
+      onToggleStar(activeNode.id)
+    }
+  }, [activeNode, onToggleStar])
+
   const handleCopyContent = useCallback(async () => {
     try {
       const content = getCurrentNoteContent?.()
       if (content) {
         await navigator.clipboard.writeText(content)
-        window.message.success(t('common.copied'))
+        window.toast.success(t('common.copied'))
       } else {
-        window.message.warning(t('notes.no_content_to_copy'))
+        window.toast.warning(t('notes.no_content_to_copy'))
       }
     } catch (error) {
       logger.error('Failed to copy content:', error as Error)
-      window.message.error(t('common.copy_failed'))
+      window.toast.error(t('common.copy_failed'))
     }
   }, [getCurrentNoteContent])
 
+  const handleBreadcrumbClick = useCallback(
+    async (item: { treePath: string; isFolder: boolean }) => {
+      if (item.isFolder && notesTree) {
+        try {
+          // 获取从根目录到点击目录的所有路径片段
+          const pathParts = item.treePath.split('/').filter(Boolean)
+          const expandPromises: Promise<NotesTreeNode>[] = []
+
+          // 逐级展开从根到目标路径的所有文件夹
+          for (let i = 0; i < pathParts.length; i++) {
+            const currentPath = '/' + pathParts.slice(0, i + 1).join('/')
+            const folderNode = findNodeByPath(notesTree, currentPath)
+
+            if (folderNode && folderNode.type === 'folder' && !folderNode.expanded) {
+              expandPromises.push(updateNodeInTree(notesTree, folderNode.id, { expanded: true }))
+            }
+          }
+
+          // 并行执行所有展开操作
+          if (expandPromises.length > 0) {
+            await Promise.all(expandPromises)
+            logger.info('Expanded folder path from breadcrumb:', {
+              targetPath: item.treePath,
+              expandedCount: expandPromises.length
+            })
+          }
+        } catch (error) {
+          logger.error('Failed to expand folder path from breadcrumb:', error as Error)
+        }
+      }
+    },
+    [notesTree]
+  )
+
   const buildMenuItem = (item: any) => {
     if (item.type === 'divider') {
       return { type: 'divider' as const, key: item.key }
@@ -99,9 +144,13 @@ const HeaderNavbar = ({ notesTree, getCurrentNoteContent }) => {
 
     const pathParts = node.treePath.split('/').filter(Boolean)
     const items = pathParts.map((part, index) => {
+      const currentPath = '/' + pathParts.slice(0, index + 1).join('/')
+      const isLastItem = index === pathParts.length - 1
       return {
         key: `path-${index}`,
-        title: part
+        title: part,
+        treePath: currentPath,
+        isFolder: !isLastItem || node.type === 'folder'
       }
     })
 
@@ -128,10 +177,33 @@ const HeaderNavbar = ({ notesTree, getCurrentNoteContent }) => {
           </Tooltip>
         )}
       </HStack>
-      <NavbarCenter style={{ flex: 1 }}>
-        <Breadcrumb items={breadcrumbItems} />
+      <NavbarCenter style={{ flex: 1, minWidth: 0 }}>
+        <BreadcrumbsContainer>
+          <Breadcrumbs>
+            {breadcrumbItems.map((item, index) => (
+              <BreadcrumbItem key={item.key} isCurrent={index === breadcrumbItems.length - 1}>
+                <BreadcrumbTitle
+                  onClick={() => handleBreadcrumbClick(item)}
+                  $clickable={item.isFolder && index < breadcrumbItems.length - 1}>
+                  {item.title}
+                </BreadcrumbTitle>
+              </BreadcrumbItem>
+            ))}
+          </Breadcrumbs>
+        </BreadcrumbsContainer>
       </NavbarCenter>
       <NavbarRight style={{ paddingRight: 0 }}>
+        {canShowStarButton && (
+          <Tooltip title={activeNode.isStarred ? t('notes.unstar') : t('notes.star')} mouseEnterDelay={0.8}>
+            <StarButton onClick={handleToggleStarred}>
+              {activeNode.isStarred ? (
+                <Star size={18} fill="var(--color-status-warning)" stroke="var(--color-status-warning)" />
+              ) : (
+                <Star size={18} />
+              )}
+            </StarButton>
+          </Tooltip>
+        )}
         <Tooltip title={t('notes.settings.title')} mouseEnterDelay={0.8}>
           <Dropdown
             menu={{ items: menuItems.map(buildMenuItem) }}
@@ -187,4 +259,75 @@ export const NavbarIcon = styled.div`
   }
 `
 
+export const StarButton = styled.div`
+  -webkit-app-region: none;
+  border-radius: 8px;
+  height: 30px;
+  padding: 0 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  transition: all 0.2s ease-in-out;
+  cursor: pointer;
+  svg {
+    color: inherit;
+  }
+
+  &:hover {
+    background-color: var(--color-background-mute);
+  }
+`
+
+export const BreadcrumbsContainer = styled.div`
+  width: 100%;
+  overflow: hidden;
+
+  /* 确保 HeroUI Breadcrumbs 组件保持在一行 */
+  & > nav {
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  & ol {
+    flex-wrap: nowrap !important;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+  }
+
+  & li {
+    flex-shrink: 1;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+  }
+
+  /* 确保分隔符不会与标题重叠 */
+  & li:not(:last-child)::after {
+    flex-shrink: 0;
+    margin: 0 8px;
+  }
+`
+
+export const BreadcrumbTitle = styled.span<{ $clickable?: boolean }>`
+  max-width: 150px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inline-block;
+  flex-shrink: 1;
+  min-width: 0;
+
+  ${({ $clickable }) =>
+    $clickable &&
+    `
+    cursor: pointer;
+    &:hover {
+      color: var(--color-primary);
+      text-decoration: underline;
+    }
+  `}
+`
+
 export default HeaderNavbar
diff --git a/src/renderer/src/pages/notes/MenuConfig.tsx b/src/renderer/src/pages/notes/MenuConfig.tsx
index 67490066ec..2e637ab781 100644
--- a/src/renderer/src/pages/notes/MenuConfig.tsx
+++ b/src/renderer/src/pages/notes/MenuConfig.tsx
@@ -33,6 +33,13 @@ export const menuItems: MenuItem[] = [
     action: (settings, updateSettings) => updateSettings({ isFullWidth: !settings.isFullWidth }),
     isActive: (settings) => !settings.isFullWidth
   },
+  {
+    key: 'table-of-contents',
+    labelKey: 'notes.settings.display.show_table_of_contents',
+    icon: Type,
+    action: (settings, updateSettings) => updateSettings({ showTableOfContents: !settings.showTableOfContents }),
+    isActive: (settings) => settings.showTableOfContents
+  },
   {
     key: 'divider1',
     type: 'divider',
@@ -54,6 +61,29 @@ export const menuItems: MenuItem[] = [
         labelKey: 'notes.settings.display.serif_font',
         action: (_, updateSettings) => updateSettings({ fontFamily: 'serif' }),
         isActive: (settings) => settings.fontFamily === 'serif'
+      },
+      {
+        key: 'divider2',
+        type: 'divider',
+        labelKey: ''
+      },
+      {
+        key: 'font-size-small',
+        labelKey: 'notes.settings.display.font_size_small',
+        action: (_, updateSettings) => updateSettings({ fontSize: 14 }),
+        isActive: (settings) => settings.fontSize === 14
+      },
+      {
+        key: 'font-size-medium',
+        labelKey: 'notes.settings.display.font_size_medium',
+        action: (_, updateSettings) => updateSettings({ fontSize: 16 }),
+        isActive: (settings) => settings.fontSize === 16
+      },
+      {
+        key: 'font-size-large',
+        labelKey: 'notes.settings.display.font_size_large',
+        action: (_, updateSettings) => updateSettings({ fontSize: 20 }),
+        isActive: (settings) => settings.fontSize === 20
       }
     ]
   }
diff --git a/src/renderer/src/pages/notes/NotesEditor.tsx b/src/renderer/src/pages/notes/NotesEditor.tsx
index affc5b7942..a9ed8f592f 100644
--- a/src/renderer/src/pages/notes/NotesEditor.tsx
+++ b/src/renderer/src/pages/notes/NotesEditor.tsx
@@ -59,16 +59,19 @@ const NotesEditor: FC<NotesEditorProps> = memo(
       <>
         <RichEditorContainer>
           {tmpViewMode === 'source' ? (
-            <CodeEditor
-              value={currentContent}
-              language="markdown"
-              onChange={onMarkdownChange}
-              height="100%"
-              expanded={false}
-              style={{
-                height: '100%'
-              }}
-            />
+            <SourceEditorWrapper isFullWidth={settings.isFullWidth} fontSize={settings.fontSize}>
+              <CodeEditor
+                value={currentContent}
+                language="markdown"
+                onChange={onMarkdownChange}
+                height="100%"
+                expanded={false}
+                style={{
+                  height: '100%',
+                  fontSize: `${settings.fontSize}px`
+                }}
+              />
+            </SourceEditorWrapper>
           ) : (
             <RichEditor
               key={`${activeNodeId}-${tmpViewMode === 'preview' ? 'preview' : 'read'}`}
@@ -78,11 +81,12 @@ const NotesEditor: FC<NotesEditorProps> = memo(
               onCommandsReady={handleCommandsReady}
               showToolbar={tmpViewMode === 'preview'}
               editable={tmpViewMode === 'preview'}
-              showTableOfContents
+              showTableOfContents={settings.showTableOfContents}
               enableContentSearch
               className="notes-rich-editor"
               isFullWidth={settings.isFullWidth}
               fontFamily={settings.fontFamily}
+              fontSize={settings.fontSize}
             />
           )}
         </RichEditorContainer>
@@ -172,6 +176,28 @@ const RichEditorContainer = styled.div`
   }
 `
 
+const SourceEditorWrapper = styled.div<{ isFullWidth: boolean; fontSize: number }>`
+  height: 100%;
+  width: ${({ isFullWidth }) => (isFullWidth ? '100%' : '60%')};
+  margin: ${({ isFullWidth }) => (isFullWidth ? '0' : '0 auto')};
+
+  /* 应用字体大小到CodeEditor */
+  .monaco-editor {
+    font-size: ${({ fontSize }) => fontSize}px !important;
+  }
+
+  /* 确保CodeEditor内部元素也应用字体大小 */
+  .monaco-editor .monaco-editor-background,
+  .monaco-editor .inputarea.ime-input,
+  .monaco-editor .monaco-editor-container,
+  .monaco-editor .overflow-guard,
+  .monaco-editor .monaco-scrollable-element,
+  .monaco-editor .lines-content.monaco-editor-background,
+  .monaco-editor .view-line {
+    font-size: ${({ fontSize }) => fontSize}px !important;
+  }
+`
+
 const BottomPanel = styled.div`
   padding: 8px 16px;
   border-top: 0.5px solid var(--color-border);
diff --git a/src/renderer/src/pages/notes/NotesNavbar.tsx b/src/renderer/src/pages/notes/NotesNavbar.tsx
deleted file mode 100644
index f6dbe77573..0000000000
--- a/src/renderer/src/pages/notes/NotesNavbar.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import { Navbar, NavbarLeft, NavbarRight } from '@renderer/components/app/Navbar'
-import { HStack } from '@renderer/components/Layout'
-import { isMac } from '@renderer/config/constant'
-import { useFullscreen } from '@renderer/hooks/useFullscreen'
-import { useShowWorkspace } from '@renderer/hooks/useShowWorkspace'
-import { Tooltip } from 'antd'
-import { PanelLeftClose, PanelRightClose } from 'lucide-react'
-import { useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
-import styled from 'styled-components'
-
-const NotesNavbar = () => {
-  const { t } = useTranslation()
-  const { showWorkspace, toggleShowWorkspace } = useShowWorkspace()
-  const isFullscreen = useFullscreen()
-
-  const handleToggleShowWorkspace = useCallback(() => {
-    toggleShowWorkspace()
-  }, [toggleShowWorkspace])
-
-  return (
-    <Navbar className="notes-navbar">
-      {showWorkspace && (
-        <NavbarLeft style={{ justifyContent: 'space-between', borderRight: 'none', padding: 0 }}>
-          <Tooltip title={t('navbar.hide_sidebar')} mouseEnterDelay={0.8}>
-            <NavbarIcon onClick={handleToggleShowWorkspace} style={{ marginLeft: isMac && !isFullscreen ? 16 : 0 }}>
-              <PanelLeftClose size={18} />
-            </NavbarIcon>
-          </Tooltip>
-        </NavbarLeft>
-      )}
-      <NavbarRight style={{ justifyContent: 'space-between', flex: 1 }} className="notes-navbar-right">
-        <HStack alignItems="center">
-          {!showWorkspace && (
-            <Tooltip title={t('navbar.show_sidebar')} mouseEnterDelay={0.8}>
-              <NavbarIcon
-                onClick={handleToggleShowWorkspace}
-                style={{ marginRight: 8, marginLeft: isMac && !isFullscreen ? 4 : -12 }}>
-                <PanelRightClose size={18} />
-              </NavbarIcon>
-            </Tooltip>
-          )}
-        </HStack>
-      </NavbarRight>
-    </Navbar>
-  )
-}
-
-export const NavbarIcon = styled.div`
-  -webkit-app-region: none;
-  border-radius: 8px;
-  height: 30px;
-  padding: 0 7px;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  transition: all 0.2s ease-in-out;
-  cursor: pointer;
-  .iconfont {
-    font-size: 18px;
-    color: var(--color-icon);
-    &.icon-a-addchat {
-      font-size: 20px;
-    }
-    &.icon-a-darkmode {
-      font-size: 20px;
-    }
-    &.icon-appstore {
-      font-size: 20px;
-    }
-  }
-  .anticon {
-    color: var(--color-icon);
-    font-size: 16px;
-  }
-  &:hover {
-    background-color: var(--color-background-mute);
-    color: var(--color-icon-white);
-  }
-`
-
-export default NotesNavbar
diff --git a/src/renderer/src/pages/notes/NotesPage.tsx b/src/renderer/src/pages/notes/NotesPage.tsx
index 64782721f4..c85793e781 100644
--- a/src/renderer/src/pages/notes/NotesPage.tsx
+++ b/src/renderer/src/pages/notes/NotesPage.tsx
@@ -12,7 +12,7 @@ import {
   moveNode,
   renameNode,
   sortAllLevels,
-  uploadNote
+  uploadFiles
 } from '@renderer/services/NotesService'
 import { getNotesTree, isParentNode, updateNodeInTree } from '@renderer/services/NotesTreeService'
 import { useAppDispatch, useAppSelector } from '@renderer/store'
@@ -20,8 +20,8 @@ import { selectActiveFilePath, selectSortType, setActiveFilePath, setSortType }
 import { NotesSortType, NotesTreeNode } from '@renderer/types/note'
 import { FileChangeEvent } from '@shared/config/types'
 import { useLiveQuery } from 'dexie-react-hooks'
-import { AnimatePresence, motion } from 'framer-motion'
 import { debounce } from 'lodash'
+import { AnimatePresence, motion } from 'motion/react'
 import { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import styled from 'styled-components'
@@ -507,7 +507,7 @@ const NotesPage: FC = () => {
           }
           await sortAllLevels(sortType)
           if (renamedNode.name !== newName) {
-            window.message.info(t('notes.rename_changed', { original: newName, final: renamedNode.name }))
+            window.toast.info(t('notes.rename_changed', { original: newName, final: renamedNode.name }))
           }
         }
       } catch (error) {
@@ -525,46 +525,46 @@ const NotesPage: FC = () => {
   const handleUploadFiles = useCallback(
     async (files: File[]) => {
       try {
-        const fileToUpload = files[0]
-
-        if (!fileToUpload) {
-          window.message.warning(t('notes.no_file_selected'))
-          return
-        }
-        // 暂时这么处理
-        if (files.length > 1) {
-          window.message.warning(t('notes.only_one_file_allowed'))
-        }
-
-        if (!fileToUpload.name.toLowerCase().endsWith('.md')) {
-          window.message.warning(t('notes.only_markdown'))
+        if (!files || files.length === 0) {
+          window.toast.warning(t('notes.no_file_selected'))
           return
         }
 
-        try {
-          if (!notesPath) {
-            throw new Error('No folder path selected')
-          }
-          await uploadNote(fileToUpload, notesPath)
-          window.message.success(t('notes.upload_success', { count: 1 }))
-        } catch (error) {
-          logger.error(`Failed to upload note file ${fileToUpload.name}:`, error as Error)
-          window.message.error(t('notes.upload_failed', { name: fileToUpload.name }))
+        const targetFolderPath = getTargetFolderPath()
+        if (!targetFolderPath) {
+          throw new Error('No folder path selected')
         }
+
+        const result = await uploadFiles(files, targetFolderPath)
+
+        // 检查上传结果
+        if (result.fileCount === 0) {
+          window.toast.warning(t('notes.no_valid_files'))
+          return
+        }
+
+        // 排序并显示成功信息
+        await sortAllLevels(sortType)
+
+        const successMessage = t('notes.upload_success')
+
+        window.toast.success(successMessage)
       } catch (error) {
         logger.error('Failed to handle file upload:', error as Error)
-        window.message.error(t('notes.upload_failed'))
+        window.toast.error(t('notes.upload_failed'))
       }
     },
-    [notesPath, t]
+    [getTargetFolderPath, sortType, t]
   )
 
   // 处理节点移动
   const handleMoveNode = useCallback(
     async (sourceNodeId: string, targetNodeId: string, position: 'before' | 'after' | 'inside') => {
       try {
-        await moveNode(sourceNodeId, targetNodeId, position)
-        await sortAllLevels(sortType)
+        const result = await moveNode(sourceNodeId, targetNodeId, position)
+        if (result.success && result.type !== 'manual_reorder') {
+          await sortAllLevels(sortType)
+        }
       } catch (error) {
         logger.error('Failed to move nodes:', error as Error)
       }
@@ -627,7 +627,11 @@ const NotesPage: FC = () => {
           )}
         </AnimatePresence>
         <EditorWrapper>
-          <HeaderNavbar notesTree={notesTree} getCurrentNoteContent={getCurrentNoteContent} />
+          <HeaderNavbar
+            notesTree={notesTree}
+            getCurrentNoteContent={getCurrentNoteContent}
+            onToggleStar={handleToggleStar}
+          />
           <NotesEditor
             activeNodeId={activeNode?.id}
             currentContent={currentContent}
diff --git a/src/renderer/src/pages/notes/NotesSidebar.tsx b/src/renderer/src/pages/notes/NotesSidebar.tsx
index 0eee4e4514..c9803208c3 100644
--- a/src/renderer/src/pages/notes/NotesSidebar.tsx
+++ b/src/renderer/src/pages/notes/NotesSidebar.tsx
@@ -167,17 +167,17 @@ const NotesSidebar: FC<NotesSidebarProps> = ({
     async (note: NotesTreeNode) => {
       try {
         if (bases.length === 0) {
-          window.message.warning(t('chat.save.knowledge.empty.no_knowledge_base'))
+          window.toast.warning(t('chat.save.knowledge.empty.no_knowledge_base'))
           return
         }
 
         const result = await SaveToKnowledgePopup.showForNote(note)
 
         if (result?.success) {
-          window.message.success(t('notes.export_success', { count: result.savedCount }))
+          window.toast.success(t('notes.export_success', { count: result.savedCount }))
         }
       } catch (error) {
-        window.message.error(t('notes.export_failed'))
+        window.toast.error(t('notes.export_failed'))
         logger.error(`Failed to export note to knowledge base: ${error}`)
       }
     },
@@ -461,19 +461,82 @@ const NotesSidebar: FC<NotesSidebarProps> = ({
   )
 
   const handleDropFiles = useCallback(
-    (e: React.DragEvent) => {
+    async (e: React.DragEvent) => {
       e.preventDefault()
       setIsDragOverSidebar(false)
 
-      const files = Array.from(e.dataTransfer.files)
+      // 处理文件夹拖拽：从 dataTransfer.items 获取完整的文件路径信息
+      const items = Array.from(e.dataTransfer.items)
+      const files: File[] = []
 
-      if (files.length > 0) {
-        onUploadFiles(files)
+      const processEntry = async (entry: FileSystemEntry, path: string = '') => {
+        if (entry.isFile) {
+          const fileEntry = entry as FileSystemFileEntry
+          return new Promise<void>((resolve) => {
+            fileEntry.file((file) => {
+              // 手动设置 webkitRelativePath 以保持文件夹结构
+              Object.defineProperty(file, 'webkitRelativePath', {
+                value: path + file.name,
+                writable: false
+              })
+              files.push(file)
+              resolve()
+            })
+          })
+        } else if (entry.isDirectory) {
+          const dirEntry = entry as FileSystemDirectoryEntry
+          const reader = dirEntry.createReader()
+          return new Promise<void>((resolve) => {
+            reader.readEntries(async (entries) => {
+              const promises = entries.map((subEntry) => processEntry(subEntry, path + entry.name + '/'))
+              await Promise.all(promises)
+              resolve()
+            })
+          })
+        }
+      }
+
+      // 如果支持 DataTransferItem API（文件夹拖拽）
+      if (items.length > 0 && items[0].webkitGetAsEntry()) {
+        const promises = items.map((item) => {
+          const entry = item.webkitGetAsEntry()
+          return entry ? processEntry(entry) : Promise.resolve()
+        })
+
+        await Promise.all(promises)
+
+        if (files.length > 0) {
+          onUploadFiles(files)
+        }
+      } else {
+        const regularFiles = Array.from(e.dataTransfer.files)
+        if (regularFiles.length > 0) {
+          onUploadFiles(regularFiles)
+        }
       }
     },
     [onUploadFiles]
   )
 
+  const handleClickToSelectFiles = useCallback(() => {
+    const fileInput = document.createElement('input')
+    fileInput.type = 'file'
+    fileInput.multiple = true
+    fileInput.accept = '.md,.markdown'
+    fileInput.webkitdirectory = false
+
+    fileInput.onchange = (e) => {
+      const target = e.target as HTMLInputElement
+      if (target.files && target.files.length > 0) {
+        const selectedFiles = Array.from(target.files)
+        onUploadFiles(selectedFiles)
+      }
+      fileInput.remove()
+    }
+
+    fileInput.click()
+  }, [onUploadFiles])
+
   return (
     <SidebarContainer
       onDragOver={(e) => {
@@ -512,7 +575,7 @@ const NotesSidebar: FC<NotesSidebarProps> = ({
                     <NodeIcon>
                       <FilePlus size={16} />
                     </NodeIcon>
-                    <DropHintText>{t('notes.drop_markdown_hint')}</DropHintText>
+                    <DropHintText onClick={handleClickToSelectFiles}>{t('notes.drop_markdown_hint')}</DropHintText>
                   </TreeNodeContent>
                 </TreeNodeContainer>
               </DropHintNode>
@@ -674,12 +737,6 @@ const NodeName = styled.div`
 const EditInput = styled(Input)`
   flex: 1;
   font-size: 13px;
-
-  .ant-input {
-    font-size: 13px;
-    padding: 2px 6px;
-    border: 0.5px solid var(--color-primary);
-  }
 `
 
 const DragOverIndicator = styled.div`
diff --git a/src/renderer/src/pages/notes/NotesSidebarHeader.tsx b/src/renderer/src/pages/notes/NotesSidebarHeader.tsx
index 7f47ad14c7..f4d4e17e7d 100644
--- a/src/renderer/src/pages/notes/NotesSidebarHeader.tsx
+++ b/src/renderer/src/pages/notes/NotesSidebarHeader.tsx
@@ -69,18 +69,18 @@ const NotesSidebarHeader: FC<NotesSidebarHeaderProps> = ({
       <HeaderActions>
         {!isShowStarred && !isShowSearch && (
           <>
-            <Tooltip title={t('notes.new_folder')} mouseEnterDelay={0.8}>
-              <ActionButton onClick={onCreateFolder}>
-                <FolderPlus size={18} />
-              </ActionButton>
-            </Tooltip>
-
             <Tooltip title={t('notes.new_note')} mouseEnterDelay={0.8}>
               <ActionButton onClick={onCreateNote}>
                 <FilePlus2 size={18} />
               </ActionButton>
             </Tooltip>
 
+            <Tooltip title={t('notes.new_folder')} mouseEnterDelay={0.8}>
+              <ActionButton onClick={onCreateFolder}>
+                <FolderPlus size={18} />
+              </ActionButton>
+            </Tooltip>
+
             <Dropdown
               menu={{
                 items: sortMenuWithCheck,
diff --git a/src/renderer/src/pages/paintings/AihubmixPage.tsx b/src/renderer/src/pages/paintings/AihubmixPage.tsx
index 006dcee201..a6cf4a108d 100644
--- a/src/renderer/src/pages/paintings/AihubmixPage.tsx
+++ b/src/renderer/src/pages/paintings/AihubmixPage.tsx
@@ -135,10 +135,7 @@ const AihubmixPage: FC<{ Options: string[] }> = ({ Options }) => {
         try {
           if (!url?.trim()) {
             logger.error('图像URL为空，可能是提示词违禁')
-            window.message.warning({
-              content: t('message.empty_url'),
-              key: 'empty-url-warning'
-            })
+            window.toast.warning(t('message.empty_url'))
             return null
           }
           return await window.api.file.download(url)
@@ -148,10 +145,7 @@ const AihubmixPage: FC<{ Options: string[] }> = ({ Options }) => {
             error instanceof Error &&
             (error.message.includes('Failed to parse URL') || error.message.includes('Invalid URL'))
           ) {
-            window.message.warning({
-              content: t('message.empty_url'),
-              key: 'empty-url-warning'
-            })
+            window.toast.warning(t('message.empty_url'))
           }
           return null
         }
diff --git a/src/renderer/src/pages/paintings/DmxapiPage.tsx b/src/renderer/src/pages/paintings/DmxapiPage.tsx
index 21a784397f..2ffc9fd958 100644
--- a/src/renderer/src/pages/paintings/DmxapiPage.tsx
+++ b/src/renderer/src/pages/paintings/DmxapiPage.tsx
@@ -491,10 +491,7 @@ const DmxapiPage: FC<{ Options: string[] }> = ({ Options }) => {
       urls.map(async (url) => {
         try {
           if (!url || url.trim() === '') {
-            window.message.warning({
-              content: t('message.empty_url'),
-              key: 'empty-url-warning'
-            })
+            window.toast.warning(t('message.empty_url'))
             return null
           }
           return await window.api.file.download(url, true)
@@ -503,10 +500,7 @@ const DmxapiPage: FC<{ Options: string[] }> = ({ Options }) => {
             error instanceof Error &&
             (error.message.includes('Failed to parse URL') || error.message.includes('Invalid URL'))
           ) {
-            window.message.warning({
-              content: t('message.empty_url'),
-              key: 'empty-url-warning'
-            })
+            window.toast.warning(t('message.empty_url'))
           }
           return null
         }
@@ -591,10 +585,7 @@ const DmxapiPage: FC<{ Options: string[] }> = ({ Options }) => {
             updatePaintingState({ files: validFiles, urls })
           }
         } else {
-          window.message.warning({
-            content: t('paintings.req_error_text'),
-            key: 'empty-url-warning'
-          })
+          window.toast.warning(t('paintings.req_error_text'))
         }
       }
     } catch (error) {
diff --git a/src/renderer/src/pages/paintings/NewApiPage.tsx b/src/renderer/src/pages/paintings/NewApiPage.tsx
index 518b146446..2a44fc8ba0 100644
--- a/src/renderer/src/pages/paintings/NewApiPage.tsx
+++ b/src/renderer/src/pages/paintings/NewApiPage.tsx
@@ -198,10 +198,7 @@ const NewApiPage: FC<{ Options: string[] }> = ({ Options }) => {
         try {
           if (!url?.trim()) {
             logger.error('图像URL为空')
-            window.message.warning({
-              content: t('message.empty_url'),
-              key: 'empty-url-warning'
-            })
+            window.toast.warning(t('message.empty_url'))
             return null
           }
           return await window.api.file.download(url)
@@ -211,10 +208,7 @@ const NewApiPage: FC<{ Options: string[] }> = ({ Options }) => {
             error instanceof Error &&
             (error.message.includes('Failed to parse URL') || error.message.includes('Invalid URL'))
           ) {
-            window.message.warning({
-              content: t('message.empty_url'),
-              key: 'empty-url-warning'
-            })
+            window.toast.warning(t('message.empty_url'))
           }
           return null
         }
@@ -283,7 +277,7 @@ const NewApiPage: FC<{ Options: string[] }> = ({ Options }) => {
       } else if (mode === 'openai_image_edit') {
         // -------- Edit Mode --------
         if (editImages.length === 0) {
-          window.message.warning({ content: t('paintings.image_file_required') })
+          window.toast.warning(t('paintings.image_file_required'))
           return
         }
 
diff --git a/src/renderer/src/pages/paintings/SiliconPage.tsx b/src/renderer/src/pages/paintings/SiliconPage.tsx
index 32a9eee79e..5522814571 100644
--- a/src/renderer/src/pages/paintings/SiliconPage.tsx
+++ b/src/renderer/src/pages/paintings/SiliconPage.tsx
@@ -223,10 +223,7 @@ const SiliconPage: FC<{ Options: string[] }> = ({ Options }) => {
             try {
               if (!url || url.trim() === '') {
                 logger.error('图像URL为空，可能是提示词违禁')
-                window.message.warning({
-                  content: t('message.empty_url'),
-                  key: 'empty-url-warning'
-                })
+                window.toast.warning(t('message.empty_url'))
                 return null
               }
               return await window.api.file.download(url)
@@ -236,10 +233,7 @@ const SiliconPage: FC<{ Options: string[] }> = ({ Options }) => {
                 error instanceof Error &&
                 (error.message.includes('Failed to parse URL') || error.message.includes('Invalid URL'))
               ) {
-                window.message.warning({
-                  content: t('message.empty_url'),
-                  key: 'empty-url-warning'
-                })
+                window.toast.warning(t('message.empty_url'))
               }
               return null
             }
diff --git a/src/renderer/src/pages/paintings/ZhipuPage.tsx b/src/renderer/src/pages/paintings/ZhipuPage.tsx
index 8b511264c2..ea8d7cfcea 100644
--- a/src/renderer/src/pages/paintings/ZhipuPage.tsx
+++ b/src/renderer/src/pages/paintings/ZhipuPage.tsx
@@ -187,10 +187,7 @@ const ZhipuPage: FC<{ Options: string[] }> = ({ Options }) => {
           imageUrls.map(async (url) => {
             try {
               if (!url || url.trim() === '') {
-                window.message.warning({
-                  content: t('message.empty_url'),
-                  key: 'empty-url-warning'
-                })
+                window.toast.warning(t('message.empty_url'))
                 return null
               }
               return await window.api.file.download(url)
@@ -199,10 +196,7 @@ const ZhipuPage: FC<{ Options: string[] }> = ({ Options }) => {
                 error instanceof Error &&
                 (error.message.includes('Failed to parse URL') || error.message.includes('Invalid URL'))
               ) {
-                window.message.warning({
-                  content: t('message.empty_url'),
-                  key: 'empty-url-warning'
-                })
+                window.toast.warning(t('message.empty_url'))
               }
               return null
             }
diff --git a/src/renderer/src/pages/paintings/components/DynamicFormRender.tsx b/src/renderer/src/pages/paintings/components/DynamicFormRender.tsx
index 6c2feab307..7495ad1a59 100644
--- a/src/renderer/src/pages/paintings/components/DynamicFormRender.tsx
+++ b/src/renderer/src/pages/paintings/components/DynamicFormRender.tsx
@@ -34,7 +34,7 @@ export const DynamicFormRender: React.FC<DynamicFormRenderProps> = ({
           if (fileOrUrl.match(/^https?:\/\/.+\.(jpg|jpeg|png|gif|webp|svg)(\?.*)?$/i)) {
             onChange(propertyName, fileOrUrl)
           } else {
-            window.message?.error('Invalid image URL format')
+            window.toast?.error('Invalid image URL format')
           }
         } else {
           // Handle File case - convert to base64
diff --git a/src/renderer/src/pages/paintings/config/DmxapiConfig.ts b/src/renderer/src/pages/paintings/config/DmxapiConfig.ts
index 43bdf33c2c..090ae78855 100644
--- a/src/renderer/src/pages/paintings/config/DmxapiConfig.ts
+++ b/src/renderer/src/pages/paintings/config/DmxapiConfig.ts
@@ -95,9 +95,7 @@ export const GetModelGroup = async (): Promise<DMXApiModelGroups> => {
   } catch {
     /* empty */
   }
-  window.message.error({
-    content: t('paintings.req_error_model')
-  })
+  window.toast.error(t('paintings.req_error_model'))
 
   return {}
 }
diff --git a/src/renderer/src/pages/paintings/utils/TokenFluxService.ts b/src/renderer/src/pages/paintings/utils/TokenFluxService.ts
index d770427f55..cbe7fa2cac 100644
--- a/src/renderer/src/pages/paintings/utils/TokenFluxService.ts
+++ b/src/renderer/src/pages/paintings/utils/TokenFluxService.ts
@@ -219,10 +219,7 @@ export class TokenFluxService {
         try {
           if (!url?.trim()) {
             logger.error('Image URL is empty')
-            window.message.warning({
-              content: 'Image URL is empty',
-              key: 'empty-url-warning'
-            })
+            window.toast.warning('Image URL is empty')
             return null
           }
           return await window.api.file.download(url)
diff --git a/src/renderer/src/pages/settings/AboutSettings.tsx b/src/renderer/src/pages/settings/AboutSettings.tsx
index 0ab352b046..3bc0000d12 100644
--- a/src/renderer/src/pages/settings/AboutSettings.tsx
+++ b/src/renderer/src/pages/settings/AboutSettings.tsx
@@ -54,7 +54,7 @@ const AboutSettings: FC = () => {
       try {
         await window.api.checkForUpdate()
       } catch (error) {
-        window.message.error(t('settings.about.updateError'))
+        window.toast.error(t('settings.about.updateError'))
       }
 
       dispatch(setUpdateState({ checking: false }))
@@ -108,7 +108,7 @@ const AboutSettings: FC = () => {
 
   const handleTestChannelChange = async (value: UpgradeChannel) => {
     if (testPlan && currentChannelByVersion !== UpgradeChannel.LATEST && value !== currentChannelByVersion) {
-      window.message.warning(t('settings.general.test_plan.version_channel_not_match'))
+      window.toast.warning(t('settings.general.test_plan.version_channel_not_match'))
     }
     setTestChannel(value)
     // Clear update info when switching upgrade channel
diff --git a/src/renderer/src/pages/settings/AssistantSettings/AssistantPromptSettings.tsx b/src/renderer/src/pages/settings/AssistantSettings/AssistantPromptSettings.tsx
index f7829a2bb2..1315f8d7bc 100644
--- a/src/renderer/src/pages/settings/AssistantSettings/AssistantPromptSettings.tsx
+++ b/src/renderer/src/pages/settings/AssistantSettings/AssistantPromptSettings.tsx
@@ -50,7 +50,7 @@ const AssistantPromptSettings: React.FC<Props> = ({ assistant, updateAssistant }
   const onUpdate = () => {
     const _assistant = { ...assistant, name: name.trim(), emoji, prompt }
     updateAssistant(_assistant)
-    window.message.success(t('common.saved'))
+    window.toast.success(t('common.saved'))
   }
 
   const handleEmojiSelect = (selectedEmoji: string) => {
diff --git a/src/renderer/src/pages/settings/DataSettings/DataSettings.tsx b/src/renderer/src/pages/settings/DataSettings/DataSettings.tsx
index 08a4f0c091..e3528aba55 100644
--- a/src/renderer/src/pages/settings/DataSettings/DataSettings.tsx
+++ b/src/renderer/src/pages/settings/DataSettings/DataSettings.tsx
@@ -159,9 +159,9 @@ const DataSettings: FC = () => {
           await window.api.clearCache()
           await window.api.trace.cleanLocalData()
           await window.api.getCacheSize().then(setCacheSize)
-          window.message.success(t('settings.data.clear_cache.success'))
+          window.toast.success(t('settings.data.clear_cache.success'))
         } catch (error) {
-          window.message.error(t('settings.data.clear_cache.error'))
+          window.toast.error(t('settings.data.clear_cache.error'))
         }
       }
     })
@@ -174,7 +174,7 @@ const DataSettings: FC = () => {
       content: t('settings.data.app_knowledge.remove_all_confirm'),
       onOk: async () => {
         await removeAllFiles()
-        window.message.success(t('settings.data.app_knowledge.remove_all_success'))
+        window.toast.success(t('settings.data.app_knowledge.remove_all_success'))
       },
       okText: t('common.delete'),
       okButtonProps: {
@@ -201,28 +201,28 @@ const DataSettings: FC = () => {
     // if is root path, show error
     const pathParts = newAppDataPath.split(/[/\\]/).filter((part: string) => part !== '')
     if (pathParts.length <= 1) {
-      window.message.error(t('settings.data.app_data.select_error_root_path'))
+      window.toast.error(t('settings.data.app_data.select_error_root_path'))
       return
     }
 
     // check new app data path is not in old app data path
     const isInOldPath = await window.api.isPathInside(newAppDataPath, appInfo.appDataPath)
     if (isInOldPath) {
-      window.message.error(t('settings.data.app_data.select_error_same_path'))
+      window.toast.error(t('settings.data.app_data.select_error_same_path'))
       return
     }
 
     // check new app data path is not in app install path
     const isInInstallPath = await window.api.isPathInside(newAppDataPath, appInfo.installPath)
     if (isInInstallPath) {
-      window.message.error(t('settings.data.app_data.select_error_in_app_path'))
+      window.toast.error(t('settings.data.app_data.select_error_in_app_path'))
       return
     }
 
     // check new app data path has write permission
     const hasWritePermission = await window.api.hasWritePermission(newAppDataPath)
     if (!hasWritePermission) {
-      window.message.error(t('settings.data.app_data.select_error_write_permission'))
+      window.toast.error(t('settings.data.app_data.select_error_write_permission'))
       return
     }
 
@@ -241,9 +241,9 @@ const DataSettings: FC = () => {
       okText: t('common.confirm'),
       cancelText: t('common.cancel'),
       onOk: () => {
-        window.message.info({
-          content: t('settings.data.app_data.restart_notice'),
-          duration: 2
+        window.toast.info({
+          title: t('settings.data.app_data.restart_notice'),
+          timeout: 2000
         })
         setTimeoutTimer(
           'doubleConfirmModalBeforeCopyData',
@@ -331,9 +331,9 @@ const DataSettings: FC = () => {
               return
             }
 
-            window.message.info({
-              content: t('settings.data.app_data.restart_notice'),
-              duration: 3
+            window.toast.info({
+              title: t('settings.data.app_data.restart_notice'),
+              timeout: 3000
             })
             setTimeoutTimer(
               'showMigrationConfirmModal_1',
@@ -348,7 +348,7 @@ const DataSettings: FC = () => {
           }
           // 如果不复制数据，直接设置新的应用数据路径
           await window.api.setAppDataPath(newPath)
-          window.message.success(t('settings.data.app_data.path_changed_without_copy'))
+          window.toast.success(t('settings.data.app_data.path_changed_without_copy'))
 
           // 更新应用数据路径
           setAppInfo(await window.api.getAppInfo())
@@ -357,7 +357,7 @@ const DataSettings: FC = () => {
           setTimeoutTimer(
             'showMigrationConfirmModal_2',
             () => {
-              window.message.success(t('settings.data.app_data.select_success'))
+              window.toast.success(t('settings.data.app_data.select_success'))
               window.api.setStopQuitApp(false, '')
               window.api.relaunchApp()
             },
@@ -365,9 +365,9 @@ const DataSettings: FC = () => {
           )
         } catch (error) {
           window.api.setStopQuitApp(false, '')
-          window.message.error({
-            content: t('settings.data.app_data.path_change_failed') + ': ' + error,
-            duration: 5
+          window.toast.error({
+            title: t('settings.data.app_data.path_change_failed') + ': ' + error,
+            timeout: 5000
           })
         }
       }
@@ -386,7 +386,6 @@ const DataSettings: FC = () => {
         <div style={{ fontSize: '18px', fontWeight: 'bold' }}>{t('settings.data.app_data.migration_title')}</div>
       )
       const className = 'migration-modal'
-      const messageKey = 'data-migration'
 
       // 显示进度模态框
       const showProgressModal = (title: React.ReactNode, className: string, PathsContent: React.FC) => {
@@ -459,8 +458,7 @@ const DataSettings: FC = () => {
         newPath: string,
         progressInterval: NodeJS.Timeout | null,
         updateProgress: (progress: number, status?: 'active' | 'success') => void,
-        loadingModal: { destroy: () => void },
-        messageKey: string
+        loadingModal: { destroy: () => void }
       ): Promise<void> => {
         // flush app data
         await window.api.flushAppData()
@@ -490,10 +488,9 @@ const DataSettings: FC = () => {
               'startMigration_2',
               () => {
                 loadingModal.destroy()
-                window.message.error({
-                  content: t('settings.data.app_data.copy_failed') + ': ' + copyResult.error,
-                  key: messageKey,
-                  duration: 5
+                window.toast.error({
+                  title: t('settings.data.app_data.copy_failed') + ': ' + copyResult.error,
+                  timeout: 5000
                 })
                 resolve()
               },
@@ -513,10 +510,9 @@ const DataSettings: FC = () => {
         // 关闭加载模态框
         loadingModal.destroy()
 
-        window.message.success({
-          content: t('settings.data.app_data.copy_success'),
-          key: messageKey,
-          duration: 2
+        window.toast.success({
+          title: t('settings.data.app_data.copy_success'),
+          timeout: 2000
         })
       }
 
@@ -537,7 +533,7 @@ const DataSettings: FC = () => {
       const { loadingModal, progressInterval, updateProgress } = showProgressModal(title, className, PathsContent)
       try {
         window.api.setStopQuitApp(true, t('settings.data.app_data.stop_quit_app_reason'))
-        await startMigration(originalPath, newDataPath, progressInterval, updateProgress, loadingModal, messageKey)
+        await startMigration(originalPath, newDataPath, progressInterval, updateProgress, loadingModal)
 
         // 更新应用数据路径
         setAppInfo(await window.api.getAppInfo())
@@ -546,7 +542,7 @@ const DataSettings: FC = () => {
         setTimeoutTimer(
           'handleDataMigration',
           () => {
-            window.message.success(t('settings.data.app_data.select_success'))
+            window.toast.success(t('settings.data.app_data.select_success'))
             window.api.setStopQuitApp(false, '')
             window.api.relaunchApp({
               args: ['--user-data-dir=' + newDataPath]
@@ -556,10 +552,9 @@ const DataSettings: FC = () => {
         )
       } catch (error) {
         window.api.setStopQuitApp(false, '')
-        window.message.error({
-          content: t('settings.data.app_data.copy_failed') + ': ' + error,
-          key: messageKey,
-          duration: 5
+        window.toast.error({
+          title: t('settings.data.app_data.copy_failed') + ': ' + error,
+          timeout: 5000
         })
       } finally {
         if (progressInterval) {
@@ -570,7 +565,9 @@ const DataSettings: FC = () => {
     }
 
     handleDataMigration()
-  }, [setTimeoutTimer, t])
+    // dont add others to deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
 
   const onSkipBackupFilesChange = (value: boolean) => {
     setSkipBackupFile(value)
diff --git a/src/renderer/src/pages/settings/DataSettings/JoplinSettings.tsx b/src/renderer/src/pages/settings/DataSettings/JoplinSettings.tsx
index 0292a49623..33cfa46d37 100644
--- a/src/renderer/src/pages/settings/DataSettings/JoplinSettings.tsx
+++ b/src/renderer/src/pages/settings/DataSettings/JoplinSettings.tsx
@@ -39,11 +39,11 @@ const JoplinSettings: FC = () => {
   const handleJoplinConnectionCheck = async () => {
     try {
       if (!joplinToken) {
-        window.message.error(t('settings.data.joplin.check.empty_token'))
+        window.toast.error(t('settings.data.joplin.check.empty_token'))
         return
       }
       if (!joplinUrl) {
-        window.message.error(t('settings.data.joplin.check.empty_url'))
+        window.toast.error(t('settings.data.joplin.check.empty_url'))
         return
       }
 
@@ -52,13 +52,13 @@ const JoplinSettings: FC = () => {
       const data = await response.json()
 
       if (!response.ok || data?.error) {
-        window.message.error(t('settings.data.joplin.check.fail'))
+        window.toast.error(t('settings.data.joplin.check.fail'))
         return
       }
 
-      window.message.success(t('settings.data.joplin.check.success'))
+      window.toast.success(t('settings.data.joplin.check.success'))
     } catch (e) {
-      window.message.error(t('settings.data.joplin.check.fail'))
+      window.toast.error(t('settings.data.joplin.check.fail'))
     }
   }
 
diff --git a/src/renderer/src/pages/settings/DataSettings/LocalBackupSettings.tsx b/src/renderer/src/pages/settings/DataSettings/LocalBackupSettings.tsx
index f0ef202510..fbed4fdc8d 100644
--- a/src/renderer/src/pages/settings/DataSettings/LocalBackupSettings.tsx
+++ b/src/renderer/src/pages/settings/DataSettings/LocalBackupSettings.tsx
@@ -66,21 +66,21 @@ const LocalBackupSettings: React.FC = () => {
     // check new local backup dir is not in app data path
     // if is in app data path, show error
     if (await window.api.isPathInside(resolvedDir, appInfo!.appDataPath)) {
-      window.message.error(t('settings.data.local.directory.select_error_app_data_path'))
+      window.toast.error(t('settings.data.local.directory.select_error_app_data_path'))
       return false
     }
 
     // check new local backup dir is not in app install path
     // if is in app install path, show error
     if (await window.api.isPathInside(resolvedDir, appInfo!.installPath)) {
-      window.message.error(t('settings.data.local.directory.select_error_in_app_install_path'))
+      window.toast.error(t('settings.data.local.directory.select_error_in_app_install_path'))
       return false
     }
 
     // check new app data path has write permission
     const hasWritePermission = await window.api.hasWritePermission(resolvedDir)
     if (!hasWritePermission) {
-      window.message.error(t('settings.data.local.directory.select_error_write_permission'))
+      window.toast.error(t('settings.data.local.directory.select_error_write_permission'))
       return false
     }
 
diff --git a/src/renderer/src/pages/settings/DataSettings/NotionSettings.tsx b/src/renderer/src/pages/settings/DataSettings/NotionSettings.tsx
index 8277255b5e..66e94f5f3d 100644
--- a/src/renderer/src/pages/settings/DataSettings/NotionSettings.tsx
+++ b/src/renderer/src/pages/settings/DataSettings/NotionSettings.tsx
@@ -34,11 +34,11 @@ const NotionSettings: FC = () => {
 
   const handleNotionConnectionCheck = () => {
     if (notionApiKey === null) {
-      window.message.error(t('settings.data.notion.check.empty_api_key'))
+      window.toast.error(t('settings.data.notion.check.empty_api_key'))
       return
     }
     if (notionDatabaseID === null) {
-      window.message.error(t('settings.data.notion.check.empty_database_id'))
+      window.toast.error(t('settings.data.notion.check.empty_database_id'))
       return
     }
     const notion = new Client({ auth: notionApiKey })
@@ -48,13 +48,13 @@ const NotionSettings: FC = () => {
       })
       .then((result) => {
         if (result) {
-          window.message.success(t('settings.data.notion.check.success'))
+          window.toast.success(t('settings.data.notion.check.success'))
         } else {
-          window.message.error(t('settings.data.notion.check.fail'))
+          window.toast.error(t('settings.data.notion.check.fail'))
         }
       })
       .catch(() => {
-        window.message.error(t('settings.data.notion.check.error'))
+        window.toast.error(t('settings.data.notion.check.error'))
       })
   }
 
diff --git a/src/renderer/src/pages/settings/DataSettings/NutstoreSettings.tsx b/src/renderer/src/pages/settings/DataSettings/NutstoreSettings.tsx
index f62a8aa806..7b26410104 100644
--- a/src/renderer/src/pages/settings/DataSettings/NutstoreSettings.tsx
+++ b/src/renderer/src/pages/settings/DataSettings/NutstoreSettings.tsx
@@ -97,11 +97,9 @@ const NutstoreSettings: FC = () => {
     setCheckConnectionLoading(true)
     const isConnectedToNutstore = await checkConnection()
 
-    window.message[isConnectedToNutstore ? 'success' : 'error']({
-      key: 'api-check',
-      style: { marginTop: '3vh' },
-      duration: 2,
-      content: isConnectedToNutstore
+    window.toast[isConnectedToNutstore ? 'success' : 'error']({
+      timeout: 2000,
+      title: isConnectedToNutstore
         ? t('settings.data.nutstore.checkConnection.success')
         : t('settings.data.nutstore.checkConnection.fail')
     })
diff --git a/src/renderer/src/pages/settings/DataSettings/SiyuanSettings.tsx b/src/renderer/src/pages/settings/DataSettings/SiyuanSettings.tsx
index 16d8f6e4c8..fe3bd145e9 100644
--- a/src/renderer/src/pages/settings/DataSettings/SiyuanSettings.tsx
+++ b/src/renderer/src/pages/settings/DataSettings/SiyuanSettings.tsx
@@ -50,7 +50,7 @@ const SiyuanSettings: FC = () => {
   const handleCheckConnection = async () => {
     try {
       if (!siyuanApiUrl || !siyuanToken) {
-        window.message.error(t('settings.data.siyuan.check.empty_config'))
+        window.toast.error(t('settings.data.siyuan.check.empty_config'))
         return
       }
 
@@ -63,20 +63,20 @@ const SiyuanSettings: FC = () => {
       })
 
       if (!response.ok) {
-        window.message.error(t('settings.data.siyuan.check.fail'))
+        window.toast.error(t('settings.data.siyuan.check.fail'))
         return
       }
 
       const data = await response.json()
       if (data.code !== 0) {
-        window.message.error(t('settings.data.siyuan.check.fail'))
+        window.toast.error(t('settings.data.siyuan.check.fail'))
         return
       }
 
-      window.message.success(t('settings.data.siyuan.check.success'))
+      window.toast.success(t('settings.data.siyuan.check.success'))
     } catch (error) {
       logger.error('Check Siyuan connection failed:', error as Error)
-      window.message.error(t('settings.data.siyuan.check.error'))
+      window.toast.error(t('settings.data.siyuan.check.error'))
     }
   }
 
diff --git a/src/renderer/src/pages/settings/DataSettings/YuqueSettings.tsx b/src/renderer/src/pages/settings/DataSettings/YuqueSettings.tsx
index 4165d03dd9..f88f89f9e3 100644
--- a/src/renderer/src/pages/settings/DataSettings/YuqueSettings.tsx
+++ b/src/renderer/src/pages/settings/DataSettings/YuqueSettings.tsx
@@ -29,11 +29,11 @@ const YuqueSettings: FC = () => {
 
   const handleYuqueConnectionCheck = async () => {
     if (!yuqueToken) {
-      window.message.error(t('settings.data.yuque.check.empty_token'))
+      window.toast.error(t('settings.data.yuque.check.empty_token'))
       return
     }
     if (!yuqueUrl) {
-      window.message.error(t('settings.data.yuque.check.empty_repo_url'))
+      window.toast.error(t('settings.data.yuque.check.empty_repo_url'))
       return
     }
 
@@ -44,7 +44,7 @@ const YuqueSettings: FC = () => {
     })
 
     if (!response.ok) {
-      window.message.error(t('settings.data.yuque.check.fail'))
+      window.toast.error(t('settings.data.yuque.check.fail'))
       return
     }
     const yuqueSlug = yuqueUrl.replace('https://www.yuque.com/', '')
@@ -54,12 +54,12 @@ const YuqueSettings: FC = () => {
       }
     })
     if (!repoIDResponse.ok) {
-      window.message.error(t('settings.data.yuque.check.fail'))
+      window.toast.error(t('settings.data.yuque.check.fail'))
       return
     }
     const data = await repoIDResponse.json()
     setYuqueRepoId(data.data.id)
-    window.message.success(t('settings.data.yuque.check.success'))
+    window.toast.success(t('settings.data.yuque.check.success'))
   }
 
   const handleYuqueHelpClick = () => {
diff --git a/src/renderer/src/pages/settings/DisplaySettings/DisplaySettings.tsx b/src/renderer/src/pages/settings/DisplaySettings/DisplaySettings.tsx
index 0d63482eed..18a518dc5a 100644
--- a/src/renderer/src/pages/settings/DisplaySettings/DisplaySettings.tsx
+++ b/src/renderer/src/pages/settings/DisplaySettings/DisplaySettings.tsx
@@ -10,7 +10,7 @@ import useUserTheme from '@renderer/hooks/useUserTheme'
 import { DefaultPreferences } from '@shared/data/preferences'
 import { AssistantIconType } from '@shared/data/preferenceTypes'
 import { ThemeMode } from '@shared/data/preferenceTypes'
-import { Button, ColorPicker, Segmented, Switch } from 'antd'
+import { Button, ColorPicker, Segmented, Select, Switch } from 'antd'
 import { Minus, Monitor, Moon, Plus, Sun } from 'lucide-react'
 import { FC, useCallback, useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -64,6 +64,7 @@ const DisplaySettings: FC = () => {
   const { userTheme, setUserTheme } = useUserTheme()
   // const [visibleIcons, setVisibleIcons] = useState(sidebarIcons?.visible || DEFAULT_SIDEBAR_ICONS)
   // const [disabledIcons, setDisabledIcons] = useState(sidebarIcons?.disabled || [])
+  const [fontList, setFontList] = useState<string[]>([])
 
   const handleWindowStyleChange = useCallback(
     (checked: boolean) => {
@@ -121,6 +122,11 @@ const DisplaySettings: FC = () => {
   )
 
   useEffect(() => {
+    // 初始化获取所有系统字体
+    window.api.getSystemFonts().then((fonts: string[]) => {
+      setFontList(fonts)
+    })
+
     // 初始化获取当前缩放值
     window.api.handleZoomFactor(0).then((factor) => {
       setCurrentZoom(factor)
@@ -145,6 +151,26 @@ const DisplaySettings: FC = () => {
     setCurrentZoom(zoomFactor)
   }
 
+  const handleUserFontChange = useCallback(
+    (value: string) => {
+      setUserTheme({
+        ...userTheme,
+        userFontFamily: value
+      })
+    },
+    [setUserTheme, userTheme]
+  )
+
+  const handleUserCodeFontChange = useCallback(
+    (value: string) => {
+      setUserTheme({
+        ...userTheme,
+        userCodeFontFamily: value
+      })
+    },
+    [setUserTheme, userTheme]
+  )
+
   const assistantIconTypeOptions = useMemo(
     () => [
       { value: 'model', label: t('settings.assistant.icon.type.model') },
@@ -179,6 +205,7 @@ const DisplaySettings: FC = () => {
               ))}
             </HStack>
             <ColorPicker
+              style={{ fontFamily: 'inherit' }}
               className="color-picker"
               value={userTheme.colorPrimary}
               onChange={(color) => handleColorPrimaryChange(color.toHexString())}
@@ -240,6 +267,75 @@ const DisplaySettings: FC = () => {
           </ZoomButtonGroup>
         </SettingRow>
       </SettingGroup>
+      <SettingGroup theme={theme}>
+        <SettingTitle style={{ justifyContent: 'flex-start', gap: 5 }}>
+          {t('settings.display.font.title')} <TextBadge text="New" />
+        </SettingTitle>
+        <SettingDivider />
+        <SettingRow>
+          <SettingRowTitle>{t('settings.display.font.global')}</SettingRowTitle>
+          <SelectRow>
+            <Select
+              style={{ width: 200 }}
+              placeholder={t('settings.display.font.select')}
+              options={[
+                {
+                  label: (
+                    <span style={{ fontFamily: 'Ubuntu, -apple-system, system-ui, Arial, sans-serif' }}>
+                      {t('settings.display.font.default')}
+                    </span>
+                  ),
+                  value: ''
+                },
+                ...fontList.map((font) => ({ label: <span style={{ fontFamily: font }}>{font}</span>, value: font }))
+              ]}
+              value={userTheme.userFontFamily || ''}
+              onChange={(font) => handleUserFontChange(font)}
+              showSearch
+              getPopupContainer={(triggerNode) => triggerNode.parentElement || document.body}
+            />
+            <Button
+              onClick={() => handleUserFontChange('')}
+              style={{ marginLeft: 8 }}
+              icon={<ResetIcon size="14" />}
+              color="default"
+              variant="text"
+            />
+          </SelectRow>
+        </SettingRow>
+        <SettingDivider />
+        <SettingRow>
+          <SettingRowTitle>{t('settings.display.font.code')}</SettingRowTitle>
+          <SelectRow>
+            <Select
+              style={{ width: 200 }}
+              placeholder={t('settings.display.font.select')}
+              options={[
+                {
+                  label: (
+                    <span style={{ fontFamily: 'Ubuntu, -apple-system, system-ui, Arial, sans-serif' }}>
+                      {t('settings.display.font.default')}
+                    </span>
+                  ),
+                  value: ''
+                },
+                ...fontList.map((font) => ({ label: <span style={{ fontFamily: font }}>{font}</span>, value: font }))
+              ]}
+              value={userTheme.userCodeFontFamily || ''}
+              onChange={(font) => handleUserCodeFontChange(font)}
+              showSearch
+              getPopupContainer={(triggerNode) => triggerNode.parentElement || document.body}
+            />
+            <Button
+              onClick={() => handleUserCodeFontChange('')}
+              style={{ marginLeft: 8 }}
+              icon={<ResetIcon size="14" />}
+              color="default"
+              variant="text"
+            />
+          </SelectRow>
+        </SettingRow>
+      </SettingGroup>
       <SettingGroup theme={theme}>
         <SettingTitle>{t('settings.display.topic.title')}</SettingTitle>
         <SettingDivider />
@@ -364,4 +460,11 @@ const ZoomValue = styled.span`
   margin: 0 5px;
 `
 
+const SelectRow = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  width: 300px;
+`
+
 export default DisplaySettings
diff --git a/src/renderer/src/pages/settings/DocProcessSettings/OcrImageSettings.tsx b/src/renderer/src/pages/settings/DocProcessSettings/OcrImageSettings.tsx
index b91c78b954..622d1349d4 100644
--- a/src/renderer/src/pages/settings/DocProcessSettings/OcrImageSettings.tsx
+++ b/src/renderer/src/pages/settings/DocProcessSettings/OcrImageSettings.tsx
@@ -30,7 +30,7 @@ const OcrImageSettings = ({ setProvider }: Props) => {
     const provider = imageProviders.find((p) => p.id === id)
     if (!provider) {
       logger.error(`Failed to find image provider by id: ${id}`)
-      window.message.error(t('settings.tool.ocr.image.error.provider_not_found'))
+      window.toast.error(t('settings.tool.ocr.image.error.provider_not_found'))
       return
     }
 
diff --git a/src/renderer/src/pages/settings/GeneralSettings.tsx b/src/renderer/src/pages/settings/GeneralSettings.tsx
index 61e47f2c54..0bfdbadc90 100644
--- a/src/renderer/src/pages/settings/GeneralSettings.tsx
+++ b/src/renderer/src/pages/settings/GeneralSettings.tsx
@@ -8,6 +8,7 @@ import { useTimer } from '@renderer/hooks/useTimer'
 import i18n from '@renderer/i18n'
 import { NotificationSource } from '@renderer/types/notification'
 import { isValidProxyUrl } from '@renderer/utils'
+import { formatErrorMessage } from '@renderer/utils/error'
 import { defaultByPassRules, defaultLanguage } from '@shared/config/constant'
 import { LanguageVarious } from '@shared/data/preferenceTypes'
 import { Flex, Input, Switch, Tooltip } from 'antd'
@@ -89,7 +90,7 @@ const GeneralSettings: FC = () => {
 
   const onSetProxyUrl = () => {
     if (proxyUrl && !isValidProxyUrl(proxyUrl)) {
-      window.message.error({ content: t('message.error.invalid.proxy.url'), key: 'proxy-error' })
+      window.toast.error(t('message.error.invalid.proxy.url'))
       return
     }
 
@@ -154,10 +155,7 @@ const GeneralSettings: FC = () => {
         try {
           setDisableHardwareAcceleration(checked)
         } catch (error) {
-          window.message.error({
-            content: (error as Error).message,
-            key: 'disable-hardware-acceleration-error'
-          })
+          window.toast.error(formatErrorMessage(error))
           return
         }
 
diff --git a/src/renderer/src/pages/settings/MCPSettings/AddMcpServerModal.tsx b/src/renderer/src/pages/settings/MCPSettings/AddMcpServerModal.tsx
index a3d63ea938..46bd8f3afc 100644
--- a/src/renderer/src/pages/settings/MCPSettings/AddMcpServerModal.tsx
+++ b/src/renderer/src/pages/settings/MCPSettings/AddMcpServerModal.tsx
@@ -131,10 +131,7 @@ const AddMcpServerModal: FC<AddMcpServerModalProps> = ({
 
       if (importMethod === 'dxt') {
         if (!dxtFile) {
-          window.message.error({
-            content: t('settings.mcp.addServer.importFrom.noDxtFile'),
-            key: 'mcp-no-dxt-file'
-          })
+          window.toast.error(t('settings.mcp.addServer.importFrom.noDxtFile'))
           setLoading(false)
           return
         }
@@ -144,10 +141,7 @@ const AddMcpServerModal: FC<AddMcpServerModalProps> = ({
           const result = await window.api.mcp.uploadDxt(dxtFile)
 
           if (!result.success) {
-            window.message.error({
-              content: result.error || t('settings.mcp.addServer.importFrom.dxtProcessFailed'),
-              key: 'mcp-dxt-process-failed'
-            })
+            window.toast.error(result.error || t('settings.mcp.addServer.importFrom.dxtProcessFailed'))
             setLoading(false)
             return
           }
@@ -156,10 +150,7 @@ const AddMcpServerModal: FC<AddMcpServerModalProps> = ({
 
           // Check for duplicate names
           if (existingServers && existingServers.some((server) => server.name === manifest.name)) {
-            window.message.error({
-              content: t('settings.mcp.addServer.importFrom.nameExists', { name: manifest.name }),
-              key: 'mcp-name-exists'
-            })
+            window.toast.error(t('settings.mcp.addServer.importFrom.nameExists', { name: manifest.name }))
             setLoading(false)
             return
           }
@@ -227,10 +218,7 @@ const AddMcpServerModal: FC<AddMcpServerModalProps> = ({
           ) // Delay to ensure server is properly added to store
         } catch (error) {
           logger.error('DXT processing error:', error as Error)
-          window.message.error({
-            content: t('settings.mcp.addServer.importFrom.dxtProcessFailed'),
-            key: 'mcp-dxt-error'
-          })
+          window.toast.error(t('settings.mcp.addServer.importFrom.dxtProcessFailed'))
           setLoading(false)
           return
         }
@@ -286,10 +274,7 @@ const AddMcpServerModal: FC<AddMcpServerModalProps> = ({
           })
           .catch((connError: any) => {
             logger.error(`Connectivity check failed for ${newServer.name}:`, connError)
-            window.message.error({
-              content: newServer.name + t('settings.mcp.addServer.importFrom.connectionFailed'),
-              key: 'mcp-quick-add-failed'
-            })
+            window.toast.error(newServer.name + t('settings.mcp.addServer.importFrom.connectionFailed'))
           })
       }
     } finally {
diff --git a/src/renderer/src/pages/settings/MCPSettings/BuiltinMCPServerList.tsx b/src/renderer/src/pages/settings/MCPSettings/BuiltinMCPServerList.tsx
index 249d514249..c5af5da067 100644
--- a/src/renderer/src/pages/settings/MCPSettings/BuiltinMCPServerList.tsx
+++ b/src/renderer/src/pages/settings/MCPSettings/BuiltinMCPServerList.tsx
@@ -37,7 +37,7 @@ const BuiltinMCPServerList: FC = () => {
                       }
 
                       addMCPServer(server)
-                      window.message.success({ content: t('settings.mcp.addSuccess'), key: 'mcp-add-builtin-server' })
+                      window.toast.success(t('settings.mcp.addSuccess'))
                     }}
                     disabled={isInstalled}
                   />
diff --git a/src/renderer/src/pages/settings/MCPSettings/EditMcpJsonPopup.tsx b/src/renderer/src/pages/settings/MCPSettings/EditMcpJsonPopup.tsx
index c1e5f1553c..48df875fc8 100644
--- a/src/renderer/src/pages/settings/MCPSettings/EditMcpJsonPopup.tsx
+++ b/src/renderer/src/pages/settings/MCPSettings/EditMcpJsonPopup.tsx
@@ -5,7 +5,7 @@ import { useAppDispatch, useAppSelector } from '@renderer/store'
 import { setMCPServers } from '@renderer/store/mcp'
 import { MCPServer, safeValidateMcpConfig } from '@renderer/types'
 import { parseJSON } from '@renderer/utils'
-import { formatZodError } from '@renderer/utils/error'
+import { formatErrorMessage, formatZodError } from '@renderer/utils/error'
 import { Modal, Spin, Typography } from 'antd'
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -58,7 +58,7 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
     try {
       if (!jsonConfig.trim()) {
         dispatch(setMCPServers([]))
-        window.message.success(t('settings.mcp.jsonSaveSuccess'))
+        window.toast.success(t('settings.mcp.jsonSaveSuccess'))
         setJsonError('')
         setJsonSaving(false)
         return
@@ -80,11 +80,8 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
         const server: MCPServer = {
           id,
           isActive: false,
-          ...(serverConfig as any)
-        }
-
-        if (!server.name) {
-          server.name = id
+          name: serverConfig.name || id,
+          ...serverConfig
         }
 
         serversArray.push(server)
@@ -92,13 +89,12 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
 
       dispatch(setMCPServers(serversArray))
 
-      window.message.success(t('settings.mcp.jsonSaveSuccess'))
+      window.toast.success(t('settings.mcp.jsonSaveSuccess'))
       setJsonError('')
       setOpen(false)
-    } catch (error: any) {
-      logger.error('Failed to save JSON config:', error)
-      setJsonError(error.message || t('settings.mcp.jsonSaveError'))
-      window.message.error(t('settings.mcp.jsonSaveError'))
+    } catch (error: unknown) {
+      setJsonError(formatErrorMessage(error) || t('settings.mcp.jsonSaveError'))
+      window.toast.error(t('settings.mcp.jsonSaveError'))
     } finally {
       setJsonSaving(false)
     }
diff --git a/src/renderer/src/pages/settings/MCPSettings/InstallNpxUv.tsx b/src/renderer/src/pages/settings/MCPSettings/InstallNpxUv.tsx
index f1a569a2f2..b213b982d6 100644
--- a/src/renderer/src/pages/settings/MCPSettings/InstallNpxUv.tsx
+++ b/src/renderer/src/pages/settings/MCPSettings/InstallNpxUv.tsx
@@ -54,7 +54,7 @@ const InstallNpxUv: FC<Props> = ({ mini = false }) => {
       setIsInstallingUv(false)
       dispatch(setIsUvInstalled(true))
     } catch (error: any) {
-      window.message.error({ content: `${t('settings.mcp.installError')}: ${error.message}`, key: 'mcp-install-error' })
+      window.toast.error(`${t('settings.mcp.installError')}: ${error.message}`)
       setIsInstallingUv(false)
     }
     clearTimeout(checkBinariesTimerRef.current)
@@ -68,10 +68,7 @@ const InstallNpxUv: FC<Props> = ({ mini = false }) => {
       setIsInstallingBun(false)
       dispatch(setIsBunInstalled(true))
     } catch (error: any) {
-      window.message.error({
-        content: `${t('settings.mcp.installError')}: ${error.message}`,
-        key: 'mcp-install-error'
-      })
+      window.toast.error(`${t('settings.mcp.installError')}: ${error.message}`)
       setIsInstallingBun(false)
     }
     clearTimeout(checkBinariesTimerRef.current)
diff --git a/src/renderer/src/pages/settings/MCPSettings/McpServersList.tsx b/src/renderer/src/pages/settings/MCPSettings/McpServersList.tsx
index 3bf7d619a1..67ae6231a8 100644
--- a/src/renderer/src/pages/settings/MCPSettings/McpServersList.tsx
+++ b/src/renderer/src/pages/settings/MCPSettings/McpServersList.tsx
@@ -116,7 +116,7 @@ const McpServersList: FC = () => {
     }
     addMCPServer(newServer)
     navigate(`/settings/mcp/settings/${encodeURIComponent(newServer.id)}`)
-    window.message.success({ content: t('settings.mcp.addSuccess'), key: 'mcp-list' })
+    window.toast.success(t('settings.mcp.addSuccess'))
   }, [addMCPServer, navigate, t])
 
   const onDeleteMcpServer = useCallback(
@@ -129,14 +129,11 @@ const McpServersList: FC = () => {
           onOk: async () => {
             await window.api.mcp.removeServer(server)
             deleteMCPServer(server.id)
-            window.message.success({ content: t('settings.mcp.deleteSuccess'), key: 'mcp-list' })
+            window.toast.success(t('settings.mcp.deleteSuccess'))
           }
         })
       } catch (error: any) {
-        window.message.error({
-          content: `${t('settings.mcp.deleteError')}: ${error.message}`,
-          key: 'mcp-list'
-        })
+        window.toast.error(`${t('settings.mcp.deleteError')}: ${error.message}`)
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -151,7 +148,7 @@ const McpServersList: FC = () => {
     async (server: MCPServer) => {
       addMCPServer(server)
       setIsAddModalVisible(false)
-      window.message.success({ content: t('settings.mcp.addSuccess'), key: 'mcp-quick-add' })
+      window.toast.success(t('settings.mcp.addSuccess'))
       // Optionally navigate to the new server's settings page
       // navigate(`/settings/mcp/settings/${encodeURIComponent(server.id)}`)
     },
@@ -253,7 +250,8 @@ const McpServersList: FC = () => {
         itemKey="id"
         onSortEnd={onSortEnd}
         layout="grid"
-        gap={'12px'}
+        gap="12px"
+        restrictions={{ scrollableAncestor: true }}
         useDragOverlay
         showGhost
         renderItem={(server) => (
diff --git a/src/renderer/src/pages/settings/MCPSettings/McpSettings.tsx b/src/renderer/src/pages/settings/MCPSettings/McpSettings.tsx
index aeab238a69..70488d5b41 100644
--- a/src/renderer/src/pages/settings/MCPSettings/McpSettings.tsx
+++ b/src/renderer/src/pages/settings/MCPSettings/McpSettings.tsx
@@ -1,4 +1,5 @@
 import { loggerService } from '@logger'
+import type { McpError } from '@modelcontextprotocol/sdk/types.js'
 import { DeleteIcon } from '@renderer/components/Icons'
 import { useTheme } from '@renderer/context/ThemeProvider'
 import { useMCPServer, useMCPServers } from '@renderer/hooks/useMCPServers'
@@ -302,7 +303,7 @@ const McpSettings: React.FC = () => {
         try {
           await window.api.mcp.restartServer(mcpServer)
           updateMCPServer({ ...mcpServer, isActive: true })
-          window.message.success({ content: t('settings.mcp.updateSuccess'), key: 'mcp-update-success' })
+          window.toast.success(t('settings.mcp.updateSuccess'))
           setIsFormChanged(false)
         } catch (error: any) {
           updateMCPServer({ ...mcpServer, isActive: false })
@@ -314,7 +315,7 @@ const McpSettings: React.FC = () => {
         }
       } else {
         updateMCPServer({ ...mcpServer, isActive: false })
-        window.message.success({ content: t('settings.mcp.updateSuccess'), key: 'mcp-update-success' })
+        window.toast.success(t('settings.mcp.updateSuccess'))
         setIsFormChanged(false)
       }
       setLoading(false)
@@ -381,15 +382,12 @@ const McpSettings: React.FC = () => {
           onOk: async () => {
             await window.api.mcp.removeServer(server)
             deleteMCPServer(server.id)
-            window.message.success({ content: t('settings.mcp.deleteSuccess'), key: 'mcp-list' })
+            window.toast.success(t('settings.mcp.deleteSuccess'))
             navigate('/settings/mcp')
           }
         })
       } catch (error: any) {
-        window.message.error({
-          content: `${t('settings.mcp.deleteError')}: ${error.message}`,
-          key: 'mcp-list'
-        })
+        window.toast.error(`${t('settings.mcp.deleteError')}: ${error.message}`)
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -427,7 +425,7 @@ const McpSettings: React.FC = () => {
     } catch (error: any) {
       window.modal.error({
         title: t('settings.mcp.startError'),
-        content: formatMcpError(error),
+        content: formatMcpError(error as McpError),
         centered: true
       })
       updateMCPServer({ ...server, isActive: oldActiveState })
diff --git a/src/renderer/src/pages/settings/MCPSettings/NpxSearch.tsx b/src/renderer/src/pages/settings/MCPSettings/NpxSearch.tsx
index 0b6a001b8a..e2279e977f 100644
--- a/src/renderer/src/pages/settings/MCPSettings/NpxSearch.tsx
+++ b/src/renderer/src/pages/settings/MCPSettings/NpxSearch.tsx
@@ -43,7 +43,7 @@ const NpxSearch: FC = () => {
     const searchScope = scopeOverride || npmScope
 
     if (!searchScope.trim()) {
-      window.message.warning({ content: t('settings.mcp.npx_list.scope_required'), key: 'mcp-npx-scope-required' })
+      window.toast.warning(t('settings.mcp.npx_list.scope_required'))
       return
     }
 
@@ -79,18 +79,15 @@ const NpxSearch: FC = () => {
       setSearchResults(formattedResults)
 
       if (formattedResults.length === 0) {
-        window.message.info({ content: t('settings.mcp.npx_list.no_packages'), key: 'mcp-npx-no-packages' })
+        window.toast.info(t('settings.mcp.npx_list.no_packages'))
       }
     } catch (error: unknown) {
       setSearchResults([])
       _searchResults = []
       if (error instanceof Error) {
-        window.message.error({
-          content: `${t('settings.mcp.npx_list.search_error')}: ${error.message}`,
-          key: 'mcp-npx-search-error'
-        })
+        window.toast.error(`${t('settings.mcp.npx_list.search_error')}: ${error.message}`)
       } else {
-        window.message.error({ content: t('settings.mcp.npx_list.search_error'), key: 'mcp-npx-search-error' })
+        window.toast.error(t('settings.mcp.npx_list.search_error'))
       }
     } finally {
       setSearchLoading(false)
@@ -186,7 +183,7 @@ const NpxSearch: FC = () => {
                         }
 
                         addMCPServer(newServer)
-                        window.message.success({ content: t('settings.mcp.addSuccess'), key: 'mcp-add-server' })
+                        window.toast.success(t('settings.mcp.addSuccess'))
                       }}
                     />
                   </Flex>
diff --git a/src/renderer/src/pages/settings/MCPSettings/SyncServersPopup.tsx b/src/renderer/src/pages/settings/MCPSettings/SyncServersPopup.tsx
index cea47ae0e8..ea6d6dfe00 100644
--- a/src/renderer/src/pages/settings/MCPSettings/SyncServersPopup.tsx
+++ b/src/renderer/src/pages/settings/MCPSettings/SyncServersPopup.tsx
@@ -152,18 +152,18 @@ const PopupContainer: React.FC<Props> = ({ resolve, existingServers }) => {
             updateMCPServer(server)
           }
         }
-        window.message.success(result.message)
+        window.toast.success(result.message)
         setOpen(false)
       } else {
         // Show message but keep dialog open
         if (result.success) {
-          window.message.info(result.message)
+          window.toast.info(result.message)
         } else {
-          window.message.error(result.message)
+          window.toast.error(result.message)
         }
       }
     } catch (error: any) {
-      window.message.error(`${t('settings.mcp.sync.error')}: ${error.message}`)
+      window.toast.error(`${t('settings.mcp.sync.error')}: ${error.message}`)
     } finally {
       setIsSyncing(false)
     }
diff --git a/src/renderer/src/pages/settings/MCPSettings/providers/modelscope.ts b/src/renderer/src/pages/settings/MCPSettings/providers/modelscope.ts
index 0b1a9b585a..36fd4b0c04 100644
--- a/src/renderer/src/pages/settings/MCPSettings/providers/modelscope.ts
+++ b/src/renderer/src/pages/settings/MCPSettings/providers/modelscope.ts
@@ -1,6 +1,6 @@
 import { loggerService } from '@logger'
 import { nanoid } from '@reduxjs/toolkit'
-import type { MCPServer } from '@renderer/types'
+import { getMcpServerType, type MCPServer } from '@renderer/types'
 import i18next from 'i18next'
 
 const logger = loggerService.withContext('ModelScopeSyncUtils')
@@ -104,13 +104,13 @@ export const syncModelScopeServers = async (
 
         // Check if server already exists
         const existingServer = existingServers.find((s) => s.id === `@modelscope/${server.id}`)
-
+        const url = server.operational_urls[0].url
         const mcpServer: MCPServer = {
           id: `@modelscope/${server.id}`,
           name: server.chinese_name || server.name || `ModelScope Server ${nanoid()}`,
           description: server.description || '',
-          type: 'sse',
-          baseUrl: server.operational_urls[0].url,
+          type: getMcpServerType(url),
+          baseUrl: url,
           command: '',
           args: [],
           env: {},
diff --git a/src/renderer/src/pages/settings/MemorySettings/MemorySettings.tsx b/src/renderer/src/pages/settings/MemorySettings/MemorySettings.tsx
index 7d5920e67e..ecf8d74b68 100644
--- a/src/renderer/src/pages/settings/MemorySettings/MemorySettings.tsx
+++ b/src/renderer/src/pages/settings/MemorySettings/MemorySettings.tsx
@@ -330,7 +330,7 @@ const MemorySettings = () => {
         setAllMemories(result.results || [])
       } catch (error) {
         logger.error('Failed to load memories:', error as Error)
-        window.message.error(t('memory.load_failed'))
+        window.toast.error(t('memory.load_failed'))
       } finally {
         setLoading(false)
       }
@@ -390,25 +390,25 @@ const MemorySettings = () => {
     try {
       // The memory service will automatically use the current user from its state
       await memoryService.add(memory, {})
-      window.message.success(t('memory.add_success'))
+      window.toast.success(t('memory.add_success'))
       // Go to first page to see the newly added memory
       setCurrentPage(1)
       await loadMemories(currentUser)
     } catch (error) {
       logger.error('Failed to add memory:', error as Error)
-      window.message.error(t('memory.add_failed'))
+      window.toast.error(t('memory.add_failed'))
     }
   }
 
   const handleDeleteMemory = async (id: string) => {
     try {
       await memoryService.delete(id)
-      window.message.success(t('memory.delete_success'))
+      window.toast.success(t('memory.delete_success'))
       // Reload all memories
       await loadMemories(currentUser)
     } catch (error) {
       logger.error('Failed to delete memory:', error as Error)
-      window.message.error(t('memory.delete_failed'))
+      window.toast.error(t('memory.delete_failed'))
     }
   }
 
@@ -419,13 +419,13 @@ const MemorySettings = () => {
   const handleUpdateMemory = async (id: string, memory: string, metadata?: Record<string, any>) => {
     try {
       await memoryService.update(id, memory, metadata)
-      window.message.success(t('memory.update_success'))
+      window.toast.success(t('memory.update_success'))
       setEditingMemory(null)
       // Reload all memories
       await loadMemories(currentUser)
     } catch (error) {
       logger.error('Failed to update memory:', error as Error)
-      window.message.error(t('memory.update_failed'))
+      window.toast.error(t('memory.update_failed'))
     }
   }
 
@@ -445,12 +445,12 @@ const MemorySettings = () => {
       // Explicitly load memories for the new user
       await loadMemories(userId)
 
-      window.message.success(
+      window.toast.success(
         t('memory.user_switched', { user: userId === DEFAULT_USER_ID ? t('memory.default_user') : userId })
       )
     } catch (error) {
       logger.error('Failed to switch user:', error as Error)
-      window.message.error(t('memory.user_switch_failed'))
+      window.toast.error(t('memory.user_switch_failed'))
     }
   }
 
@@ -466,11 +466,11 @@ const MemorySettings = () => {
 
       // Switch to the newly created user
       await handleUserSwitch(userId)
-      window.message.success(t('memory.user_created', { user: userId }))
+      window.toast.success(t('memory.user_created', { user: userId }))
       setAddUserModalVisible(false)
     } catch (error) {
       logger.error('Failed to add user:', error as Error)
-      window.message.error(t('memory.add_user_failed'))
+      window.toast.error(t('memory.add_user_failed'))
     }
   }
 
@@ -501,13 +501,13 @@ const MemorySettings = () => {
       onOk: async () => {
         try {
           await memoryService.deleteAllMemoriesForUser(userId)
-          window.message.success(t('memory.memories_reset_success', { user: getUserDisplayName(userId) }))
+          window.toast.success(t('memory.memories_reset_success', { user: getUserDisplayName(userId) }))
 
           // Reload memories to show the empty state
           await loadMemories(currentUser)
         } catch (error) {
           logger.error('Failed to reset memories:', error as Error)
-          window.message.error(t('memory.reset_memories_failed'))
+          window.toast.error(t('memory.reset_memories_failed'))
         }
       }
     })
@@ -515,7 +515,7 @@ const MemorySettings = () => {
 
   const handleDeleteUser = async (userId: string) => {
     if (userId === DEFAULT_USER_ID) {
-      window.message.error(t('memory.cannot_delete_default_user'))
+      window.toast.error(t('memory.cannot_delete_default_user'))
       return
     }
 
@@ -528,7 +528,7 @@ const MemorySettings = () => {
       onOk: async () => {
         try {
           await memoryService.deleteUser(userId)
-          window.message.success(t('memory.user_deleted', { user: userId }))
+          window.toast.success(t('memory.user_deleted', { user: userId }))
 
           // Refresh the users list from database after deletion
           await loadUniqueUsers()
@@ -541,7 +541,7 @@ const MemorySettings = () => {
           }
         } catch (error) {
           logger.error('Failed to delete user:', error as Error)
-          window.message.error(t('memory.delete_user_failed'))
+          window.toast.error(t('memory.delete_user_failed'))
         }
       }
     })
@@ -572,7 +572,7 @@ const MemorySettings = () => {
       })
     }
 
-    window.message.success(t('memory.global_memory_disabled_title'))
+    window.toast.success(t('memory.global_memory_disabled_title'))
   }
 
   const { theme } = useTheme()
diff --git a/src/renderer/src/pages/settings/NotesSettings.tsx b/src/renderer/src/pages/settings/NotesSettings.tsx
index 65256f263b..1a062145d0 100644
--- a/src/renderer/src/pages/settings/NotesSettings.tsx
+++ b/src/renderer/src/pages/settings/NotesSettings.tsx
@@ -4,7 +4,7 @@ import { useTheme } from '@renderer/context/ThemeProvider'
 import { useNotesSettings } from '@renderer/hooks/useNotesSettings'
 import { initWorkSpace } from '@renderer/services/NotesService'
 import { EditorView } from '@renderer/types'
-import { Button, Input, message, Switch } from 'antd'
+import { Button, Input, message, Slider, Switch } from 'antd'
 import { FolderOpen } from 'lucide-react'
 import { FC, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -71,10 +71,10 @@ const NotesSettings: FC = () => {
 
       updateNotesPath(tempPath)
       initWorkSpace(tempPath, 'sort_a2z')
-      window.message.success(t('notes.settings.data.path_updated'))
+      window.toast.success(t('notes.settings.data.path_updated'))
     } catch (error) {
       logger.error('Failed to apply notes path:', error as Error)
-      window.message.error(t('notes.settings.data.apply_path_failed'))
+      window.toast.error(t('notes.settings.data.apply_path_failed'))
     }
   }
 
@@ -84,10 +84,10 @@ const NotesSettings: FC = () => {
       setTempPath(info.notesPath)
       updateNotesPath(info.notesPath)
       initWorkSpace(info.notesPath, 'sort_a2z')
-      window.message.success(t('notes.settings.data.reset_to_default'))
+      window.toast.success(t('notes.settings.data.reset_to_default'))
     } catch (error) {
       logger.error('Failed to reset to default:', error as Error)
-      window.message.error(t('notes.settings.data.reset_failed'))
+      window.toast.error(t('notes.settings.data.reset_failed'))
     }
   }
 
@@ -167,9 +167,33 @@ const NotesSettings: FC = () => {
         <SettingDivider />
         <SettingRow>
           <SettingRowTitle>{t('notes.settings.display.compress_content')}</SettingRowTitle>
-          <Switch checked={!settings.isFullWidth} onChange={(checked) => updateSettings({ isFullWidth: checked })} />
+          <Switch checked={!settings.isFullWidth} onChange={(checked) => updateSettings({ isFullWidth: !checked })} />
         </SettingRow>
         <SettingHelpText>{t('notes.settings.display.compress_content_description')}</SettingHelpText>
+        <SettingDivider />
+        <SettingRow>
+          <SettingRowTitle>{t('notes.settings.display.font_size')}</SettingRowTitle>
+          <FontSizeContainer>
+            <Slider
+              min={10}
+              max={30}
+              value={settings.fontSize}
+              onChange={(value) => updateSettings({ fontSize: value })}
+              style={{ width: 200, marginRight: 16 }}
+            />
+            <FontSizeValue>{settings.fontSize}px</FontSizeValue>
+          </FontSizeContainer>
+        </SettingRow>
+        <SettingHelpText>{t('notes.settings.display.font_size_description')}</SettingHelpText>
+        <SettingDivider />
+        <SettingRow>
+          <SettingRowTitle>{t('notes.settings.display.show_table_of_contents')}</SettingRowTitle>
+          <Switch
+            checked={settings.showTableOfContents}
+            onChange={(checked) => updateSettings({ showTableOfContents: checked })}
+          />
+        </SettingRow>
+        <SettingHelpText>{t('notes.settings.display.show_table_of_contents_description')}</SettingHelpText>
       </SettingGroup>
     </SettingContainer>
   )
@@ -194,4 +218,15 @@ const ActionButtons = styled.div`
   align-self: flex-start;
 `
 
+const FontSizeContainer = styled.div`
+  display: flex;
+  align-items: center;
+`
+
+const FontSizeValue = styled.span`
+  min-width: 40px;
+  font-size: 14px;
+  color: var(--color-text-secondary);
+`
+
 export default NotesSettings
diff --git a/src/renderer/src/pages/settings/ProviderSettings/AddProviderPopup.tsx b/src/renderer/src/pages/settings/ProviderSettings/AddProviderPopup.tsx
index b011d243c7..f02485c454 100644
--- a/src/renderer/src/pages/settings/ProviderSettings/AddProviderPopup.tsx
+++ b/src/renderer/src/pages/settings/ProviderSettings/AddProviderPopup.tsx
@@ -84,7 +84,7 @@ const PopupContainer: React.FC<Props> = ({ provider, resolve }) => {
 
       setLogoPickerOpen(false)
     } catch (error: any) {
-      window.message.error(error.message)
+      window.toast.error(error.message)
     }
   }
 
@@ -98,7 +98,7 @@ const PopupContainer: React.FC<Props> = ({ provider, resolve }) => {
 
       setDropdownOpen(false)
     } catch (error: any) {
-      window.message.error(error.message)
+      window.toast.error(error.message)
     }
   }
 
@@ -146,7 +146,7 @@ const PopupContainer: React.FC<Props> = ({ provider, resolve }) => {
               }
               setDropdownOpen(false)
             } catch (error: any) {
-              window.message.error(error.message)
+              window.toast.error(error.message)
             }
           }}>
           <MenuItem ref={uploadRef}>{t('settings.general.image_upload')}</MenuItem>
diff --git a/src/renderer/src/pages/settings/ProviderSettings/AnthropicSettings.tsx b/src/renderer/src/pages/settings/ProviderSettings/AnthropicSettings.tsx
index e625b06308..46ee7e0a7c 100644
--- a/src/renderer/src/pages/settings/ProviderSettings/AnthropicSettings.tsx
+++ b/src/renderer/src/pages/settings/ProviderSettings/AnthropicSettings.tsx
@@ -46,7 +46,7 @@ const AnthropicSettings = () => {
       setCodeModalVisible(true)
     } catch (error) {
       logger.error('OAuth redirect failed:', error as Error)
-      window.message.error(t('settings.provider.anthropic.auth_failed'))
+      window.toast.error(t('settings.provider.anthropic.auth_failed'))
     } finally {
       setLoading(false)
     }
@@ -60,10 +60,10 @@ const AnthropicSettings = () => {
       await window.api.anthropic_oauth.completeOAuthWithCode(authCode)
       setAuthStatus(AuthStatus.AUTHENTICATED)
       setCodeModalVisible(false)
-      window.message.success(t('settings.provider.anthropic.auth_success'))
+      window.toast.success(t('settings.provider.anthropic.auth_success'))
     } catch (error) {
       logger.error('Code submission failed:', error as Error)
-      window.message.error(t('settings.provider.anthropic.code_error'))
+      window.toast.error(t('settings.provider.anthropic.code_error'))
     } finally {
       setLoading(false)
     }
@@ -82,10 +82,10 @@ const AnthropicSettings = () => {
     try {
       await window.api.anthropic_oauth.clearCredentials()
       setAuthStatus(AuthStatus.NOT_STARTED)
-      window.message.success(t('settings.provider.anthropic.logout_success'))
+      window.toast.success(t('settings.provider.anthropic.logout_success'))
     } catch (error) {
       logger.error('Logout failed:', error as Error)
-      window.message.error(t('settings.provider.anthropic.logout_failed'))
+      window.toast.error(t('settings.provider.anthropic.logout_failed'))
     }
   }
 
diff --git a/src/renderer/src/pages/settings/ProviderSettings/CustomHeaderPopup.tsx b/src/renderer/src/pages/settings/ProviderSettings/CustomHeaderPopup.tsx
index 6280167714..80324fd997 100644
--- a/src/renderer/src/pages/settings/ProviderSettings/CustomHeaderPopup.tsx
+++ b/src/renderer/src/pages/settings/ProviderSettings/CustomHeaderPopup.tsx
@@ -40,9 +40,9 @@ const PopupContainer: React.FC<Props> = ({ provider, resolve }) => {
         updateProvider({ ...provider, extra_headers: headers })
       }
 
-      window.message.success({ content: t('message.save.success.title') })
+      window.toast.success(t('message.save.success.title'))
     } catch (error) {
-      window.message.error({ content: t('settings.provider.copilot.invalid_json') })
+      window.toast.error(t('settings.provider.copilot.invalid_json'))
     }
   }, [headerText, provider, t, updateDefaultHeaders, updateProvider])
 
diff --git a/src/renderer/src/pages/settings/ProviderSettings/GithubCopilotSettings.tsx b/src/renderer/src/pages/settings/ProviderSettings/GithubCopilotSettings.tsx
index 3c50758f4a..eab065e544 100644
--- a/src/renderer/src/pages/settings/ProviderSettings/GithubCopilotSettings.tsx
+++ b/src/renderer/src/pages/settings/ProviderSettings/GithubCopilotSettings.tsx
@@ -67,13 +67,13 @@ const GithubCopilotSettings: FC<GithubCopilotSettingsProps> = ({ providerId }) =
       // 自动复制授权码到剪贴板
       try {
         await navigator.clipboard.writeText(user_code)
-        window.message.success(t('settings.provider.copilot.code_copied'))
+        window.toast.success(t('settings.provider.copilot.code_copied'))
       } catch (error) {
         logger.error('Failed to copy to clipboard:', error as Error)
       }
     } catch (error) {
       logger.error('Failed to get device code:', error as Error)
-      window.message.error(t('settings.provider.copilot.code_failed'))
+      window.toast.error(t('settings.provider.copilot.code_failed'))
       setCurrentStep(0)
     } finally {
       setLoading(false)
@@ -95,11 +95,11 @@ const GithubCopilotSettings: FC<GithubCopilotSettingsProps> = ({ providerId }) =
         setAuthStatus(AuthStatus.AUTHENTICATED)
         updateState({ username: login, avatar: avatar })
         updateProvider({ ...provider, apiKey: token, isAuthed: true })
-        window.message.success(t('settings.provider.copilot.auth_success'))
+        window.toast.success(t('settings.provider.copilot.auth_success'))
       }
     } catch (error) {
       logger.error('Failed to get token:', error as Error)
-      window.message.error(t('settings.provider.copilot.auth_failed'))
+      window.toast.error(t('settings.provider.copilot.auth_failed'))
       setCurrentStep(2)
     } finally {
       setLoading(false)
@@ -125,10 +125,10 @@ const GithubCopilotSettings: FC<GithubCopilotSettingsProps> = ({ providerId }) =
       setVerificationPageOpened(false)
       setCurrentStep(0)
 
-      window.message.success(t('settings.provider.copilot.logout_success'))
+      window.toast.success(t('settings.provider.copilot.logout_success'))
     } catch (error) {
       logger.error('Failed to logout:', error as Error)
-      window.message.error(t('settings.provider.copilot.logout_failed'))
+      window.toast.error(t('settings.provider.copilot.logout_failed'))
       // 如果登出失败，重置登出状态
       updateProvider({ ...provider, apiKey: '', isAuthed: false })
     } finally {
@@ -140,10 +140,10 @@ const GithubCopilotSettings: FC<GithubCopilotSettingsProps> = ({ providerId }) =
   const handleCopyUserCode = useCallback(async () => {
     try {
       await navigator.clipboard.writeText(userCode)
-      window.message.success(t('common.copied'))
+      window.toast.success(t('common.copied'))
     } catch (error) {
       logger.error('Failed to copy to clipboard:', error as Error)
-      window.message.error(t('common.copy_failed'))
+      window.toast.error(t('common.copy_failed'))
     }
   }, [userCode, t])
 
diff --git a/src/renderer/src/pages/settings/ProviderSettings/ModelList/AddModelPopup.tsx b/src/renderer/src/pages/settings/ProviderSettings/ModelList/AddModelPopup.tsx
index 0d8932aba3..5a992074df 100644
--- a/src/renderer/src/pages/settings/ProviderSettings/ModelList/AddModelPopup.tsx
+++ b/src/renderer/src/pages/settings/ProviderSettings/ModelList/AddModelPopup.tsx
@@ -46,7 +46,7 @@ const PopupContainer: React.FC<Props> = ({ title, provider, resolve }) => {
     const id = values.id.trim()
 
     if (find(models, { id })) {
-      window.message.error(t('error.model.exists'))
+      window.toast.error(t('error.model.exists'))
       return
     }
 
diff --git a/src/renderer/src/pages/settings/ProviderSettings/ModelList/NewApiAddModelPopup.tsx b/src/renderer/src/pages/settings/ProviderSettings/ModelList/NewApiAddModelPopup.tsx
index c5fd2180b4..4e81b39aa2 100644
--- a/src/renderer/src/pages/settings/ProviderSettings/ModelList/NewApiAddModelPopup.tsx
+++ b/src/renderer/src/pages/settings/ProviderSettings/ModelList/NewApiAddModelPopup.tsx
@@ -51,7 +51,7 @@ const PopupContainer: React.FC<Props> = ({ title, provider, resolve, model, endp
     const id = values.id.trim()
 
     if (find(models, { id })) {
-      window.message.error(t('error.model.exists'))
+      window.toast.error(t('error.model.exists'))
       return
     }
 
diff --git a/src/renderer/src/pages/settings/ProviderSettings/ModelList/useHealthCheck.ts b/src/renderer/src/pages/settings/ProviderSettings/ModelList/useHealthCheck.ts
index 71b9bccb83..ca73ad8311 100644
--- a/src/renderer/src/pages/settings/ProviderSettings/ModelList/useHealthCheck.ts
+++ b/src/renderer/src/pages/settings/ProviderSettings/ModelList/useHealthCheck.ts
@@ -19,11 +19,9 @@ export const useHealthCheck = (provider: Provider, models: Model[]) => {
     const modelsToCheck = models.filter((model) => !isRerankModel(model))
 
     if (isEmpty(modelsToCheck)) {
-      window.message.error({
-        key: 'no-models',
-        style: { marginTop: '3vh' },
-        duration: 5,
-        content: t('settings.provider.no_models_for_check')
+      window.toast.error({
+        timeout: 5000,
+        title: t('settings.provider.no_models_for_check')
       })
       return
     }
@@ -80,11 +78,9 @@ export const useHealthCheck = (provider: Provider, models: Model[]) => {
       }
     )
 
-    window.message.info({
-      key: 'health-check-summary',
-      style: { marginTop: '3vh' },
-      duration: 5,
-      content: summarizeHealthResults(checkResults, provider.name)
+    window.toast.info({
+      timeout: 5000,
+      title: summarizeHealthResults(checkResults, provider.name)
     })
 
     setIsChecking(false)
diff --git a/src/renderer/src/pages/settings/ProviderSettings/ProviderList.tsx b/src/renderer/src/pages/settings/ProviderSettings/ProviderList.tsx
index f64e09d496..d023f3d0d9 100644
--- a/src/renderer/src/pages/settings/ProviderSettings/ProviderList.tsx
+++ b/src/renderer/src/pages/settings/ProviderSettings/ProviderList.tsx
@@ -113,7 +113,7 @@ const ProviderList: FC = () => {
       }
 
       setSelectedProvider(updatedProvider)
-      window.message.success(t('settings.models.provider_key_added', { provider: displayName }))
+      window.toast.success(t('settings.models.provider_key_added', { provider: displayName }))
     }
 
     // 检查 URL 参数
@@ -125,14 +125,14 @@ const ProviderList: FC = () => {
     try {
       const { id, apiKey: newApiKey, baseUrl, type, name } = JSON.parse(addProviderData)
       if (!id || !newApiKey || !baseUrl) {
-        window.message.error(t('settings.models.provider_key_add_failed_by_invalid_data'))
+        window.toast.error(t('settings.models.provider_key_add_failed_by_invalid_data'))
         window.navigate('/settings/provider')
         return
       }
 
       handleProviderAddKey({ id, apiKey: newApiKey, baseUrl, type, name })
     } catch (error) {
-      window.message.error(t('settings.models.provider_key_add_failed_by_invalid_data'))
+      window.toast.error(t('settings.models.provider_key_add_failed_by_invalid_data'))
       window.navigate('/settings/provider')
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -167,7 +167,7 @@ const ProviderList: FC = () => {
         setProviderLogos(updatedLogos)
       } catch (error) {
         logger.error('Failed to save logo', error as Error)
-        window.message.error('保存Provider Logo失败')
+        window.toast.error('保存Provider Logo失败')
       }
     }
 
@@ -202,7 +202,7 @@ const ProviderList: FC = () => {
                 }))
               } catch (error) {
                 logger.error('Failed to save logo', error as Error)
-                window.message.error('更新Provider Logo失败')
+                window.toast.error('更新Provider Logo失败')
               }
             } else if (logo === undefined && logoFile === undefined) {
               try {
diff --git a/src/renderer/src/pages/settings/ProviderSettings/ProviderSetting.tsx b/src/renderer/src/pages/settings/ProviderSettings/ProviderSetting.tsx
index 75f31ed12e..0bd7b152f4 100644
--- a/src/renderer/src/pages/settings/ProviderSettings/ProviderSetting.tsx
+++ b/src/renderer/src/pages/settings/ProviderSettings/ProviderSetting.tsx
@@ -153,11 +153,9 @@ const ProviderSetting: FC<Props> = ({ providerId }) => {
     const modelsToCheck = models.filter((model) => !isEmbeddingModel(model) && !isRerankModel(model))
 
     if (isEmpty(modelsToCheck)) {
-      window.message.error({
-        key: 'no-models',
-        style: { marginTop: '3vh' },
-        duration: 5,
-        content: t('settings.provider.no_models_for_check')
+      window.toast.error({
+        timeout: 5000,
+        title: t('settings.provider.no_models_for_check')
       })
       return
     }
@@ -165,7 +163,7 @@ const ProviderSetting: FC<Props> = ({ providerId }) => {
     const model = await SelectProviderModelPopup.show({ provider })
 
     if (!model) {
-      window.message.error({ content: i18n.t('message.error.enter.model'), key: 'api-check' })
+      window.toast.error(i18n.t('message.error.enter.model'))
       return
     }
 
@@ -173,11 +171,9 @@ const ProviderSetting: FC<Props> = ({ providerId }) => {
       setApiKeyConnectivity((prev) => ({ ...prev, checking: true, status: HealthStatus.NOT_CHECKED }))
       await checkApi({ ...provider, apiHost }, model)
 
-      window.message.success({
-        key: 'api-check',
-        style: { marginTop: '3vh' },
-        duration: 2,
-        content: i18n.t('message.api.connection.success')
+      window.toast.success({
+        timeout: 2000,
+        title: i18n.t('message.api.connection.success')
       })
 
       setApiKeyConnectivity((prev) => ({ ...prev, status: HealthStatus.SUCCESS }))
@@ -189,11 +185,9 @@ const ProviderSetting: FC<Props> = ({ providerId }) => {
         3000
       )
     } catch (error: any) {
-      window.message.error({
-        key: 'api-check',
-        style: { marginTop: '3vh' },
-        duration: 8,
-        content: i18n.t('message.api.connection.failed')
+      window.toast.error({
+        timeout: 8000,
+        title: i18n.t('message.api.connection.failed')
       })
 
       setApiKeyConnectivity((prev) => ({ ...prev, status: HealthStatus.FAILED, error: formatErrorMessage(error) }))
@@ -334,18 +328,16 @@ const ProviderSetting: FC<Props> = ({ providerId }) => {
               )}
             </Button>
           </Space.Compact>
-          {apiKeyWebsite && (
-            <SettingHelpTextRow style={{ justifyContent: 'space-between' }}>
-              <HStack>
-                {!isDmxapi && (
-                  <SettingHelpLink target="_blank" href={apiKeyWebsite}>
-                    {t('settings.provider.get_api_key')}
-                  </SettingHelpLink>
-                )}
-              </HStack>
-              <SettingHelpText>{t('settings.provider.api_key.tip')}</SettingHelpText>
-            </SettingHelpTextRow>
-          )}
+          <SettingHelpTextRow style={{ justifyContent: 'space-between' }}>
+            <HStack>
+              {apiKeyWebsite && !isDmxapi && (
+                <SettingHelpLink target="_blank" href={apiKeyWebsite}>
+                  {t('settings.provider.get_api_key')}
+                </SettingHelpLink>
+              )}
+            </HStack>
+            <SettingHelpText>{t('settings.provider.api_key.tip')}</SettingHelpText>
+          </SettingHelpTextRow>
           {!isDmxapi && !isAnthropicOAuth() && (
             <>
               <SettingSubtitle style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
diff --git a/src/renderer/src/pages/settings/ProviderSettings/SelectProviderModelPopup.tsx b/src/renderer/src/pages/settings/ProviderSettings/SelectProviderModelPopup.tsx
index cf65c42448..5811694882 100644
--- a/src/renderer/src/pages/settings/ProviderSettings/SelectProviderModelPopup.tsx
+++ b/src/renderer/src/pages/settings/ProviderSettings/SelectProviderModelPopup.tsx
@@ -35,7 +35,7 @@ const PopupContainer: React.FC<Props> = ({ provider, resolve, reject }) => {
 
   const onOk = () => {
     if (!model) {
-      window.message.error({ content: i18n.t('message.error.enter.model'), key: 'api-check' })
+      window.toast.error(i18n.t('message.error.enter.model'))
       return
     }
     setOpen(false)
diff --git a/src/renderer/src/pages/settings/QuickAssistantSettings.tsx b/src/renderer/src/pages/settings/QuickAssistantSettings.tsx
index 3d184e0f58..bb0fb0a166 100644
--- a/src/renderer/src/pages/settings/QuickAssistantSettings.tsx
+++ b/src/renderer/src/pages/settings/QuickAssistantSettings.tsx
@@ -38,11 +38,10 @@ const QuickAssistantSettings: FC = () => {
     !enable && window.api.miniWindow.close()
 
     if (enable && !clickTrayToShowQuickAssistant) {
-      window.message.info({
-        content: t('settings.quickAssistant.use_shortcut_to_show'),
-        duration: 4,
-        icon: <InfoCircleOutlined />,
-        key: 'quick-assistant-info'
+      window.toast.info({
+        title: t('settings.quickAssistant.use_shortcut_to_show'),
+        timeout: 4000,
+        icon: <InfoCircleOutlined />
       })
     }
 
diff --git a/src/renderer/src/pages/settings/SettingGroup.tsx b/src/renderer/src/pages/settings/SettingGroup.tsx
index 813c87310e..4e1598e649 100644
--- a/src/renderer/src/pages/settings/SettingGroup.tsx
+++ b/src/renderer/src/pages/settings/SettingGroup.tsx
@@ -1,6 +1,6 @@
 import { ThemeMode } from '@shared/data/preferenceTypes'
-import { AnimatePresence, motion } from 'framer-motion'
 import { ChevronDown, ChevronRight } from 'lucide-react'
+import { AnimatePresence, motion } from 'motion/react'
 import { useState } from 'react'
 import styled from 'styled-components'
 
diff --git a/src/renderer/src/pages/settings/SettingsPage.tsx b/src/renderer/src/pages/settings/SettingsPage.tsx
index 6886d5f035..ca83e149f0 100644
--- a/src/renderer/src/pages/settings/SettingsPage.tsx
+++ b/src/renderer/src/pages/settings/SettingsPage.tsx
@@ -15,6 +15,7 @@ import {
   NotebookPen,
   Package,
   PictureInPicture2,
+  Server,
   Settings2,
   TextCursorInput,
   Zap
@@ -37,6 +38,7 @@ import QuickAssistantSettings from './QuickAssistantSettings'
 import QuickPhraseSettings from './QuickPhraseSettings'
 import SelectionAssistantSettings from './SelectionAssistantSettings/SelectionAssistantSettings'
 import ShortcutSettings from './ShortcutSettings'
+import { ApiServerSettings } from './ToolSettings/ApiServerSettings'
 import WebSearchSettings from './WebSearchSettings'
 
 const SettingsPage: FC = () => {
@@ -108,6 +110,12 @@ const SettingsPage: FC = () => {
               {t('memory.title')}
             </MenuItem>
           </MenuItemLink>
+          <MenuItemLink to="/settings/api-server">
+            <MenuItem className={isRoute('/settings/api-server')}>
+              <Server size={18} />
+              {t('apiServer.title')}
+            </MenuItem>
+          </MenuItemLink>
           <MenuItemLink to="/settings/docprocess">
             <MenuItem className={isRoute('/settings/docprocess')}>
               <FileCode size={18} />
@@ -152,6 +160,7 @@ const SettingsPage: FC = () => {
             <Route path="provider" element={<ProviderList />} />
             <Route path="model" element={<ModelSettings />} />
             <Route path="websearch" element={<WebSearchSettings />} />
+            <Route path="api-server" element={<ApiServerSettings />} />
             <Route path="docprocess" element={<DocProcessSettings />} />
             <Route path="quickphrase" element={<QuickPhraseSettings />} />
             <Route path="mcp/*" element={<MCPSettings />} />
diff --git a/src/renderer/src/pages/settings/ToolSettings/ApiServerSettings/ApiServerSettings.tsx b/src/renderer/src/pages/settings/ToolSettings/ApiServerSettings/ApiServerSettings.tsx
new file mode 100644
index 0000000000..c949370ed4
--- /dev/null
+++ b/src/renderer/src/pages/settings/ToolSettings/ApiServerSettings/ApiServerSettings.tsx
@@ -0,0 +1,425 @@
+// TODO: Refactor this component to use HeroUI
+import { useTheme } from '@renderer/context/ThemeProvider'
+import { loggerService } from '@renderer/services/LoggerService'
+import { RootState, useAppDispatch } from '@renderer/store'
+import { setApiServerApiKey, setApiServerEnabled, setApiServerPort } from '@renderer/store/settings'
+import { formatErrorMessage } from '@renderer/utils/error'
+import { IpcChannel } from '@shared/IpcChannel'
+import { Button, Input, InputNumber, Tooltip, Typography } from 'antd'
+import { Copy, ExternalLink, Play, RotateCcw, Square } from 'lucide-react'
+import { FC, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useSelector } from 'react-redux'
+import styled from 'styled-components'
+import { v4 as uuidv4 } from 'uuid'
+
+import { SettingContainer } from '../..'
+
+const logger = loggerService.withContext('ApiServerSettings')
+const { Text, Title } = Typography
+
+const ApiServerSettings: FC = () => {
+  const { theme } = useTheme()
+  const dispatch = useAppDispatch()
+  const { t } = useTranslation()
+
+  // API Server state with proper defaults
+  const apiServerConfig = useSelector((state: RootState) => state.settings.apiServer)
+
+  const [apiServerRunning, setApiServerRunning] = useState(false)
+  const [apiServerLoading, setApiServerLoading] = useState(false)
+
+  // API Server functions
+  const checkApiServerStatus = async () => {
+    try {
+      const status = await window.electron.ipcRenderer.invoke(IpcChannel.ApiServer_GetStatus)
+      setApiServerRunning(status.running)
+    } catch (error: any) {
+      logger.error('Failed to check API server status:', error)
+    }
+  }
+
+  useEffect(() => {
+    checkApiServerStatus()
+  }, [])
+
+  const handleApiServerToggle = async (enabled: boolean) => {
+    setApiServerLoading(true)
+    try {
+      if (enabled) {
+        const result = await window.electron.ipcRenderer.invoke(IpcChannel.ApiServer_Start)
+        if (result.success) {
+          setApiServerRunning(true)
+          window.toast.success(t('apiServer.messages.startSuccess'))
+        } else {
+          window.toast.error(t('apiServer.messages.startError') + result.error)
+        }
+      } else {
+        const result = await window.electron.ipcRenderer.invoke(IpcChannel.ApiServer_Stop)
+        if (result.success) {
+          setApiServerRunning(false)
+          window.toast.success(t('apiServer.messages.stopSuccess'))
+        } else {
+          window.toast.error(t('apiServer.messages.stopError') + result.error)
+        }
+      }
+    } catch (error) {
+      window.toast.error(t('apiServer.messages.operationFailed') + formatErrorMessage(error))
+    } finally {
+      dispatch(setApiServerEnabled(enabled))
+      setApiServerLoading(false)
+    }
+  }
+
+  const handleApiServerRestart = async () => {
+    setApiServerLoading(true)
+    try {
+      const result = await window.electron.ipcRenderer.invoke(IpcChannel.ApiServer_Restart)
+      if (result.success) {
+        await checkApiServerStatus()
+        window.toast.success(t('apiServer.messages.restartSuccess'))
+      } else {
+        window.toast.error(t('apiServer.messages.restartError') + result.error)
+      }
+    } catch (error) {
+      window.toast.error(t('apiServer.messages.restartFailed') + (error as Error).message)
+    } finally {
+      setApiServerLoading(false)
+    }
+  }
+
+  const copyApiKey = () => {
+    navigator.clipboard.writeText(apiServerConfig.apiKey)
+    window.toast.success(t('apiServer.messages.apiKeyCopied'))
+  }
+
+  const regenerateApiKey = () => {
+    const newApiKey = `cs-sk-${uuidv4()}`
+    dispatch(setApiServerApiKey(newApiKey))
+    window.toast.success(t('apiServer.messages.apiKeyRegenerated'))
+  }
+
+  const handlePortChange = (value: string) => {
+    const port = parseInt(value) || 23333
+    if (port >= 1000 && port <= 65535) {
+      dispatch(setApiServerPort(port))
+    }
+  }
+
+  const openApiDocs = () => {
+    if (apiServerRunning) {
+      window.open(`http://localhost:${apiServerConfig.port}/api-docs`, '_blank')
+    }
+  }
+
+  return (
+    <Container theme={theme}>
+      {/* Header Section */}
+      <HeaderSection>
+        <HeaderContent>
+          <Title level={3} style={{ margin: 0, marginBottom: 8 }}>
+            {t('apiServer.title')}
+          </Title>
+          <Text type="secondary">{t('apiServer.description')}</Text>
+        </HeaderContent>
+        {apiServerRunning && (
+          <Button type="primary" icon={<ExternalLink size={14} />} onClick={openApiDocs}>
+            {t('apiServer.documentation.title')}
+          </Button>
+        )}
+      </HeaderSection>
+
+      {/* Server Control Panel with integrated configuration */}
+      <ServerControlPanel $status={apiServerRunning}>
+        <StatusSection>
+          <StatusIndicator $status={apiServerRunning} />
+          <StatusContent>
+            <StatusText $status={apiServerRunning}>
+              {apiServerRunning ? t('apiServer.status.running') : t('apiServer.status.stopped')}
+            </StatusText>
+            <StatusSubtext>
+              {apiServerRunning ? `http://localhost:${apiServerConfig.port}` : t('apiServer.fields.port.description')}
+            </StatusSubtext>
+          </StatusContent>
+        </StatusSection>
+
+        <ControlSection>
+          {apiServerRunning && (
+            <Tooltip title={t('apiServer.actions.restart.tooltip')}>
+              <RestartButton
+                $loading={apiServerLoading}
+                onClick={apiServerLoading ? undefined : handleApiServerRestart}>
+                <RotateCcw size={14} />
+                <span>{t('apiServer.actions.restart.button')}</span>
+              </RestartButton>
+            </Tooltip>
+          )}
+
+          {/* Port input when server is stopped */}
+          {!apiServerRunning && (
+            <StyledInputNumber
+              value={apiServerConfig.port}
+              onChange={(value) => handlePortChange(String(value || 23333))}
+              min={1000}
+              max={65535}
+              disabled={apiServerRunning}
+              placeholder="23333"
+              size="middle"
+            />
+          )}
+
+          <Tooltip title={apiServerRunning ? t('apiServer.actions.stop') : t('apiServer.actions.start')}>
+            {apiServerRunning ? (
+              <StopButton
+                $loading={apiServerLoading}
+                onClick={apiServerLoading ? undefined : () => handleApiServerToggle(false)}>
+                <Square size={20} style={{ color: 'var(--color-status-error)' }} />
+              </StopButton>
+            ) : (
+              <StartButton
+                $loading={apiServerLoading}
+                onClick={apiServerLoading ? undefined : () => handleApiServerToggle(true)}>
+                <Play size={20} style={{ color: 'var(--color-status-success)' }} />
+              </StartButton>
+            )}
+          </Tooltip>
+        </ControlSection>
+      </ServerControlPanel>
+
+      {/* API Key Configuration */}
+      <ConfigurationField>
+        <FieldLabel>{t('apiServer.fields.apiKey.label')}</FieldLabel>
+        <FieldDescription>{t('apiServer.fields.apiKey.description')}</FieldDescription>
+
+        <StyledInput
+          value={apiServerConfig.apiKey}
+          readOnly
+          placeholder={t('apiServer.fields.apiKey.placeholder')}
+          size="middle"
+          suffix={
+            <InputButtonContainer>
+              {!apiServerRunning && (
+                <RegenerateButton onClick={regenerateApiKey} disabled={apiServerRunning} type="link">
+                  {t('apiServer.actions.regenerate')}
+                </RegenerateButton>
+              )}
+              <Tooltip title={t('apiServer.fields.apiKey.copyTooltip')}>
+                <InputButton icon={<Copy size={14} />} onClick={copyApiKey} disabled={!apiServerConfig.apiKey} />
+              </Tooltip>
+            </InputButtonContainer>
+          }
+        />
+
+        {/* Authorization header info */}
+        <AuthHeaderSection>
+          <FieldLabel>{t('apiServer.authHeader.title')}</FieldLabel>
+          <StyledInput
+            style={{ height: 38 }}
+            value={`Authorization: Bearer ${apiServerConfig.apiKey || 'your-api-key'}`}
+            readOnly
+            size="middle"
+          />
+        </AuthHeaderSection>
+      </ConfigurationField>
+    </Container>
+  )
+}
+
+// Styled Components
+const Container = styled(SettingContainer)`
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - var(--navbar-height));
+`
+
+const HeaderSection = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 24px;
+`
+
+const HeaderContent = styled.div`
+  flex: 1;
+`
+
+const ServerControlPanel = styled.div<{ $status: boolean }>`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-radius: 8px;
+  background: var(--color-background);
+  border: 1px solid ${(props) => (props.$status ? 'var(--color-status-success)' : 'var(--color-border)')};
+  transition: all 0.3s ease;
+  margin-bottom: 16px;
+`
+
+const StatusSection = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+`
+
+const StatusIndicator = styled.div<{ $status: boolean }>`
+  position: relative;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: ${(props) => (props.$status ? 'var(--color-status-success)' : 'var(--color-status-error)')};
+
+  &::before {
+    content: '';
+    position: absolute;
+    inset: -3px;
+    border-radius: 50%;
+    background: ${(props) => (props.$status ? 'var(--color-status-success)' : 'var(--color-status-error)')};
+    opacity: 0.2;
+    animation: ${(props) => (props.$status ? 'pulse 2s infinite' : 'none')};
+  }
+
+  @keyframes pulse {
+    0%,
+    100% {
+      transform: scale(1);
+      opacity: 0.2;
+    }
+    50% {
+      transform: scale(1.5);
+      opacity: 0.1;
+    }
+  }
+`
+
+const StatusContent = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`
+
+const StatusText = styled.div<{ $status: boolean }>`
+  font-weight: 600;
+  font-size: 14px;
+  color: ${(props) => (props.$status ? 'var(--color-status-success)' : 'var(--color-text-1)')};
+  margin: 0;
+`
+
+const StatusSubtext = styled.div`
+  font-size: 12px;
+  color: var(--color-text-3);
+  margin: 0;
+`
+
+const ControlSection = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`
+
+const RestartButton = styled.div<{ $loading: boolean }>`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--color-text-2);
+  cursor: ${(props) => (props.$loading ? 'not-allowed' : 'pointer')};
+  opacity: ${(props) => (props.$loading ? 0.5 : 1)};
+  font-size: 12px;
+  transition: all 0.2s ease;
+
+  &:hover {
+    color: ${(props) => (props.$loading ? 'var(--color-text-2)' : 'var(--color-primary)')};
+  }
+`
+
+const StyledInputNumber = styled(InputNumber)`
+  width: 80px;
+  border-radius: 6px;
+  border: 1.5px solid var(--color-border);
+  margin-right: 5px;
+`
+
+const StartButton = styled.div<{ $loading: boolean }>`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: ${(props) => (props.$loading ? 'not-allowed' : 'pointer')};
+  opacity: ${(props) => (props.$loading ? 0.5 : 1)};
+  transition: all 0.2s ease;
+
+  &:hover {
+    transform: ${(props) => (props.$loading ? 'scale(1)' : 'scale(1.1)')};
+  }
+`
+
+const StopButton = styled.div<{ $loading: boolean }>`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: ${(props) => (props.$loading ? 'not-allowed' : 'pointer')};
+  opacity: ${(props) => (props.$loading ? 0.5 : 1)};
+  transition: all 0.2s ease;
+
+  &:hover {
+    transform: ${(props) => (props.$loading ? 'scale(1)' : 'scale(1.1)')};
+  }
+`
+
+const ConfigurationField = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 16px;
+  background: var(--color-background);
+  border-radius: 8px;
+  border: 1px solid var(--color-border);
+`
+
+const FieldLabel = styled.div`
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-text-1);
+  margin: 0;
+`
+
+const FieldDescription = styled.div`
+  font-size: 12px;
+  color: var(--color-text-3);
+  margin: 0;
+`
+
+const StyledInput = styled(Input)`
+  width: 100%;
+  border-radius: 6px;
+  border: 1.5px solid var(--color-border);
+`
+
+const InputButtonContainer = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+`
+
+const InputButton = styled(Button)`
+  border: none;
+  padding: 0 4px;
+  background: transparent;
+`
+
+const RegenerateButton = styled(Button)`
+  padding: 0 4px;
+  font-size: 12px;
+  height: auto;
+  line-height: 1;
+  border: none;
+  background: transparent;
+`
+
+const AuthHeaderSection = styled.div`
+  margin-top: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`
+
+export default ApiServerSettings
diff --git a/src/renderer/src/pages/settings/ToolSettings/ApiServerSettings/index.tsx b/src/renderer/src/pages/settings/ToolSettings/ApiServerSettings/index.tsx
new file mode 100644
index 0000000000..fbe9ebe611
--- /dev/null
+++ b/src/renderer/src/pages/settings/ToolSettings/ApiServerSettings/index.tsx
@@ -0,0 +1 @@
+export { default as ApiServerSettings } from './ApiServerSettings'
diff --git a/src/renderer/src/pages/settings/TranslateSettingsPopup/CustomLanguageModal.tsx b/src/renderer/src/pages/settings/TranslateSettingsPopup/CustomLanguageModal.tsx
index fc50b5ed15..1a1965c10e 100644
--- a/src/renderer/src/pages/settings/TranslateSettingsPopup/CustomLanguageModal.tsx
+++ b/src/renderer/src/pages/settings/TranslateSettingsPopup/CustomLanguageModal.tsx
@@ -62,17 +62,17 @@ const CustomLanguageModal = ({ isOpen, editingCustomLanguage, onAdd, onEdit, onC
         try {
           await updateCustomLanguage(editingCustomLanguage, value, emoji, langCode)
           onEdit({ ...editingCustomLanguage, emoji, value, langCode })
-          window.message.success(t('settings.translate.custom.success.update'))
+          window.toast.success(t('settings.translate.custom.success.update'))
         } catch (e) {
-          window.message.error(t('settings.translate.custom.error.update') + ': ' + (e as Error).message)
+          window.toast.error(t('settings.translate.custom.error.update') + ': ' + (e as Error).message)
         }
       } else {
         try {
           const added = await addCustomLanguage(value, emoji, langCode)
           onAdd(added)
-          window.message.success(t('settings.translate.custom.success.add'))
+          window.toast.success(t('settings.translate.custom.success.add'))
         } catch (e) {
-          window.message.error(t('settings.translate.custom.error.add') + ': ' + (e as Error).message)
+          window.toast.error(t('settings.translate.custom.error.add') + ': ' + (e as Error).message)
         }
       }
       onCancel()
diff --git a/src/renderer/src/pages/settings/TranslateSettingsPopup/CustomLanguageSettings.tsx b/src/renderer/src/pages/settings/TranslateSettingsPopup/CustomLanguageSettings.tsx
index b254b62513..abe34eabf0 100644
--- a/src/renderer/src/pages/settings/TranslateSettingsPopup/CustomLanguageSettings.tsx
+++ b/src/renderer/src/pages/settings/TranslateSettingsPopup/CustomLanguageSettings.tsx
@@ -24,9 +24,9 @@ const CustomLanguageSettings = () => {
       try {
         await deleteCustomLanguage(id)
         setDisplayedItems((prev) => prev.filter((item) => item.id !== id))
-        window.message.success(t('settings.translate.custom.success.delete'))
+        window.toast.success(t('settings.translate.custom.success.delete'))
       } catch (e) {
-        window.message.error(t('settings.translate.custom.error.delete'))
+        window.toast.error(t('settings.translate.custom.error.delete'))
       }
     },
     [t]
diff --git a/src/renderer/src/pages/settings/WebSearchSettings/AddSubscribePopup.tsx b/src/renderer/src/pages/settings/WebSearchSettings/AddSubscribePopup.tsx
index aa288e6e8b..4d975e825d 100644
--- a/src/renderer/src/pages/settings/WebSearchSettings/AddSubscribePopup.tsx
+++ b/src/renderer/src/pages/settings/WebSearchSettings/AddSubscribePopup.tsx
@@ -38,7 +38,7 @@ const PopupContainer: React.FC<Props> = ({ title, resolve }) => {
     const name = values.name?.trim() || url
 
     if (!url) {
-      window.message.error(t('settings.tool.websearch.url_required'))
+      window.toast.error(t('settings.tool.websearch.url_required'))
       return
     }
 
@@ -46,7 +46,7 @@ const PopupContainer: React.FC<Props> = ({ title, resolve }) => {
     try {
       new URL(url)
     } catch (e) {
-      window.message.error(t('settings.tool.websearch.url_invalid'))
+      window.toast.error(t('settings.tool.websearch.url_invalid'))
       return
     }
 
diff --git a/src/renderer/src/pages/settings/WebSearchSettings/BasicSettings.tsx b/src/renderer/src/pages/settings/WebSearchSettings/BasicSettings.tsx
index 79ac56237c..2f301ac957 100644
--- a/src/renderer/src/pages/settings/WebSearchSettings/BasicSettings.tsx
+++ b/src/renderer/src/pages/settings/WebSearchSettings/BasicSettings.tsx
@@ -11,7 +11,7 @@ import { SettingDivider, SettingGroup, SettingRow, SettingRowTitle, SettingTitle
 
 const BasicSettings: FC = () => {
   const { theme } = useTheme()
-  const { searchWithTime, maxResults } = useWebSearchSettings()
+  const { searchWithTime, maxResults, compressionConfig } = useWebSearchSettings()
 
   const dispatch = useAppDispatch()
 
@@ -28,7 +28,7 @@ const BasicSettings: FC = () => {
         <SettingRow style={{ height: 40 }}>
           <SettingRowTitle style={{ minWidth: 120 }}>
             {t('settings.tool.websearch.search_max_result.label')}
-            {maxResults > 20 && (
+            {maxResults > 20 && compressionConfig?.method === 'none' && (
               <Tooltip title={t('settings.tool.websearch.search_max_result.tooltip')} placement="top">
                 <Info size={16} color="var(--color-icon)" style={{ marginLeft: 5, cursor: 'pointer' }} />
               </Tooltip>
diff --git a/src/renderer/src/pages/settings/WebSearchSettings/BlacklistSettings.tsx b/src/renderer/src/pages/settings/WebSearchSettings/BlacklistSettings.tsx
index 47852fd080..8486a62f42 100644
--- a/src/renderer/src/pages/settings/WebSearchSettings/BlacklistSettings.tsx
+++ b/src/renderer/src/pages/settings/WebSearchSettings/BlacklistSettings.tsx
@@ -98,11 +98,10 @@ const BlacklistSettings: FC = () => {
     if (hasError) return
 
     dispatch(setExcludeDomains(validDomains))
-    window.message.info({
-      content: t('message.save.success.title'),
-      duration: 4,
-      icon: <InfoCircleOutlined />,
-      key: 'save-blacklist-info'
+    window.toast.info({
+      title: t('message.save.success.title'),
+      timeout: 4000,
+      icon: <InfoCircleOutlined />
     })
   }
   const onSelectChange = (newSelectedRowKeys: React.Key[]) => {
@@ -146,9 +145,9 @@ const BlacklistSettings: FC = () => {
         } catch (error) {
           logger.error(`Error updating subscribe source ${source.url}:`, error as Error)
           // 显示具体源更新失败的消息
-          window.message.warning({
-            content: t('settings.tool.websearch.subscribe_update_failed', { url: source.url }),
-            duration: 3
+          window.toast.warning({
+            title: t('settings.tool.websearch.subscribe_update_failed', { url: source.url }),
+            timeout: 3000
           })
         }
       }
@@ -158,9 +157,9 @@ const BlacklistSettings: FC = () => {
         setSubscribeSources(updatedSources)
         setSubscribeValid(true)
         // 显示成功消息
-        window.message.success({
-          content: t('settings.tool.websearch.subscribe_update_success'),
-          duration: 2
+        window.toast.success({
+          title: t('settings.tool.websearch.subscribe_update_success'),
+          timeout: 2000
         })
         setTimeoutTimer('updateSubscribe', () => setSubscribeValid(false), 3000)
       } else {
@@ -169,9 +168,9 @@ const BlacklistSettings: FC = () => {
       }
     } catch (error) {
       logger.error('Error updating subscribes:', error as Error)
-      window.message.error({
-        content: t('settings.tool.websearch.subscribe_update_failed'),
-        duration: 2
+      window.toast.error({
+        title: t('settings.tool.websearch.subscribe_update_failed'),
+        timeout: 2000
       })
     }
     setSubscribeChecking(false)
@@ -200,16 +199,16 @@ const BlacklistSettings: FC = () => {
         })
         setSubscribeValid(true)
         // 显示成功消息
-        window.message.success({
-          content: t('settings.tool.websearch.subscribe_add_success'),
-          duration: 2
+        window.toast.success({
+          title: t('settings.tool.websearch.subscribe_add_success'),
+          timeout: 2000
         })
         setTimeoutTimer('handleAddSubscribe', () => setSubscribeValid(false), 3000)
       } catch (error) {
         setSubscribeValid(false)
-        window.message.error({
-          content: t('settings.tool.websearch.subscribe_add_failed'),
-          duration: 2
+        window.toast.error({
+          title: t('settings.tool.websearch.subscribe_add_failed'),
+          timeout: 2000
         })
       }
     }
diff --git a/src/renderer/src/pages/settings/WebSearchSettings/WebSearchProviderSetting.tsx b/src/renderer/src/pages/settings/WebSearchSettings/WebSearchProviderSetting.tsx
index 77993106f4..cb0f3fc8c0 100644
--- a/src/renderer/src/pages/settings/WebSearchSettings/WebSearchProviderSetting.tsx
+++ b/src/renderer/src/pages/settings/WebSearchSettings/WebSearchProviderSetting.tsx
@@ -5,6 +5,7 @@ import ExaLogo from '@renderer/assets/images/search/exa.png'
 import SearxngLogo from '@renderer/assets/images/search/searxng.svg'
 import TavilyLogo from '@renderer/assets/images/search/tavily.png'
 import ZhipuLogo from '@renderer/assets/images/search/zhipu.png'
+import { HStack } from '@renderer/components/Layout'
 import ApiKeyListPopup from '@renderer/components/Popups/ApiKeyListPopup/popup'
 import { WEB_SEARCH_PROVIDER_CONFIG } from '@renderer/config/webSearchProviders'
 import { useTimer } from '@renderer/hooks/useTimer'
@@ -88,11 +89,10 @@ const WebSearchProviderSetting: FC<Props> = ({ providerId }) => {
 
   async function checkSearch() {
     if (!provider) {
-      window.message.error({
-        content: t('settings.no_provider_selected'),
-        duration: 3,
-        icon: <Info size={18} />,
-        key: 'no-provider-selected'
+      window.toast.error({
+        title: t('settings.no_provider_selected'),
+        timeout: 3000,
+        icon: <Info size={18} />
       })
       return
     }
@@ -107,11 +107,9 @@ const WebSearchProviderSetting: FC<Props> = ({ providerId }) => {
       const { valid, error } = await WebSearchService.checkSearch(provider)
 
       const errorMessage = error && error?.message ? ' ' + error?.message : ''
-      window.message[valid ? 'success' : 'error']({
-        key: 'api-check',
-        style: { marginTop: '3vh' },
-        duration: valid ? 2 : 8,
-        content: valid
+      window.toast[valid ? 'success' : 'error']({
+        timeout: valid ? 2000 : 8000,
+        title: valid
           ? t('settings.tool.websearch.check_success')
           : t('settings.tool.websearch.check_failed') + errorMessage
       })
@@ -120,11 +118,9 @@ const WebSearchProviderSetting: FC<Props> = ({ providerId }) => {
     } catch (err) {
       logger.error('Check search error:', err as Error)
       setApiValid(false)
-      window.message.error({
-        key: 'check-search-error',
-        style: { marginTop: '3vh' },
-        duration: 8,
-        content: t('settings.tool.websearch.check_failed')
+      window.toast.error({
+        timeout: 8000,
+        title: t('settings.tool.websearch.check_failed')
       })
     } finally {
       setApiChecking(false)
@@ -210,9 +206,13 @@ const WebSearchProviderSetting: FC<Props> = ({ providerId }) => {
             </Button>
           </Space.Compact>
           <SettingHelpTextRow style={{ justifyContent: 'space-between', marginTop: 5 }}>
-            <SettingHelpLink target="_blank" href={apiKeyWebsite}>
-              {t('settings.provider.api_key.tip')}
-            </SettingHelpLink>
+            <HStack>
+              {apiKeyWebsite && (
+                <SettingHelpLink target="_blank" href={apiKeyWebsite}>
+                  {t('settings.provider.get_api_key')}
+                </SettingHelpLink>
+              )}
+            </HStack>
             <SettingHelpText>{t('settings.provider.api_key.tip')}</SettingHelpText>
           </SettingHelpTextRow>
         </>
diff --git a/src/renderer/src/pages/translate/TranslateHistory.tsx b/src/renderer/src/pages/translate/TranslateHistory.tsx
index 5930fa9e64..e9a79200a5 100644
--- a/src/renderer/src/pages/translate/TranslateHistory.tsx
+++ b/src/renderer/src/pages/translate/TranslateHistory.tsx
@@ -84,7 +84,7 @@ const TranslateHistoryList: FC<TranslateHistoryProps> = ({ isOpen, onHistoryItem
       try {
         deleteHistory(id)
       } catch (e) {
-        window.message.error(t('translate.history.error.delete'))
+        window.toast.error(t('translate.history.error.delete'))
       }
     },
     [t]
diff --git a/src/renderer/src/pages/translate/TranslatePage.tsx b/src/renderer/src/pages/translate/TranslatePage.tsx
index 3b242f466f..91171fd441 100644
--- a/src/renderer/src/pages/translate/TranslatePage.tsx
+++ b/src/renderer/src/pages/translate/TranslatePage.tsx
@@ -13,6 +13,7 @@ import { useDrag } from '@renderer/hooks/useDrag'
 import { useFiles } from '@renderer/hooks/useFiles'
 import { useOcr } from '@renderer/hooks/useOcr'
 import { useTemporaryValue } from '@renderer/hooks/useTemporaryValue'
+import { useTimer } from '@renderer/hooks/useTimer'
 import useTranslate from '@renderer/hooks/useTranslate'
 import { estimateTextTokens } from '@renderer/services/TokenService'
 import { saveTranslateHistory, translateText } from '@renderer/services/TranslateService'
@@ -24,6 +25,7 @@ import {
   FileMetadata,
   isSupportedOcrFile,
   type Model,
+  SupportedOcrFile,
   type TranslateHistory,
   type TranslateLanguage
 } from '@renderer/types'
@@ -60,10 +62,12 @@ const TranslatePage: FC = () => {
   // hooks
   const { t } = useTranslation()
   const { translateModel, setTranslateModel } = useDefaultModel()
-  const { prompt, getLanguageByLangcode } = useTranslate()
+  const { prompt, getLanguageByLangcode, settings } = useTranslate()
+  const { autoCopy } = settings
   const { shikiMarkdownIt } = useCodeStyle()
   const { onSelectFile, selecting, clearFiles } = useFiles({ extensions: [...imageExts, ...textExts] })
   const { ocr } = useOcr()
+  const { setTimeoutTimer } = useTimer()
 
   // states
   // const [text, setText] = useState(_text)
@@ -129,6 +133,17 @@ const TranslatePage: FC = () => {
     [dispatch]
   )
 
+  // 控制复制行为
+  const onCopy = useCallback(async () => {
+    try {
+      await navigator.clipboard.writeText(translatedContent)
+      setCopied(true)
+    } catch (error) {
+      logger.error('Failed to copy text to clipboard:', error as Error)
+      window.toast.error(t('common.copy_failed'))
+    }
+  }, [setCopied, t, translatedContent])
+
   /**
    * 翻译文本并保存历史记录，包含完整的异常处理，不会抛出异常
    * @param text - 需要翻译的文本
@@ -153,28 +168,39 @@ const TranslatePage: FC = () => {
         try {
           translated = await translateText(text, actualTargetLanguage, throttle(setTranslatedContent, 100), abortKey)
         } catch (e) {
-          if (!isAbortError(e)) {
+          if (isAbortError(e)) {
+            window.toast.info(t('translate.info.aborted'))
+          } else {
             logger.error('Failed to translate text', e as Error)
-            window.message.error(t('translate.error.failed') + ': ' + formatErrorMessage(e))
+            window.toast.error(t('translate.error.failed') + ': ' + formatErrorMessage(e))
           }
           setTranslating(false)
           return
         }
 
-        window.message.success(t('translate.complete'))
+        window.toast.success(t('translate.complete'))
+        if (autoCopy) {
+          setTimeoutTimer(
+            'auto-copy',
+            async () => {
+              await onCopy()
+            },
+            100
+          )
+        }
 
         try {
           await saveTranslateHistory(text, translated, actualSourceLanguage.langCode, actualTargetLanguage.langCode)
         } catch (e) {
           logger.error('Failed to save translate history', e as Error)
-          window.message.error(t('translate.history.error.save') + ': ' + formatErrorMessage(e))
+          window.toast.error(t('translate.history.error.save') + ': ' + formatErrorMessage(e))
         }
       } catch (e) {
         logger.error('Failed to translate', e as Error)
-        window.message.error(t('translate.error.unknown') + ': ' + formatErrorMessage(e))
+        window.toast.error(t('translate.error.unknown') + ': ' + formatErrorMessage(e))
       }
     },
-    [dispatch, setTranslatedContent, setTranslating, t, translating]
+    [autoCopy, dispatch, onCopy, setTimeoutTimer, setTranslatedContent, setTranslating, t, translating]
   )
 
   // 控制翻译按钮是否可用
@@ -194,10 +220,7 @@ const TranslatePage: FC = () => {
     if (!couldTranslate) return
     if (!text.trim()) return
     if (!translateModel) {
-      window.message.error({
-        content: t('translate.error.not_configured'),
-        key: 'translate-message'
-      })
+      window.toast.error(t('translate.error.not_configured'))
       return
     }
 
@@ -222,10 +245,7 @@ const TranslatePage: FC = () => {
           errorMessage = t('translate.language.not_pair')
         }
 
-        window.message.warning({
-          content: errorMessage,
-          key: 'translate-message'
-        })
+        window.toast.warning(errorMessage)
         return
       }
 
@@ -237,10 +257,7 @@ const TranslatePage: FC = () => {
       await translate(text, actualSourceLanguage, actualTargetLanguage)
     } catch (error) {
       logger.error('Translation error:', error as Error)
-      window.message.error({
-        content: String(error),
-        key: 'translate-message'
-      })
+      window.toast.error(t('translate.error.failed') + ': ' + formatErrorMessage(error))
       return
     } finally {
       setTranslating(false)
@@ -274,12 +291,6 @@ const TranslatePage: FC = () => {
     db.settings.put({ id: 'translate:bidirectional:enabled', value })
   }
 
-  // 控制复制按钮
-  const onCopy = () => {
-    navigator.clipboard.writeText(translatedContent)
-    setCopied(true)
-  }
-
   // 控制历史记录点击
   const onHistoryItemClick = (
     history: TranslateHistory & { _sourceLanguage: TranslateLanguage; _targetLanguage: TranslateLanguage }
@@ -312,11 +323,11 @@ const TranslatePage: FC = () => {
     }
     const source = sourceLanguage === 'auto' ? detectedLanguage : sourceLanguage
     if (!source) {
-      window.message.error(t('translate.error.invalid_source'))
+      window.toast.error(t('translate.error.invalid_source'))
       return
     }
     if (source.langCode === UNKNOWN.langCode) {
-      window.message.error(t('translate.error.detect.unknown'))
+      window.toast.error(t('translate.error.detect.unknown'))
       return
     }
     const target = targetLanguage
@@ -407,7 +418,7 @@ const TranslatePage: FC = () => {
       setAutoDetectionMethod(method)
     } catch (e) {
       logger.error('Failed to update auto detection method setting.', e as Error)
-      window.message.error(t('translate.error.detect.update_setting') + formatErrorMessage(e))
+      window.toast.error(t('translate.error.detect.update_setting') + formatErrorMessage(e))
     }
   }
 
@@ -462,6 +473,52 @@ const TranslatePage: FC = () => {
   // 控制token估计
   const tokenCount = useMemo(() => estimateTextTokens(text + prompt), [prompt, text])
 
+  const readFile = useCallback(
+    async (file: FileMetadata) => {
+      const _readFile = async () => {
+        let isText: boolean
+        try {
+          // 检查文件是否为文本文件
+          isText = await isTextFile(file.path)
+        } catch (e) {
+          logger.error('Failed to check if file is text.', e as Error)
+          window.toast.error(t('translate.files.error.check_type') + ': ' + formatErrorMessage(e))
+          return
+        }
+
+        if (!isText) {
+          window.toast.error(t('common.file.not_supported', { type: getFileExtension(file.path) }))
+          logger.error('Unsupported file type.')
+          return
+        }
+
+        // the threshold may be too large
+        if (file.size > 5 * MB) {
+          window.toast.error(t('translate.files.error.too_large') + ' (0 ~ 5 MB)')
+        } else {
+          try {
+            const result = await window.api.fs.readText(file.path)
+            setText(text + result)
+          } catch (e) {
+            logger.error('Failed to read text file.', e as Error)
+            window.toast.error(t('translate.files.error.unknown') + ': ' + formatErrorMessage(e))
+          }
+        }
+      }
+      const promise = _readFile()
+      window.toast.loading({ title: t('translate.files.reading'), promise })
+    },
+    [setText, t, text]
+  )
+
+  const ocrFile = useCallback(
+    async (file: SupportedOcrFile) => {
+      const ocrResult = await ocr(file)
+      setText(text + ocrResult.text)
+    },
+    [ocr, setText, text]
+  )
+
   // 统一的文件处理
   const processFile = useCallback(
     async (file: FileMetadata) => {
@@ -469,53 +526,12 @@ const TranslatePage: FC = () => {
       const shouldOCR = isSupportedOcrFile(file)
 
       if (shouldOCR) {
-        try {
-          const ocrResult = await ocr(file)
-          setText(ocrResult.text)
-        } finally {
-          // do nothing when failed. because error should be handled inside
-        }
+        await ocrFile(file)
       } else {
-        try {
-          window.message.loading({ content: t('translate.files.reading'), key: 'translate_files_reading', duration: 0 })
-          let isText: boolean
-          try {
-            // 检查文件是否为文本文件
-            isText = await isTextFile(file.path)
-          } catch (e) {
-            logger.error('Failed to check if file is text.', e as Error)
-            window.message.error(t('translate.files.error.check_type') + ': ' + formatErrorMessage(e))
-            throw e
-          }
-
-          if (!isText) {
-            window.message.error({
-              key: 'file_not_supported',
-              content: t('common.file.not_supported', { type: getFileExtension(file.path) })
-            })
-            logger.error('Unsupported file type.')
-            throw new Error('Unsupported file type')
-          }
-
-          // the threshold may be too large
-          if (file.size > 5 * MB) {
-            window.message.error(t('translate.files.error.too_large') + ' (0 ~ 5 MB)')
-          } else {
-            try {
-              const result = await window.api.fs.readText(file.path)
-              setText(result)
-            } catch (e) {
-              logger.error('Failed to read text file.', e as Error)
-              window.message.error(t('translate.files.error.unknown') + ': ' + formatErrorMessage(e))
-            }
-          }
-        } finally {
-          // do nothing when failed because error should be handled inside
-          window.message.destroy('translate_files_reading')
-        }
+        await readFile(file)
       }
     },
-    [ocr, setText, t]
+    [ocrFile, readFile]
   )
 
   // 点击上传文件按钮
@@ -527,11 +543,10 @@ const TranslatePage: FC = () => {
       if (!file) {
         return
       }
-
-      return await processFile(file)
+      await processFile(file)
     } catch (e) {
       logger.error('Unknown error when selecting file.', e as Error)
-      window.message.error(t('translate.files.error.unknown') + ': ' + formatErrorMessage(e))
+      window.toast.error(t('translate.files.error.unknown') + ': ' + formatErrorMessage(e))
     } finally {
       clearFiles()
       setIsProcessing(false)
@@ -543,10 +558,7 @@ const TranslatePage: FC = () => {
       if (files.length === 0) return null
       if (files.length > 1) {
         // 多文件上传时显示提示信息
-        window.message.error({
-          key: 'multiple_files',
-          content: t('translate.files.error.multiple')
-        })
+        window.toast.error(t('translate.files.error.multiple'))
         return null
       }
       return files[0]
@@ -568,34 +580,31 @@ const TranslatePage: FC = () => {
     async (e: React.DragEvent<HTMLDivElement>) => {
       setIsProcessing(true)
       setIsDragging(false)
-      // const supportedFiles = await filterSupportedFiles(_files, extensions)
-      const data = await getTextFromDropEvent(e).catch((err) => {
-        logger.error('getTextFromDropEvent', err)
-        window.message.error({
-          key: 'file_error',
-          content: t('translate.files.error.unknown')
+      const process = async () => {
+        // const supportedFiles = await filterSupportedFiles(_files, extensions)
+        const data = await getTextFromDropEvent(e).catch((err) => {
+          logger.error('getTextFromDropEvent', err)
+          window.toast.error(t('translate.files.error.unknown'))
+          return null
         })
-        return null
-      })
-      if (data === null) {
-        return
-      }
-      setText(text + data)
+        if (data === null) {
+          return
+        }
+        setText(text + data)
 
-      const droppedFiles = await getFilesFromDropEvent(e).catch((err) => {
-        logger.error('handleDrop:', err)
-        window.message.error({
-          key: 'file_error',
-          content: t('translate.files.error.unknown')
+        const droppedFiles = await getFilesFromDropEvent(e).catch((err) => {
+          logger.error('handleDrop:', err)
+          window.toast.error(t('translate.files.error.unknown'))
+          return null
         })
-        return null
-      })
 
-      if (droppedFiles) {
-        const file = getSingleFile(droppedFiles) as FileMetadata
-        if (!file) return
-        processFile(file)
+        if (droppedFiles) {
+          const file = getSingleFile(droppedFiles) as FileMetadata
+          if (!file) return
+          processFile(file)
+        }
       }
+      await process()
       setIsProcessing(false)
     },
     [getSingleFile, processFile, setIsDragging, setText, t, text]
@@ -612,13 +621,12 @@ const TranslatePage: FC = () => {
   // 粘贴上传文件
   const onPaste = useCallback(
     async (event: React.ClipboardEvent<HTMLTextAreaElement>) => {
-      event.preventDefault()
       if (isProcessing) return
       setIsProcessing(true)
-      logger.debug('event', event)
-      const text = event.clipboardData.getData('text')
-      if (!isEmpty(text)) {
-        setText(text)
+      // logger.debug('event', event)
+      const clipboardText = event.clipboardData.getData('text')
+      if (!isEmpty(clipboardText)) {
+        // depend default. this branch is only for preventing files when clipboard contains text
       } else if (event.clipboardData.files && event.clipboardData.files.length > 0) {
         event.preventDefault()
         const files = event.clipboardData.files
@@ -638,10 +646,7 @@ const TranslatePage: FC = () => {
               await window.api.file.write(tempFilePath, uint8Array)
               selectedFile = await window.api.file.get(tempFilePath)
             } else {
-              window.message.info({
-                key: 'file_not_supported',
-                content: t('common.file.not_supported', { type: getFileExtension(filePath) })
-              })
+              window.toast.info(t('common.file.not_supported', { type: getFileExtension(filePath) }))
               return
             }
           } else {
@@ -650,21 +655,18 @@ const TranslatePage: FC = () => {
           }
 
           if (!selectedFile) {
-            window.message.error({
-              key: 'file_error',
-              content: t('translate.files.error.unknown')
-            })
+            window.toast.error(t('translate.files.error.unknown'))
             return
           }
           await processFile(selectedFile)
         } catch (error) {
           logger.error('onPaste:', error as Error)
-          window.message.error(t('chat.input.file_error'))
+          window.toast.error(t('chat.input.file_error'))
         }
       }
       setIsProcessing(false)
     },
-    [getSingleFile, isProcessing, processFile, setText, t]
+    [getSingleFile, isProcessing, processFile, t]
   )
   return (
     <Container
diff --git a/src/renderer/src/pages/translate/TranslateSettings.tsx b/src/renderer/src/pages/translate/TranslateSettings.tsx
index f26fad8114..fd149e0d4b 100644
--- a/src/renderer/src/pages/translate/TranslateSettings.tsx
+++ b/src/renderer/src/pages/translate/TranslateSettings.tsx
@@ -1,15 +1,17 @@
+import { Switch } from '@heroui/react'
 import LanguageSelect from '@renderer/components/LanguageSelect'
 import { HStack } from '@renderer/components/Layout'
 import db from '@renderer/databases'
 import useTranslate from '@renderer/hooks/useTranslate'
 import { AutoDetectionMethod, Model, TranslateLanguage } from '@renderer/types'
-import { Button, Flex, Modal, Radio, Space, Switch, Tooltip } from 'antd'
+import { Button, Flex, Modal, Radio, Space, Tooltip } from 'antd'
 import { HelpCircle } from 'lucide-react'
 import { FC, memo, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 
 import TranslateSettingsPopup from '../settings/TranslateSettingsPopup/TranslateSettingsPopup'
 
+// TODO: Just don't send so many props. Migrate them to redux.
 const TranslateSettings: FC<{
   visible: boolean
   onClose: () => void
@@ -40,7 +42,8 @@ const TranslateSettings: FC<{
 }) => {
   const { t } = useTranslation()
   const [localPair, setLocalPair] = useState<[TranslateLanguage, TranslateLanguage]>(bidirectionalPair)
-  const { getLanguageByLangcode } = useTranslate()
+  const { getLanguageByLangcode, settings, updateSettings } = useTranslate()
+  const { autoCopy } = settings
 
   useEffect(() => {
     setLocalPair(bidirectionalPair)
@@ -58,15 +61,15 @@ const TranslateSettings: FC<{
       onCancel={onClose}
       centered={true}
       footer={null}
-      width={420}
+      width={520}
       transitionName="animation-move-down">
       <Flex vertical gap={16} style={{ marginTop: 16, paddingBottom: 20 }}>
         <div>
           <Flex align="center" justify="space-between">
             <div style={{ fontWeight: 500 }}>{t('translate.settings.preview')}</div>
             <Switch
-              checked={enableMarkdown}
-              onChange={(checked) => {
+              isSelected={enableMarkdown}
+              onValueChange={(checked) => {
                 setEnableMarkdown(checked)
                 db.settings.put({ id: 'translate:markdown:enabled', value: checked })
               }}
@@ -74,14 +77,28 @@ const TranslateSettings: FC<{
           </Flex>
         </div>
 
+        <div>
+          <HStack alignItems="center" justifyContent="space-between">
+            <div style={{ fontWeight: 500 }}>{t('translate.settings.autoCopy')}</div>
+            <Switch
+              isSelected={autoCopy}
+              color="primary"
+              onValueChange={(isSelected) => {
+                updateSettings({ autoCopy: isSelected })
+              }}
+            />
+          </HStack>
+        </div>
+
         <div>
           <Flex align="center" justify="space-between">
             <div style={{ fontWeight: 500 }}>{t('translate.settings.scroll_sync')}</div>
             <Switch
-              checked={isScrollSyncEnabled}
-              onChange={(checked) => {
-                setIsScrollSyncEnabled(checked)
-                db.settings.put({ id: 'translate:scroll:sync', value: checked })
+              isSelected={isScrollSyncEnabled}
+              color="primary"
+              onValueChange={(isSelected) => {
+                setIsScrollSyncEnabled(isSelected)
+                db.settings.put({ id: 'translate:scroll:sync', value: isSelected })
               }}
             />
           </Flex>
@@ -131,9 +148,10 @@ const TranslateSettings: FC<{
               </HStack>
             </div>
             <Switch
-              checked={isBidirectional}
-              onChange={(checked) => {
-                setIsBidirectional(checked)
+              isSelected={isBidirectional}
+              color="primary"
+              onValueChange={(isSelected) => {
+                setIsBidirectional(isSelected)
                 // 双向翻译设置不需要持久化，它只是界面状态
               }}
             />
@@ -147,10 +165,7 @@ const TranslateSettings: FC<{
                   onChange={(value) => {
                     const newPair: [TranslateLanguage, TranslateLanguage] = [getLanguageByLangcode(value), localPair[1]]
                     if (newPair[0] === newPair[1]) {
-                      window.message.warning({
-                        content: t('translate.language.same'),
-                        key: 'translate-message'
-                      })
+                      window.toast.warning(t('translate.language.same'))
                       return
                     }
                     setLocalPair(newPair)
@@ -168,10 +183,7 @@ const TranslateSettings: FC<{
                   onChange={(value) => {
                     const newPair: [TranslateLanguage, TranslateLanguage] = [localPair[0], getLanguageByLangcode(value)]
                     if (newPair[0] === newPair[1]) {
-                      window.message.warning({
-                        content: t('translate.language.same'),
-                        key: 'translate-message'
-                      })
+                      window.toast.warning(t('translate.language.same'))
                       return
                     }
                     setLocalPair(newPair)
diff --git a/src/renderer/src/services/ApiService.ts b/src/renderer/src/services/ApiService.ts
index 642192cc64..d39d2a6e42 100644
--- a/src/renderer/src/services/ApiService.ts
+++ b/src/renderer/src/services/ApiService.ts
@@ -99,8 +99,9 @@ export async function fetchChatCompletion({
   const provider = AI.getActualProvider()
 
   const mcpTools: MCPTool[] = []
+  onChunkReceived({ type: ChunkType.LLM_RESPONSE_CREATED })
 
-  if (isSupportedToolUse(assistant)) {
+  if (isPromptToolUse(assistant) || isSupportedToolUse(assistant)) {
     mcpTools.push(...(await fetchMcpTools(assistant)))
   }
   if (prompt) {
@@ -133,12 +134,12 @@ export async function fetchChatCompletion({
     isImageGenerationEndpoint: isDedicatedImageGenerationModel(assistant.model || getDefaultModel()),
     enableWebSearch: capabilities.enableWebSearch,
     enableGenerateImage: capabilities.enableGenerateImage,
+    enableUrlContext: capabilities.enableUrlContext,
     mcpTools,
     uiMessages
   }
 
   // --- Call AI Completions ---
-  onChunkReceived({ type: ChunkType.LLM_RESPONSE_CREATED })
   await AI.completions(modelId, aiSdkParams, {
     ...middlewareConfig,
     assistant,
@@ -222,6 +223,7 @@ export async function fetchMessagesSummary({ messages, assistant }: { messages:
     isImageGenerationEndpoint: false,
     enableWebSearch: false,
     enableGenerateImage: false,
+    enableUrlContext: false,
     mcpTools: []
   }
   try {
@@ -308,7 +310,8 @@ export async function fetchGenerate({
     isSupportedToolUse: false,
     isImageGenerationEndpoint: false,
     enableWebSearch: false,
-    enableGenerateImage: false
+    enableGenerateImage: false,
+    enableUrlContext: false
   }
 
   try {
@@ -363,9 +366,6 @@ export async function fetchModels(provider: Provider): Promise<SdkModel[]> {
 }
 
 export function checkApiProvider(provider: Provider): void {
-  const key = 'api-check'
-  const style = { marginTop: '3vh' }
-
   if (
     provider.id !== 'ollama' &&
     provider.id !== 'lmstudio' &&
@@ -373,18 +373,18 @@ export function checkApiProvider(provider: Provider): void {
     provider.id !== 'copilot'
   ) {
     if (!provider.apiKey) {
-      window.message.error({ content: i18n.t('message.error.enter.api.label'), key, style })
+      window.toast.error(i18n.t('message.error.enter.api.label'))
       throw new Error(i18n.t('message.error.enter.api.label'))
     }
   }
 
   if (!provider.apiHost && provider.type !== 'vertexai') {
-    window.message.error({ content: i18n.t('message.error.enter.api.host'), key, style })
+    window.toast.error(i18n.t('message.error.enter.api.host'))
     throw new Error(i18n.t('message.error.enter.api.host'))
   }
 
   if (isEmpty(provider.models)) {
-    window.message.error({ content: i18n.t('message.error.enter.model'), key, style })
+    window.toast.error(i18n.t('message.error.enter.model'))
     throw new Error(i18n.t('message.error.enter.model'))
   }
 }
@@ -420,6 +420,7 @@ export async function checkApi(provider: Provider, model: Model, timeout = 15000
         enableWebSearch: false,
         enableGenerateImage: false,
         isPromptToolUse: false,
+        enableUrlContext: false,
         assistant,
         callType: 'check',
         onChunk: (chunk: Chunk) => {
diff --git a/src/renderer/src/services/AssistantService.ts b/src/renderer/src/services/AssistantService.ts
index 23393e0623..cb005d6126 100644
--- a/src/renderer/src/services/AssistantService.ts
+++ b/src/renderer/src/services/AssistantService.ts
@@ -205,10 +205,7 @@ export async function createAssistantFromAgent(agent: Agent) {
 
   store.dispatch(addAssistant(assistant))
 
-  window.message.success({
-    content: i18n.t('message.assistant.added.content'),
-    key: 'assistant-added'
-  })
+  window.toast.success(i18n.t('message.assistant.added.content'))
 
   return assistant
 }
diff --git a/src/renderer/src/services/BackupService.ts b/src/renderer/src/services/BackupService.ts
index 838bda68bb..b7a097992c 100644
--- a/src/renderer/src/services/BackupService.ts
+++ b/src/renderer/src/services/BackupService.ts
@@ -72,7 +72,7 @@ export async function backup(skipBackupFile: boolean) {
   const selectFolder = await window.api.file.selectFolder()
   if (selectFolder) {
     await window.api.backup.backup(filename, fileContnet, selectFolder, skipBackupFile)
-    window.message.success({ content: i18n.t('message.backup.success'), key: 'backup' })
+    window.toast.success(i18n.t('message.backup.success'))
   }
 }
 
@@ -105,7 +105,7 @@ export async function restore() {
       })
     } catch (error) {
       logger.error('restore: Error restoring backup file:', error as Error)
-      window.message.error({ content: i18n.t('error.backup.file_format'), key: 'restore' })
+      window.toast.error(i18n.t('error.backup.file_format'))
     }
   }
 }
@@ -218,7 +218,7 @@ export async function backupToWebdav({
         source: 'backup',
         channel: 'system'
       })
-      showMessage && window.message.success({ content: i18n.t('message.backup.success'), key: 'backup' })
+      showMessage && window.toast.success(i18n.t('message.backup.success'))
 
       // 清理旧备份文件
       if (webdavMaxBackups > 0) {
@@ -271,7 +271,7 @@ export async function backupToWebdav({
       }
 
       store.dispatch(setWebDAVSyncState({ lastSyncError: 'Backup failed' }))
-      showMessage && window.message.error({ content: i18n.t('message.backup.failed'), key: 'backup' })
+      showMessage && window.toast.error(i18n.t('message.backup.failed'))
     }
   } catch (error: any) {
     // if auto backup process, throw error
@@ -289,7 +289,7 @@ export async function backupToWebdav({
       channel: 'system'
     })
     store.dispatch(setWebDAVSyncState({ lastSyncError: error.message }))
-    showMessage && window.message.error({ content: i18n.t('message.backup.failed'), key: 'backup' })
+    showMessage && window.toast.error(i18n.t('message.backup.failed'))
     logger.error('[Backup] backupToWebdav: Error uploading file to WebDAV:', error)
     throw error
   } finally {
@@ -329,7 +329,7 @@ export async function restoreFromWebdav(fileName?: string) {
     await handleData(JSON.parse(data))
   } catch (error) {
     logger.error('[Backup] Error downloading file from WebDAV:', error as Error)
-    window.message.error({ content: i18n.t('error.backup.file_format'), key: 'restore' })
+    window.toast.error(i18n.t('error.backup.file_format'))
   }
 }
 
@@ -401,7 +401,7 @@ export async function backupToS3({
         source: 'backup',
         channel: 'system'
       })
-      showMessage && window.message.success({ content: i18n.t('message.backup.success'), key: 'backup' })
+      showMessage && window.toast.success(i18n.t('message.backup.success'))
 
       // 清理旧备份文件
       if (s3Config.maxBackups > 0) {
@@ -439,7 +439,7 @@ export async function backupToS3({
       }
 
       store.dispatch(setS3SyncState({ lastSyncError: 'Backup failed' }))
-      showMessage && window.message.error({ content: i18n.t('message.backup.failed'), key: 'backup' })
+      showMessage && window.toast.error(i18n.t('message.backup.failed'))
     }
   } catch (error: any) {
     if (autoBackupProcess) {
@@ -457,7 +457,7 @@ export async function backupToS3({
     })
     store.dispatch(setS3SyncState({ lastSyncError: error.message }))
     logger.error('backupToS3: Error uploading file to S3:', error)
-    showMessage && window.message.error({ content: i18n.t('message.backup.failed'), key: 'backup' })
+    showMessage && window.toast.error(i18n.t('message.backup.failed'))
     throw error
   } finally {
     if (!autoBackupProcess) {
@@ -893,7 +893,7 @@ export async function handleData(data: Record<string, any>) {
     }
 
     await localStorage.setItem('persist:cherry-studio', data.localStorage['persist:cherry-studio'])
-    window.message.success({ content: i18n.t('message.restore.success'), key: 'restore' })
+    window.toast.success(i18n.t('message.restore.success'))
     setTimeout(() => window.api.reload(), 1000)
     return
   }
@@ -915,12 +915,12 @@ export async function handleData(data: Record<string, any>) {
       })
     }
 
-    window.message.success({ content: i18n.t('message.restore.success'), key: 'restore' })
+    window.toast.success(i18n.t('message.restore.success'))
     setTimeout(() => window.api.reload(), 1000)
     return
   }
 
-  window.message.error({ content: i18n.t('error.backup.file_format'), key: 'restore' })
+  window.toast.error(i18n.t('error.backup.file_format'))
 }
 
 async function backupDatabase() {
@@ -1117,7 +1117,7 @@ export async function restoreFromLocal(fileName: string) {
     return true
   } catch (error) {
     logger.error('[LocalBackup] Restore failed:', error as Error)
-    window.message.error({ content: i18n.t('error.backup.file_format'), key: 'restore' })
+    window.toast.error(i18n.t('error.backup.file_format'))
     throw error
   }
 }
diff --git a/src/renderer/src/services/MessagesService.ts b/src/renderer/src/services/MessagesService.ts
index 22f72f0fb9..bbb5263c1a 100644
--- a/src/renderer/src/services/MessagesService.ts
+++ b/src/renderer/src/services/MessagesService.ts
@@ -70,7 +70,7 @@ export function deleteMessageFiles(message: Message) {
 export function isGenerating() {
   return new Promise((resolve, reject) => {
     const generating = store.getState().runtime.generating
-    generating && window.message.warning({ content: i18n.t('message.switch.disabled'), key: 'switch-assistant' })
+    generating && window.toast.warning(i18n.t('message.switch.disabled'))
     generating ? reject(false) : resolve(true)
   })
 }
@@ -203,29 +203,24 @@ export async function getMessageTitle(message: Message, length = 30): Promise<st
 
   if ((store.getState().settings as any).useTopicNamingForMessageTitle) {
     try {
-      window.message.loading({
-        content: t('chat.topics.export.wait_for_title_naming'),
-        key: 'message-title-naming',
-        duration: 0
-      })
-
       const tempMessage = resetMessage(message, {
         status: AssistantMessageStatus.SUCCESS,
         blocks: message.blocks
       })
 
-      const title = await fetchMessagesSummary({ messages: [tempMessage], assistant: {} as Assistant })
+      const titlePromise = fetchMessagesSummary({ messages: [tempMessage], assistant: {} as Assistant })
+      window.toast.loading({ title: t('chat.topics.export.wait_for_title_naming'), promise: titlePromise })
+      const title = await titlePromise
 
       // store.dispatch(messageBlocksActions.upsertOneBlock(tempTextBlock))
 
       // store.dispatch(messageBlocksActions.removeOneBlock(tempTextBlock.id))
-      window.message.destroy('message-title-naming')
       if (title) {
-        window.message.success({ content: t('chat.topics.export.title_naming_success'), key: 'message-title-naming' })
+        window.toast.success(t('chat.topics.export.title_naming_success'))
         return title
       }
     } catch (e) {
-      window.message.error({ content: t('chat.topics.export.title_naming_failed'), key: 'message-title-naming' })
+      window.toast.error(t('chat.topics.export.title_naming_failed'))
       logger.error('Failed to generate title using topic naming, downgraded to default logic', e as Error)
     }
   }
@@ -262,11 +257,7 @@ export function checkRateLimit(assistant: Assistant): boolean {
   if (timeDiff < rateLimitMs) {
     const waitTimeSeconds = Math.ceil((rateLimitMs - timeDiff) / 1000)
 
-    window.message.warning({
-      content: t('message.warning.rate.limit', { seconds: waitTimeSeconds }),
-      duration: 5,
-      key: 'rate-limit-message'
-    })
+    window.toast.warning(t('message.warning.rate.limit', { seconds: waitTimeSeconds }))
     return true
   }
 
diff --git a/src/renderer/src/services/NotesService.ts b/src/renderer/src/services/NotesService.ts
index fa3607270e..45383344d4 100644
--- a/src/renderer/src/services/NotesService.ts
+++ b/src/renderer/src/services/NotesService.ts
@@ -19,6 +19,8 @@ const NOTES_TREE_ID = 'notes-tree-structure'
 
 const logger = loggerService.withContext('NotesService')
 
+export type MoveNodeResult = { success: false } | { success: true; type: 'file_system_move' | 'manual_reorder' }
+
 /**
  * 初始化/同步笔记树结构
  */
@@ -94,41 +96,48 @@ export async function createNote(name: string, content: string = '', folderPath:
   return note
 }
 
+export interface UploadResult {
+  uploadedNodes: NotesTreeNode[]
+  totalFiles: number
+  skippedFiles: number
+  fileCount: number
+  folderCount: number
+}
+
 /**
- * 上传笔记
+ * 上传文件或文件夹，支持单个或批量上传，保持文件夹结构
  */
-export async function uploadNote(file: File, folderPath: string): Promise<NotesTreeNode> {
+export async function uploadFiles(files: File[], targetFolderPath: string): Promise<UploadResult> {
   const tree = await getNotesTree()
-  const fileName = file.name.toLowerCase()
-  if (!fileName.endsWith(MARKDOWN_EXT)) {
-    throw new Error('Only markdown files are allowed')
+  const uploadedNodes: NotesTreeNode[] = []
+  let skippedFiles = 0
+
+  const markdownFiles = filterMarkdownFiles(files)
+  skippedFiles = files.length - markdownFiles.length
+
+  if (markdownFiles.length === 0) {
+    return createEmptyUploadResult(files.length, skippedFiles)
   }
 
-  const noteId = uuidv4()
-  const nameWithoutExt = fileName.replace(MARKDOWN_EXT, '')
+  // 处理重复的根文件夹名称
+  const processedFiles = await processDuplicateRootFolders(markdownFiles, targetFolderPath)
 
-  const { safeName, exists } = await window.api.file.checkFileName(folderPath, nameWithoutExt, true)
-  if (exists) {
-    logger.warn(`Note already exists: ${safeName}`)
+  const { filesByPath, foldersToCreate } = groupFilesByPath(processedFiles, targetFolderPath)
+
+  const createdFolders = await createFoldersSequentially(foldersToCreate, targetFolderPath, tree, uploadedNodes)
+
+  await uploadAllFiles(filesByPath, targetFolderPath, tree, createdFolders, uploadedNodes)
+
+  const fileCount = uploadedNodes.filter((node) => node.type === 'file').length
+  const folderCount = uploadedNodes.filter((node) => node.type === 'folder').length
+
+  return {
+    uploadedNodes,
+    totalFiles: files.length,
+    skippedFiles,
+    fileCount,
+    folderCount
   }
-
-  const notePath = `${folderPath}/${safeName}${MARKDOWN_EXT}`
-
-  const note: NotesTreeNode = {
-    id: noteId,
-    name: safeName,
-    treePath: `/${safeName}`,
-    externalPath: notePath,
-    type: 'file',
-    createdAt: new Date().toISOString(),
-    updatedAt: new Date().toISOString()
-  }
-
-  const content = await file.text()
-  await window.api.file.write(notePath, content)
-  insertNodeIntoTree(tree, note)
-
-  return note
 }
 
 /**
@@ -146,7 +155,7 @@ export async function deleteNode(nodeId: string): Promise<void> {
     await window.api.file.deleteExternalFile(node.externalPath)
   }
 
-  removeNodeFromTree(tree, nodeId)
+  await removeNodeFromTree(tree, nodeId)
 }
 
 /**
@@ -182,7 +191,7 @@ export async function moveNode(
   sourceNodeId: string,
   targetNodeId: string,
   position: 'before' | 'after' | 'inside'
-): Promise<boolean> {
+): Promise<MoveNodeResult> {
   try {
     const tree = await getNotesTree()
 
@@ -192,19 +201,19 @@ export async function moveNode(
 
     if (!sourceNode || !targetNode) {
       logger.error(`Move nodes failed: node not found (source: ${sourceNodeId}, target: ${targetNodeId})`)
-      return false
+      return { success: false }
     }
 
     // 不允许文件夹被放入文件中
     if (position === 'inside' && targetNode.type === 'file' && sourceNode.type === 'folder') {
       logger.error('Move nodes failed: cannot move a folder inside a file')
-      return false
+      return { success: false }
     }
 
     // 不允许将节点移动到自身内部
     if (position === 'inside' && isParentNode(tree, sourceNodeId, targetNodeId)) {
       logger.error('Move nodes failed: cannot move a node inside itself or its descendants')
-      return false
+      return { success: false }
     }
 
     let targetPath: string = ''
@@ -215,7 +224,7 @@ export async function moveNode(
         targetPath = targetNode.externalPath
       } else {
         logger.error('Cannot move node inside a file node')
-        return false
+        return { success: false }
       }
     } else {
       const targetParent = findParentNode(tree, targetNodeId)
@@ -226,6 +235,20 @@ export async function moveNode(
       }
     }
 
+    // 检查是否为同级拖动排序
+    const sourceParent = findParentNode(tree, sourceNodeId)
+    const sourceDir = sourceParent ? sourceParent.externalPath : getFileDirectory(sourceNode.externalPath!)
+
+    const isSameLevelReorder = position !== 'inside' && sourceDir === targetPath
+
+    if (isSameLevelReorder) {
+      // 同级拖动排序：跳过文件系统操作，只更新树结构
+      logger.debug(`Same level reorder detected, skipping file system operations`)
+      const success = await moveNodeInTree(tree, sourceNodeId, targetNodeId, position)
+      // 返回一个特殊标识，告诉调用方这是手动排序，不需要重新自动排序
+      return success ? { success: true, type: 'manual_reorder' } : { success: false }
+    }
+
     // 构建新的文件路径
     const sourceName = sourceNode.externalPath!.split('/').pop()!
     const sourceNameWithoutExt = sourceName.replace(sourceNode.type === 'file' ? MARKDOWN_EXT : '', '')
@@ -250,14 +273,15 @@ export async function moveNode(
         logger.debug(`Moved external ${sourceNode.type} to: ${newPath}`)
       } catch (error) {
         logger.error(`Failed to move external ${sourceNode.type}:`, error as Error)
-        return false
+        return { success: false }
       }
     }
 
-    return await moveNodeInTree(tree, sourceNodeId, targetNodeId, position)
+    const success = await moveNodeInTree(tree, sourceNodeId, targetNodeId, position)
+    return success ? { success: true, type: 'file_system_move' } : { success: false }
   } catch (error) {
     logger.error('Move nodes failed:', error as Error)
-    return false
+    return { success: false }
   }
 }
 
@@ -370,3 +394,351 @@ function findNodeByExternalPath(nodes: NotesTreeNode[], externalPath: string): N
   }
   return null
 }
+
+/**
+ * 过滤出 Markdown 文件
+ */
+function filterMarkdownFiles(files: File[]): File[] {
+  return Array.from(files).filter((file) => {
+    if (file.name.toLowerCase().endsWith(MARKDOWN_EXT)) {
+      return true
+    }
+    logger.warn(`Skipping non-markdown file: ${file.name}`)
+    return false
+  })
+}
+
+/**
+ * 创建空的上传结果
+ */
+function createEmptyUploadResult(totalFiles: number, skippedFiles: number): UploadResult {
+  return {
+    uploadedNodes: [],
+    totalFiles,
+    skippedFiles,
+    fileCount: 0,
+    folderCount: 0
+  }
+}
+
+/**
+ * 处理重复的根文件夹名称，为重复的文件夹重写 webkitRelativePath
+ */
+async function processDuplicateRootFolders(markdownFiles: File[], targetFolderPath: string): Promise<File[]> {
+  // 按根文件夹名称分组文件
+  const filesByRootFolder = new Map<string, File[]>()
+  const processedFiles: File[] = []
+
+  for (const file of markdownFiles) {
+    const filePath = file.webkitRelativePath || file.name
+
+    if (filePath.includes('/')) {
+      const rootFolderName = filePath.substring(0, filePath.indexOf('/'))
+      if (!filesByRootFolder.has(rootFolderName)) {
+        filesByRootFolder.set(rootFolderName, [])
+      }
+      filesByRootFolder.get(rootFolderName)!.push(file)
+    } else {
+      // 单个文件，直接添加
+      processedFiles.push(file)
+    }
+  }
+
+  // 为每个根文件夹组生成唯一的文件夹名称
+  for (const [rootFolderName, files] of filesByRootFolder.entries()) {
+    const { safeName } = await window.api.file.checkFileName(targetFolderPath, rootFolderName, false)
+
+    for (const file of files) {
+      // 创建一个新的 File 对象，并修改 webkitRelativePath
+      const originalPath = file.webkitRelativePath || file.name
+      const relativePath = originalPath.substring(originalPath.indexOf('/') + 1)
+      const newPath = `${safeName}/${relativePath}`
+
+      const newFile = new File([file], file.name, {
+        type: file.type,
+        lastModified: file.lastModified
+      })
+
+      Object.defineProperty(newFile, 'webkitRelativePath', {
+        value: newPath,
+        writable: false
+      })
+
+      processedFiles.push(newFile)
+    }
+  }
+
+  return processedFiles
+}
+
+/**
+ * 按路径分组文件并收集需要创建的文件夹
+ */
+function groupFilesByPath(
+  markdownFiles: File[],
+  targetFolderPath: string
+): { filesByPath: Map<string, File[]>; foldersToCreate: Set<string> } {
+  const filesByPath = new Map<string, File[]>()
+  const foldersToCreate = new Set<string>()
+
+  for (const file of markdownFiles) {
+    const filePath = file.webkitRelativePath || file.name
+    const relativeDirPath = filePath.includes('/') ? filePath.substring(0, filePath.lastIndexOf('/')) : ''
+    const fullDirPath = relativeDirPath ? `${targetFolderPath}/${relativeDirPath}` : targetFolderPath
+
+    if (relativeDirPath) {
+      const pathParts = relativeDirPath.split('/')
+
+      let currentPath = targetFolderPath
+      for (const part of pathParts) {
+        currentPath = `${currentPath}/${part}`
+        foldersToCreate.add(currentPath)
+      }
+    }
+
+    if (!filesByPath.has(fullDirPath)) {
+      filesByPath.set(fullDirPath, [])
+    }
+    filesByPath.get(fullDirPath)!.push(file)
+  }
+
+  return { filesByPath, foldersToCreate }
+}
+
+/**
+ * 顺序创建文件夹（避免竞争条件）
+ */
+async function createFoldersSequentially(
+  foldersToCreate: Set<string>,
+  targetFolderPath: string,
+  tree: NotesTreeNode[],
+  uploadedNodes: NotesTreeNode[]
+): Promise<Map<string, NotesTreeNode>> {
+  const createdFolders = new Map<string, NotesTreeNode>()
+  const sortedFolders = Array.from(foldersToCreate).sort()
+  const folderCreationLock = new Set<string>()
+
+  for (const folderPath of sortedFolders) {
+    if (folderCreationLock.has(folderPath)) {
+      continue
+    }
+    folderCreationLock.add(folderPath)
+
+    try {
+      const result = await createSingleFolder(folderPath, targetFolderPath, tree, createdFolders)
+      if (result) {
+        createdFolders.set(folderPath, result)
+        if (result.externalPath !== folderPath) {
+          createdFolders.set(result.externalPath, result)
+        }
+        uploadedNodes.push(result)
+        logger.debug(`Created folder: ${folderPath} -> ${result.externalPath}`)
+      }
+    } catch (error) {
+      logger.error(`Failed to create folder ${folderPath}:`, error as Error)
+    } finally {
+      folderCreationLock.delete(folderPath)
+    }
+  }
+
+  return createdFolders
+}
+
+/**
+ * 创建单个文件夹
+ */
+async function createSingleFolder(
+  folderPath: string,
+  targetFolderPath: string,
+  tree: NotesTreeNode[],
+  createdFolders: Map<string, NotesTreeNode>
+): Promise<NotesTreeNode | null> {
+  const existingNode = findNodeByExternalPath(tree, folderPath)
+  if (existingNode) {
+    return existingNode
+  }
+
+  const relativePath = folderPath.replace(targetFolderPath + '/', '')
+  const originalFolderName = relativePath.split('/').pop()!
+  const parentFolderPath = folderPath.substring(0, folderPath.lastIndexOf('/'))
+
+  const { safeName: safeFolderName, exists } = await window.api.file.checkFileName(
+    parentFolderPath,
+    originalFolderName,
+    false
+  )
+
+  const actualFolderPath = `${parentFolderPath}/${safeFolderName}`
+
+  if (exists) {
+    logger.warn(`Folder already exists, creating with new name: ${originalFolderName} -> ${safeFolderName}`)
+  }
+
+  try {
+    await window.api.file.mkdir(actualFolderPath)
+  } catch (error) {
+    logger.debug(`Error creating folder: ${actualFolderPath}`, error as Error)
+  }
+
+  let parentNode: NotesTreeNode | null
+  if (parentFolderPath === targetFolderPath) {
+    parentNode =
+      tree.find((node) => node.externalPath === targetFolderPath) || findNodeByExternalPath(tree, targetFolderPath)
+  } else {
+    parentNode = createdFolders.get(parentFolderPath) || null
+    if (!parentNode) {
+      parentNode = tree.find((node) => node.externalPath === parentFolderPath) || null
+      if (!parentNode) {
+        parentNode = findNodeByExternalPath(tree, parentFolderPath)
+      }
+    }
+  }
+
+  const folderId = uuidv4()
+  const folder: NotesTreeNode = {
+    id: folderId,
+    name: safeFolderName,
+    treePath: parentNode ? `${parentNode.treePath}/${safeFolderName}` : `/${safeFolderName}`,
+    externalPath: actualFolderPath,
+    type: 'folder',
+    children: [],
+    expanded: true,
+    createdAt: new Date().toISOString(),
+    updatedAt: new Date().toISOString()
+  }
+
+  await insertNodeIntoTree(tree, folder, parentNode?.id)
+  return folder
+}
+
+/**
+ * 读取文件内容（支持大文件处理）
+ */
+async function readFileContent(file: File): Promise<string> {
+  const MAX_FILE_SIZE = 50 * 1024 * 1024 // 50MB
+
+  if (file.size > MAX_FILE_SIZE) {
+    logger.warn(
+      `Large file detected (${Math.round(file.size / 1024 / 1024)}MB): ${file.name}. Consider using streaming for better performance.`
+    )
+  }
+
+  try {
+    return await file.text()
+  } catch (error) {
+    logger.error(`Failed to read file content for ${file.name}:`, error as Error)
+    throw new Error(`Failed to read file content: ${file.name}`)
+  }
+}
+
+/**
+ * 上传所有文件
+ */
+async function uploadAllFiles(
+  filesByPath: Map<string, File[]>,
+  targetFolderPath: string,
+  tree: NotesTreeNode[],
+  createdFolders: Map<string, NotesTreeNode>,
+  uploadedNodes: NotesTreeNode[]
+): Promise<void> {
+  const uploadPromises: Promise<NotesTreeNode | null>[] = []
+
+  for (const [dirPath, dirFiles] of filesByPath.entries()) {
+    for (const file of dirFiles) {
+      const uploadPromise = uploadSingleFile(file, dirPath, targetFolderPath, tree, createdFolders)
+        .then((result) => {
+          if (result) {
+            logger.debug(`Uploaded file: ${result.externalPath}`)
+          }
+          return result
+        })
+        .catch((error) => {
+          logger.error(`Failed to upload file ${file.name}:`, error as Error)
+          return null
+        })
+
+      uploadPromises.push(uploadPromise)
+    }
+  }
+
+  const results = await Promise.all(uploadPromises)
+
+  results.forEach((result) => {
+    if (result) {
+      uploadedNodes.push(result)
+    }
+  })
+}
+
+/**
+ * 上传单个文件，需要根据实际创建的文件夹路径来找到正确的父节点
+ */
+async function uploadSingleFile(
+  file: File,
+  originalDirPath: string,
+  targetFolderPath: string,
+  tree: NotesTreeNode[],
+  createdFolders: Map<string, NotesTreeNode>
+): Promise<NotesTreeNode | null> {
+  const fileName = (file.webkitRelativePath || file.name).split('/').pop()!
+  const nameWithoutExt = fileName.replace(MARKDOWN_EXT, '')
+
+  let actualDirPath = originalDirPath
+  let parentNode: NotesTreeNode | null = null
+
+  if (originalDirPath === targetFolderPath) {
+    parentNode =
+      tree.find((node) => node.externalPath === targetFolderPath) || findNodeByExternalPath(tree, targetFolderPath)
+
+    if (!parentNode) {
+      logger.debug(`Uploading file ${fileName} to root directory: ${targetFolderPath}`)
+    }
+  } else {
+    parentNode = createdFolders.get(originalDirPath) || null
+    if (!parentNode) {
+      parentNode = tree.find((node) => node.externalPath === originalDirPath) || null
+      if (!parentNode) {
+        parentNode = findNodeByExternalPath(tree, originalDirPath)
+      }
+    }
+
+    if (!parentNode) {
+      for (const [originalPath, createdNode] of createdFolders.entries()) {
+        if (originalPath === originalDirPath) {
+          parentNode = createdNode
+          actualDirPath = createdNode.externalPath
+          break
+        }
+      }
+    }
+
+    if (!parentNode) {
+      logger.error(`Cannot upload file ${fileName}: parent node not found for path ${originalDirPath}`)
+      return null
+    }
+  }
+
+  const { safeName, exists } = await window.api.file.checkFileName(actualDirPath, nameWithoutExt, true)
+  if (exists) {
+    logger.warn(`Note already exists, will be overwritten: ${safeName}`)
+  }
+
+  const notePath = `${actualDirPath}/${safeName}${MARKDOWN_EXT}`
+
+  const noteId = uuidv4()
+  const note: NotesTreeNode = {
+    id: noteId,
+    name: safeName,
+    treePath: parentNode ? `${parentNode.treePath}/${safeName}` : `/${safeName}`,
+    externalPath: notePath,
+    type: 'file',
+    createdAt: new Date().toISOString(),
+    updatedAt: new Date().toISOString()
+  }
+
+  const content = await readFileContent(file)
+  await window.api.file.write(notePath, content)
+  await insertNodeIntoTree(tree, note, parentNode?.id)
+
+  return note
+}
diff --git a/src/renderer/src/services/NotesTreeService.ts b/src/renderer/src/services/NotesTreeService.ts
index 5ce0bc0d5c..4159948323 100644
--- a/src/renderer/src/services/NotesTreeService.ts
+++ b/src/renderer/src/services/NotesTreeService.ts
@@ -89,8 +89,9 @@ export async function moveNodeInTree(
       return false
     }
 
-    // 先保存源节点的副本，以防操作失败需要恢复（暂未实现恢复逻辑）
-    // const sourceNodeCopy = { ...sourceNode }
+    // 在移除节点之前先获取源节点的父节点信息，用于后续判断是否为同级排序
+    const sourceParent = findParentNode(tree, sourceNodeId)
+    const targetParent = findParentNode(tree, targetNodeId)
 
     // 从原位置移除节点（不保存数据库，只在内存中操作）
     const removed = removeNodeFromTreeInMemory(tree, sourceNodeId)
@@ -110,7 +111,6 @@ export async function moveNodeInTree(
 
         sourceNode.treePath = `${targetNode.treePath}/${sourceNode.name}`
       } else {
-        const targetParent = findParentNode(tree, targetNodeId)
         const targetList = targetParent ? targetParent.children! : tree
         const targetIndex = targetList.findIndex((node) => node.id === targetNodeId)
 
@@ -123,11 +123,16 @@ export async function moveNodeInTree(
         const insertIndex = position === 'before' ? targetIndex : targetIndex + 1
         targetList.splice(insertIndex, 0, sourceNode)
 
-        // 更新节点路径
-        if (targetParent) {
-          sourceNode.treePath = `${targetParent.treePath}/${sourceNode.name}`
-        } else {
-          sourceNode.treePath = `/${sourceNode.name}`
+        // 检查是否为同级排序，如果是则保持原有的 treePath
+        const isSameLevelReorder = sourceParent === targetParent
+
+        // 只有在跨级移动时才更新节点路径
+        if (!isSameLevelReorder) {
+          if (targetParent) {
+            sourceNode.treePath = `${targetParent.treePath}/${sourceNode.name}`
+          } else {
+            sourceNode.treePath = `/${sourceNode.name}`
+          }
         }
       }
 
diff --git a/src/renderer/src/services/NutstoreService.ts b/src/renderer/src/services/NutstoreService.ts
index 40c27a2932..17dee74708 100644
--- a/src/renderer/src/services/NutstoreService.ts
+++ b/src/renderer/src/services/NutstoreService.ts
@@ -15,7 +15,7 @@ function getNutstoreToken() {
   const nutstoreToken = store.getState().nutstore.nutstoreToken
 
   if (!nutstoreToken) {
-    window.message.error({ content: i18n.t('message.error.invalid.nutstore_token'), key: 'nutstore' })
+    window.toast.error(i18n.t('message.error.invalid.nutstore_token'))
     return null
   }
   return nutstoreToken
@@ -159,15 +159,15 @@ export async function backupToNutstore({
 
     if (isSuccess) {
       store.dispatch(setNutstoreSyncState({ lastSyncError: null }))
-      showMessage && window.message.success({ content: i18n.t('message.backup.success'), key: 'backup' })
+      showMessage && window.toast.success(i18n.t('message.backup.success'))
     } else {
       store.dispatch(setNutstoreSyncState({ lastSyncError: 'Backup failed' }))
-      window.message.error({ content: i18n.t('message.backup.failed'), key: 'backup' })
+      window.toast.error(i18n.t('message.backup.failed'))
     }
   } catch (error) {
     store.dispatch(setNutstoreSyncState({ lastSyncError: 'Backup failed' }))
     logger.error('[Nutstore] Backup failed:', error as Error)
-    window.message.error({ content: i18n.t('message.backup.failed'), key: 'backup' })
+    window.toast.error(i18n.t('message.backup.failed'))
   } finally {
     store.dispatch(setNutstoreSyncState({ lastSyncTime: Date.now(), syncing: false }))
     isManualBackupRunning = false
@@ -201,7 +201,7 @@ export async function restoreFromNutstore(fileName?: string) {
     await handleData(JSON.parse(data))
   } catch (error) {
     logger.error('[backup] Error downloading file from WebDAV:', error as Error)
-    window.message.error({ content: i18n.t('error.backup.file_format'), key: 'restore' })
+    window.toast.error(i18n.t('error.backup.file_format'))
   }
 }
 
diff --git a/src/renderer/src/services/PasteService.ts b/src/renderer/src/services/PasteService.ts
index fa1b1bd8df..25767dacd0 100644
--- a/src/renderer/src/services/PasteService.ts
+++ b/src/renderer/src/services/PasteService.ts
@@ -81,10 +81,7 @@ export const handlePaste = async (
               }
             } else {
               if (t) {
-                window.message.info({
-                  key: 'file_not_supported',
-                  content: t('chat.input.file_not_supported')
-                })
+                window.toast.info(t('chat.input.file_not_supported'))
               }
             }
             continue
@@ -98,17 +95,14 @@ export const handlePaste = async (
             }
           } else {
             if (t) {
-              window.message.info({
-                key: 'file_not_supported',
-                content: t('chat.input.file_not_supported')
-              })
+              window.toast.info(t('chat.input.file_not_supported'))
             }
           }
         }
       } catch (error) {
         logger.error('onPaste:', error as Error)
         if (t) {
-          window.message.error(t('chat.input.file_error'))
+          window.toast.error(t('chat.input.file_error'))
         }
       }
       return true
diff --git a/src/renderer/src/services/TranslateService.ts b/src/renderer/src/services/TranslateService.ts
index adba6e05c9..d5d25458ac 100644
--- a/src/renderer/src/services/TranslateService.ts
+++ b/src/renderer/src/services/TranslateService.ts
@@ -10,7 +10,8 @@ import {
 import { Chunk, ChunkType } from '@renderer/types/chunk'
 import { uuid } from '@renderer/utils'
 import { readyToAbort } from '@renderer/utils/abortController'
-import { formatErrorMessage, isAbortError } from '@renderer/utils/error'
+import { isAbortError } from '@renderer/utils/error'
+import { NoOutputGeneratedError } from 'ai'
 import { t } from 'i18next'
 
 import { fetchChatCompletion } from './ApiService'
@@ -18,53 +19,6 @@ import { getDefaultTranslateAssistant } from './AssistantService'
 
 const logger = loggerService.withContext('TranslateService')
 
-// async function fetchTranslate({ assistant, onResponse, abortKey }: FetchTranslateProps) {
-//   const model = assistant.model
-
-//   const provider = getProviderByModel(model)
-
-//   if (!hasApiKey(provider)) {
-//     throw new Error(t('error.no_api_key'))
-//   }
-
-//   const isSupportedStreamOutput = () => {
-//     if (!onResponse) {
-//       return false
-//     }
-//     return true
-//   }
-
-//   const stream = isSupportedStreamOutput()
-//   const enableReasoning =
-//     ((isSupportedThinkingTokenModel(model) || isSupportedReasoningEffortModel(model)) &&
-//       assistant.settings?.reasoning_effort !== undefined) ||
-//     (isReasoningModel(model) && (!isSupportedThinkingTokenModel(model) || !isSupportedReasoningEffortModel(model)))
-
-//   // abort control
-//   const controller = new AbortController()
-//   const signal = controller.signal
-
-//   // 使用 transformParameters 模块构建参数
-//   const { params, modelId, capabilities } = await buildStreamTextParams(undefined, assistant, provider, {
-//     requestOptions: {
-//       signal
-//     }
-//   })
-
-//   const options: ModernAiProviderConfig = {
-//     assistant,
-//     streamOutput: stream,
-//     enableReasoning,
-//     model: assistant.model,
-//     provider: provider
-//   }
-
-//   const AI = new ModernAiProvider(model, provider)
-
-//   const result = (await AI.completions(modelId, params, options)).getText().trim()
-//   return result
-// }
-
 /**
  * 翻译文本到目标语言
  * @param text - 需要翻译的文本内容
@@ -81,58 +35,55 @@ export const translateText = async (
   abortKey?: string
 ) => {
   let abortError
-  try {
-    const assistant = await getDefaultTranslateAssistant(targetLanguage, text)
+  const assistant = await getDefaultTranslateAssistant(targetLanguage, text)
 
-    const signal = abortKey ? readyToAbort(abortKey) : undefined
+  const signal = abortKey ? readyToAbort(abortKey) : undefined
 
-    let translatedText = ''
-    let completed = false
-    const onChunk = (chunk: Chunk) => {
-      if (chunk.type === ChunkType.TEXT_DELTA) {
-        translatedText = chunk.text
-      } else if (chunk.type === ChunkType.TEXT_COMPLETE) {
+  let translatedText = ''
+  let completed = false
+  const onChunk = (chunk: Chunk) => {
+    if (chunk.type === ChunkType.TEXT_DELTA) {
+      translatedText = chunk.text
+    } else if (chunk.type === ChunkType.TEXT_COMPLETE) {
+      completed = true
+    } else if (chunk.type === ChunkType.ERROR) {
+      if (isAbortError(chunk.error)) {
+        abortError = chunk.error
         completed = true
-      } else if (chunk.type === ChunkType.ERROR) {
-        if (isAbortError(chunk.error)) {
-          abortError = chunk.error
-          completed = true
-        }
       }
-      onResponse?.(translatedText, completed)
     }
+    onResponse?.(translatedText, completed)
+  }
 
-    const options = {
-      signal
-    } satisfies FetchChatCompletionOptions
+  const options = {
+    signal
+  } satisfies FetchChatCompletionOptions
 
+  try {
     await fetchChatCompletion({
       prompt: assistant.content,
       assistant,
       options,
       onChunkReceived: onChunk
     })
-
-    const trimmedText = translatedText.trim()
-
-    if (!trimmedText) {
-      return Promise.reject(new Error(t('translate.error.empty')))
-    }
-
-    return trimmedText
   } catch (e) {
-    if (isAbortError(e)) {
-      window.message.info(t('translate.info.aborted'))
-      throw e
-    } else if (isAbortError(abortError)) {
-      window.message.info(t('translate.info.aborted'))
-      throw abortError
-    } else {
-      logger.error('Failed to translate', e as Error)
-      window.message.error(t('translate.error.failed' + ': ' + formatErrorMessage(e)))
+    // dismiss no output generated error. it will be thrown when aborted.
+    if (!NoOutputGeneratedError.isInstance(e)) {
       throw e
     }
   }
+
+  if (abortError) {
+    throw abortError
+  }
+
+  const trimmedText = translatedText.trim()
+
+  if (!trimmedText) {
+    return Promise.reject(new Error(t('translate.error.empty')))
+  }
+
+  return trimmedText
 }
 
 /**
diff --git a/src/renderer/src/services/WebSearchService.ts b/src/renderer/src/services/WebSearchService.ts
index 6a9726ec22..176b0cc37c 100644
--- a/src/renderer/src/services/WebSearchService.ts
+++ b/src/renderer/src/services/WebSearchService.ts
@@ -178,12 +178,7 @@ class WebSearchService {
       formattedQuery = `today is ${dayjs().format('YYYY-MM-DD')} \r\n ${query}`
     }
 
-    // try {
     return await webSearchEngine.search(formattedQuery, websearch, httpOptions)
-    // } catch (error) {
-    //   console.error('Search failed:', error)
-    //   throw new Error(`Search failed: ${error instanceof Error ? error.message : 'Unknown error'}`)
-    // }
   }
 
   /**
@@ -250,7 +245,7 @@ class WebSearchService {
       created_at: Date.now(),
       updated_at: Date.now(),
       version: 1,
-      framework: 'embedjs'
+      framework: 'langchain'
     }
 
     // 更新LRU cache
@@ -288,6 +283,8 @@ class WebSearchService {
     // 2. 合并所有结果并按分数排序
     const flatResults = allResults.flat().sort((a, b) => b.score - a.score)
 
+    logger.debug(`Found ${flatResults.length} result(s) in search base related to question(s): `, questions)
+
     // 3. 去重，保留最高分的重复内容
     const seen = new Set<string>()
     const uniqueResults = flatResults.filter((item) => {
@@ -298,6 +295,8 @@ class WebSearchService {
       return true
     })
 
+    logger.debug(`Found ${uniqueResults.length} unique result(s) from search base after sorting and deduplication`)
+
     // 4. 转换为引用格式
     return await Promise.all(
       uniqueResults.map(async (result, index) => ({
@@ -332,12 +331,17 @@ class WebSearchService {
       Math.max(0, rawResults.length) * (config.documentCount ?? DEFAULT_WEBSEARCH_RAG_DOCUMENT_COUNT)
 
     const searchBase = await this.ensureSearchBase(config, totalDocumentCount, requestId)
+    logger.debug('Search base for RAG compression: ', searchBase)
 
     // 1. 清空知识库
-    await window.api.knowledgeBase.reset(getKnowledgeBaseParams(searchBase))
+    const baseParams = getKnowledgeBaseParams(searchBase)
+    await window.api.knowledgeBase.reset(baseParams)
 
-    // 2. 一次性添加所有搜索结果到知识库
-    const addPromises = rawResults.map(async (result) => {
+    logger.debug('Search base parameters for RAG compression: ', baseParams)
+
+    // 2. 顺序添加所有搜索结果到知识库
+    // FIXME: 目前的知识库 add 不支持并发
+    for (const result of rawResults) {
       const item: KnowledgeItem & { sourceUrl?: string } = {
         id: uuid(),
         type: 'note',
@@ -352,10 +356,7 @@ class WebSearchService {
         base: getKnowledgeBaseParams(searchBase),
         item
       })
-    })
-
-    // 等待所有结果添加完成
-    await Promise.all(addPromises)
+    }
 
     // 3. 对知识库执行多问题搜索获取压缩结果
     const references = await this.querySearchBase(questions, searchBase)
@@ -480,6 +481,7 @@ class WebSearchService {
 
     // 统计成功完成的搜索数量
     const successfulSearchCount = searchResults.filter((result) => result.status === 'fulfilled').length
+    logger.verbose(`Successful search count: ${successfulSearchCount}`)
     if (successfulSearchCount > 1) {
       await this.setWebSearchStatus(
         requestId,
@@ -503,6 +505,12 @@ class WebSearchService {
       }
     })
 
+    logger.verbose(`FulFilled search result count: ${finalResults.length}`)
+    logger.verbose(
+      'FulFilled search result: ',
+      finalResults.map(({ title, url }) => ({ title, url }))
+    )
+
     // 如果没有搜索结果，直接返回空结果
     if (finalResults.length === 0) {
       await this.setWebSearchStatus(requestId, { phase: 'default' })
@@ -541,10 +549,9 @@ class WebSearchService {
         )
       } catch (error) {
         logger.warn('RAG compression failed, will return empty results:', error as Error)
-        window.message.error({
-          key: 'websearch-rag-failed',
-          duration: 10,
-          content: `${i18n.t('settings.tool.websearch.compression.error.rag_failed')}: ${formatErrorMessage(error)}`
+        window.toast.error({
+          timeout: 10000,
+          title: `${i18n.t('settings.tool.websearch.compression.error.rag_failed')}: ${formatErrorMessage(error)}`
         })
 
         finalResults = []
diff --git a/src/renderer/src/services/messageStreaming/callbacks/baseCallbacks.ts b/src/renderer/src/services/messageStreaming/callbacks/baseCallbacks.ts
index a561ba937e..e7d7f005f7 100644
--- a/src/renderer/src/services/messageStreaming/callbacks/baseCallbacks.ts
+++ b/src/renderer/src/services/messageStreaming/callbacks/baseCallbacks.ts
@@ -69,16 +69,6 @@ export const createBaseCallbacks = (deps: BaseCallbacksDependencies) => {
       })
       await blockManager.handleBlockTransition(baseBlock as PlaceholderMessageBlock, MessageBlockType.UNKNOWN)
     },
-    // onBlockCreated: async () => {
-    //   if (blockManager.hasInitialPlaceholder) {
-    //     return
-    //   }
-    //   console.log('onBlockCreated')
-    //   const baseBlock = createBaseMessageBlock(assistantMsgId, MessageBlockType.UNKNOWN, {
-    //     status: MessageBlockStatus.PROCESSING
-    //   })
-    //   await blockManager.handleBlockTransition(baseBlock as PlaceholderMessageBlock, MessageBlockType.UNKNOWN)
-    // },
 
     onError: async (error: AISDKError) => {
       logger.debug('onError', error)
diff --git a/src/renderer/src/services/messageStreaming/callbacks/toolCallbacks.ts b/src/renderer/src/services/messageStreaming/callbacks/toolCallbacks.ts
index 1a5f3df28e..ef65a4962a 100644
--- a/src/renderer/src/services/messageStreaming/callbacks/toolCallbacks.ts
+++ b/src/renderer/src/services/messageStreaming/callbacks/toolCallbacks.ts
@@ -51,28 +51,6 @@ export const createToolCallbacks = (deps: ToolCallbacksDependencies) => {
       }
     },
 
-    onToolCallInProgress: (toolResponse: MCPToolResponse) => {
-      // 根据 toolResponse.id 查找对应的块ID
-      const targetBlockId = toolCallIdToBlockIdMap.get(toolResponse.id)
-
-      if (targetBlockId && toolResponse.status === 'invoking') {
-        const changes = {
-          status: MessageBlockStatus.PROCESSING,
-          metadata: { rawMcpToolResponse: toolResponse }
-        }
-        blockManager.smartBlockUpdate(targetBlockId, changes, MessageBlockType.TOOL)
-      } else if (!targetBlockId) {
-        logger.warn(
-          `[onToolCallInProgress] No block ID found for tool ID: ${toolResponse.id}. Available mappings:`,
-          Array.from(toolCallIdToBlockIdMap.entries())
-        )
-      } else {
-        logger.warn(
-          `[onToolCallInProgress] Received unhandled tool status: ${toolResponse.status} for ID: ${toolResponse.id}`
-        )
-      }
-    },
-
     onToolCallComplete: (toolResponse: MCPToolResponse) => {
       const existingBlockId = toolCallIdToBlockIdMap.get(toolResponse.id)
       toolCallIdToBlockIdMap.delete(toolResponse.id)
@@ -104,15 +82,13 @@ export const createToolCallbacks = (deps: ToolCallbacksDependencies) => {
             stack: null
           }
         }
-
         blockManager.smartBlockUpdate(existingBlockId, changes, MessageBlockType.TOOL, true)
-
         // Handle citation block creation for web search results
-        if (toolResponse.tool.name === 'builtin_web_search' && toolResponse.response?.searchResults) {
+        if (toolResponse.tool.name === 'builtin_web_search' && toolResponse.response) {
           const citationBlock = createCitationBlock(
             assistantMsgId,
             {
-              response: { results: toolResponse.response.searchResults, source: WebSearchSource.WEBSEARCH }
+              response: { results: toolResponse.response, source: WebSearchSource.WEBSEARCH }
             },
             {
               status: MessageBlockStatus.SUCCESS
@@ -121,10 +97,10 @@ export const createToolCallbacks = (deps: ToolCallbacksDependencies) => {
           citationBlockId = citationBlock.id
           blockManager.handleBlockTransition(citationBlock, MessageBlockType.CITATION)
         }
-        if (toolResponse.tool.name === 'builtin_knowledge_search' && toolResponse.response?.knowledgeReferences) {
+        if (toolResponse.tool.name === 'builtin_knowledge_search' && toolResponse.response) {
           const citationBlock = createCitationBlock(
             assistantMsgId,
-            { knowledge: toolResponse.response.knowledgeReferences },
+            { knowledge: toolResponse.response },
             {
               status: MessageBlockStatus.SUCCESS
             }
@@ -132,7 +108,6 @@ export const createToolCallbacks = (deps: ToolCallbacksDependencies) => {
           citationBlockId = citationBlock.id
           blockManager.handleBlockTransition(citationBlock, MessageBlockType.CITATION)
         }
-        // TODO: 处理 memory 引用
       } else {
         logger.warn(
           `[onToolCallComplete] Received unhandled tool status: ${toolResponse.status} for ID: ${toolResponse.id}`
diff --git a/src/renderer/src/store/index.ts b/src/renderer/src/store/index.ts
index dc4f510d8c..5b5acf9f47 100644
--- a/src/renderer/src/store/index.ts
+++ b/src/renderer/src/store/index.ts
@@ -71,7 +71,7 @@ const persistedReducer = persistReducer(
   {
     key: 'cherry-studio',
     storage,
-    version: 150,
+    version: 154,
     blacklist: ['runtime', 'messages', 'messageBlocks', 'tabs']
     // migrate
   },
diff --git a/src/renderer/src/store/messageBlock.ts b/src/renderer/src/store/messageBlock.ts
index cd77c05430..368696a4d0 100644
--- a/src/renderer/src/store/messageBlock.ts
+++ b/src/renderer/src/store/messageBlock.ts
@@ -1,16 +1,19 @@
 import { WebSearchResultBlock } from '@anthropic-ai/sdk/resources'
 import type { GroundingMetadata } from '@google/genai'
 import { createEntityAdapter, createSelector, createSlice, type PayloadAction } from '@reduxjs/toolkit'
-import { Citation, WebSearchProviderResponse, WebSearchSource } from '@renderer/types'
+import { AISDKWebSearchResult, Citation, WebSearchProviderResponse, WebSearchSource } from '@renderer/types'
 import type { CitationMessageBlock, MessageBlock } from '@renderer/types/newMessage'
 import { MessageBlockType } from '@renderer/types/newMessage'
 import type OpenAI from 'openai'
 
 import type { RootState } from './index' // 确认 RootState 从 store/index.ts 导出
 
+// Create a simplified type for the entity adapter to avoid circular type issues
+type MessageBlockEntity = MessageBlock
+
 // 1. 创建实体适配器 (Entity Adapter)
 // 我们使用块的 `id` 作为唯一标识符。
-const messageBlocksAdapter = createEntityAdapter<MessageBlock>()
+const messageBlocksAdapter = createEntityAdapter<MessageBlockEntity>()
 
 // 2. 使用适配器定义初始状态 (Initial State)
 // 如果需要，可以在规范化实体的旁边添加其他状态属性。
@@ -20,6 +23,7 @@ const initialState = messageBlocksAdapter.getInitialState({
 })
 
 // 3. 创建 Slice
+// @ts-ignore ignore
 export const messageBlocksSlice = createSlice({
   name: 'messageBlocks',
   initialState,
@@ -76,8 +80,13 @@ export const messageBlocksSelectors = messageBlocksAdapter.getSelectors<RootStat
 // --- Selector Integration --- START
 
 // Selector to get the raw block entity by ID
-const selectBlockEntityById = (state: RootState, blockId: string | undefined) =>
-  blockId ? messageBlocksSelectors.selectById(state, blockId) : undefined // Use adapter selector
+const selectBlockEntityById = (state: RootState, blockId: string | undefined): MessageBlock | undefined => {
+  const entity = blockId ? messageBlocksSelectors.selectById(state, blockId) : undefined
+  if (!entity) return undefined
+
+  // Convert back to full MessageBlock type
+  return entity
+}
 
 // --- Centralized Citation Formatting Logic ---
 export const formatCitationsFromBlock = (block: CitationMessageBlock | undefined): Citation[] => {
@@ -173,13 +182,16 @@ export const formatCitationsFromBlock = (block: CitationMessageBlock | undefined
       case WebSearchSource.GROK:
       case WebSearchSource.OPENROUTER:
         formattedCitations =
-          (block.response.results as any[])?.map((url, index) => {
+          (block.response.results as AISDKWebSearchResult[])?.map((result, index) => {
+            const url = result.url
             try {
-              const hostname = new URL(url).hostname
+              const hostname = new URL(result.url).hostname
+              const content = result.providerMetadata && result.providerMetadata['openrouter']?.content
               return {
                 number: index + 1,
                 url,
-                hostname,
+                title: result.title || hostname,
+                content: content as string,
                 showFavicon: true,
                 type: 'websearch'
               }
@@ -218,10 +230,12 @@ export const formatCitationsFromBlock = (block: CitationMessageBlock | undefined
         break
       case WebSearchSource.AISDK:
         formattedCitations =
-          (block.response.results as any[])?.map((result, index) => ({
+          (block.response.results && (block.response.results as AISDKWebSearchResult[]))?.map((result, index) => ({
             number: index + 1,
             url: result.url,
-            title: result.title,
+            title: result.title || new URL(result.url).hostname,
+            showFavicon: true,
+            type: 'websearch',
             providerMetadata: result?.providerMetadata
           })) || []
         break
diff --git a/src/renderer/src/store/migrate.ts b/src/renderer/src/store/migrate.ts
index 55be7d7ebf..5cc5ebd403 100644
--- a/src/renderer/src/store/migrate.ts
+++ b/src/renderer/src/store/migrate.ts
@@ -2419,6 +2419,52 @@ const migrateConfig = {
       logger.error('migrate 150 error', error as Error)
       return state
     }
+  },
+  '151': (state: RootState) => {
+    try {
+      if (state.settings) {
+        state.settings.codeFancyBlock = true
+      }
+      return state
+    } catch (error) {
+      logger.error('migrate 151 error', error as Error)
+      return state
+    }
+  },
+  '152': (state: RootState) => {
+    try {
+      state.translate.settings = {
+        autoCopy: false
+      }
+      return state
+    } catch (error) {
+      logger.error('migrate 152 error', error as Error)
+      return state
+    }
+  },
+  '153': (state: RootState) => {
+    try {
+      if (state.note.settings) {
+        state.note.settings.fontSize = notesInitialState.settings.fontSize
+        state.note.settings.showTableOfContents = notesInitialState.settings.showTableOfContents
+      }
+      return state
+    } catch (error) {
+      logger.error('migrate 153 error', error as Error)
+      return state
+    }
+  },
+  '154': (state: RootState) => {
+    try {
+      if (state.settings.userTheme) {
+        state.settings.userTheme.userFontFamily = settingsInitialState.userTheme.userFontFamily
+        state.settings.userTheme.userCodeFontFamily = settingsInitialState.userTheme.userCodeFontFamily
+      }
+      return state
+    } catch (error) {
+      logger.error('migrate 154 error', error as Error)
+      return state
+    }
   }
 }
 
diff --git a/src/renderer/src/store/note.ts b/src/renderer/src/store/note.ts
index 7a7a695f54..df4478c07a 100644
--- a/src/renderer/src/store/note.ts
+++ b/src/renderer/src/store/note.ts
@@ -6,6 +6,8 @@ import { NotesSortType } from '@renderer/types/note'
 export interface NotesSettings {
   isFullWidth: boolean
   fontFamily: 'default' | 'serif'
+  fontSize: number
+  showTableOfContents: boolean
   defaultViewMode: 'edit' | 'read'
   defaultEditMode: Omit<EditorView, 'read'>
   showTabStatus: boolean
@@ -26,6 +28,8 @@ export const initialState: NoteState = {
   settings: {
     isFullWidth: true,
     fontFamily: 'default',
+    fontSize: 16,
+    showTableOfContents: true,
     defaultViewMode: 'edit',
     defaultEditMode: 'preview',
     showTabStatus: true,
diff --git a/src/renderer/src/store/settings.ts b/src/renderer/src/store/settings.ts
index 461e602e23..d320234480 100644
--- a/src/renderer/src/store/settings.ts
+++ b/src/renderer/src/store/settings.ts
@@ -37,6 +37,8 @@ export interface NutstoreSyncRuntime extends RemoteSyncState {}
 
 export type UserTheme = {
   colorPrimary: string
+  userFontFamily: string
+  userCodeFontFamily: string
 }
 
 export interface SettingsState {
@@ -103,6 +105,7 @@ export interface SettingsState {
   codeCollapsible: boolean
   codeWrappable: boolean
   codeImageTools: boolean
+  codeFancyBlock: boolean
   mathEngine: MathEngine
   mathEnableSingleDollar: boolean
   messageStyle: 'plain' | 'bubble'
@@ -247,7 +250,9 @@ export const initialState: SettingsState = {
   tray: true,
   theme: ThemeMode.system,
   userTheme: {
-    colorPrimary: '#00b96b'
+    colorPrimary: '#00b96b',
+    userFontFamily: '',
+    userCodeFontFamily: ''
   },
   windowStyle: isMac ? 'transparent' : 'opaque',
   fontSize: 14,
@@ -288,6 +293,7 @@ export const initialState: SettingsState = {
   codeCollapsible: false,
   codeWrappable: false,
   codeImageTools: false,
+  codeFancyBlock: true,
   mathEngine: 'KaTeX',
   mathEnableSingleDollar: true,
   messageStyle: 'plain',
@@ -617,6 +623,9 @@ const settingsSlice = createSlice({
     // setCodeImageTools: (state, action: PayloadAction<boolean>) => {
     //   state.codeImageTools = action.payload
     // },
+    setCodeFancyBlock: (state, action: PayloadAction<boolean>) => {
+      state.codeFancyBlock = action.payload
+    },
     // setMathEngine: (state, action: PayloadAction<MathEngine>) => {
     //   state.mathEngine = action.payload
     // },
@@ -906,6 +915,7 @@ export const {
   // setCodeCollapsible,
   // setCodeWrappable,
   // setCodeImageTools,
+  setCodeFancyBlock,
   // setMathEngine,
   // setMathEnableSingleDollar,
   // setFoldDisplayMode,
diff --git a/src/renderer/src/store/thunk/__tests__/streamCallback.integration.test.ts b/src/renderer/src/store/thunk/__tests__/streamCallback.integration.test.ts
index 6c98e3cee4..96aff69f7b 100644
--- a/src/renderer/src/store/thunk/__tests__/streamCallback.integration.test.ts
+++ b/src/renderer/src/store/thunk/__tests__/streamCallback.integration.test.ts
@@ -458,18 +458,18 @@ describe('streamCallback Integration Tests', () => {
           }
         ]
       },
-      {
-        type: ChunkType.MCP_TOOL_IN_PROGRESS,
-        responses: [
-          {
-            id: 'tool-call-1',
-            tool: mockTool,
-            arguments: { testArg: 'value' },
-            status: 'invoking' as const,
-            response: ''
-          }
-        ]
-      },
+      // {
+      //   type: ChunkType.MCP_TOOL_PENDING,
+      //   responses: [
+      //     {
+      //       id: 'tool-call-1',
+      //       tool: mockTool,
+      //       arguments: { testArg: 'value' },
+      //       status: 'invoking' as const,
+      //       response: ''
+      //     }
+      //   ]
+      // },
       {
         type: ChunkType.MCP_TOOL_COMPLETE,
         responses: [
@@ -611,18 +611,18 @@ describe('streamCallback Integration Tests', () => {
           }
         ]
       },
-      {
-        type: ChunkType.MCP_TOOL_IN_PROGRESS,
-        responses: [
-          {
-            id: 'tool-call-1',
-            tool: mockCalculatorTool,
-            arguments: { operation: 'add', a: 1, b: 2 },
-            status: 'invoking' as const,
-            response: ''
-          }
-        ]
-      },
+      // {
+      //   type: ChunkType.MCP_TOOL_PENDING,
+      //   responses: [
+      //     {
+      //       id: 'tool-call-1',
+      //       tool: mockCalculatorTool,
+      //       arguments: { operation: 'add', a: 1, b: 2 },
+      //       status: 'invoking' as const,
+      //       response: ''
+      //     }
+      //   ]
+      // },
       {
         type: ChunkType.MCP_TOOL_COMPLETE,
         responses: [
diff --git a/src/renderer/src/store/thunk/messageThunk.ts b/src/renderer/src/store/thunk/messageThunk.ts
index 6bd2ecd826..42195eb8bb 100644
--- a/src/renderer/src/store/thunk/messageThunk.ts
+++ b/src/renderer/src/store/thunk/messageThunk.ts
@@ -19,6 +19,7 @@ import {
   resetAssistantMessage
 } from '@renderer/utils/messageUtils/create'
 import { getTopicQueue, waitForTopicQueue } from '@renderer/utils/queue'
+import { defaultAppHeaders } from '@shared/utils'
 import { t } from 'i18next'
 import { isEmpty, throttle } from 'lodash'
 import { LRUCache } from 'lru-cache'
@@ -369,7 +370,8 @@ const fetchAndProcessAssistantResponseImpl = async (
         topicId,
         options: {
           signal: abortController.signal,
-          timeout: 30000
+          timeout: 30000,
+          headers: defaultAppHeaders()
         }
       },
       streamProcessorCallbacks
@@ -735,10 +737,7 @@ export const regenerateAssistantResponseThunk =
         )
 
         // Show error popup instead of creating error message block
-        window.message.error({
-          content: t('error.missing_user_message'),
-          key: 'missing-user-message-error'
-        })
+        window.toast.error(t('error.missing_user_message'))
 
         return
       }
@@ -958,10 +957,7 @@ export const appendAssistantResponseThunk =
         )
 
         // Show error popup instead of creating error message block
-        window.message.error({
-          content: t('error.missing_user_message'),
-          key: 'missing-user-message-error'
-        })
+        window.toast.error(t('error.missing_user_message'))
 
         return
       }
@@ -1079,7 +1075,7 @@ export const cloneMessagesToNewTopicThunk =
             const oldBlock = state.messageBlocks.entities[oldBlockId]
             if (oldBlock) {
               const newBlockId = uuid()
-              const newBlock: MessageBlock = {
+              const newBlock = {
                 ...oldBlock,
                 id: newBlockId,
                 messageId: newMsgId // Link block to the NEW message ID
diff --git a/src/renderer/src/store/translate.ts b/src/renderer/src/store/translate.ts
index 1eada6ac7c..999f7f6580 100644
--- a/src/renderer/src/store/translate.ts
+++ b/src/renderer/src/store/translate.ts
@@ -3,12 +3,19 @@ import { createSlice, PayloadAction } from '@reduxjs/toolkit'
 export interface TranslateState {
   translateInput: string
   translatedContent: string
+  // TODO: #9749
+  settings: {
+    autoCopy: boolean
+  }
 }
 
 const initialState: TranslateState = {
   translateInput: '',
-  translatedContent: ''
-}
+  translatedContent: '',
+  settings: {
+    autoCopy: false
+  }
+} as const
 
 const translateSlice = createSlice({
   name: 'translate',
@@ -19,10 +26,14 @@ const translateSlice = createSlice({
     },
     setTranslatedContent: (state, action: PayloadAction<string>) => {
       state.translatedContent = action.payload
+    },
+    updateSettings: (state, action: PayloadAction<Partial<TranslateState['settings']>>) => {
+      const update = action.payload
+      Object.assign(state.settings, update)
     }
   }
 })
 
-export const { setTranslateInput, setTranslatedContent } = translateSlice.actions
+export const { setTranslateInput, setTranslatedContent, updateSettings } = translateSlice.actions
 
 export default translateSlice.reducer
diff --git a/src/renderer/src/types/file.ts b/src/renderer/src/types/file.ts
index 468f57a557..76d1c0df14 100644
--- a/src/renderer/src/types/file.ts
+++ b/src/renderer/src/types/file.ts
@@ -1,5 +1,6 @@
 import type { File } from '@google/genai'
 import type { FileSchema } from '@mistralai/mistralai/models/components'
+import type OpenAI from 'openai'
 
 export type RemoteFile =
   | {
@@ -10,13 +11,17 @@ export type RemoteFile =
       type: 'mistral'
       file: FileSchema
     }
+  | {
+      type: 'openai'
+      file: OpenAI.Files.FileObject
+    }
 
 /**
  * Type guard to check if a RemoteFile is a Gemini file
  * @param file - The RemoteFile to check
  * @returns True if the file is a Gemini file (file property is of type File)
  */
-export const isGeminiFile = (file: RemoteFile): file is RemoteFile & { type: 'gemini'; file: File } => {
+export const isGeminiFile = (file: RemoteFile): file is { type: 'gemini'; file: File } => {
   return file.type === 'gemini'
 }
 
@@ -25,10 +30,18 @@ export const isGeminiFile = (file: RemoteFile): file is RemoteFile & { type: 'ge
  * @param file - The RemoteFile to check
  * @returns True if the file is a Mistral file (file property is of type FileSchema)
  */
-export const isMistralFile = (file: RemoteFile): file is RemoteFile & { type: 'mistral'; file: FileSchema } => {
+export const isMistralFile = (file: RemoteFile): file is { type: 'mistral'; file: FileSchema } => {
   return file.type === 'mistral'
 }
 
+/** Type guard to check if a RemoteFile is an OpenAI file
+ * @param file - The RemoteFile to check
+ * @returns True if the file is an OpenAI file (file property is of type OpenAI.Files.FileObject)
+ */
+export const isOpenAIFile = (file: RemoteFile): file is { type: 'openai'; file: OpenAI.Files.FileObject } => {
+  return file.type === 'openai'
+}
+
 export type FileStatus = 'success' | 'processing' | 'failed' | 'unknown'
 
 export interface FileUploadResponse {
@@ -93,6 +106,10 @@ export interface FileMetadata {
    * 该文件预计的token大小 (可选)
    */
   tokens?: number
+  /**
+   * 该文件的用途
+   */
+  purpose?: OpenAI.FilePurpose
 }
 
 export interface FileType extends FileMetadata {}
diff --git a/src/renderer/src/types/index.ts b/src/renderer/src/types/index.ts
index eff3b755f6..7b708382d3 100644
--- a/src/renderer/src/types/index.ts
+++ b/src/renderer/src/types/index.ts
@@ -1,8 +1,8 @@
+import type { LanguageModelV2Source } from '@ai-sdk/provider'
 import type { WebSearchResultBlock } from '@anthropic-ai/sdk/resources'
 import type { GenerateImagesConfig, GroundingMetadata, PersonGeneration } from '@google/genai'
 import type OpenAI from 'openai'
 import type { CSSProperties } from 'react'
-import * as z from 'zod/v4'
 
 export * from './file'
 export * from './note'
@@ -722,12 +722,15 @@ export type WebSearchProviderResponse = {
   results: WebSearchProviderResult[]
 }
 
+export type AISDKWebSearchResult = Omit<Extract<LanguageModelV2Source, { sourceType: 'url' }>, 'sourceType'>
+
 export type WebSearchResults =
   | WebSearchProviderResponse
   | GroundingMetadata
   | OpenAI.Chat.Completions.ChatCompletionMessage.Annotation.URLCitation[]
   | OpenAI.Responses.ResponseOutputText.URLCitation[]
   | WebSearchResultBlock[]
+  | AISDKWebSearchResult[]
   | any[]
 
 export enum WebSearchSource {
@@ -831,20 +834,6 @@ export const isBuiltinMCPServerName = (name: string): name is BuiltinMCPServerNa
   return BuiltinMCPServerNamesArray.some((n) => n === name)
 }
 
-export interface MCPToolInputSchema {
-  type: string
-  title: string
-  description?: string
-  required?: string[]
-  properties: Record<string, object>
-}
-
-export const MCPToolOutputSchema = z.object({
-  type: z.literal('object'),
-  properties: z.record(z.string(), z.unknown()),
-  required: z.array(z.string())
-})
-
 export interface MCPPromptArguments {
   name: string
   description?: string
@@ -1210,6 +1199,21 @@ export function strip<T, K extends keyof T>(obj: T, keys: K[]): Omit<T, K> {
   return result
 }
 
+/**
+ * Makes specified properties required while keeping others as is
+ * @template T - The object type to modify
+ * @template K - Keys of T that should be required
+ * @example
+ * type User = {
+ *   name?: string;
+ *   age?: number;
+ * }
+ *
+ * type UserWithName = RequireSome<User, 'name'>
+ * // Result: { name: string; age?: number; }
+ */
+export type RequireSome<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>
+
 export type HexColor = string
 
 /**
diff --git a/src/renderer/src/types/mcp.ts b/src/renderer/src/types/mcp.ts
index cfc7271714..c447d697e7 100644
--- a/src/renderer/src/types/mcp.ts
+++ b/src/renderer/src/types/mcp.ts
@@ -1,4 +1,4 @@
-import z from 'zod'
+import * as z from 'zod'
 
 import { isBuiltinMCPServerName } from '.'
 
@@ -17,6 +17,7 @@ export type MCPConfigSample = z.infer<typeof MCPConfigSampleSchema>
  */
 export const McpServerTypeSchema = z
   .string()
+  .default('stdio')
   .transform((type) => {
     if (type.includes('http')) {
       return 'streamableHttp'
@@ -24,9 +25,7 @@ export const McpServerTypeSchema = z
       return type
     }
   })
-  .pipe(
-    z.union([z.literal('stdio'), z.literal('sse'), z.literal('streamableHttp'), z.literal('inMemory')]).default('stdio') // 大多数情况下默认使用 stdio
-  )
+  .pipe(z.union([z.literal('stdio'), z.literal('sse'), z.literal('streamableHttp'), z.literal('inMemory')])) // 大多数情况下默认使用 stdio
 
 /**
  * 定义单个 MCP 服务器的配置。
@@ -188,18 +187,13 @@ export const McpServerConfigSchema = z
     // 显式传入的type会覆盖掉从url推断的逻辑
     if (!schema.type) {
       const url = schema.baseUrl ?? schema.url ?? null
+      // NOTE: url 暗示了服务器的类型为 streamableHttp 或 sse，未来可能会扩展其他类型
       if (url !== null) {
-        if (url.endsWith('/mcp')) {
-          return {
-            ...schema,
-            type: 'streamableHttp'
-          } as const
-        } else if (url.endsWith('/sse')) {
-          return {
-            ...schema,
-            type: 'sse'
-          } as const
-        }
+        const type = getMcpServerType(url)
+        return {
+          ...schema,
+          type
+        } as const
       }
     }
     return schema
@@ -255,3 +249,14 @@ export function safeValidateMcpConfig(config: unknown) {
 export function safeValidateMcpServerConfig(config: unknown) {
   return McpServerConfigSchema.safeParse(config)
 }
+
+/**
+ * 根据给定的URL判断MCP服务器的类型。
+ * 如果URL以 "/mcp" 结尾，则类型为 "streamableHttp"，否则为 "sse"。
+ *
+ * @param url - 服务器的URL地址
+ * @returns MCP服务器类型（'streamableHttp' 或 'sse'）
+ */
+export function getMcpServerType(url: string): McpServerType {
+  return url.endsWith('/mcp') ? 'streamableHttp' : 'sse'
+}
diff --git a/src/renderer/src/types/tool.ts b/src/renderer/src/types/tool.ts
index b552c67685..ad6f2727e1 100644
--- a/src/renderer/src/types/tool.ts
+++ b/src/renderer/src/types/tool.ts
@@ -1,4 +1,4 @@
-import * as z from 'zod/v4'
+import { z } from 'zod'
 
 export type ToolType = 'builtin' | 'provider' | 'mcp'
 
@@ -19,22 +19,24 @@ export interface BaseTool {
 //   providerExecuted?: boolean // 标识是Provider端执行还是客户端执行
 // }
 
-export const MCPToolOutputSchema = z.object({
-  type: z.literal('object'),
-  properties: z.record(z.string(), z.unknown()),
-  required: z.array(z.string())
-})
+export const MCPToolOutputSchema = z
+  .object({
+    type: z.literal('object'),
+    properties: z.object({}).loose().optional(),
+    required: z.array(z.string()).optional()
+  })
+  .loose()
 
-export interface MCPToolInputSchema {
-  type: string
-  title: string
-  description?: string
-  required?: string[]
-  properties: Record<string, object>
-}
+export const MCPToolInputSchema = z
+  .object({
+    type: z.literal('object'),
+    properties: z.object({}).loose().optional(),
+    required: z.array(z.string()).optional()
+  })
+  .loose()
 
 export interface BuiltinTool extends BaseTool {
-  inputSchema: MCPToolInputSchema
+  inputSchema: z.infer<typeof MCPToolInputSchema>
   type: 'builtin'
 }
 
@@ -44,7 +46,7 @@ export interface MCPTool extends BaseTool {
   serverName: string
   name: string
   description?: string
-  inputSchema: MCPToolInputSchema
+  inputSchema: z.infer<typeof MCPToolInputSchema>
   outputSchema?: z.infer<typeof MCPToolOutputSchema>
   isBuiltIn?: boolean // 标识是否为内置工具，内置工具不需要通过MCP协议调用
   type: 'mcp'
diff --git a/src/renderer/src/utils/__tests__/copy.test.ts b/src/renderer/src/utils/__tests__/copy.test.ts
index 85480a686e..5697fe6d66 100644
--- a/src/renderer/src/utils/__tests__/copy.test.ts
+++ b/src/renderer/src/utils/__tests__/copy.test.ts
@@ -21,8 +21,8 @@ const mockClipboard = {
   writeText: vi.fn()
 }
 
-// Mock window.message
-const mockMessage = {
+// Mock window.toast
+const mockedToast = {
   success: vi.fn()
 }
 
@@ -61,8 +61,8 @@ describe('copy', () => {
       writable: true
     })
 
-    Object.defineProperty(global.window, 'message', {
-      value: mockMessage,
+    Object.defineProperty(global.window, 'toast', {
+      value: mockedToast,
       writable: true
     })
 
@@ -86,7 +86,7 @@ describe('copy', () => {
       // 验证结果
       expect(topicToMarkdown).toHaveBeenCalledWith(topic)
       expect(mockClipboard.writeText).toHaveBeenCalledWith(markdownContent)
-      expect(mockMessage.success).toHaveBeenCalledWith('message.copy.success')
+      expect(mockedToast.success).toHaveBeenCalledWith('message.copy.success')
     })
 
     it('should handle export function errors', async () => {
@@ -97,7 +97,7 @@ describe('copy', () => {
 
       await expect(copyTopicAsMarkdown(topic)).rejects.toThrow('Export error')
       expect(mockClipboard.writeText).not.toHaveBeenCalled()
-      expect(mockMessage.success).not.toHaveBeenCalled()
+      expect(mockedToast.success).not.toHaveBeenCalled()
     })
 
     it('should handle clipboard write errors', async () => {
@@ -110,7 +110,7 @@ describe('copy', () => {
       mockClipboard.writeText.mockRejectedValue(new Error('Clipboard error'))
 
       await expect(copyTopicAsMarkdown(topic)).rejects.toThrow('Clipboard error')
-      expect(mockMessage.success).not.toHaveBeenCalled()
+      expect(mockedToast.success).not.toHaveBeenCalled()
     })
   })
 
@@ -128,7 +128,7 @@ describe('copy', () => {
 
       expect(topicToPlainText).toHaveBeenCalledWith(topic)
       expect(mockClipboard.writeText).toHaveBeenCalledWith(plainTextContent)
-      expect(mockMessage.success).toHaveBeenCalledWith('message.copy.success')
+      expect(mockedToast.success).toHaveBeenCalledWith('message.copy.success')
     })
 
     it('should handle export function errors', async () => {
@@ -139,7 +139,7 @@ describe('copy', () => {
 
       await expect(copyTopicAsPlainText(topic)).rejects.toThrow('Export error')
       expect(mockClipboard.writeText).not.toHaveBeenCalled()
-      expect(mockMessage.success).not.toHaveBeenCalled()
+      expect(mockedToast.success).not.toHaveBeenCalled()
     })
   })
 
@@ -157,7 +157,7 @@ describe('copy', () => {
 
       expect(messageToPlainText).toHaveBeenCalledWith(message)
       expect(mockClipboard.writeText).toHaveBeenCalledWith(plainTextContent)
-      expect(mockMessage.success).toHaveBeenCalledWith('message.copy.success')
+      expect(mockedToast.success).toHaveBeenCalledWith('message.copy.success')
     })
 
     it('should handle messageToPlainText errors', async () => {
@@ -170,7 +170,7 @@ describe('copy', () => {
 
       await expect(copyMessageAsPlainText(message)).rejects.toThrow('Message conversion error')
       expect(mockClipboard.writeText).not.toHaveBeenCalled()
-      expect(mockMessage.success).not.toHaveBeenCalled()
+      expect(mockedToast.success).not.toHaveBeenCalled()
     })
   })
 
diff --git a/src/renderer/src/utils/__tests__/download.test.ts b/src/renderer/src/utils/__tests__/download.test.ts
index cd87802709..36c16b594e 100644
--- a/src/renderer/src/utils/__tests__/download.test.ts
+++ b/src/renderer/src/utils/__tests__/download.test.ts
@@ -26,8 +26,8 @@ const mockRevokeObjectURL = vi.fn()
 // Mock fetch
 const mockFetch = vi.fn()
 
-// Mock window.message
-const mockMessage = {
+// Mock window.toast
+const mockedToast = {
   error: vi.fn(),
   success: vi.fn(),
   warning: vi.fn(),
@@ -48,8 +48,8 @@ describe('download', () => {
     beforeEach(() => {
       vi.clearAllMocks()
 
-      // 设置 window.message mock
-      Object.defineProperty(window, 'message', { value: mockMessage, writable: true })
+      // 设置 window.toast mock
+      Object.defineProperty(window, 'toast', { value: mockedToast, writable: true })
 
       // 设置 DOM mock
       const mockElement = {
@@ -218,7 +218,7 @@ describe('download', () => {
         expect(() => download('https://example.com/file.pdf')).not.toThrow()
         await waitForAsync()
 
-        expect(mockMessage.error).toHaveBeenCalledWith('下载失败：Network error')
+        expect(mockedToast.error).toHaveBeenCalledWith('下载失败：Network error')
       })
 
       it('should handle fetch errors without message', async () => {
@@ -227,7 +227,7 @@ describe('download', () => {
         expect(() => download('https://example.com/file.pdf')).not.toThrow()
         await waitForAsync()
 
-        expect(mockMessage.error).toHaveBeenCalledWith('下载失败')
+        expect(mockedToast.error).toHaveBeenCalledWith('下载失败')
       })
 
       it('should handle HTTP errors gracefully', async () => {
diff --git a/src/renderer/src/utils/__tests__/export.test.ts b/src/renderer/src/utils/__tests__/export.test.ts
index 44ef6ff420..267dfb4247 100644
--- a/src/renderer/src/utils/__tests__/export.test.ts
+++ b/src/renderer/src/utils/__tests__/export.test.ts
@@ -695,9 +695,9 @@ describe('export', () => {
         }
       })
 
-      // Mock window.message methods
+      // Mock window.toast methods
       vi.stubGlobal('window', {
-        message: {
+        toast: {
           success: vi.fn(),
           error: vi.fn(),
           warning: vi.fn(),
diff --git a/src/renderer/src/utils/__tests__/image.test.ts b/src/renderer/src/utils/__tests__/image.test.ts
index 7e799ba0d0..0e02957395 100644
--- a/src/renderer/src/utils/__tests__/image.test.ts
+++ b/src/renderer/src/utils/__tests__/image.test.ts
@@ -23,9 +23,9 @@ vi.mock('html-to-image', () => ({
   )
 }))
 
-// mock window.message
+// mock window.toast
 beforeEach(() => {
-  window.message = {
+  window.toast = {
     error: vi.fn()
   } as any
 })
@@ -86,7 +86,7 @@ describe('utils/image', () => {
       Object.defineProperty(div, 'scrollHeight', { value: 40000, configurable: true })
       const ref = { current: div } as React.RefObject<HTMLDivElement>
       await expect(captureScrollable(ref)).rejects.toBeUndefined()
-      expect(window.message.error).toHaveBeenCalled()
+      expect(window.toast.error).toHaveBeenCalled()
     })
   })
 
diff --git a/src/renderer/src/utils/__tests__/linkConverter.test.ts b/src/renderer/src/utils/__tests__/linkConverter.test.ts
index 16d2e8aefb..1b813f1a54 100644
--- a/src/renderer/src/utils/__tests__/linkConverter.test.ts
+++ b/src/renderer/src/utils/__tests__/linkConverter.test.ts
@@ -3,91 +3,12 @@ import { describe, expect, it } from 'vitest'
 import {
   cleanLinkCommas,
   completeLinks,
-  completionPerplexityLinks,
   convertLinks,
-  convertLinksToHunyuan,
-  convertLinksToOpenRouter,
-  convertLinksToZhipu,
   extractUrlsFromMarkdown,
   flushLinkConverterBuffer
 } from '../linkConverter'
 
 describe('linkConverter', () => {
-  describe('convertLinksToZhipu', () => {
-    it('should correctly convert complete [ref_N] format', () => {
-      const input = '这里有一个参考文献 [ref_1] 和另一个 [ref_2]'
-      const result = convertLinksToZhipu(input, true)
-      expect(result).toBe('这里有一个参考文献 [<sup>1</sup>]() 和另一个 [<sup>2</sup>]()')
-    })
-
-    it('should handle chunked input and preserve incomplete link patterns', () => {
-      // 第一个块包含未完成的模式
-      const chunk1 = '这是第一部分 [ref'
-      const result1 = convertLinksToZhipu(chunk1, true)
-      expect(result1).toBe('这是第一部分 ')
-
-      // 第二个块完成该模式
-      const chunk2 = '_1] 这是剩下的部分'
-      const result2 = convertLinksToZhipu(chunk2, false)
-      expect(result2).toBe('[<sup>1</sup>]() 这是剩下的部分')
-    })
-
-    it('should clear buffer when resetting counter', () => {
-      // 先进行一次转换不重置
-      const input1 = '第一次输入 [ref_1]'
-      convertLinksToZhipu(input1, false)
-
-      // 然后重置并进行新的转换
-      const input2 = '新的输入 [ref_2]'
-      const result = convertLinksToZhipu(input2, true)
-      expect(result).toBe('新的输入 [<sup>2</sup>]()')
-    })
-  })
-
-  describe('convertLinksToHunyuan', () => {
-    it('should correctly convert [N](@ref) format to links with URLs', () => {
-      const webSearch = [{ url: 'https://example.com/1' }, { url: 'https://example.com/2' }]
-      const input = '这里有单个引用 [1](@ref) 和多个引用 [2](@ref)'
-      const result = convertLinksToHunyuan(input, webSearch, true)
-      expect(result).toBe(
-        '这里有单个引用 [<sup>1</sup>](https://example.com/1) 和多个引用 [<sup>2</sup>](https://example.com/2)'
-      )
-    })
-
-    it('should correctly handle comma-separated multiple references', () => {
-      const webSearch = [
-        { url: 'https://example.com/1' },
-        { url: 'https://example.com/2' },
-        { url: 'https://example.com/3' }
-      ]
-      const input = '这里有多个引用 [1, 2, 3](@ref)'
-      const result = convertLinksToHunyuan(input, webSearch, true)
-      expect(result).toBe(
-        '这里有多个引用 [<sup>1</sup>](https://example.com/1)[<sup>2</sup>](https://example.com/2)[<sup>3</sup>](https://example.com/3)'
-      )
-    })
-
-    it('should handle non-existent reference indices', () => {
-      const webSearch = [{ url: 'https://example.com/1' }]
-      const input = '这里有一个超出范围的引用 [2](@ref)'
-      const result = convertLinksToHunyuan(input, webSearch, true)
-      expect(result).toBe('这里有一个超出范围的引用 [<sup>2</sup>](@ref)')
-    })
-
-    it('should handle incomplete reference formats in chunked input', () => {
-      const webSearch = [{ url: 'https://example.com/1' }]
-      // 第一个块包含未完成的模式
-      const chunk1 = '这是第一部分 ['
-      const result1 = convertLinksToHunyuan(chunk1, webSearch, true)
-      expect(result1).toBe('这是第一部分 ')
-
-      // 第二个块完成该模式
-      const chunk2 = '1](@ref) 这是剩下的部分'
-      const result2 = convertLinksToHunyuan(chunk2, webSearch, false)
-      expect(result2).toBe('[<sup>1</sup>](https://example.com/1) 这是剩下的部分')
-    })
-  })
-
   describe('convertLinks', () => {
     it('should convert number links to numbered links', () => {
       const input = '参考 [1](https://example.com/1) 和 [2](https://example.com/2)'
@@ -226,8 +147,10 @@ describe('linkConverter', () => {
       it('should handle real links split across small chunks with proper buffering', () => {
         // 模拟真实链接被分割成小chunks的情况 - 更现实的分割方式
         const chunks = [
-          'Please visit [example.com](', // 不完整链接
-          'https://example.com) for details' // 完成链接
+          'Please visit [example.',
+          'com](', // 不完整链接'
+          'https://exa',
+          'mple.com) for details' // 完成链接'
         ]
 
         let accumulatedText = ''
@@ -235,14 +158,24 @@ describe('linkConverter', () => {
         // 第一个chunk：包含不完整链接 [text](
         const result1 = convertLinks(chunks[0], true)
         expect(result1.text).toBe('Please visit ') // 只返回安全部分
-        expect(result1.hasBufferedContent).toBe(true) // [example.com]( 被缓冲
+        expect(result1.hasBufferedContent).toBe(true) //
         accumulatedText += result1.text
 
-        // 第二个chunk：完成链接
+        // 第二个chunk
         const result2 = convertLinks(chunks[1], false)
-        expect(result2.text).toBe('[<sup>1</sup>](https://example.com) for details') // 完整链接 + 剩余文本
-        expect(result2.hasBufferedContent).toBe(false)
-        accumulatedText += result2.text
+        expect(result2.text).toBe('')
+        expect(result2.hasBufferedContent).toBe(true)
+        // 第三个chunk
+        const result3 = convertLinks(chunks[2], false)
+        expect(result3.text).toBe('')
+        expect(result3.hasBufferedContent).toBe(true)
+        accumulatedText += result3.text
+
+        // 第四个chunk
+        const result4 = convertLinks(chunks[3], false)
+        expect(result4.text).toBe('[<sup>1</sup>](https://example.com) for details')
+        expect(result4.hasBufferedContent).toBe(false)
+        accumulatedText += result4.text
 
         // 验证最终结果
         expect(accumulatedText).toBe('Please visit [<sup>1</sup>](https://example.com) for details')
@@ -293,32 +226,6 @@ describe('linkConverter', () => {
     })
   })
 
-  describe('convertLinksToOpenRouter', () => {
-    it('should only convert links with domain-like text', () => {
-      const input = '网站 [example.com](https://example.com) 和 [点击这里](https://other.com)'
-      const result = convertLinksToOpenRouter(input, true)
-      expect(result).toBe('网站 [<sup>1</sup>](https://example.com) 和 [点击这里](https://other.com)')
-    })
-
-    it('should use the same counter for duplicate URLs', () => {
-      const input = '两个相同的链接 [example.com](https://example.com) 和 [example.org](https://example.com)'
-      const result = convertLinksToOpenRouter(input, true)
-      expect(result).toBe('两个相同的链接 [<sup>1</sup>](https://example.com) 和 [<sup>1</sup>](https://example.com)')
-    })
-
-    it('should handle incomplete links in chunked input', () => {
-      // 第一个块包含未完成的链接
-      const chunk1 = '这是域名链接 ['
-      const result1 = convertLinksToOpenRouter(chunk1, true)
-      expect(result1).toBe('这是域名链接 ')
-
-      // 第二个块完成链接
-      const chunk2 = 'example.com](https://example.com)'
-      const result2 = convertLinksToOpenRouter(chunk2, false)
-      expect(result2).toBe('[<sup>1</sup>](https://example.com)')
-    })
-  })
-
   describe('completeLinks', () => {
     it('should complete empty links with webSearch data', () => {
       const webSearch = [{ link: 'https://example.com/1' }, { link: 'https://example.com/2' }]
@@ -383,13 +290,4 @@ describe('linkConverter', () => {
       expect(result).toBe('[链接1](https://example.com)[链接2](https://other.com)')
     })
   })
-
-  describe('completionPerplexityLinks', () => {
-    it('should complete links with webSearch data', () => {
-      const webSearch = [{ url: 'https://example.com/1' }, { url: 'https://example.com/2' }]
-      const input = '参考 [1] 和 [2]'
-      const result = completionPerplexityLinks(input, webSearch)
-      expect(result).toBe('参考 [1](https://example.com/1) 和 [2](https://example.com/2)')
-    })
-  })
 })
diff --git a/src/renderer/src/utils/__tests__/markdownConverter.test.ts b/src/renderer/src/utils/__tests__/markdownConverter.test.ts
index 3929be608c..44396d76ca 100644
--- a/src/renderer/src/utils/__tests__/markdownConverter.test.ts
+++ b/src/renderer/src/utils/__tests__/markdownConverter.test.ts
@@ -485,7 +485,7 @@ describe('markdownConverter', () => {
     })
   })
 
-  describe('shoud keep YAML front matter', () => {
+  describe('should keep YAML front matter', () => {
     it('should keep YAML front matter', () => {
       const markdown = `---
 tags:
@@ -505,4 +505,19 @@ cssclasses:
       expect(backToMarkdown).toBe(markdown)
     })
   })
+
+  describe('should keep []', () => {
+    it('should keep [[foo]]', () => {
+      const markdown = `[[foo]]`
+      const result = markdownToHtml(markdown)
+      const backToMarkdown = htmlToMarkdown(result)
+      expect(backToMarkdown).toBe(markdown)
+    })
+    it('should keep []', () => {
+      const markdown = `[foo]`
+      const result = markdownToHtml(markdown)
+      const backToMarkdown = htmlToMarkdown(result)
+      expect(backToMarkdown).toBe(markdown)
+    })
+  })
 })
diff --git a/src/renderer/src/utils/copy.ts b/src/renderer/src/utils/copy.ts
index e79576901f..04841a25ca 100644
--- a/src/renderer/src/utils/copy.ts
+++ b/src/renderer/src/utils/copy.ts
@@ -6,17 +6,17 @@ import { messageToPlainText, topicToMarkdown, topicToPlainText } from './export'
 export const copyTopicAsMarkdown = async (topic: Topic) => {
   const markdown = await topicToMarkdown(topic)
   await navigator.clipboard.writeText(markdown)
-  window.message.success(i18next.t('message.copy.success'))
+  window.toast.success(i18next.t('message.copy.success'))
 }
 
 export const copyTopicAsPlainText = async (topic: Topic) => {
   const plainText = await topicToPlainText(topic)
   await navigator.clipboard.writeText(plainText)
-  window.message.success(i18next.t('message.copy.success'))
+  window.toast.success(i18next.t('message.copy.success'))
 }
 
 export const copyMessageAsPlainText = async (message: Message) => {
   const plainText = messageToPlainText(message)
   await navigator.clipboard.writeText(plainText)
-  window.message.success(i18next.t('message.copy.success'))
+  window.toast.success(i18next.t('message.copy.success'))
 }
diff --git a/src/renderer/src/utils/dataLimit.ts b/src/renderer/src/utils/dataLimit.ts
new file mode 100644
index 0000000000..7678099be2
--- /dev/null
+++ b/src/renderer/src/utils/dataLimit.ts
@@ -0,0 +1,104 @@
+import { loggerService } from '@logger'
+import { AppInfo } from '@renderer/types'
+import { GB, MB } from '@shared/config/constant'
+import { t } from 'i18next'
+
+const logger = loggerService.withContext('useDataLimit')
+
+const CHECK_INTERVAL_NORMAL = 1000 * 60 * 10 // 10 minutes
+const CHECK_INTERVAL_WARNING = 1000 * 60 * 1 // 1 minute when warning is active
+
+let currentInterval: NodeJS.Timeout | null = null
+let currentToastId: string | null = null
+
+async function checkAppStorageQuota() {
+  try {
+    const { usage, quota } = await navigator.storage.estimate()
+    if (usage && quota) {
+      const usageInMB = (usage / MB).toFixed(2)
+      const quotaInMB = (quota / MB).toFixed(2)
+      const usagePercentage = (usage / quota) * 100
+
+      logger.info(`App storage quota: Used ${usageInMB} MB / Total ${quotaInMB} MB (${usagePercentage.toFixed(2)}%)`)
+
+      // if usage percentage is greater than 95%,
+      // warn user to clean up app internal data
+      if (usagePercentage >= 95) {
+        return true
+      }
+    }
+  } catch (error) {
+    logger.error('Failed to get storage quota:', error as Error)
+  }
+  return false
+}
+
+async function checkAppDataDiskQuota(appDataPath: string) {
+  try {
+    const diskInfo = await window.api.getDiskInfo(appDataPath)
+    if (!diskInfo) {
+      return false
+    }
+    const { free } = diskInfo
+    logger.info(`App data disk quota: Free ${(free / GB).toFixed(2)} GB`)
+    // if free is less than 1GB, return true
+    return free < 1 * GB
+  } catch (error) {
+    logger.error('Failed to get app data disk quota:', error as Error)
+  }
+  return false
+}
+
+export async function checkDataLimit() {
+  const check = async () => {
+    let isStorageQuotaLow = false
+    let isAppDataDiskQuotaLow = false
+
+    isStorageQuotaLow = await checkAppStorageQuota()
+
+    const appInfo: AppInfo = await window.api.getAppInfo()
+    if (appInfo?.appDataPath) {
+      isAppDataDiskQuotaLow = await checkAppDataDiskQuota(appInfo.appDataPath)
+    }
+
+    const shouldShowWarning = isStorageQuotaLow || isAppDataDiskQuotaLow
+
+    // Show or hide toast based on warning state
+    if (shouldShowWarning && !currentToastId) {
+      // Show persistent toast without close button
+      const toastId = window.toast.warning({
+        title: t('settings.data.limit.appDataDiskQuota'),
+        description: t('settings.data.limit.appDataDiskQuotaDescription'),
+        timeout: 0, // Never auto-dismiss
+        hideCloseButton: true // Hide close button so user cannot dismiss
+      })
+      currentToastId = toastId
+
+      // Switch to warning mode with shorter interval
+      logger.info('Disk space low, switching to 1-minute check interval')
+      if (currentInterval) {
+        clearInterval(currentInterval)
+      }
+      currentInterval = setInterval(check, CHECK_INTERVAL_WARNING)
+    } else if (!shouldShowWarning && currentToastId) {
+      // Dismiss toast when space is recovered
+      window.toast.closeToast(currentToastId)
+      currentToastId = null
+
+      // Switch back to normal mode
+      logger.info('Disk space recovered, switching back to 10-minute check interval')
+      if (currentInterval) {
+        clearInterval(currentInterval)
+      }
+      currentInterval = setInterval(check, CHECK_INTERVAL_NORMAL)
+    }
+  }
+
+  // Initial check
+  check()
+
+  // Set up initial interval (normal mode)
+  if (!currentInterval) {
+    currentInterval = setInterval(check, CHECK_INTERVAL_NORMAL)
+  }
+}
diff --git a/src/renderer/src/utils/download.ts b/src/renderer/src/utils/download.ts
index 524da9e915..7c8abfecf3 100644
--- a/src/renderer/src/utils/download.ts
+++ b/src/renderer/src/utils/download.ts
@@ -85,9 +85,9 @@ export const download = (url: string, filename?: string) => {
       logger.error('Download failed:', error)
       // 显示用户友好的错误提示
       if (error.message) {
-        window.message?.error(`${i18n.t('message.download.failed')}：${error.message}`)
+        window.toast?.error(`${i18n.t('message.download.failed')}：${error.message}`)
       } else {
-        window.message?.error(i18n.t('message.download.failed'))
+        window.toast?.error(i18n.t('message.download.failed'))
       }
     })
 }
diff --git a/src/renderer/src/utils/error.ts b/src/renderer/src/utils/error.ts
index a1640fd99d..024a6713b0 100644
--- a/src/renderer/src/utils/error.ts
+++ b/src/renderer/src/utils/error.ts
@@ -1,3 +1,4 @@
+import { McpError } from '@modelcontextprotocol/sdk/types.js'
 import {
   AiSdkErrorUnion,
   isSerializedAiSdkAPICallError,
@@ -8,7 +9,7 @@ import {
 } from '@renderer/types/error'
 import { InvalidToolInputError, NoSuchToolError } from 'ai'
 import { t } from 'i18next'
-import z from 'zod'
+import { z } from 'zod'
 
 import { safeSerialize } from './serialize'
 
@@ -41,25 +42,17 @@ export function getErrorDetails(err: any, seen = new WeakSet()): any {
   return result
 }
 
-export function formatErrorMessage(error: any): string {
-  try {
-    const detailedError = getErrorDetails(error)
-    delete detailedError?.headers
-    delete detailedError?.stack
-    delete detailedError?.request_id
+export function formatErrorMessage(error: unknown): string {
+  const detailedError = getErrorDetails(error)
+  delete detailedError?.headers
+  delete detailedError?.stack
+  delete detailedError?.request_id
 
-    const formattedJson = JSON.stringify(detailedError, null, 2)
-      .split('\n')
-      .map((line) => `  ${line}`)
-      .join('\n')
-    return `Error Details:\n${formattedJson}`
-  } catch (e) {
-    try {
-      return `Error: ${String(error)}`
-    } catch {
-      return 'Error: Unable to format error message'
-    }
-  }
+  const formattedJson = JSON.stringify(detailedError, null, 2)
+    .split('\n')
+    .map((line) => `  ${line}`)
+    .join('\n')
+  return `Error Details:\n${formattedJson}`
 }
 
 export const isAbortError = (error: any): boolean => {
@@ -89,10 +82,8 @@ export const isAbortError = (error: any): boolean => {
   return false
 }
 
-export const formatMcpError = (error: any) => {
-  if (error.message.includes('32000')) {
-    return t('settings.mcp.errors.32000')
-  }
+// TODO: format
+export const formatMcpError = (error: McpError) => {
   return error.message
 }
 
diff --git a/src/renderer/src/utils/export.ts b/src/renderer/src/utils/export.ts
index c70e9176f7..e647cc7d0e 100644
--- a/src/renderer/src/utils/export.ts
+++ b/src/renderer/src/utils/export.ts
@@ -406,7 +406,7 @@ export const exportTopicAsMarkdown = async (
   excludeCitations?: boolean
 ): Promise<void> => {
   if (getExportState()) {
-    window.message.warning({ content: i18n.t('message.warn.export.exporting'), key: 'markdown-exporting' })
+    window.toast.warning(i18n.t('message.warn.export.exporting'))
     return
   }
 
@@ -419,13 +419,10 @@ export const exportTopicAsMarkdown = async (
       const markdown = await topicToMarkdown(topic, exportReasoning, excludeCitations)
       const result = await window.api.file.save(fileName, markdown)
       if (result) {
-        window.message.success({
-          content: i18n.t('message.success.markdown.export.specified'),
-          key: 'markdown-success'
-        })
+        window.toast.success(i18n.t('message.success.markdown.export.specified'))
       }
     } catch (error: any) {
-      window.message.error({ content: i18n.t('message.error.markdown.export.specified'), key: 'markdown-error' })
+      window.toast.error(i18n.t('message.error.markdown.export.specified'))
       logger.error('Failed to export topic as markdown:', error)
     } finally {
       setExportingState(false)
@@ -436,9 +433,9 @@ export const exportTopicAsMarkdown = async (
       const fileName = removeSpecialCharactersForFileName(topic.name) + ` ${timestamp}.md`
       const markdown = await topicToMarkdown(topic, exportReasoning, excludeCitations)
       await window.api.file.write(markdownExportPath + '/' + fileName, markdown)
-      window.message.success({ content: i18n.t('message.success.markdown.export.preconf'), key: 'markdown-success' })
+      window.toast.success(i18n.t('message.success.markdown.export.preconf'))
     } catch (error: any) {
-      window.message.error({ content: i18n.t('message.error.markdown.export.preconf'), key: 'markdown-error' })
+      window.toast.error(i18n.t('message.error.markdown.export.preconf'))
       logger.error('Failed to export topic as markdown:', error)
     } finally {
       setExportingState(false)
@@ -452,7 +449,7 @@ export const exportMessageAsMarkdown = async (
   excludeCitations?: boolean
 ): Promise<void> => {
   if (getExportState()) {
-    window.message.warning({ content: i18n.t('message.warn.export.exporting'), key: 'markdown-exporting' })
+    window.toast.warning(i18n.t('message.warn.export.exporting'))
     return
   }
 
@@ -468,13 +465,10 @@ export const exportMessageAsMarkdown = async (
         : await messageToMarkdown(message, excludeCitations)
       const result = await window.api.file.save(fileName, markdown)
       if (result) {
-        window.message.success({
-          content: i18n.t('message.success.markdown.export.specified'),
-          key: 'markdown-success'
-        })
+        window.toast.success(i18n.t('message.success.markdown.export.specified'))
       }
     } catch (error: any) {
-      window.message.error({ content: i18n.t('message.error.markdown.export.specified'), key: 'markdown-error' })
+      window.toast.error(i18n.t('message.error.markdown.export.specified'))
       logger.error('Failed to export message as markdown:', error)
     } finally {
       setExportingState(false)
@@ -488,9 +482,9 @@ export const exportMessageAsMarkdown = async (
         ? await messageToMarkdownWithReasoning(message, excludeCitations)
         : await messageToMarkdown(message, excludeCitations)
       await window.api.file.write(markdownExportPath + '/' + fileName, markdown)
-      window.message.success({ content: i18n.t('message.success.markdown.export.preconf'), key: 'markdown-success' })
+      window.toast.success(i18n.t('message.success.markdown.export.preconf'))
     } catch (error: any) {
-      window.message.error({ content: i18n.t('message.error.markdown.export.preconf'), key: 'markdown-error' })
+      window.toast.error(i18n.t('message.error.markdown.export.preconf'))
       logger.error('Failed to export message as markdown:', error)
     } finally {
       setExportingState(false)
@@ -580,7 +574,7 @@ const convertThinkingToNotionBlocks = async (thinkingContent: string): Promise<a
 
 const executeNotionExport = async (title: string, allBlocks: any[]): Promise<boolean> => {
   if (getExportState()) {
-    window.message.warning({ content: i18n.t('message.warn.export.exporting'), key: 'notion-exporting' })
+    window.toast.warning(i18n.t('message.warn.export.exporting'))
     return false
   }
 
@@ -590,12 +584,12 @@ const executeNotionExport = async (title: string, allBlocks: any[]): Promise<boo
     notionApiKey: 'data.integration.notion.api_key'
   })
   if (!notionApiKey || !notionDatabaseID) {
-    window.message.error({ content: i18n.t('message.error.notion.no_api_key'), key: 'notion-no-apikey-error' })
+    window.toast.error(i18n.t('message.error.notion.no_api_key'))
     return false
   }
 
   if (allBlocks.length === 0) {
-    window.message.error({ content: i18n.t('message.error.notion.export'), key: 'notion-no-content-error' })
+    window.toast.error(i18n.t('message.error.notion.export'))
     return false
   }
 
@@ -609,13 +603,7 @@ const executeNotionExport = async (title: string, allBlocks: any[]): Promise<boo
   try {
     const notion = new Client({ auth: notionApiKey })
 
-    window.message.loading({
-      content: i18n.t('message.loading.notion.preparing'),
-      key: 'notion-preparing',
-      duration: 0
-    })
-
-    const response = await notion.pages.create({
+    const responsePromise = notion.pages.create({
       parent: { database_id: notionDatabaseID },
       properties: {
         [notionPageNameKey || 'Name']: {
@@ -623,30 +611,23 @@ const executeNotionExport = async (title: string, allBlocks: any[]): Promise<boo
         }
       }
     })
+    window.toast.loading({ title: i18n.t('message.loading.notion.preparing'), promise: responsePromise })
+    const response = await responsePromise
 
-    window.message.destroy('notion-preparing')
-    window.message.loading({
-      content: i18n.t('message.loading.notion.exporting_progress'),
-      key: 'notion-exporting',
-      duration: 0
-    })
-
-    await appendBlocks({
+    const exportPromise = appendBlocks({
       block_id: response.id,
       children: allBlocks,
       client: notion
     })
+    window.toast.loading({ title: i18n.t('message.loading.notion.exporting_progress'), promise: exportPromise })
 
-    window.message.destroy('notion-exporting')
-    window.message.success({ content: i18n.t('message.success.notion.export'), key: 'notion-success' })
+    window.toast.success(i18n.t('message.success.notion.export'))
     return true
   } catch (error: any) {
     // 清理可能存在的loading消息
-    window.message.destroy('notion-preparing')
-    window.message.destroy('notion-exporting')
 
     logger.error('Notion export failed:', error)
-    window.message.error({ content: i18n.t('message.error.notion.export'), key: 'notion-export-error' })
+    window.toast.error(i18n.t('message.error.notion.export'))
     return false
   } finally {
     setExportingState(false)
@@ -717,12 +698,12 @@ export const exportMarkdownToYuque = async (title: string, content: string): Pro
   })
 
   if (getExportState()) {
-    window.message.warning({ content: i18n.t('message.warn.export.exporting'), key: 'yuque-exporting' })
+    window.toast.warning(i18n.t('message.warn.export.exporting'))
     return
   }
 
   if (!yuqueToken || !yuqueRepoId) {
-    window.message.error({ content: i18n.t('message.error.yuque.no_config'), key: 'yuque-no-config-error' })
+    window.toast.error(i18n.t('message.error.yuque.no_config'))
     return
   }
 
@@ -769,17 +750,11 @@ export const exportMarkdownToYuque = async (title: string, content: string): Pro
       throw new Error(`HTTP error! status: ${tocResponse.status}`)
     }
 
-    window.message.success({
-      content: i18n.t('message.success.yuque.export'),
-      key: 'yuque-success'
-    })
+    window.toast.success(i18n.t('message.success.yuque.export'))
     return data
   } catch (error: any) {
     logger.debug(error)
-    window.message.error({
-      content: i18n.t('message.error.yuque.export'),
-      key: 'yuque-error'
-    })
+    window.toast.error(i18n.t('message.error.yuque.export'))
     return null
   } finally {
     setExportingState(false)
@@ -799,7 +774,7 @@ export const exportMarkdownToYuque = async (title: string, content: string): Pro
  */
 export const exportMarkdownToObsidian = async (attributes: any): Promise<void> => {
   if (getExportState()) {
-    window.message.warning({ content: i18n.t('message.warn.export.exporting'), key: 'obsidian-exporting' })
+    window.toast.warning(i18n.t('message.warn.export.exporting'))
     return
   }
 
@@ -812,12 +787,12 @@ export const exportMarkdownToObsidian = async (attributes: any): Promise<void> =
     let isMarkdownFile = false
 
     if (!obsidianVault) {
-      window.message.error(i18n.t('chat.topics.export.obsidian_no_vault_selected'))
+      window.toast.error(i18n.t('chat.topics.export.obsidian_no_vault_selected'))
       return
     }
 
     if (!attributes.title) {
-      window.message.error(i18n.t('chat.topics.export.obsidian_title_required'))
+      window.toast.error(i18n.t('chat.topics.export.obsidian_title_required'))
       return
     }
 
@@ -854,10 +829,10 @@ export const exportMarkdownToObsidian = async (attributes: any): Promise<void> =
     }
 
     window.open(obsidianUrl)
-    window.message.success(i18n.t('chat.topics.export.obsidian_export_success'))
+    window.toast.success(i18n.t('chat.topics.export.obsidian_export_success'))
   } catch (error) {
     logger.error('Failed to export to Obsidian:', error as Error)
-    window.message.error(i18n.t('chat.topics.export.obsidian_export_failed'))
+    window.toast.error(i18n.t('chat.topics.export.obsidian_export_failed'))
   } finally {
     setExportingState(false)
   }
@@ -921,12 +896,12 @@ export const exportMarkdownToJoplin = async (
     })
 
   if (getExportState()) {
-    window.message.warning({ content: i18n.t('message.warn.export.exporting'), key: 'joplin-exporting' })
+    window.toast.warning(i18n.t('message.warn.export.exporting'))
     return
   }
 
   if (!joplinUrl || !joplinToken) {
-    window.message.error(i18n.t('message.error.joplin.no_config'))
+    window.toast.error(i18n.t('message.error.joplin.no_config'))
     return
   }
 
@@ -967,11 +942,11 @@ export const exportMarkdownToJoplin = async (
       throw new Error('response error')
     }
 
-    window.message.success(i18n.t('message.success.joplin.export'))
+    window.toast.success(i18n.t('message.success.joplin.export'))
     return data
   } catch (error: any) {
     logger.error('Failed to export to Joplin:', error)
-    window.message.error(i18n.t('message.error.joplin.export'))
+    window.toast.error(i18n.t('message.error.joplin.export'))
     return null
   } finally {
     setExportingState(false)
@@ -992,12 +967,12 @@ export const exportMarkdownToSiyuan = async (title: string, content: string): Pr
   })
 
   if (getExportState()) {
-    window.message.warning({ content: i18n.t('message.warn.export.exporting'), key: 'siyuan-exporting' })
+    window.toast.warning(i18n.t('message.warn.export.exporting'))
     return
   }
 
   if (!siyuanApiUrl || !siyuanToken || !siyuanBoxId) {
-    window.message.error({ content: i18n.t('message.error.siyuan.no_config'), key: 'siyuan-no-config-error' })
+    window.toast.error(i18n.t('message.error.siyuan.no_config'))
     return
   }
 
@@ -1032,16 +1007,10 @@ export const exportMarkdownToSiyuan = async (title: string, content: string): Pr
     // 创建文档
     await createSiyuanDoc(siyuanApiUrl, siyuanToken, siyuanBoxId, docPath, content)
 
-    window.message.success({
-      content: i18n.t('message.success.siyuan.export'),
-      key: 'siyuan-success'
-    })
+    window.toast.success(i18n.t('message.success.siyuan.export'))
   } catch (error) {
     logger.error('Failed to export to Siyuan:', error as Error)
-    window.message.error({
-      content: i18n.t('message.error.siyuan.export') + (error instanceof Error ? `: ${error.message}` : ''),
-      key: 'siyuan-error'
-    })
+    window.toast.error(i18n.t('message.error.siyuan.export') + (error instanceof Error ? `: ${error.message}` : ''))
   } finally {
     setExportingState(false)
   }
@@ -1118,18 +1087,12 @@ export const exportMessageToNotes = async (
     const cleanedContent = content.replace(/^## 🤖 Assistant(\n|$)/m, '')
     const note = await createNote(title, cleanedContent, folderPath)
 
-    window.message.success({
-      content: i18n.t('message.success.notes.export'),
-      key: 'notes-export-success'
-    })
+    window.toast.success(i18n.t('message.success.notes.export'))
 
     return note
   } catch (error) {
     logger.error('导出到笔记失败:', error as Error)
-    window.message.error({
-      content: i18n.t('message.error.notes.export'),
-      key: 'notes-export-error'
-    })
+    window.toast.error(i18n.t('message.error.notes.export'))
     throw error
   }
 }
@@ -1145,18 +1108,12 @@ export const exportTopicToNotes = async (topic: Topic, folderPath: string): Prom
     const content = await topicToMarkdown(topic)
     const note = await createNote(topic.name, content, folderPath)
 
-    window.message.success({
-      content: i18n.t('message.success.notes.export'),
-      key: 'notes-export-success'
-    })
+    window.toast.success(i18n.t('message.success.notes.export'))
 
     return note
   } catch (error) {
     logger.error('导出到笔记失败:', error as Error)
-    window.message.error({
-      content: i18n.t('message.error.notes.export'),
-      key: 'notes-export-error'
-    })
+    window.toast.error(i18n.t('message.error.notes.export'))
     throw error
   }
 }
diff --git a/src/renderer/src/utils/file.ts b/src/renderer/src/utils/file.ts
index 4b3590b7d4..a02d6c3a6e 100644
--- a/src/renderer/src/utils/file.ts
+++ b/src/renderer/src/utils/file.ts
@@ -129,3 +129,10 @@ export const mime2type = (mimeStr: string): FileTypes => {
   }
   return FileTypes.OTHER
 }
+
+export function parseFileTypes(str: string): FileTypes | null {
+  if (Object.values(FileTypes).includes(str as FileTypes)) {
+    return str as FileTypes
+  }
+  return null
+}
diff --git a/src/renderer/src/utils/image.ts b/src/renderer/src/utils/image.ts
index a9a15e468a..a42f372f3c 100644
--- a/src/renderer/src/utils/image.ts
+++ b/src/renderer/src/utils/image.ts
@@ -98,10 +98,7 @@ export const captureScrollable = async (elRef: React.RefObject<HTMLElement | nul
           el.scrollTop = originalScrollTop
         }, 0)
 
-        window.message.error({
-          content: i18n.t('message.error.dimension_too_large'),
-          key: 'export-error'
-        })
+        window.toast.error(i18n.t('message.error.dimension_too_large'))
         return Promise.reject()
       }
 
@@ -190,10 +187,10 @@ export async function captureScrollableIframe(
   // 禁用动画以确保捕获静态状态
   const disableAnimations = () => {
     const style = doc.createElement('style')
-    style.textContent = `*, *::before, *::after { 
-      animation: none !important; 
-      transition: none !important; 
-      // transform: none !important; 
+    style.textContent = `*, *::before, *::after {
+      animation: none !important;
+      transition: none !important;
+      // transform: none !important;
     }`
     doc.head.appendChild(style)
     return style
diff --git a/src/renderer/src/utils/index.ts b/src/renderer/src/utils/index.ts
index a09d9aa7a8..828d288ba8 100644
--- a/src/renderer/src/utils/index.ts
+++ b/src/renderer/src/utils/index.ts
@@ -222,6 +222,7 @@ export function uniqueObjectArray<T>(array: T[]): T[] {
 
 export * from './api'
 export * from './collection'
+export * from './dataLimit'
 export * from './file'
 export * from './image'
 export * from './json'
diff --git a/src/renderer/src/utils/linkConverter.ts b/src/renderer/src/utils/linkConverter.ts
index 220333f027..ccb6ec5004 100644
--- a/src/renderer/src/utils/linkConverter.ts
+++ b/src/renderer/src/utils/linkConverter.ts
@@ -1,5 +1,3 @@
-import { WebSearchResponse, WebSearchSource } from '@renderer/types'
-
 // Counter for numbering links
 let linkCounter = 1
 // Buffer to hold incomplete link fragments across chunks
@@ -17,109 +15,6 @@ function isHost(text: string): boolean {
   return /^(https?:\/\/)?[\w.-]+\.[a-z]{2,}(\/.*)?$/i.test(text) || /^[\w.-]+\.[a-z]{2,}(\/.*)?$/i.test(text)
 }
 
-/**
- * Converts Markdown links in the text to numbered links based on the rules:s
- * [ref_N] -> [<sup>N</sup>]
- * @param {string} text The current chunk of text to process
- * @param {boolean} resetCounter Whether to reset the counter and buffer
- * @returns {string} Processed text with complete links converted
- */
-export function convertLinksToZhipu(text: string, resetCounter: boolean = false): string {
-  if (resetCounter) {
-    linkCounter = 1
-    buffer = ''
-  }
-
-  // Append the new text to the buffer
-  buffer += text
-  let safePoint = buffer.length
-
-  // Check from the end for potentially incomplete [ref_N] patterns
-  for (let i = buffer.length - 1; i >= 0; i--) {
-    if (buffer[i] === '[') {
-      const substring = buffer.substring(i)
-      // Check if it's a complete [ref_N] pattern
-      const match = /^\[ref_\d+\]/.exec(substring)
-
-      if (!match) {
-        // Potentially incomplete [ref_N] pattern
-        safePoint = i
-        break
-      }
-    }
-  }
-
-  // Process the safe part of the buffer
-  const safeBuffer = buffer.substring(0, safePoint)
-  buffer = buffer.substring(safePoint)
-
-  // Replace all complete [ref_N] patterns
-  return safeBuffer.replace(/\[ref_(\d+)\]/g, (_, num) => {
-    return `[<sup>${num}</sup>]()`
-  })
-}
-
-/**
- * Converts Markdown links in the text to numbered links based on the rules:
- * [N](@ref) -> [<sup>N</sup>]()
- * [N,M,...](@ref) -> [<sup>N</sup>]() [<sup>M</sup>]() ...
- * @param {string} text The current chunk of text to process
- * @param {any[]} webSearch webSearch results
- * @param {boolean} resetCounter Whether to reset the counter and buffer
- * @returns {string} Processed text with complete links converted
- */
-export function convertLinksToHunyuan(text: string, webSearch: any[], resetCounter: boolean = false): string {
-  if (resetCounter) {
-    linkCounter = 1
-    buffer = ''
-  }
-
-  buffer += text
-  let safePoint = buffer.length
-
-  // Check from the end for potentially incomplete patterns
-  for (let i = buffer.length - 1; i >= 0; i--) {
-    if (buffer[i] === '[') {
-      const substring = buffer.substring(i)
-      // Check if it's a complete pattern - handles both [N](@ref) and [N,M,...](@ref)
-      const match = /^\[[\d,\s]+\]\(@ref\)/.exec(substring)
-
-      if (!match) {
-        // Potentially incomplete pattern
-        safePoint = i
-        break
-      }
-    }
-  }
-
-  // Process the safe part of the buffer
-  const safeBuffer = buffer.substring(0, safePoint)
-  buffer = buffer.substring(safePoint)
-
-  // Replace all complete patterns
-  return safeBuffer.replace(/\[([\d,\s]+)\]\(@ref\)/g, (_, numbers) => {
-    // Split the numbers string into individual numbers
-    const numArray = numbers
-      .split(',')
-      .map((num) => parseInt(num.trim()))
-      .filter((num) => !isNaN(num))
-
-    // Generate separate superscript links for each number
-    const links = numArray.map((num) => {
-      const index = num - 1
-      // Check if the index is valid in webSearch array
-      if (index >= 0 && index < webSearch.length && webSearch[index]?.url) {
-        return `[<sup>${num}</sup>](${webSearch[index].url})`
-      }
-      // If no matching URL found, keep the original reference format for this number
-      return `[<sup>${num}</sup>](@ref)`
-    })
-
-    // Join the separate links with spaces
-    return links.join('')
-  })
-}
-
 /**
  * Converts Markdown links in the text to numbered links based on the rules:
  * 1. ([host](url)) -> [cnt](url)
@@ -171,13 +66,21 @@ export function convertLinks(
         break
       }
 
-      // 检查是否是完整的链接但需要验证
+      // 检查是否是完整的链接
       const completeLink = /^\[([^\]]+)\]\(([^)]+)\)/.test(substring)
       if (completeLink) {
         // 如果是完整链接，继续处理，不设置safePoint
         continue
       }
 
+      // 检查是否是不完整的 [ 开始但还没有闭合的 ]
+      // 例如 [example. 这种情况
+      const incompleteBracket = /^\[[^\]]*$/.test(substring)
+      if (incompleteBracket) {
+        safePoint = i
+        break
+      }
+
       // 如果不是潜在的链接格式，继续检查
     }
   }
@@ -263,65 +166,6 @@ export function convertLinks(
   }
 }
 
-/**
- * Converts Markdown links in the text to numbered links based on the rules:
- * 1. [host](url) -> [cnt](url)
- *
- * @param {string} text The current chunk of text to process
- * @param {boolean} resetCounter Whether to reset the counter and buffer
- * @returns {string} Processed text with complete links converted
- */
-export function convertLinksToOpenRouter(text: string, resetCounter = false): string {
-  if (resetCounter) {
-    linkCounter = 1
-    buffer = ''
-    urlToCounterMap = new Map<string, number>()
-  }
-
-  // Append the new text to the buffer
-  buffer += text
-
-  // Find a safe point to process
-  let safePoint = buffer.length
-
-  // Check for potentially incomplete link patterns from the end
-  for (let i = buffer.length - 1; i >= 0; i--) {
-    if (buffer[i] === '[') {
-      const substring = buffer.substring(i)
-      const match = /^\[([^\]]+)\]\(([^)]+)\)/.exec(substring)
-
-      if (!match) {
-        safePoint = i
-        break
-      }
-    }
-  }
-
-  // Extract the part of the buffer that we can safely process
-  const safeBuffer = buffer.substring(0, safePoint)
-  buffer = buffer.substring(safePoint)
-
-  // Process the safe buffer to handle complete links
-  const result = safeBuffer.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (match, text, url) => {
-    // Only convert link if the text looks like a host/URL
-    if (isHost(text)) {
-      // Check if this URL has been seen before
-      let counter: number
-      if (urlToCounterMap.has(url)) {
-        counter = urlToCounterMap.get(url)!
-      } else {
-        counter = linkCounter++
-        urlToCounterMap.set(url, counter)
-      }
-      return `[<sup>${counter}</sup>](${url})`
-    }
-    // Keep original link format if the text doesn't look like a host
-    return match
-  })
-
-  return result
-}
-
 /**
  * 根据webSearch结果补全链接，将[<sup>num</sup>]()转换为[<sup>num</sup>](webSearch[num-1].url)
  * @param {string} text 原始文本
@@ -341,25 +185,6 @@ export function completeLinks(text: string, webSearch: any[]): string {
   })
 }
 
-/**
- * 根据webSearch结果补全链接，将[num]转换为[num](webSearch[num-1].url)
- * @param {string} text 原始文本
- * @param {any[]} webSearch webSearch结果
- * @returns {string} 补全后的文本
- */
-export function completionPerplexityLinks(text: string, webSearch: any[]): string {
-  return text.replace(/\[(\d+)\]/g, (match, numStr) => {
-    const num = parseInt(numStr)
-    const index = num - 1
-    // 检查 webSearch 数组中是否存在对应的 URL
-    if (index >= 0 && index < webSearch.length && webSearch[index].url) {
-      return `[${num}](${webSearch[index].url})`
-    }
-    // 如果没有找到对应的 URL，保持原样
-    return match
-  })
-}
-
 /**
  * 从Markdown文本中提取所有URL
  * 支持以下格式：
@@ -412,118 +237,6 @@ export function cleanLinkCommas(text: string): string {
   return text.replace(/\]\(([^)]+)\)\s*,\s*\[/g, ']($1)[')
 }
 
-/**
- * 从文本中识别各种格式的Web搜索引用占位符
- * 支持的格式包括：[1], [ref_1], [1](@ref), [1,2,3](@ref) 等
- * @param {string} text 要分析的文本
- * @returns {Array} 识别到的引用信息数组
- */
-export function extractWebSearchReferences(text: string): Array<{
-  match: string
-  placeholder: string
-  numbers: number[]
-  startIndex: number
-  endIndex: number
-}> {
-  const references: Array<{
-    match: string
-    placeholder: string
-    numbers: number[]
-    startIndex: number
-    endIndex: number
-  }> = []
-
-  // 匹配各种引用格式的正则表达式
-  const patterns = [
-    // [1], [2], [3] - 简单数字引用
-    { regex: /\[(\d+)\]/g, type: 'simple' },
-    // [ref_1], [ref_2] - Zhipu格式
-    { regex: /\[ref_(\d+)\]/g, type: 'zhipu' },
-    // [1](@ref), [2](@ref) - Hunyuan单个引用格式
-    { regex: /\[(\d+)\]\(@ref\)/g, type: 'hunyuan_single' },
-    // [1,2,3](@ref) - Hunyuan多个引用格式
-    { regex: /\[([\d,\s]+)\]\(@ref\)/g, type: 'hunyuan_multiple' }
-  ]
-
-  patterns.forEach(({ regex, type }) => {
-    let match
-    while ((match = regex.exec(text)) !== null) {
-      let numbers: number[] = []
-
-      if (type === 'hunyuan_multiple') {
-        // 解析逗号分隔的数字
-        numbers = match[1]
-          .split(',')
-          .map((num) => parseInt(num.trim()))
-          .filter((num) => !isNaN(num))
-      } else {
-        // 单个数字
-        numbers = [parseInt(match[1])]
-      }
-
-      references.push({
-        match: match[0],
-        placeholder: match[0],
-        numbers: numbers,
-        startIndex: match.index!,
-        endIndex: match.index! + match[0].length
-      })
-    }
-  })
-
-  // 按位置排序
-  return references.sort((a, b) => a.startIndex - b.startIndex)
-}
-
-/**
- * 智能链接转换器 - 根据文本中的引用模式和Web搜索结果自动选择合适的转换策略
- * @param {string} text 当前文本块
- * @param {any[]} webSearchResults Web搜索结果数组
- * @param {string} providerType Provider类型 ('openai', 'zhipu', 'hunyuan', 'openrouter', etc.)
- * @param {boolean} resetCounter 是否重置计数器
- * @returns {{text: string, hasBufferedContent: boolean}} 转换后的文本和是否有内容被缓冲
- */
-export function smartLinkConverter(
-  text: string,
-  providerType: string = 'openai',
-  resetCounter: boolean = false,
-  webSearchResults?: WebSearchResponse
-): { text: string; hasBufferedContent: boolean } {
-  if (webSearchResults) {
-    const webSearch = webSearchResults.results
-    switch (webSearchResults.source) {
-      case WebSearchSource.PERPLEXITY: {
-        text = completionPerplexityLinks(text, webSearch as any[])
-        break
-      }
-    }
-  }
-  // 检测文本中的引用模式
-  const references = extractWebSearchReferences(text)
-
-  if (references.length === 0) {
-    // 如果没有特定的引用模式，使用通用转换
-    return convertLinks(text, resetCounter)
-  }
-
-  // 根据检测到的引用模式选择合适的转换器
-  const hasZhipuPattern = references.some((ref) => ref.placeholder.includes('ref_'))
-
-  if (hasZhipuPattern) {
-    return {
-      text: convertLinksToZhipu(text, resetCounter),
-      hasBufferedContent: false
-    }
-  } else if (providerType === 'openrouter') {
-    return {
-      text: convertLinksToOpenRouter(text, resetCounter),
-      hasBufferedContent: false
-    }
-  } else {
-    return convertLinks(text, resetCounter)
-  }
-}
-
 /**
  * 强制返回buffer中的所有内容，用于流结束时清空缓冲区
  * @returns {string} buffer中剩余的所有内容
diff --git a/src/renderer/src/utils/markdownConverter.ts b/src/renderer/src/utils/markdownConverter.ts
index 08b6ec506c..3b766cd32c 100644
--- a/src/renderer/src/utils/markdownConverter.ts
+++ b/src/renderer/src/utils/markdownConverter.ts
@@ -750,7 +750,35 @@ export const htmlToMarkdown = (html: string | null | undefined): string => {
   try {
     const encodedHtml = escapeCustomTags(html)
     const turndownResult = turndownService.turndown(encodedHtml)
-    const finalResult = he.decode(turndownResult)
+    let finalResult = he.decode(turndownResult)
+
+    // Post-process to unescape square brackets that are not part of Markdown link syntax
+    // This preserves wiki-style double brackets [[foo]] and single brackets [foo]
+    // but keeps proper Markdown links [text](url) intact
+
+    // Use a more sophisticated approach: check for the link pattern first,
+    // then unescape standalone brackets
+
+    // First, protect actual Markdown links by temporarily replacing them
+    const linkPlaceholders: string[] = []
+    let linkCounter = 0
+
+    // Find and replace all Markdown links with placeholders
+    finalResult = finalResult.replace(/\\\[([^\]]*)\\\]\([^)]*\)/g, (match) => {
+      const placeholder = `__MDLINK_${linkCounter++}__`
+      linkPlaceholders[linkCounter - 1] = match
+      return placeholder
+    })
+
+    // Now unescape all remaining square brackets
+    finalResult = finalResult.replace(/\\\[/g, '[').replace(/\\\]/g, ']')
+
+    // Restore the Markdown links
+    for (let i = 0; i < linkPlaceholders.length; i++) {
+      const placeholder = `__MDLINK_${i}__`
+      finalResult = finalResult.replace(placeholder, linkPlaceholders[i])
+    }
+
     return finalResult
   } catch (error) {
     logger.error('Error converting HTML to Markdown:', error as Error)
diff --git a/src/renderer/src/utils/mcp-tools.ts b/src/renderer/src/utils/mcp-tools.ts
index c9ee86a76b..4175094342 100644
--- a/src/renderer/src/utils/mcp-tools.ts
+++ b/src/renderer/src/utils/mcp-tools.ts
@@ -85,7 +85,7 @@ export function openAIToolsToMcpTool(
     }
   } catch (error) {
     logger.error(`Error parsing tool call: ${toolCall}`, error as Error)
-    window.message.error(t('chat.mcp.error.parse_tool_call', { toolCall: toolCall }))
+    window.toast.error(t('chat.mcp.error.parse_tool_call', { toolCall: toolCall }))
     return undefined
   }
   const tools = mcpTools.filter((mcpTool) => {
@@ -93,12 +93,12 @@ export function openAIToolsToMcpTool(
   })
   if (tools.length > 1) {
     logger.warn(`Multiple MCP Tools found for tool call: ${toolName}`)
-    window.message.warning(t('chat.mcp.warning.multiple_tools', { tool: tools[0].name }))
+    window.toast.warning(t('chat.mcp.warning.multiple_tools', { tool: tools[0].name }))
   }
 
   if (tools.length === 0) {
     logger.warn(`No MCP Tool found for tool call: ${toolName}`)
-    window.message.warning(t('chat.mcp.warning.no_tool', { tool: toolName }))
+    window.toast.warning(t('chat.mcp.warning.no_tool', { tool: toolName }))
     return undefined
   }
 
@@ -197,12 +197,12 @@ export function anthropicToolUseToMcpTool(mcpTools: MCPTool[] | undefined, toolU
   const tools = mcpTools.filter((tool) => tool.id === toolUse.name)
   if (tools.length === 0) {
     logger.warn(`No MCP Tool found for tool call: ${toolUse.name}`)
-    window.message.warning(t('chat.mcp.warning.no_tool', { tool: toolUse.name }))
+    window.toast.warning(t('chat.mcp.warning.no_tool', { tool: toolUse.name }))
     return undefined
   }
   if (tools.length > 1) {
     logger.warn(`Multiple MCP Tools found for tool call: ${toolUse.name}`)
-    window.message.warning(t('chat.mcp.warning.multiple_tools', { tool: tools[0].name }))
+    window.toast.warning(t('chat.mcp.warning.multiple_tools', { tool: tools[0].name }))
   }
   return tools[0]
 }
@@ -243,12 +243,12 @@ export function geminiFunctionCallToMcpTool(
   const tools = mcpTools.filter((tool) => tool.id.includes(toolName) || tool.name.includes(toolName))
   if (tools.length > 1) {
     logger.warn(`Multiple MCP Tools found for tool call: ${toolName}`)
-    window.message.warning(t('chat.mcp.warning.multiple_tools', { tool: tools[0].name }))
+    window.toast.warning(t('chat.mcp.warning.multiple_tools', { tool: tools[0].name }))
   }
 
   if (tools.length === 0) {
     logger.warn(`No MCP Tool found for tool call: ${toolName}`)
-    window.message.warning(t('chat.mcp.warning.no_tool', { tool: toolName }))
+    window.toast.warning(t('chat.mcp.warning.no_tool', { tool: toolName }))
     return undefined
   }
 
@@ -369,7 +369,7 @@ export function parseToolUse(
     const mcpTool = mcpTools.find((tool) => tool.id === toolName || tool.name === toolName)
     if (!mcpTool) {
       logger.error(`Tool "${toolName}" not found in MCP tools`)
-      window.message.error(i18n.t('settings.mcp.errors.toolNotFound', { name: toolName }))
+      window.toast.error(i18n.t('settings.mcp.errors.toolNotFound', { name: toolName }))
       continue
     }
 
@@ -826,9 +826,7 @@ export function mcpToolCallResponseToAwsBedrockMessage(
 }
 
 /**
- * 是否启用工具使用
- * 1. 如果模型支持函数调用，则启用工具使用
- * 2. 如果工具使用模式为 prompt，则启用工具使用
+ * 是否启用工具使用(function call)
  * @param assistant
  * @returns 是否启用工具使用
  */
diff --git a/src/renderer/src/utils/messageUtils/is.ts b/src/renderer/src/utils/messageUtils/is.ts
index 7b2535e518..b874f08ae2 100644
--- a/src/renderer/src/utils/messageUtils/is.ts
+++ b/src/renderer/src/utils/messageUtils/is.ts
@@ -1,10 +1,12 @@
 import {
+  AssistantMessageStatus,
   type CitationMessageBlock,
   type CodeMessageBlock,
   type ErrorMessageBlock,
   type FileMessageBlock,
   type ImageMessageBlock,
   type MainTextMessageBlock,
+  Message,
   type MessageBlock,
   MessageBlockType,
   type PlaceholderMessageBlock,
@@ -147,3 +149,11 @@ export function isCitationBlock(block: MessageBlock): block is CitationMessageBl
 export function isPlaceholderBlock(block: MessageBlock): block is PlaceholderMessageBlock {
   return block.type === MessageBlockType.UNKNOWN
 }
+
+export function isMessageProcessing(message: Message): boolean {
+  return (
+    message.status === AssistantMessageStatus.PROCESSING ||
+    message.status === AssistantMessageStatus.PENDING ||
+    message.status === AssistantMessageStatus.SEARCHING
+  )
+}
diff --git a/src/renderer/src/utils/motionVariants.ts b/src/renderer/src/utils/motionVariants.ts
index 8d5d25ade6..73afaa6342 100644
--- a/src/renderer/src/utils/motionVariants.ts
+++ b/src/renderer/src/utils/motionVariants.ts
@@ -1,4 +1,5 @@
-export const lightbulbVariants = {
+import type { Variants } from 'motion/react'
+export const lightbulbVariants: Variants = {
   active: {
     opacity: [1, 0.2, 1],
     transition: {
@@ -17,7 +18,7 @@ export const lightbulbVariants = {
   }
 }
 
-export const lightbulbSoftVariants = {
+export const lightbulbSoftVariants: Variants = {
   active: {
     opacity: [1, 0.5, 1],
     transition: {
diff --git a/src/renderer/src/utils/oauth.ts b/src/renderer/src/utils/oauth.ts
index 8f40c088d4..9fbb632a07 100644
--- a/src/renderer/src/utils/oauth.ts
+++ b/src/renderer/src/utils/oauth.ts
@@ -52,7 +52,7 @@ export const oauthWithAihubmix = async (setKey) => {
       } catch (error) {
         logger.error('[oauthWithAihubmix] error', error as Error)
         popup?.close()
-        window.message.error(i18n.t('settings.provider.oauth.error'))
+        window.toast.error(i18n.t('settings.provider.oauth.error'))
       }
     }
   }
@@ -140,7 +140,7 @@ export const oauthWithTokenFlux = async () => {
   const callbackUrl = `${TOKENFLUX_HOST}/auth/callback?redirect_to=/dashboard/api-keys`
   const resp = await fetch(`${TOKENFLUX_HOST}/api/auth/auth-url?type=login&callback=${callbackUrl}`, {})
   if (!resp.ok) {
-    window.message.error(i18n.t('settings.provider.oauth.error'))
+    window.toast.error(i18n.t('settings.provider.oauth.error'))
     return
   }
   const data = await resp.json()
diff --git a/src/renderer/src/utils/style.ts b/src/renderer/src/utils/style.ts
index 8050904cd1..a95fa93dd2 100644
--- a/src/renderer/src/utils/style.ts
+++ b/src/renderer/src/utils/style.ts
@@ -141,3 +141,63 @@ export function getForegroundColor(backgroundColor: HexColor): HexColor {
 
   return luminance > 0.179 ? '#000000' : '#FFFFFF'
 }
+
+// 用于ts方式控制响应式样式，暂时没用上
+// 目前应该设计到lg就足够
+// 应该和 file://./../assets/styles/responsive.scss 保持一致
+/**
+ * 断点配置对象，定义了不同屏幕尺寸的最小宽度（单位：像素）
+ *
+ * @property {number} xs - 超小屏幕断点，起始于 0px
+ * @property {number} sm - 小屏幕断点，起始于 576px
+ * @property {number} md - 中等屏幕断点，起始于 768px
+ * @property {number} lg - 大屏幕断点，起始于 1080px
+ * @property {number} xl - 超大屏幕断点，起始于 1200px
+ * @property {number} xxl - 超超大屏幕断点，起始于 1400px
+ */
+// export const breakpoints = {
+//   xs: 0,
+//   sm: 576,
+//   md: 768,
+//   lg: 1080,
+//   xl: 1200,
+//   xxl: 1400
+// } as const
+
+// type MediaQueryFunction = (styles: string) => string
+// type MediaQueries = Record<keyof typeof breakpoints, MediaQueryFunction>
+
+/**
+ * 媒体查询工具对象，用于生成响应式样式的媒体查询字符串
+ *
+ * @example
+ * // 使用示例：
+ * ```ts
+ * const styles = {
+ *   color: 'red',
+ *   [media.md]: `
+ *     color: blue;
+ *   `,
+ *   [media.lg]: `
+ *     color: green;
+ *   `
+ * }
+ * ```
+ *
+ * 生成的CSS将包含：
+ * ```css
+ *   color: red;
+ *   @media (max-width: 768px) { color: blue; }
+ *   @media (max-width: 992px) { color: green; }
+ * ```
+ */
+// Not using for now
+// export const media = objectKeys(breakpoints).reduce<MediaQueries>((acc, label) => {
+//   const key = label
+//   acc[key] = (styles: string): string => `
+//     @media (max-width: ${breakpoints[key]}px) {
+//       ${styles}
+//     }
+//   `
+//   return acc
+// }, {} as MediaQueries)
diff --git a/src/renderer/src/utils/webviewStateManager.ts b/src/renderer/src/utils/webviewStateManager.ts
index 2512ef5f62..d93cec1197 100644
--- a/src/renderer/src/utils/webviewStateManager.ts
+++ b/src/renderer/src/utils/webviewStateManager.ts
@@ -5,6 +5,24 @@ const logger = loggerService.withContext('WebviewStateManager')
 // Global WebView loaded states - shared between popup and tab modes
 const globalWebviewStates = new Map<string, boolean>()
 
+// Per-app listeners (fine grained)
+type WebviewStateListener = (loaded: boolean) => void
+const appListeners = new Map<string, Set<WebviewStateListener>>()
+
+const emitState = (appId: string, loaded: boolean) => {
+  const listeners = appListeners.get(appId)
+  if (listeners && listeners.size) {
+    listeners.forEach((cb) => {
+      try {
+        cb(loaded)
+      } catch (e) {
+        // Swallow listener errors to avoid breaking others
+        logger.debug(`Listener error for ${appId}: ${(e as Error).message}`)
+      }
+    })
+  }
+}
+
 /**
  * Set WebView loaded state for a specific app
  * @param appId - The mini-app ID
@@ -13,6 +31,7 @@ const globalWebviewStates = new Map<string, boolean>()
 export const setWebviewLoaded = (appId: string, loaded: boolean) => {
   globalWebviewStates.set(appId, loaded)
   logger.debug(`WebView state set for ${appId}: ${loaded}`)
+  emitState(appId, loaded)
 }
 
 /**
@@ -33,6 +52,8 @@ export const clearWebviewState = (appId: string) => {
   if (wasLoaded) {
     logger.debug(`WebView state cleared for ${appId}`)
   }
+  // 清掉监听（避免潜在内存泄漏）
+  appListeners.delete(appId)
 }
 
 /**
@@ -42,6 +63,7 @@ export const clearAllWebviewStates = () => {
   const count = globalWebviewStates.size
   globalWebviewStates.clear()
   logger.debug(`Cleared all WebView states (${count} apps)`)
+  appListeners.clear()
 }
 
 /**
@@ -53,3 +75,46 @@ export const getLoadedAppIds = (): string[] => {
     .filter(([, loaded]) => loaded)
     .map(([appId]) => appId)
 }
+
+/**
+ * Subscribe to a specific app's webview loaded state changes.
+ * Returns an unsubscribe function.
+ */
+export const onWebviewStateChange = (appId: string, listener: WebviewStateListener): (() => void) => {
+  let listeners = appListeners.get(appId)
+  if (!listeners) {
+    listeners = new Set<WebviewStateListener>()
+    appListeners.set(appId, listeners)
+  }
+  listeners.add(listener)
+  return () => {
+    listeners!.delete(listener)
+    if (listeners!.size === 0) appListeners.delete(appId)
+  }
+}
+
+/**
+ * Promise helper: wait until the webview becomes loaded.
+ * Optional timeout (ms) to avoid hanging forever; resolves false on timeout.
+ */
+export const waitForWebviewLoaded = (appId: string, timeout = 15000): Promise<boolean> => {
+  if (getWebviewLoaded(appId)) return Promise.resolve(true)
+  return new Promise((resolve) => {
+    let done = false
+    const unsubscribe = onWebviewStateChange(appId, (loaded) => {
+      if (!loaded) return
+      if (done) return
+      done = true
+      unsubscribe()
+      resolve(true)
+    })
+    if (timeout > 0) {
+      setTimeout(() => {
+        if (done) return
+        done = true
+        unsubscribe()
+        resolve(false)
+      }, timeout)
+    }
+  })
+}
diff --git a/src/renderer/src/windows/mini/MiniWindowApp.tsx b/src/renderer/src/windows/mini/MiniWindowApp.tsx
index c247eb6607..00fff29fa0 100644
--- a/src/renderer/src/windows/mini/MiniWindowApp.tsx
+++ b/src/renderer/src/windows/mini/MiniWindowApp.tsx
@@ -1,9 +1,11 @@
 import '@renderer/databases'
 
 import { usePreference } from '@data/hooks/usePreference'
+import { HeroUIProvider } from '@heroui/react'
 import { ErrorBoundary } from '@renderer/components/ErrorBoundary'
+import { ToastPortal } from '@renderer/components/ToastPortal'
+import { getToastUtilities } from '@renderer/components/TopView/toast'
 import store, { persistor } from '@renderer/store'
-import { message } from 'antd'
 import { useEffect } from 'react'
 import { Provider } from 'react-redux'
 import { PersistGate } from 'redux-persist/integration/react'
@@ -35,24 +37,26 @@ function MiniWindowContent(): React.ReactElement {
 }
 
 function MiniWindow(): React.ReactElement {
-  //miniWindow should register its own message component
-  const [messageApi, messageContextHolder] = message.useMessage()
-  window.message = messageApi
+  useEffect(() => {
+    window.toast = getToastUtilities()
+  }, [])
 
   return (
     <Provider store={store}>
-      <ThemeProvider>
-        <AntdProvider>
-          <CodeStyleProvider>
-            <PersistGate loading={null} persistor={persistor}>
-              <ErrorBoundary>
-                {messageContextHolder}
-                <MiniWindowContent />
-              </ErrorBoundary>
-            </PersistGate>
-          </CodeStyleProvider>
-        </AntdProvider>
-      </ThemeProvider>
+      <HeroUIProvider>
+        <ThemeProvider>
+          <AntdProvider>
+            <CodeStyleProvider>
+              <PersistGate loading={null} persistor={persistor}>
+                <ErrorBoundary>
+                  <MiniWindowContent />
+                </ErrorBoundary>
+              </PersistGate>
+            </CodeStyleProvider>
+          </AntdProvider>
+        </ThemeProvider>
+        <ToastPortal />
+      </HeroUIProvider>
     </Provider>
   )
 }
diff --git a/src/renderer/src/windows/mini/entryPoint.tsx b/src/renderer/src/windows/mini/entryPoint.tsx
index cc4da3f940..5974350c06 100644
--- a/src/renderer/src/windows/mini/entryPoint.tsx
+++ b/src/renderer/src/windows/mini/entryPoint.tsx
@@ -1,4 +1,5 @@
-import '@renderer/assets/styles/index.scss'
+import '@renderer/assets/styles/index.css'
+import '@renderer/assets/styles/tailwind.css'
 import '@ant-design/v5-patch-for-react-19'
 
 import KeyvStorage from '@kangfenmao/keyv-storage'
diff --git a/src/renderer/src/windows/mini/home/HomeWindow.tsx b/src/renderer/src/windows/mini/home/HomeWindow.tsx
index ac6c7fbe40..2292636895 100644
--- a/src/renderer/src/windows/mini/home/HomeWindow.tsx
+++ b/src/renderer/src/windows/mini/home/HomeWindow.tsx
@@ -468,7 +468,7 @@ const HomeWindow: FC<{ draggable?: boolean }> = ({ draggable = true }) => {
     if (lastMessage) {
       const content = getMainTextContent(lastMessage)
       navigator.clipboard.writeText(content)
-      window.message.success(t('message.copy.success'))
+      window.toast.success(t('message.copy.success'))
     }
   }, [currentTopic, t])
 
diff --git a/src/renderer/src/windows/mini/translate/TranslateWindow.tsx b/src/renderer/src/windows/mini/translate/TranslateWindow.tsx
index 1973f51a2e..681e96de1f 100644
--- a/src/renderer/src/windows/mini/translate/TranslateWindow.tsx
+++ b/src/renderer/src/windows/mini/translate/TranslateWindow.tsx
@@ -65,7 +65,7 @@ const Translate: FC<Props> = ({ text }) => {
 
   useHotkeys('c', () => {
     navigator.clipboard.writeText(result)
-    window.message.success(t('message.copy.success'))
+    window.toast.success(t('message.copy.success'))
   })
 
   return (
diff --git a/src/renderer/src/windows/selection/action/components/ActionGeneral.tsx b/src/renderer/src/windows/selection/action/components/ActionGeneral.tsx
index 0659db6273..73d5d780ef 100644
--- a/src/renderer/src/windows/selection/action/components/ActionGeneral.tsx
+++ b/src/renderer/src/windows/selection/action/components/ActionGeneral.tsx
@@ -76,9 +76,7 @@ const ActionGeneral: FC<Props> = React.memo(({ action, scrollToBottom }) => {
           action.selectedText
         break
       case 'refine':
-        userContent =
-          `请根据下面的内容进行优化或润色，并保持原内容的含义和完整性。要求：使用原语言进行回复；请不要包含对本提示词的任何解释，直接给出回复： \n\n` +
-          action.selectedText
+        userContent = `请对用XML标签<INPUT>包裹的用户输入内容进行优化或润色，并保持原内容的含义和完整性。要求：你的输出应当与用户输入内容的语言相同。；请不要包含对本提示词的任何解释，直接给出回复；请不要输出XML标签，直接输出优化后的内容: \n\n<INPUT>${action.selectedText ?? ''}</INPUT>`
         break
       default:
         if (!action.prompt) {
diff --git a/src/renderer/src/windows/selection/action/components/WindowFooter.tsx b/src/renderer/src/windows/selection/action/components/WindowFooter.tsx
index 53f3d7818b..5c0af02079 100644
--- a/src/renderer/src/windows/selection/action/components/WindowFooter.tsx
+++ b/src/renderer/src/windows/selection/action/components/WindowFooter.tsx
@@ -132,7 +132,7 @@ const WindowFooter: FC<FooterProps> = ({
     navigator.clipboard
       .writeText(content)
       .then(() => {
-        window.message.success(t('message.copy.success'))
+        window.toast.success(t('message.copy.success'))
         setIsCopyHovered(true)
         setTimeoutTimer(
           'handleCopy',
@@ -143,7 +143,7 @@ const WindowFooter: FC<FooterProps> = ({
         )
       })
       .catch(() => {
-        window.message.error(t('message.copy.failed'))
+        window.toast.error(t('message.copy.failed'))
       })
   }
 
@@ -169,7 +169,7 @@ const WindowFooter: FC<FooterProps> = ({
                 <Pause size={14} className="btn-icon loading-icon" style={{ position: 'absolute', left: 1, top: 1 }} />
                 <LoadingOutlined
                   style={{ fontSize: 16, position: 'absolute', left: 0, top: 0 }}
-                  className="btn-icon  loading-icon"
+                  className="btn-icon loading-icon"
                   spin
                 />
               </LoadingIconWrapper>
diff --git a/src/renderer/src/windows/selection/action/entryPoint.tsx b/src/renderer/src/windows/selection/action/entryPoint.tsx
index 25c4ad2359..75d11046a3 100644
--- a/src/renderer/src/windows/selection/action/entryPoint.tsx
+++ b/src/renderer/src/windows/selection/action/entryPoint.tsx
@@ -1,16 +1,19 @@
-import '@renderer/assets/styles/index.scss'
+import '@renderer/assets/styles/index.css'
+import '@renderer/assets/styles/tailwind.css'
 import '@ant-design/v5-patch-for-react-19'
 
 import { preferenceService } from '@data/PreferenceService'
+import { HeroUIProvider } from '@heroui/react'
 import KeyvStorage from '@kangfenmao/keyv-storage'
 import { loggerService } from '@logger'
+import { ToastPortal } from '@renderer/components/ToastPortal'
+import { getToastUtilities } from '@renderer/components/TopView/toast'
 import AntdProvider from '@renderer/context/AntdProvider'
 import { CodeStyleProvider } from '@renderer/context/CodeStyleProvider'
 import { ThemeProvider } from '@renderer/context/ThemeProvider'
 import storeSyncService from '@renderer/services/StoreSyncService'
 import store, { persistor } from '@renderer/store'
-import { message } from 'antd'
-import { FC } from 'react'
+import { FC, useEffect } from 'react'
 import { createRoot } from 'react-dom/client'
 import { Provider } from 'react-redux'
 import { PersistGate } from 'redux-persist/integration/react'
@@ -45,21 +48,24 @@ storeSyncService.subscribe()
 
 const App: FC = () => {
   //actionWindow should register its own message component
-  const [messageApi, messageContextHolder] = message.useMessage()
-  window.message = messageApi
+  useEffect(() => {
+    window.toast = getToastUtilities()
+  }, [])
 
   return (
     <Provider store={store}>
-      <ThemeProvider>
-        <AntdProvider>
-          <CodeStyleProvider>
-            <PersistGate loading={null} persistor={persistor}>
-              {messageContextHolder}
-              <SelectionActionApp />
-            </PersistGate>
-          </CodeStyleProvider>
-        </AntdProvider>
-      </ThemeProvider>
+      <HeroUIProvider>
+        <ThemeProvider>
+          <AntdProvider>
+            <CodeStyleProvider>
+              <PersistGate loading={null} persistor={persistor}>
+                <SelectionActionApp />
+              </PersistGate>
+            </CodeStyleProvider>
+          </AntdProvider>
+        </ThemeProvider>
+        <ToastPortal />
+      </HeroUIProvider>
     </Provider>
   )
 }
diff --git a/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx b/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx
index 59f5bd1204..947bb000bd 100644
--- a/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx
+++ b/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx
@@ -1,4 +1,4 @@
-import '@renderer/assets/styles/selection-toolbar.scss'
+import '@renderer/assets/styles/selection-toolbar.css'
 
 import { usePreference } from '@data/hooks/usePreference'
 import { loggerService } from '@logger'
diff --git a/tsconfig.json b/tsconfig.json
index 903c7e60a4..16d6bfb9f6 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -12,6 +12,10 @@
   "compilerOptions": {
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
-    "useDefineForClassFields": true
+    "useDefineForClassFields": true,
+    "baseUrl": ".",
+    "paths": {
+      "@renderer/*": ["src/renderer/src/*"]
+    }
   }
 }
diff --git a/tsconfig.node.json b/tsconfig.node.json
index 8517089c0e..2256fede9d 100644
--- a/tsconfig.node.json
+++ b/tsconfig.node.json
@@ -13,6 +13,7 @@
   "compilerOptions": {
     "composite": true,
     "incremental": true,
+    "moduleResolution": "bundler",
     "tsBuildInfoFile": ".tsbuildinfo/tsconfig.node.tsbuildinfo",
     "types": [
       "electron-vite/node",
@@ -25,7 +26,8 @@
       "@main/*": ["src/main/*"],
       "@types": ["src/renderer/src/types/index.ts"],
       "@shared/*": ["packages/shared/*"],
-      "@mcp-trace/*": ["packages/mcp-trace/*"]
+      "@mcp-trace/*": ["packages/mcp-trace/*"],
+      "@modelcontextprotocol/sdk/*": ["node_modules/@modelcontextprotocol/sdk/dist/esm/*"]
     },
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
diff --git a/vitest.config.ts b/vitest.config.ts
index 80e9a455d2..b4440a2461 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -25,7 +25,7 @@ export default defineConfig({
       // 渲染进程单元测试配置
       {
         extends: true,
-        plugins: rendererConfig.plugins,
+        plugins: rendererConfig.plugins.filter((plugin: any) => plugin.name !== 'tailwindcss'),
         resolve: {
           alias: rendererConfig.resolve.alias
         },
diff --git a/yarn.lock b/yarn.lock
index c7db954dab..4481e24ab4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -90,6 +90,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ai-sdk/anthropic@npm:2.0.15":
+  version: 2.0.15
+  resolution: "@ai-sdk/anthropic@npm:2.0.15"
+  dependencies:
+    "@ai-sdk/provider": "npm:2.0.0"
+    "@ai-sdk/provider-utils": "npm:3.0.8"
+  peerDependencies:
+    zod: ^3.25.76 || ^4
+  checksum: 10c0/9597b32be8b83dab67b23f162ca66cde385213fb1665f54091d59430789becf73e2b4fcd2be66ceb13020409f59cd8f9da7dae23adf183bc9eb7ce94f55bde96
+  languageName: node
+  linkType: hard
+
 "@ai-sdk/anthropic@npm:2.0.4":
   version: 2.0.4
   resolution: "@ai-sdk/anthropic@npm:2.0.4"
@@ -140,54 +152,42 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ai-sdk/gateway@npm:1.0.15":
-  version: 1.0.15
-  resolution: "@ai-sdk/gateway@npm:1.0.15"
+"@ai-sdk/gateway@npm:1.0.20":
+  version: 1.0.20
+  resolution: "@ai-sdk/gateway@npm:1.0.20"
   dependencies:
     "@ai-sdk/provider": "npm:2.0.0"
-    "@ai-sdk/provider-utils": "npm:3.0.7"
+    "@ai-sdk/provider-utils": "npm:3.0.8"
   peerDependencies:
     zod: ^3.25.76 || ^4
-  checksum: 10c0/cdd09f119d6618f00c363a27f51dc466a8a64f57f01bcdd127030a804825bd143b0fef2dbdb7802530865d474f4b9d55855670fecd7f2e6c615a5d9ac9fd6e3b
+  checksum: 10c0/c25e98aab2513f783b2b552245b027e5a73b209d974e25bbfae0e69b67fd3468bba0bf57085ca3d7259b4dc8881e7f40fca769f698f0b1eb028a849f587ad09c
   languageName: node
   linkType: hard
 
-"@ai-sdk/google-vertex@npm:^3.0.0":
-  version: 3.0.9
-  resolution: "@ai-sdk/google-vertex@npm:3.0.9"
+"@ai-sdk/google-vertex@npm:^3.0.25":
+  version: 3.0.25
+  resolution: "@ai-sdk/google-vertex@npm:3.0.25"
   dependencies:
-    "@ai-sdk/anthropic": "npm:2.0.4"
-    "@ai-sdk/google": "npm:2.0.6"
+    "@ai-sdk/anthropic": "npm:2.0.15"
+    "@ai-sdk/google": "npm:2.0.13"
     "@ai-sdk/provider": "npm:2.0.0"
-    "@ai-sdk/provider-utils": "npm:3.0.3"
+    "@ai-sdk/provider-utils": "npm:3.0.8"
     google-auth-library: "npm:^9.15.0"
   peerDependencies:
     zod: ^3.25.76 || ^4
-  checksum: 10c0/c6584b877f9e20a10dd7d92fc4cb1b4a9838510aa89734cf1ff2faa74ba820b976d3359d4eadcb6035c8911973300efb157931fa0d1105abc8db36f94544cc88
+  checksum: 10c0/ed67a439fc4a446aa7353d258c61497198aecdf0de55500d2abbea86109bbf1ff4570fffdfcf58508db1c887a2095a71322777634f76326a45e259d28ef0b801
   languageName: node
   linkType: hard
 
-"@ai-sdk/google@npm:2.0.6":
-  version: 2.0.6
-  resolution: "@ai-sdk/google@npm:2.0.6"
+"@ai-sdk/google@npm:2.0.13, @ai-sdk/google@npm:^2.0.13":
+  version: 2.0.13
+  resolution: "@ai-sdk/google@npm:2.0.13"
   dependencies:
     "@ai-sdk/provider": "npm:2.0.0"
-    "@ai-sdk/provider-utils": "npm:3.0.3"
+    "@ai-sdk/provider-utils": "npm:3.0.8"
   peerDependencies:
     zod: ^3.25.76 || ^4
-  checksum: 10c0/ad54dd4168df62851646bec3ac2e5cf9e39f3def3e9017579aef5c8e8ecdf57c150c67a80cad4d092c3df69cd8539bc1792adb6c311ed095f8261673b7812e98
-  languageName: node
-  linkType: hard
-
-"@ai-sdk/google@npm:^2.0.7":
-  version: 2.0.7
-  resolution: "@ai-sdk/google@npm:2.0.7"
-  dependencies:
-    "@ai-sdk/provider": "npm:2.0.0"
-    "@ai-sdk/provider-utils": "npm:3.0.4"
-  peerDependencies:
-    zod: ^3.25.76 || ^4
-  checksum: 10c0/bde4c95a2a167355cda18de9d5b273d562d2a724f650ca69016daa8df2766280487e143cf0cdd96f6654c255d587a680c6a937b280eb734ca2c35d6f9b9e943c
+  checksum: 10c0/a05210de11d7ab41d49bcd0330c37f4116441b149d8ccc9b6bc5eaa12ea42bae82364dc2cd09502734b15115071f07395525806ea4998930b285b1ce74102186
   languageName: node
   linkType: hard
 
@@ -227,15 +227,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ai-sdk/openai@npm:^2.0.19":
-  version: 2.0.19
-  resolution: "@ai-sdk/openai@npm:2.0.19"
+"@ai-sdk/openai@npm:^2.0.26":
+  version: 2.0.26
+  resolution: "@ai-sdk/openai@npm:2.0.26"
   dependencies:
     "@ai-sdk/provider": "npm:2.0.0"
-    "@ai-sdk/provider-utils": "npm:3.0.5"
+    "@ai-sdk/provider-utils": "npm:3.0.8"
   peerDependencies:
     zod: ^3.25.76 || ^4
-  checksum: 10c0/04db695669d783a810b80283e0cd48f6e7654667fd76ca2d35c7cffae6fdd68fb0473118e4e097ef1352f4432dd7c15c07f873d712b940c72495e5839b0ede98
+  checksum: 10c0/b8cb01c0c38525c38901f41f1693cd15589932a2aceddea14bed30f44719532a5e74615fb0e974eff1a0513048ac204c27456ff8829a9c811d1461cc635c9cc5
+  languageName: node
+  linkType: hard
+
+"@ai-sdk/perplexity@npm:^2.0.8":
+  version: 2.0.8
+  resolution: "@ai-sdk/perplexity@npm:2.0.8"
+  dependencies:
+    "@ai-sdk/provider": "npm:2.0.0"
+    "@ai-sdk/provider-utils": "npm:3.0.8"
+  peerDependencies:
+    zod: ^3.25.76 || ^4
+  checksum: 10c0/acfd6c09c4c0ef5af7eeec6e8bc20b90b24d1d3fc2bc8ee9de4e40770fc0c17ca2c8db8f0248ff07264b71e5aa65f64d37a165db2f43fee84c1b3513cb97983c
   languageName: node
   linkType: hard
 
@@ -267,30 +279,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ai-sdk/provider-utils@npm:3.0.5":
-  version: 3.0.5
-  resolution: "@ai-sdk/provider-utils@npm:3.0.5"
-  dependencies:
-    "@ai-sdk/provider": "npm:2.0.0"
-    "@standard-schema/spec": "npm:^1.0.0"
-    eventsource-parser: "npm:^3.0.3"
-    zod-to-json-schema: "npm:^3.24.1"
-  peerDependencies:
-    zod: ^3.25.76 || ^4
-  checksum: 10c0/4057810b320bda149a178dc1bfc9cdd592ca88b736c3c22bd0c1f8111c75ef69beec4a523f363e5d0d120348b876942fd66c0bb4965864da4c12c5cfddee15a3
-  languageName: node
-  linkType: hard
-
-"@ai-sdk/provider-utils@npm:3.0.7":
-  version: 3.0.7
-  resolution: "@ai-sdk/provider-utils@npm:3.0.7"
+"@ai-sdk/provider-utils@npm:3.0.8":
+  version: 3.0.8
+  resolution: "@ai-sdk/provider-utils@npm:3.0.8"
   dependencies:
     "@ai-sdk/provider": "npm:2.0.0"
     "@standard-schema/spec": "npm:^1.0.0"
     eventsource-parser: "npm:^3.0.5"
   peerDependencies:
     zod: ^3.25.76 || ^4
-  checksum: 10c0/7e709289f9e514a6ba56a9b19764eb124ea1bd36d4b3b3e455a1c05353674c152839a4d3cd061af7a4cc36106bd15859a2346e54d4ed0a861feec3b2c4c21513
+  checksum: 10c0/f466657c886cbb9f7ecbcd2dd1abc51a88af9d3f1cff030f7e97e70a4790a99f3338ad886e9c0dccf04dacdcc84522c7d57119b9a4e8e1d84f2dae9c893c397e
   languageName: node
   linkType: hard
 
@@ -495,6 +493,48 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@apidevtools/json-schema-ref-parser@npm:^9.0.6":
+  version: 9.1.2
+  resolution: "@apidevtools/json-schema-ref-parser@npm:9.1.2"
+  dependencies:
+    "@jsdevtools/ono": "npm:^7.1.3"
+    "@types/json-schema": "npm:^7.0.6"
+    call-me-maybe: "npm:^1.0.1"
+    js-yaml: "npm:^4.1.0"
+  checksum: 10c0/ebf952eb2e00bf0919f024e72897e047fd5012f0a9e47ac361873f6de0a733b9334513cdbc73205a6b43ac4a652b8c87f55e489c39b2d60bd0bc1cb2b411e218
+  languageName: node
+  linkType: hard
+
+"@apidevtools/openapi-schemas@npm:^2.0.4":
+  version: 2.1.0
+  resolution: "@apidevtools/openapi-schemas@npm:2.1.0"
+  checksum: 10c0/f4aa0f9df32e474d166c84ef91bceb18fa1c4f44b5593879529154ef340846811ea57dc2921560f157f692262827d28d988dd6e19fb21f00320e9961964176b4
+  languageName: node
+  linkType: hard
+
+"@apidevtools/swagger-methods@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "@apidevtools/swagger-methods@npm:3.0.2"
+  checksum: 10c0/8c390e8e50c0be7787ba0ba4c3758488bde7c66c2d995209b4b48c1f8bc988faf393cbb24a4bd1cd2d42ce5167c26538e8adea5c85eb922761b927e4dab9fa1c
+  languageName: node
+  linkType: hard
+
+"@apidevtools/swagger-parser@npm:10.0.3":
+  version: 10.0.3
+  resolution: "@apidevtools/swagger-parser@npm:10.0.3"
+  dependencies:
+    "@apidevtools/json-schema-ref-parser": "npm:^9.0.6"
+    "@apidevtools/openapi-schemas": "npm:^2.0.4"
+    "@apidevtools/swagger-methods": "npm:^3.0.2"
+    "@jsdevtools/ono": "npm:^7.1.3"
+    call-me-maybe: "npm:^1.0.1"
+    z-schema: "npm:^5.0.1"
+  peerDependencies:
+    openapi-types: ">=7"
+  checksum: 10c0/3b43f719c2d647ac8dcf30f132834d413ce21cbf7a8d9c3b35ec91149dd25d608c8fd892358fcd61a8edd8c5140a7fb13676f948e2d87067d081a47b8c7107e9
+  languageName: node
+  linkType: hard
+
 "@asamuzakjp/css-color@npm:^3.1.1":
   version: 3.1.2
   resolution: "@asamuzakjp/css-color@npm:3.1.2"
@@ -2249,8 +2289,8 @@ __metadata:
     "@ai-sdk/anthropic": "npm:^2.0.5"
     "@ai-sdk/azure": "npm:^2.0.16"
     "@ai-sdk/deepseek": "npm:^1.0.9"
-    "@ai-sdk/google": "npm:^2.0.7"
-    "@ai-sdk/openai": "npm:^2.0.19"
+    "@ai-sdk/google": "npm:^2.0.13"
+    "@ai-sdk/openai": "npm:^2.0.26"
     "@ai-sdk/openai-compatible": "npm:^1.0.9"
     "@ai-sdk/provider": "npm:^2.0.0"
     "@ai-sdk/provider-utils": "npm:^3.0.4"
@@ -2258,7 +2298,7 @@ __metadata:
     tsdown: "npm:^0.12.9"
     typescript: "npm:^5.0.0"
     vitest: "npm:^3.2.4"
-    zod: "npm:^3.25.0"
+    zod: "npm:^4.1.5"
   peerDependencies:
     ai: ^5.0.26
   languageName: unknown
@@ -3284,6 +3324,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@emnapi/wasi-threads@npm:^1.0.4":
+  version: 1.1.0
+  resolution: "@emnapi/wasi-threads@npm:1.1.0"
+  dependencies:
+    tslib: "npm:^2.4.0"
+  checksum: 10c0/e6d54bf2b1e64cdd83d2916411e44e579b6ae35d5def0dea61a3c452d9921373044dff32a8b8473ae60c80692bdc39323e98b96a3f3d87ba6886b24dd0ef7ca1
+  languageName: node
+  linkType: hard
+
 "@emotion/hash@npm:^0.8.0":
   version: 0.8.0
   resolution: "@emotion/hash@npm:0.8.0"
@@ -3923,6 +3972,57 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@formatjs/ecma402-abstract@npm:2.3.4":
+  version: 2.3.4
+  resolution: "@formatjs/ecma402-abstract@npm:2.3.4"
+  dependencies:
+    "@formatjs/fast-memoize": "npm:2.2.7"
+    "@formatjs/intl-localematcher": "npm:0.6.1"
+    decimal.js: "npm:^10.4.3"
+    tslib: "npm:^2.8.0"
+  checksum: 10c0/2644bc618a34dc610ef9691281eeb45ae6175e6982cf19f1bd140672fc95c748747ce3c85b934649ea7e4a304f7ae0060625fd53d5df76f92ca3acf743e1eb0a
+  languageName: node
+  linkType: hard
+
+"@formatjs/fast-memoize@npm:2.2.7":
+  version: 2.2.7
+  resolution: "@formatjs/fast-memoize@npm:2.2.7"
+  dependencies:
+    tslib: "npm:^2.8.0"
+  checksum: 10c0/f5eabb0e4ab7162297df8252b4cfde194b23248120d9df267592eae2be2d2f7c4f670b5a70523d91b4ecdc35d40e65823bb8eeba8dd79fbf8601a972bf3b8866
+  languageName: node
+  linkType: hard
+
+"@formatjs/icu-messageformat-parser@npm:2.11.2":
+  version: 2.11.2
+  resolution: "@formatjs/icu-messageformat-parser@npm:2.11.2"
+  dependencies:
+    "@formatjs/ecma402-abstract": "npm:2.3.4"
+    "@formatjs/icu-skeleton-parser": "npm:1.8.14"
+    tslib: "npm:^2.8.0"
+  checksum: 10c0/a121f2d2c6b36a1632ffd64c3545e2500c8ee0f7fee5db090318c035d635c430ab123faedb5d000f18d9423a7b55fbf670b84e2e2dd72cc307a38aed61d3b2e0
+  languageName: node
+  linkType: hard
+
+"@formatjs/icu-skeleton-parser@npm:1.8.14":
+  version: 1.8.14
+  resolution: "@formatjs/icu-skeleton-parser@npm:1.8.14"
+  dependencies:
+    "@formatjs/ecma402-abstract": "npm:2.3.4"
+    tslib: "npm:^2.8.0"
+  checksum: 10c0/a1807ed6e90b8a2e8d0e5b5125e6f9a2c057d3cff377fb031d2333af7cfaa6de4ed3a15c23da7294d4c3557f8b28b2163246434a19720f26b5db0497d97e9b58
+  languageName: node
+  linkType: hard
+
+"@formatjs/intl-localematcher@npm:0.6.1":
+  version: 0.6.1
+  resolution: "@formatjs/intl-localematcher@npm:0.6.1"
+  dependencies:
+    tslib: "npm:^2.8.0"
+  checksum: 10c0/bacbedd508519c1bb5ca2620e89dc38f12101be59439aa14aa472b222915b462cb7d679726640f6dcf52a05dd218b5aa27ccd60f2e5010bb96f1d4929848cde0
+  languageName: node
+  linkType: hard
+
 "@gar/promisify@npm:^1.1.3":
   version: 1.1.3
   resolution: "@gar/promisify@npm:1.1.3"
@@ -4007,6 +4107,1449 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@heroui/accordion@npm:2.2.22":
+  version: 2.2.22
+  resolution: "@heroui/accordion@npm:2.2.22"
+  dependencies:
+    "@heroui/aria-utils": "npm:2.2.22"
+    "@heroui/divider": "npm:2.2.18"
+    "@heroui/dom-animation": "npm:2.1.10"
+    "@heroui/framer-utils": "npm:2.1.21"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-aria-accordion": "npm:2.2.17"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-stately/tree": "npm:3.9.2"
+    "@react-types/accordion": "npm:3.0.0-alpha.26"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/4af7d1968ead37260ec909ee23d4e8f3275b2ab450ab07f10aa91bcd7dbff5e78de5f7c795c0d6e75eee3a7ed390741ef55cf9f377c3880addcdf1a75ef1da95
+  languageName: node
+  linkType: hard
+
+"@heroui/alert@npm:2.2.25":
+  version: 2.2.25
+  resolution: "@heroui/alert@npm:2.2.25"
+  dependencies:
+    "@heroui/button": "npm:2.2.25"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@react-stately/utils": "npm:3.10.8"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.19"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/feb8c493d7e77e646f4094faaca8382d966b9e39be88db9b806a71e58bebe91f60ed0ee808810affe802f6cc5887a048c3d36b56652d0c14cafc64668249aa79
+  languageName: node
+  linkType: hard
+
+"@heroui/aria-utils@npm:2.2.22":
+  version: 2.2.22
+  resolution: "@heroui/aria-utils@npm:2.2.22"
+  dependencies:
+    "@heroui/system": "npm:2.4.21"
+    "@react-aria/utils": "npm:3.30.1"
+    "@react-stately/collections": "npm:3.12.7"
+    "@react-types/overlays": "npm:3.9.1"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/48c95d3453223a073d4a6920ad3904e2046d5808906c32fdbb009745081a52501d6cda4cab0e109c82dab30f5a419665bc3c049200c343e5233754979c73fd61
+  languageName: node
+  linkType: hard
+
+"@heroui/autocomplete@npm:2.3.27":
+  version: 2.3.27
+  resolution: "@heroui/autocomplete@npm:2.3.27"
+  dependencies:
+    "@heroui/aria-utils": "npm:2.2.22"
+    "@heroui/button": "npm:2.2.25"
+    "@heroui/form": "npm:2.1.25"
+    "@heroui/input": "npm:2.4.26"
+    "@heroui/listbox": "npm:2.3.24"
+    "@heroui/popover": "npm:2.3.25"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/scroll-shadow": "npm:2.3.17"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-safe-layout-effect": "npm:2.1.8"
+    "@react-aria/combobox": "npm:3.13.1"
+    "@react-aria/i18n": "npm:3.12.12"
+    "@react-stately/combobox": "npm:3.11.1"
+    "@react-types/combobox": "npm:3.13.8"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/22a03a60463f35b80905b1bd8494f1075df4711dff454d7bb86618399f79c456a960d5114a1179ffc8255e31d4c9dd0dc1a697e315e12ad11f777a57091f442f
+  languageName: node
+  linkType: hard
+
+"@heroui/avatar@npm:2.2.21":
+  version: 2.2.21
+  resolution: "@heroui/avatar@npm:2.2.21"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-image": "npm:2.1.12"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/8d5840992820206971ae6982fe93489901015199cc3754d051fd63f975c8e371c947b55afc0ff9ce6ff0e57ea85b2681808302d410c88f0ff0bd59f9f1c06d24
+  languageName: node
+  linkType: hard
+
+"@heroui/badge@npm:2.2.16":
+  version: 2.2.16
+  resolution: "@heroui/badge@npm:2.2.16"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/49673eafd445d27b03d62444934983d54fa6e505471710884eb2129bde02563f09a38f78155eeac336160dc8b488199b675238516f1ec8059ba1896b7913f516
+  languageName: node
+  linkType: hard
+
+"@heroui/breadcrumbs@npm:2.2.21":
+  version: 2.2.21
+  resolution: "@heroui/breadcrumbs@npm:2.2.21"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@react-aria/breadcrumbs": "npm:3.5.28"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-types/breadcrumbs": "npm:3.7.16"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/50914678bbcaae8ca9c216fe616730a8a89b30f72aab10ec6bf8c41f58512874ea038852c2a0b76e47161ca4a8d305133b81110113d7f57db31787dae41f8d6e
+  languageName: node
+  linkType: hard
+
+"@heroui/button@npm:2.2.25":
+  version: 2.2.25
+  resolution: "@heroui/button@npm:2.2.25"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/ripple": "npm:2.2.19"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/spinner": "npm:2.2.22"
+    "@heroui/use-aria-button": "npm:2.2.19"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/80ff5a30177c8acdcd102e695da6966cbc893c67d52af87b2f81d34e625164aee084cce75ccdeb6b3766d621db7bcb829aaccb862b6a669f564ab9a889b664ae
+  languageName: node
+  linkType: hard
+
+"@heroui/calendar@npm:2.2.25":
+  version: 2.2.25
+  resolution: "@heroui/calendar@npm:2.2.25"
+  dependencies:
+    "@heroui/button": "npm:2.2.25"
+    "@heroui/dom-animation": "npm:2.1.10"
+    "@heroui/framer-utils": "npm:2.1.21"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-aria-button": "npm:2.2.19"
+    "@internationalized/date": "npm:3.9.0"
+    "@react-aria/calendar": "npm:3.9.1"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/i18n": "npm:3.12.12"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/visually-hidden": "npm:3.8.27"
+    "@react-stately/calendar": "npm:3.8.4"
+    "@react-stately/utils": "npm:3.10.8"
+    "@react-types/button": "npm:3.14.0"
+    "@react-types/calendar": "npm:3.7.4"
+    "@react-types/shared": "npm:3.32.0"
+    scroll-into-view-if-needed: "npm:3.0.10"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/5894b2eac33a7a6df7e977bd10a3a290969c897d661458d8de997a057e3b1ce7748e271bc1e2cd67e57747ea0b46ebe19cc55343989f3d8eebc0affe528765f1
+  languageName: node
+  linkType: hard
+
+"@heroui/card@npm:2.2.24":
+  version: 2.2.24
+  resolution: "@heroui/card@npm:2.2.24"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/ripple": "npm:2.2.19"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-aria-button": "npm:2.2.19"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/65cdd7631939d3aaa1f8f0bdbc5fa2a4469d4449a255ed0185adbdd9d9a271832cf43cfe64f2efadeec5953e5021e1b73e29572ef493fa2a1c30d9b96b6f04be
+  languageName: node
+  linkType: hard
+
+"@heroui/checkbox@npm:2.3.25":
+  version: 2.3.25
+  resolution: "@heroui/checkbox@npm:2.3.25"
+  dependencies:
+    "@heroui/form": "npm:2.1.25"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-callback-ref": "npm:2.1.8"
+    "@heroui/use-safe-layout-effect": "npm:2.1.8"
+    "@react-aria/checkbox": "npm:3.16.1"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-stately/checkbox": "npm:3.7.1"
+    "@react-stately/toggle": "npm:3.9.1"
+    "@react-types/checkbox": "npm:3.10.1"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/50bf5dc0e7bf74066f2f96ae65d0d3f21a234596a57d3e4a3cfb6a816eef974a5bfbf3091db03eac56508d99e5d0dbc3f03b963f92ab63a22075e31e901d452b
+  languageName: node
+  linkType: hard
+
+"@heroui/chip@npm:2.2.21":
+  version: 2.2.21
+  resolution: "@heroui/chip@npm:2.2.21"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/737fb5e6e846f61928fd3f25cf4a29c377f082819155838cf0b45a3ba84ba7abba49f781b4598b320765de9ea02bc84ced2af91961f1ffa4926612ff1de921cc
+  languageName: node
+  linkType: hard
+
+"@heroui/code@npm:2.2.19":
+  version: 2.2.19
+  resolution: "@heroui/code@npm:2.2.19"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/system-rsc": "npm:2.3.18"
+  peerDependencies:
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/678e37b3c89f3d402ca9907f1b6c8e8dc1eb03dd24088d9020ea7fa3f29052832b52528150e4a71a77ca38d6dec931515b8a2deabd7f3a914a1d45ba959b8d73
+  languageName: node
+  linkType: hard
+
+"@heroui/date-input@npm:2.3.25":
+  version: 2.3.25
+  resolution: "@heroui/date-input@npm:2.3.25"
+  dependencies:
+    "@heroui/form": "npm:2.1.25"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@internationalized/date": "npm:3.9.0"
+    "@react-aria/datepicker": "npm:3.15.1"
+    "@react-aria/i18n": "npm:3.12.12"
+    "@react-stately/datepicker": "npm:3.15.1"
+    "@react-types/datepicker": "npm:3.13.1"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/ca1ab109611181234b7a3c819574977eba47cda857eecf2d4d7c2b49a30fa24dae95162acb7ae9c289ec1f79d8f9a66428bfdce435d2f85fa4249ed495c4710c
+  languageName: node
+  linkType: hard
+
+"@heroui/date-picker@npm:2.3.26":
+  version: 2.3.26
+  resolution: "@heroui/date-picker@npm:2.3.26"
+  dependencies:
+    "@heroui/aria-utils": "npm:2.2.22"
+    "@heroui/button": "npm:2.2.25"
+    "@heroui/calendar": "npm:2.2.25"
+    "@heroui/date-input": "npm:2.3.25"
+    "@heroui/form": "npm:2.1.25"
+    "@heroui/popover": "npm:2.3.25"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@internationalized/date": "npm:3.9.0"
+    "@react-aria/datepicker": "npm:3.15.1"
+    "@react-aria/i18n": "npm:3.12.12"
+    "@react-stately/datepicker": "npm:3.15.1"
+    "@react-stately/utils": "npm:3.10.8"
+    "@react-types/datepicker": "npm:3.13.1"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/b3dc76b8f15fdf9e58ea64de5c5a574c78d1e1b7bf634144ae313341f72a8702251337fb71deb13a76c948bd5d5037f85defde3cef5c6d7074fa55dbd09e1656
+  languageName: node
+  linkType: hard
+
+"@heroui/divider@npm:2.2.18":
+  version: 2.2.18
+  resolution: "@heroui/divider@npm:2.2.18"
+  dependencies:
+    "@heroui/react-rsc-utils": "npm:2.1.9"
+    "@heroui/system-rsc": "npm:2.3.18"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/4c62a43e423c9d1f947c4ae5e30198d21daf16c72d91057ca6898b012bb88b8851d25b3fd76957bf7dbdd896510a06ae69754dc8a5b51f380df1dd48bedde987
+  languageName: node
+  linkType: hard
+
+"@heroui/dom-animation@npm:2.1.10":
+  version: 2.1.10
+  resolution: "@heroui/dom-animation@npm:2.1.10"
+  peerDependencies:
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+  checksum: 10c0/dc111d80b4364109f45610cd9f3ff8ed75b92ef97b86f74685d626ac27d9a58d59ab1c8505d53830aad4ebd2fd22587213dcfde9d2d126a4c0e61071b6291300
+  languageName: node
+  linkType: hard
+
+"@heroui/drawer@npm:2.2.22":
+  version: 2.2.22
+  resolution: "@heroui/drawer@npm:2.2.22"
+  dependencies:
+    "@heroui/framer-utils": "npm:2.1.21"
+    "@heroui/modal": "npm:2.2.22"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/6e848f2059d796b7645d3f42b54baef792a5b59fc9c256ce603451736a7129ed34d76c5eaae37f3761467f13a2b05e1184de068d13ff925dbac34f969f5a0f7b
+  languageName: node
+  linkType: hard
+
+"@heroui/dropdown@npm:2.3.25":
+  version: 2.3.25
+  resolution: "@heroui/dropdown@npm:2.3.25"
+  dependencies:
+    "@heroui/aria-utils": "npm:2.2.22"
+    "@heroui/menu": "npm:2.2.24"
+    "@heroui/popover": "npm:2.3.25"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/menu": "npm:3.19.1"
+    "@react-stately/menu": "npm:3.9.7"
+    "@react-types/menu": "npm:3.10.4"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/3ba6c767f131bdc752affc7521f19222b2a4180ebeeab3099885177df941d6cb4af1f953eab6cee220d54410e03a3c95b588354ee4c9d3be1d62c2c466618130
+  languageName: node
+  linkType: hard
+
+"@heroui/form@npm:2.1.25":
+  version: 2.1.25
+  resolution: "@heroui/form@npm:2.1.25"
+  dependencies:
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/system": "npm:2.4.21"
+    "@heroui/theme": "npm:2.4.21"
+    "@react-stately/form": "npm:3.2.1"
+    "@react-types/form": "npm:3.7.15"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18"
+    react-dom: ">=18"
+  checksum: 10c0/cab1290c49b40572e58e1fc415b67b6f1255e1d6c076a2f98f09ded2b07695e9df79852a246c655ab89124af339ec7b50ab04da2f3a79de674cd3484e5944848
+  languageName: node
+  linkType: hard
+
+"@heroui/framer-utils@npm:2.1.21":
+  version: 2.1.21
+  resolution: "@heroui/framer-utils@npm:2.1.21"
+  dependencies:
+    "@heroui/system": "npm:2.4.21"
+    "@heroui/use-measure": "npm:2.1.8"
+  peerDependencies:
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/294b9239b0c509a49dfae3964c9aacc39cac6784e5f8aa767d3a7f783e438df26dc2c413ee3b0514c8b70acb372708270af451684171345fe30ec91604ec5ffd
+  languageName: node
+  linkType: hard
+
+"@heroui/image@npm:2.2.16":
+  version: 2.2.16
+  resolution: "@heroui/image@npm:2.2.16"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-image": "npm:2.1.12"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/347d9969cc6fc3774b4d32d7b8658f37df6969f3899463b9aeeeb107c0fdd4797614abe31f59e22641d38856287fe686cfd0af04a340da101c6ec84228ef71d5
+  languageName: node
+  linkType: hard
+
+"@heroui/input-otp@npm:2.1.25":
+  version: 2.1.25
+  resolution: "@heroui/input-otp@npm:2.1.25"
+  dependencies:
+    "@heroui/form": "npm:2.1.25"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-form-reset": "npm:2.0.1"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/form": "npm:3.1.1"
+    "@react-stately/form": "npm:3.2.1"
+    "@react-stately/utils": "npm:3.10.8"
+    "@react-types/textfield": "npm:3.12.5"
+    input-otp: "npm:1.4.1"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18"
+    react-dom: ">=18"
+  checksum: 10c0/3daa95392ee39bdb1429287b9785dbc035267beab8be14c47b2ea588e98537d7e526e111c8b895c000b6a1fa2b2bdb7505b0113fa7adbd47482d86bfbf9bf918
+  languageName: node
+  linkType: hard
+
+"@heroui/input@npm:2.4.26":
+  version: 2.4.26
+  resolution: "@heroui/input@npm:2.4.26"
+  dependencies:
+    "@heroui/form": "npm:2.1.25"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-safe-layout-effect": "npm:2.1.8"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/textfield": "npm:3.18.1"
+    "@react-stately/utils": "npm:3.10.8"
+    "@react-types/shared": "npm:3.32.0"
+    "@react-types/textfield": "npm:3.12.5"
+    react-textarea-autosize: "npm:^8.5.3"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.19"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/ceb2ef6bef30108b296f85db8a18ad9d866dd1ccb900eae6a82f18aca9f8c9f98e9c95ad114078f416c5f1d79e9801edbd418cbfd416cd68d74895f04e4ce400
+  languageName: node
+  linkType: hard
+
+"@heroui/kbd@npm:2.2.20":
+  version: 2.2.20
+  resolution: "@heroui/kbd@npm:2.2.20"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/system-rsc": "npm:2.3.18"
+  peerDependencies:
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/79fc8d8b5b5ca643cf6660c6ca298b53129649f81e47b1281eaf5b95b3f5363aba69609c25a764292f5b09ddc0971d33b2b05abd867046d55611636981a81f25
+  languageName: node
+  linkType: hard
+
+"@heroui/link@npm:2.2.22":
+  version: 2.2.22
+  resolution: "@heroui/link@npm:2.2.22"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-aria-link": "npm:2.2.20"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-types/link": "npm:3.6.4"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/2680f2e008e21b38e02a321537ff2870829da333ec20925739a801d33c3e13dbe79500743b02d4855b26aa7285c034355dcca22f1f0b2365c1ab8e29fcfe5c9a
+  languageName: node
+  linkType: hard
+
+"@heroui/listbox@npm:2.3.24":
+  version: 2.3.24
+  resolution: "@heroui/listbox@npm:2.3.24"
+  dependencies:
+    "@heroui/aria-utils": "npm:2.2.22"
+    "@heroui/divider": "npm:2.2.18"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-is-mobile": "npm:2.2.12"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/listbox": "npm:3.14.8"
+    "@react-stately/list": "npm:3.13.0"
+    "@react-types/shared": "npm:3.32.0"
+    "@tanstack/react-virtual": "npm:3.11.3"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/53c4a1724bcc03dab8ad28a60c0b82b5e94813dfdd6f297450e7a14fd1392e6ed0c5c8fc8f49b53b9d6b6ba2a12a8f9f70104c757e6503372bf4552e5e0563d6
+  languageName: node
+  linkType: hard
+
+"@heroui/menu@npm:2.2.24":
+  version: 2.2.24
+  resolution: "@heroui/menu@npm:2.2.24"
+  dependencies:
+    "@heroui/aria-utils": "npm:2.2.22"
+    "@heroui/divider": "npm:2.2.18"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-is-mobile": "npm:2.2.12"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/menu": "npm:3.19.1"
+    "@react-stately/tree": "npm:3.9.2"
+    "@react-types/menu": "npm:3.10.4"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/68d3c563f7ac38c84e6ef38299db7b0ffb51c40b5b45eb386192b8f7c138d5101464fd25247f5838b3259dc8f9bf03954238503280465f0bf68b358e39b25015
+  languageName: node
+  linkType: hard
+
+"@heroui/modal@npm:2.2.22":
+  version: 2.2.22
+  resolution: "@heroui/modal@npm:2.2.22"
+  dependencies:
+    "@heroui/dom-animation": "npm:2.1.10"
+    "@heroui/framer-utils": "npm:2.1.21"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-aria-button": "npm:2.2.19"
+    "@heroui/use-aria-modal-overlay": "npm:2.2.18"
+    "@heroui/use-disclosure": "npm:2.2.16"
+    "@heroui/use-draggable": "npm:2.1.17"
+    "@heroui/use-viewport-size": "npm:2.0.1"
+    "@react-aria/dialog": "npm:3.5.29"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/overlays": "npm:3.29.0"
+    "@react-stately/overlays": "npm:3.6.19"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/7792c9455a46ce3c27a2c3936655e881c74a052b35645dea62cc43473d1699ab941a072fd1d8985e18ead002800781efc2b00c9bdaadd0edf9f56aaed59b48e5
+  languageName: node
+  linkType: hard
+
+"@heroui/navbar@npm:2.2.23":
+  version: 2.2.23
+  resolution: "@heroui/navbar@npm:2.2.23"
+  dependencies:
+    "@heroui/dom-animation": "npm:2.1.10"
+    "@heroui/framer-utils": "npm:2.1.21"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-resize": "npm:2.1.8"
+    "@heroui/use-scroll-position": "npm:2.1.8"
+    "@react-aria/button": "npm:3.14.1"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/overlays": "npm:3.29.0"
+    "@react-stately/toggle": "npm:3.9.1"
+    "@react-stately/utils": "npm:3.10.8"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/5bc66029cb081151ccbd97081665dcbae43e31b4b04918f4e506df869d3254495b110ca04b3880fedd25e4eb55cd2ea6b4efb4ce309876bc8170226e69465724
+  languageName: node
+  linkType: hard
+
+"@heroui/number-input@npm:2.0.16":
+  version: 2.0.16
+  resolution: "@heroui/number-input@npm:2.0.16"
+  dependencies:
+    "@heroui/button": "npm:2.2.25"
+    "@heroui/form": "npm:2.1.25"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-safe-layout-effect": "npm:2.1.8"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/i18n": "npm:3.12.12"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/numberfield": "npm:3.12.1"
+    "@react-stately/numberfield": "npm:3.10.1"
+    "@react-types/button": "npm:3.14.0"
+    "@react-types/numberfield": "npm:3.8.14"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.19"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/5cbbba5c96cc4816ca60f8585909733b860d46ff21f6e9f615558c1644ecc4f63312dc40e197c2ec6de8640bfab957bc8174a760bdf1d619cb9205664740132d
+  languageName: node
+  linkType: hard
+
+"@heroui/pagination@npm:2.2.23":
+  version: 2.2.23
+  resolution: "@heroui/pagination@npm:2.2.23"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-intersection-observer": "npm:2.2.14"
+    "@heroui/use-pagination": "npm:2.2.17"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/i18n": "npm:3.12.12"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/utils": "npm:3.30.1"
+    scroll-into-view-if-needed: "npm:3.0.10"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/af007cfd586061572f7886a8039c14fb2455f3f022013d972457171b1adfdd1ba9d2a1c78e81b5a92faf7e47cb8a78484eebd76595bce9a18cbc6f09f234a3d4
+  languageName: node
+  linkType: hard
+
+"@heroui/popover@npm:2.3.25":
+  version: 2.3.25
+  resolution: "@heroui/popover@npm:2.3.25"
+  dependencies:
+    "@heroui/aria-utils": "npm:2.2.22"
+    "@heroui/button": "npm:2.2.25"
+    "@heroui/dom-animation": "npm:2.1.10"
+    "@heroui/framer-utils": "npm:2.1.21"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-aria-button": "npm:2.2.19"
+    "@heroui/use-aria-overlay": "npm:2.0.3"
+    "@heroui/use-safe-layout-effect": "npm:2.1.8"
+    "@react-aria/dialog": "npm:3.5.29"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/overlays": "npm:3.29.0"
+    "@react-stately/overlays": "npm:3.6.19"
+    "@react-types/overlays": "npm:3.9.1"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/25e1eb95f6fa9637a4540b786250e38283698e60fe56db0ce445841d805269f3e84fde65828b59c82e329fdc08dd3528fba732948cfa7ab433f80ddb93dcc23b
+  languageName: node
+  linkType: hard
+
+"@heroui/progress@npm:2.2.21":
+  version: 2.2.21
+  resolution: "@heroui/progress@npm:2.2.21"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-is-mounted": "npm:2.1.8"
+    "@react-aria/progress": "npm:3.4.26"
+    "@react-types/progress": "npm:3.5.15"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/4895fcc20c71087125d11c2a94613b7b549d086ad1158ba186b1976637a5b0fe0385480264b23f56d5d1c7fffcd5d17e9b4e8892268940bbd1499c7b1ea1a40b
+  languageName: node
+  linkType: hard
+
+"@heroui/radio@npm:2.3.25":
+  version: 2.3.25
+  resolution: "@heroui/radio@npm:2.3.25"
+  dependencies:
+    "@heroui/form": "npm:2.1.25"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/radio": "npm:3.12.1"
+    "@react-aria/visually-hidden": "npm:3.8.27"
+    "@react-stately/radio": "npm:3.11.1"
+    "@react-types/radio": "npm:3.9.1"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/1fbb0405a5622ecc82a70cc54103d29f86790b410b2ca525e9936403dd801156c6503c7e176f33ae85eb2a6b8701f63930a1f952e03a4a7dad2a102a95e95cf7
+  languageName: node
+  linkType: hard
+
+"@heroui/react-rsc-utils@npm:2.1.9":
+  version: 2.1.9
+  resolution: "@heroui/react-rsc-utils@npm:2.1.9"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/b3b400c4ae701a89d9bd7301d41f49861eb2cf891dd1b6ce5f9b31260197beb9ac947fa434ec26d91d4214f88e1c049c84a0d50846530081de0dd81a01cfdcb2
+  languageName: node
+  linkType: hard
+
+"@heroui/react-utils@npm:2.1.13":
+  version: 2.1.13
+  resolution: "@heroui/react-utils@npm:2.1.13"
+  dependencies:
+    "@heroui/react-rsc-utils": "npm:2.1.9"
+    "@heroui/shared-utils": "npm:2.1.11"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/41154da9d82f2d2b9f275c7a7cb146f88362690d34813a96ee7d88ff970b15e0db9b845cb8a56c7021d4ae19a7402f4193f400be1a4ccb3a4ce8bc1d1f9bf7b8
+  languageName: node
+  linkType: hard
+
+"@heroui/react@npm:^2.8.3":
+  version: 2.8.3
+  resolution: "@heroui/react@npm:2.8.3"
+  dependencies:
+    "@heroui/accordion": "npm:2.2.22"
+    "@heroui/alert": "npm:2.2.25"
+    "@heroui/autocomplete": "npm:2.3.27"
+    "@heroui/avatar": "npm:2.2.21"
+    "@heroui/badge": "npm:2.2.16"
+    "@heroui/breadcrumbs": "npm:2.2.21"
+    "@heroui/button": "npm:2.2.25"
+    "@heroui/calendar": "npm:2.2.25"
+    "@heroui/card": "npm:2.2.24"
+    "@heroui/checkbox": "npm:2.3.25"
+    "@heroui/chip": "npm:2.2.21"
+    "@heroui/code": "npm:2.2.19"
+    "@heroui/date-input": "npm:2.3.25"
+    "@heroui/date-picker": "npm:2.3.26"
+    "@heroui/divider": "npm:2.2.18"
+    "@heroui/drawer": "npm:2.2.22"
+    "@heroui/dropdown": "npm:2.3.25"
+    "@heroui/form": "npm:2.1.25"
+    "@heroui/framer-utils": "npm:2.1.21"
+    "@heroui/image": "npm:2.2.16"
+    "@heroui/input": "npm:2.4.26"
+    "@heroui/input-otp": "npm:2.1.25"
+    "@heroui/kbd": "npm:2.2.20"
+    "@heroui/link": "npm:2.2.22"
+    "@heroui/listbox": "npm:2.3.24"
+    "@heroui/menu": "npm:2.2.24"
+    "@heroui/modal": "npm:2.2.22"
+    "@heroui/navbar": "npm:2.2.23"
+    "@heroui/number-input": "npm:2.0.16"
+    "@heroui/pagination": "npm:2.2.23"
+    "@heroui/popover": "npm:2.3.25"
+    "@heroui/progress": "npm:2.2.21"
+    "@heroui/radio": "npm:2.3.25"
+    "@heroui/ripple": "npm:2.2.19"
+    "@heroui/scroll-shadow": "npm:2.3.17"
+    "@heroui/select": "npm:2.4.26"
+    "@heroui/skeleton": "npm:2.2.16"
+    "@heroui/slider": "npm:2.4.22"
+    "@heroui/snippet": "npm:2.2.26"
+    "@heroui/spacer": "npm:2.2.19"
+    "@heroui/spinner": "npm:2.2.22"
+    "@heroui/switch": "npm:2.2.23"
+    "@heroui/system": "npm:2.4.21"
+    "@heroui/table": "npm:2.2.25"
+    "@heroui/tabs": "npm:2.2.22"
+    "@heroui/theme": "npm:2.4.21"
+    "@heroui/toast": "npm:2.0.15"
+    "@heroui/tooltip": "npm:2.2.22"
+    "@heroui/user": "npm:2.2.21"
+    "@react-aria/visually-hidden": "npm:3.8.27"
+  peerDependencies:
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/96f46e29e38bbd1b3182c016f20508cf17e0ef4b6301547375eb6fb4f69242d631a802df65053d464cc88f88079f5c8c17733cfc5b029a5561cc37961e94a2d2
+  languageName: node
+  linkType: hard
+
+"@heroui/ripple@npm:2.2.19":
+  version: 2.2.19
+  resolution: "@heroui/ripple@npm:2.2.19"
+  dependencies:
+    "@heroui/dom-animation": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/9d1da41a6147fed07f01016036aab649915772f12f8293aa97c9ea419a70854b88c66a72622ee85a61fd33eb91a509a71363f9055719216c00307a7691796626
+  languageName: node
+  linkType: hard
+
+"@heroui/scroll-shadow@npm:2.3.17":
+  version: 2.3.17
+  resolution: "@heroui/scroll-shadow@npm:2.3.17"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-data-scroll-overflow": "npm:2.2.12"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/6a8386e69ef985a55277948ee7ed10115649ad162d7d9d0c44cf4d4db2eccc05e3d4cbb4c68688778f7ca3fe0e275ddae861b40451a24587c7e8f6b1c5e65426
+  languageName: node
+  linkType: hard
+
+"@heroui/select@npm:2.4.26":
+  version: 2.4.26
+  resolution: "@heroui/select@npm:2.4.26"
+  dependencies:
+    "@heroui/aria-utils": "npm:2.2.22"
+    "@heroui/form": "npm:2.1.25"
+    "@heroui/listbox": "npm:2.3.24"
+    "@heroui/popover": "npm:2.3.25"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/scroll-shadow": "npm:2.3.17"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/spinner": "npm:2.2.22"
+    "@heroui/use-aria-button": "npm:2.2.19"
+    "@heroui/use-aria-multiselect": "npm:2.4.18"
+    "@heroui/use-form-reset": "npm:2.0.1"
+    "@heroui/use-safe-layout-effect": "npm:2.1.8"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/form": "npm:3.1.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/overlays": "npm:3.29.0"
+    "@react-aria/visually-hidden": "npm:3.8.27"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/19d77fd4cd233a4411069b6561d1f2c995a86dd56e51f3067d165f829132b90174fd26afad0555ce0beb8ac58227e69e9deeff1c0019ee93f6dc73c2b9cc8a2c
+  languageName: node
+  linkType: hard
+
+"@heroui/shared-icons@npm:2.1.10":
+  version: 2.1.10
+  resolution: "@heroui/shared-icons@npm:2.1.10"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/69525f7e85364bc202981ca2d3e8c321435bf153b14b158577bc55e61c41be6e1962b951c61a1aba6b6adf7954ddd712f2330e5846612179520387cd045c9878
+  languageName: node
+  linkType: hard
+
+"@heroui/shared-utils@npm:2.1.11":
+  version: 2.1.11
+  resolution: "@heroui/shared-utils@npm:2.1.11"
+  checksum: 10c0/572b4a02d979ce438fe43967abfa0cded98558445ef888d47dc85d1c0d7b7146b798027258ce6549d81bed009424d0522110fd6ed774ed6279e252f9c3845e43
+  languageName: node
+  linkType: hard
+
+"@heroui/skeleton@npm:2.2.16":
+  version: 2.2.16
+  resolution: "@heroui/skeleton@npm:2.2.16"
+  dependencies:
+    "@heroui/shared-utils": "npm:2.1.11"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/b54907eba33661481739264695cf96d796f2b4114cf511ee5bbadddaacd1c6bdd8db262e7c13c0a2944d969bef57e5e20ee64157e3a4090dfb00f30da89c5ec0
+  languageName: node
+  linkType: hard
+
+"@heroui/slider@npm:2.4.22":
+  version: 2.4.22
+  resolution: "@heroui/slider@npm:2.4.22"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/tooltip": "npm:2.2.22"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/i18n": "npm:3.12.12"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/slider": "npm:3.8.1"
+    "@react-aria/visually-hidden": "npm:3.8.27"
+    "@react-stately/slider": "npm:3.7.1"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.19"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/5e81039ef43e14aa9d5492bf5b9df93426a8b1745a840968916759db936e5262e99c1f7c670d6349783c2b1d08f14d3b958135e635b3fc13a73c4f4e84f4fe4a
+  languageName: node
+  linkType: hard
+
+"@heroui/snippet@npm:2.2.26":
+  version: 2.2.26
+  resolution: "@heroui/snippet@npm:2.2.26"
+  dependencies:
+    "@heroui/button": "npm:2.2.25"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/tooltip": "npm:2.2.22"
+    "@heroui/use-clipboard": "npm:2.1.9"
+    "@react-aria/focus": "npm:3.21.1"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/12b8e3861b70d8b792a9ba9cb7ef72f4bbd8a244065408a74538008283e323eeb7d083e2ab9c5d68d26e87f75446a018d4396a16a6a2d43ffc404b550779f57b
+  languageName: node
+  linkType: hard
+
+"@heroui/spacer@npm:2.2.19":
+  version: 2.2.19
+  resolution: "@heroui/spacer@npm:2.2.19"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/system-rsc": "npm:2.3.18"
+  peerDependencies:
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/819ba8fa3789a22533a395cd0bba032f7eba19ebf5c3591ca87a403fddfd3cce4ab67f4c509e3d61b87e0812a9f8abc860ff7afd7c46b24dc4afcb8e14fa90d5
+  languageName: node
+  linkType: hard
+
+"@heroui/spinner@npm:2.2.22":
+  version: 2.2.22
+  resolution: "@heroui/spinner@npm:2.2.22"
+  dependencies:
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/system": "npm:2.4.21"
+    "@heroui/system-rsc": "npm:2.3.18"
+  peerDependencies:
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/0537f75e652ad797a5091af0ca24e3eff723a90dcf7d3badb3044cf1a2123abf6cd2eeaf45adca6d20aca035f14f5661741fc693c2d6bb5874cfa7cee54f05ac
+  languageName: node
+  linkType: hard
+
+"@heroui/switch@npm:2.2.23":
+  version: 2.2.23
+  resolution: "@heroui/switch@npm:2.2.23"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-safe-layout-effect": "npm:2.1.8"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/switch": "npm:3.7.7"
+    "@react-aria/visually-hidden": "npm:3.8.27"
+    "@react-stately/toggle": "npm:3.9.1"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/36494776a51f064731afa42d57449d3dc5a36238cdad1aa8b5bd40d7b89fc126f3b7fbe9065d0acc5e7d0bc5568f5ece5f59965b648396b5fee74b24ed84d47c
+  languageName: node
+  linkType: hard
+
+"@heroui/system-rsc@npm:2.3.18":
+  version: 2.3.18
+  resolution: "@heroui/system-rsc@npm:2.3.18"
+  dependencies:
+    "@react-types/shared": "npm:3.32.0"
+    clsx: "npm:^1.2.1"
+  peerDependencies:
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/4e45d84ca16940081ee2c828885ae87d1f8a8818930546169ff264637d9e1ca53a24e7bb135b5e8a53fc15fb1d3c006c0a7b361fbcb51efacf058df671454c86
+  languageName: node
+  linkType: hard
+
+"@heroui/system@npm:2.4.21":
+  version: 2.4.21
+  resolution: "@heroui/system@npm:2.4.21"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/system-rsc": "npm:2.3.18"
+    "@react-aria/i18n": "npm:3.12.12"
+    "@react-aria/overlays": "npm:3.29.0"
+    "@react-aria/utils": "npm:3.30.1"
+  peerDependencies:
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/8419c946204968d0e85253654ba7c9b93e5b8ae60198a1b19b34367757f402a4f1c414c41849c6f48a019690ce701f75f867bfa679e5a57fac34ba4aa21b9d06
+  languageName: node
+  linkType: hard
+
+"@heroui/table@npm:2.2.25":
+  version: 2.2.25
+  resolution: "@heroui/table@npm:2.2.25"
+  dependencies:
+    "@heroui/checkbox": "npm:2.3.25"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/spacer": "npm:2.2.19"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/table": "npm:3.17.7"
+    "@react-aria/visually-hidden": "npm:3.8.27"
+    "@react-stately/table": "npm:3.15.0"
+    "@react-stately/virtualizer": "npm:4.4.3"
+    "@react-types/grid": "npm:3.3.5"
+    "@react-types/table": "npm:3.13.3"
+    "@tanstack/react-virtual": "npm:3.11.3"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/cb6e5f7f37a1de38a1b797e129a23d41775e747405796e4ecd5b5989752b819555138f76418c7bc039efc0d98b378e50c14c68be79d1192383aaf850b7b11b08
+  languageName: node
+  linkType: hard
+
+"@heroui/tabs@npm:2.2.22":
+  version: 2.2.22
+  resolution: "@heroui/tabs@npm:2.2.22"
+  dependencies:
+    "@heroui/aria-utils": "npm:2.2.22"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-is-mounted": "npm:2.1.8"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/tabs": "npm:3.10.7"
+    "@react-stately/tabs": "npm:3.8.5"
+    "@react-types/shared": "npm:3.32.0"
+    scroll-into-view-if-needed: "npm:3.0.10"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/2b6e164e2e9ed17e61faa13913f00bd85ede5ba2cc13f42786f224270c2d694a98832201df28296bd792669271226162f891502b5a39f423d5bcba584426a9a9
+  languageName: node
+  linkType: hard
+
+"@heroui/theme@npm:2.4.21":
+  version: 2.4.21
+  resolution: "@heroui/theme@npm:2.4.21"
+  dependencies:
+    "@heroui/shared-utils": "npm:2.1.11"
+    clsx: "npm:^1.2.1"
+    color: "npm:^4.2.3"
+    color2k: "npm:^2.0.3"
+    deepmerge: "npm:4.3.1"
+    flat: "npm:^5.0.2"
+    tailwind-merge: "npm:3.3.1"
+    tailwind-variants: "npm:3.1.0"
+  peerDependencies:
+    tailwindcss: ">=4.0.0"
+  checksum: 10c0/d0263bdf563fb22a4cfd557875b06c01aa3f0b1521d58075eae9304e842f53088d6cfe3bba905df12c2bb1928ca79420c916f77376bbb55d4ee6c40e5a867237
+  languageName: node
+  linkType: hard
+
+"@heroui/toast@npm:2.0.15":
+  version: 2.0.15
+  resolution: "@heroui/toast@npm:2.0.15"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-icons": "npm:2.1.10"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/spinner": "npm:2.2.22"
+    "@heroui/use-is-mobile": "npm:2.2.12"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/toast": "npm:3.0.7"
+    "@react-stately/toast": "npm:3.1.2"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/f2b30d32cddf69ca1a52ce124d5f57db8dc25b1a9332a4bcafbc115c5c0de1285fdc136c862d40780da8926993891bb741e8a6bc72d8938d3c3f9d0ed2eea14a
+  languageName: node
+  linkType: hard
+
+"@heroui/tooltip@npm:2.2.22":
+  version: 2.2.22
+  resolution: "@heroui/tooltip@npm:2.2.22"
+  dependencies:
+    "@heroui/aria-utils": "npm:2.2.22"
+    "@heroui/dom-animation": "npm:2.1.10"
+    "@heroui/framer-utils": "npm:2.1.21"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@heroui/use-aria-overlay": "npm:2.0.3"
+    "@heroui/use-safe-layout-effect": "npm:2.1.8"
+    "@react-aria/overlays": "npm:3.29.0"
+    "@react-aria/tooltip": "npm:3.8.7"
+    "@react-stately/tooltip": "npm:3.5.7"
+    "@react-types/overlays": "npm:3.9.1"
+    "@react-types/tooltip": "npm:3.4.20"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    framer-motion: ">=11.5.6 || >=12.0.0-alpha.1"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/838d0fea7e05802800ad1bac9e3801cb14089e59e8d9243b72cd5c79628388dbd4a159366f8e9da8794cd778fd23664f0ee746ec9fea1a4801fcb7f17cb8ab53
+  languageName: node
+  linkType: hard
+
+"@heroui/use-aria-accordion@npm:2.2.17":
+  version: 2.2.17
+  resolution: "@heroui/use-aria-accordion@npm:2.2.17"
+  dependencies:
+    "@react-aria/button": "npm:3.14.1"
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/selection": "npm:3.25.1"
+    "@react-stately/tree": "npm:3.9.2"
+    "@react-types/accordion": "npm:3.0.0-alpha.26"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/80da8821f43165e2aaea77569b140eeca930fa57dce481e4861ddd10ffac9991bda30b7643aa4223c8e9a241e8bb78aa60c418438e989b7511ece374f89ae427
+  languageName: node
+  linkType: hard
+
+"@heroui/use-aria-button@npm:2.2.19":
+  version: 2.2.19
+  resolution: "@heroui/use-aria-button@npm:2.2.19"
+  dependencies:
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/utils": "npm:3.30.1"
+    "@react-types/button": "npm:3.14.0"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/8baee9398e5dcd24aa7bbead259757beb81afc91b0ab11853528c13f397fb7eaec4b0396335b6d39340acd8bfc885d861f31a4bd8d20368e661ce917e1db1fb1
+  languageName: node
+  linkType: hard
+
+"@heroui/use-aria-link@npm:2.2.20":
+  version: 2.2.20
+  resolution: "@heroui/use-aria-link@npm:2.2.20"
+  dependencies:
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/utils": "npm:3.30.1"
+    "@react-types/link": "npm:3.6.4"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/c64528f2269056d475ae041bfac49905f31fc535cad454c96627b1a36920a8691c7fb2b079a3a5fde02bacfbf009c78db60c2f2e4e3707f31b23944344380a22
+  languageName: node
+  linkType: hard
+
+"@heroui/use-aria-modal-overlay@npm:2.2.18":
+  version: 2.2.18
+  resolution: "@heroui/use-aria-modal-overlay@npm:2.2.18"
+  dependencies:
+    "@heroui/use-aria-overlay": "npm:2.0.3"
+    "@react-aria/overlays": "npm:3.29.0"
+    "@react-aria/utils": "npm:3.30.1"
+    "@react-stately/overlays": "npm:3.6.19"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/06cafd540170f3db03a6c3527289f189ea12febbd395190688d8f3be77240f0e8f9686f3846dec92b8e17c74a15e2bfacba8933395e9d48bdd580c94bd2b2c3a
+  languageName: node
+  linkType: hard
+
+"@heroui/use-aria-multiselect@npm:2.4.18":
+  version: 2.4.18
+  resolution: "@heroui/use-aria-multiselect@npm:2.4.18"
+  dependencies:
+    "@react-aria/i18n": "npm:3.12.12"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/label": "npm:3.7.21"
+    "@react-aria/listbox": "npm:3.14.8"
+    "@react-aria/menu": "npm:3.19.1"
+    "@react-aria/selection": "npm:3.25.1"
+    "@react-aria/utils": "npm:3.30.1"
+    "@react-stately/form": "npm:3.2.1"
+    "@react-stately/list": "npm:3.13.0"
+    "@react-stately/menu": "npm:3.9.7"
+    "@react-types/button": "npm:3.14.0"
+    "@react-types/overlays": "npm:3.9.1"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/899e5dec690db0630bc8743897a3170333fe516c9af82900271f41e0bf442e069a59e7acd9af9ebc9fe987bfc516479c19c34615c94529be1429cf5d8bd6d3d2
+  languageName: node
+  linkType: hard
+
+"@heroui/use-aria-overlay@npm:2.0.3":
+  version: 2.0.3
+  resolution: "@heroui/use-aria-overlay@npm:2.0.3"
+  dependencies:
+    "@react-aria/focus": "npm:3.21.1"
+    "@react-aria/interactions": "npm:3.25.5"
+    "@react-aria/overlays": "npm:3.29.0"
+    "@react-types/shared": "npm:3.32.0"
+  peerDependencies:
+    react: ">=18"
+    react-dom: ">=18"
+  checksum: 10c0/a9e16f3d2a71ab2b73440ce648d32ce9b3fc2cf7f9be9db7e8a04f6bc4f1f242f1640e6abefb5c0ad6cb14277da947fe8ad1d9864660fb27de21ae7a35da601a
+  languageName: node
+  linkType: hard
+
+"@heroui/use-callback-ref@npm:2.1.8":
+  version: 2.1.8
+  resolution: "@heroui/use-callback-ref@npm:2.1.8"
+  dependencies:
+    "@heroui/use-safe-layout-effect": "npm:2.1.8"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/a1ab39bed0b9f58e890b9f3c6f9a58049d13510c618f8685ebceb60655a29969babe09c44a4480c086b69c5014058688801319f8a534197a71f000da6e05f440
+  languageName: node
+  linkType: hard
+
+"@heroui/use-clipboard@npm:2.1.9":
+  version: 2.1.9
+  resolution: "@heroui/use-clipboard@npm:2.1.9"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/82c5f1573891fe37b94affcfce4dbd24cce01089e854c7d6414a7d45e979459d17d950068ad052926f4fc2e38ed3b8404a33bc03403ac5895594bae5ef8f50a4
+  languageName: node
+  linkType: hard
+
+"@heroui/use-data-scroll-overflow@npm:2.2.12":
+  version: 2.2.12
+  resolution: "@heroui/use-data-scroll-overflow@npm:2.2.12"
+  dependencies:
+    "@heroui/shared-utils": "npm:2.1.11"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/6e02546f08437f3fe4afdb6d4103b2679fd6c9cccea2e560fab5e473456fb276e51e7cb04e2e7d245fe9b6d176b02f2ba700ed4f3bfdd1895e6ad4c4898e3faf
+  languageName: node
+  linkType: hard
+
+"@heroui/use-disclosure@npm:2.2.16":
+  version: 2.2.16
+  resolution: "@heroui/use-disclosure@npm:2.2.16"
+  dependencies:
+    "@heroui/use-callback-ref": "npm:2.1.8"
+    "@react-aria/utils": "npm:3.30.1"
+    "@react-stately/utils": "npm:3.10.8"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/70c49cb48b19d3a02e33630082aaeac29763f466c13c9c7162aa6ac63ba46e46d2c08e3a297653c82d76317db743a747f0e0880e521b76501d459eca6a927599
+  languageName: node
+  linkType: hard
+
+"@heroui/use-draggable@npm:2.1.17":
+  version: 2.1.17
+  resolution: "@heroui/use-draggable@npm:2.1.17"
+  dependencies:
+    "@react-aria/interactions": "npm:3.25.5"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/5e15926980da5857ca986aa8ad4de1c508cc88b46fbec20b06da01c83a871ffc1936e65cef9905f2c9c316a2d3c0eae3ed06a38214fe91dee6462e25ba616d50
+  languageName: node
+  linkType: hard
+
+"@heroui/use-form-reset@npm:2.0.1":
+  version: 2.0.1
+  resolution: "@heroui/use-form-reset@npm:2.0.1"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/6c8ae0171b86cdf64cc6450005bdda9b0a944ba705aef0a2e42c9ca9f605353caa20a157ad445fef5f8402d25d140e31acd8a4e8fd147a7e802740a83577f996
+  languageName: node
+  linkType: hard
+
+"@heroui/use-image@npm:2.1.12":
+  version: 2.1.12
+  resolution: "@heroui/use-image@npm:2.1.12"
+  dependencies:
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/use-safe-layout-effect": "npm:2.1.8"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/6b68282d83a988dfeb849819358c00b6fe1e493c81c3c3b6e96725a1a4009c87befd844bde068f838d5b1135cd387591bdd2e7e700f50afcfbc3dbd554ecd040
+  languageName: node
+  linkType: hard
+
+"@heroui/use-intersection-observer@npm:2.2.14":
+  version: 2.2.14
+  resolution: "@heroui/use-intersection-observer@npm:2.2.14"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/dd291622142b93406d7faa1f881af469de2700905fb23e6d1b0f53c327c95cba6a67169f3beffb4c718a00ba0ef512e2977e2b5580c66d23ce1dd52b450bd51a
+  languageName: node
+  linkType: hard
+
+"@heroui/use-is-mobile@npm:2.2.12":
+  version: 2.2.12
+  resolution: "@heroui/use-is-mobile@npm:2.2.12"
+  dependencies:
+    "@react-aria/ssr": "npm:3.9.10"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/aa8229eee8da564804d03edbaef35d6bf65425535237ba5ff12ec44890e367795b8f74a2ebd720fd1a77161758e34817d9281bfcbfb37e7fa54e699f12ce6715
+  languageName: node
+  linkType: hard
+
+"@heroui/use-is-mounted@npm:2.1.8":
+  version: 2.1.8
+  resolution: "@heroui/use-is-mounted@npm:2.1.8"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/95a0cb6f180961ccea35b27049ea2f8e0da055a9085abcf632cfdc52aa2d549e5adbceb01f51116be628e6f35b46f16685a56e2b978fc9e1a6e9f4aa3f099800
+  languageName: node
+  linkType: hard
+
+"@heroui/use-measure@npm:2.1.8":
+  version: 2.1.8
+  resolution: "@heroui/use-measure@npm:2.1.8"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/4e0f86c51718c5cfe8eccd8160e4a0fbeb3315b29643c1364eec09d6a78fb8d2dd865b192c3433dd25696b5b38d085c927c2d2c8f744b02beb854ec70195e8f5
+  languageName: node
+  linkType: hard
+
+"@heroui/use-pagination@npm:2.2.17":
+  version: 2.2.17
+  resolution: "@heroui/use-pagination@npm:2.2.17"
+  dependencies:
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@react-aria/i18n": "npm:3.12.12"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/38fed5e5ba15a1fba4acb6d287ec669606627361a8f0fa797c42b651454eedaa162ac6443fe76b2e52cc72fa543c1044d2c0b06572a1dd124494263b3f01ddea
+  languageName: node
+  linkType: hard
+
+"@heroui/use-resize@npm:2.1.8":
+  version: 2.1.8
+  resolution: "@heroui/use-resize@npm:2.1.8"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/5fc91c50ef344246e668465189ce182c62089d1b46ea5c2c7fa5c9cc85dbd53441e9ceb02cea87da0955f93c56567a0ea80b02d835c255ed04da813159b5d393
+  languageName: node
+  linkType: hard
+
+"@heroui/use-safe-layout-effect@npm:2.1.8":
+  version: 2.1.8
+  resolution: "@heroui/use-safe-layout-effect@npm:2.1.8"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/f29195426b0941f9f5c8a91840121e753a9927fa8ae3675249751c7911ac8aa1caf1426cbf2ae06a3afea18509ee87669c2d0030ec9c59e34e4bde60af097fb1
+  languageName: node
+  linkType: hard
+
+"@heroui/use-scroll-position@npm:2.1.8":
+  version: 2.1.8
+  resolution: "@heroui/use-scroll-position@npm:2.1.8"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/dd49b8151fd771496cf228205325e3647b265a0862676bf5c01f8f0ca029e120a99eefd7da534e6e92a9a2d6e18e0270a26df43587cbfd303902b93c03f5ff15
+  languageName: node
+  linkType: hard
+
+"@heroui/use-viewport-size@npm:2.0.1":
+  version: 2.0.1
+  resolution: "@heroui/use-viewport-size@npm:2.0.1"
+  peerDependencies:
+    react: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/c394ebb862e5ce0124a5b4c74c5a191d390a0bdc48328815700b2d6a48c641d02737ac653c4987e5d753f7810482a7e1253bb83f4a223b7e967e336c1918ef90
+  languageName: node
+  linkType: hard
+
+"@heroui/user@npm:2.2.21":
+  version: 2.2.21
+  resolution: "@heroui/user@npm:2.2.21"
+  dependencies:
+    "@heroui/avatar": "npm:2.2.21"
+    "@heroui/react-utils": "npm:2.1.13"
+    "@heroui/shared-utils": "npm:2.1.11"
+    "@react-aria/focus": "npm:3.21.1"
+  peerDependencies:
+    "@heroui/system": ">=2.4.18"
+    "@heroui/theme": ">=2.4.17"
+    react: ">=18 || >=19.0.0-rc.0"
+    react-dom: ">=18 || >=19.0.0-rc.0"
+  checksum: 10c0/2d627202909d9796d903f5b953049f4a764f6e3717a7c9b47106d0a85086a00a01d90b7b021b8e0ceb460cd7351bfd93cb0fe7094e8c90213116a543cf97b46c
+  languageName: node
+  linkType: hard
+
 "@humanfs/core@npm:^0.19.1":
   version: 0.19.1
   resolution: "@humanfs/core@npm:0.19.1"
@@ -4269,6 +5812,43 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@internationalized/date@npm:3.9.0, @internationalized/date@npm:^3.9.0":
+  version: 3.9.0
+  resolution: "@internationalized/date@npm:3.9.0"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+  checksum: 10c0/8f2bf54c407aa95ab9922759c27f19bd9185bc6c4bde936fb5cc7a99bf764de8483102a61d53afa0598eefa11711617d3c05a65e8a5cb8bfac10c2c0800e488a
+  languageName: node
+  linkType: hard
+
+"@internationalized/message@npm:^3.1.8":
+  version: 3.1.8
+  resolution: "@internationalized/message@npm:3.1.8"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+    intl-messageformat: "npm:^10.1.0"
+  checksum: 10c0/91019d66d62ab6733fa46ed495fac6878bcc98f082e51be9fd0e4b5836a4df0f488c8dcd218f2e566c713e59cc68ef3aa5fc45e5b9bca8cca458d0990765b77a
+  languageName: node
+  linkType: hard
+
+"@internationalized/number@npm:^3.6.5":
+  version: 3.6.5
+  resolution: "@internationalized/number@npm:3.6.5"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+  checksum: 10c0/f87d710863a8dbf057aac311193c82f3c42e862abdd99e5b71034f1022926036552620eab5dd00c23e975f28b9e41e830cb342ba0264436749d9cdc5ae031d44
+  languageName: node
+  linkType: hard
+
+"@internationalized/string@npm:^3.2.7":
+  version: 3.2.7
+  resolution: "@internationalized/string@npm:3.2.7"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+  checksum: 10c0/8f7bea379ce047026ef20d535aa1bd7612a5e5a5108d1e514965696a46bce34e38111411943b688d00dae2c81eae7779ae18343961310696d32ebb463a19b94a
+  languageName: node
+  linkType: hard
+
 "@isaacs/cliui@npm:^8.0.2":
   version: 8.0.2
   resolution: "@isaacs/cliui@npm:8.0.2"
@@ -4309,6 +5889,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/remapping@npm:^2.3.4":
+  version: 2.3.5
+  resolution: "@jridgewell/remapping@npm:2.3.5"
+  dependencies:
+    "@jridgewell/gen-mapping": "npm:^0.3.5"
+    "@jridgewell/trace-mapping": "npm:^0.3.24"
+  checksum: 10c0/3de494219ffeb2c5c38711d0d7bb128097edf91893090a2dbc8ee0b55d092bb7347b1fd0f478486c5eab010e855c73927b1666f2107516d472d24a73017d1194
+  languageName: node
+  linkType: hard
+
 "@jridgewell/resolve-uri@npm:^3.1.0":
   version: 3.1.2
   resolution: "@jridgewell/resolve-uri@npm:3.1.2"
@@ -4323,6 +5913,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/sourcemap-codec@npm:^1.5.5":
+  version: 1.5.5
+  resolution: "@jridgewell/sourcemap-codec@npm:1.5.5"
+  checksum: 10c0/f9e538f302b63c0ebc06eecb1dd9918dd4289ed36147a0ddce35d6ea4d7ebbda243cda7b2213b6a5e1d8087a298d5cf630fb2bd39329cdecb82017023f6081a0
+  languageName: node
+  linkType: hard
+
 "@jridgewell/trace-mapping@npm:^0.3.23, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25, @jridgewell/trace-mapping@npm:^0.3.28":
   version: 0.3.29
   resolution: "@jridgewell/trace-mapping@npm:0.3.29"
@@ -4340,6 +5937,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jsdevtools/ono@npm:^7.1.3":
+  version: 7.1.3
+  resolution: "@jsdevtools/ono@npm:7.1.3"
+  checksum: 10c0/a9f7e3e8e3bc315a34959934a5e2f874c423cf4eae64377d3fc9de0400ed9f36cb5fd5ebce3300d2e8f4085f557c4a8b591427a583729a87841fda46e6c216b9
+  languageName: node
+  linkType: hard
+
 "@kangfenmao/keyv-storage@npm:^0.1.0":
   version: 0.1.0
   resolution: "@kangfenmao/keyv-storage@npm:0.1.0"
@@ -5243,9 +6847,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@modelcontextprotocol/sdk@npm:^1.17.0":
-  version: 1.17.0
-  resolution: "@modelcontextprotocol/sdk@npm:1.17.0"
+"@modelcontextprotocol/sdk@npm:^1.17.5":
+  version: 1.17.5
+  resolution: "@modelcontextprotocol/sdk@npm:1.17.5"
   dependencies:
     ajv: "npm:^6.12.6"
     content-type: "npm:^1.0.5"
@@ -5259,7 +6863,7 @@ __metadata:
     raw-body: "npm:^3.0.0"
     zod: "npm:^3.23.8"
     zod-to-json-schema: "npm:^3.24.1"
-  checksum: 10c0/ac497edeb05a434bf8092475e4354ec602644b0197735d3bcd809ee1922f2078ab71e7d8d9dbe1c42765978fa3f2f807df01a2a3ad421c986f0b2207c3a40a68
+  checksum: 10c0/182b92b5e7c07da428fd23c6de22021c4f9a91f799c02a8ef15def07e4f9361d0fc22303548658fec2a700623535fd44a9dc4d010fb5d803a8f80e3c6c64a45e
   languageName: node
   linkType: hard
 
@@ -5404,7 +7008,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@napi-rs/wasm-runtime@npm:^0.2.4":
+"@napi-rs/wasm-runtime@npm:^0.2.12, @napi-rs/wasm-runtime@npm:^0.2.4":
   version: 0.2.12
   resolution: "@napi-rs/wasm-runtime@npm:0.2.12"
   dependencies:
@@ -5758,150 +7362,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/watcher-android-arm64@npm:2.5.1":
-  version: 2.5.1
-  resolution: "@parcel/watcher-android-arm64@npm:2.5.1"
-  conditions: os=android & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-darwin-arm64@npm:2.5.1":
-  version: 2.5.1
-  resolution: "@parcel/watcher-darwin-arm64@npm:2.5.1"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-darwin-x64@npm:2.5.1":
-  version: 2.5.1
-  resolution: "@parcel/watcher-darwin-x64@npm:2.5.1"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-freebsd-x64@npm:2.5.1":
-  version: 2.5.1
-  resolution: "@parcel/watcher-freebsd-x64@npm:2.5.1"
-  conditions: os=freebsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-linux-arm-glibc@npm:2.5.1":
-  version: 2.5.1
-  resolution: "@parcel/watcher-linux-arm-glibc@npm:2.5.1"
-  conditions: os=linux & cpu=arm & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-linux-arm-musl@npm:2.5.1":
-  version: 2.5.1
-  resolution: "@parcel/watcher-linux-arm-musl@npm:2.5.1"
-  conditions: os=linux & cpu=arm & libc=musl
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-linux-arm64-glibc@npm:2.5.1":
-  version: 2.5.1
-  resolution: "@parcel/watcher-linux-arm64-glibc@npm:2.5.1"
-  conditions: os=linux & cpu=arm64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-linux-arm64-musl@npm:2.5.1":
-  version: 2.5.1
-  resolution: "@parcel/watcher-linux-arm64-musl@npm:2.5.1"
-  conditions: os=linux & cpu=arm64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-linux-x64-glibc@npm:2.5.1":
-  version: 2.5.1
-  resolution: "@parcel/watcher-linux-x64-glibc@npm:2.5.1"
-  conditions: os=linux & cpu=x64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-linux-x64-musl@npm:2.5.1":
-  version: 2.5.1
-  resolution: "@parcel/watcher-linux-x64-musl@npm:2.5.1"
-  conditions: os=linux & cpu=x64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-win32-arm64@npm:2.5.1":
-  version: 2.5.1
-  resolution: "@parcel/watcher-win32-arm64@npm:2.5.1"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-win32-ia32@npm:2.5.1":
-  version: 2.5.1
-  resolution: "@parcel/watcher-win32-ia32@npm:2.5.1"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-win32-x64@npm:2.5.1":
-  version: 2.5.1
-  resolution: "@parcel/watcher-win32-x64@npm:2.5.1"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher@npm:^2.4.1":
-  version: 2.5.1
-  resolution: "@parcel/watcher@npm:2.5.1"
-  dependencies:
-    "@parcel/watcher-android-arm64": "npm:2.5.1"
-    "@parcel/watcher-darwin-arm64": "npm:2.5.1"
-    "@parcel/watcher-darwin-x64": "npm:2.5.1"
-    "@parcel/watcher-freebsd-x64": "npm:2.5.1"
-    "@parcel/watcher-linux-arm-glibc": "npm:2.5.1"
-    "@parcel/watcher-linux-arm-musl": "npm:2.5.1"
-    "@parcel/watcher-linux-arm64-glibc": "npm:2.5.1"
-    "@parcel/watcher-linux-arm64-musl": "npm:2.5.1"
-    "@parcel/watcher-linux-x64-glibc": "npm:2.5.1"
-    "@parcel/watcher-linux-x64-musl": "npm:2.5.1"
-    "@parcel/watcher-win32-arm64": "npm:2.5.1"
-    "@parcel/watcher-win32-ia32": "npm:2.5.1"
-    "@parcel/watcher-win32-x64": "npm:2.5.1"
-    detect-libc: "npm:^1.0.3"
-    is-glob: "npm:^4.0.3"
-    micromatch: "npm:^4.0.5"
-    node-addon-api: "npm:^7.0.0"
-    node-gyp: "npm:latest"
-  dependenciesMeta:
-    "@parcel/watcher-android-arm64":
-      optional: true
-    "@parcel/watcher-darwin-arm64":
-      optional: true
-    "@parcel/watcher-darwin-x64":
-      optional: true
-    "@parcel/watcher-freebsd-x64":
-      optional: true
-    "@parcel/watcher-linux-arm-glibc":
-      optional: true
-    "@parcel/watcher-linux-arm-musl":
-      optional: true
-    "@parcel/watcher-linux-arm64-glibc":
-      optional: true
-    "@parcel/watcher-linux-arm64-musl":
-      optional: true
-    "@parcel/watcher-linux-x64-glibc":
-      optional: true
-    "@parcel/watcher-linux-x64-musl":
-      optional: true
-    "@parcel/watcher-win32-arm64":
-      optional: true
-    "@parcel/watcher-win32-ia32":
-      optional: true
-    "@parcel/watcher-win32-x64":
-      optional: true
-  checksum: 10c0/8f35073d0c0b34a63d4c8d2213482f0ebc6a25de7b2cdd415d19cb929964a793cb285b68d1d50bfb732b070b3c82a2fdb4eb9c250eab709a1cd9d63345455a82
-  languageName: node
-  linkType: hard
-
 "@pdf-lib/standard-fonts@npm:^1.0.0":
   version: 1.0.0
   resolution: "@pdf-lib/standard-fonts@npm:1.0.0"
@@ -6172,6 +7632,1348 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-aria/breadcrumbs@npm:3.5.28":
+  version: 3.5.28
+  resolution: "@react-aria/breadcrumbs@npm:3.5.28"
+  dependencies:
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/link": "npm:^3.8.5"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-types/breadcrumbs": "npm:^3.7.16"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/ce0948f36a4944b59788d10d34a1cda81ba8d48f9bef9959c4c0dd1e05a24c86f9d0c014b398b804fbe50909334e86801a20f4e559a7faa69a1252881653d506
+  languageName: node
+  linkType: hard
+
+"@react-aria/button@npm:3.14.1":
+  version: 3.14.1
+  resolution: "@react-aria/button@npm:3.14.1"
+  dependencies:
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/toolbar": "npm:3.0.0-beta.20"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/toggle": "npm:^3.9.1"
+    "@react-types/button": "npm:^3.14.0"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/fde6d70cbc95966094b513de5d2959143e7f027ee88d53bbcca638b0be7c355e79206be1cedce122a890dac74cc49695a9cadf4fba5cc91af37d2a6dfc97176f
+  languageName: node
+  linkType: hard
+
+"@react-aria/calendar@npm:3.9.1":
+  version: 3.9.1
+  resolution: "@react-aria/calendar@npm:3.9.1"
+  dependencies:
+    "@internationalized/date": "npm:^3.9.0"
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/live-announcer": "npm:^3.4.4"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/calendar": "npm:^3.8.4"
+    "@react-types/button": "npm:^3.14.0"
+    "@react-types/calendar": "npm:^3.7.4"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/0df71500322aad5cded31f1728947cdd4affc4b1199d6b443a0e4132b6c0c0ddc241dc85624e35d6fed658773088d6679e807e2bf3672d4b5891c50e0a0d73a0
+  languageName: node
+  linkType: hard
+
+"@react-aria/checkbox@npm:3.16.1":
+  version: 3.16.1
+  resolution: "@react-aria/checkbox@npm:3.16.1"
+  dependencies:
+    "@react-aria/form": "npm:^3.1.1"
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/label": "npm:^3.7.21"
+    "@react-aria/toggle": "npm:^3.12.1"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/checkbox": "npm:^3.7.1"
+    "@react-stately/form": "npm:^3.2.1"
+    "@react-stately/toggle": "npm:^3.9.1"
+    "@react-types/checkbox": "npm:^3.10.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/ab7d10874bd0b0608b9fb8e47985ff5c6bcb810b1ea09ba187a0e8b0840c1d9a03b5d116308698efca84b9b2483517f50d2113d5920cd377c45bebd8e0902d9b
+  languageName: node
+  linkType: hard
+
+"@react-aria/combobox@npm:3.13.1":
+  version: 3.13.1
+  resolution: "@react-aria/combobox@npm:3.13.1"
+  dependencies:
+    "@react-aria/focus": "npm:^3.21.1"
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/listbox": "npm:^3.14.8"
+    "@react-aria/live-announcer": "npm:^3.4.4"
+    "@react-aria/menu": "npm:^3.19.1"
+    "@react-aria/overlays": "npm:^3.29.0"
+    "@react-aria/selection": "npm:^3.25.1"
+    "@react-aria/textfield": "npm:^3.18.1"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/collections": "npm:^3.12.7"
+    "@react-stately/combobox": "npm:^3.11.1"
+    "@react-stately/form": "npm:^3.2.1"
+    "@react-types/button": "npm:^3.14.0"
+    "@react-types/combobox": "npm:^3.13.8"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/13f835503635b24fcc6c227501fe668946db3484c2d5e91b8bf90b22089956f137a19b8e994ee06520e2a6cc1c133b4dd2a18ccd21ba6fa5c8ba95e014282ca3
+  languageName: node
+  linkType: hard
+
+"@react-aria/datepicker@npm:3.15.1":
+  version: 3.15.1
+  resolution: "@react-aria/datepicker@npm:3.15.1"
+  dependencies:
+    "@internationalized/date": "npm:^3.9.0"
+    "@internationalized/number": "npm:^3.6.5"
+    "@internationalized/string": "npm:^3.2.7"
+    "@react-aria/focus": "npm:^3.21.1"
+    "@react-aria/form": "npm:^3.1.1"
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/label": "npm:^3.7.21"
+    "@react-aria/spinbutton": "npm:^3.6.18"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/datepicker": "npm:^3.15.1"
+    "@react-stately/form": "npm:^3.2.1"
+    "@react-types/button": "npm:^3.14.0"
+    "@react-types/calendar": "npm:^3.7.4"
+    "@react-types/datepicker": "npm:^3.13.1"
+    "@react-types/dialog": "npm:^3.5.21"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/36bed73eb30ac3a24ae5bb3866dc2b25f9362be45ae3dca0cc30f122dd8787ee8aa2e3279846abee26940b68e471466db9e3acd321a39f59c046f8abda7681b1
+  languageName: node
+  linkType: hard
+
+"@react-aria/dialog@npm:3.5.29":
+  version: 3.5.29
+  resolution: "@react-aria/dialog@npm:3.5.29"
+  dependencies:
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/overlays": "npm:^3.29.0"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-types/dialog": "npm:^3.5.21"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/7f982b17a9fcc21e5bd5146b913df9c5f9eb017cd8a1c6ce6baa47ccf0cec79cc7f4301b090ebaaa2d83820d354ae8bf1651c7fdd1ef085677e147b9102393b1
+  languageName: node
+  linkType: hard
+
+"@react-aria/focus@npm:3.21.1, @react-aria/focus@npm:^3.21.1":
+  version: 3.21.1
+  resolution: "@react-aria/focus@npm:3.21.1"
+  dependencies:
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+    clsx: "npm:^2.0.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/9271132d9b215f916a19fa72a8a15eb68dc15a73ed8f9fc41096166c703a27336a1d908e3d55cd95de7eac234037abe3ff1fe2a33f15fc48934e9dd8cb97ff48
+  languageName: node
+  linkType: hard
+
+"@react-aria/form@npm:3.1.1, @react-aria/form@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "@react-aria/form@npm:3.1.1"
+  dependencies:
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/form": "npm:^3.2.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/34872e8b30e2e407311e94bc6104af360f8795eaf7c66600c0de2a7c842d5aacc65628493fde92be0b578206761d720088150b12c2b9243032795c5a0b50d3fe
+  languageName: node
+  linkType: hard
+
+"@react-aria/grid@npm:^3.14.4":
+  version: 3.14.4
+  resolution: "@react-aria/grid@npm:3.14.4"
+  dependencies:
+    "@react-aria/focus": "npm:^3.21.1"
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/live-announcer": "npm:^3.4.4"
+    "@react-aria/selection": "npm:^3.25.1"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/collections": "npm:^3.12.7"
+    "@react-stately/grid": "npm:^3.11.5"
+    "@react-stately/selection": "npm:^3.20.5"
+    "@react-types/checkbox": "npm:^3.10.1"
+    "@react-types/grid": "npm:^3.3.5"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/f7cf1586b2c1da0b3e1e3ea66bc1b94d54329815ffba38d069c129fb3c1e724d39d3a1b37f6f7fa3dc58e6203ad3692ac35524d7b9dad926111446fc00fa4985
+  languageName: node
+  linkType: hard
+
+"@react-aria/i18n@npm:3.12.12, @react-aria/i18n@npm:^3.12.12":
+  version: 3.12.12
+  resolution: "@react-aria/i18n@npm:3.12.12"
+  dependencies:
+    "@internationalized/date": "npm:^3.9.0"
+    "@internationalized/message": "npm:^3.1.8"
+    "@internationalized/number": "npm:^3.6.5"
+    "@internationalized/string": "npm:^3.2.7"
+    "@react-aria/ssr": "npm:^3.9.10"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/83e1c4d0f246951ca9da6adf2e2825d50668b31f2de62a23ac04a0d9dd3e874a17e4616c72321a3fca6a99e22460f79fb15dee86637b6c7bea5c00835a076f8a
+  languageName: node
+  linkType: hard
+
+"@react-aria/interactions@npm:3.25.5, @react-aria/interactions@npm:^3.25.5":
+  version: 3.25.5
+  resolution: "@react-aria/interactions@npm:3.25.5"
+  dependencies:
+    "@react-aria/ssr": "npm:^3.9.10"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/flags": "npm:^3.1.2"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/056875ecc08b085134cc8298d5824ed55ff11433cd240320e14f8514e517d64f02f6a95e414a5304f46488c83090e3d1c138b0cf9cbe5d6fdab4e5a4bad5d727
+  languageName: node
+  linkType: hard
+
+"@react-aria/label@npm:3.7.21, @react-aria/label@npm:^3.7.21":
+  version: 3.7.21
+  resolution: "@react-aria/label@npm:3.7.21"
+  dependencies:
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/34d55f423cd0ca6061453b2feee0dacc6ad70f7ddea7922615287a11283c8fc053e89e7425b2f2ca3d7e1a077b1bcedf5a2b4c6e95e8c7a203756b6703ffbd78
+  languageName: node
+  linkType: hard
+
+"@react-aria/landmark@npm:^3.0.6":
+  version: 3.0.6
+  resolution: "@react-aria/landmark@npm:3.0.6"
+  dependencies:
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+    use-sync-external-store: "npm:^1.4.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/ab5413e32d2fc21090ae39fd4414d00b37d56afec715d8715ad285d59f41f454547bf94919f386aa4c447723c1f817a0b47f4cb39c03c64b5211f4c105270453
+  languageName: node
+  linkType: hard
+
+"@react-aria/link@npm:^3.8.5":
+  version: 3.8.5
+  resolution: "@react-aria/link@npm:3.8.5"
+  dependencies:
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-types/link": "npm:^3.6.4"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/cda1ac2c75f950745510bcc536ce4aab5f9f95e0310ad040070ff21ae2c42409eaab262ea4f69ad419f0044d78fcfe91e7224c8b87e779afc106dab7457e5d9a
+  languageName: node
+  linkType: hard
+
+"@react-aria/listbox@npm:3.14.8, @react-aria/listbox@npm:^3.14.8":
+  version: 3.14.8
+  resolution: "@react-aria/listbox@npm:3.14.8"
+  dependencies:
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/label": "npm:^3.7.21"
+    "@react-aria/selection": "npm:^3.25.1"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/collections": "npm:^3.12.7"
+    "@react-stately/list": "npm:^3.13.0"
+    "@react-types/listbox": "npm:^3.7.3"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/48f64c99047a94bb272027891f8840587b7e889d5c17bf772baea28d945d21a5d8e63217fa61bf45cc21e4c70f7dbcb759d4d97761318b402ba025ff42208c60
+  languageName: node
+  linkType: hard
+
+"@react-aria/live-announcer@npm:^3.4.4":
+  version: 3.4.4
+  resolution: "@react-aria/live-announcer@npm:3.4.4"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+  checksum: 10c0/1598372e773ee8dbb2f1d2a946652384f5140ab54106416e2a182c72eaabc1b3739e624bac7aea3d95429ba16487074c782ff90db093be36dd1d4cf84f9f9a17
+  languageName: node
+  linkType: hard
+
+"@react-aria/menu@npm:3.19.1":
+  version: 3.19.1
+  resolution: "@react-aria/menu@npm:3.19.1"
+  dependencies:
+    "@react-aria/focus": "npm:^3.21.1"
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/overlays": "npm:^3.29.0"
+    "@react-aria/selection": "npm:^3.25.1"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/collections": "npm:^3.12.7"
+    "@react-stately/menu": "npm:^3.9.7"
+    "@react-stately/selection": "npm:^3.20.5"
+    "@react-stately/tree": "npm:^3.9.2"
+    "@react-types/button": "npm:^3.14.0"
+    "@react-types/menu": "npm:^3.10.4"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/cab389ddfb15d02adfa2133addbf55427df07195e82bdc57dcb566689008ddbfb46d9923b4fe596f3c4f92a7472c7f963914b0ce4e8c4316059d360a036d6809
+  languageName: node
+  linkType: hard
+
+"@react-aria/menu@npm:^3.19.1":
+  version: 3.19.2
+  resolution: "@react-aria/menu@npm:3.19.2"
+  dependencies:
+    "@react-aria/focus": "npm:^3.21.1"
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/overlays": "npm:^3.29.1"
+    "@react-aria/selection": "npm:^3.25.1"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/collections": "npm:^3.12.7"
+    "@react-stately/menu": "npm:^3.9.7"
+    "@react-stately/selection": "npm:^3.20.5"
+    "@react-stately/tree": "npm:^3.9.2"
+    "@react-types/button": "npm:^3.14.0"
+    "@react-types/menu": "npm:^3.10.4"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/3592ff723178ec8f98f8cfde9bb8d4626daf553c5683b88b435e3275713b9b0ff0f26e9df00d8957423f0712e61799aa4a606f9f610950ae6e9ab72ab8772ed3
+  languageName: node
+  linkType: hard
+
+"@react-aria/numberfield@npm:3.12.1":
+  version: 3.12.1
+  resolution: "@react-aria/numberfield@npm:3.12.1"
+  dependencies:
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/spinbutton": "npm:^3.6.18"
+    "@react-aria/textfield": "npm:^3.18.1"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/form": "npm:^3.2.1"
+    "@react-stately/numberfield": "npm:^3.10.1"
+    "@react-types/button": "npm:^3.14.0"
+    "@react-types/numberfield": "npm:^3.8.14"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/333f860a5c12692fb7904515950959e2b9bf175a1db5acddbbd206081ad1106ea41e46d94336704a9bf199b0fca0faf591fda79682ed59cb6fd340d0f3bb2fae
+  languageName: node
+  linkType: hard
+
+"@react-aria/overlays@npm:3.29.0":
+  version: 3.29.0
+  resolution: "@react-aria/overlays@npm:3.29.0"
+  dependencies:
+    "@react-aria/focus": "npm:^3.21.1"
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/ssr": "npm:^3.9.10"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-aria/visually-hidden": "npm:^3.8.27"
+    "@react-stately/overlays": "npm:^3.6.19"
+    "@react-types/button": "npm:^3.14.0"
+    "@react-types/overlays": "npm:^3.9.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/64f0bcb887b0ff8dfb320221a1751b588fb037aed70f1259ee5b9794de8d57ed254771a90854754cbe97d3e5a0f6f74cc2650733b244a6de6b63553696130402
+  languageName: node
+  linkType: hard
+
+"@react-aria/overlays@npm:^3.29.0, @react-aria/overlays@npm:^3.29.1":
+  version: 3.29.1
+  resolution: "@react-aria/overlays@npm:3.29.1"
+  dependencies:
+    "@react-aria/focus": "npm:^3.21.1"
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/ssr": "npm:^3.9.10"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-aria/visually-hidden": "npm:^3.8.27"
+    "@react-stately/overlays": "npm:^3.6.19"
+    "@react-types/button": "npm:^3.14.0"
+    "@react-types/overlays": "npm:^3.9.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/e69f2178cbbd30bd43373ca4dcb68edf275dae57926912c2845bd109b0ddf5820e28e8882df049ce188a42a1690ae7a31795d0be8895318b80478c61baf8af4c
+  languageName: node
+  linkType: hard
+
+"@react-aria/progress@npm:3.4.26":
+  version: 3.4.26
+  resolution: "@react-aria/progress@npm:3.4.26"
+  dependencies:
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/label": "npm:^3.7.21"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-types/progress": "npm:^3.5.15"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/1d41424898c39c8c20b3943d3572367f2d3c937a48c8d4167f4874b31e03c4e894a21314729f44cfcbf6283c95a260111152b07d5fc570d86b6bbde785f7f1bf
+  languageName: node
+  linkType: hard
+
+"@react-aria/radio@npm:3.12.1":
+  version: 3.12.1
+  resolution: "@react-aria/radio@npm:3.12.1"
+  dependencies:
+    "@react-aria/focus": "npm:^3.21.1"
+    "@react-aria/form": "npm:^3.1.1"
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/label": "npm:^3.7.21"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/radio": "npm:^3.11.1"
+    "@react-types/radio": "npm:^3.9.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/2c8625ce2214142c09af2f5a751a5d390dda6ef3148055973dc8ea71504e631ca0dc5e7d7202e557235c3175dad74b75a4c9440ce3de15d8f07a3b5a55571773
+  languageName: node
+  linkType: hard
+
+"@react-aria/selection@npm:3.25.1, @react-aria/selection@npm:^3.25.1":
+  version: 3.25.1
+  resolution: "@react-aria/selection@npm:3.25.1"
+  dependencies:
+    "@react-aria/focus": "npm:^3.21.1"
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/selection": "npm:^3.20.5"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/7212dfc3280167c5f87256bbc580c3f05e1a8388d93ce5d66090778b67b7a3bcb49c522172a1a062c0c237204e1d85e6a9cb8ae6095725ed7f1e194ba277ed0e
+  languageName: node
+  linkType: hard
+
+"@react-aria/slider@npm:3.8.1":
+  version: 3.8.1
+  resolution: "@react-aria/slider@npm:3.8.1"
+  dependencies:
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/label": "npm:^3.7.21"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/slider": "npm:^3.7.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@react-types/slider": "npm:^3.8.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/1282cc395fcc531b35a94bb769d5cc462224f20fd876d96fabc432a40201eae9d01a87d6f8fdedc7382d3a1928eac9579aa9f6cc875461abd5bc8ae1c0bffd62
+  languageName: node
+  linkType: hard
+
+"@react-aria/spinbutton@npm:^3.6.18":
+  version: 3.6.18
+  resolution: "@react-aria/spinbutton@npm:3.6.18"
+  dependencies:
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/live-announcer": "npm:^3.4.4"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-types/button": "npm:^3.14.0"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/c9fdd24fe563e450130bb1e3ae7f09f9fc2728120feea965be413d4b1cf10eb2790bf13783dbf8247fc241d9691d12bcb77ea88f656966092f520d22c9eb6da5
+  languageName: node
+  linkType: hard
+
+"@react-aria/ssr@npm:3.9.10, @react-aria/ssr@npm:^3.9.10":
+  version: 3.9.10
+  resolution: "@react-aria/ssr@npm:3.9.10"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/44acb4c441d9c5d65aab94aa81fd8368413cf2958ab458582296dd78f6ba4783583f2311fa986120060e5c26b54b1f01e8910ffd17e4f41ccc5fc8c357d84089
+  languageName: node
+  linkType: hard
+
+"@react-aria/switch@npm:3.7.7":
+  version: 3.7.7
+  resolution: "@react-aria/switch@npm:3.7.7"
+  dependencies:
+    "@react-aria/toggle": "npm:^3.12.1"
+    "@react-stately/toggle": "npm:^3.9.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@react-types/switch": "npm:^3.5.14"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/386dd60efad6544e8bb03393c13d712e47aa68e3169a3d865375831e5353c8e5e849903ea51af09ae40eb1ae206df5c9b8854ce8601e81a7d21fd952bc18c8a2
+  languageName: node
+  linkType: hard
+
+"@react-aria/table@npm:3.17.7":
+  version: 3.17.7
+  resolution: "@react-aria/table@npm:3.17.7"
+  dependencies:
+    "@react-aria/focus": "npm:^3.21.1"
+    "@react-aria/grid": "npm:^3.14.4"
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/live-announcer": "npm:^3.4.4"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-aria/visually-hidden": "npm:^3.8.27"
+    "@react-stately/collections": "npm:^3.12.7"
+    "@react-stately/flags": "npm:^3.1.2"
+    "@react-stately/table": "npm:^3.15.0"
+    "@react-types/checkbox": "npm:^3.10.1"
+    "@react-types/grid": "npm:^3.3.5"
+    "@react-types/shared": "npm:^3.32.0"
+    "@react-types/table": "npm:^3.13.3"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/ee09d8827929df9be0fdf313c22518f82a7e91669c2e6bb6754f6fbd4f656366d9fa86afc290c73e827ec8fb0574bcab19b35b385e7c16d28713569e20c91b6b
+  languageName: node
+  linkType: hard
+
+"@react-aria/tabs@npm:3.10.7":
+  version: 3.10.7
+  resolution: "@react-aria/tabs@npm:3.10.7"
+  dependencies:
+    "@react-aria/focus": "npm:^3.21.1"
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/selection": "npm:^3.25.1"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/tabs": "npm:^3.8.5"
+    "@react-types/shared": "npm:^3.32.0"
+    "@react-types/tabs": "npm:^3.3.18"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/ace9e245e0d8d9bf8a1e79a6e31a48dcc8c4604d8c3143c456a29a499eb39c484d4b2470b025f2c0adf86e531140f1c673df44ec012bd32704eb573fcd5a3ee1
+  languageName: node
+  linkType: hard
+
+"@react-aria/textfield@npm:3.18.1, @react-aria/textfield@npm:^3.18.1":
+  version: 3.18.1
+  resolution: "@react-aria/textfield@npm:3.18.1"
+  dependencies:
+    "@react-aria/form": "npm:^3.1.1"
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/label": "npm:^3.7.21"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/form": "npm:^3.2.1"
+    "@react-stately/utils": "npm:^3.10.8"
+    "@react-types/shared": "npm:^3.32.0"
+    "@react-types/textfield": "npm:^3.12.5"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/c596e2414fd64d2354e7dc5f56c959ed033f465e4dce20b602efab9c35bbabe27bcc2e80ef213ab1aa2ff541adcb33c0c967b530f32dd3280a627c317331f5b8
+  languageName: node
+  linkType: hard
+
+"@react-aria/toast@npm:3.0.7":
+  version: 3.0.7
+  resolution: "@react-aria/toast@npm:3.0.7"
+  dependencies:
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/landmark": "npm:^3.0.6"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/toast": "npm:^3.1.2"
+    "@react-types/button": "npm:^3.14.0"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/83f2dc36c312150724bc4b669917374bf042156a8e4c9cd67a9c8a7e3250c43f97d7e75ddeaa4190474606323ee1239431b929019b919a8645273770c7c2d803
+  languageName: node
+  linkType: hard
+
+"@react-aria/toggle@npm:^3.12.1":
+  version: 3.12.1
+  resolution: "@react-aria/toggle@npm:3.12.1"
+  dependencies:
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/toggle": "npm:^3.9.1"
+    "@react-types/checkbox": "npm:^3.10.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/3ace07768327c7d86f57d7bcf22a60d64c84f7d9adef66e80db2194d237f82016a635903417289eaa7408caca74fee094b8e9dc7ac7d923823b63eabcc094b38
+  languageName: node
+  linkType: hard
+
+"@react-aria/toolbar@npm:3.0.0-beta.20":
+  version: 3.0.0-beta.20
+  resolution: "@react-aria/toolbar@npm:3.0.0-beta.20"
+  dependencies:
+    "@react-aria/focus": "npm:^3.21.1"
+    "@react-aria/i18n": "npm:^3.12.12"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/af186a16ba6d55b6fd80988ae95031e04bcfcd20bdedb02f12007f5f3c4ef1ace515a0d71d0191544c333bb181df8dfe33f89e52fde7ad83148172561d0c4049
+  languageName: node
+  linkType: hard
+
+"@react-aria/tooltip@npm:3.8.7":
+  version: 3.8.7
+  resolution: "@react-aria/tooltip@npm:3.8.7"
+  dependencies:
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-stately/tooltip": "npm:^3.5.7"
+    "@react-types/shared": "npm:^3.32.0"
+    "@react-types/tooltip": "npm:^3.4.20"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/481ec2ee3d43ecae62c01f0c0a1122c735dfaddffbc8db5e4d38963201d4ecc2f66df50d27c97cc93b5480998d545480ec962282f3cf702f220e22ee3e443b73
+  languageName: node
+  linkType: hard
+
+"@react-aria/utils@npm:3.30.1, @react-aria/utils@npm:^3.30.1":
+  version: 3.30.1
+  resolution: "@react-aria/utils@npm:3.30.1"
+  dependencies:
+    "@react-aria/ssr": "npm:^3.9.10"
+    "@react-stately/flags": "npm:^3.1.2"
+    "@react-stately/utils": "npm:^3.10.8"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+    clsx: "npm:^2.0.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/3417a3ea7250c4ad23e6943117eb304a3708859fe8c738e0bee39edaefe7a7b82cedecc564f1a7f7fdf715ad13f57804a0b7c015a75fefdecbe3ecd7162f3e2f
+  languageName: node
+  linkType: hard
+
+"@react-aria/visually-hidden@npm:3.8.27, @react-aria/visually-hidden@npm:^3.8.27":
+  version: 3.8.27
+  resolution: "@react-aria/visually-hidden@npm:3.8.27"
+  dependencies:
+    "@react-aria/interactions": "npm:^3.25.5"
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/b9c1e64c9560ec6ff5e186502cc4c89f366d17d8ccd0487c698b22358b0583385f404c567861497cb4c0b035b3906993f700fc219040519b0ce9be1f69d74b24
+  languageName: node
+  linkType: hard
+
+"@react-stately/calendar@npm:3.8.4, @react-stately/calendar@npm:^3.8.4":
+  version: 3.8.4
+  resolution: "@react-stately/calendar@npm:3.8.4"
+  dependencies:
+    "@internationalized/date": "npm:^3.9.0"
+    "@react-stately/utils": "npm:^3.10.8"
+    "@react-types/calendar": "npm:^3.7.4"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/ce7d212735b94d2ad8a0a2bd6c552f2aa6883b6d4ce34a2d9c8989536845d15bc90aabb66665ff4932eb32d2b43fe15602c5503c35edd05fa567348582b8ab16
+  languageName: node
+  linkType: hard
+
+"@react-stately/checkbox@npm:3.7.1, @react-stately/checkbox@npm:^3.7.1":
+  version: 3.7.1
+  resolution: "@react-stately/checkbox@npm:3.7.1"
+  dependencies:
+    "@react-stately/form": "npm:^3.2.1"
+    "@react-stately/utils": "npm:^3.10.8"
+    "@react-types/checkbox": "npm:^3.10.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/283d7e5aa63761c956fc48c42d12e5dee779c362013afabd36e086f530b4b8137966e6769421951c28cbffa4e793c0ce857de5aea85403a42688f0898f2503fa
+  languageName: node
+  linkType: hard
+
+"@react-stately/collections@npm:3.12.7, @react-stately/collections@npm:^3.12.7":
+  version: 3.12.7
+  resolution: "@react-stately/collections@npm:3.12.7"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/9f8e2f34a7e8a9630699ca91d8d5f215468b2a669df4e06bfd337d365d52df9b2e42b983d18f2023b746e30f0b06ee76e5838e1067299935ce78fab1c2c959c1
+  languageName: node
+  linkType: hard
+
+"@react-stately/combobox@npm:3.11.1, @react-stately/combobox@npm:^3.11.1":
+  version: 3.11.1
+  resolution: "@react-stately/combobox@npm:3.11.1"
+  dependencies:
+    "@react-stately/collections": "npm:^3.12.7"
+    "@react-stately/form": "npm:^3.2.1"
+    "@react-stately/list": "npm:^3.13.0"
+    "@react-stately/overlays": "npm:^3.6.19"
+    "@react-stately/select": "npm:^3.7.1"
+    "@react-stately/utils": "npm:^3.10.8"
+    "@react-types/combobox": "npm:^3.13.8"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/d89f22d54f96e829a70e6700904a163d30766767567964ab29b78772b6bbe4f2abbe85ccd0a25b5d8a54a6c60e1d653215699b19d82d84b6620c9e5d73f9fe10
+  languageName: node
+  linkType: hard
+
+"@react-stately/datepicker@npm:3.15.1, @react-stately/datepicker@npm:^3.15.1":
+  version: 3.15.1
+  resolution: "@react-stately/datepicker@npm:3.15.1"
+  dependencies:
+    "@internationalized/date": "npm:^3.9.0"
+    "@internationalized/string": "npm:^3.2.7"
+    "@react-stately/form": "npm:^3.2.1"
+    "@react-stately/overlays": "npm:^3.6.19"
+    "@react-stately/utils": "npm:^3.10.8"
+    "@react-types/datepicker": "npm:^3.13.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/65167c563757d30a80656081ac51335a1c3f5b7b587dd4702bd28983b5a9a9cb7ce24b34e9e4a77ec7b6cc5dcd59748e4ec067ebba93e3b1a2709f9625e5f13b
+  languageName: node
+  linkType: hard
+
+"@react-stately/flags@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "@react-stately/flags@npm:3.1.2"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+  checksum: 10c0/d86890ce662f04c7d8984e9560527f46c9779b97757abded9e1bf7e230a6900a0ea7a3e7c22534de8d2ff278abae194e4e4ad962d710f3b04c52a4e1011c2e5b
+  languageName: node
+  linkType: hard
+
+"@react-stately/form@npm:3.2.1, @react-stately/form@npm:^3.2.1":
+  version: 3.2.1
+  resolution: "@react-stately/form@npm:3.2.1"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/9aa4c38001ea7811fc65677f04ffdaecf03be75bd9da911754d2510ef30be1b83fc45ef023660727bfdaf2f24dcebaa5587ca1ca4f5e1bc7aeb2319b3768c2c2
+  languageName: node
+  linkType: hard
+
+"@react-stately/grid@npm:^3.11.5":
+  version: 3.11.5
+  resolution: "@react-stately/grid@npm:3.11.5"
+  dependencies:
+    "@react-stately/collections": "npm:^3.12.7"
+    "@react-stately/selection": "npm:^3.20.5"
+    "@react-types/grid": "npm:^3.3.5"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/bacfde659d10815a435cf0c8333a15da9ff1629483fa32c2263ebb1975ee1b8de21e1768f136c0dc6db8e7e60fac6d7ae72f610915d1b147716d47022a1f35c9
+  languageName: node
+  linkType: hard
+
+"@react-stately/list@npm:3.13.0, @react-stately/list@npm:^3.13.0":
+  version: 3.13.0
+  resolution: "@react-stately/list@npm:3.13.0"
+  dependencies:
+    "@react-stately/collections": "npm:^3.12.7"
+    "@react-stately/selection": "npm:^3.20.5"
+    "@react-stately/utils": "npm:^3.10.8"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/d408513e6b984ce912bb744b4da04222c0fa1a57e11fe53976c42df6d7126d3945fc65caaf8d67587ccaf2dce147658de432ddaa80e5b2b0b49012f7b572f810
+  languageName: node
+  linkType: hard
+
+"@react-stately/menu@npm:3.9.7, @react-stately/menu@npm:^3.9.7":
+  version: 3.9.7
+  resolution: "@react-stately/menu@npm:3.9.7"
+  dependencies:
+    "@react-stately/overlays": "npm:^3.6.19"
+    "@react-types/menu": "npm:^3.10.4"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/4ad5b7da2f6c09efcb459f77bab624be65d37ba6b72cf76c704e28361f9ee6f598365728f351aa15dc27bdb2dca8e1c634e0cf131f036fc5aafd308a2d0c111f
+  languageName: node
+  linkType: hard
+
+"@react-stately/numberfield@npm:3.10.1, @react-stately/numberfield@npm:^3.10.1":
+  version: 3.10.1
+  resolution: "@react-stately/numberfield@npm:3.10.1"
+  dependencies:
+    "@internationalized/number": "npm:^3.6.5"
+    "@react-stately/form": "npm:^3.2.1"
+    "@react-stately/utils": "npm:^3.10.8"
+    "@react-types/numberfield": "npm:^3.8.14"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/1e7eb49fa1e135368bbc4f2e795be70f9db38d049139ce7efd988cddf0b01290527780ab0123b5c953a21991ffdafc76f5cc2cf1c09d68a91b18bdaec810f1ba
+  languageName: node
+  linkType: hard
+
+"@react-stately/overlays@npm:3.6.19, @react-stately/overlays@npm:^3.6.19":
+  version: 3.6.19
+  resolution: "@react-stately/overlays@npm:3.6.19"
+  dependencies:
+    "@react-stately/utils": "npm:^3.10.8"
+    "@react-types/overlays": "npm:^3.9.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/bc6749850313185a927f3d2f72e8e155d8452a4ec9f19ff3df7c167c6a60a29d91dd97e0b5d5f78ed8fa1a0b275cbfc4f5b135dbd37412246e0cc647499d4cde
+  languageName: node
+  linkType: hard
+
+"@react-stately/radio@npm:3.11.1, @react-stately/radio@npm:^3.11.1":
+  version: 3.11.1
+  resolution: "@react-stately/radio@npm:3.11.1"
+  dependencies:
+    "@react-stately/form": "npm:^3.2.1"
+    "@react-stately/utils": "npm:^3.10.8"
+    "@react-types/radio": "npm:^3.9.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/f9e59f90f54507da594ef54df96d99cc2baa36e999674aed1950288dc29a5c5ef5235e2f90e3c92fe8a63a4963a7b0ccee9652b55e2552865b3029e34c11eaf8
+  languageName: node
+  linkType: hard
+
+"@react-stately/select@npm:^3.7.1":
+  version: 3.7.1
+  resolution: "@react-stately/select@npm:3.7.1"
+  dependencies:
+    "@react-stately/form": "npm:^3.2.1"
+    "@react-stately/list": "npm:^3.13.0"
+    "@react-stately/overlays": "npm:^3.6.19"
+    "@react-types/select": "npm:^3.10.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/807b870e1bc26ed05b152f10aac3d2c34e66aeab70f01eed472b75edafe10808b03dca45d7ed2273e79b55f7af646a745d0c6a4c61f63067a3a11c5f1f8378c6
+  languageName: node
+  linkType: hard
+
+"@react-stately/selection@npm:^3.20.5":
+  version: 3.20.5
+  resolution: "@react-stately/selection@npm:3.20.5"
+  dependencies:
+    "@react-stately/collections": "npm:^3.12.7"
+    "@react-stately/utils": "npm:^3.10.8"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/fa3e9440c10d836e48e019ce8811eab2bc38c15e807fec0d1f857ec30f180fa87005f882385259c48fa73d9793c292f3322c35b94df06535fe19eb7b0e715c76
+  languageName: node
+  linkType: hard
+
+"@react-stately/slider@npm:3.7.1, @react-stately/slider@npm:^3.7.1":
+  version: 3.7.1
+  resolution: "@react-stately/slider@npm:3.7.1"
+  dependencies:
+    "@react-stately/utils": "npm:^3.10.8"
+    "@react-types/shared": "npm:^3.32.0"
+    "@react-types/slider": "npm:^3.8.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/2efd3c3bb50cb5874975ae2019566fc3df443e5f838472b2e56428ecbf184c39710ddb774dc69c856767a95278699a857bcfd3fdd9926ca638d7e4ca80cccc05
+  languageName: node
+  linkType: hard
+
+"@react-stately/table@npm:3.15.0, @react-stately/table@npm:^3.15.0":
+  version: 3.15.0
+  resolution: "@react-stately/table@npm:3.15.0"
+  dependencies:
+    "@react-stately/collections": "npm:^3.12.7"
+    "@react-stately/flags": "npm:^3.1.2"
+    "@react-stately/grid": "npm:^3.11.5"
+    "@react-stately/selection": "npm:^3.20.5"
+    "@react-stately/utils": "npm:^3.10.8"
+    "@react-types/grid": "npm:^3.3.5"
+    "@react-types/shared": "npm:^3.32.0"
+    "@react-types/table": "npm:^3.13.3"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/93813ef88a756755fdbb0a92f65d43b7cf83d2029290c34a2e0b337f1e2f25e9ebb7d54b122c4f280dc797ea82550bd0cc105072b7cdec836d5d48d175ea220e
+  languageName: node
+  linkType: hard
+
+"@react-stately/tabs@npm:3.8.5, @react-stately/tabs@npm:^3.8.5":
+  version: 3.8.5
+  resolution: "@react-stately/tabs@npm:3.8.5"
+  dependencies:
+    "@react-stately/list": "npm:^3.13.0"
+    "@react-types/shared": "npm:^3.32.0"
+    "@react-types/tabs": "npm:^3.3.18"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/577f4640fbdedd2049c4b2b326ad32c8f9b89366c2e4bffbf5501713a8bc314623f72399ca3e0c112abdebc291d8733f381f34aabf304b87d30d5d29e09b63d9
+  languageName: node
+  linkType: hard
+
+"@react-stately/toast@npm:3.1.2, @react-stately/toast@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "@react-stately/toast@npm:3.1.2"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+    use-sync-external-store: "npm:^1.4.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/5de06a2ca5830824a236f809e44a5084ae58a4f463c86aa2e72ec84c8ca632dfe1f5054248a9a1f6ee2aa213e22bfc186e0f4d5ef9a552eb369ee906686f8fec
+  languageName: node
+  linkType: hard
+
+"@react-stately/toggle@npm:3.9.1, @react-stately/toggle@npm:^3.9.1":
+  version: 3.9.1
+  resolution: "@react-stately/toggle@npm:3.9.1"
+  dependencies:
+    "@react-stately/utils": "npm:^3.10.8"
+    "@react-types/checkbox": "npm:^3.10.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/d7a87f9b00f324cfd2cab13733ceebaf66df9514024bfa85f7f8bef27ac0037b0568f763e96a4a9b46798fbd90048d8afffc0a6ad38803e121a3251d13bf7113
+  languageName: node
+  linkType: hard
+
+"@react-stately/tooltip@npm:3.5.7, @react-stately/tooltip@npm:^3.5.7":
+  version: 3.5.7
+  resolution: "@react-stately/tooltip@npm:3.5.7"
+  dependencies:
+    "@react-stately/overlays": "npm:^3.6.19"
+    "@react-types/tooltip": "npm:^3.4.20"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/fc180cd11b2ba557d64b30e495fc6ab60972b1fcc77924bf7d521d46a0973d8f0e3ff0dd846c031d604c66caac7a1654ad07505b0b577c6f2ac87b62f3e60a4d
+  languageName: node
+  linkType: hard
+
+"@react-stately/tree@npm:3.9.2, @react-stately/tree@npm:^3.9.2":
+  version: 3.9.2
+  resolution: "@react-stately/tree@npm:3.9.2"
+  dependencies:
+    "@react-stately/collections": "npm:^3.12.7"
+    "@react-stately/selection": "npm:^3.20.5"
+    "@react-stately/utils": "npm:^3.10.8"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/e2c3eb2eec5c0fdfc18e7cf09c3a866f0ebc261bf3398df7b54fa41c8b233e68ba4366c043896a101ddb72d2786adc5bad00f85eb61d0ff60afec34665de096f
+  languageName: node
+  linkType: hard
+
+"@react-stately/utils@npm:3.10.8, @react-stately/utils@npm:^3.10.8":
+  version: 3.10.8
+  resolution: "@react-stately/utils@npm:3.10.8"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/a97cc292986e3eeb2ceb1626671ce60e8342a3ff35ab92bcfcb94bd6b28729836cc592e3fe4df2fba603e5fdd26291be77b7f60441920298c282bb93f424feba
+  languageName: node
+  linkType: hard
+
+"@react-stately/virtualizer@npm:4.4.3":
+  version: 4.4.3
+  resolution: "@react-stately/virtualizer@npm:4.4.3"
+  dependencies:
+    "@react-aria/utils": "npm:^3.30.1"
+    "@react-types/shared": "npm:^3.32.0"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/9e49131a18e968a3119b17bca6826a008ed23074751c2bc564cb6d812ae13825d1368830026b3afbe016a0747658d48997048e53332b500378c6c8a66bc94a30
+  languageName: node
+  linkType: hard
+
+"@react-types/accordion@npm:3.0.0-alpha.26":
+  version: 3.0.0-alpha.26
+  resolution: "@react-types/accordion@npm:3.0.0-alpha.26"
+  dependencies:
+    "@react-types/shared": "npm:^3.27.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/fe3dda6c148a815ea9e82d1ba0796f03954467290816e5b815bb26c7a503c1c46c0db8d43836b8da221bf1bc92e068f230509a93c2b30b912c2a2510f1798732
+  languageName: node
+  linkType: hard
+
+"@react-types/breadcrumbs@npm:3.7.16, @react-types/breadcrumbs@npm:^3.7.16":
+  version: 3.7.16
+  resolution: "@react-types/breadcrumbs@npm:3.7.16"
+  dependencies:
+    "@react-types/link": "npm:^3.6.4"
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/af033fc8f5f47b926f15154e1f6cceb24a666004a1df058c7c8accb3bc0b916fc28a56a400f10bdb697425119584df7c4f10a985a6400633caa6d05f315d2593
+  languageName: node
+  linkType: hard
+
+"@react-types/button@npm:3.14.0, @react-types/button@npm:^3.14.0":
+  version: 3.14.0
+  resolution: "@react-types/button@npm:3.14.0"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/33891e850e0cccb5326cbd866c9bc7312611e7476ca82a83fee601a516a07a04da1eef1e9dbbf34f56a2f7cfcd546306ae91c088d99cdc548b49b80267e3f623
+  languageName: node
+  linkType: hard
+
+"@react-types/calendar@npm:3.7.4, @react-types/calendar@npm:^3.7.4":
+  version: 3.7.4
+  resolution: "@react-types/calendar@npm:3.7.4"
+  dependencies:
+    "@internationalized/date": "npm:^3.9.0"
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/0e05af84d55170792ae5f937bba3ae1534e25cafb9ff562b9b9485fc93631b887faf1400f2ef3b1fe764efbbdd999847494606cc770bc19c44d7d173601be2f0
+  languageName: node
+  linkType: hard
+
+"@react-types/checkbox@npm:3.10.1, @react-types/checkbox@npm:^3.10.1":
+  version: 3.10.1
+  resolution: "@react-types/checkbox@npm:3.10.1"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/cb2e3d0f4a47c2f664cce06a0956825d80e30d8c30e4d80fd6d657822dbbdee0d46f49d93c1f31d4919bbe2d69b09556d8185b1e0d4ebd4f658fe431e6a6aa65
+  languageName: node
+  linkType: hard
+
+"@react-types/combobox@npm:3.13.8, @react-types/combobox@npm:^3.13.8":
+  version: 3.13.8
+  resolution: "@react-types/combobox@npm:3.13.8"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/539abb36dc9b9de407c80d832933bcf073dc0bd6b11ce5da6a8b2aa279e839dcea713335601fdf45fa9693cdd39b18e1a4b5bc5a19cf5cf780a0449013807e0d
+  languageName: node
+  linkType: hard
+
+"@react-types/datepicker@npm:3.13.1, @react-types/datepicker@npm:^3.13.1":
+  version: 3.13.1
+  resolution: "@react-types/datepicker@npm:3.13.1"
+  dependencies:
+    "@internationalized/date": "npm:^3.9.0"
+    "@react-types/calendar": "npm:^3.7.4"
+    "@react-types/overlays": "npm:^3.9.1"
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/e0d61abe97a3a40ce36a0814fb010509e47153416b3c3adb05cb55c6142703c8c837f2fa73fd8d52a19ce7812c3931e75a88818941908ff8a6eb24bf939a8053
+  languageName: node
+  linkType: hard
+
+"@react-types/dialog@npm:^3.5.21":
+  version: 3.5.21
+  resolution: "@react-types/dialog@npm:3.5.21"
+  dependencies:
+    "@react-types/overlays": "npm:^3.9.1"
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/129bbdca319ab5353361f861c973837b73f7ed21cc7a887acb1e528b781ccbf390292bf5c8ca48a425e8b5a14d59d45be708e40a5b5f3aca4404c816a14ad135
+  languageName: node
+  linkType: hard
+
+"@react-types/form@npm:3.7.15":
+  version: 3.7.15
+  resolution: "@react-types/form@npm:3.7.15"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/135ce29135bc66277a99840a01916b495dca98d4ce5854f3fa756c7bf891e897b325fc5777047c3e91ab938e73986be482b17ab3d669e083b8b815835c59fa1d
+  languageName: node
+  linkType: hard
+
+"@react-types/grid@npm:3.3.5, @react-types/grid@npm:^3.3.5":
+  version: 3.3.5
+  resolution: "@react-types/grid@npm:3.3.5"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/4b49af54683ce73ed2ee9be2b6f7a03870ee461bf41f1943f5d88fc4a4cedf62091e9a7937245db10acc0a1e4feedffe579be7e8746a7d71f6483553eed08e55
+  languageName: node
+  linkType: hard
+
+"@react-types/link@npm:3.6.4, @react-types/link@npm:^3.6.4":
+  version: 3.6.4
+  resolution: "@react-types/link@npm:3.6.4"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/69fa28299af26bd1473933dffd55a932b1a5cbd263898efc16c0fc5cbef02d21201f947e739a63ee26a9f0a311c3ee77a60689004176517558ada4622cfd5f7f
+  languageName: node
+  linkType: hard
+
+"@react-types/listbox@npm:^3.7.3":
+  version: 3.7.3
+  resolution: "@react-types/listbox@npm:3.7.3"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/94fce2d390bfb9beafcc5a241ffe32524512240c7980fafee3195c859973ba84e1df2afc8a55e679d797c74f5d33fa18162fbaeeda983187423f7ce9bfd6d74a
+  languageName: node
+  linkType: hard
+
+"@react-types/menu@npm:3.10.4, @react-types/menu@npm:^3.10.4":
+  version: 3.10.4
+  resolution: "@react-types/menu@npm:3.10.4"
+  dependencies:
+    "@react-types/overlays": "npm:^3.9.1"
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/699da0cac2e31fdc362e8f5e227c2221187e4d883509ae242b1efd58ab28c55c2ee695c227ea04c3a4510354dc3348b409fa13a38b88a91544597cad63eb202b
+  languageName: node
+  linkType: hard
+
+"@react-types/numberfield@npm:3.8.14, @react-types/numberfield@npm:^3.8.14":
+  version: 3.8.14
+  resolution: "@react-types/numberfield@npm:3.8.14"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/1c9c4212a32e87d34eb1fff7a34dd1a7a4f616653087e8cdbe40ddafe6c6424b9a8d0a70076f6fdf88a2736a394de3f2cd697c955a6ca01c8d8c9a9133bc1f8d
+  languageName: node
+  linkType: hard
+
+"@react-types/overlays@npm:3.9.1, @react-types/overlays@npm:^3.9.1":
+  version: 3.9.1
+  resolution: "@react-types/overlays@npm:3.9.1"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/bf0e1c11251e2c6c79e12762d30e886ba5587cd7d38761d4174c3f512ace205cf7b3d7da44ca7fe3797af27ad32b844a6c4ecb3cf0a5c6b9784557cfaf035346
+  languageName: node
+  linkType: hard
+
+"@react-types/progress@npm:3.5.15, @react-types/progress@npm:^3.5.15":
+  version: 3.5.15
+  resolution: "@react-types/progress@npm:3.5.15"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/7a5f4b2690fdea608b8b6d8c0ea8c262fc303b0440102ec2873a80fec45558139aeac20c507e6fbbad77686fb7f6c50ee0c4ec26c18d7ea5c7595081bda9b426
+  languageName: node
+  linkType: hard
+
+"@react-types/radio@npm:3.9.1, @react-types/radio@npm:^3.9.1":
+  version: 3.9.1
+  resolution: "@react-types/radio@npm:3.9.1"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/1af8c2612cde155082797f225e995bdaab2d7e127edd9b8ec82bee925699c053a106b506022ee12cb0dd52509b10d00dba4d168c89886d58c7b22884ece615d0
+  languageName: node
+  linkType: hard
+
+"@react-types/select@npm:^3.10.1":
+  version: 3.10.1
+  resolution: "@react-types/select@npm:3.10.1"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/b236419695ace9eb27e3f975d5b45bf6ff7c3c50a07ac7fbdc87ab1ec8bc977bf85187713656c14df1dd9da0b07b04a64b866bfc627e8d9f84bf709f1109f5aa
+  languageName: node
+  linkType: hard
+
+"@react-types/shared@npm:3.32.0, @react-types/shared@npm:^3.27.0, @react-types/shared@npm:^3.32.0":
+  version: 3.32.0
+  resolution: "@react-types/shared@npm:3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/8484f310a8911ab01daa87f9bfdea0a9a76e152d13d8421c28560dc84d64a7df23cda956db59f7010d2e8eaea27d7644118bfbe60b603499903b5f7e6cdfe4fa
+  languageName: node
+  linkType: hard
+
+"@react-types/slider@npm:^3.8.1":
+  version: 3.8.1
+  resolution: "@react-types/slider@npm:3.8.1"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/c57cd9e7a7e561eaf367ca733c315db2c4132a754a43dd44a4100068bc9e695dadc9b482737f0a11e2991baed79d80ea29bf1cd18df6563b7c54767012ab1bde
+  languageName: node
+  linkType: hard
+
+"@react-types/switch@npm:^3.5.14":
+  version: 3.5.14
+  resolution: "@react-types/switch@npm:3.5.14"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/43318b370863fd9fbc2537c3773dba8e28fb1f4e0d2849f0c115f523f59d8d8e88f59c6ede436fa32f634211e96d7a75b2752ec4bcf87a1edc392b624fab7ddd
+  languageName: node
+  linkType: hard
+
+"@react-types/table@npm:3.13.3, @react-types/table@npm:^3.13.3":
+  version: 3.13.3
+  resolution: "@react-types/table@npm:3.13.3"
+  dependencies:
+    "@react-types/grid": "npm:^3.3.5"
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/f1d40064f28441ae0387467f29ff01c641a8eb134b0e2d0dcb3b97331bdf56ac8d619e000bbb5a6229a31ddc288884913fcefb1e255f0c2f1c37f30575170b72
+  languageName: node
+  linkType: hard
+
+"@react-types/tabs@npm:^3.3.18":
+  version: 3.3.18
+  resolution: "@react-types/tabs@npm:3.3.18"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/dd830c08a517e3932d8c694896d5585b639530a7bad2d103b85531b8b4d8bcfde2bba512410260837eb1a0f464cce85d67675d025d56c5c23b30815039e400a0
+  languageName: node
+  linkType: hard
+
+"@react-types/textfield@npm:3.12.5, @react-types/textfield@npm:^3.12.5":
+  version: 3.12.5
+  resolution: "@react-types/textfield@npm:3.12.5"
+  dependencies:
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/4770454303a5b3d93afbc93e6d2e026eed62227a71474e791a598458880d2e06d681e9f3b1d586a8108cbb2e4f75ad64a77e5e71b9adb0e70d73bd8f0ee96bab
+  languageName: node
+  linkType: hard
+
+"@react-types/tooltip@npm:3.4.20, @react-types/tooltip@npm:^3.4.20":
+  version: 3.4.20
+  resolution: "@react-types/tooltip@npm:3.4.20"
+  dependencies:
+    "@react-types/overlays": "npm:^3.9.1"
+    "@react-types/shared": "npm:^3.32.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
+  checksum: 10c0/7fd8415658a140db98974225859fc355a81282563b61246897b98ed0afb398eaff1e770b1bafe246aaa2cc4a07485c501ebed9de9a0a3882a20c658ea29ffa6b
+  languageName: node
+  linkType: hard
+
 "@reduxjs/toolkit@npm:^2.2.5":
   version: 2.6.1
   resolution: "@reduxjs/toolkit@npm:2.6.1"
@@ -6465,6 +9267,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@scarf/scarf@npm:=1.4.0":
+  version: 1.4.0
+  resolution: "@scarf/scarf@npm:1.4.0"
+  checksum: 10c0/332118bb488e7a70eaad068fb1a33f016d30442fb0498b37a80cb425c1e741853a5de1a04dce03526ed6265481ecf744aa6e13f072178d19e6b94b19f623ae1c
+  languageName: node
+  linkType: hard
+
 "@selderee/plugin-htmlparser2@npm:^0.11.0":
   version: 0.11.0
   resolution: "@selderee/plugin-htmlparser2@npm:0.11.0"
@@ -7830,6 +10639,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/helpers@npm:^0.5.0":
+  version: 0.5.17
+  resolution: "@swc/helpers@npm:0.5.17"
+  dependencies:
+    tslib: "npm:^2.8.0"
+  checksum: 10c0/fe1f33ebb968558c5a0c595e54f2e479e4609bff844f9ca9a2d1ffd8dd8504c26f862a11b031f48f75c95b0381c2966c3dd156e25942f90089badd24341e7dbb
+  languageName: node
+  linkType: hard
+
 "@swc/plugin-styled-components@npm:^8.0.4":
   version: 8.0.4
   resolution: "@swc/plugin-styled-components@npm:8.0.4"
@@ -7866,6 +10684,172 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@tailwindcss/node@npm:4.1.13":
+  version: 4.1.13
+  resolution: "@tailwindcss/node@npm:4.1.13"
+  dependencies:
+    "@jridgewell/remapping": "npm:^2.3.4"
+    enhanced-resolve: "npm:^5.18.3"
+    jiti: "npm:^2.5.1"
+    lightningcss: "npm:1.30.1"
+    magic-string: "npm:^0.30.18"
+    source-map-js: "npm:^1.2.1"
+    tailwindcss: "npm:4.1.13"
+  checksum: 10c0/969b2eaefced271655fdf53a07737103736115c6b55fa1559c78147d17871da988c165ab2236bf4da8cdbde1e50a5116b8df2225e20f63de981d43da5b69e3f1
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-android-arm64@npm:4.1.13":
+  version: 4.1.13
+  resolution: "@tailwindcss/oxide-android-arm64@npm:4.1.13"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-darwin-arm64@npm:4.1.13":
+  version: 4.1.13
+  resolution: "@tailwindcss/oxide-darwin-arm64@npm:4.1.13"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-darwin-x64@npm:4.1.13":
+  version: 4.1.13
+  resolution: "@tailwindcss/oxide-darwin-x64@npm:4.1.13"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-freebsd-x64@npm:4.1.13":
+  version: 4.1.13
+  resolution: "@tailwindcss/oxide-freebsd-x64@npm:4.1.13"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-linux-arm-gnueabihf@npm:4.1.13":
+  version: 4.1.13
+  resolution: "@tailwindcss/oxide-linux-arm-gnueabihf@npm:4.1.13"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-linux-arm64-gnu@npm:4.1.13":
+  version: 4.1.13
+  resolution: "@tailwindcss/oxide-linux-arm64-gnu@npm:4.1.13"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-linux-arm64-musl@npm:4.1.13":
+  version: 4.1.13
+  resolution: "@tailwindcss/oxide-linux-arm64-musl@npm:4.1.13"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-linux-x64-gnu@npm:4.1.13":
+  version: 4.1.13
+  resolution: "@tailwindcss/oxide-linux-x64-gnu@npm:4.1.13"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-linux-x64-musl@npm:4.1.13":
+  version: 4.1.13
+  resolution: "@tailwindcss/oxide-linux-x64-musl@npm:4.1.13"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-wasm32-wasi@npm:4.1.13":
+  version: 4.1.13
+  resolution: "@tailwindcss/oxide-wasm32-wasi@npm:4.1.13"
+  dependencies:
+    "@emnapi/core": "npm:^1.4.5"
+    "@emnapi/runtime": "npm:^1.4.5"
+    "@emnapi/wasi-threads": "npm:^1.0.4"
+    "@napi-rs/wasm-runtime": "npm:^0.2.12"
+    "@tybys/wasm-util": "npm:^0.10.0"
+    tslib: "npm:^2.8.0"
+  conditions: cpu=wasm32
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-win32-arm64-msvc@npm:4.1.13":
+  version: 4.1.13
+  resolution: "@tailwindcss/oxide-win32-arm64-msvc@npm:4.1.13"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide-win32-x64-msvc@npm:4.1.13":
+  version: 4.1.13
+  resolution: "@tailwindcss/oxide-win32-x64-msvc@npm:4.1.13"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/oxide@npm:4.1.13":
+  version: 4.1.13
+  resolution: "@tailwindcss/oxide@npm:4.1.13"
+  dependencies:
+    "@tailwindcss/oxide-android-arm64": "npm:4.1.13"
+    "@tailwindcss/oxide-darwin-arm64": "npm:4.1.13"
+    "@tailwindcss/oxide-darwin-x64": "npm:4.1.13"
+    "@tailwindcss/oxide-freebsd-x64": "npm:4.1.13"
+    "@tailwindcss/oxide-linux-arm-gnueabihf": "npm:4.1.13"
+    "@tailwindcss/oxide-linux-arm64-gnu": "npm:4.1.13"
+    "@tailwindcss/oxide-linux-arm64-musl": "npm:4.1.13"
+    "@tailwindcss/oxide-linux-x64-gnu": "npm:4.1.13"
+    "@tailwindcss/oxide-linux-x64-musl": "npm:4.1.13"
+    "@tailwindcss/oxide-wasm32-wasi": "npm:4.1.13"
+    "@tailwindcss/oxide-win32-arm64-msvc": "npm:4.1.13"
+    "@tailwindcss/oxide-win32-x64-msvc": "npm:4.1.13"
+    detect-libc: "npm:^2.0.4"
+    tar: "npm:^7.4.3"
+  dependenciesMeta:
+    "@tailwindcss/oxide-android-arm64":
+      optional: true
+    "@tailwindcss/oxide-darwin-arm64":
+      optional: true
+    "@tailwindcss/oxide-darwin-x64":
+      optional: true
+    "@tailwindcss/oxide-freebsd-x64":
+      optional: true
+    "@tailwindcss/oxide-linux-arm-gnueabihf":
+      optional: true
+    "@tailwindcss/oxide-linux-arm64-gnu":
+      optional: true
+    "@tailwindcss/oxide-linux-arm64-musl":
+      optional: true
+    "@tailwindcss/oxide-linux-x64-gnu":
+      optional: true
+    "@tailwindcss/oxide-linux-x64-musl":
+      optional: true
+    "@tailwindcss/oxide-wasm32-wasi":
+      optional: true
+    "@tailwindcss/oxide-win32-arm64-msvc":
+      optional: true
+    "@tailwindcss/oxide-win32-x64-msvc":
+      optional: true
+  checksum: 10c0/7cc64827b0c854724a3b371a7f1484535db5cca9f53dda359631bce9c42b043f2822db6c5359f7ed9f1c8adbc48ecb52c414454f9330ffd25a9a679686d2a83e
+  languageName: node
+  linkType: hard
+
+"@tailwindcss/vite@npm:^4.1.13":
+  version: 4.1.13
+  resolution: "@tailwindcss/vite@npm:4.1.13"
+  dependencies:
+    "@tailwindcss/node": "npm:4.1.13"
+    "@tailwindcss/oxide": "npm:4.1.13"
+    tailwindcss: "npm:4.1.13"
+  peerDependencies:
+    vite: ^5.2.0 || ^6 || ^7
+  checksum: 10c0/4e9b1d54a64655b775f26816a7be52236d4716a35f88af6b835fcb4f7f466db3c9cbb6c052e5550a97b3e5cff821f337cd6d9ddefd480e71db21a2844719b20e
+  languageName: node
+  linkType: hard
+
 "@tanstack/query-core@npm:5.85.5":
   version: 5.85.5
   resolution: "@tanstack/query-core@npm:5.85.5"
@@ -7884,6 +10868,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@tanstack/react-virtual@npm:3.11.3":
+  version: 3.11.3
+  resolution: "@tanstack/react-virtual@npm:3.11.3"
+  dependencies:
+    "@tanstack/virtual-core": "npm:3.11.3"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+  checksum: 10c0/9718379045ecda92d2c59f3c25699c703d98509ea569d7bfb0dbf78f1e0f46f0023d7a5d3a373fb7cdd4507286c1cf47648b5c0f4b1bdb85b2d2a6c26814b884
+  languageName: node
+  linkType: hard
+
 "@tanstack/react-virtual@npm:^3.13.12":
   version: 3.13.12
   resolution: "@tanstack/react-virtual@npm:3.13.12"
@@ -7896,6 +10892,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@tanstack/virtual-core@npm:3.11.3":
+  version: 3.11.3
+  resolution: "@tanstack/virtual-core@npm:3.11.3"
+  checksum: 10c0/94701b8d2da9167c8b4ba36bdaff22019b8ebb19224c357c1af16cbc375b39076ecc021a8c9581001607afc921d0a843019cb27168999065dda511c445a1a335
+  languageName: node
+  linkType: hard
+
 "@tanstack/virtual-core@npm:3.13.12":
   version: 3.13.12
   resolution: "@tanstack/virtual-core@npm:3.13.12"
@@ -8487,6 +11490,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/body-parser@npm:*":
+  version: 1.19.6
+  resolution: "@types/body-parser@npm:1.19.6"
+  dependencies:
+    "@types/connect": "npm:*"
+    "@types/node": "npm:*"
+  checksum: 10c0/542da05c924dce58ee23f50a8b981fee36921850c82222e384931fda3e106f750f7880c47be665217d72dbe445129049db6eb1f44e7a06b09d62af8f3cca8ea7
+  languageName: node
+  linkType: hard
+
 "@types/cacheable-request@npm:^6.0.1":
   version: 6.0.3
   resolution: "@types/cacheable-request@npm:6.0.3"
@@ -8517,6 +11530,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/connect@npm:*":
+  version: 3.4.38
+  resolution: "@types/connect@npm:3.4.38"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10c0/2e1cdba2c410f25649e77856505cd60223250fa12dff7a503e492208dbfdd25f62859918f28aba95315251fd1f5e1ffbfca1e25e73037189ab85dd3f8d0a148c
+  languageName: node
+  linkType: hard
+
+"@types/content-type@npm:^1.1.9":
+  version: 1.1.9
+  resolution: "@types/content-type@npm:1.1.9"
+  checksum: 10c0/d8b198257862991880d38985ad9871241db18b21ec728bddc78e4c61e0f987cc037dae6c5f9bd2bcc08f41de74ad371180af2fcdefeafe25d0ccae0c3fceb7fd
+  languageName: node
+  linkType: hard
+
+"@types/cors@npm:^2.8.19":
+  version: 2.8.19
+  resolution: "@types/cors@npm:2.8.19"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10c0/b5dd407040db7d8aa1bd36e79e5f3f32292f6b075abc287529e9f48df1a25fda3e3799ba30b4656667ffb931d3b75690c1d6ca71e39f7337ea6dfda8581916d0
+  languageName: node
+  linkType: hard
+
 "@types/d3-array@npm:*":
   version: 3.2.1
   resolution: "@types/d3-array@npm:3.2.1"
@@ -8805,6 +11843,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/diff@npm:^7":
+  version: 7.0.2
+  resolution: "@types/diff@npm:7.0.2"
+  checksum: 10c0/ac4de3f982242292e006ace98a9d41363ebc244145939466139828ffa6c476acc15eea2bad39bd7e0868003c497614f6d7e734d4999c4f09d95dfd173d24d723
+  languageName: node
+  linkType: hard
+
 "@types/estree-jsx@npm:^1.0.0":
   version: 1.0.5
   resolution: "@types/estree-jsx@npm:1.0.5"
@@ -8821,6 +11866,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/express-serve-static-core@npm:^5.0.0":
+  version: 5.0.7
+  resolution: "@types/express-serve-static-core@npm:5.0.7"
+  dependencies:
+    "@types/node": "npm:*"
+    "@types/qs": "npm:*"
+    "@types/range-parser": "npm:*"
+    "@types/send": "npm:*"
+  checksum: 10c0/28666f6a0743b8678be920a6eed075bc8afc96fc7d8ef59c3c049bd6b51533da3b24daf3b437d061e053fba1475e4f3175cb4972f5e8db41608e817997526430
+  languageName: node
+  linkType: hard
+
+"@types/express@npm:*, @types/express@npm:^5":
+  version: 5.0.3
+  resolution: "@types/express@npm:5.0.3"
+  dependencies:
+    "@types/body-parser": "npm:*"
+    "@types/express-serve-static-core": "npm:^5.0.0"
+    "@types/serve-static": "npm:*"
+  checksum: 10c0/f0fbc8daa7f40070b103cf4d020ff1dd08503477d866d1134b87c0390bba71d5d7949cb8b4e719a81ccba89294d8e1573414e6dcbb5bb1d097a7b820928ebdef
+  languageName: node
+  linkType: hard
+
 "@types/fs-extra@npm:9.0.13, @types/fs-extra@npm:^9.0.11":
   version: 9.0.13
   resolution: "@types/fs-extra@npm:9.0.13"
@@ -8877,7 +11945,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/json-schema@npm:^7.0.15":
+"@types/http-errors@npm:*":
+  version: 2.0.5
+  resolution: "@types/http-errors@npm:2.0.5"
+  checksum: 10c0/00f8140fbc504f47356512bd88e1910c2f07e04233d99c88c854b3600ce0523c8cd0ba7d1897667243282eb44c59abb9245959e2428b9de004f93937f52f7c15
+  languageName: node
+  linkType: hard
+
+"@types/json-schema@npm:^7.0.15, @types/json-schema@npm:^7.0.6":
   version: 7.0.15
   resolution: "@types/json-schema@npm:7.0.15"
   checksum: 10c0/a996a745e6c5d60292f36731dd41341339d4eeed8180bb09226e5c8d23759067692b1d88e5d91d72ee83dfc00d3aca8e7bd43ea120516c17922cbcb7c3e252db
@@ -8979,6 +12054,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/mime@npm:^1":
+  version: 1.3.5
+  resolution: "@types/mime@npm:1.3.5"
+  checksum: 10c0/c2ee31cd9b993804df33a694d5aa3fa536511a49f2e06eeab0b484fef59b4483777dbb9e42a4198a0809ffbf698081fdbca1e5c2218b82b91603dfab10a10fbc
+  languageName: node
+  linkType: hard
+
 "@types/ms@npm:*":
   version: 2.1.0
   resolution: "@types/ms@npm:2.1.0"
@@ -9040,6 +12122,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/qs@npm:*":
+  version: 6.14.0
+  resolution: "@types/qs@npm:6.14.0"
+  checksum: 10c0/5b3036df6e507483869cdb3858201b2e0b64b4793dc4974f188caa5b5732f2333ab9db45c08157975054d3b070788b35088b4bc60257ae263885016ee2131310
+  languageName: node
+  linkType: hard
+
+"@types/range-parser@npm:*":
+  version: 1.2.7
+  resolution: "@types/range-parser@npm:1.2.7"
+  checksum: 10c0/361bb3e964ec5133fa40644a0b942279ed5df1949f21321d77de79f48b728d39253e5ce0408c9c17e4e0fd95ca7899da36841686393b9f7a1e209916e9381a3c
+  languageName: node
+  linkType: hard
+
 "@types/react-dom@npm:^19.0.4":
   version: 19.1.2
   resolution: "@types/react-dom@npm:19.1.2"
@@ -9067,6 +12163,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react-window@npm:^1":
+  version: 1.8.8
+  resolution: "@types/react-window@npm:1.8.8"
+  dependencies:
+    "@types/react": "npm:*"
+  checksum: 10c0/2170a3957752603e8b994840c5d31b72ddf94c427c0f42b0175b343cc54f50fe66161d8871e11786ec7a59906bd33861945579a3a8f745455a3744268ec1069f
+  languageName: node
+  linkType: hard
+
+"@types/react@npm:*":
+  version: 19.1.12
+  resolution: "@types/react@npm:19.1.12"
+  dependencies:
+    csstype: "npm:^3.0.2"
+  checksum: 10c0/e35912b43da0caaab5252444bab87a31ca22950cde2822b3b3dc32e39c2d42dad1a4cf7b5dde9783aa2d007f0b2cba6ab9563fc6d2dbcaaa833b35178118767c
+  languageName: node
+  linkType: hard
+
 "@types/react@npm:^19.0.12":
   version: 19.1.2
   resolution: "@types/react@npm:19.1.2"
@@ -9092,6 +12206,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/send@npm:*":
+  version: 0.17.5
+  resolution: "@types/send@npm:0.17.5"
+  dependencies:
+    "@types/mime": "npm:^1"
+    "@types/node": "npm:*"
+  checksum: 10c0/a86c9b89bb0976ff58c1cdd56360ea98528f4dbb18a5c2287bb8af04815513a576a42b4e0e1e7c4d14f7d6ea54733f6ef935ebff8c65e86d9c222881a71e1f15
+  languageName: node
+  linkType: hard
+
+"@types/serve-static@npm:*":
+  version: 1.15.8
+  resolution: "@types/serve-static@npm:1.15.8"
+  dependencies:
+    "@types/http-errors": "npm:*"
+    "@types/node": "npm:*"
+    "@types/send": "npm:*"
+  checksum: 10c0/8ad86a25b87da5276cb1008c43c74667ff7583904d46d5fcaf0355887869d859d453d7dc4f890788ae04705c23720e9b6b6f3215e2d1d2a4278bbd090a9268dd
+  languageName: node
+  linkType: hard
+
 "@types/stylis@npm:4.2.5":
   version: 4.2.5
   resolution: "@types/stylis@npm:4.2.5"
@@ -9099,6 +12234,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/swagger-jsdoc@npm:^6":
+  version: 6.0.4
+  resolution: "@types/swagger-jsdoc@npm:6.0.4"
+  checksum: 10c0/fbe17d91a12e1e60a255b02e6def6877c81b356c75ffcd0e5167fbaf1476e2d6600cd7eea79e6b3e0ff7929dec33ade345147509ed3b98026f63c782b74514f6
+  languageName: node
+  linkType: hard
+
+"@types/swagger-ui-express@npm:^4.1.8":
+  version: 4.1.8
+  resolution: "@types/swagger-ui-express@npm:4.1.8"
+  dependencies:
+    "@types/express": "npm:*"
+    "@types/serve-static": "npm:*"
+  checksum: 10c0/9c9e8327c40376b98b6fbd5dd2d722b7b5473e5c168af809431f16b34c948d2d3d44ce2157d2066355e9926ba86416481a30cd1cbcdbb064dd2fedb28442a85a
+  languageName: node
+  linkType: hard
+
 "@types/tinycolor2@npm:^1":
   version: 1.4.6
   resolution: "@types/tinycolor2@npm:1.4.6"
@@ -10062,8 +13214,9 @@ __metadata:
     "@agentic/searxng": "npm:^7.3.3"
     "@agentic/tavily": "npm:^7.3.3"
     "@ai-sdk/amazon-bedrock": "npm:^3.0.0"
-    "@ai-sdk/google-vertex": "npm:^3.0.0"
+    "@ai-sdk/google-vertex": "npm:^3.0.25"
     "@ai-sdk/mistral": "npm:^2.0.0"
+    "@ai-sdk/perplexity": "npm:^2.0.8"
     "@ant-design/v5-patch-for-react-19": "npm:^1.0.3"
     "@anthropic-ai/sdk": "npm:^0.41.0"
     "@anthropic-ai/vertex-sdk": "patch:@anthropic-ai/vertex-sdk@npm%3A0.11.4#~/.yarn/patches/@anthropic-ai-vertex-sdk-npm-0.11.4-c19cb41edb.patch"
@@ -10099,6 +13252,7 @@ __metadata:
     "@eslint/js": "npm:^9.22.0"
     "@google/genai": "patch:@google/genai@npm%3A1.0.1#~/.yarn/patches/@google-genai-npm-1.0.1-e26f0f9af7.patch"
     "@hello-pangea/dnd": "npm:^18.0.1"
+    "@heroui/react": "npm:^2.8.3"
     "@kangfenmao/keyv-storage": "npm:^0.1.0"
     "@langchain/community": "npm:^0.3.50"
     "@langchain/core": "npm:^0.3.68"
@@ -10107,7 +13261,7 @@ __metadata:
     "@libsql/client": "npm:0.14.0"
     "@libsql/win32-x64-msvc": "npm:^0.4.7"
     "@mistralai/mistralai": "npm:^1.7.5"
-    "@modelcontextprotocol/sdk": "npm:^1.17.0"
+    "@modelcontextprotocol/sdk": "npm:^1.17.5"
     "@mozilla/readability": "npm:^0.6.0"
     "@napi-rs/system-ocr": "patch:@napi-rs/system-ocr@npm%3A1.0.2#~/.yarn/patches/@napi-rs-system-ocr-npm-1.0.2-59e7a78e8b.patch"
     "@notionhq/client": "npm:^2.2.15"
@@ -10123,6 +13277,7 @@ __metadata:
     "@shikijs/markdown-it": "npm:^3.12.0"
     "@strongtz/win32-arm64-msvc": "npm:^0.4.7"
     "@swc/plugin-styled-components": "npm:^8.0.4"
+    "@tailwindcss/vite": "npm:^4.1.13"
     "@tanstack/react-query": "npm:^5.85.5"
     "@tanstack/react-virtual": "npm:^3.13.12"
     "@testing-library/dom": "npm:^10.4.0"
@@ -10148,6 +13303,10 @@ __metadata:
     "@truto/turndown-plugin-gfm": "npm:^1.0.2"
     "@tryfabric/martian": "npm:^1.2.4"
     "@types/cli-progress": "npm:^3"
+    "@types/content-type": "npm:^1.1.9"
+    "@types/cors": "npm:^2.8.19"
+    "@types/diff": "npm:^7"
+    "@types/express": "npm:^5"
     "@types/fs-extra": "npm:^11"
     "@types/he": "npm:^1"
     "@types/html-to-text": "npm:^9"
@@ -10161,6 +13320,9 @@ __metadata:
     "@types/react-dom": "npm:^19.0.4"
     "@types/react-infinite-scroll-component": "npm:^5.0.0"
     "@types/react-transition-group": "npm:^4.4.12"
+    "@types/react-window": "npm:^1"
+    "@types/swagger-jsdoc": "npm:^6"
+    "@types/swagger-ui-express": "npm:^4.1.8"
     "@types/tinycolor2": "npm:^1"
     "@types/turndown": "npm:^5.0.5"
     "@types/word-extractor": "npm:^1"
@@ -10175,16 +13337,18 @@ __metadata:
     "@viz-js/lang-dot": "npm:^1.0.5"
     "@viz-js/viz": "npm:^3.14.0"
     "@xyflow/react": "npm:^12.4.4"
-    ai: "npm:^5.0.29"
+    ai: "npm:^5.0.38"
     antd: "patch:antd@npm%3A5.27.0#~/.yarn/patches/antd-npm-5.27.0-aa91c36546.patch"
     archiver: "npm:^7.0.1"
     async-mutex: "npm:^0.5.0"
     axios: "npm:^1.7.3"
     browser-image-compression: "npm:^2.0.2"
     chardet: "npm:^2.1.0"
+    check-disk-space: "npm:3.4.0"
     cheerio: "npm:^1.1.2"
     chokidar: "npm:^4.0.3"
     cli-progress: "npm:^3.12.0"
+    clsx: "npm:^2.1.1"
     code-inspector-plugin: "npm:^0.20.14"
     color: "npm:^5.0.0"
     concurrently: "npm:^9.2.1"
@@ -10212,10 +13376,13 @@ __metadata:
     eslint-plugin-react-hooks: "npm:^5.2.0"
     eslint-plugin-simple-import-sort: "npm:^12.1.1"
     eslint-plugin-unused-imports: "npm:^4.1.4"
+    express: "npm:^5.1.0"
     faiss-node: "npm:^0.5.1"
     fast-diff: "npm:^1.3.0"
     fast-xml-parser: "npm:^5.2.0"
     fetch-socks: "npm:1.3.2"
+    font-list: "npm:^2.0.0"
+    framer-motion: "npm:^12.23.12"
     franc-min: "npm:^6.2.0"
     fs-extra: "npm:^11.2.0"
     google-auth-library: "npm:^9.15.1"
@@ -10255,6 +13422,7 @@ __metadata:
     playwright: "npm:^1.52.0"
     prettier: "npm:^3.5.3"
     prettier-plugin-sort-json: "npm:^4.1.1"
+    prettier-plugin-tailwindcss: "npm:^0.6.14"
     proxy-agent: "npm:^6.5.0"
     react: "npm:^19.0.0"
     react-dom: "npm:^19.0.0"
@@ -10284,15 +13452,17 @@ __metadata:
     remark-math: "npm:^6.0.0"
     remove-markdown: "npm:^0.6.2"
     rollup-plugin-visualizer: "npm:^5.12.0"
-    sass: "npm:^1.88.0"
-    selection-hook: "npm:^1.0.11"
+    selection-hook: "npm:^1.0.12"
     sharp: "npm:^0.34.3"
     shiki: "npm:^3.12.0"
     strict-url-sanitise: "npm:^0.0.1"
     string-width: "npm:^7.2.0"
     striptags: "npm:^3.2.0"
     styled-components: "npm:^6.1.11"
+    swagger-jsdoc: "npm:^6.2.8"
+    swagger-ui-express: "npm:^5.0.1"
     swr: "npm:^2.3.6"
+    tailwindcss: "npm:^4.1.13"
     tar: "npm:^7.4.3"
     tesseract.js: "patch:tesseract.js@npm%3A6.0.1#~/.yarn/patches/tesseract.js-npm-6.0.1-2562a7e46d.patch"
     tiny-pinyin: "npm:^1.3.2"
@@ -10300,6 +13470,7 @@ __metadata:
     tsx: "npm:^4.20.3"
     turndown: "npm:7.2.0"
     turndown-plugin-gfm: "npm:^1.0.2"
+    tw-animate-css: "npm:^1.3.8"
     typescript: "npm:^5.6.2"
     undici: "npm:6.21.2"
     unified: "npm:^11.0.5"
@@ -10315,7 +13486,7 @@ __metadata:
     yjs: "npm:^13.6.27"
     youtubei.js: "npm:^15.0.1"
     zipread: "npm:^1.3.3"
-    zod: "npm:^3.25.74"
+    zod: "npm:^4.1.5"
   languageName: unknown
   linkType: soft
 
@@ -10428,17 +13599,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ai@npm:^5.0.29":
-  version: 5.0.29
-  resolution: "ai@npm:5.0.29"
+"ai@npm:^5.0.38":
+  version: 5.0.38
+  resolution: "ai@npm:5.0.38"
   dependencies:
-    "@ai-sdk/gateway": "npm:1.0.15"
+    "@ai-sdk/gateway": "npm:1.0.20"
     "@ai-sdk/provider": "npm:2.0.0"
-    "@ai-sdk/provider-utils": "npm:3.0.7"
+    "@ai-sdk/provider-utils": "npm:3.0.8"
     "@opentelemetry/api": "npm:1.9.0"
   peerDependencies:
     zod: ^3.25.76 || ^4
-  checksum: 10c0/526cd2fd59b35b19d902665e3dc1ba5a09f2bb1377295d642fb8a33e13a890874e4dd4b49a787de7f31f4ec6b07257be8514efac08f993081daeb430cf2f60ba
+  checksum: 10c0/9ea7a76ae5609574e9edb2f9541e2fe9cf0e7296547c5e9ae30ec000206c967b4c07fbb03b85f9027493f6877e15f6bfbe454faa793fca860826acf306982fc5
   languageName: node
   linkType: hard
 
@@ -11460,6 +14631,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"call-me-maybe@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "call-me-maybe@npm:1.0.2"
+  checksum: 10c0/8eff5dbb61141ebb236ed71b4e9549e488bcb5451c48c11e5667d5c75b0532303788a1101e6978cafa2d0c8c1a727805599c2741e3e0982855c9f1d78cd06c9f
+  languageName: node
+  linkType: hard
+
 "callsites@npm:^3.0.0":
   version: 3.1.0
   resolution: "callsites@npm:3.1.0"
@@ -11633,6 +14811,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"check-disk-space@npm:3.4.0":
+  version: 3.4.0
+  resolution: "check-disk-space@npm:3.4.0"
+  checksum: 10c0/cc39c91e1337e974fb5069c2fbd9eb92aceca6e35f3da6863a4eada58f15c1bf6970055bffed1e41c15cde1fd0ad2580bb99bef8275791ed56d69947f8657aa5
+  languageName: node
+  linkType: hard
+
 "check-error@npm:^2.1.1":
   version: 2.1.1
   resolution: "check-error@npm:2.1.1"
@@ -11698,7 +14883,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chokidar@npm:^4.0.0, chokidar@npm:^4.0.3":
+"chokidar@npm:^4.0.3":
   version: 4.0.3
   resolution: "chokidar@npm:4.0.3"
   dependencies:
@@ -11851,6 +15036,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"clsx@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "clsx@npm:1.2.1"
+  checksum: 10c0/34dead8bee24f5e96f6e7937d711978380647e936a22e76380290e35486afd8634966ce300fc4b74a32f3762c7d4c0303f442c3e259f4ce02374eb0c82834f27
+  languageName: node
+  linkType: hard
+
+"clsx@npm:^2.0.0, clsx@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "clsx@npm:2.1.1"
+  checksum: 10c0/c4c8eb865f8c82baab07e71bfa8897c73454881c4f99d6bc81585aecd7c441746c1399d08363dc096c550cceaf97bd4ce1e8854e1771e9998d9f94c4fe075839
+  languageName: node
+  linkType: hard
+
 "code-inspector-core@npm:0.20.14":
   version: 0.20.14
   resolution: "code-inspector-core@npm:0.20.14"
@@ -11992,6 +15191,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"color2k@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "color2k@npm:2.0.3"
+  checksum: 10c0/e7c13d212c9d1abb1690e378bbc0a6fb1751e4b02e9a73ba3b2ade9d54da673834597d342791d577d1ce400ec486c7f92c5098f9fa85cd113bcfde57420a2bb9
+  languageName: node
+  linkType: hard
+
 "color@npm:^3.1.3":
   version: 3.2.1
   resolution: "color@npm:3.2.1"
@@ -12062,6 +15268,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"commander@npm:6.2.0":
+  version: 6.2.0
+  resolution: "commander@npm:6.2.0"
+  checksum: 10c0/1b701c6726fc2b6c6a7d9ab017be9465153546a05767cdd0e15e9f9a11c07f88f64d47684b90b07e5fb103d173efb6afdf4a21f6d6c4c25f7376bd027d21062c
+  languageName: node
+  linkType: hard
+
 "commander@npm:7":
   version: 7.2.0
   resolution: "commander@npm:7.2.0"
@@ -12090,6 +15303,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"commander@npm:^9.4.1":
+  version: 9.5.0
+  resolution: "commander@npm:9.5.0"
+  checksum: 10c0/5f7784fbda2aaec39e89eb46f06a999e00224b3763dc65976e05929ec486e174fe9aac2655f03ba6a5e83875bd173be5283dc19309b7c65954701c02025b3c1d
+  languageName: node
+  linkType: hard
+
 "compare-version@npm:^0.1.2":
   version: 0.1.2
   resolution: "compare-version@npm:0.1.2"
@@ -12936,6 +16156,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"decimal.js@npm:^10.4.3":
+  version: 10.6.0
+  resolution: "decimal.js@npm:10.6.0"
+  checksum: 10c0/07d69fbcc54167a340d2d97de95f546f9ff1f69d2b45a02fd7a5292412df3cd9eb7e23065e532a318f5474a2e1bccf8392fdf0443ef467f97f3bf8cb0477e5aa
+  languageName: node
+  linkType: hard
+
 "decimal.js@npm:^10.5.0":
   version: 10.5.0
   resolution: "decimal.js@npm:10.5.0"
@@ -13066,7 +16293,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"deepmerge@npm:^4.3.1":
+"deepmerge@npm:4.3.1, deepmerge@npm:^4.3.1":
   version: 4.3.1
   resolution: "deepmerge@npm:4.3.1"
   checksum: 10c0/e53481aaf1aa2c4082b5342be6b6d8ad9dfe387bc92ce197a66dea08bd4265904a087e75e464f14d1347cf2ac8afe1e4c16b266e0561cc5df29382d3c5f80044
@@ -13304,6 +16531,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"doctrine@npm:3.0.0":
+  version: 3.0.0
+  resolution: "doctrine@npm:3.0.0"
+  dependencies:
+    esutils: "npm:^2.0.2"
+  checksum: 10c0/c96bdccabe9d62ab6fea9399fdff04a66e6563c1d6fb3a3a063e8d53c3bb136ba63e84250bbf63d00086a769ad53aef92d2bd483f03f837fc97b71cbee6b2520
+  languageName: node
+  linkType: hard
+
 "docx@npm:^9.0.2":
   version: 9.3.0
   resolution: "docx@npm:9.3.0"
@@ -13824,6 +17060,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"enhanced-resolve@npm:^5.18.3":
+  version: 5.18.3
+  resolution: "enhanced-resolve@npm:5.18.3"
+  dependencies:
+    graceful-fs: "npm:^4.2.4"
+    tapable: "npm:^2.2.0"
+  checksum: 10c0/d413c23c2d494e4c1c9c9ac7d60b812083dc6d446699ed495e69c920988af0a3c66bf3f8d0e7a45cb1686c2d4c1df9f4e7352d973f5b56fe63d8d711dd0ccc54
+  languageName: node
+  linkType: hard
+
 "entities@npm:^4.2.0, entities@npm:^4.4.0, entities@npm:^4.5.0":
   version: 4.5.0
   resolution: "entities@npm:4.5.0"
@@ -14687,7 +17933,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"express@npm:^5.0.1":
+"express@npm:^5.0.1, express@npm:^5.1.0":
   version: 5.1.0
   resolution: "express@npm:5.1.0"
   dependencies:
@@ -15179,6 +18425,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"font-list@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "font-list@npm:2.0.0"
+  checksum: 10c0/9fc8600fa40a5d079982505ea101e49b21260a36f33167ac993fd7b26cec8372a16017c00d6fb404e259600ce8d588830167c9141c2df7dedb0fedd5953905f6
+  languageName: node
+  linkType: hard
+
 "foreground-child@npm:^3.1.0":
   version: 3.3.1
   resolution: "foreground-child@npm:3.3.1"
@@ -15264,6 +18517,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"framer-motion@npm:^12.23.12":
+  version: 12.23.12
+  resolution: "framer-motion@npm:12.23.12"
+  dependencies:
+    motion-dom: "npm:^12.23.12"
+    motion-utils: "npm:^12.23.6"
+    tslib: "npm:^2.4.0"
+  peerDependencies:
+    "@emotion/is-prop-valid": "*"
+    react: ^18.0.0 || ^19.0.0
+    react-dom: ^18.0.0 || ^19.0.0
+  peerDependenciesMeta:
+    "@emotion/is-prop-valid":
+      optional: true
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 10c0/40dfb57bf714075c4f6dd0bbe5b84dd11310114474ebf603846ef9b888ed475fa653271c1fd98ec57a6a1d0b781cdf8b3ebcd5e2c6a3620e934b46304ae0fd39
+  languageName: node
+  linkType: hard
+
 "franc-min@npm:^6.2.0":
   version: 6.2.0
   resolution: "franc-min@npm:6.2.0"
@@ -15569,6 +18844,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"glob@npm:7.1.6":
+  version: 7.1.6
+  resolution: "glob@npm:7.1.6"
+  dependencies:
+    fs.realpath: "npm:^1.0.0"
+    inflight: "npm:^1.0.4"
+    inherits: "npm:2"
+    minimatch: "npm:^3.0.4"
+    once: "npm:^1.3.0"
+    path-is-absolute: "npm:^1.0.0"
+  checksum: 10c0/2575cce9306ac534388db751f0aa3e78afedb6af8f3b529ac6b2354f66765545145dba8530abf7bff49fb399a047d3f9b6901c38ee4c9503f592960d9af67763
+  languageName: node
+  linkType: hard
+
 "glob@npm:^10.0.0, glob@npm:^10.2.2, glob@npm:^10.3.12, glob@npm:^10.3.7, glob@npm:^10.4.1":
   version: 10.4.5
   resolution: "glob@npm:10.4.5"
@@ -15723,7 +19012,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"graceful-fs@npm:^4.1.10, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.11, graceful-fs@npm:^4.2.6":
+"graceful-fs@npm:^4.1.10, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.11, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6":
   version: 4.2.11
   resolution: "graceful-fs@npm:4.2.11"
   checksum: 10c0/386d011a553e02bc594ac2ca0bd6d9e4c22d7fa8cfbfc448a6d148c59ea881b092db9dbe3547ae4b88e55f1b01f7c4a2ecc53b310c042793e63aa44cf6c257f2
@@ -16330,13 +19619,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"immutable@npm:^5.0.2":
-  version: 5.1.2
-  resolution: "immutable@npm:5.1.2"
-  checksum: 10c0/da5af92d2c70323c1f9a0e418832c9eef441feadaf6a295a4e07764bd2400c85186872e016071d9253549d58d364160d55dca8dcdf59fd4a6a06c6756fe61657
-  languageName: node
-  linkType: hard
-
 "import-fresh@npm:^3.2.1":
   version: 3.3.1
   resolution: "import-fresh@npm:3.3.1"
@@ -16408,6 +19690,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"input-otp@npm:1.4.1":
+  version: 1.4.1
+  resolution: "input-otp@npm:1.4.1"
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
+  checksum: 10c0/7630c5b2be54a0569d52579c8cc4a66dab5e17afff75adf889f878c2da35cebf391be5fd4f374884e2ca5514b563dfac46eb70f4047282ba8a3c91859ae8500b
+  languageName: node
+  linkType: hard
+
 "internmap@npm:1 - 2":
   version: 2.0.3
   resolution: "internmap@npm:2.0.3"
@@ -16422,6 +19714,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"intl-messageformat@npm:^10.1.0":
+  version: 10.7.16
+  resolution: "intl-messageformat@npm:10.7.16"
+  dependencies:
+    "@formatjs/ecma402-abstract": "npm:2.3.4"
+    "@formatjs/fast-memoize": "npm:2.2.7"
+    "@formatjs/icu-messageformat-parser": "npm:2.11.2"
+    tslib: "npm:^2.8.0"
+  checksum: 10c0/537735bf6439f0560f132895d117df6839957ac04cdd58d861f6da86803d40bfc19059e3d341ddb8de87214b73a6329b57f9acdb512bb0f745dcf08729507b9b
+  languageName: node
+  linkType: hard
+
 "ip-address@npm:^9.0.5":
   version: 9.0.5
   resolution: "ip-address@npm:9.0.5"
@@ -16853,7 +20157,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jiti@npm:^2.4.2":
+"jiti@npm:^2.4.2, jiti@npm:^2.5.1":
   version: 2.5.1
   resolution: "jiti@npm:2.5.1"
   bin:
@@ -17528,7 +20832,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lightningcss@npm:^1.30.1":
+"lightningcss@npm:1.30.1, lightningcss@npm:^1.30.1":
   version: 1.30.1
   resolution: "lightningcss@npm:1.30.1"
   dependencies:
@@ -17706,6 +21010,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lodash.get@npm:^4.4.2":
+  version: 4.4.2
+  resolution: "lodash.get@npm:4.4.2"
+  checksum: 10c0/48f40d471a1654397ed41685495acb31498d5ed696185ac8973daef424a749ca0c7871bf7b665d5c14f5cc479394479e0307e781f61d5573831769593411be6e
+  languageName: node
+  linkType: hard
+
 "lodash.isequal@npm:^4.5.0":
   version: 4.5.0
   resolution: "lodash.isequal@npm:4.5.0"
@@ -17720,6 +21031,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lodash.mergewith@npm:^4.6.2":
+  version: 4.6.2
+  resolution: "lodash.mergewith@npm:4.6.2"
+  checksum: 10c0/4adbed65ff96fd65b0b3861f6899f98304f90fd71e7f1eb36c1270e05d500ee7f5ec44c02ef979b5ddbf75c0a0b9b99c35f0ad58f4011934c4d4e99e5200b3b5
+  languageName: node
+  linkType: hard
+
 "lodash@npm:^4.17.15, lodash@npm:^4.17.21":
   version: 4.17.21
   resolution: "lodash@npm:4.17.21"
@@ -17915,6 +21233,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"magic-string@npm:^0.30.18":
+  version: 0.30.18
+  resolution: "magic-string@npm:0.30.18"
+  dependencies:
+    "@jridgewell/sourcemap-codec": "npm:^1.5.5"
+  checksum: 10c0/80fba01e13ce1f5c474a0498a5aa462fa158eb56567310747089a0033e432d83a2021ee2c109ac116010cd9dcf90a5231d89fbe3858165f73c00a50a74dbefcd
+  languageName: node
+  linkType: hard
+
 "magicast@npm:^0.3.5":
   version: 0.3.5
   resolution: "magicast@npm:0.3.5"
@@ -19011,7 +22338,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"micromatch@npm:^4.0.5, micromatch@npm:^4.0.8":
+"micromatch@npm:^4.0.8":
   version: 4.0.8
   resolution: "micromatch@npm:4.0.8"
   dependencies:
@@ -19372,6 +22699,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"motion-dom@npm:^12.23.12":
+  version: 12.23.12
+  resolution: "motion-dom@npm:12.23.12"
+  dependencies:
+    motion-utils: "npm:^12.23.6"
+  checksum: 10c0/1b6a4b86c1aed5b5da7b8a5d1f8310ad169125235bdc1953b8c41cf9f4e2c460ee90bb48ffdae54daecb8db1d7006566ceb5f5c9ccdc82606d548c527cb2631e
+  languageName: node
+  linkType: hard
+
+"motion-utils@npm:^12.23.6":
+  version: 12.23.6
+  resolution: "motion-utils@npm:12.23.6"
+  checksum: 10c0/c058e8ba6423b3baa63e985bcc669877ee7d9579d938f5348b4e60c5ea1b4b33dd7f4877434436a4a5807f3cf00370d3fd4079a6fdd6309c5c87aa62b311a897
+  languageName: node
+  linkType: hard
+
 "motion-utils@npm:^12.9.4":
   version: 12.9.4
   resolution: "motion-utils@npm:12.9.4"
@@ -19584,15 +22927,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-addon-api@npm:^7.0.0":
-  version: 7.1.1
-  resolution: "node-addon-api@npm:7.1.1"
-  dependencies:
-    node-gyp: "npm:latest"
-  checksum: 10c0/fb32a206276d608037fa1bcd7e9921e177fe992fc610d098aa3128baca3c0050fc1e014fa007e9b3874cf865ddb4f5bd9f43ccb7cbbbe4efaff6a83e920b17e9
-  languageName: node
-  linkType: hard
-
 "node-addon-api@npm:^8.4.0":
   version: 8.4.0
   resolution: "node-addon-api@npm:8.4.0"
@@ -20777,6 +24111,70 @@ __metadata:
   languageName: node
   linkType: hard
 
+"prettier-plugin-tailwindcss@npm:^0.6.14":
+  version: 0.6.14
+  resolution: "prettier-plugin-tailwindcss@npm:0.6.14"
+  peerDependencies:
+    "@ianvs/prettier-plugin-sort-imports": "*"
+    "@prettier/plugin-hermes": "*"
+    "@prettier/plugin-oxc": "*"
+    "@prettier/plugin-pug": "*"
+    "@shopify/prettier-plugin-liquid": "*"
+    "@trivago/prettier-plugin-sort-imports": "*"
+    "@zackad/prettier-plugin-twig": "*"
+    prettier: ^3.0
+    prettier-plugin-astro: "*"
+    prettier-plugin-css-order: "*"
+    prettier-plugin-import-sort: "*"
+    prettier-plugin-jsdoc: "*"
+    prettier-plugin-marko: "*"
+    prettier-plugin-multiline-arrays: "*"
+    prettier-plugin-organize-attributes: "*"
+    prettier-plugin-organize-imports: "*"
+    prettier-plugin-sort-imports: "*"
+    prettier-plugin-style-order: "*"
+    prettier-plugin-svelte: "*"
+  peerDependenciesMeta:
+    "@ianvs/prettier-plugin-sort-imports":
+      optional: true
+    "@prettier/plugin-hermes":
+      optional: true
+    "@prettier/plugin-oxc":
+      optional: true
+    "@prettier/plugin-pug":
+      optional: true
+    "@shopify/prettier-plugin-liquid":
+      optional: true
+    "@trivago/prettier-plugin-sort-imports":
+      optional: true
+    "@zackad/prettier-plugin-twig":
+      optional: true
+    prettier-plugin-astro:
+      optional: true
+    prettier-plugin-css-order:
+      optional: true
+    prettier-plugin-import-sort:
+      optional: true
+    prettier-plugin-jsdoc:
+      optional: true
+    prettier-plugin-marko:
+      optional: true
+    prettier-plugin-multiline-arrays:
+      optional: true
+    prettier-plugin-organize-attributes:
+      optional: true
+    prettier-plugin-organize-imports:
+      optional: true
+    prettier-plugin-sort-imports:
+      optional: true
+    prettier-plugin-style-order:
+      optional: true
+    prettier-plugin-svelte:
+      optional: true
+  checksum: 10c0/1bf635be28b30b3f171a184497eecf512601d19328e402dd2eb1ede52aa57b4f5b605eae2929f4916de9ba22526f3d730d9afa90334db09d17c59f463f7b26d8
+  languageName: node
+  linkType: hard
+
 "prettier@npm:^3.5.3":
   version: 3.5.3
   resolution: "prettier@npm:3.5.3"
@@ -22046,7 +25444,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-textarea-autosize@npm:^8.3.2":
+"react-textarea-autosize@npm:^8.3.2, react-textarea-autosize@npm:^8.5.3":
   version: 8.5.9
   resolution: "react-textarea-autosize@npm:8.5.9"
   dependencies:
@@ -22895,23 +26293,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sass@npm:^1.88.0":
-  version: 1.88.0
-  resolution: "sass@npm:1.88.0"
-  dependencies:
-    "@parcel/watcher": "npm:^2.4.1"
-    chokidar: "npm:^4.0.0"
-    immutable: "npm:^5.0.2"
-    source-map-js: "npm:>=0.6.2 <2.0.0"
-  dependenciesMeta:
-    "@parcel/watcher":
-      optional: true
-  bin:
-    sass: sass.js
-  checksum: 10c0/dcb16dc29116bfa5a90485d24fd8020d2b0d95155bd2e31285901588729343b59fefe44365c5f146b2ba5a9ebadef90b23a7220b902507bdbd91ca2ba0a0b688
-  languageName: node
-  linkType: hard
-
 "sax@npm:1.2.1":
   version: 1.2.1
   resolution: "sax@npm:1.2.1"
@@ -22951,6 +26332,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"scroll-into-view-if-needed@npm:3.0.10":
+  version: 3.0.10
+  resolution: "scroll-into-view-if-needed@npm:3.0.10"
+  dependencies:
+    compute-scroll-into-view: "npm:^3.0.2"
+  checksum: 10c0/8bce433c0139cfd74d5b784113251f1c1783bcd4152c2f3a7e4ca6ff73d644eafd891747bdfb02456d7437835991b142ddd2cfa8c6ef78dd0d7fd6eb4c7c70b4
+  languageName: node
+  linkType: hard
+
 "scroll-into-view-if-needed@npm:^3.1.0":
   version: 3.1.0
   resolution: "scroll-into-view-if-needed@npm:3.1.0"
@@ -22981,14 +26371,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"selection-hook@npm:^1.0.11":
-  version: 1.0.11
-  resolution: "selection-hook@npm:1.0.11"
+"selection-hook@npm:^1.0.12":
+  version: 1.0.12
+  resolution: "selection-hook@npm:1.0.12"
   dependencies:
     node-addon-api: "npm:^8.4.0"
     node-gyp: "npm:latest"
     node-gyp-build: "npm:^4.8.4"
-  checksum: 10c0/1618947251c02e28321e40414b555295cd899a676d4358113d78a588bdb9757759b21a8983ea04bf5007fcdec8e3f9dc3db87eaa0d2cd904c6d356fa36127f7b
+  checksum: 10c0/95dedacb14875c423befd7f6f3f6d8210d0007f69245135c7f02748277846d00573110a24a2fc2efda1a515543bc1955b12ad316fed997d0ab4831ac7ae72256
   languageName: node
   linkType: hard
 
@@ -23436,7 +26826,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map-js@npm:>=0.6.2 <2.0.0, source-map-js@npm:^1.2.0, source-map-js@npm:^1.2.1":
+"source-map-js@npm:^1.2.0, source-map-js@npm:^1.2.1":
   version: 1.2.1
   resolution: "source-map-js@npm:1.2.1"
   checksum: 10c0/7bda1fc4c197e3c6ff17de1b8b2c20e60af81b63a52cb32ec5a5d67a20a7d42651e2cb34ebe93833c5a2a084377e17455854fee3e21e7925c64a51b6a52b0faf
@@ -23911,6 +27301,51 @@ __metadata:
   languageName: node
   linkType: hard
 
+"swagger-jsdoc@npm:^6.2.8":
+  version: 6.2.8
+  resolution: "swagger-jsdoc@npm:6.2.8"
+  dependencies:
+    commander: "npm:6.2.0"
+    doctrine: "npm:3.0.0"
+    glob: "npm:7.1.6"
+    lodash.mergewith: "npm:^4.6.2"
+    swagger-parser: "npm:^10.0.3"
+    yaml: "npm:2.0.0-1"
+  bin:
+    swagger-jsdoc: bin/swagger-jsdoc.js
+  checksum: 10c0/7e20f08e8d90cc1e787cd82c096291cf12533359f89c70fbe4295a01f7c4734f2e82a03ba94027127bcd3da04b817abfe979f00d00ef0cd8283e449250a66215
+  languageName: node
+  linkType: hard
+
+"swagger-parser@npm:^10.0.3":
+  version: 10.0.3
+  resolution: "swagger-parser@npm:10.0.3"
+  dependencies:
+    "@apidevtools/swagger-parser": "npm:10.0.3"
+  checksum: 10c0/d1a5c05f651f21a23508a36416071630b83e91dfffd52a6d44b06ca2cd1b86304c0dd2f4c04526c999b70062fa89bde3f5d54a1436626f4350590b6c6265a098
+  languageName: node
+  linkType: hard
+
+"swagger-ui-dist@npm:>=5.0.0":
+  version: 5.28.1
+  resolution: "swagger-ui-dist@npm:5.28.1"
+  dependencies:
+    "@scarf/scarf": "npm:=1.4.0"
+  checksum: 10c0/1c8e2a70644b9a9b45e4938722b0bbd374fb2ca0776c9f0ebef8394bdf7223066fa53303912a3972de2b0893152f53d1c3fd44d149a46ee985a96de3ddab2a89
+  languageName: node
+  linkType: hard
+
+"swagger-ui-express@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "swagger-ui-express@npm:5.0.1"
+  dependencies:
+    swagger-ui-dist: "npm:>=5.0.0"
+  peerDependencies:
+    express: ">=4.0.0 || >=5.0.0-beta"
+  checksum: 10c0/dbe9830caef7fe455241e44e74958bac62642997e4341c1b0f38a3d684d19a4a81b431217c656792d99f046a1b5f261abf7783ede0afe41098cd4450401f6fd1
+  languageName: node
+  linkType: hard
+
 "swr@npm:^2.3.6":
   version: 2.3.6
   resolution: "swr@npm:2.3.6"
@@ -23940,6 +27375,40 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tailwind-merge@npm:3.3.1":
+  version: 3.3.1
+  resolution: "tailwind-merge@npm:3.3.1"
+  checksum: 10c0/b84c6a78d4669fa12bf5ab8f0cdc4400a3ce0a7c006511af4af4be70bb664a27466dbe13ee9e3b31f50ddf6c51d380e8192ce0ec9effce23ca729d71a9f63818
+  languageName: node
+  linkType: hard
+
+"tailwind-variants@npm:3.1.0":
+  version: 3.1.0
+  resolution: "tailwind-variants@npm:3.1.0"
+  peerDependencies:
+    tailwind-merge: ">=3.0.0"
+    tailwindcss: "*"
+  peerDependenciesMeta:
+    tailwind-merge:
+      optional: true
+  checksum: 10c0/b196ccc7ff4a8e932d27ded3e4c88797ed92b94e7695b31fe0e32385d5a474eed151c7df688215bb03908afeffc7cfc1b027d01625f08d77f92b08ca2f51ec7f
+  languageName: node
+  linkType: hard
+
+"tailwindcss@npm:4.1.13, tailwindcss@npm:^4.1.13":
+  version: 4.1.13
+  resolution: "tailwindcss@npm:4.1.13"
+  checksum: 10c0/2b80b4b11463818fd16063b7cc13fd0f6e18d7e3c3e54bbdc98742981be807884addb1dd657bc6816cb4085197b7d583f5064f619e1039a54221ffa36b7ed4c0
+  languageName: node
+  linkType: hard
+
+"tapable@npm:^2.2.0":
+  version: 2.2.3
+  resolution: "tapable@npm:2.2.3"
+  checksum: 10c0/e57fd8e2d756c317f8726a1bec8f2c904bc42e37fcbd4a78211daeab89f42c734b6a20e61774321f47be9a421da628a0c78b62d36c5ed186f4d5232d09ae15f2
+  languageName: node
+  linkType: hard
+
 "tar-fs@npm:^2.0.0":
   version: 2.1.3
   resolution: "tar-fs@npm:2.1.3"
@@ -24548,7 +28017,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.1.0, tslib@npm:^2.4.0, tslib@npm:^2.6.2, tslib@npm:^2.8.1":
+"tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.1.0, tslib@npm:^2.4.0, tslib@npm:^2.6.2, tslib@npm:^2.8.0, tslib@npm:^2.8.1":
   version: 2.8.1
   resolution: "tslib@npm:2.8.1"
   checksum: 10c0/9c4759110a19c53f992d9aae23aac5ced636e99887b51b9e61def52611732872ff7668757d4e4c61f19691e36f4da981cd9485e869b4a7408d689f6bf1f14e62
@@ -24596,6 +28065,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tw-animate-css@npm:^1.3.8":
+  version: 1.3.8
+  resolution: "tw-animate-css@npm:1.3.8"
+  checksum: 10c0/8b905ec319447e80444d88b475beb9d4bbe8f783ee4fa0f90e63c01aed3a77ab2585b25c2741ff2e741b7b9098a82268c2d30dc36f9716a9e83edfa4081be544
+  languageName: node
+  linkType: hard
+
 "twitch-video-element@npm:^0.1.2":
   version: 0.1.4
   resolution: "twitch-video-element@npm:0.1.4"
@@ -25115,6 +28591,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"validator@npm:^13.7.0":
+  version: 13.15.15
+  resolution: "validator@npm:13.15.15"
+  checksum: 10c0/f5349d1fbb9cc36f9f6c5dab1880764ddad1d0d2b084e2a71e5964f7de1635d20e406611559df9a3db24828ce775cbee5e3b6dd52f0d555a61939ed7ea5990bd
+  languageName: node
+  linkType: hard
+
 "vary@npm:^1, vary@npm:^1.1.2":
   version: 1.1.2
   resolution: "vary@npm:1.1.2"
@@ -25890,6 +29373,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yaml@npm:2.0.0-1":
+  version: 2.0.0-1
+  resolution: "yaml@npm:2.0.0-1"
+  checksum: 10c0/e76eba2fbae37cd3e5bff057184be7cdca849895149d2f5660386871a501d76d2e1ec5906c48269a9fe798f214df31d342675b37bcd9d09af7c12eb6fb46a740
+  languageName: node
+  linkType: hard
+
 "yaml@npm:^2.2.1, yaml@npm:^2.7.0":
   version: 2.7.1
   resolution: "yaml@npm:2.7.1"
@@ -25974,6 +29464,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"z-schema@npm:^5.0.1":
+  version: 5.0.5
+  resolution: "z-schema@npm:5.0.5"
+  dependencies:
+    commander: "npm:^9.4.1"
+    lodash.get: "npm:^4.4.2"
+    lodash.isequal: "npm:^4.5.0"
+    validator: "npm:^13.7.0"
+  dependenciesMeta:
+    commander:
+      optional: true
+  bin:
+    z-schema: bin/z-schema
+  checksum: 10c0/e4c812cfe6468c19b2a21d07d4ff8fb70359062d33400b45f89017eaa3efe9d51e85963f2b115eaaa99a16b451782249bf9b1fa8b31d35cc473e7becb3e44264
+  languageName: node
+  linkType: hard
+
 "zip-stream@npm:^6.0.1":
   version: 6.0.1
   resolution: "zip-stream@npm:6.0.1"
@@ -26024,17 +29531,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"zod@npm:^3.25.0, zod@npm:^3.25.32":
+"zod@npm:^3.25.32":
   version: 3.25.76
   resolution: "zod@npm:3.25.76"
   checksum: 10c0/5718ec35e3c40b600316c5b4c5e4976f7fee68151bc8f8d90ec18a469be9571f072e1bbaace10f1e85cf8892ea12d90821b200e980ab46916a6166a4260a983c
   languageName: node
   linkType: hard
 
-"zod@npm:^3.25.74":
-  version: 3.25.74
-  resolution: "zod@npm:3.25.74"
-  checksum: 10c0/59e38b046ac333b5bd1ba325a83b6798721227cbfb1e69dfc7159bd7824b904241ab923026edb714fafefec3624265ae374a70aee9a5a45b365bd31781ffa105
+"zod@npm:^4.1.5":
+  version: 4.1.5
+  resolution: "zod@npm:4.1.5"
+  checksum: 10c0/7826fb931bc71d4d0fff2fbb72f1a1cf30a6672cf9dbe6933a216bbb60242ef1c3bdfbcd3c5b27e806235a35efaad7a4a9897ff4d3621452f9ea278bce6fd42a
   languageName: node
   linkType: hard