diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 7a4b9eb433cbb1f2318175722714c1b182774200..c6e5a1dd5b2fa946548b00254225469f2f15bee9 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -4,48 +4,49 @@ module.exports = {
     browser: true,
     es2021: true,
   },
-  extends: [
-    'airbnb-base',
-    "eslint:recommended",
-    "plugin:react/recommended",
-    'plugin:prettier/recommended',
-    'plugin:@typescript-eslint/recommended',
-  ],
+  extends: ['airbnb-base', 'prettier', 'plugin:@typescript-eslint/recommended'],
   parser: '@typescript-eslint/parser',
   parserOptions: {
-    parser: '@typescript-eslint/parser',
-    ecmaFeatures: {
-      jsx: true,
-    },
     ecmaVersion: 'latest',
     sourceType: 'module',
   },
-  plugins: ['@typescript-eslint', 'unused-imports'],
+  plugins: ['prettier', '@typescript-eslint', 'unused-imports'],
   rules: {
+    'prettier/prettier': 'error',
+    'arrow-body-style': 'off',
+    'prefer-arrow-callback': 'off',
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-undef': [0],
-    'no-plusplus': ['error', { allowForLoopAfterthoughts: true }], // 禁止使用++，--
-    'class-methods-use-this': [0], // 强制未使用到 this 的对象方法改为静态
-    'prefer-destructuring': [0],
-    'import/no-unresolved': [0],
-    'unused-imports/no-unused-imports': 'error',
+    'no-new': [0],
+    'no-continue': [0],
+    '@typescript-eslint/no-empty-interface': 'off',
+    'no-use-before-define': [0],
+    'no-restricted-syntax': [0],
+    'no-empty-function': [0],
+    'no-useless-constructor': [0], // 禁止空的构造函数
+    'no-param-reassign': [0], // 禁止修改传入函数的参数
     'no-underscore-dangle': [0], // 禁止使用下划线开头的变量名
-    'consistent-return': [0], // return 后面是否允许省略
-    'func-names': [0], // 函数表达式必须有名字
-    'import/extensions': [0], // 引入文件时必须制定后缀
-    'import/prefer-default-export': [0], // 关闭首选默认导出
-    'vue/no-setup-props-destructure': [0],
-    'vue/require-default-prop': [0], // props 非必填参数必须给默认值
-    'no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
+    'no-plusplus': ['error', { allowForLoopAfterthoughts: true }], // 禁止使用 ++，--
+    'consistent-return': [0], // 函数可以有不同类型返回值
+    'class-methods-use-this': [0], // 方法内未使用此方法时，强制定义为静态方法
+    'import/prefer-default-export': [0], // 一个模块只能有默认导出，不可以有多个导出
+    'import/no-unresolved': [0], // 不允许未解决的模块
+    'import/extensions': [0], // 不允许导入文件时不带后缀
+    'unused-imports/no-unused-imports': 'error',
     '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
     '@typescript-eslint/no-inferrable-types': [0],
+    '@typescript-eslint/no-non-null-assertion': [0],
     '@typescript-eslint/no-explicit-any': ['error'],
-    'no-param-reassign': [0],
-    'no-useless-constructor': [0],
-    'no-empty-function': [0],
-    'no-restricted-syntax': [0],
-    // react 相关不适配 preact 的规则关掉
-    'react/react-in-jsx-scope': [0]
+    '@typescript-eslint/explicit-function-return-type': 'error', // 要求函数和类方法的显式返回类型
+    '@typescript-eslint/explicit-module-boundary-types': 'error', // 要求导出函数和类的公共类方法的显式返回和参数类型
+    'import/no-extraneous-dependencies': [
+      0,
+      {
+        devDependencies: true,
+        peerDependencies: true,
+        // optionalDependencies: true,
+        // bundledDependencies: true
+      },
+    ],
   },
 };
diff --git a/package.json b/package.json
index 89342ed18c6e82c8546aef0c85dd0a58014efc49..6c8ab14e8104afe3fdb7cdcb70ddfce28b6c6878 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@ibiz-template-plugin/mob-ai-chat",
+  "name": "@ibiz-template-plugin/ibiz-mob-ai-chat",
   "version": "0.0.39",
   "description": "iBiz 移动端AI交互框插件",
   "type": "module",
@@ -17,7 +17,6 @@
   "author": "iBiz",
   "license": "MIT",
   "scripts": {
-    "dev": "vite",
     "build": "vite build",
     "build:watch": "vite build --watch",
     "preview": "vite preview",
@@ -29,28 +28,20 @@
   },
   "dependencies": {
     "@ibiz-template/scss-utils": "^0.0.2",
-    "@preact/signals": "^1.2.1",
-    "@tiptap/core": "^3.11.1",
-    "@tiptap/extension-document": "^3.11.1",
-    "@tiptap/extension-file-handler": "^3.11.1",
-    "@tiptap/extension-image": "^3.11.1",
-    "@tiptap/extension-paragraph": "^3.11.1",
-    "@tiptap/extension-text": "^3.11.1",
-    "@tiptap/extensions": "^3.11.1",
-    "@tiptap/pm": "^3.11.1",
     "autosize": "^6.0.1",
-    "cherry-markdown": "^0.8.26",
     "interactjs": "^1.10.19",
     "qx-util": "^0.4.8",
     "path-browserify": "^1.0.1",
-    "preact": "^10.18.1",
-    "react-tabs": "^6.0.2",
-    "vite-plugin-libcss": "^1.1.1"
+    "cherry-markdown": "^0.8.26",
+    "vite-plugin-libcss": "^1.1.1",
+    "vant": "^4.7.2",
+    "vue": "^3.3.8"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.2.0",
     "@commitlint/config-conventional": "^18.1.0",
-    "@preact/preset-vite": "^2.6.0",
+    "@vitejs/plugin-vue": "^4.6.2",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
     "@qx-chitanda/vite-plugin-lib-legacy": "^4.1.1",
     "@types/autosize": "^4.0.2",
     "@types/lodash-es": "^4.17.10",
@@ -68,7 +59,7 @@
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-unused-imports": "^3.0.0",
     "husky": "^8.0.3",
-    "lint-staged": "^15.0.2",
+    "lint-staged": "^15.0.2", 
     "prettier": "^3.0.3",
     "sass": "^1.69.5",
     "stylelint": "^15.11.0",
@@ -85,6 +76,8 @@
     "vue-tsc": "^1.8.22"
   },
   "peerDependencies": {
+    "vue": "^3.3.8",
+    "vant": "^4.7.2",
     "cherry-markdown": "^0.8.26",
     "interactjs": "^1.10.19",
     "qx-util": "^0.4.8"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d8c37ac7c7e7879b32d3a54dc4a5b24611c8f725..78d92f828b151834d05d316b6a33c48efed46e58 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,57 +8,30 @@ dependencies:
   '@ibiz-template/scss-utils':
     specifier: ^0.0.2
     version: 0.0.2
-  '@preact/signals':
-    specifier: ^1.2.1
-    version: 1.3.2(preact@10.27.2)
-  '@tiptap/core':
-    specifier: ^3.11.1
-    version: 3.12.0(@tiptap/pm@3.12.0)
-  '@tiptap/extension-document':
-    specifier: ^3.11.1
-    version: 3.12.0(@tiptap/core@3.12.0)
-  '@tiptap/extension-file-handler':
-    specifier: ^3.11.1
-    version: 3.12.0(@tiptap/core@3.12.0)(@tiptap/extension-text-style@3.12.0)(@tiptap/pm@3.12.0)
-  '@tiptap/extension-image':
-    specifier: ^3.11.1
-    version: 3.12.0(@tiptap/core@3.12.0)
-  '@tiptap/extension-paragraph':
-    specifier: ^3.11.1
-    version: 3.12.0(@tiptap/core@3.12.0)
-  '@tiptap/extension-text':
-    specifier: ^3.11.1
-    version: 3.12.0(@tiptap/core@3.12.0)
-  '@tiptap/extensions':
-    specifier: ^3.11.1
-    version: 3.12.0(@tiptap/core@3.12.0)(@tiptap/pm@3.12.0)
-  '@tiptap/pm':
-    specifier: ^3.11.1
-    version: 3.12.0
   autosize:
     specifier: ^6.0.1
     version: 6.0.1
   cherry-markdown:
     specifier: ^0.8.26
-    version: 0.8.58
+    version: 0.8.26
   interactjs:
     specifier: ^1.10.19
     version: 1.10.27
   path-browserify:
     specifier: ^1.0.1
     version: 1.0.1
-  preact:
-    specifier: ^10.18.1
-    version: 10.27.2
   qx-util:
     specifier: ^0.4.8
     version: 0.4.8
-  react-tabs:
-    specifier: ^6.0.2
-    version: 6.1.0(react@19.1.1)
+  vant:
+    specifier: ^4.7.2
+    version: 4.7.2(vue@3.3.8)
   vite-plugin-libcss:
     specifier: ^1.1.1
     version: 1.1.2(vite@4.5.14)
+  vue:
+    specifier: ^3.3.8
+    version: 3.3.8(typescript@5.9.2)
 
 devDependencies:
   '@commitlint/cli':
@@ -67,9 +40,6 @@ devDependencies:
   '@commitlint/config-conventional':
     specifier: ^18.1.0
     version: 18.6.3
-  '@preact/preset-vite':
-    specifier: ^2.6.0
-    version: 2.10.2(@babel/core@7.28.4)(preact@10.27.2)(vite@4.5.14)
   '@qx-chitanda/vite-plugin-lib-legacy':
     specifier: ^4.1.1
     version: 4.1.1(terser@5.44.0)(vite@4.5.14)
@@ -97,6 +67,12 @@ devDependencies:
   '@typescript-eslint/parser':
     specifier: ^6.9.1
     version: 6.21.0(eslint@8.57.1)(typescript@5.9.2)
+  '@vitejs/plugin-vue':
+    specifier: ^4.6.2
+    version: 4.6.2(vite@4.5.14)(vue@3.3.8)
+  '@vitejs/plugin-vue-jsx':
+    specifier: ^3.1.0
+    version: 3.1.0(vite@4.5.14)(vue@3.3.8)
   eslint:
     specifier: ^8.52.0
     version: 8.57.1
@@ -217,6 +193,17 @@ packages:
       jsesc: 3.1.0
     dev: true
 
+  /@babel/generator@7.28.5:
+    resolution: {integrity: sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/parser': 7.28.5
+      '@babel/types': 7.28.5
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.1.0
+    dev: true
+
   /@babel/helper-annotate-as-pure@7.27.3:
     resolution: {integrity: sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==}
     engines: {node: '>=6.9.0'}
@@ -253,6 +240,24 @@ packages:
       - supports-color
     dev: true
 
+  /@babel/helper-create-class-features-plugin@7.28.5(@babel/core@7.28.4):
+    resolution: {integrity: sha512-q3WC4JfdODypvxArsJQROfupPBq9+lMwjKq7C33GhbFYJsufD0yd/ziwD+hJucLeWsnFPWZjsU2DNFqBPE7jwQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.28.4
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-member-expression-to-functions': 7.28.5
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/helper-replace-supers': 7.27.1(@babel/core@7.28.4)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/traverse': 7.28.5
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@babel/helper-create-regexp-features-plugin@7.27.1(@babel/core@7.28.4):
     resolution: {integrity: sha512-uVDC72XVf8UbrH5qQTc18Agb8emwjTiZrQE11Nv3CuBEZmVvTwwE9CBUEvHku06gQCAyYf8Nv6ja1IN+6LMbxQ==}
     engines: {node: '>=6.9.0'}
@@ -295,6 +300,16 @@ packages:
       - supports-color
     dev: true
 
+  /@babel/helper-member-expression-to-functions@7.28.5:
+    resolution: {integrity: sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@babel/helper-module-imports@7.27.1:
     resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
     engines: {node: '>=6.9.0'}
@@ -352,9 +367,9 @@ packages:
       '@babel/core': ^7.0.0
     dependencies:
       '@babel/core': 7.28.4
-      '@babel/helper-member-expression-to-functions': 7.27.1
+      '@babel/helper-member-expression-to-functions': 7.28.5
       '@babel/helper-optimise-call-expression': 7.27.1
-      '@babel/traverse': 7.28.4
+      '@babel/traverse': 7.28.5
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -372,11 +387,14 @@ packages:
   /@babel/helper-string-parser@7.27.1:
     resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
     engines: {node: '>=6.9.0'}
-    dev: true
 
   /@babel/helper-validator-identifier@7.27.1:
     resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==}
     engines: {node: '>=6.9.0'}
+
+  /@babel/helper-validator-identifier@7.28.5:
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
     dev: true
 
   /@babel/helper-validator-option@7.27.1:
@@ -409,6 +427,13 @@ packages:
     hasBin: true
     dependencies:
       '@babel/types': 7.28.4
+
+  /@babel/parser@7.28.5:
+    resolution: {integrity: sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.28.5
     dev: true
 
   /@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.27.1(@babel/core@7.28.4):
@@ -510,6 +535,16 @@ packages:
       '@babel/helper-plugin-utils': 7.27.1
     dev: true
 
+  /@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.28.4):
+    resolution: {integrity: sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.28.4
+      '@babel/helper-plugin-utils': 7.27.1
+    dev: true
+
   /@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.28.4):
     resolution: {integrity: sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==}
     engines: {node: '>=6.9.0'}
@@ -982,34 +1017,6 @@ packages:
       '@babel/helper-plugin-utils': 7.27.1
     dev: true
 
-  /@babel/plugin-transform-react-jsx-development@7.27.1(@babel/core@7.28.4):
-    resolution: {integrity: sha512-ykDdF5yI4f1WrAolLqeF3hmYU12j9ntLQl/AOG1HAS21jxyg1Q0/J/tpREuYLfatGdGmXp/3yS0ZA76kOlVq9Q==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.28.4
-      '@babel/plugin-transform-react-jsx': 7.27.1(@babel/core@7.28.4)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@babel/plugin-transform-react-jsx@7.27.1(@babel/core@7.28.4):
-    resolution: {integrity: sha512-2KH4LWGSrJIkVf5tSiBFYuXDAoWRq2MMwgivCf+93dd0GQi8RXLjKA/0EvRnVV5G0hrHczsquXuD01L8s6dmBw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.28.4
-      '@babel/helper-annotate-as-pure': 7.27.3
-      '@babel/helper-module-imports': 7.27.1
-      '@babel/helper-plugin-utils': 7.27.1
-      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.4)
-      '@babel/types': 7.28.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/plugin-transform-regenerator@7.28.4(@babel/core@7.28.4):
     resolution: {integrity: sha512-+ZEdQlBoRg9m2NnzvEeLgtvBMO4tkFBw5SQIUgLICgTrumLoU7lr+Oghi6km2PFj+dbUt2u1oby2w3BDO9YQnA==}
     engines: {node: '>=6.9.0'}
@@ -1094,6 +1101,22 @@ packages:
       '@babel/helper-plugin-utils': 7.27.1
     dev: true
 
+  /@babel/plugin-transform-typescript@7.28.5(@babel/core@7.28.4):
+    resolution: {integrity: sha512-x2Qa+v/CuEoX7Dr31iAfr0IhInrVOWZU/2vJMJ00FOR/2nM0BcBEclpaf9sWCDc+v5e9dMrhSH8/atq/kX7+bA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.28.4
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-create-class-features-plugin': 7.28.5(@babel/core@7.28.4)
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.4)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@babel/plugin-transform-unicode-escapes@7.27.1(@babel/core@7.28.4):
     resolution: {integrity: sha512-Ysg4v6AmF26k9vpfFuTZg8HRfVWzsh1kVfowA23y9j/Gu6dOuahdUVhkLqpObp3JIv27MLSii6noRnuKN8H0Mg==}
     engines: {node: '>=6.9.0'}
@@ -1253,12 +1276,34 @@ packages:
       - supports-color
     dev: true
 
+  /@babel/traverse@7.28.5:
+    resolution: {integrity: sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.28.5
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.28.5
+      '@babel/template': 7.27.2
+      '@babel/types': 7.28.5
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@babel/types@7.28.4:
     resolution: {integrity: sha512-bkFqkLhh3pMBUQQkpVgWDWq/lqzc2678eUyDlTBhRqhCHFguYYGM0Efga7tYk4TogG/3x0EEl66/OQ+WGbWB/Q==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.27.1
+
+  /@babel/types@7.28.5:
+    resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
     dev: true
 
   /@braintree/sanitize-url@6.0.4:
@@ -1946,73 +1991,6 @@ packages:
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
     dev: true
 
-  /@preact/preset-vite@2.10.2(@babel/core@7.28.4)(preact@10.27.2)(vite@4.5.14):
-    resolution: {integrity: sha512-K9wHlJOtkE+cGqlyQ5v9kL3Ge0Ql4LlIZjkUTL+1zf3nNdF88F9UZN6VTV8jdzBX9Fl7WSzeNMSDG7qECPmSmg==}
-    peerDependencies:
-      '@babel/core': 7.x
-      vite: 2.x || 3.x || 4.x || 5.x || 6.x || 7.x
-    dependencies:
-      '@babel/core': 7.28.4
-      '@babel/plugin-transform-react-jsx': 7.27.1(@babel/core@7.28.4)
-      '@babel/plugin-transform-react-jsx-development': 7.27.1(@babel/core@7.28.4)
-      '@prefresh/vite': 2.4.10(preact@10.27.2)(vite@4.5.14)
-      '@rollup/pluginutils': 4.2.1
-      babel-plugin-transform-hook-names: 1.0.2(@babel/core@7.28.4)
-      debug: 4.4.3
-      picocolors: 1.1.1
-      vite: 4.5.14(@types/node@20.19.17)(sass@1.93.2)(terser@5.44.0)
-      vite-prerender-plugin: 0.5.12(vite@4.5.14)
-    transitivePeerDependencies:
-      - preact
-      - supports-color
-    dev: true
-
-  /@preact/signals-core@1.12.1:
-    resolution: {integrity: sha512-BwbTXpj+9QutoZLQvbttRg5x3l5468qaV2kufh+51yha1c53ep5dY4kTuZR35+3pAZxpfQerGJiQqg34ZNZ6uA==}
-    dev: false
-
-  /@preact/signals@1.3.2(preact@10.27.2):
-    resolution: {integrity: sha512-naxcJgUJ6BTOROJ7C3QML7KvwKwCXQJYTc5L/b0eEsdYgPB6SxwoQ1vDGcS0Q7GVjAenVq/tXrybVdFShHYZWg==}
-    peerDependencies:
-      preact: 10.x
-    dependencies:
-      '@preact/signals-core': 1.12.1
-      preact: 10.27.2
-    dev: false
-
-  /@prefresh/babel-plugin@0.5.2:
-    resolution: {integrity: sha512-AOl4HG6dAxWkJ5ndPHBgBa49oo/9bOiJuRDKHLSTyH+Fd9x00shTXpdiTj1W41l6oQIwUOAgJeHMn4QwIDpHkA==}
-    dev: true
-
-  /@prefresh/core@1.5.7(preact@10.27.2):
-    resolution: {integrity: sha512-AsyeitiPwG7UkT0mqgKzIDuydmYSKtBlzXEb5ymzskvxewcmVGRjQkcHDy6PCNBT7soAyHpQ0mPgXX4IeyOlUg==}
-    peerDependencies:
-      preact: ^10.0.0 || ^11.0.0-0
-    dependencies:
-      preact: 10.27.2
-    dev: true
-
-  /@prefresh/utils@1.2.1:
-    resolution: {integrity: sha512-vq/sIuN5nYfYzvyayXI4C2QkprfNaHUQ9ZX+3xLD8nL3rWyzpxOm1+K7RtMbhd+66QcaISViK7amjnheQ/4WZw==}
-    dev: true
-
-  /@prefresh/vite@2.4.10(preact@10.27.2)(vite@4.5.14):
-    resolution: {integrity: sha512-lt+ODASOtXRWaPplp7/DlrgAaInnQYNvcpCglQBMx2OeJPyZ4IqPRaxsK77w96mWshjYwkqTsRSHoAM7aAn0ow==}
-    peerDependencies:
-      preact: ^10.4.0 || ^11.0.0-0
-      vite: '>=2.0.0'
-    dependencies:
-      '@babel/core': 7.28.4
-      '@prefresh/babel-plugin': 0.5.2
-      '@prefresh/core': 1.5.7(preact@10.27.2)
-      '@prefresh/utils': 1.2.1
-      '@rollup/pluginutils': 4.2.1
-      preact: 10.27.2
-      vite: 4.5.14(@types/node@20.19.17)(sass@1.93.2)(terser@5.44.0)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@qx-chitanda/vite-plugin-lib-legacy@4.1.1(terser@5.44.0)(vite@4.5.14):
     resolution: {integrity: sha512-TKyVqfaiWB/dqOi/T2sLIlfQoqKquPcQQZsKzbVOjveJMNyaFcXBclwjLXhIE8MgzigJ1FLOF25Hrgk3NqhIDA==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -2033,10 +2011,6 @@ packages:
       - supports-color
     dev: true
 
-  /@remirror/core-constants@3.0.0:
-    resolution: {integrity: sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==}
-    dev: false
-
   /@rollup/pluginutils@4.2.1:
     resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
     engines: {node: '>= 8.0.0'}
@@ -2111,99 +2085,6 @@ packages:
       - '@types/node'
     dev: true
 
-  /@tiptap/core@3.12.0(@tiptap/pm@3.12.0):
-    resolution: {integrity: sha512-yy5LHOHgdR5Z3bID9g6Hj6IofqBw8HIHtT8E3SYZXnEWBUhsoXpJVAukXv0wWEZmIbae5PpQYIuklw/QXw26Pw==}
-    peerDependencies:
-      '@tiptap/pm': ^3.12.0
-    dependencies:
-      '@tiptap/pm': 3.12.0
-    dev: false
-
-  /@tiptap/extension-document@3.12.0(@tiptap/core@3.12.0):
-    resolution: {integrity: sha512-dxRXot8sC9gBKGs99ehSS1UfWAH48mBrFMF8xlayPKuc75IO8GRen78uU8h73FLlKip5TDqRZUpBU3/d3WlBxQ==}
-    peerDependencies:
-      '@tiptap/core': ^3.12.0
-    dependencies:
-      '@tiptap/core': 3.12.0(@tiptap/pm@3.12.0)
-    dev: false
-
-  /@tiptap/extension-file-handler@3.12.0(@tiptap/core@3.12.0)(@tiptap/extension-text-style@3.12.0)(@tiptap/pm@3.12.0):
-    resolution: {integrity: sha512-mjfXj9DDNLy3LRiqNOd+KxXO8MVjIn8zRNHCcPIQJOpgkWktSv1C7zy/FL89aZTbHdkwF7yskREVoV3nTBp98g==}
-    peerDependencies:
-      '@tiptap/core': ^3.12.0
-      '@tiptap/extension-text-style': ^3.12.0
-      '@tiptap/pm': ^3.12.0
-    dependencies:
-      '@tiptap/core': 3.12.0(@tiptap/pm@3.12.0)
-      '@tiptap/extension-text-style': 3.12.0(@tiptap/core@3.12.0)
-      '@tiptap/pm': 3.12.0
-    dev: false
-
-  /@tiptap/extension-image@3.12.0(@tiptap/core@3.12.0):
-    resolution: {integrity: sha512-E+nQmMaHdR5SFDuIZUEdfaaNmRuO47V2KQIIOUT6BIxXkArixaKIIz/BKtzYq4pKySkHWL1niYe5lfZWVmEXaw==}
-    peerDependencies:
-      '@tiptap/core': ^3.12.0
-    dependencies:
-      '@tiptap/core': 3.12.0(@tiptap/pm@3.12.0)
-    dev: false
-
-  /@tiptap/extension-paragraph@3.12.0(@tiptap/core@3.12.0):
-    resolution: {integrity: sha512-J8HPJajgV0cIkA4wK7wBNJSpiNmi5Vd/Ii94hi6wpCbIdMMkfj8ngeXzVjVO/6Hpm2Xyr21OPbv2g3I6pgVAGA==}
-    peerDependencies:
-      '@tiptap/core': ^3.12.0
-    dependencies:
-      '@tiptap/core': 3.12.0(@tiptap/pm@3.12.0)
-    dev: false
-
-  /@tiptap/extension-text-style@3.12.0(@tiptap/core@3.12.0):
-    resolution: {integrity: sha512-VjA7p34EKivogIW8z4EWCMu+1iDrzPcf1oUWPBMdD2OTISY2iNJT2RLmZTMtRSdlZHz4vCWlbBwfKHoFT/ba5g==}
-    peerDependencies:
-      '@tiptap/core': ^3.12.0
-    dependencies:
-      '@tiptap/core': 3.12.0(@tiptap/pm@3.12.0)
-    dev: false
-
-  /@tiptap/extension-text@3.12.0(@tiptap/core@3.12.0):
-    resolution: {integrity: sha512-7AlIYbmEeT3zAYCWrPTunaZkyIWriJtEAmUzURlQVVKmNv6kCTyJcqX7N0Db8z8Z19UFHaVAODL8yXYde4QB/w==}
-    peerDependencies:
-      '@tiptap/core': ^3.12.0
-    dependencies:
-      '@tiptap/core': 3.12.0(@tiptap/pm@3.12.0)
-    dev: false
-
-  /@tiptap/extensions@3.12.0(@tiptap/core@3.12.0)(@tiptap/pm@3.12.0):
-    resolution: {integrity: sha512-N5ahZfeTBWROTNHFLmTW7sa6ZrZwvp/jJHyH7tcetXT+509vHVhX7yPoiLDt0fnXIDW7JrWI7jbRRmcKf79I2w==}
-    peerDependencies:
-      '@tiptap/core': ^3.12.0
-      '@tiptap/pm': ^3.12.0
-    dependencies:
-      '@tiptap/core': 3.12.0(@tiptap/pm@3.12.0)
-      '@tiptap/pm': 3.12.0
-    dev: false
-
-  /@tiptap/pm@3.12.0:
-    resolution: {integrity: sha512-A2Hs6fdd9nFyIzdmJ9zoJvVuGsdwbQB+QA0TgBMTWwjyTRilpMeIhMX2qXNDzPFVy2aS4+QjvIpcHeArfbJ2bQ==}
-    dependencies:
-      prosemirror-changeset: 2.3.1
-      prosemirror-collab: 1.3.1
-      prosemirror-commands: 1.7.1
-      prosemirror-dropcursor: 1.8.2
-      prosemirror-gapcursor: 1.4.0
-      prosemirror-history: 1.5.0
-      prosemirror-inputrules: 1.5.1
-      prosemirror-keymap: 1.2.3
-      prosemirror-markdown: 1.13.2
-      prosemirror-menu: 1.2.5
-      prosemirror-model: 1.25.4
-      prosemirror-schema-basic: 1.2.4
-      prosemirror-schema-list: 1.5.1
-      prosemirror-state: 1.4.4
-      prosemirror-tables: 1.8.1
-      prosemirror-trailing-node: 3.0.0(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.4)
-      prosemirror-transform: 1.10.5
-      prosemirror-view: 1.41.4
-    dev: false
-
   /@tootallnate/once@2.0.0:
     resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
     engines: {node: '>= 10'}
@@ -2247,10 +2128,6 @@ packages:
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
     dev: true
 
-  /@types/linkify-it@5.0.0:
-    resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
-    dev: false
-
   /@types/lodash-es@4.17.12:
     resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
     dependencies:
@@ -2261,17 +2138,6 @@ packages:
     resolution: {integrity: sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==}
     dev: true
 
-  /@types/markdown-it@14.1.2:
-    resolution: {integrity: sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==}
-    dependencies:
-      '@types/linkify-it': 5.0.0
-      '@types/mdurl': 2.0.0
-    dev: false
-
-  /@types/mdurl@2.0.0:
-    resolution: {integrity: sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==}
-    dev: false
-
   /@types/minimist@1.2.5:
     resolution: {integrity: sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==}
     dev: true
@@ -2449,6 +2315,45 @@ packages:
     resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
     dev: true
 
+  /@vant/popperjs@1.3.0:
+    resolution: {integrity: sha512-hB+czUG+aHtjhaEmCJDuXOep0YTZjdlRR+4MSmIFnkCQIxJaXLQdSsR90XWvAI2yvKUI7TCGqR8pQg2RtvkMHw==}
+    dev: false
+
+  /@vant/use@1.6.0(vue@3.3.8):
+    resolution: {integrity: sha512-PHHxeAASgiOpSmMjceweIrv2AxDZIkWXyaczksMoWvKV2YAYEhoizRuk/xFnKF+emUIi46TsQ+rvlm/t2BBCfA==}
+    peerDependencies:
+      vue: ^3.0.0
+    dependencies:
+      vue: 3.3.8(typescript@5.9.2)
+    dev: false
+
+  /@vitejs/plugin-vue-jsx@3.1.0(vite@4.5.14)(vue@3.3.8):
+    resolution: {integrity: sha512-w9M6F3LSEU5kszVb9An2/MmXNxocAnUb3WhRr8bHlimhDrXNt6n6D2nJQR3UXpGlZHh/EsgouOHCsM8V3Ln+WA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.0.0 || ^5.0.0
+      vue: ^3.0.0
+    dependencies:
+      '@babel/core': 7.28.4
+      '@babel/plugin-transform-typescript': 7.28.5(@babel/core@7.28.4)
+      '@vue/babel-plugin-jsx': 1.5.0(@babel/core@7.28.4)
+      vite: 4.5.14(@types/node@20.19.17)(sass@1.93.2)(terser@5.44.0)
+      vue: 3.3.8(typescript@5.9.2)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@vitejs/plugin-vue@4.6.2(vite@4.5.14)(vue@3.3.8):
+    resolution: {integrity: sha512-kqf7SGFoG+80aZG6Pf+gsZIVvGSCKE98JbiWqcCV9cThtg91Jav0yvYFC9Zb+jKetNGF6ZKeoaxgZfND21fWKw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.0.0 || ^5.0.0
+      vue: ^3.2.25
+    dependencies:
+      vite: 4.5.14(@types/node@20.19.17)(sass@1.93.2)(terser@5.44.0)
+      vue: 3.3.8(typescript@5.9.2)
+    dev: true
+
   /@volar/language-core@1.11.1:
     resolution: {integrity: sha512-dOcNn3i9GgZAcJt43wuaEykSluAuOkQgzni1cuxLxTV0nJKanQztp7FxyswdRILaKH+P2XZMPRp2S4MV/pElCw==}
     dependencies:
@@ -2468,6 +2373,55 @@ packages:
       path-browserify: 1.0.1
     dev: true
 
+  /@vue/babel-helper-vue-transform-on@1.5.0:
+    resolution: {integrity: sha512-0dAYkerNhhHutHZ34JtTl2czVQHUNWv6xEbkdF5W+Yrv5pCWsqjeORdOgbtW2I9gWlt+wBmVn+ttqN9ZxR5tzA==}
+    dev: true
+
+  /@vue/babel-plugin-jsx@1.5.0(@babel/core@7.28.4):
+    resolution: {integrity: sha512-mneBhw1oOqCd2247O0Yw/mRwC9jIGACAJUlawkmMBiNmL4dGA2eMzuNZVNqOUfYTa6vqmND4CtOPzmEEEqLKFw==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+    dependencies:
+      '@babel/core': 7.28.4
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.4)
+      '@babel/template': 7.27.2
+      '@babel/traverse': 7.28.4
+      '@babel/types': 7.28.4
+      '@vue/babel-helper-vue-transform-on': 1.5.0
+      '@vue/babel-plugin-resolve-type': 1.5.0(@babel/core@7.28.4)
+      '@vue/shared': 3.5.25
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@vue/babel-plugin-resolve-type@1.5.0(@babel/core@7.28.4):
+    resolution: {integrity: sha512-Wm/60o+53JwJODm4Knz47dxJnLDJ9FnKnGZJbUUf8nQRAtt6P+undLUAVU3Ha33LxOJe6IPoifRQ6F/0RrU31w==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/core': 7.28.4
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/parser': 7.28.4
+      '@vue/compiler-sfc': 3.5.25
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@vue/compiler-core@3.3.8:
+    resolution: {integrity: sha512-hN/NNBUECw8SusQvDSqqcVv6gWq8L6iAktUR0UF3vGu2OhzRqcOiAno0FmBJWwxhYEXRlQJT5XnoKsVq1WZx4g==}
+    dependencies:
+      '@babel/parser': 7.28.4
+      '@vue/shared': 3.3.8
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+
   /@vue/compiler-core@3.5.22:
     resolution: {integrity: sha512-jQ0pFPmZwTEiRNSb+i9Ow/I/cHv2tXYqsnHKKyCQ08irI2kdF5qmYedmF8si8mA7zepUFmJ2hqzS8CQmNOWOkQ==}
     dependencies:
@@ -2478,6 +2432,22 @@ packages:
       source-map-js: 1.2.1
     dev: true
 
+  /@vue/compiler-core@3.5.25:
+    resolution: {integrity: sha512-vay5/oQJdsNHmliWoZfHPoVZZRmnSWhug0BYT34njkYTPqClh3DNWLkZNJBVSjsNMrg0CCrBfoKkjZQPM/QVUw==}
+    dependencies:
+      '@babel/parser': 7.28.5
+      '@vue/shared': 3.5.25
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+    dev: true
+
+  /@vue/compiler-dom@3.3.8:
+    resolution: {integrity: sha512-+PPtv+p/nWDd0AvJu3w8HS0RIm/C6VGBIRe24b9hSyNWOAPEUosFZ5diwawwP8ip5sJ8n0Pe87TNNNHnvjs0FQ==}
+    dependencies:
+      '@vue/compiler-core': 3.3.8
+      '@vue/shared': 3.3.8
+
   /@vue/compiler-dom@3.5.22:
     resolution: {integrity: sha512-W8RknzUM1BLkypvdz10OVsGxnMAuSIZs9Wdx1vzA3mL5fNMN15rhrSCLiTm6blWeACwUwizzPVqGJgOGBEN/hA==}
     dependencies:
@@ -2485,6 +2455,54 @@ packages:
       '@vue/shared': 3.5.22
     dev: true
 
+  /@vue/compiler-dom@3.5.25:
+    resolution: {integrity: sha512-4We0OAcMZsKgYoGlMjzYvaoErltdFI2/25wqanuTu+S4gismOTRTBPi4IASOjxWdzIwrYSjnqONfKvuqkXzE2Q==}
+    dependencies:
+      '@vue/compiler-core': 3.5.25
+      '@vue/shared': 3.5.25
+    dev: true
+
+  /@vue/compiler-sfc@3.3.8:
+    resolution: {integrity: sha512-WMzbUrlTjfYF8joyT84HfwwXo+8WPALuPxhy+BZ6R4Aafls+jDBnSz8PDz60uFhuqFbl3HxRfxvDzrUf3THwpA==}
+    dependencies:
+      '@babel/parser': 7.28.4
+      '@vue/compiler-core': 3.3.8
+      '@vue/compiler-dom': 3.3.8
+      '@vue/compiler-ssr': 3.3.8
+      '@vue/reactivity-transform': 3.3.8
+      '@vue/shared': 3.3.8
+      estree-walker: 2.0.2
+      magic-string: 0.30.19
+      postcss: 8.5.6
+      source-map-js: 1.2.1
+
+  /@vue/compiler-sfc@3.5.25:
+    resolution: {integrity: sha512-PUgKp2rn8fFsI++lF2sO7gwO2d9Yj57Utr5yEsDf3GNaQcowCLKL7sf+LvVFvtJDXUp/03+dC6f2+LCv5aK1ag==}
+    dependencies:
+      '@babel/parser': 7.28.5
+      '@vue/compiler-core': 3.5.25
+      '@vue/compiler-dom': 3.5.25
+      '@vue/compiler-ssr': 3.5.25
+      '@vue/shared': 3.5.25
+      estree-walker: 2.0.2
+      magic-string: 0.30.21
+      postcss: 8.5.6
+      source-map-js: 1.2.1
+    dev: true
+
+  /@vue/compiler-ssr@3.3.8:
+    resolution: {integrity: sha512-hXCqQL/15kMVDBuoBYpUnSYT8doDNwsjvm3jTefnXr+ytn294ySnT8NlsFHmTgKNjwpuFy7XVV8yTeLtNl/P6w==}
+    dependencies:
+      '@vue/compiler-dom': 3.3.8
+      '@vue/shared': 3.3.8
+
+  /@vue/compiler-ssr@3.5.25:
+    resolution: {integrity: sha512-ritPSKLBcParnsKYi+GNtbdbrIE1mtuFEJ4U1sWeuOMlIziK5GtOL85t5RhsNy4uWIXPgk+OUdpnXiTdzn8o3A==}
+    dependencies:
+      '@vue/compiler-dom': 3.5.25
+      '@vue/shared': 3.5.25
+    dev: true
+
   /@vue/language-core@1.8.27(typescript@5.9.2):
     resolution: {integrity: sha512-L8Kc27VdQserNaCUNiSFdDl9LWT24ly8Hpwf1ECy3aFb9m6bDhBGQYOujDm21N7EW3moKIOKEanQwe1q5BK+mA==}
     peerDependencies:
@@ -2496,7 +2514,7 @@ packages:
       '@volar/language-core': 1.11.1
       '@volar/source-map': 1.11.1
       '@vue/compiler-dom': 3.5.22
-      '@vue/shared': 3.5.22
+      '@vue/shared': 3.5.25
       computeds: 0.0.1
       minimatch: 9.0.5
       muggle-string: 0.3.1
@@ -2505,10 +2523,52 @@ packages:
       vue-template-compiler: 2.7.16
     dev: true
 
+  /@vue/reactivity-transform@3.3.8:
+    resolution: {integrity: sha512-49CvBzmZNtcHua0XJ7GdGifM8GOXoUMOX4dD40Y5DxI3R8OUhMlvf2nvgUAcPxaXiV5MQQ1Nwy09ADpnLQUqRw==}
+    dependencies:
+      '@babel/parser': 7.28.4
+      '@vue/compiler-core': 3.3.8
+      '@vue/shared': 3.3.8
+      estree-walker: 2.0.2
+      magic-string: 0.30.19
+
+  /@vue/reactivity@3.3.8:
+    resolution: {integrity: sha512-ctLWitmFBu6mtddPyOKpHg8+5ahouoTCRtmAHZAXmolDtuZXfjL2T3OJ6DL6ezBPQB1SmMnpzjiWjCiMYmpIuw==}
+    dependencies:
+      '@vue/shared': 3.3.8
+
+  /@vue/runtime-core@3.3.8:
+    resolution: {integrity: sha512-qurzOlb6q26KWQ/8IShHkMDOuJkQnQcTIp1sdP4I9MbCf9FJeGVRXJFr2mF+6bXh/3Zjr9TDgURXrsCr9bfjUw==}
+    dependencies:
+      '@vue/reactivity': 3.3.8
+      '@vue/shared': 3.3.8
+
+  /@vue/runtime-dom@3.3.8:
+    resolution: {integrity: sha512-Noy5yM5UIf9UeFoowBVgghyGGPIDPy1Qlqt0yVsUdAVbqI8eeMSsTqBtauaEoT2UFXUk5S64aWVNJN4MJ2vRdA==}
+    dependencies:
+      '@vue/runtime-core': 3.3.8
+      '@vue/shared': 3.3.8
+      csstype: 3.2.3
+
+  /@vue/server-renderer@3.3.8(vue@3.3.8):
+    resolution: {integrity: sha512-zVCUw7RFskvPuNlPn/8xISbrf0zTWsTSdYTsUTN1ERGGZGVnRxM2QZ3x1OR32+vwkkCm0IW6HmJ49IsPm7ilLg==}
+    peerDependencies:
+      vue: 3.3.8
+    dependencies:
+      '@vue/compiler-ssr': 3.3.8
+      '@vue/shared': 3.3.8
+      vue: 3.3.8(typescript@5.9.2)
+
+  /@vue/shared@3.3.8:
+    resolution: {integrity: sha512-8PGwybFwM4x8pcfgqEQFy70NaQxASvOC5DJwLQfpArw1UDfUXrJkdxD3BhVTMS+0Lef/TU7YO0Jvr0jJY8T+mw==}
+
   /@vue/shared@3.5.22:
     resolution: {integrity: sha512-F4yc6palwq3TT0u+FYf0Ns4Tfl9GRFURDN2gWG7L1ecIaS/4fCIuFOjMTnCyjsu/OK6vaDKLCrGAa+KvvH+h4w==}
     dev: true
 
+  /@vue/shared@3.5.25:
+    resolution: {integrity: sha512-AbOPdQQnAnzs58H2FrrDxYj/TJfmeS2jdfEEhgiKINy+bnOANmVizIEgq1r+C5zsbs6l1CCQxtcj71rwNQ4jWg==}
+
   /JSONStream@1.3.5:
     resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
     hasBin: true
@@ -2617,6 +2677,7 @@ packages:
 
   /argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+    dev: true
 
   /array-buffer-byte-length@1.0.2:
     resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
@@ -2784,14 +2845,6 @@ packages:
       - supports-color
     dev: true
 
-  /babel-plugin-transform-hook-names@1.0.2(@babel/core@7.28.4):
-    resolution: {integrity: sha512-5gafyjyyBTTdX/tQQ0hRgu4AhNHG/hqWi0ZZmg2xvs2FgRkJXzDNKBZCyoYqgFkovfDrgM8OoKg8karoUvWeCw==}
-    peerDependencies:
-      '@babel/core': ^7.12.10
-    dependencies:
-      '@babel/core': 7.28.4
-    dev: true
-
   /balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
@@ -2804,10 +2857,6 @@ packages:
     hasBin: true
     dev: true
 
-  /boolbase@1.0.0:
-    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
-    dev: true
-
   /brace-expansion@1.1.12:
     resolution: {integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==}
     dependencies:
@@ -2921,13 +2970,12 @@ packages:
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
     dev: true
 
-  /cherry-markdown@0.8.58:
-    resolution: {integrity: sha512-/UV1+qyv7X+TVKQMimuh0oiDf/Ysdp3KfJZtGfVLYSYjlrTnTkmbZ2bTQO/NUgTlNaQbyOsanBkw9U2VwHUzMA==}
+  /cherry-markdown@0.8.26:
+    resolution: {integrity: sha512-Cjl69gKq8wSVyN0YKZd/FGExkdPvCg0Z8353VDohan9ksjBs3x3LSuZwM3/HjzRlcP27bxDoB23z4lN2BWi5WQ==}
     engines: {node: '>=14'}
     dependencies:
       '@types/codemirror': 0.0.108
       '@types/dompurify': 2.4.0
-      crypto-js: 4.2.0
       jsdom: 19.0.0
     optionalDependencies:
       mermaid: 9.4.3
@@ -2968,11 +3016,6 @@ packages:
       wrap-ansi: 7.0.0
     dev: true
 
-  /clsx@2.1.1:
-    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
-    engines: {node: '>=6'}
-    dev: false
-
   /color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
@@ -3126,10 +3169,6 @@ packages:
       typescript: 5.9.2
     dev: true
 
-  /crelt@1.0.6:
-    resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
-    dev: false
-
   /cross-spawn@7.0.6:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
@@ -3139,25 +3178,11 @@ packages:
       which: 2.0.2
     dev: true
 
-  /crypto-js@4.2.0:
-    resolution: {integrity: sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==}
-    dev: false
-
   /css-functions-list@3.2.3:
     resolution: {integrity: sha512-IQOkD3hbR5KrN93MtcYuad6YPuTSUhntLHDuLEbFWE+ff2/XSZNdZG+LcbbIW5AXKg/WFIfYItIzVoHngHXZzA==}
     engines: {node: '>=12 || >=16'}
     dev: true
 
-  /css-select@5.2.2:
-    resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==}
-    dependencies:
-      boolbase: 1.0.0
-      css-what: 6.2.2
-      domhandler: 5.0.3
-      domutils: 3.2.2
-      nth-check: 2.1.1
-    dev: true
-
   /css-tree@2.3.1:
     resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
@@ -3166,11 +3191,6 @@ packages:
       source-map-js: 1.2.1
     dev: true
 
-  /css-what@6.2.2:
-    resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
-    engines: {node: '>= 6'}
-    dev: true
-
   /cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
@@ -3192,6 +3212,9 @@ packages:
       cssom: 0.3.8
     dev: false
 
+  /csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
   /cytoscape-cose-bilkent@4.1.0(cytoscape@3.33.1):
     resolution: {integrity: sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ==}
     requiresBuild: true
@@ -3581,8 +3604,8 @@ packages:
       is-data-view: 1.0.2
     dev: true
 
-  /dayjs@1.11.18:
-    resolution: {integrity: sha512-zFBQ7WFRvVRhKcWoUh+ZA1g2HVgUbsZm9sbddh8EC5iv93sui8DVVz1Npvz+r6meo9VKfa8NyLWBsQK1VvIKPA==}
+  /dayjs@1.11.19:
+    resolution: {integrity: sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==}
     requiresBuild: true
     dev: false
     optional: true
@@ -3698,18 +3721,6 @@ packages:
       esutils: 2.0.3
     dev: true
 
-  /dom-serializer@2.0.0:
-    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
-    dependencies:
-      domelementtype: 2.3.0
-      domhandler: 5.0.3
-      entities: 4.5.0
-    dev: true
-
-  /domelementtype@2.3.0:
-    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
-    dev: true
-
   /domexception@4.0.0:
     resolution: {integrity: sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==}
     engines: {node: '>=12'}
@@ -3718,27 +3729,12 @@ packages:
       webidl-conversions: 7.0.0
     dev: false
 
-  /domhandler@5.0.3:
-    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
-    engines: {node: '>= 4'}
-    dependencies:
-      domelementtype: 2.3.0
-    dev: true
-
   /dompurify@2.4.3:
     resolution: {integrity: sha512-q6QaLcakcRjebxjg8/+NP+h0rPfatOgOzc46Fst9VAA3jF2ApfKBNKMzdP4DYTqtUMXSCd5pRS/8Po/OmoCHZQ==}
     requiresBuild: true
     dev: false
     optional: true
 
-  /domutils@3.2.2:
-    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
-    dependencies:
-      dom-serializer: 2.0.0
-      domelementtype: 2.3.0
-      domhandler: 5.0.3
-    dev: true
-
   /dot-prop@5.3.0:
     resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
     engines: {node: '>=8'}
@@ -3775,6 +3771,7 @@ packages:
   /entities@4.5.0:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
+    dev: true
 
   /environment@1.1.0:
     resolution: {integrity: sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==}
@@ -3945,6 +3942,7 @@ packages:
   /escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
+    dev: true
 
   /escodegen@2.1.0:
     resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==}
@@ -4222,7 +4220,6 @@ packages:
 
   /estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
-    dev: true
 
   /esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
@@ -4360,8 +4357,8 @@ packages:
       is-callable: 1.2.7
     dev: true
 
-  /form-data@4.0.4:
-    resolution: {integrity: sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==}
+  /form-data@4.0.5:
+    resolution: {integrity: sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==}
     engines: {node: '>= 6'}
     dependencies:
       asynckit: 0.4.0
@@ -5032,6 +5029,7 @@ packages:
 
   /js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+    dev: true
 
   /js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
@@ -5058,12 +5056,12 @@ packages:
       decimal.js: 10.6.0
       domexception: 4.0.0
       escodegen: 2.1.0
-      form-data: 4.0.4
+      form-data: 4.0.5
       html-encoding-sniffer: 3.0.0
       http-proxy-agent: 5.0.0
       https-proxy-agent: 5.0.1
       is-potential-custom-element-name: 1.0.1
-      nwsapi: 2.2.22
+      nwsapi: 2.2.23
       parse5: 6.0.1
       saxes: 5.0.1
       symbol-tree: 3.2.4
@@ -5196,12 +5194,6 @@ packages:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
     dev: true
 
-  /linkify-it@5.0.0:
-    resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
-    dependencies:
-      uc.micro: 2.1.0
-    dev: false
-
   /lint-staged@15.5.2:
     resolution: {integrity: sha512-YUSOLq9VeRNAo/CTaVmhGDKG+LBtA8KF1X4K5+ykMSwWST1vDxJRB2kv2COgLb1fvpCo+A/y9A0G0znNVmdx4w==}
     engines: {node: '>=18.12.0'}
@@ -5331,6 +5323,7 @@ packages:
     hasBin: true
     dependencies:
       js-tokens: 4.0.0
+    dev: true
 
   /lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
@@ -5349,6 +5342,11 @@ packages:
     resolution: {integrity: sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
+
+  /magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
     dev: true
 
   /map-obj@1.0.1:
@@ -5361,18 +5359,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /markdown-it@14.1.0:
-    resolution: {integrity: sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==}
-    hasBin: true
-    dependencies:
-      argparse: 2.0.1
-      entities: 4.5.0
-      linkify-it: 5.0.0
-      mdurl: 2.0.0
-      punycode.js: 2.3.1
-      uc.micro: 2.1.0
-    dev: false
-
   /math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
@@ -5385,10 +5371,6 @@ packages:
     resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
     dev: true
 
-  /mdurl@2.0.0:
-    resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
-    dev: false
-
   /meow@10.1.5:
     resolution: {integrity: sha512-/d+PQ4GKmGvM9Bee/DPa8z3mXs/pkvJE2KEThngVNOqtmljC6K7NMPxtc2JeZYTmpWb9k/TmxjeL18ez3h7vCw==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -5448,7 +5430,7 @@ packages:
       cytoscape-fcose: 2.2.0(cytoscape@3.33.1)
       d3: 7.9.0
       dagre-d3-es: 7.0.9
-      dayjs: 1.11.18
+      dayjs: 1.11.19
       dompurify: 2.4.3
       elkjs: 0.8.2
       khroma: 2.1.0
@@ -5559,13 +5541,6 @@ packages:
     requiresBuild: true
     optional: true
 
-  /node-html-parser@6.1.13:
-    resolution: {integrity: sha512-qIsTMOY4C/dAa5Q5vsobRpOOvPfC4pB61UVW2uSwZNUp0QU/jCekTal1vMmbO0DgdHeLUJpv/ARmDqErVxA3Sg==}
-    dependencies:
-      css-select: 5.2.2
-      he: 1.2.0
-    dev: true
-
   /node-releases@2.0.21:
     resolution: {integrity: sha512-5b0pgg78U3hwXkCM8Z9b2FJdPZlr9Psr9V2gQPESdGHqbntyFJKFW4r5TeWGFzafGY3hzs1JC62VEQMbl1JFkw==}
     dev: true
@@ -5614,19 +5589,14 @@ packages:
       path-key: 4.0.0
     dev: true
 
-  /nth-check@2.1.1:
-    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
-    dependencies:
-      boolbase: 1.0.0
-    dev: true
-
-  /nwsapi@2.2.22:
-    resolution: {integrity: sha512-ujSMe1OWVn55euT1ihwCI1ZcAaAU3nxUiDwfDQldc51ZXaB9m2AyOn6/jh1BLe2t/G8xd6uKG1UBF2aZJeg2SQ==}
+  /nwsapi@2.2.23:
+    resolution: {integrity: sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==}
     dev: false
 
   /object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /object-inspect@1.13.4:
     resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
@@ -5728,10 +5698,6 @@ packages:
       word-wrap: 1.2.5
     dev: true
 
-  /orderedmap@2.1.1:
-    resolution: {integrity: sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==}
-    dev: false
-
   /own-keys@1.0.1:
     resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
     engines: {node: '>= 0.4'}
@@ -5913,9 +5879,6 @@ packages:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  /preact@10.27.2:
-    resolution: {integrity: sha512-5SYSgFKSyhCbk6SrXyMpqjb5+MQBgfvEKE/OC+PujcY34sOpqtr+0AZQtPYx5IA6VxynQ7rUPCtKzyovpj9Bpg==}
-
   /prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -5940,149 +5903,7 @@ packages:
       loose-envify: 1.4.0
       object-assign: 4.1.1
       react-is: 16.13.1
-
-  /prosemirror-changeset@2.3.1:
-    resolution: {integrity: sha512-j0kORIBm8ayJNl3zQvD1TTPHJX3g042et6y/KQhZhnPrruO8exkTgG8X+NRpj7kIyMMEx74Xb3DyMIBtO0IKkQ==}
-    dependencies:
-      prosemirror-transform: 1.10.5
-    dev: false
-
-  /prosemirror-collab@1.3.1:
-    resolution: {integrity: sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==}
-    dependencies:
-      prosemirror-state: 1.4.4
-    dev: false
-
-  /prosemirror-commands@1.7.1:
-    resolution: {integrity: sha512-rT7qZnQtx5c0/y/KlYaGvtG411S97UaL6gdp6RIZ23DLHanMYLyfGBV5DtSnZdthQql7W+lEVbpSfwtO8T+L2w==}
-    dependencies:
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.10.5
-    dev: false
-
-  /prosemirror-dropcursor@1.8.2:
-    resolution: {integrity: sha512-CCk6Gyx9+Tt2sbYk5NK0nB1ukHi2ryaRgadV/LvyNuO3ena1payM2z6Cg0vO1ebK8cxbzo41ku2DE5Axj1Zuiw==}
-    dependencies:
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.10.5
-      prosemirror-view: 1.41.4
-    dev: false
-
-  /prosemirror-gapcursor@1.4.0:
-    resolution: {integrity: sha512-z00qvurSdCEWUIulij/isHaqu4uLS8r/Fi61IbjdIPJEonQgggbJsLnstW7Lgdk4zQ68/yr6B6bf7sJXowIgdQ==}
-    dependencies:
-      prosemirror-keymap: 1.2.3
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-view: 1.41.4
-    dev: false
-
-  /prosemirror-history@1.5.0:
-    resolution: {integrity: sha512-zlzTiH01eKA55UAf1MEjtssJeHnGxO0j4K4Dpx+gnmX9n+SHNlDqI2oO1Kv1iPN5B1dm5fsljCfqKF9nFL6HRg==}
-    dependencies:
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.10.5
-      prosemirror-view: 1.41.4
-      rope-sequence: 1.3.4
-    dev: false
-
-  /prosemirror-inputrules@1.5.1:
-    resolution: {integrity: sha512-7wj4uMjKaXWAQ1CDgxNzNtR9AlsuwzHfdFH1ygEHA2KHF2DOEaXl1CJfNPAKCg9qNEh4rum975QLaCiQPyY6Fw==}
-    dependencies:
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.10.5
-    dev: false
-
-  /prosemirror-keymap@1.2.3:
-    resolution: {integrity: sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==}
-    dependencies:
-      prosemirror-state: 1.4.4
-      w3c-keyname: 2.2.8
-    dev: false
-
-  /prosemirror-markdown@1.13.2:
-    resolution: {integrity: sha512-FPD9rHPdA9fqzNmIIDhhnYQ6WgNoSWX9StUZ8LEKapaXU9i6XgykaHKhp6XMyXlOWetmaFgGDS/nu/w9/vUc5g==}
-    dependencies:
-      '@types/markdown-it': 14.1.2
-      markdown-it: 14.1.0
-      prosemirror-model: 1.25.4
-    dev: false
-
-  /prosemirror-menu@1.2.5:
-    resolution: {integrity: sha512-qwXzynnpBIeg1D7BAtjOusR+81xCp53j7iWu/IargiRZqRjGIlQuu1f3jFi+ehrHhWMLoyOQTSRx/IWZJqOYtQ==}
-    dependencies:
-      crelt: 1.0.6
-      prosemirror-commands: 1.7.1
-      prosemirror-history: 1.5.0
-      prosemirror-state: 1.4.4
-    dev: false
-
-  /prosemirror-model@1.25.4:
-    resolution: {integrity: sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA==}
-    dependencies:
-      orderedmap: 2.1.1
-    dev: false
-
-  /prosemirror-schema-basic@1.2.4:
-    resolution: {integrity: sha512-ELxP4TlX3yr2v5rM7Sb70SqStq5NvI15c0j9j/gjsrO5vaw+fnnpovCLEGIcpeGfifkuqJwl4fon6b+KdrODYQ==}
-    dependencies:
-      prosemirror-model: 1.25.4
-    dev: false
-
-  /prosemirror-schema-list@1.5.1:
-    resolution: {integrity: sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==}
-    dependencies:
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.10.5
-    dev: false
-
-  /prosemirror-state@1.4.4:
-    resolution: {integrity: sha512-6jiYHH2CIGbCfnxdHbXZ12gySFY/fz/ulZE333G6bPqIZ4F+TXo9ifiR86nAHpWnfoNjOb3o5ESi7J8Uz1jXHw==}
-    dependencies:
-      prosemirror-model: 1.25.4
-      prosemirror-transform: 1.10.5
-      prosemirror-view: 1.41.4
-    dev: false
-
-  /prosemirror-tables@1.8.1:
-    resolution: {integrity: sha512-DAgDoUYHCcc6tOGpLVPSU1k84kCUWTWnfWX3UDy2Delv4ryH0KqTD6RBI6k4yi9j9I8gl3j8MkPpRD/vWPZbug==}
-    dependencies:
-      prosemirror-keymap: 1.2.3
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.10.5
-      prosemirror-view: 1.41.4
-    dev: false
-
-  /prosemirror-trailing-node@3.0.0(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.4):
-    resolution: {integrity: sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==}
-    peerDependencies:
-      prosemirror-model: ^1.22.1
-      prosemirror-state: ^1.4.2
-      prosemirror-view: ^1.33.8
-    dependencies:
-      '@remirror/core-constants': 3.0.0
-      escape-string-regexp: 4.0.0
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-view: 1.41.4
-    dev: false
-
-  /prosemirror-transform@1.10.5:
-    resolution: {integrity: sha512-RPDQCxIDhIBb1o36xxwsaeAvivO8VLJcgBtzmOwQ64bMtsVFh5SSuJ6dWSxO1UsHTiTXPCgQm3PDJt7p6IOLbw==}
-    dependencies:
-      prosemirror-model: 1.25.4
-    dev: false
-
-  /prosemirror-view@1.41.4:
-    resolution: {integrity: sha512-WkKgnyjNncri03Gjaz3IFWvCAE94XoiEgvtr0/r2Xw7R8/IjK3sKLSiDoCHWcsXSAinVaKlGRZDvMCsF1kbzjA==}
-    dependencies:
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.10.5
-    dev: false
+    dev: true
 
   /psl@1.15.0:
     resolution: {integrity: sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==}
@@ -6090,11 +5911,6 @@ packages:
       punycode: 2.3.1
     dev: false
 
-  /punycode.js@2.3.1:
-    resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
-    engines: {node: '>=6'}
-    dev: false
-
   /punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
@@ -6123,21 +5939,7 @@ packages:
 
   /react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
-
-  /react-tabs@6.1.0(react@19.1.1):
-    resolution: {integrity: sha512-6QtbTRDKM+jA/MZTTefvigNxo0zz+gnBTVFw2CFVvq+f2BuH0nF0vDLNClL045nuTAdOoK/IL1vTP0ZLX0DAyQ==}
-    peerDependencies:
-      react: ^18.0.0 || ^19.0.0
-    dependencies:
-      clsx: 2.1.1
-      prop-types: 15.8.1
-      react: 19.1.1
-    dev: false
-
-  /react@19.1.1:
-    resolution: {integrity: sha512-w8nqGImo45dmMIfljjMwOGtbmC/mk4CMYhWIicdSflH91J9TyCyczcPFXJzrZ/ZXcgGRFeP6BU0BEJTw6tZdfQ==}
-    engines: {node: '>=0.10.0'}
-    dev: false
+    dev: true
 
   /read-pkg-up@7.0.1:
     resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
@@ -6373,10 +6175,6 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /rope-sequence@1.3.4:
-    resolution: {integrity: sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==}
-    dev: false
-
   /run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
     dependencies:
@@ -6567,12 +6365,6 @@ packages:
     engines: {node: '>=14'}
     dev: true
 
-  /simple-code-frame@1.3.0:
-    resolution: {integrity: sha512-MB4pQmETUBlNs62BBeRjIFGeuy/x6gGKh7+eRUemn1rCFhqo7K+4slPqsyizCbcbYLnaYqaoZ2FWsZ/jN06D8w==}
-    dependencies:
-      kolorist: 1.8.0
-    dev: true
-
   /slash@3.0.0:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
     engines: {node: '>=8'}
@@ -6617,11 +6409,6 @@ packages:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
 
-  /source-map@0.7.6:
-    resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==}
-    engines: {node: '>= 12'}
-    dev: true
-
   /spdx-correct@3.2.0:
     resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
     dependencies:
@@ -6659,11 +6446,6 @@ packages:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
     dev: true
 
-  /stack-trace@1.0.0-pre2:
-    resolution: {integrity: sha512-2ztBJRek8IVofG9DBJqdy2N5kulaacX30Nz7xmkYF6ale9WBVmIy6mFBchvGX7Vx/MyjBhx+Rcxqrj+dbOnQ6A==}
-    engines: {node: '>=16'}
-    dev: true
-
   /stop-iteration-iterator@1.1.0:
     resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
     engines: {node: '>= 0.4'}
@@ -7224,11 +7006,6 @@ packages:
     resolution: {integrity: sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==}
     engines: {node: '>=14.17'}
     hasBin: true
-    dev: true
-
-  /uc.micro@2.1.0:
-    resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
-    dev: false
 
   /unbox-primitive@1.1.0:
     resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
@@ -7323,6 +7100,17 @@ packages:
     engines: {node: '>= 0.10'}
     dev: true
 
+  /vant@4.7.2(vue@3.3.8):
+    resolution: {integrity: sha512-rRVyEA8HwDKaHDLnT8x9pHv2bYfziKO76yH13Us2aUMEhx5AM/rNDJIMz0mn4G4pTKRR/UTkuqk3kVFf1Mn0wA==}
+    peerDependencies:
+      vue: ^3.0.0
+    dependencies:
+      '@vant/popperjs': 1.3.0
+      '@vant/use': 1.6.0(vue@3.3.8)
+      '@vue/shared': 3.5.25
+      vue: 3.3.8(typescript@5.9.2)
+    dev: false
+
   /vite-plugin-dts@3.9.1(@types/node@20.19.17)(typescript@5.9.2)(vite@4.5.14):
     resolution: {integrity: sha512-rVp2KM9Ue22NGWB8dNtWEr+KekN3rIgz1tWD050QnRGlriUCmaDwa7qA5zDEjbXg5lAXhYMSBJtx3q3hQIJZSg==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -7370,20 +7158,6 @@ packages:
       vite: 4.5.14(@types/node@20.19.17)(sass@1.93.2)(terser@5.44.0)
     dev: false
 
-  /vite-prerender-plugin@0.5.12(vite@4.5.14):
-    resolution: {integrity: sha512-EiwhbMn+flg14EysbLTmZSzq8NGTxhytgK3bf4aGRF1evWLGwZiHiUJ1KZDvbxgKbMf2pG6fJWGEa3UZXOnR1g==}
-    peerDependencies:
-      vite: 5.x || 6.x || 7.x
-    dependencies:
-      kolorist: 1.8.0
-      magic-string: 0.30.19
-      node-html-parser: 6.1.13
-      simple-code-frame: 1.3.0
-      source-map: 0.7.6
-      stack-trace: 1.0.0-pre2
-      vite: 4.5.14(@types/node@20.19.17)(sass@1.93.2)(terser@5.44.0)
-    dev: true
-
   /vite@4.5.14(@types/node@20.19.17)(sass@1.93.2)(terser@5.44.0):
     resolution: {integrity: sha512-+v57oAaoYNnO3hIu5Z/tJRZjq5aHM2zDve9YZ8HngVHbhk66RStobhb1sqPMIPEleV6cNKYK4eGrAbE9Ulbl2g==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -7440,6 +7214,21 @@ packages:
       typescript: 5.9.2
     dev: true
 
+  /vue@3.3.8(typescript@5.9.2):
+    resolution: {integrity: sha512-5VSX/3DabBikOXMsxzlW8JyfeLKlG9mzqnWgLQLty88vdZL7ZJgrdgBOmrArwxiLtmS+lNNpPcBYqrhE6TQW5w==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@vue/compiler-dom': 3.3.8
+      '@vue/compiler-sfc': 3.3.8
+      '@vue/runtime-dom': 3.3.8
+      '@vue/server-renderer': 3.3.8(vue@3.3.8)
+      '@vue/shared': 3.3.8
+      typescript: 5.9.2
+
   /w3c-hr-time@1.0.2:
     resolution: {integrity: sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==}
     deprecated: Use your platform's native performance.now() and performance.timeOrigin.
@@ -7447,10 +7236,6 @@ packages:
       browser-process-hrtime: 1.0.0
     dev: false
 
-  /w3c-keyname@2.2.8:
-    resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
-    dev: false
-
   /w3c-xmlserializer@3.0.0:
     resolution: {integrity: sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==}
     engines: {node: '>=12'}
diff --git a/src/app.scss b/src/app.scss
deleted file mode 100644
index f4de6b68d7794dfbe6bd70ea3fba2b1d1928c450..0000000000000000000000000000000000000000
--- a/src/app.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@import 'cherry-markdown/dist/cherry-markdown.css';
-
-body {
-  position: relative;
-  width: 100vw;
-  height: 100vh;
-  padding: 0;
-  margin: 0;
-}
diff --git a/src/app.tsx b/src/app.tsx
deleted file mode 100644
index 49d805e6bb54fe21acf945a241f3e547995add23..0000000000000000000000000000000000000000
--- a/src/app.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import './app.scss';
-import { chat } from './controller';
-import { createUUID } from './utils';
-
-export function App() {
-  const onClick = () => {
-    const ai = chat.create({
-      async question(question): Promise<boolean> {
-        const id = createUUID();
-        return new Promise(resolve => {
-          setTimeout(() => {
-            ai.addMessage({
-              messageid: id,
-              state: 20,
-              role: 'ASSISTANT',
-              content: '# 标题',
-              type: 'DEFAULT',
-            });
-
-            setTimeout(() => {
-              ai.addMessage({
-                messageid: id,
-                state: 20,
-                role: 'ASSISTANT',
-                content: '\n\n# 标题2',
-                type: 'DEFAULT',
-              });
-
-              setTimeout(() => {
-                ai.addMessage({
-                  messageid: id,
-                  state: 20,
-                  role: 'ASSISTANT',
-                  content: '\n\n# 标题3',
-                  type: 'DEFAULT',
-                });
-
-                setTimeout(() => {
-                  ai.addMessage({
-                    messageid: id,
-                    state: 20,
-                    role: 'ASSISTANT',
-                    content: '\n\n# 标题4',
-                    type: 'DEFAULT',
-                  });
-
-                  setTimeout(() => {
-                    ai.addMessage({
-                      messageid: id,
-                      state: 20,
-                      role: 'ASSISTANT',
-                      content: '\n\n# markdown',
-                      type: 'DEFAULT',
-                    });
-                    resolve(true);
-                  }, 500);
-                }, 500);
-              }, 500);
-            }, 500);
-          }, 500);
-        });
-      },
-    });
-  };
-
-  return (
-    <>
-      <button onClick={onClick}>打开</button>
-    </>
-  );
-}
diff --git a/src/components/chat-back-bottom/chat-back-bottom.scss b/src/components/chat-back-bottom/chat-back-bottom.scss
deleted file mode 100644
index 4425071040d298b1f65aeb949eccc6fc69d4fd27..0000000000000000000000000000000000000000
--- a/src/components/chat-back-bottom/chat-back-bottom.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-@include b(chat-back-bottom) {
-    position: absolute;
-    z-index: 5;
-    display: none;
-    align-items: center;
-    justify-content: center;
-    width: 32px;
-    height: 32px;
-    font-size: getCssVar(font-size, header, 6);
-    color: getCssVar(ai-chat, color, 2);
-    cursor: pointer;
-    background-color: getCssVar(ai-chat, background, color, 2);
-    border-radius: getCssVar(border-radius, circle);
-
-    &:hover {
-        background-color: getCssVar(ai-chat, hover, background, color, 2);
-    }
-
-    @include e(icon) {
-        font-size: 20px;
-    }
-
-    @include when(visible) {
-        display: flex;
-    }
-}
\ No newline at end of file
diff --git a/src/components/chat-back-bottom/chat-back-bottom.tsx b/src/components/chat-back-bottom/chat-back-bottom.tsx
deleted file mode 100644
index d993736ea3062223ead88cca0abb48f152facf1f..0000000000000000000000000000000000000000
--- a/src/components/chat-back-bottom/chat-back-bottom.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import { useSignal } from '@preact/signals';
-import { useEffect, useMemo } from 'preact/hooks';
-import { Namespace } from '../../utils';
-import { ArrowDownOutlineSvg } from '../../icons';
-import './chat-back-bottom.scss';
-
-export interface ChatBackBottomProps {
-  /**
-   * @description 右侧距离
-   * @type {number}
-   * @memberof ChatBackBottomProps
-   */
-  right: number;
-
-  /**
-   * @description 底部距离
-   * @type {number}
-   * @memberof ChatBackBottomProps
-   */
-  bottom: number;
-
-  /**
-   * @description 滚动目标
-   * @type {string}
-   * @memberof ChatBackBottomProps
-   */
-  target: string;
-
-  /**
-   * @description 滚动高度达到此参数值才出现
-   * @type {number}
-   * @memberof ChatBackBottomProps
-   */
-  visibilityHeight?: number;
-  /**
-   * 点击事件
-   *
-   * @memberof ChatBackBottomProps
-   */
-  onClick?: () => void;
-}
-
-export function throttle(
-  fn: (...args: unknown[]) => void | Promise<void>,
-  wait: number,
-): (...args: unknown[]) => void {
-  let timer: unknown = null;
-  return function (this: unknown, ...args: unknown[]): void {
-    if (!timer) {
-      timer = setTimeout(() => {
-        fn.apply(this, args);
-        timer = null;
-      }, wait);
-    }
-  };
-}
-
-export const ChatBackBottom = (props: ChatBackBottomProps) => {
-  // 是否显示
-  const visible = useSignal(false);
-
-  // 按钮样式
-  const buttonStyle = useSignal({});
-
-  const ns = new Namespace('chat-back-bottom');
-
-  const container = useSignal<HTMLElement | null>(null);
-
-  const handleScroll = () => {
-    if (container.value) {
-      const visibilityHeight = props.visibilityHeight || 200;
-      const scrollBottom =
-        container.value.scrollHeight -
-        container.value.scrollTop -
-        container.value.offsetHeight;
-      visible.value = scrollBottom >= visibilityHeight;
-    }
-  };
-
-  const handleClick = () => {
-    if (container.value) {
-      container.value.scrollTo({
-        top: container.value.scrollHeight,
-        behavior: 'smooth',
-      });
-      props.onClick?.();
-    }
-  };
-
-  const handleScrollThrottled = throttle(handleScroll, 300);
-
-  useMemo(() => {
-    buttonStyle.value = {
-      right: `${props.right}px`,
-      bottom: `${props.bottom}px`,
-    };
-  }, [props.right, props.bottom]);
-
-  useEffect(() => {
-    if (props.target) {
-      const el = document.querySelector<HTMLElement>(props.target) ?? undefined;
-      if (el) {
-        container.value = el;
-        el.addEventListener('scroll', handleScrollThrottled);
-        handleScroll();
-      }
-    }
-  }, []);
-
-  return (
-    <div
-      className={`${ns.b()} ${ns.is('visible', visible.value)}`}
-      style={buttonStyle.value}
-      onClick={handleClick}
-    >
-      <ArrowDownOutlineSvg className={ns.e('icon')}></ArrowDownOutlineSvg>
-    </div>
-  );
-};
diff --git a/src/components/chat-container/chat-container.scss b/src/components/chat-container/chat-container.scss
index 62b2fea07bafd75f9c50db3a73a479db5f041156..85c7e1b5c035cbdd3f1f664355a2cc6c2dfcebb0 100644
--- a/src/components/chat-container/chat-container.scss
+++ b/src/components/chat-container/chat-container.scss
@@ -5,155 +5,84 @@ $ai-chat: (
   'border-color': #e5e5e5,
   'background-color': #fff,
   'background-color-light': #f8fafb,
+  // 倒角
+  'border-radius': 5px,
   // 禁用态
   'disabled-color': rgb(59 59 59 / 60%),
-  // 悬浮态
-  'hover-color': #3b3b3b,
-  'hover-background-color': #e9e9e9,
-  'hover-border-color': #e5e5e5,
-  // 默认圆角
-  'border-radius': 5px,
   // 样式2
-  'color-2': #4d6bfe,
-  'background-color-2': rgb(219 234 254),
-  'hover-background-color-2': #c3daf8,
-  'scroll-bar-width': 8px,
-  'scroll-bar-height': 8px,
-  'scroll-bar-radius': 4px,
+  'color-2': #fff,
+  'background-color-2': linear-gradient(135deg, #667eea 0%, #764ba2 100%)
 );
 
-@include b(chat-container) {
+@include b('chat-container') {
   @include set-component-css-var('ai-chat', $ai-chat);
 
-  @include e(dialog) {
-    position: absolute;
-    z-index: 1000;
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: getCssVar('ai-chat', 'background-color');
+
+  @include e('header') {
     display: flex;
-    flex-direction: column;
-    background-color: #{getCssVar('ai-chat', 'background-color')};
-    border: 1px solid #{getCssVar('ai-chat', 'border-color')};
-    border-radius: #{getCssVar('ai-chat', 'border-radius')};
-  
-    * {
-      box-sizing: border-box;
-    }
-  
-    svg {
-      display: inline-block;
-      width: 1em;
-      height: 1em;
-      font-size: 1.5em; /* 设置字体大小 */
-      vertical-align: middle;
-      fill: currentcolor;
-    }
-    @include when(hidden) {
-      display: none;
+    flex-shrink: 0;
+    gap: 0.75rem;
+    align-items: center;
+    justify-content: space-between;
+    padding: 1rem;
+    color: #fff;
+    background-image: linear-gradient(
+      to right,
+      oklch(0.623 0.214 259.815deg) 0%,
+      oklch(0.558 0.288 302.321deg) 100%
+    );
+    box-shadow:
+      rgb(0 0 0 / 0%) 0 0 0 0,
+      rgb(0 0 0 / 0%) 0 0 0 0,
+      rgb(0 0 0 / 0%) 0 0 0;
+
+    @include m(left) {
+      display: flex;
+      gap: 0.75rem;
+      align-items: center;
     }
-  }
 
-  @include e(toolbar) {
-    position: absolute;
-    bottom: 162px;
-    left: 50%;
-    gap: 8px 4px;
-    justify-content: center;
-    width: max-content;
-    min-height: 48px;
-    margin: 0;
-    transform: translateX(-50%);
-    @include when(has-materials) {
-      bottom: 222px;
+    @include m(icon) {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 2.5rem;
+      height: 2.5rem;
+      background-color: oklab(0.999994 0.0000455678 0.0000200868 / 20%);
+      border-radius: 50%;
+
+      svg {
+        width: 1.5rem;
+        height: 1.5rem;
+      }
     }
-  }
 
-  *::-webkit-scrollbar {
-    width: getCssVar('ai-chat', 'scroll-bar-width');
-    height: getCssVar('ai-chat', 'scroll-bar-height');
+    @include m(caption) {
+      font-size: 1.25rem;
+      font-weight: 600;
+    }
   }
 
-  *::-webkit-scrollbar-thumb {
-    border-radius: getCssVar('ai-chat', 'scroll-bar-radius');
+  @include e('content') {
+    flex-grow: 1;
+    min-height: 0;
+    background-color: #fbf9fa;
   }
-}
-
-@include b(chat-container-header) {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: space-between;
-  height: 60px;
-  padding: 4px;
-  cursor: move;
-  border-bottom: 1px solid #{getCssVar('ai-chat', 'border-color')};
-}
 
-@include b(chat-container-header-caption) {
-  padding: 0 6px 0 16px;
-  font-size: 18px;
-  font-weight: 800;
-}
-
-@include b(chat-container-header-action-wrapper) {
-  display: flex;
-  gap: 6px;
-  align-items: center;
-  height: 100%;
-  padding: 0 6px;
-
-  @include e(action-item) {
+  @include e('footer') {
     flex-shrink: 0;
-    padding: 3px;
-    font-size: 12px;
-    color: #{getCssVar('ai-chat', 'color')};
-    border-radius: #{getCssVar('ai-chat', 'border-radius')};
-
-    &:hover {
-      color: #{getCssVar('ai-chat', 'hover-color')};
-      cursor: pointer;
-      background-color: #{getCssVar('ai-chat', 'hover-background-color')};
-    }
-  }
-}
-
-@include b(chat-container-main) {
-  display: flex;
-  height: calc(100% - 60px);
-}
-
-@include b(chat-container-main__left) {
-  flex-shrink: 0;
-  width: 200px;
-  height: 100%;
-  border-right: 1px solid #{getCssVar('ai-chat', 'border-color')};
-}
-
-@include b(chat-container-main__right) {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  height: 100%;
-
-  .#{bem(chat-messages)} {
-    padding-bottom: 48px;
+    border-top: 1px solid oklch(0.928 0.006 264.531deg);
+    box-shadow:
+      rgb(0 0 0 / 0%) 0 0 0 0,
+      rgb(0 0 0 / 0%) 0 0 0 0,
+      rgb(0 0 0 / 0%) 0 0 0;
   }
 }
-
-@include b(chat-container-main__default) {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  height: calc(100% - 60px);
-}
-
-@include b(chat-container-content) {
-  position: relative;
-  flex-grow: 1;
-  overflow: hidden;
-}
-
-@include b(chat-container-footer) {
-  flex-shrink: 0;
-  padding: 3px 6px;
-  border-top: 1px solid #{getCssVar('ai-chat', 'border-color')};
-}
diff --git a/src/components/chat-container/chat-container.tsx b/src/components/chat-container/chat-container.tsx
index 813dae690a5c0c577c646eeac83d9a8faf2c3bf1..2a318334dc80194c95e7cc597a569a55ca7b25e3 100644
--- a/src/components/chat-container/chat-container.tsx
+++ b/src/components/chat-container/chat-container.tsx
@@ -1,716 +1,111 @@
-/* eslint-disable no-unused-vars */
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/ban-types */
-import { Component, createContext, createRef } from 'preact';
-import interact from 'interactjs';
-import { Namespace, isWithinBounds, limitDraggable } from '../../utils';
-import { ChatMessages } from '../chat-messages/chat-messages';
-import { ChatInput } from '../chat-input/chat-input';
-import { AiChatController, AiTopicController } from '../../controller';
-import {
-  CloseSvg,
-  MinimizeSvg,
-  FullScreenSvg,
-  CloseFullScreenSvg,
-} from '../../icons';
-import { AIChatConst } from '../../constants';
+import { PropType, defineComponent } from 'vue';
+import { Namespace } from '../../utils';
 import {
   IAutoClose,
   IChatToolbarItem,
   IChatContainerOptions,
 } from '../../interface';
-import { ChatTopics } from '../chat-topics/chat-topics';
-import { ChatToolbar } from '../chat-toolbar/chat-toolbar';
-import { ChatMinimize } from '../chat-minimize/chat-minimize';
+import { AI } from '../../icon';
+import { ChatMessages, ChatInput } from '../../components';
+import { AIChatController, AITopicController } from '../../controller';
 import './chat-container.scss';
 
-export interface ChatContainerProps {
-  /**
-   * 呈现模式
-   *
-   * @author tony001
-   * @date 2025-02-23 16:02:00
-   * @type {('DEFAULT' | 'TOPIC')}
-   */
-  mode: 'DEFAULT' | 'TOPIC';
-
-  /**
-   * 是否允许回填
-   *
-   * @author tony001
-   * @date 2025-03-10 16:03:08
-   * @type {boolean}
-   */
-  enableBackFill?: boolean;
-
-  /**
-   * ai话题控制器
-   *
-   * @author tony001
-   * @date 2025-02-23 16:02:38
-   * @type {AiTopicController}
-   */
-  aiTopic: AiTopicController;
-  /**
-   * 聊天控制器
-   *
-   * @author tony001
-   * @date 2025-02-23 16:02:24
-   * @type {AiChatController}
-   */
-  aiChat: AiChatController;
-
-  /**
-   * 隐藏话题侧边栏
-   */
-  hideTopicSidebar: boolean;
-
-  /**
-   * 关闭聊天窗口
-   *
-   * @author chitanda
-   * @date 2023-10-15 19:10:35
-   */
-  close: () => void;
-
-  /**
-   * 全屏行为
-   *
-   * @memberof ChatContainerProps
-   */
-  fullscreen: (target: boolean) => void;
-
-  /**
-   * 最小化行为
-   *
-   * @memberof ChatContainerProps
-   */
-  minimize: (target: boolean) => void;
-
-  /**
-   * 标题
-   *
-   * @type {string}
-   * @memberof ChatContainerProps
-   */
-  caption?: string;
-
-  /**
-   * 内容工具项
-   *
-   * @type {IChatToolbarItem[]}
-   * @memberof ChatContainerProps
-   */
-  contentToolbarItems?: IChatToolbarItem[];
-
-  /**
-   * 底部工具项
-   *
-   * @type {IChatToolbarItem[]}
-   * @memberof ChatContainerProps
-   */
-  footerToolbarItems?: IChatToolbarItem[];
-
-  /**
-   * 提问区工具栏
-   *
-   * @author tony001
-   * @date 2025-02-28 16:02:51
-   * @type {IChatToolbarItem[]}
-   */
-  questionToolbarItems?: IChatToolbarItem[];
-
-  /**
-   * AI容器呈现
-   *
-   * @author tony001
-   * @date 2025-03-03 16:03:06
-   * @type {IChatContainerOptions}
-   */
-  containerOptions?: IChatContainerOptions;
-
-  /**
-   * 自动关闭
-   *
-   * @type {IAutoClose}
-   * @memberof ChatContainerProps
-   */
-  autoClose?: IAutoClose;
-
-  /**
-   * @description AI窗口的打开模式
-   * - default：默认；minimize：最小化；autoexpand：自动展开
-   * @type {('default' | 'minimize' | 'autoexpand')}
-   * @memberof IChat
-   */
-  openMode?: 'default' | 'minimize' | 'autoexpand';
-}
-/**
- * 容器状态
- */
-interface ChatContainerState {
-  /**
-   * 全屏状态
-   *
-   * @author ljx
-   * @date 2024-05-07 15:10:31
-   */
-  isFullScreen: boolean;
-
-  /**
-   * 最小化
-   *
-   * @type {boolean}
-   * @memberof ChatContainerState
-   */
-  isMinimize: boolean;
-
-  /**
-   * 是否启用最小化
-   *
-   * @type {boolean}
-   * @memberof ChatContainerState
-   */
-  enableAIMinimize: boolean;
-}
-
-// zIndex上下文接口
-interface ContainerContext {
-  zIndex: number;
-  enableBackFill: boolean;
-}
-
-// zIndex上下文
-export const ContainerContext = createContext<ContainerContext>({
-  zIndex: 10,
-  enableBackFill: true,
-});
-
-/**
- * 聊天窗口容器，可拖拽，可缩放
- *
- * @author chitanda
- * @date 2023-10-13 17:10:37
- * @export
- * @class ChatContainer
- * @extends {Component<ChatContainerProps>}
- */
-export class ChatContainer extends Component<
-  ChatContainerProps,
-  ChatContainerState
-> {
-  constructor(props: ChatContainerProps | undefined) {
-    super(props);
-    // 初始化状态
-    this.state = {
-      isFullScreen: false,
-      isMinimize: !!(
-        props?.openMode === 'minimize' || props?.openMode === 'autoexpand'
-      ),
-      enableAIMinimize: props?.containerOptions?.enableAIMinimize === true,
+export const ChatContainer = defineComponent({
+  props: {
+    enableBackFill: {
+      type: Boolean,
+      default: true,
+    },
+    aiTopic: {
+      type: Object as PropType<AITopicController>,
+      required: true,
+    },
+    aiChat: {
+      type: Object as PropType<AIChatController>,
+      required: true,
+    },
+    caption: {
+      type: String,
+      default: 'AI助手',
+    },
+    contentToolbarItems: {
+      type: Array as PropType<IChatToolbarItem[]>,
+    },
+    footerToolbarItems: {
+      type: Array as PropType<IChatToolbarItem[]>,
+    },
+    questionToolbarItems: {
+      type: Array as PropType<IChatToolbarItem[]>,
+    },
+    containerOptions: {
+      type: Object as PropType<IChatContainerOptions>,
+    },
+    autoClose: {
+      type: Object as PropType<IAutoClose>,
+    },
+  },
+  emits: {
+    close: () => true,
+  },
+  setup(props, { emit }) {
+    const ns = new Namespace('chat-container');
+    const zIndex = props.containerOptions?.zIndex || 10;
+
+    /**
+     * @description 关闭
+     */
+    const onClose = (): void => {
+      emit('close');
     };
 
-    props?.aiChat.evt.on('onCompleteMessage', () => {
+    props.aiChat.evt.on('onCompleteMessage', () => {
       // 窗口自动关闭
       if (props.autoClose) {
         const { mode, duration = 3 } = props.autoClose;
         switch (mode) {
-          case 'minimize':
-            this.minimize();
-            break;
           case 'close':
-            this.close();
+            onClose();
             break;
           case 'closetime':
             setTimeout(() => {
-              this.close();
+              onClose;
             }, duration * 1000);
             break;
           default:
             break;
         }
       }
-
-      // 窗口的打开模式，请求结束后自动打开
-      if (props.openMode === 'autoexpand') {
-        this.exitMinimize();
-      }
     });
-  }
-
-  ns = new Namespace('chat-container');
 
-  containerRef = createRef<HTMLDivElement>();
-
-  dragHandle = createRef<HTMLDivElement>();
-
-  /**
-   * 窗口样式数据
-   *
-   * @memberof ChatContainer
-   */
-  data = {
-    side: {
-      y: 0,
-      height: 1,
-      width: 750 / window.innerWidth,
-      x: (window.innerWidth - 750) / window.innerWidth,
-    },
-    window: {
-      y: 0,
-      width: 750 / window.innerWidth,
-      height: 750 / window.innerHeight,
-      x: (window.innerWidth - 750) / window.innerWidth,
-    },
-    minWidth: 500,
-    minHeight: 300,
-    showMode: 'side',
-  };
-
-  /**
-   * 是否禁止拖动
-   * - 拖拽边时应禁止拖动
-   * @type {boolean}
-   * @memberof ChatContainer
-   */
-  disabled: boolean = false;
-
-  /**
-   * 最小化是否在拖拽中
-   * - 在拖拽时不应触发点击事件
-   * @type {boolean}
-   * @memberof ChatContainer
-   */
-  isDragging: boolean = false;
-
-  /**
-   * 容器上下文
-   *
-   * @author tony001
-   * @date 2025-03-03 16:03:44
-   * @type {ContainerContext}
-   */
-  containerContext: ContainerContext = {
-    zIndex: this.props.containerOptions?.zIndex || 10,
-    enableBackFill:
-      this.props?.enableBackFill !== undefined &&
-      this.props?.enableBackFill !== null
-        ? this.props?.enableBackFill
-        : true,
-  };
-
-  /**
-   * 计算AI窗口样式
-   *
-   * @return {*}
-   * @memberof ChatContainer
-   */
-  calcWindowStyle() {
-    const data =
-      this.data.showMode === 'window' ? this.data.window : this.data.side;
     return {
-      left: `${data.x * 100}%`,
-      top: `${data.y * 100}%`,
-      width: `${data.width * 100}%`,
-      height: `${data.height * 100}%`,
-      minWidth: `${this.data.minWidth}px`,
-      minHeight: `${this.data.minHeight}px`,
-      'z-index': this.props.containerOptions?.zIndex?.toString() || '10',
+      ns,
+      zIndex,
+      onClose,
     };
-  }
-
-  /**
-   * 计算靠边模式样式
-   *
-   * @param {('left' | 'right')} side
-   * @memberof ChatContainer
-   */
-  calcSideModeStyle(side: 'left' | 'right'): void {
-    Object.assign(this.data, {
-      side: {
-        y: 0,
-        x: side === 'left' ? 0 : (window.innerWidth - 750) / window.innerWidth,
-        height: 1,
-        width: 750 / window.innerWidth,
-      },
-      showMode: 'side',
-    });
-  }
-
-  /**
-   * 设置样式
-   *
-   * @memberof ChatContainer
-   */
-  setStyle(): void {
-    Object.assign(this.containerRef.current!.style, this.calcWindowStyle());
-    localStorage.setItem(AIChatConst.STYLE_CACHE, JSON.stringify(this.data));
-  }
-
-  /**
-   * 吸附边缘（窗口模式）
-   * - 靠近窗口上下边缘(20px) - 自动吸附
-   * - 靠近窗口左右边缘(20px) - 靠边模式
-   * @memberof ChatContainer
-   */
-  snapToEdge(): void {
-    const snapWidth = 20 / window.innerWidth;
-    const snapHeight = 20 / window.innerHeight;
-    const { x, y, width, height } = this.data.window;
-    // 靠边模式
-    if (x < snapWidth || x + width > 1 - snapWidth) {
-      this.calcSideModeStyle(x < snapWidth ? 'left' : 'right');
-    } else {
-      // 吸附模式
-      if (y < snapHeight) this.data.window.y = 0;
-      if (y + height > 1 - snapHeight) this.data.window.y = 1 - height;
-    }
-    this.setStyle();
-  }
-
-  /**
-   * 注册对话框拖拽
-   *
-   * @memberof ChatContainer
-   */
-  registerDragDialog(): void {
-    this.dragHandle.current!.onmousedown = (e: MouseEvent): void => {
-      if (this.state.isFullScreen) return;
-      // 禁止选择文本，避免拖动时出现选择效果
-      document.body.style.userSelect = 'none';
-      const offsetX = e.clientX - this.containerRef.current!.offsetLeft;
-      const offsetY = e.clientY - this.containerRef.current!.offsetTop;
-      const onMouseMove = (evt: MouseEvent): void => {
-        if (this.disabled) return;
-        // 如果是靠边模式进行拖拽，立即变为窗口模式
-        this.data.showMode = 'window';
-        const { x, y } = limitDraggable(
-          evt.clientX - offsetX,
-          evt.clientY - offsetY,
-          this.data.window.width,
-          this.data.window.height,
-        );
-        Object.assign(this.data.window, { x, y });
-        this.setStyle();
-      };
-
-      const onMouseUp = (): void => {
-        // 恢复选择文本功能
-        document.body.style.userSelect = '';
-        document.removeEventListener('mousemove', onMouseMove);
-        document.removeEventListener('mouseup', onMouseUp);
-        if (this.disabled) return;
-        this.snapToEdge();
-      };
-
-      document.addEventListener('mousemove', onMouseMove);
-      document.addEventListener('mouseup', onMouseUp);
-    };
-  }
-
-  /**
-   * 注册对话框边界拖拽
-   *
-   * @memberof ChatContainer
-   */
-  registerDragDialogBorder(): void {
-    // 注册窗口大小变更
-    interact(this.containerRef.current!).resizable({
-      // 可拖拽的边缘
-      edges: {
-        top: true,
-        right: true,
-        bottom: true,
-        left: true,
-      },
-      margin: 6,
-      modifiers: [
-        // 保持在父对象内部
-        interact.modifiers.restrictEdges({ outer: document.body }),
-        // 缩放最小宽度
-        interact.modifiers.restrictSize({
-          min: { width: this.data.minWidth, height: this.data.minHeight },
-        }),
-      ],
-      inertia: true,
-      listeners: {
-        move: event => {
-          if (this.state.isFullScreen) return;
-          const data =
-            this.data.showMode === 'side' ? this.data.side : this.data.window;
-          data.x = event.rect.left / window.innerWidth;
-          data.y = event.rect.top / window.innerHeight;
-          data.width = event.rect.width / window.innerWidth;
-          data.height = event.rect.height / window.innerHeight;
-          this.setStyle();
-        },
-        start: () => {
-          // 禁止选择文本，避免拖动时出现选择效果
-          this.disabled = true;
-          document.body.style.userSelect = 'none';
-        },
-        end: () => {
-          // 恢复选择文本功能
-          this.disabled = false;
-          document.body.style.userSelect = '';
-        },
-      },
-    });
-  }
-
-  /**
-   * 处理全屏改变
-   *
-   * @memberof ChatContainer
-   */
-  handleFullScreenChange(): void {
-    this.setState({ isFullScreen: document.fullscreenElement !== null });
-  }
-
-  componentDidMount(): void {
-    this.handleFullScreenChange = this.handleFullScreenChange.bind(this);
-    const cache = localStorage.getItem(AIChatConst.STYLE_CACHE);
-    if (cache) {
-      const data = JSON.parse(cache);
-      if (
-        data.side &&
-        isWithinBounds(data.side) &&
-        data.window &&
-        isWithinBounds(data.window)
-      )
-        Object.assign(this.data, data);
-    }
-    this.setStyle();
-    this.registerDragDialog();
-    this.registerDragDialogBorder();
-    document.addEventListener('fullscreenchange', this.handleFullScreenChange);
-  }
-
-  componentWillUnmount(): void {
-    document.removeEventListener(
-      'fullscreenchange',
-      this.handleFullScreenChange,
-    );
-  }
-
-  /**
-   * 关闭聊天窗口
-   *
-   * @author chitanda
-   * @date 2023-10-15 19:10:31
-   */
-  close(): void {
-    this.props.close();
-  }
-
-  /**
-   * 全屏
-   *
-   * @author ljx
-   * @date 2024-05-07 15:10:31
-   */
-  fullScreen(): void {
-    const container = this.containerRef.current;
-    if (container) {
-      container.requestFullscreen();
-      this.props.fullscreen(true);
-    }
-  }
-
-  /**
-   * 关闭全屏
-   *
-   * @author ljx
-   * @date 2024-05-07 15:10:31
-   */
-  closeFullScreen(): void {
-    if (this.state.isFullScreen) {
-      document?.exitFullscreen();
-      this.props.fullscreen(false);
-      this.setStyle();
-    }
-  }
-
-  /**
-   * 最小化
-   *
-   * @memberof ChatContainer
-   */
-  minimize(): void {
-    this.closeFullScreen();
-    this.setState({ isMinimize: true });
-    this.props.minimize(true);
-  }
-
-  /**
-   * 退出最小化
-   *
-   * @memberof ChatContainer
-   */
-  exitMinimize(): void {
-    this.setState({ isMinimize: false });
-    this.props.minimize(false);
-  }
-
-  /**
-   * 阻止冒泡
-   * - 防止点击头部行为时误触发拖动监听
-   * @param {MouseEvent} evt
-   * @memberof ChatContainer
-   */
-  stopPropagation(evt: MouseEvent): void {
-    evt.stopPropagation();
-  }
-
+  },
   render() {
     return (
-      <ContainerContext.Provider value={this.containerContext}>
-        <div className={`${this.ns.b()}`}>
-          <div
-            className={`${this.ns.e('dialog')} ${this.ns.is(
-              'full-screen',
-              this.state.isFullScreen,
-            )} ${this.ns.is('hidden', this.state.isMinimize)}`}
-            ref={this.containerRef}
-          >
-            <div ref={this.dragHandle} className={this.ns.b('header')}>
-              <div className={this.ns.b('header-caption')}>
-                {this.props.caption || 'AI助手'}
-              </div>
-              <div className={this.ns.b('header-action-wrapper')}>
-                {this.state.enableAIMinimize && (
-                  <div
-                    title='最小化'
-                    className={`${this.ns.be(
-                      'header-action-wrapper',
-                      'action-item',
-                    )} ${this.ns.be('header-action-wrapper', 'minimize')}`}
-                    onMouseDown={this.stopPropagation.bind(this)}
-                    onClick={this.minimize.bind(this)}
-                  >
-                    <MinimizeSvg />
-                  </div>
-                )}
-                {this.state.isFullScreen ? (
-                  <div
-                    title='退出全屏'
-                    className={`${this.ns.be(
-                      'header-action-wrapper',
-                      'action-item',
-                    )} ${this.ns.be(
-                      'header-action-wrapper',
-                      'close-full-screen',
-                    )}`}
-                    onMouseDown={this.stopPropagation.bind(this)}
-                    onClick={this.closeFullScreen.bind(this)}
-                  >
-                    <CloseFullScreenSvg />
-                  </div>
-                ) : (
-                  <div
-                    title='全屏'
-                    className={`${this.ns.be(
-                      'header-action-wrapper',
-                      'action-item',
-                    )} ${this.ns.be('header-action-wrapper', 'full-screen')}`}
-                    onMouseDown={this.stopPropagation.bind(this)}
-                    onClick={this.fullScreen.bind(this)}
-                  >
-                    <FullScreenSvg />
-                  </div>
-                )}
-                <div
-                  title='关闭'
-                  className={`${this.ns.be(
-                    'header-action-wrapper',
-                    'action-item',
-                  )} ${this.ns.be('header-action-wrapper', 'action-close')}`}
-                  onMouseDown={this.stopPropagation.bind(this)}
-                  onClick={this.close.bind(this)}
-                >
-                  <CloseSvg />
-                </div>
-              </div>
-            </div>
-            {this.props.mode === 'TOPIC' ? (
-              <div className={`${this.ns.b('main')}`}>
-                {!this.props.hideTopicSidebar && (
-                  <div className={`${this.ns.be('main', 'left')}`}>
-                    <ChatTopics controller={this.props.aiTopic}></ChatTopics>
-                  </div>
-                )}
-                <div
-                  className={`${this.ns.be('main', 'right')}`}
-                  style={{
-                    width: this.props.hideTopicSidebar
-                      ? '100%'
-                      : 'calc(100% - 200px)',
-                  }}
-                >
-                  <div className={this.ns.b('content')}>
-                    <ChatMessages
-                      controller={this.props.aiChat}
-                      toolbarItems={this.props.contentToolbarItems}
-                    />
-                  </div>
-                  <ChatToolbar
-                    type='footer'
-                    mode={this.props.mode}
-                    hideTopicSidebar={this.props.hideTopicSidebar}
-                    data={this.props.aiTopic.activedTopic.value}
-                    className={`${this.ns.e('toolbar')} ${this.ns.is(
-                      'has-materials',
-                      this.props.aiChat.materials.value.length > 0,
-                    )}`}
-                    controller={this.props.aiChat}
-                    items={this.props.footerToolbarItems}
-                  />
-                  <div className={this.ns.b('footer')}>
-                    <ChatInput
-                      controller={this.props.aiChat}
-                      questionToolbarItems={this.props.questionToolbarItems}
-                    />
-                  </div>
-                </div>
-              </div>
-            ) : (
-              <div className={`${this.ns.be('main', 'default')}`}>
-                <div className={this.ns.b('content')}>
-                  <ChatMessages
-                    controller={this.props.aiChat}
-                    toolbarItems={this.props.contentToolbarItems}
-                  />
-                </div>
-                <ChatToolbar
-                  type='footer'
-                  mode={this.props.mode}
-                  hideTopicSidebar={this.props.hideTopicSidebar}
-                  data={this.props.aiTopic.activedTopic.value}
-                  className={`${this.ns.e('toolbar')} ${this.ns.is(
-                    'has-materials',
-                    this.props.aiChat.materials.value.length > 0,
-                  )}`}
-                  controller={this.props.aiChat}
-                  items={this.props.footerToolbarItems}
-                />
-                <div className={this.ns.b('footer')}>
-                  <ChatInput
-                    controller={this.props.aiChat}
-                    questionToolbarItems={this.props.questionToolbarItems}
-                  />
-                </div>
-              </div>
-            )}
+      <div class={this.ns.b()} style={{ zIndex: this.zIndex }}>
+        <div class={this.ns.e('header')}>
+          <div class={this.ns.em('header', 'left')}>
+            <div class={this.ns.em('header', 'icon')}>{AI}</div>
+            <div class={this.ns.em('header', 'caption')}>{this.caption}</div>
           </div>
-          <ChatMinimize
-            title={this.props.caption || 'AI助手'}
-            controller={this.props.aiChat}
-            isMinimize={this.state.isMinimize}
-            onClick={this.exitMinimize.bind(this)}
+          <div class={this.ns.em('header', 'reght')}></div>
+        </div>
+        <div class={this.ns.e('content')}>
+          <ChatMessages
+            controller={this.aiChat}
+            toolbarItems={this.contentToolbarItems}
+          />
+        </div>
+        <div class={this.ns.e('footer')}>
+          <ChatInput
+            controller={this.aiChat}
+            toolbarItems={this.questionToolbarItems}
           />
         </div>
-      </ContainerContext.Provider>
+      </div>
     );
-  }
-}
+  },
+});
diff --git a/src/components/chat-editor/chat-editor.scss b/src/components/chat-editor/chat-editor.scss
deleted file mode 100644
index b1829eb2140854378b7e9705c2e39a9611320953..0000000000000000000000000000000000000000
--- a/src/components/chat-editor/chat-editor.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-@include b(chat-editor) {
-  .ProseMirror {
-    height: 6em;
-    padding: 6px;
-    overflow: hidden auto;
-    font-size: 16px;
-    color: #{getCssVar('ai-chat', 'color')};
-    background-color: #{getCssVar('ai-chat', 'background-color')};
-    outline: none;
-
-    // 设置滚动条样式
-    &::-webkit-scrollbar {
-      width: getCssVar('ai-chat', 'scroll-bar-width');
-      height: getCssVar('ai-chat', 'scroll-bar-height');
-    }
-
-    // 滚动条轨道
-    &::-webkit-scrollbar-thumb {
-      background-color: getCssVar(color, fill, 2);
-      border-radius: #{getCssVar('ai-chat', 'border-radius')};
-    }
-
-    p {
-      padding: 0;
-      margin: 0;
-    }
-  }
-
-  img {
-    width: 100px;
-    height: 100px;
-    padding: 2px;
-    user-select: auto;
-  }
-
-  @include m(disabled) {
-    cursor: not-allowed;
-
-    > div {
-      pointer-events: none;
-    }
-  }
-}
-
diff --git a/src/components/chat-editor/chat-editor.tsx b/src/components/chat-editor/chat-editor.tsx
deleted file mode 100644
index c01937ef7380b26fad5d21e1209453523d2bb74a..0000000000000000000000000000000000000000
--- a/src/components/chat-editor/chat-editor.tsx
+++ /dev/null
@@ -1,208 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { useEffect, useRef } from 'preact/hooks';
-import { Editor } from '@tiptap/core';
-import Document from '@tiptap/extension-document';
-import Text from '@tiptap/extension-text';
-import Paragraph from '@tiptap/extension-paragraph';
-import { UndoRedo } from '@tiptap/extensions';
-import Image from '@tiptap/extension-image';
-import FileHandler from '@tiptap/extension-file-handler';
-import { Namespace } from '../../utils';
-import { AiChatController } from '../../controller';
-import './chat-editor.scss';
-
-export interface ChatEditorProps {
-  /**
-   * @description 聊天控制器
-   * @type {AiChatController}
-   * @memberof ChatEditorProps
-   */
-  c: AiChatController;
-  /**
-   * @description 编辑器值
-   * @type {string}
-   * @memberof ChatEditorProps
-   */
-  value: string;
-  /**
-   * @description 是否禁用
-   * @type {boolean}
-   * @memberof ChatEditorProps
-   */
-  disabled: boolean;
-  /**
-   * @description 编辑器创建事件
-   * @memberof ChatEditorProps
-   */
-  onCreate: (editor: Editor) => void;
-  /**
-   * @description 值改变事件
-   * @memberof ChatEditorProps
-   */
-  onChange: (value: string) => void;
-  /**
-   * @description 键盘输入事件
-   * @memberof ChatEditorProps
-   */
-  onKeyDown: (e: KeyboardEvent) => boolean | void;
-}
-
-const ns = new Namespace('chat-editor');
-
-export const ChatEditor = ({
-  c,
-  value,
-  disabled,
-  onCreate,
-  onChange,
-  onKeyDown,
-}: ChatEditorProps) => {
-  // 编辑器引用
-  const editorRef = useRef<Editor>(null);
-  // 编辑器元素引用
-  const editorElementRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (!editorElementRef.current) return;
-
-    const uploadHeaders = (window as any).ibiz.util.file.getUploadHeaders();
-
-    const { uploadUrl, downloadUrl } = (
-      window as any
-    ).ibiz.util.file.calcFileUpDownUrl(
-      c.context,
-      c.params,
-      {},
-      { enableNoAccess: true },
-    );
-
-    // 上传文件
-    const uploadFile = async (
-      file: Blob,
-    ): Promise<{ name: string; url: string }> => {
-      const formData = new FormData();
-      formData.append('file', file);
-      const res = await (window as any).ibiz.net.axios({
-        url: uploadUrl,
-        method: 'post',
-        headers: uploadHeaders,
-        data: formData,
-      });
-      const data = res.data;
-      if (!data) return { name: '', url: '' };
-      const url = downloadUrl.replace('%fileId%', data.fileid);
-      return { name: data.name, url };
-    };
-
-    const editor = new Editor({
-      element: editorElementRef.current,
-      extensions: [
-        Document,
-        Text.extend({
-          addKeyboardShortcuts() {
-            return {
-              'Mod-Enter': () => {
-                editorRef.current?.commands.enter();
-                editorRef.current?.commands.scrollIntoView();
-                return true;
-              },
-              'Shift-Enter': () => {
-                editorRef.current?.commands.enter();
-                editorRef.current?.commands.scrollIntoView();
-                return true;
-              },
-            };
-          },
-        }),
-        Paragraph,
-        UndoRedo,
-        Image.configure({
-          inline: true,
-          allowBase64: true,
-          HTMLAttributes: {
-            draggable: 'false',
-          },
-        }).extend({
-          draggable: false,
-        }),
-        FileHandler.configure({
-          onDrop: async (currentEditor, files) => {
-            files = files.filter(file => file.type.startsWith('image/'));
-            if (!files.length) return;
-            const uploadedFiles = await Promise.all(
-              files.map(file => uploadFile(file)),
-            );
-            if (currentEditor.isDestroyed) return;
-            currentEditor
-              .chain()
-              .deleteSelection()
-              .insertContentAt(
-                currentEditor.state.selection.from,
-                uploadedFiles.map(file => ({
-                  type: 'image',
-                  attrs: {
-                    src: file.url,
-                    alt: file.name,
-                  },
-                })),
-              )
-              .focus()
-              .scrollIntoView()
-              .run();
-          },
-          onPaste: async (currentEditor, files) => {
-            files = files.filter(file => file.type.startsWith('image/'));
-            if (!files.length) return;
-            const uploadedFiles = await Promise.all(
-              files.map(file => uploadFile(file)),
-            );
-            if (currentEditor.isDestroyed) return;
-            currentEditor
-              .chain()
-              .deleteSelection()
-              .insertContentAt(
-                currentEditor.state.selection.from,
-                uploadedFiles.map(file => ({
-                  type: 'image',
-                  attrs: {
-                    src: file.url,
-                    alt: file.name,
-                  },
-                })),
-              )
-              .focus()
-              .scrollIntoView()
-              .run();
-          },
-        }),
-      ],
-      content: value || '',
-      editorProps: {
-        handleKeyDown: (_view, event) => {
-          return onKeyDown(event);
-        },
-      },
-      onUpdate: () => {
-        onChange(editor.getHTML());
-      },
-      onCreate: () => {
-        onCreate(editor);
-      },
-    });
-
-    editorRef.current = editor;
-
-    return () => {
-      if (editorRef.current) {
-        editorRef.current.destroy();
-        editorRef.current = null;
-      }
-    };
-  }, []);
-
-  return (
-    <div className={`${ns.b()} ${disabled ? ns.m('disabled') : ''}`}>
-      <div ref={editorElementRef} />
-    </div>
-  );
-};
diff --git a/src/components/chat-input-material-item/chat-input-material-item.scss b/src/components/chat-input-material-item/chat-input-material-item.scss
deleted file mode 100644
index 5baee5c32152cf912343a21a644c37713a6d97be..0000000000000000000000000000000000000000
--- a/src/components/chat-input-material-item/chat-input-material-item.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-@include b(chat-input-material-item) {
-    position: relative;
-    width: 200px;
-    height: 60px;
-    padding: 8px;
-    color: #{getCssVar('ai-chat', 'color')};
-    background-color: #{getCssVar('ai-chat', 'background-color')};
-    border: 1px solid #{getCssVar('ai-chat', 'border-color')};
-    border-radius: #{getCssVar('ai-chat', 'border-radius')};
-
-    &:hover {
-        color: #{getCssVar('ai-chat', 'hover-color')};
-        cursor: pointer;
-        background-color: #{getCssVar('ai-chat', 'hover-background-color')};
-        @include b(chat-input-material-item__icon) {
-            opacity: 1;
-        }
-    }
-
-    @include when(disabled) {
-        pointer-events: none;
-    }
-}
-
-@include b(chat-input-material-item__icon) {
-    position: absolute;
-    top: -4px;
-    right: -4px;
-    opacity: 0;
-}
\ No newline at end of file
diff --git a/src/components/chat-input-material-item/chat-input-material-item.tsx b/src/components/chat-input-material-item/chat-input-material-item.tsx
deleted file mode 100644
index 62d202809bc003c3100fc569abd90e433059c1ce..0000000000000000000000000000000000000000
--- a/src/components/chat-input-material-item/chat-input-material-item.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { h } from 'preact';
-import { AiChatController } from '../../controller';
-import { Namespace } from '../../utils';
-import { IMaterial } from '../../interface';
-import { OssfileMaterial } from './ossfile-material/ossfile-material';
-import { CommonMaterial } from './common-material/common-material';
-import { MaterialRemoveSvg } from '../../icons';
-import './chat-input-material-item.scss';
-
-const ns = new Namespace('chat-input-material-item');
-
-export interface ChatInputMaterialtemProps {
-  /**
-   * 聊天控制器
-   *
-   * @author tony001
-   * @date 2025-02-28 15:02:04
-   * @type {AiChatController}
-   */
-  controller: AiChatController;
-
-  /**
-   * 素材对象
-   *
-   * @author tony001
-   * @date 2025-02-28 15:02:45
-   * @type {IMaterial}
-   */
-  material: IMaterial;
-
-  /**
-   * 禁用状态
-   *
-   * @author tony001
-   * @date 2025-03-03 14:03:26
-   * @type {boolean}
-   */
-  disabled: boolean;
-}
-
-export const ChatInputMaterialtem = (props: ChatInputMaterialtemProps) => {
-  const { material } = props;
-
-  let com = null;
-
-  switch (material.type) {
-    case 'ossfile':
-      com = OssfileMaterial;
-      break;
-    default:
-      com = CommonMaterial;
-  }
-
-  const removeMaterialtem = () => {
-    props.controller.deleteMaterial(material);
-  };
-
-  return (
-    <div className={`${ns.b()} ${ns.is('disabled', props.disabled)}`}>
-      <div className={ns.e('icon')} onClick={removeMaterialtem}>
-        <MaterialRemoveSvg></MaterialRemoveSvg>
-      </div>
-      {h(com, {
-        material,
-        controller: props.controller,
-      })}
-    </div>
-  );
-};
diff --git a/src/components/chat-input-material-item/common-material/common-material.scss b/src/components/chat-input-material-item/common-material/common-material.scss
deleted file mode 100644
index a6b148e56363cf0a9628411ef7c8dc4079741ea7..0000000000000000000000000000000000000000
--- a/src/components/chat-input-material-item/common-material/common-material.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-@include b(common-material) {
-    display: flex;
-    width: 100%;
-    height: 100%;
-}
-
-@include b(common-material-left) {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 18px;
-}
-
-@include b(common-material-right) {
-    width: calc(100% - 24px);
-    height: 100%;
-    padding-left: 8px;
-}
-
-@include b(common-material__name) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-@include b(common-material__metadata) {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-    font-size: 14px;
-
-    > div{
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap; 
-    }
-}
\ No newline at end of file
diff --git a/src/components/chat-input-material-item/common-material/common-material.tsx b/src/components/chat-input-material-item/common-material/common-material.tsx
deleted file mode 100644
index 6971529ee89667e8cfdafe679cc832bb661062d4..0000000000000000000000000000000000000000
--- a/src/components/chat-input-material-item/common-material/common-material.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-/* eslint-disable no-nested-ternary */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { useComputed } from '@preact/signals';
-import { AiChatController } from '../../../controller';
-import { IMaterial } from '../../../interface';
-import { Namespace } from '../../../utils';
-import { DefaultMaterialSvg } from '../../../icons';
-import { isSvg } from '../../../utils/util/util';
-import './common-material.scss';
-
-export interface CommonMaterialProps {
-  controller: AiChatController;
-  material: IMaterial;
-}
-
-const ns = new Namespace('common-material');
-
-export const CommonMaterial = (props: CommonMaterialProps) => {
-  const targetToolbarItem = props.controller.opts.questionToolbarItems?.find(
-    item => {
-      return item.id === (props.material.metadata as any).actionId;
-    },
-  );
-
-  const content = useComputed(() => {
-    return (props.material.metadata as any).name;
-  });
-
-  return (
-    <div className={ns.b()}>
-      <div className={ns.b('left')}>
-        {targetToolbarItem && targetToolbarItem.icon ? (
-          typeof targetToolbarItem.icon === 'function' ? (
-            targetToolbarItem.icon()
-          ) : (
-            targetToolbarItem.icon?.showIcon && (
-              <>
-                {targetToolbarItem.icon?.cssClass ? (
-                  <i className={targetToolbarItem.icon.cssClass} />
-                ) : targetToolbarItem.icon?.imagePath ? (
-                  isSvg(targetToolbarItem.icon.imagePath) ? (
-                    <div
-                      dangerouslySetInnerHTML={{
-                        __html: targetToolbarItem.icon.imagePath,
-                      }}
-                    />
-                  ) : (
-                    <img src={targetToolbarItem.icon.imagePath} />
-                  )
-                ) : null}
-              </>
-            )
-          )
-        ) : (
-          <DefaultMaterialSvg></DefaultMaterialSvg>
-        )}
-      </div>
-      <div className={ns.b('right')}>
-        <div className={ns.e('name')} title={content}>
-          {content}
-        </div>
-        <div className={ns.e('metadata')}>
-          <div>{targetToolbarItem?.label || '素材资源'}</div>
-        </div>
-      </div>
-    </div>
-  );
-};
diff --git a/src/components/chat-input-material-item/ossfile-material/ossfile-material.scss b/src/components/chat-input-material-item/ossfile-material/ossfile-material.scss
deleted file mode 100644
index 9102ac3c8501961f94381246e1acd0ac00113395..0000000000000000000000000000000000000000
--- a/src/components/chat-input-material-item/ossfile-material/ossfile-material.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-@include b(ossfile-material) {
-    display: flex;
-    width: 100%;
-    height: 100%;
-}
-
-@include b(ossfile-material-left) {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-@include b(ossfile-material-right) {
-    width: calc(100% - 24px);
-    height: 100%;
-    padding-left: 8px;
-}
-
-@include b(ossfile-material__name) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-@include b(ossfile-material__metadata) {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-    font-size: 14px;
-
-    > div{
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap; 
-    }
-}
\ No newline at end of file
diff --git a/src/components/chat-input-material-item/ossfile-material/ossfile-material.tsx b/src/components/chat-input-material-item/ossfile-material/ossfile-material.tsx
deleted file mode 100644
index aa6c46ed4fd042ece1f1eb232dee413381866ab8..0000000000000000000000000000000000000000
--- a/src/components/chat-input-material-item/ossfile-material/ossfile-material.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { useComputed } from '@preact/signals';
-import { AiChatController } from '../../../controller';
-import { IMaterial } from '../../../interface';
-import { Namespace } from '../../../utils';
-import './ossfile-material.scss';
-import { FileSvg } from '../../../icons';
-
-export interface OssfileMaterialProps {
-  controller: AiChatController;
-  material: IMaterial;
-}
-
-const ns = new Namespace('ossfile-material');
-
-export const OssfileMaterial = (props: OssfileMaterialProps) => {
-  const content = useComputed(() => (props.material.data as any).name);
-  const size = useComputed(() => (props.material.metadata as any).size);
-  const state = useComputed(() => {
-    const tempState = (props.material.metadata as any).state;
-    if (tempState === 'successed') {
-      return '上传成功';
-    }
-    if (tempState === 'uploading') {
-      return '上传中';
-    }
-    if (tempState === 'failed') {
-      return '上传失败';
-    }
-    return '未知状态';
-  });
-
-  const stateColor = useComputed(() => {
-    const tempState = (props.material.metadata as any).state;
-    switch (tempState) {
-      case 'successed':
-        return '#1890ff'; // 蓝色
-      case 'uploading':
-        return '#52c41a'; // 绿色
-      case 'failed':
-        return '#ff4d4f'; // 红色
-      default:
-        return '#ff4d4f'; // 未知状态红色
-    }
-  });
-
-  return (
-    <div className={ns.b()}>
-      <div className={ns.b('left')}>
-        <FileSvg />
-      </div>
-      <div className={ns.b('right')}>
-        <div className={ns.e('name')} title={content}>
-          {content}
-        </div>
-        <div className={ns.e('metadata')}>
-          <div>{size}B</div>
-          <div style={{ color: stateColor.value }}>{state}</div>
-        </div>
-      </div>
-    </div>
-  );
-};
diff --git a/src/components/chat-input-material/chat-input-material.scss b/src/components/chat-input-material/chat-input-material.scss
deleted file mode 100644
index a0bff4a55f2da29047b413fd648ca3872720ce23..0000000000000000000000000000000000000000
--- a/src/components/chat-input-material/chat-input-material.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-@include b(chat-input-material) {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-}
\ No newline at end of file
diff --git a/src/components/chat-input-material/chat-input-material.tsx b/src/components/chat-input-material/chat-input-material.tsx
deleted file mode 100644
index bd8eddfeb273523cce3554c34f37a4428b343179..0000000000000000000000000000000000000000
--- a/src/components/chat-input-material/chat-input-material.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { AiChatController } from '../../controller';
-import { Namespace } from '../../utils';
-import { ChatInputMaterialtem } from '../chat-input-material-item/chat-input-material-item';
-import './chat-input-material.scss';
-
-export interface ChatInputMaterialProps {
-  /**
-   * 聊天实例
-   *
-   * @author tony001
-   * @date 2025-02-27 17:02:50
-   * @type {AiChatController}
-   */
-  controller: AiChatController;
-}
-
-const ns = new Namespace('chat-input-material');
-export const ChatInputMaterial = (props: ChatInputMaterialProps) => {
-  const materials = props.controller.materials;
-  return (
-    <div className={ns.b()}>
-      {materials.value.map(material => {
-        return (
-          <ChatInputMaterialtem
-            material={material}
-            key={material.id}
-            disabled={false}
-            controller={props.controller}
-          ></ChatInputMaterialtem>
-        );
-      })}
-    </div>
-  );
-};
diff --git a/src/components/chat-input/chat-input.scss b/src/components/chat-input/chat-input.scss
index e19d7a06dbcba873b6cd43d99281c414287fa8b1..303070e582f58d340a5241f1fb538e44bced3cdd 100644
--- a/src/components/chat-input/chat-input.scss
+++ b/src/components/chat-input/chat-input.scss
@@ -1,92 +1,61 @@
-@include b(chat-input-material-wrapper) {
-  max-height: 72px;
-  padding: 4px;
-  overflow: hidden auto;
-  font-size: 16px;
-  color: var(--ibiz-ai-chat-color);
-  background-color: var(--ibiz-ai-chat-background-color);
-}
-
-@include b(chat-input-main-wrapper) {
-  border: 1px solid #{getCssVar('ai-chat', 'border-color')};
-  border-radius: #{getCssVar('ai-chat', 'border-radius')};
-}
-
-@include b(chat-input-action-wrapper) {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  height: 40px;
-}
-
-@include b(chat-input-left-action-wrapper) {
+@include b('chat-input') {
   display: flex;
-  flex: 1;
+  gap: 0.75rem;
   align-items: center;
-  width: calc(100% - 96px);
-  padding: 6px;
-}
-
-@include b(chat-input-right-action-wrapper) {
-  display: flex;
-  gap: 6px;
-  align-items: center;
-  padding: 6px;
-  color: #{getCssVar('ai-chat', 'color')};
-
-  @include e(action-item) {
-    padding: 3px;
-    font-size: 12px;
-    border-radius: #{getCssVar('ai-chat', 'border-radius')};
-
-    &:hover {
-      color: #{getCssVar('ai-chat', 'hover-color')};
-      cursor: pointer;
-      background-color: #{getCssVar('ai-chat', 'hover-background-color')};
+  padding: 1rem;
+
+  @include e('icon') {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    width: 2.75rem;
+    height: 2.75rem;
+    color: #4a5565;
+    background-color: #f6f3f4;
+    border-radius: 50%;
+
+    svg {
+      width: 1.25rem;
+      height: 1.25rem;
     }
-
-    @include when(disabled) {
-      color: #{getCssVar('ai-chat', 'disabled-color')};
+    
+    @include when('disabled') {
+      color: #99a1af;
       pointer-events: none;
+      background-color: #ebe6e7;
     }
-  }
-}
-
-@include b(chat-input-pop-actions) {
-  width: 160px;
-  min-height: 48px;
-  padding: 8px;
-}
 
-@include b(chat-input-pop-action-item) {
-  display: flex;
-  align-items: center;
-  padding: 8px;
-  margin-bottom: 4px;
-  line-height: 22px;
-  cursor: pointer;
-  border-radius: 4px;
-  transition: background-color .2s;
+    @include when('recording') {
+      color: #fff;
+      background-color: #fb2c36;
+    }
 
-  &:hover {
-    background-color: var(--ibiz-color-fill-0);
+    @include m('send') {
+      &:not(.is-disabled) {
+        color: #fff;
+        background-image: linear-gradient(
+          to right,
+          oklch(0.623 0.214 259.815deg) 0%,
+          oklch(0.558 0.288 302.321deg) 100%
+        );
+      }
+    }
   }
-}
-
-@include b(chat-input-pop-action-item-icon) {
-  width: 18px;
-  height: 18px;
-  margin-right: 8px;
-  font-size: 18px;
-  color: #{getCssVar('ai-chat', 'color')};
-  pointer-events: none;
 
+  @include e('input') {
+    flex-grow: 1;
+    max-height: 8rem;
+    resize: none;
+    background-color: #f6f3f4;
+    border-radius: 1rem;
+    padding: 0.75rem 1.25rem;
+    border: none;
+    &:focus {
+      border: 1px solid #2b7fff;
+    }
+    &::placeholder {
+      font-size: 1rem;
+    }
+  }
 }
-
-@include b(chat-input-pop-action-item-title) {
-  font-size: 14px;
-  line-height: 22px;
-  color: #{getCssVar('ai-chat', 'color')};
-  pointer-events: none;
-}
\ No newline at end of file
diff --git a/src/components/chat-input/chat-input.tsx b/src/components/chat-input/chat-input.tsx
index 9dd316ac351ef58ce6f62a676ce9e56147e27a57..43f5a07ab5c2bc765198e2431980fa0144a17b28 100644
--- a/src/components/chat-input/chat-input.tsx
+++ b/src/components/chat-input/chat-input.tsx
@@ -1,336 +1,126 @@
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable no-nested-ternary */
-/* eslint-disable no-unused-vars */
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { useCallback, useContext, useRef, useState } from 'preact/compat';
-import { useComputed, useSignal } from '@preact/signals';
-import { Editor } from '@tiptap/core';
+import { PropType, computed, defineComponent, onMounted, ref } from 'vue';
 import { Namespace } from '../../utils';
-import {
-  AudioSvg,
-  PaperclipSvg,
-  RecordingSvg,
-  SendSvg,
-  FileSvg,
-  StopCircleSvg,
-} from '../../icons';
-import { AiChatController, AIMaterialFactory } from '../../controller';
-import { ChatInputMaterial } from '../chat-input-material/chat-input-material';
-import { Popup } from '../popup/popup';
 import { IChatToolbarItem } from '../../interface';
-import { isSvg } from '../../utils/util/util';
-import { ContainerContext } from '../chat-container/chat-container';
-import { ChatEditor } from '../chat-editor/chat-editor';
-import { CommonSelect } from '../common';
+import { AIChatController } from '../../controller';
+import { Send, OpenVoice, CloseVoice } from '../../icon';
 import './chat-input.scss';
 
-export interface ChatInputProps {
-  /**
-   * 单实例聊天总控
-   *
-   * @author chitanda
-   * @date 2023-10-13 17:10:43
-   * @type {AiChatController}
-   */
-  controller: AiChatController;
-
-  /**
-   * 提问区交互工具栏
-   *
-   * @author tony001
-   * @date 2025-02-28 16:02:58
-   * @type {IChatToolbarItem[]}
-   */
-  questionToolbarItems?: IChatToolbarItem[];
-}
-
-const ns = new Namespace('chat-input');
-
-// 语音识别构造器
-const SpeechRecognition =
-  (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition;
-
-export const ChatInput = (props: ChatInputProps) => {
-  const [isPopupOpen, setIsPopupOpen] = useState(false);
-
-  const containerContext = useContext(ContainerContext);
-
-  const input = props.controller.input;
-
-  // 是否正在语音输入
-  const recording = useSignal(false);
-
-  // 语音识别实例
-  const recognition = useRef<any>();
-
-  // 编辑器引用
-  const editorRef = useRef<Editor>(null);
-
-  if (SpeechRecognition && !recognition.current) {
-    recognition.current = new SpeechRecognition();
-
-    recognition.current.onstart = () => {
-      recording.value = true;
-    };
-
-    recognition.current.onend = () => {
-      recording.value = false;
-    };
-
-    recognition.current.onresult = (e: any) => {
-      const transcript = e.results?.[0]?.[0]?.transcript;
-      if (transcript) {
-        editorRef.current?.commands.insertContent(transcript);
+export const ChatInput = defineComponent({
+  props: {
+    controller: {
+      type: Object as PropType<AIChatController>,
+      required: true,
+    },
+    toolbarItems: {
+      type: Array as PropType<IChatToolbarItem[]>,
+    },
+  },
+  setup(props) {
+    const ns = new Namespace('chat-input');
+
+    // 消息
+    const message = ref('');
+
+    // 语音识别中
+    const recording = ref(false);
+
+    // 语音识别实例
+    const recognition = ref();
+
+    // 消息请求中
+    const isLoading = computed(() => props.controller.isLoading.value);
+
+    /**
+     * @description 初始化语音识别
+     */
+    const onInitRecognition = (): void => {
+      // 语音识别构造器
+      const SpeechRecognition =
+        (window as any).SpeechRecognition ||
+        (window as any).webkitSpeechRecognition;
+      if (SpeechRecognition) {
+        recognition.value = new SpeechRecognition();
+        recognition.value.onstart = () => {
+          recording.value = true;
+        };
+
+        recognition.value.onend = () => {
+          recording.value = false;
+        };
+
+        recognition.value.onresult = e => {
+          const transcript = e.results?.[0]?.[0]?.transcript;
+          console.log('语音内容', transcript);
+        };
       }
     };
-  }
 
-  // 处理语音输入按钮点击事件
-  const handleRecordButtonClick = () => {
-    if (recognition.current && !recording.value) {
-      recognition.current.start();
-    }
-  };
-  // html转md
-  const html2md = (html: string): string => {
-    const doc = new DOMParser().parseFromString(html, 'text/html');
-
-    function walk(node: Node): string {
-      if (node.nodeType === Node.TEXT_NODE) {
-        return node.textContent || '';
-      }
-      if (node.nodeType !== Node.ELEMENT_NODE) return '';
-      const el = node as Element;
-      const tag = el.tagName.toLowerCase();
-      const children = Array.from(el.childNodes)
-        .map(childNode => walk(childNode))
-        .join('');
-      switch (tag) {
-        case 'p':
-          return `${children}\n`;
-        case 'img': {
-          const src = el.getAttribute('src') || '';
-          const alt = el.getAttribute('alt') || '';
-          return src ? `\n![${alt}](${src})\n` : '';
-        }
-        default:
-          return node.textContent || '';
+    onMounted(() => {
+      onInitRecognition();
+    });
+
+    /**
+     * @description 发送消息
+     * @returns {*}  {Promise<void>}
+     */
+    const onSendMessage = async (): Promise<void> => {
+      // 加载中时就终止消息
+      if (isLoading.value) {
+        await props.controller.abortQuestion();
+      } else {
+        const value = message.value;
+        message.value = '';
+        await props.controller.question(value);
       }
-    }
-    const md = Array.from(doc.body.childNodes)
-      .map(walk)
-      .join('')
-      .replace(/\n+/g, '\n')
-      .replace(/^\n|\n$/g, '');
-    return md;
-  };
-
-  const isDisableSend = useComputed(() => html2md(input.value).length <= 0);
-
-  const question = useCallback(async () => {
-    try {
-      const inputTxt = html2md(input.value);
-      input.value = '';
-      editorRef.current?.chain().clearContent().run();
-      await props.controller.question(inputTxt);
-    } catch (err) {
-      console.error(err);
-    } finally {
-      if (editorRef.current && !editorRef.current.isDestroyed) {
-        editorRef.current.chain().focus().run();
-      }
-    }
-  }, [input]);
-
-  const stopQuestion = useCallback(async () => {
-    try {
-      props.controller.abortQuestion();
-    } catch (error) {
-      console.error(error);
-    }
-  }, [input]);
-
-  const onKeyDown = (e: KeyboardEvent) => {
-    if (e.code === 'Enter' && !e.isComposing) {
-      if (e.shiftKey === false) {
-        question();
-        return true;
-      }
-    }
-  };
-
-  /**
-   * 文件上传
-   *
-   * @author tony001
-   * @date 2025-02-28 17:02:20
-   */
-  const uploadFile = async (event: MouseEvent) => {
-    const materialHelper = AIMaterialFactory.getMaterialHelper(
-      'ossfile',
-      props.controller,
-    );
-    await materialHelper.excuteAction(event);
-    setIsPopupOpen(false);
-  };
-
-  /**
-   * 通用问答
-   *
-   * @author tony001
-   * @date 2025-02-28 17:02:41
-   * @param {IChatToolbarItem} item
-   */
-  const commonQuestion = async (event: MouseEvent, item: IChatToolbarItem) => {
-    const materialHelper = AIMaterialFactory.getMaterialHelper(
-      'common',
-      props.controller,
-    );
-    await materialHelper.excuteAction(event, item);
-    setIsPopupOpen(false);
-  };
+    };
 
-  /**
-   * 设置激活AI代理
-   * @param agentID
-   */
-  const setActiveAIAgent = (agentID: string) => {
-    props.controller.setActiveAIAgentID(agentID);
-  };
+    /**
+     * @description 语音识别
+     */
+    const onSpeechRecognition = (): void => {
+      if (!recognition.value) return;
+      recording.value ? recognition.value.end() : recognition.value.start();
+    };
 
-  return (
-    <div className={ns.b('wrapper')}>
-      <div className={ns.b('material-wrapper')}>
-        <ChatInputMaterial controller={props.controller}></ChatInputMaterial>
-      </div>
-      <div className={ns.b('main-wrapper')}>
-        <ChatEditor
-          c={props.controller}
-          value={input.value}
-          disabled={props.controller.isLoading.value}
-          onCreate={editor => {
-            editorRef.current = editor;
-          }}
-          onChange={value => {
-            input.value = value;
-          }}
-          onKeyDown={onKeyDown}
-        ></ChatEditor>
-        <div className={ns.b('action-wrapper')}>
-          <div className={ns.b('left-action-wrapper')}>
-            <CommonSelect
-              options={props.controller.agentList.value}
-              defaultValue={props.controller.activeAIAgentID}
-              onChange={value => {
-                setActiveAIAgent(value);
-              }}
-              placeholder={'Auto'}
-              disabled={!props.controller.enableAIAgentChange}
-            ></CommonSelect>
-          </div>
-          <div className={ns.b('right-action-wrapper')}>
-            <div
-              className={`${ns.be('right-action-wrapper', 'action-item')} ${ns.is(
-                'disabled',
-                props.controller.isLoading.value,
-              )}`}
-              title={'上传资料'}
-            >
-              <Popup
-                content={
-                  <div className={ns.b('pop-actions')}>
-                    <div
-                      className={ns.b('pop-action-item')}
-                      onClick={e => {
-                        uploadFile(e);
-                      }}
-                    >
-                      <span className={ns.b('pop-action-item-icon')}>
-                        <FileSvg />
-                      </span>
-                      <span className={ns.b('pop-action-item-title')}>
-                        文件资料
-                      </span>
-                    </div>
-                    {props.questionToolbarItems?.map(item => {
-                      return (
-                        <div
-                          key={item.id}
-                          className={ns.b('pop-action-item')}
-                          onClick={e => {
-                            commonQuestion(e, item);
-                          }}
-                        >
-                          <span className={ns.b('pop-action-item-icon')}>
-                            {typeof item.icon === 'function'
-                              ? item.icon()
-                              : item.icon?.showIcon && (
-                                  <>
-                                    {item.icon?.cssClass ? (
-                                      <i className={item.icon.cssClass} />
-                                    ) : item.icon?.imagePath ? (
-                                      isSvg(item.icon.imagePath) ? (
-                                        <div
-                                          dangerouslySetInnerHTML={{
-                                            __html: item.icon.imagePath,
-                                          }}
-                                        />
-                                      ) : (
-                                        <img src={item.icon.imagePath} />
-                                      )
-                                    ) : null}
-                                  </>
-                                )}
-                          </span>
-                          <span className={ns.b('pop-action-item-title')}>
-                            {item.label}
-                          </span>
-                        </div>
-                      );
-                    })}
-                  </div>
-                }
-                position='top-left'
-                isOpen={isPopupOpen}
-                onToggleOpen={setIsPopupOpen}
-              >
-                <PaperclipSvg />
-              </Popup>
-            </div>
-            <div
-              title={recording.value ? '语音输入中...' : '语音输入'}
-              className={`${ns.be('right-action-wrapper', 'action-item')} ${ns.is(
-                'disabled',
-                props.controller.isLoading.value,
-              )}`}
-              onClick={handleRecordButtonClick}
-            >
-              {recording.value ? <RecordingSvg /> : <AudioSvg />}
-            </div>
-            {props.controller.isLoading.value ? (
-              <div
-                title={'停止生成'}
-                className={`${ns.be('right-action-wrapper', 'action-item')}`}
-                onClick={stopQuestion}
-              >
-                <StopCircleSvg />
-              </div>
-            ) : (
-              <div
-                title={'发送消息'}
-                className={`${ns.be('right-action-wrapper', 'action-item')} ${ns.is(
-                  'disabled',
-                  isDisableSend.value,
-                )}`}
-                onClick={question}
-              >
-                <SendSvg />
-              </div>
-            )}
-          </div>
+    return {
+      ns,
+      message,
+      isLoading,
+      recording,
+      onSendMessage,
+      onSpeechRecognition,
+    };
+  },
+  render() {
+    return (
+      <div class={this.ns.b()}>
+        <div
+          class={[
+            this.ns.e('icon'),
+            this.ns.em('icon', 'voice'),
+            this.ns.is('recording', this.recording),
+          ]}
+          onClick={this.onSpeechRecognition}
+        >
+          {this.recording ? CloseVoice : OpenVoice}
+        </div>
+        <textarea
+          rows={1}
+          v-model={this.message}
+          placeholder='输入消息...'
+          class={this.ns.e('input')}
+        />
+        <div
+          class={[
+            this.ns.e('icon'),
+            this.ns.em('icon', 'send'),
+            this.ns.is('disabled', !this.message && !this.isLoading),
+          ]}
+          onClick={this.onSendMessage}
+        >
+          {this.isLoading ? <van-icon name='stop' /> : Send}
         </div>
       </div>
-    </div>
-  );
-};
+    );
+  },
+});
diff --git a/src/components/chat-message-item/chat-message-item.scss b/src/components/chat-message-item/chat-message-item.scss
deleted file mode 100644
index 7ea365092787ab8d32fb279591cb7686e0bfcb03..0000000000000000000000000000000000000000
--- a/src/components/chat-message-item/chat-message-item.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-@include b(chat-message-item) {
-  padding: 6px 0;
-
-  .pre-wrap-container {
-    word-wrap: break-word;
-
-    /* 兼容长单词换行 */
-    white-space: pre-wrap;
-  }
-
-  img {
-    max-width: 100%;
-  }
-}
\ No newline at end of file
diff --git a/src/components/chat-message-item/chat-message-item.tsx b/src/components/chat-message-item/chat-message-item.tsx
deleted file mode 100644
index 7e933e82be59187ec06f8145e6c35379fbfe58f9..0000000000000000000000000000000000000000
--- a/src/components/chat-message-item/chat-message-item.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable react/jsx-key */
-import { VNode, h } from 'preact';
-import { IChatMessage } from '../../interface';
-import { Namespace } from '../../utils';
-import { MarkdownMessage } from './markdown-message/markdown-message';
-import { UserMessage } from './user-message/user-message';
-import { ErrorMessage } from './error-message/error-message';
-import { UnknownMessage } from './unknown-message/unknown-message';
-import { AiChatController } from '../../controller';
-import './chat-message-item.scss';
-
-export interface ChatMessageItemProps {
-  /**
-   * 单实例聊天总控
-   *
-   * @author chitanda
-   * @date 2023-10-13 17:10:43
-   * @type {AiChatController}
-   */
-  controller: AiChatController;
-  message: IChatMessage;
-  /**
-   * 内容大小，用于更新绘制
-   *
-   * @author chitanda
-   * @date 2023-10-15 21:10:22
-   * @type {number}
-   */
-  size: number;
-  /**
-   * 插槽
-   *
-   * @type {VNode}
-   * @memberof ChatMessageItemProps
-   */
-  children: VNode;
-}
-
-const ns = new Namespace('chat-message-item');
-
-export const ChatMessageItem = (props: ChatMessageItemProps) => {
-  const { message, size } = props;
-
-  let com = null;
-
-  switch (message.type) {
-    case 'DEFAULT':
-      com = message.role === 'ASSISTANT' ? MarkdownMessage : UserMessage;
-      break;
-    case 'ERROR':
-      com = ErrorMessage;
-      break;
-    default:
-      com = UnknownMessage;
-  }
-
-  return (
-    <div className={ns.b()}>
-      {h(com, {
-        size,
-        message,
-        controller: props.controller,
-        children: props.children,
-      })}
-    </div>
-  );
-};
diff --git a/src/components/chat-message-item/error-message/error-message.scss b/src/components/chat-message-item/error-message/error-message.scss
deleted file mode 100644
index 2f1f3e358c0c6b3e6f1608c2004351d8ab1339ae..0000000000000000000000000000000000000000
--- a/src/components/chat-message-item/error-message/error-message.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-@include b(error-message) {
-  padding: 6px 10px;
-  text-align: left;
-
-  @include e(content) {
-    width: fit-content;
-    padding: 10px 16px;
-    color: #fff;
-    background-color: red;
-    border-radius: #{getCssVar('ai-chat', 'border-radius')};
-  }
-
-  @include b(error-message-header) {
-    display: flex;
-    margin-bottom: 8px;
-
-    @include e(caption) {
-      flex: 0;
-      width: auto;
-      min-width: 32px;
-      min-height: 32px;
-      padding: 6px;
-      margin-right: 2px;
-      font-size: 14px;
-      font-weight: 800;
-      color: #{getCssVar('ai-chat', 'color')};
-    }
-  }
-}
diff --git a/src/components/chat-message-item/error-message/error-message.tsx b/src/components/chat-message-item/error-message/error-message.tsx
deleted file mode 100644
index b254e8cc08317d41aee4d0a43fab53c97dee6275..0000000000000000000000000000000000000000
--- a/src/components/chat-message-item/error-message/error-message.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { VNode } from 'preact';
-import { useComputed } from '@preact/signals';
-import { IChatMessage } from '../../../interface';
-import { Namespace } from '../../../utils';
-import { AiChatController } from '../../../controller';
-import './error-message.scss';
-
-export interface ErrorMessageProps {
-  /**
-   * 单实例聊天总控
-   *
-   * @author chitanda
-   * @date 2023-10-13 17:10:43
-   * @type {AiChatController}
-   */
-  controller: AiChatController;
-
-  message: IChatMessage;
-  /**
-   * 内容大小，用于更新绘制
-   *
-   * @author chitanda
-   * @date 2023-10-15 21:10:22
-   * @type {number}
-   */
-  size: number;
-
-  /**
-   * 工具栏
-   *
-   * @type {VNode[]}
-   * @memberof ErrorMessageProps
-   */
-  children: VNode;
-}
-
-const ns = new Namespace('error-message');
-
-export const ErrorMessage = (props: ErrorMessageProps) => {
-  const content = useComputed(() => props.message.content);
-  return (
-    <div className={ns.b()}>
-      <div className={ns.b('header')}>
-        <div className={ns.be('header', 'caption')}>AI </div>
-        {props.children}
-      </div>
-      <div className={`${ns.e('content')} pre-wrap-container`}>
-        <span>{content}</span>
-      </div>
-    </div>
-  );
-};
diff --git a/src/components/chat-message-item/markdown-message/markdown-message.scss b/src/components/chat-message-item/markdown-message/markdown-message.scss
deleted file mode 100644
index dfecda8c1524408d9c834c07c00e7e0aa84ab4dc..0000000000000000000000000000000000000000
--- a/src/components/chat-message-item/markdown-message/markdown-message.scss
+++ /dev/null
@@ -1,129 +0,0 @@
-@include b(markdown-message) {
-  padding: 6px 10px;
-
-  .cherry {
-    border-radius: #{getCssVar('ai-chat', 'border-radius')};
-    box-shadow: none;
-
-    *::-webkit-scrollbar {
-      width: getCssVar('ai-chat', 'scroll-bar-width');
-      height: getCssVar('ai-chat', 'scroll-bar-height');
-    }
-
-    *::-webkit-scrollbar-thumb {
-      background-color: getCssVar(color, fill, 2);
-      border-radius: getCssVar('ai-chat', 'scroll-bar-radius');
-    }
-
-    *::-webkit-scrollbar-thumb:hover {
-      background-color: getCssVar(color, fill, 2);
-    }
-
-    div[data-type=codeBlock] pre[class*=language-]::-webkit-scrollbar-thumb {
-      background-color: #fff3;
-    }
-  }
-
-  .cherry-markdown pre {
-    background-color: getCssVar(ai-chat, background, color);
-  }
-
-  .cherry-markdown pre {
-    background-color: getCssVar(ai-chat, background, color);
-  }
-
-  .cherry-previewer {
-    padding: 8px;
-    border: 0;
-
-    figure {
-      max-width: 1200px;
-
-      > svg {
-        width: 100%;
-        min-height: 100px;
-      }
-    }
-  }
-
-  .anchor {
-    display: none !important;
-  }
-
-  @include when(loading) {
-    @include b(markdown-message-header) {
-      @include e(caption) {
-        font-size: 0;
-
-        &::after {
-          display: block;
-          width: 11px;
-          height: 11px;
-          content: '';
-          border: 3px solid #3b3b3b;
-          border-top-color: transparent;
-          border-radius: 100%;
-          animation: circle infinite 0.75s linear;
-        }
-      }
-    }
-  }
-}
-
-@include b(markdown-message-header) {
-  display: flex;
-  margin-bottom: 8px;
-
-  @include e(caption) {
-    flex: 0;
-    width: auto;
-    min-width: 32px;
-    min-height: 32px;
-    padding: 6px;
-    margin-right: 2px;
-    font-size: 14px;
-    font-weight: 800;
-    color: #{getCssVar('ai-chat', 'color')};
-  }
-
-  @include e(timeout) {
-    display: flex;
-    align-items: center;
-    padding: 0 8px;
-    font-size: 14px;
-    color: getCssVar(color, danger);
-  }
-}
-
-@include b(markdown-message-content) {
-  padding: 10px 16px;
-  background-color: getCssVar('ai-chat', 'background-color-light');
-  border-radius: getCssVar('ai-chat', 'border-radius');
-
-  .cherry-markdown.theme__dark ul.cherry-list__default,
-  .cherry.theme__dark.cherry--no-toolbar,
-  .cherry div.cherry-previewer {
-    color: getCssVar(ai-chat, color);
-    background-color: getCssVar('ai-chat', 'background-color-light');
-  }
-  
-
-  .#{bem(chat-thought-chain)} {
-    + .#{bem(chat-tool-call)} {
-      margin-top: 8px;
-    }
-  }
-}
-@include b(markdown-message-footer) {
-  padding: 10px 0;
-}
-
-@keyframes circle {
-  0% {
-    transform: rotate(0);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
diff --git a/src/components/chat-message-item/markdown-message/markdown-message.tsx b/src/components/chat-message-item/markdown-message/markdown-message.tsx
deleted file mode 100644
index ad835bef9a65b408493360769370b387ecc6820f..0000000000000000000000000000000000000000
--- a/src/components/chat-message-item/markdown-message/markdown-message.tsx
+++ /dev/null
@@ -1,291 +0,0 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-/* eslint-disable no-useless-escape */
-/* eslint-disable no-nested-ternary */
-import { VNode } from 'preact';
-import Cherry from 'cherry-markdown';
-import { useSignal } from '@preact/signals';
-import { useEffect, useMemo } from 'preact/hooks';
-import { Namespace, createUUID } from '../../../utils';
-import {
-  IChatMessage,
-  IChatSuggestion,
-  IChatThoughtChain,
-} from '../../../interface';
-import { AiChatController } from '../../../controller';
-import { ChatThoughtChain } from '../../chat-thought-chain/chat-thought-chain';
-import { CheckMarkCircleSvg, LoadingSvg } from '../../../icons';
-import { ChatSuggestions } from '../../chat-suggestions/chat-suggestions';
-import { ChatToolCall } from '../../chat-tool-call/chat-tool-call';
-import { MessageToolbar } from '../../common';
-import './markdown-message.scss';
-
-export interface MarkdownMessageProps {
-  /**
-   * 单实例聊天总控
-   *
-   * @author chitanda
-   * @date 2023-10-13 17:10:43
-   * @type {AiChatController}
-   */
-  controller: AiChatController;
-  /**
-   * 消息
-   *
-   * @author tony001
-   * @date 2025-03-18 14:03:38
-   * @type {IChatMessage}
-   */
-  message: IChatMessage;
-  /**
-   * 内容大小，用于更新绘制
-   *
-   * @author chitanda
-   * @date 2023-10-15 21:10:22
-   * @type {number}
-   */
-  size: number;
-  /**
-   * 工具栏
-   *
-   * @type {VNode}
-   * @memberof MarkdownMessageProps
-   */
-  children: VNode;
-}
-
-/**
- * 解析结果
- *
- * @author tony001
- * @date 2025-02-25 14:02:46
- * @interface ParseResult
- */
-interface IParseResult {
-  /**
-   * 是否思考完成
-   *
-   * @author tony001
-   * @date 2025-02-25 15:02:31
-   * @type {boolean}
-   */
-  isThoughtCompleted: boolean;
-  /**
-   * 思维链内容
-   *
-   * @author tony001
-   * @date 2025-02-25 14:02:57
-   * @type {string}
-   */
-  thoughtContent: string;
-
-  /**
-   * 答案内容
-   *
-   * @author tony001
-   * @date 2025-02-25 14:02:09
-   * @type {string}
-   */
-  answerContent: string;
-}
-
-const ns = new Namespace('markdown-message');
-
-export const MarkdownMessage = (props: MarkdownMessageProps) => {
-  const { message, size } = props;
-
-  const uuid = useSignal(createUUID());
-
-  const cherry = useSignal<Cherry | null>(null);
-
-  // 是否loadding
-  const isLoadding = useMemo(() => {
-    return message.state === 20 && message.completed !== true;
-  }, [message.state, message.completed]);
-
-  // 是否显示超时异常
-  const isTimeOut = useMemo(() => {
-    return message.state === 20 && message.completed === true;
-  }, [message.state, message.completed]);
-
-  // 思维链界面数据
-  const thoughtChain = useSignal<IChatThoughtChain>({
-    title: '',
-    description: '',
-    icon: <LoadingSvg></LoadingSvg>,
-  });
-
-  // 聊天建议界面数据
-  const chatSuggestion = useSignal<{
-    hasSuggestions: boolean;
-    suggestions: IChatSuggestion[];
-  }>({ hasSuggestions: false, suggestions: [] });
-  // 更新聊天建议界面数据
-  const updateChatSuggestion = (suggestions: IChatSuggestion[] | undefined) => {
-    if (suggestions && suggestions.length > 0) {
-      chatSuggestion.value = {
-        hasSuggestions: true,
-        suggestions,
-      };
-    } else {
-      chatSuggestion.value = { hasSuggestions: false, suggestions: [] };
-    }
-  };
-  // 聊天建议点击
-  const handleSuggestionClick = (item: IChatSuggestion, event: MouseEvent) => {
-    props.controller.handleSuggestionClick(props.message, item, event);
-  };
-
-  /**
-   * 解析回答内容
-   *
-   * @author tony001
-   * @date 2025-02-25 15:02:03
-   * @param {string} text
-   * @return {*}  {IParseResult}
-   */
-  const parseThinkContent = (text: string): IParseResult => {
-    const openThinkIndex = text.indexOf('<think>');
-    const closeThinkIndex = text.indexOf('</think>');
-
-    let thoughtContent = '';
-    let answerContent = '';
-    let isThoughtCompleted = false;
-    if (closeThinkIndex === -1) {
-      isThoughtCompleted = false;
-      thoughtContent = text.slice(openThinkIndex + 7);
-      answerContent = '';
-    } else {
-      isThoughtCompleted = true;
-      thoughtContent = text.slice(openThinkIndex + 7, closeThinkIndex);
-      answerContent = text.slice(closeThinkIndex + 8);
-    }
-    return { isThoughtCompleted, thoughtContent, answerContent };
-  };
-
-  useEffect(() => {
-    if (size >= 0 && cherry.value) {
-      // 返回数据存在思维链
-      if (message.content.indexOf('<think>') !== -1) {
-        const { isThoughtCompleted, thoughtContent, answerContent } =
-          parseThinkContent(message.content);
-        if (isThoughtCompleted) {
-          thoughtChain.value.icon = <CheckMarkCircleSvg />;
-          thoughtChain.value.title = '思考完成';
-        } else if (message.completed === true) {
-          thoughtChain.value.icon = <CheckMarkCircleSvg />;
-          thoughtChain.value.title = '思考已停止';
-        } else {
-          thoughtChain.value.icon = <LoadingSvg />;
-          thoughtChain.value.title = '思考中...';
-        }
-        thoughtChain.value.description = thoughtContent || '';
-        cherry.value.setMarkdown(answerContent || '');
-      } else if (message.content.indexOf('<tool_call>') !== -1) {
-        // 存在工具调用时将工具调用文本信息清除
-        const content = message.content
-          .replace(/\<tool_call\>[^]*?\<\/tool_call\>/gs, '')
-          .trim();
-        cherry.value.setMarkdown(content || '');
-      } else {
-        cherry.value.setMarkdown(message.content || '');
-      }
-      // 更新建议
-      updateChatSuggestion(message.suggestions);
-    }
-  }, [message, size]);
-
-  useEffect(() => {
-    let content = '';
-    if (message.content.indexOf('<think>') !== -1) {
-      const { isThoughtCompleted, thoughtContent, answerContent } =
-        parseThinkContent(message.content);
-      thoughtChain.value = {
-        title: isThoughtCompleted
-          ? '思考完成'
-          : message.completed === true
-            ? '思考已停止'
-            : '思考中...',
-        description: thoughtContent || '',
-        icon:
-          isThoughtCompleted || message.completed === true ? (
-            <CheckMarkCircleSvg />
-          ) : (
-            <LoadingSvg />
-          ),
-      };
-      if (answerContent) {
-        content = answerContent;
-      }
-    } else if (message.content.indexOf('<tool_call>') !== -1) {
-      // 存在工具调用时将工具调用文本信息清除
-      content = message.content
-        .replace(/\<tool_call\>[^]*?\<\/tool_call\>/gs, '')
-        .trim();
-    } else {
-      content = message.content;
-    }
-    // 更新建议
-    updateChatSuggestion(message.suggestions);
-    cherry.value = new Cherry({
-      // @ts-ignore
-      id: uuid,
-      value: content || '',
-      editor: {
-        defaultModel: 'previewOnly',
-      },
-      // @ts-ignore
-      themeSettings: {
-        // 目前应用的主题
-        mainTheme: 'dark',
-        codeBlockTheme: 'dark',
-      },
-      previewer: {
-        // 默认禁用
-        enablePreviewerBubble: false,
-      },
-      engine: {
-        syntax: {
-          table: {
-            enableChart: false,
-            // @ts-ignore
-            externals: ['echarts'],
-          },
-        },
-      },
-    });
-  }, []);
-
-  return (
-    <div className={`${ns.b()} ${ns.is('loading', isLoadding)}`}>
-      <div className={ns.b('header')}>
-        <div className={ns.be('header', 'caption')}>AI </div>
-        {props.children}
-        {isTimeOut ? (
-          <div className={ns.be('header', 'timeout')}>请求超时</div>
-        ) : null}
-      </div>
-      <div className={`${ns.b('content')} pre-wrap-container`}>
-        <ChatThoughtChain items={[thoughtChain.value]}></ChatThoughtChain>
-        {message.toolcalls && message.toolcalls.length > 0 ? (
-          <ChatToolCall items={message.toolcalls || []}></ChatToolCall>
-        ) : null}
-        <div id={uuid} />
-      </div>
-      <div className={ns.b('footer')}>
-        <MessageToolbar
-          message={message}
-          controller={props.controller}
-          key={`${message.messageid}_${message.islike}_${message.isdislike}`}
-        />
-        {chatSuggestion.value.hasSuggestions ? (
-          <ChatSuggestions
-            items={chatSuggestion.value.suggestions}
-            onItemClick={(item: IChatSuggestion, event: MouseEvent) => {
-              handleSuggestionClick(item, event);
-            }}
-          />
-        ) : null}
-      </div>
-    </div>
-  );
-};
diff --git a/src/components/chat-message-item/unknown-message/unknown-message.scss b/src/components/chat-message-item/unknown-message/unknown-message.scss
deleted file mode 100644
index cf53c26e08741bb677de1c581f458dfa649dbc5b..0000000000000000000000000000000000000000
--- a/src/components/chat-message-item/unknown-message/unknown-message.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-@include b(unknown-message) {
-  display: flex;
-  padding: 6px 10px;
-  justify-content: end;
-
-  @include e(content) {
-    padding: 10px 16px;
-    color: #000;
-    width: max-content;
-    background-color: #ccc;
-    border-radius: #{getCssVar('ai-chat', 'border-radius')};
-  }
-}
diff --git a/src/components/chat-message-item/unknown-message/unknown-message.tsx b/src/components/chat-message-item/unknown-message/unknown-message.tsx
deleted file mode 100644
index 99ed2ff86ea443e9ca47c40f275f2f4ebcf970d0..0000000000000000000000000000000000000000
--- a/src/components/chat-message-item/unknown-message/unknown-message.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { IChatMessage } from '../../../interface';
-import { Namespace } from '../../../utils';
-import './unknown-message.scss';
-
-export interface UnknownMessageProps {
-  message: IChatMessage;
-  /**
-   * 内容大小，用于更新绘制
-   *
-   * @author chitanda
-   * @date 2023-10-15 21:10:22
-   * @type {number}
-   */
-  size: number;
-}
-
-const ns = new Namespace('unknown-message');
-
-export const UnknownMessage = (props: UnknownMessageProps) => {
-  return (
-    <div className={ns.b()}>
-      <div className={`${ns.e('content')} pre-wrap-container`}>
-        暂未支持的消息类型: {props.message.type}
-      </div>
-    </div>
-  );
-};
diff --git a/src/components/chat-message-item/user-message/user-message.scss b/src/components/chat-message-item/user-message/user-message.scss
deleted file mode 100644
index c14e54fce49e2c0a6e3cf1e5c542262378762468..0000000000000000000000000000000000000000
--- a/src/components/chat-message-item/user-message/user-message.scss
+++ /dev/null
@@ -1,164 +0,0 @@
-@include b(user-message-question) {
-  padding: 6px 10px;
-
-  @include e(content) {
-    position: relative;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: end;
-    max-width: 100%;
-    font-size: 14px;
-    text-align: left;
-    word-break: break-word;
-    user-select: text;
-    transition: all 0.3s ease;
-    @include m('body') {
-      width: fit-content;
-      padding: 10px 16px;
-      margin: 0;
-      font-size: 14px;
-      line-height: 1.5;
-      color: var(--color-fg-default);
-      word-wrap: break-word;
-      background: #e7f8ff;
-      background-color: getCssVar('ai-chat', 'background-color-light');
-      border-radius: #{getCssVar('ai-chat', 'border-radius')};
-      border-radius: getCssVar('ai-chat', 'border-radius');
-      text-size-adjust: 100%;
-
-      &::before {
-        display: table;
-        content: '';
-      }
-
-      &::after {
-        display: table;
-        clear: both;
-        content: '';
-      }
-    }
-
-    @include m('material') {
-      display: flex;
-      flex-flow: row-reverse wrap;
-      gap: 8px;
-      align-items: center;
-      margin-bottom: 8px;
-    }
-
-    .cherry {
-      min-height: 0;
-      border-radius: #{getCssVar('ai-chat', 'border-radius')};
-      box-shadow: none;
-
-      *::-webkit-scrollbar {
-        width: getCssVar('ai-chat', 'scroll-bar-width');
-        height: getCssVar('ai-chat', 'scroll-bar-height');
-      }
-
-      *::-webkit-scrollbar-thumb {
-        background-color: getCssVar(color, fill, 2);
-        border-radius: getCssVar('ai-chat', 'scroll-bar-radius');
-      }
-
-      *::-webkit-scrollbar-thumb:hover {
-        background-color: getCssVar(color, fill, 2);
-      }
-    }
-
-    .cherry-markdown p {
-      margin: 0;
-    }
-
-    .cherry-markdown pre {
-      background-color: getCssVar(ai-chat, background, color);
-    }
-
-    .cherry-markdown pre {
-      background-color: getCssVar(ai-chat, background, color);
-    }
-
-    .cherry div.cherry-previewer {
-      padding: 0;
-      color: getCssVar(ai-chat, color);
-      background-color: getCssVar('ai-chat', 'background-color-light');
-      border: 0;
-
-      figure {
-        max-width: 1200px;
-
-        > svg {
-          width: 100%;
-          min-height: 100px;
-        }
-      }
-    }
-
-    .anchor {
-      display: none !important;
-    }
-  }
-
-  @include e('user-header') {
-    display: flex;
-    align-items: center;
-    justify-content: end;
-    width: 100%;
-    height: 32px;
-    margin-bottom: 8px;
-  }
-
-  @include e('user') {
-    padding: 6px;
-    font-size: 14px;
-    font-weight: 800;
-  }
-
-  @include e('text-content'){
-    @include when('collapse'){
-      overflow: hidden;
-
-      .cherry-previewer {
-        display: -webkit-box;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 5;
-      }
-    }
-
-    img {
-      min-height: 27px;
-    }
-  }
-
-  @include e('collapse-btn') {
-    position: absolute;
-    top: 4px;
-    right: 0;
-    display: none;
-    align-items: center;
-    justify-content: center;
-    width: 20px;
-    height: 20px;
-    cursor: pointer;
-    background-color: #{getCssVar('ai-chat', 'background-color-2')};
-    border-radius: 50%;
-
-    svg {
-      width: 1em !important;
-      height: 1em !important;
-      font-size: 12px !important;
-      fill: currentcolor;
-    }
-
-    @include when('visible') {
-      display: flex;
-    }
-  }
-
-  .pre-wrap-container {
-    position: relative;
-    padding-right: 24px;
-  }
-}
diff --git a/src/components/chat-message-item/user-message/user-message.tsx b/src/components/chat-message-item/user-message/user-message.tsx
deleted file mode 100644
index fa2a882e85e1c4e5c2ab8cf373b5801ab553deea..0000000000000000000000000000000000000000
--- a/src/components/chat-message-item/user-message/user-message.tsx
+++ /dev/null
@@ -1,160 +0,0 @@
-import { VNode } from 'preact';
-import { useComputed, useSignal } from '@preact/signals';
-import Cherry from 'cherry-markdown';
-import { useEffect, useRef } from 'preact/hooks';
-import { IChatMessage } from '../../../interface';
-import { MaterialResourceParser, Namespace, createUUID } from '../../../utils';
-import { AiChatController } from '../../../controller';
-import { ChatInputMaterialtem } from '../../chat-input-material-item/chat-input-material-item';
-import './user-message.scss';
-
-export interface UserMessageProps {
-  controller: AiChatController;
-  message: IChatMessage;
-  /**
-   * 内容大小，用于更新绘制
-   *
-   * @author chitanda
-   * @date 2023-10-15 21:10:22
-   * @type {number}
-   */
-  size: number;
-
-  /**
-   * 工具栏
-   *
-   * @type {VNode}
-   * @memberof UserMessageProps
-   */
-  children: VNode;
-}
-
-const ns = new Namespace('user-message-question');
-
-export const UserMessage = (props: UserMessageProps) => {
-  const uuid = useSignal(createUUID());
-
-  const cherry = useSignal<Cherry | null>(null);
-
-  // 最大高度
-  const maxHeight = useSignal(135);
-
-  // 是否折叠
-  const isCollapse = useSignal(true);
-
-  // 是否显示折叠按钮
-  const isVisible = useSignal(false);
-
-  // 编辑器元素引用
-  const editorRef = useRef<HTMLDivElement | null>(null);
-
-  const content = useComputed(() => props.message.content);
-
-  const materialResult = useComputed(() => {
-    return MaterialResourceParser.parseMixedContent(content.value);
-  });
-
-  useEffect(() => {
-    cherry.value = new Cherry({
-      id: uuid,
-      value: materialResult.value.remainingText || '',
-      editor: {
-        defaultModel: 'previewOnly',
-      },
-      themeSettings: {
-        // 目前应用的主题
-        mainTheme: 'dark',
-        codeBlockTheme: 'dark',
-      },
-      previewer: {
-        // 默认禁用
-        enablePreviewerBubble: false,
-      },
-      engine: {
-        syntax: {
-          table: {
-            enableChart: false,
-            externals: ['echarts'],
-          },
-        },
-      },
-    });
-  }, [materialResult.value.remainingText]);
-
-  useEffect(() => {
-    if (!editorRef.current || !window.ResizeObserver) {
-      return;
-    }
-    const resizeObserver = new ResizeObserver(() => {
-      const previewerDom = cherry.value?.previewer.options.previewerDom;
-      if (!previewerDom) {
-        return;
-      }
-      isVisible.value = previewerDom.scrollHeight > maxHeight.value;
-    });
-    resizeObserver.observe(editorRef.current);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [editorRef.current]);
-
-  return (
-    <div className={ns.b()}>
-      <div className={ns.e('user-header')}>
-        {props.children}
-        <div className={ns.e('user')}>我</div>
-      </div>
-      <div className={ns.e('content')}>
-        <div className={ns.em('content', 'body')}>
-          {materialResult.value.hasResources && (
-            <div className={ns.em('content', 'material')}>
-              {materialResult.value.resources.map(resource => {
-                return (
-                  <ChatInputMaterialtem
-                    material={resource}
-                    key={resource.id}
-                    disabled={true}
-                    controller={props.controller}
-                  ></ChatInputMaterialtem>
-                );
-              })}
-            </div>
-          )}
-          <div className={'pre-wrap-container'}>
-            <div
-              className={`${ns.e('text-content')} ${ns.is('collapse', isCollapse.value)}`}
-              id={uuid}
-              ref={editorRef}
-              style={{
-                maxHeight: isCollapse.value ? `${maxHeight.value}px` : '',
-              }}
-            />
-            <div
-              className={`${ns.e('collapse-btn')} ${ns.is('visible', isVisible.value)}`}
-              title={isCollapse.value ? '展开' : '收起'}
-              onClick={() => {
-                isCollapse.value = !isCollapse.value;
-              }}
-            >
-              {isCollapse.value ? (
-                <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'>
-                  <path
-                    fill='currentColor'
-                    d='M104.704 338.752a64 64 0 0 1 90.496 0l316.8 316.8 316.8-316.8a64 64 0 0 1 90.496 90.496L557.248 791.296a64 64 0 0 1-90.496 0L104.704 429.248a64 64 0 0 1 0-90.496'
-                  ></path>
-                </svg>
-              ) : (
-                <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'>
-                  <path
-                    fill='currentColor'
-                    d='M104.704 685.248a64 64 0 0 0 90.496 0l316.8-316.8 316.8 316.8a64 64 0 0 0 90.496-90.496L557.248 232.704a64 64 0 0 0-90.496 0L104.704 594.752a64 64 0 0 0 0 90.496'
-                  ></path>
-                </svg>
-              )}
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
diff --git a/src/components/chat-messages/chat-messages.scss b/src/components/chat-messages/chat-messages.scss
index b9acd8dbc3f88aef19c45b416e49847de6df45e5..2d5a754dfdb88e004c8c47e014cd99b4a1f6e107 100644
--- a/src/components/chat-messages/chat-messages.scss
+++ b/src/components/chat-messages/chat-messages.scss
@@ -1,17 +1,10 @@
 @include b(chat-messages) {
-  width: calc(100% - 12px);
-  height: calc(100% - 12px);
-  margin: 6px;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  width: 100%;
+  height: 100%;
+  padding: 1rem;
   overflow: hidden auto;
-
-  // 设置滚动条样式
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  // 滚动条轨道
-  &::-webkit-scrollbar-thumb {
-    background-color: getCssVar(color, fill, 2);
-    border-radius: #{getCssVar('ai-chat', 'border-radius')};
-  }
 }
diff --git a/src/components/chat-messages/chat-messages.tsx b/src/components/chat-messages/chat-messages.tsx
index bd9701d71232426df34d90465db222784e195ddf..c11a25e0f334aa89d16873c77ce23f89a7294141 100644
--- a/src/components/chat-messages/chat-messages.tsx
+++ b/src/components/chat-messages/chat-messages.tsx
@@ -1,154 +1,63 @@
-import { useEffect, useRef, useState, useMemo } from 'preact/hooks';
+import { PropType, defineComponent } from 'vue';
+import {
+  UserMessage,
+  ErrorMessage,
+  UnknownMessage,
+  MarkdownMessage,
+} from './common';
 import { Namespace } from '../../utils';
-import { AiChatController } from '../../controller';
+import { AIChatController } from '../../controller';
 import { IChatToolbarItem } from '../../interface';
-import { ChatMessageItem } from '../chat-message-item/chat-message-item';
-import { ChatToolbar } from '../chat-toolbar/chat-toolbar';
-import { ChatBackBottom } from '../chat-back-bottom/chat-back-bottom';
 import './chat-messages.scss';
 
-export interface ChatMessageProps {
-  /**
-   * 单实例聊天总控
-   *
-   * @author chitanda
-   * @date 2023-10-13 17:10:43
-   * @type {AiChatController}
-   */
-  controller: AiChatController;
-
-  /**
-   * 工具项集合
-   *
-   * @type {IChatToolbarItem[]}
-   * @memberof ChatMessageProps
-   */
-  toolbarItems?: IChatToolbarItem[];
-}
-
-const ns = new Namespace('chat-messages');
-
-export const ChatMessages = (props: ChatMessageProps) => {
-  const ref = useRef<HTMLDivElement>(null);
-
-  // 加载更多条数
-  const batchSize: number = 5;
-  // 当前显示的消息数量
-  const [displayCount, setDisplayCount] = useState(batchSize);
-  // 是否正在加载更多
-  const [isLoading, setIsLoading] = useState(false);
-  // 是否自动滚动
-  const [isAutoScroll, setIsAutoScroll] = useState(true);
-  // 标志位
-  const isScrollingAutomatically = useRef(false);
-
-  const messages = props.controller.messages;
-
-  const visibleMessages = useMemo(() => {
-    // 始终显示最新的消息，所以从末尾开始取
-    const startIndex = Math.max(0, messages.value.length - displayCount);
-    return messages.value.slice(startIndex);
-  }, [messages.value, displayCount]);
-
-  const hasMoreMessages = useMemo(() => {
-    return displayCount < messages.value.length;
-  }, [messages.value, displayCount]);
-
-  // 滚动到底部
-  const scrollToBottom = () => {
-    const container = ref.current;
-    if (!container) return;
-    // 设置标志位，表示当前是自动滚动
-    isScrollingAutomatically.current = true;
-    container.scrollTo({
-      top: container.scrollHeight,
-      behavior: 'auto',
-    });
-    setTimeout(() => {
-      isScrollingAutomatically.current = false;
-    }, 500);
-  };
-
-  useEffect(() => {
-    // 如果是自动滚动模式，则滚动到底部
-    if (isAutoScroll) scrollToBottom();
-  }, [messages.value]);
-
-  // 监听滚动事件
-  const handleScroll = () => {
-    // 如果是自动滚动触发的，忽略此次事件
-    if (isScrollingAutomatically.current) return;
-
-    const container = ref.current;
-    if (!container) return;
-
-    const { scrollTop, scrollHeight, clientHeight } = container;
-
-    // 检查是否滚动到顶部附近（触发加载更多）
-    if (scrollTop < 100 && !isLoading && hasMoreMessages) {
-      setIsLoading(true);
-
-      // 加载更多消息
-      setTimeout(() => {
-        const newCount = Math.min(
-          displayCount + batchSize,
-          messages.value.length,
-        );
-        setDisplayCount(newCount);
-
-        // 保持当前滚动位置（加载更多后不跳转）
-        const oldScrollHeight = container.scrollHeight;
-        setTimeout(() => {
-          const newScrollHeight = container.scrollHeight;
-          container.scrollTop =
-            newScrollHeight - oldScrollHeight + container.scrollTop;
-          setIsLoading(false);
-        }, 0);
-      }, 300); // 添加一点延迟让用户体验更好
-    }
-
-    // 检查是否接近底部（用于自动滚动判断）
-    const isNearBottom = scrollHeight - (scrollTop + clientHeight) < 50;
-    setIsAutoScroll(isNearBottom);
-  };
-
-  /**
-   * 处理回到底部
-   *
-   */
-  const handleBackBottom = () => {
-    isScrollingAutomatically.current = true;
-    setIsAutoScroll(true);
-  };
-
-  return (
-    <div ref={ref} className={ns.b()} onScroll={handleScroll}>
-      {visibleMessages.map(message => {
-        const size = message.content?.length || 0;
-        return message.role !== 'SYSTEM' ? (
-          <ChatMessageItem
-            size={size}
-            message={message}
-            key={message.messageid}
-            controller={props.controller}
-          >
-            <ChatToolbar
-              type='content'
-              mode='DEFAULT'
-              hideTopicSidebar={false}
-              data={message}
-              items={props.toolbarItems}
-              controller={props.controller}
-            />
-          </ChatMessageItem>
-        ) : null;
-      })}
-      <ChatBackBottom
-        right={20}
-        bottom={14}
-        target={`.${ns.b()}`}
-        onClick={handleBackBottom}
-      />
-    </div>
-  );
-};
+export const ChatMessages = defineComponent({
+  props: {
+    controller: {
+      type: Object as PropType<AIChatController>,
+      required: true,
+    },
+    toolbarItems: {
+      type: Array as PropType<IChatToolbarItem[]>,
+    },
+  },
+  setup(props, { emit }) {
+    const ns = new Namespace('chat-messages');
+
+    return {
+      ns,
+    };
+  },
+  render() {
+    return (
+      <div class={this.ns.b()}>
+        {this.controller.messages.value.map(message => {
+          switch (message.type) {
+            case 'DEFAULT':
+              return message.role === 'ASSISTANT' ? (
+                <MarkdownMessage
+                  message={message}
+                  class={this.ns.e('item')}
+                  controller={this.controller}
+                ></MarkdownMessage>
+              ) : (
+                <UserMessage
+                  message={message}
+                  class={this.ns.e('item')}
+                  controller={this.controller}
+                ></UserMessage>
+              );
+            case 'ERROR':
+              return (
+                <ErrorMessage message={message} class={this.ns.e('item')} />
+              );
+            default:
+              return (
+                <UnknownMessage message={message} class={this.ns.e('item')} />
+              );
+          }
+        })}
+        <van-back-top />
+      </div>
+    );
+  },
+});
diff --git a/src/components/chat-messages/common/error-message/error-message.scss b/src/components/chat-messages/common/error-message/error-message.scss
new file mode 100644
index 0000000000000000000000000000000000000000..539094cd7b5abf71cc31581bd39f15d841091a75
--- /dev/null
+++ b/src/components/chat-messages/common/error-message/error-message.scss
@@ -0,0 +1,42 @@
+@include b('ai-error-message') {
+  display: flex;
+  gap: 0.75rem;
+  @include e('icon') {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    width: 2rem;
+    height: 2rem;
+    color: oklch(0.145 0 0deg);
+    background-image: linear-gradient(
+      to right bottom,
+      oklch(0.928 0.006 264.531deg) 0%,
+      oklch(0.872 0.01 258.338deg) 100%
+    );
+    border-radius: 50%;
+
+    svg {
+      width: 1.25rem;
+      height: 1.25rem;
+    }
+  }
+
+  @include e('content') {
+    display: flex;
+    flex-direction: column;
+    max-width: calc(100% - 5.5rem);
+    @include m('message') {
+      flex-grow: 1;
+      padding: 0.5rem 1rem;
+      color: #fb2c36;
+      background-color: #fff;
+      border-radius: 1rem;
+      border-bottom-left-radius: 0.375rem;
+      box-shadow:
+        rgb(0 0 0 / 0%) 0 0 0 0,
+        rgb(0 0 0 / 0%) 0 0 0 0,
+        rgb(0 0 0 / 0%) 0 0 0;
+    }
+  }
+}
diff --git a/src/components/chat-messages/common/error-message/error-message.tsx b/src/components/chat-messages/common/error-message/error-message.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e7339c1c1825a9aadcaafe202d018af3a1aca85c
--- /dev/null
+++ b/src/components/chat-messages/common/error-message/error-message.tsx
@@ -0,0 +1,38 @@
+import { PropType, defineComponent } from 'vue';
+import { AI } from '../../../../icon';
+import { Namespace } from '../../../../utils';
+import { IChatMessage } from '../../../../interface';
+import './error-message.scss';
+
+export const ErrorMessage = defineComponent({
+  props: {
+    message: {
+      type: Object as PropType<IChatMessage>,
+      required: true,
+    },
+  },
+  setup(props) {
+    const ns = new Namespace('ai-error-message');
+
+    return {
+      ns,
+    };
+  },
+  render() {
+    return (
+      <div class={this.ns.b()}>
+        <div class={this.ns.e('icon')}>
+          {AI}
+        </div>
+        <div class={this.ns.e('content')}>
+          <div class={this.ns.em('content', 'header')}>
+            {this.$slots.default?.()}
+          </div>
+          <div class={[this.ns.em('content', 'message'), 'pre-wrap-container']}>
+            {this.message.content}
+          </div>
+        </div>
+      </div>
+    );
+  },
+});
diff --git a/src/components/chat-messages/common/index.ts b/src/components/chat-messages/common/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c0561c6530d8afb82b5678db7f1f33aa8176cf72
--- /dev/null
+++ b/src/components/chat-messages/common/index.ts
@@ -0,0 +1,4 @@
+export { ErrorMessage } from './error-message/error-message';
+export { MarkdownMessage } from './markdown-message/markdown-message';
+export { UnknownMessage } from './unknown-message/unknown-message';
+export { UserMessage } from './user-message/user-message';
diff --git a/src/components/chat-messages/common/markdown-message/markdown-message.scss b/src/components/chat-messages/common/markdown-message/markdown-message.scss
new file mode 100644
index 0000000000000000000000000000000000000000..8cbb1b9d1436d4bb72a64ad33dd168937fe60b68
--- /dev/null
+++ b/src/components/chat-messages/common/markdown-message/markdown-message.scss
@@ -0,0 +1,92 @@
+@include b(ai-markdown-message) {
+  display: flex;
+  gap: 0.75rem;
+
+  .cherry {
+    border-radius: getCssVar('ai-chat', 'border-radius');
+    box-shadow: none;
+
+    *::-webkit-scrollbar {
+      width: getCssVar('ai-chat', 'scroll-bar-width');
+      height: getCssVar('ai-chat', 'scroll-bar-height');
+    }
+
+    *::-webkit-scrollbar-thumb {
+      background-color: getCssVar('color', 'fill', 2);
+      border-radius: getCssVar('ai-chat', 'scroll-bar-radius');
+    }
+
+    *::-webkit-scrollbar-thumb:hover {
+      background-color: getCssVar('color', 'fill', 2);
+    }
+
+    div[data-type='codeBlock']
+      pre[class*='language-']::-webkit-scrollbar-thumb {
+      background-color: #fff3;
+    }
+  }
+
+  .cherry-markdown pre {
+    background-color: getCssVar('ai-chat', 'background', 'color');
+  }
+
+  .cherry-markdown pre {
+    background-color: getCssVar('ai-chat', 'background', 'color');
+  }
+
+  .cherry-previewer {
+    padding: 8px;
+    border: 0;
+
+    figure {
+      max-width: 1200px;
+
+      > svg {
+        width: 100%;
+        min-height: 100px;
+      }
+    }
+  }
+
+  .anchor {
+    display: none !important;
+  }
+
+  @include e('icon') {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    width: 2rem;
+    height: 2rem;
+    color: oklch(0.145 0 0deg);
+    background-image: linear-gradient(
+      to right bottom,
+      oklch(0.928 0.006 264.531deg) 0%,
+      oklch(0.872 0.01 258.338deg) 100%
+    );
+    border-radius: 50%;
+
+    svg {
+      width: 1.25rem;
+      height: 1.25rem;
+    }
+  }
+
+  @include e('content') {
+    display: flex;
+    flex-direction: column;
+    max-width: calc(100% - 5.5rem);
+    @include m('message') {
+      flex-grow: 1;
+      padding: 0.5rem 1rem;
+      background-color: #fff;
+      border-radius: 1rem;
+      border-bottom-left-radius: 0.375rem;
+      box-shadow:
+        rgb(0 0 0 / 0%) 0 0 0 0,
+        rgb(0 0 0 / 0%) 0 0 0 0,
+        rgb(0 0 0 / 0%) 0 0 0;
+    }
+  }
+}
diff --git a/src/components/chat-messages/common/markdown-message/markdown-message.tsx b/src/components/chat-messages/common/markdown-message/markdown-message.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..70dffa6049d0518ef390af16901f8897dea7c2c9
--- /dev/null
+++ b/src/components/chat-messages/common/markdown-message/markdown-message.tsx
@@ -0,0 +1,117 @@
+import { createUUID } from 'qx-util';
+import Cherry from 'cherry-markdown';
+import { PropType, defineComponent, onMounted, ref, watch } from 'vue';
+import { Namespace } from '../../../../utils';
+import { AIChatController } from '../../../../controller';
+import { IChatMessage } from '../../../../interface';
+import { AI } from '../../../../icon';
+import './markdown-message.scss';
+
+export const MarkdownMessage = defineComponent({
+  props: {
+    controller: {
+      type: Object as PropType<AIChatController>,
+      required: true,
+    },
+    message: {
+      type: Object as PropType<IChatMessage>,
+      required: true,
+    },
+  },
+  setup(props) {
+    const ns = new Namespace('ai-markdown-message');
+    const UUID = createUUID();
+
+    const cherryEditor = ref<Cherry | null>(null);
+
+    /**
+     * @description 解析内容
+     * @param {string} [text]
+     * @returns {*}  {{ think?: string; content: string }}
+     */
+    const parseContent = (
+      text?: string,
+    ): { think?: string; content: string } => {
+      let content: string = '';
+      let think: string | undefined;
+      if (!text) return { content, think };
+      const openThinkIndex = text.indexOf('<think>');
+      const closeThinkIndex = text.indexOf('</think>');
+      // 如果存在思考过程则解析思考内容
+      if (openThinkIndex !== -1) {
+        think =
+          closeThinkIndex === -1
+            ? text.slice(openThinkIndex + 7)
+            : text.slice(openThinkIndex + 7, closeThinkIndex);
+        content = closeThinkIndex === -1 ? '' : text.slice(closeThinkIndex + 8);
+      } else {
+        // 清除工具调用信息
+        content = text
+          .replace(/\<tool_call\>[^]*?\<\/tool_call\>/gs, '')
+          .trim();
+      }
+      return { think, content };
+    };
+
+    watch(
+      () => props.message.content,
+      () => {
+        const { content } = parseContent(props.message.content);
+        cherryEditor.value?.setMarkdown(content);
+      },
+      {
+        immediate: true,
+      },
+    );
+
+    const onInitCherry = (): void => {
+      const { content } = parseContent(props.message.content);
+      cherryEditor.value = new Cherry({
+        id: UUID,
+        value: content,
+        editor: {
+          defaultModel: 'previewOnly',
+        },
+        themeSettings: {
+          mainTheme: 'dark',
+          codeBlockTheme: 'dark',
+        },
+        previewer: {
+          enablePreviewerBubble: false,
+        },
+        engine: {
+          syntax: {
+            table: {
+              enableChart: false,
+              externals: ['echarts'],
+            },
+          },
+        },
+      });
+    };
+
+    onMounted(() => {
+      onInitCherry();
+    });
+
+    return {
+      ns,
+      UUID,
+    };
+  },
+  render() {
+    return (
+      <div class={this.ns.b()}>
+        <div class={this.ns.e('icon')}>{AI}</div>
+        <div class={this.ns.e('content')}>
+          <div class={this.ns.em('content', 'header')}>
+            {this.$slots.default?.()}
+          </div>
+          <div class={[this.ns.em('content', 'message'), 'pre-wrap-container']}>
+            <div id={this.UUID} />
+          </div>
+        </div>
+      </div>
+    );
+  },
+});
diff --git a/src/components/chat-messages/common/unknown-message/unknown-message.scss b/src/components/chat-messages/common/unknown-message/unknown-message.scss
new file mode 100644
index 0000000000000000000000000000000000000000..3489ffb19bf9a393dc814b616117538aec26df23
--- /dev/null
+++ b/src/components/chat-messages/common/unknown-message/unknown-message.scss
@@ -0,0 +1,41 @@
+@include b('ai-unknown-message') {
+  display: flex;
+  gap: 0.75rem;
+  @include e('icon') {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    width: 2rem;
+    height: 2rem;
+    color: oklch(0.145 0 0deg);
+    background-image: linear-gradient(
+      to right bottom,
+      oklch(0.928 0.006 264.531deg) 0%,
+      oklch(0.872 0.01 258.338deg) 100%
+    );
+    border-radius: 50%;
+
+    svg {
+      width: 1.25rem;
+      height: 1.25rem;
+    }
+  }
+
+  @include e('content') {
+    display: flex;
+    flex-direction: column;
+    max-width: calc(100% - 5.5rem);
+    @include m('message') {
+      flex-grow: 1;
+      padding: 0.5rem 1rem;
+      background-color: #fff;
+      border-radius: 1rem;
+      border-bottom-left-radius: 0.375rem;
+      box-shadow:
+        rgb(0 0 0 / 0%) 0 0 0 0,
+        rgb(0 0 0 / 0%) 0 0 0 0,
+        rgb(0 0 0 / 0%) 0 0 0;
+    }
+  }
+}
diff --git a/src/components/chat-messages/common/unknown-message/unknown-message.tsx b/src/components/chat-messages/common/unknown-message/unknown-message.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f9f0af74ca7ca904507160718cddcfecfea332a5
--- /dev/null
+++ b/src/components/chat-messages/common/unknown-message/unknown-message.tsx
@@ -0,0 +1,35 @@
+import { PropType, defineComponent, ref } from 'vue';
+import { Namespace } from '../../../../utils';
+import { AIChatController } from '../../../../controller';
+import { IChatMessage } from '../../../../interface';
+import './unknown-message.scss';
+
+export const UnknownMessage = defineComponent({
+  props: {
+    message: {
+      type: Object as PropType<IChatMessage>,
+      required: true,
+    },
+  },
+  setup() {
+    const ns = new Namespace('unknown-message');
+
+    return {
+      ns,
+    };
+  },
+  render() {
+    return (
+      <div class={this.ns.b()}>
+        <div class={this.ns.e('icon')}>
+          <van-icon name='warning-o' />
+        </div>
+        <div class={this.ns.e('content')}>
+          <div class={[this.ns.em('content', 'message'), 'pre-wrap-container']}>
+            暂未支持的消息类型: {this.message.type}
+          </div>
+        </div>
+      </div>
+    );
+  },
+});
diff --git a/src/components/chat-messages/common/user-message/user-message.scss b/src/components/chat-messages/common/user-message/user-message.scss
new file mode 100644
index 0000000000000000000000000000000000000000..7e85579320d24044b79e1b5d55e051dc3044bfd7
--- /dev/null
+++ b/src/components/chat-messages/common/user-message/user-message.scss
@@ -0,0 +1,46 @@
+@include b('ai-user-message') {
+  display: flex;
+  flex-direction: row-reverse;
+  gap: 0.75rem;
+  color: #fff;
+
+  @include e('icon') {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    width: 2rem;
+    height: 2rem;
+    background-image: linear-gradient(
+      to right bottom,
+      oklch(0.623 0.214 259.815deg) 0%,
+      oklch(0.558 0.288 302.321deg) 100%
+    );
+    border-radius: 50%;
+
+    svg {
+      width: 1.25rem;
+      height: 1.25rem;
+    }
+  }
+
+  @include e('content') {
+    display: flex;
+    flex-direction: column;
+    max-width: calc(100% - 5.5rem);
+    @include m('message') {
+      padding: 0.5rem 1rem;
+      background-image: linear-gradient(
+        to right bottom,
+        oklch(0.623 0.214 259.815deg) 0%,
+        oklch(0.558 0.288 302.321deg) 100%
+      );
+      border-radius: 1rem;
+      border-bottom-right-radius: 0.375rem;
+      box-shadow:
+        rgb(0 0 0 / 0%) 0 0 0 0,
+        rgb(0 0 0 / 0%) 0 0 0 0,
+        rgb(0 0 0 / 0%) 0 0 0;
+    }
+  }
+}
diff --git a/src/components/chat-messages/common/user-message/user-message.tsx b/src/components/chat-messages/common/user-message/user-message.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..63f88808247a1e15cdf31462d0f16b3bddb3659c
--- /dev/null
+++ b/src/components/chat-messages/common/user-message/user-message.tsx
@@ -0,0 +1,43 @@
+import { PropType, defineComponent, ref } from 'vue';
+import { Namespace } from '../../../../utils';
+import { AIChatController } from '../../../../controller';
+import { IChatMessage } from '../../../../interface';
+import { USER } from '../../../../icon';
+import './user-message.scss';
+
+export const UserMessage = defineComponent({
+  props: {
+    controller: {
+      type: Object as PropType<AIChatController>,
+      required: true,
+    },
+    message: {
+      type: Object as PropType<IChatMessage>,
+      required: true,
+    },
+  },
+  setup(props) {
+    const ns = new Namespace('ai-user-message');
+
+    return {
+      ns,
+    };
+  },
+  render() {
+    return (
+      <div class={this.ns.b()}>
+        <div class={this.ns.e('icon')}>
+          {USER}
+        </div>
+        <div class={this.ns.e('content')}>
+          <div class={this.ns.em('content', 'header')}>
+            {this.$slots.default?.()}
+          </div>
+          <div class={[this.ns.em('content', 'message'), 'pre-wrap-container']}>
+            {this.message.content}
+          </div>
+        </div>
+      </div>
+    );
+  },
+});
diff --git a/src/components/chat-minimize/chat-minimize.scss b/src/components/chat-minimize/chat-minimize.scss
deleted file mode 100644
index bd37fd495f71b09342806423e6fc3621070e7a4c..0000000000000000000000000000000000000000
--- a/src/components/chat-minimize/chat-minimize.scss
+++ /dev/null
@@ -1,104 +0,0 @@
-@include b(chat-minimize) {
-  width: 56px;
-  height: 56px;
-  display: flex;
-  z-index: 99999;
-  cursor: pointer;
-  position: absolute;
-  border-radius: 50%;
-  align-items: center;
-  justify-content: center;
-
-  @include when(hidden) {
-    display: none;
-  }
-
-  @include when(show-halo) {
-    width: 90px;
-    height: 90px;
-    background-size: cover;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-image: url('assets/gif/halo.gif');
-  }
-
-  @include e(content) {
-    width: 56px;
-    height: 56px;
-    display: flex;
-    border-radius: 50%;
-    align-items: center;
-    justify-content: center;
-    color: #{getCssVar('ai-chat', 'color')};
-    background-color: #{getCssVar('ai-chat', 'background-color')};
-
-    &:hover {
-      color: #{getCssVar('ai-chat', 'hover-color')};
-      background-color: #{getCssVar('ai-chat', 'hover-background-color')};
-    }
-
-    svg {
-      fill: currentcolor;
-      display: inline-block;
-      vertical-align: middle;
-    }
-
-    @include when(show-border) {
-      border: 1px solid #{getCssVar('ai-chat', 'border-color')};
-    }
-
-    @include m(popover) {
-      left: 50%;
-      bottom: 90px;
-      padding: 8px;
-      display: block;
-      font-size: 12px;
-      border-radius: 8px;
-      position: absolute;
-      transform: translateX(-50%);
-      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-      background-color: #{getCssVar('ai-chat', 'background-color')};
-      color: #{getCssVar('ai-chat', 'color')};
-      border: 1px solid #{getCssVar('ai-chat', 'border-color')};
-
-      .typewriter {
-        direction: rtl;
-        overflow: hidden;
-        max-width: 200px;
-        width: fit-content;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        animation: typing 3s steps(40, end);
-      }
-    }
-  }
-}
-
-@keyframes blink {
-  0%,
-  100% {
-    opacity: 0;
-  }
-  50% {
-    opacity: 1;
-  }
-}
-
-@keyframes typing {
-  from {
-    width: 0;
-  }
-  to {
-    width: 100%;
-  }
-}
-
-@keyframes blink-caret {
-  from,
-  to {
-    border-color: transparent;
-  }
-  50% {
-    border-color: #{getCssVar('ai-chat', 'color')};
-  }
-}
diff --git a/src/components/chat-minimize/chat-minimize.tsx b/src/components/chat-minimize/chat-minimize.tsx
deleted file mode 100644
index 37d9f55138d37c290e79c7cb0bb3217a8f626cd0..0000000000000000000000000000000000000000
--- a/src/components/chat-minimize/chat-minimize.tsx
+++ /dev/null
@@ -1,241 +0,0 @@
-import { useEffect, useRef, useState } from 'preact/hooks';
-import { useComputed } from '@preact/signals';
-import { Namespace, isWithinBounds, limitDraggable } from '../../utils';
-import { AiChatController } from '../../controller';
-import { AIChatConst } from '../../constants';
-import { AISvg } from '../../icons';
-import './chat-minimize.scss';
-
-export interface ChatMinimizeProps {
-  /**
-   * 单实例聊天总控
-   *
-   * @type {AiChatController}
-   * @memberof ChatMessageItemProps
-   */
-  controller: AiChatController;
-  /**
-   * 标题
-   *
-   * @type {string}
-   * @memberof ChatMinimizeProps
-   */
-  title: string;
-  /**
-   * 是否最小化
-   *
-   * @type {boolean}
-   * @memberof ChatMinimizeProps
-   */
-  isMinimize: boolean;
-  /**
-   * 点击
-   *
-   * @memberof ChatMinimizeProps
-   */
-  onClick: () => void;
-}
-
-const ns = new Namespace('chat-minimize');
-
-export const ChatMinimize = (props: ChatMinimizeProps) => {
-  const ref = useRef<HTMLDivElement>(null);
-  // 用于显示的内容
-  const [displayedContent, setDisplayedContent] = useState('');
-  // 当前显示的字符索引
-  const [currentIndex, setCurrentIndex] = useState(0);
-
-  /**
-   * 是否在拖拽中
-   */
-  const isDragging = useRef(false);
-
-  /**
-   * 最小化样式
-   */
-  const style = {
-    x: (window.innerWidth - 86) / window.innerWidth,
-    y: (window.innerHeight - 86) / window.innerHeight,
-  };
-
-  /**
-   * AI是否在输出中
-   *
-   */
-  const isOutput = useComputed(() => {
-    const message =
-      props.controller.messages.value[
-        props.controller.messages.value.length - 1
-      ];
-    if (!message) return false;
-    return (
-      message.role === 'ASSISTANT' &&
-      message.state === 20 &&
-      message.completed !== true
-    );
-  });
-
-  /**
-   * 解析内容
-   *
-   * @param {string} text
-   * @return {*}
-   */
-  const parseThinkContent = (text: string) => {
-    const openThinkIndex = text.indexOf('<think>');
-    const closeThinkIndex = text.indexOf('</think>');
-
-    let thoughtContent = '';
-    let answerContent = '';
-    if (closeThinkIndex === -1) {
-      thoughtContent = text.slice(openThinkIndex + 7);
-      answerContent = '';
-    } else {
-      thoughtContent = text.slice(openThinkIndex + 7, closeThinkIndex);
-      answerContent = text.slice(closeThinkIndex + 8);
-    }
-    return { thoughtContent, answerContent };
-  };
-
-  /**
-   * 消息内容
-   *
-   */
-  const msgContent = useComputed(() => {
-    let content: string = '';
-    if (!isOutput.value) {
-      // 清空显示内容
-      setDisplayedContent('');
-      // 重置字符索引
-      setCurrentIndex(0);
-      return content;
-    }
-    const message =
-      props.controller.messages.value[
-        props.controller.messages.value.length - 1
-      ];
-    content = message.content;
-    if (message.content.indexOf('<think>') !== -1) {
-      const { thoughtContent, answerContent } = parseThinkContent(
-        message.content,
-      );
-      content = thoughtContent + answerContent;
-    }
-    return content;
-  });
-
-  /**
-   * 设置样式
-   */
-  const setStyle = (): void => {
-    Object.assign(ref.current!.style, {
-      left: `${style.x * 100}%`,
-      top: `${style.y * 100}%`,
-    });
-    localStorage.setItem(
-      AIChatConst.MINIMIZE_STYLY_CHCHE,
-      JSON.stringify(style),
-    );
-  };
-
-  /**
-   * 注册最小化拖拽
-   *
-   * @returns
-   */
-  const registerDragMinmize = (): void => {
-    const container = ref.current;
-    if (!container) return;
-    container.onmousedown = (e: MouseEvent): void => {
-      // 禁止选择文本，避免拖动时出现选择效果
-      document.body.style.userSelect = 'none';
-      const offsetX = e.clientX - container.offsetLeft;
-      const offsetY = e.clientY - container.offsetTop;
-      const start = Date.now();
-      const onMouseMove = (evt: MouseEvent): void => {
-        const width = 56 / window.innerWidth;
-        const height = 56 / window.innerHeight;
-        const { x, y } = limitDraggable(
-          evt.clientX - offsetX,
-          evt.clientY - offsetY,
-          width,
-          height,
-        );
-        Object.assign(style, { x, y });
-        requestAnimationFrame(() => {
-          setStyle();
-        });
-      };
-      const onMouseUp = (): void => {
-        // 恢复选择文本功能
-        const end = Date.now();
-        // 鼠标按下到抬起的时间超过300毫秒则认定为拖拽中
-        isDragging.current = end - start > 300;
-        document.body.style.userSelect = '';
-        document.removeEventListener('mousemove', onMouseMove);
-        document.removeEventListener('mouseup', onMouseUp);
-      };
-
-      document.addEventListener('mousemove', onMouseMove);
-      document.addEventListener('mouseup', onMouseUp);
-    };
-  };
-
-  /**
-   * 处理点击
-   *
-   * @returns
-   */
-  const handleClick = (): void => {
-    if (isDragging.current) return;
-    props.onClick();
-  };
-
-  useEffect(() => {
-    const cache = localStorage.getItem(AIChatConst.MINIMIZE_STYLY_CHCHE);
-    if (cache) {
-      const data = JSON.parse(cache);
-      if (isWithinBounds(data)) Object.assign(style, data);
-    }
-    setStyle();
-    registerDragMinmize();
-  }, []);
-
-  useEffect(() => {
-    // 监听消息内容，以打字机的方式展示字符串类容
-    if (currentIndex < msgContent.value.length) {
-      const timer = setTimeout(() => {
-        setDisplayedContent(prev => prev + msgContent.value[currentIndex]);
-        setCurrentIndex(prev => prev + 1);
-      }, 100); // 每个字符的显示间隔时间（100ms）
-      // 清理定时器
-      return () => clearTimeout(timer);
-    }
-  }, [currentIndex, msgContent.value]);
-
-  return (
-    <div
-      ref={ref}
-      title={props.title}
-      className={`${ns.b()} ${ns.is('hidden', !props.isMinimize)} ${ns.is(
-        'show-halo',
-        isOutput.value,
-      )}`}
-      onClick={handleClick}
-    >
-      <div
-        className={`${ns.e('content')} ${ns.is(
-          'show-border',
-          !isOutput.value,
-        )}`}
-      >
-        {displayedContent && (
-          <div className={`${ns.em('content', 'popover')}`}>
-            <div className='typewriter'>{displayedContent}</div>
-          </div>
-        )}
-        <AISvg />
-      </div>
-    </div>
-  );
-};
diff --git a/src/components/chat-search/chat-search.scss b/src/components/chat-search/chat-search.scss
deleted file mode 100644
index 1927f24d24ca7c6638b9c120af1c78b0112490a2..0000000000000000000000000000000000000000
--- a/src/components/chat-search/chat-search.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-@include b(chat-search) {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  padding: 1px 11px;
-  line-height: 32px;
-  border: 1px solid #{getCssVar('ai-chat', 'border-color')};
-  border-radius: 1px;
-
-  &:hover {
-    border: 1px solid #{getCssVar('ai-chat', 'background-color-2')};
-  }
-
-  @include when(focus) {
-    border: 1px solid #{getCssVar('ai-chat', 'background-color-2')};
-  }
-
-  @include e(prefix) {
-    display: flex;
-    flex-shrink: 0;
-    align-items: center;
-    width: 14px;
-    height: 14px;
-    font-size: 14px;
-  }
-
-  @include e(inner) {
-    flex-grow: 1;
-    min-width: 0;
-    height: 28px;
-    padding: 0;
-    padding-top: 2px;
-    line-height: 28px;
-    color: inherit;
-    background-color: initial;
-    border: none;
-    outline: 0;
-  }
-}
diff --git a/src/components/chat-search/chat-search.tsx b/src/components/chat-search/chat-search.tsx
deleted file mode 100644
index 62f5bb288028c36bfcec281b1b9dea9af9b8d5ce..0000000000000000000000000000000000000000
--- a/src/components/chat-search/chat-search.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { useState } from 'preact/hooks';
-import { Namespace } from '../../utils';
-import { SearchSvg } from '../../icons';
-import './chat-search.scss';
-
-export interface ChatSearchProps {
-  /**
-   * 值
-   *
-   * @type {string}
-   * @memberof ChatSearchProps
-   */
-  value: string | undefined;
-  /**
-   * 类名
-   *
-   * @type {string}
-   * @memberof ChatSearchProps
-   */
-  className?: string;
-  /**
-   * 空白占位
-   *
-   * @type {string}
-   * @memberof ChatSearchProps
-   */
-  placeholder?: string;
-  /**
-   * 点击事件
-   *
-   * @memberof ChatSearchProps
-   */
-  onChange?: (value: string) => void;
-}
-
-const ns = new Namespace('chat-search');
-
-export const ChatSearch = (props: ChatSearchProps) => {
-  const { className, value, placeholder, onChange } = props;
-
-  const [isFocused, setIsFocused] = useState(false);
-
-  const handleChange = (event: any) => {
-    event.stopPropagation();
-    onChange?.(event.target?.value);
-  };
-
-  return (
-    <div
-      className={`${ns.b()} ${ns.is('focus', isFocused)} ${className || ''}`}
-    >
-      <div className={ns.e('prefix')}>
-        <SearchSvg />
-      </div>
-      <input
-        value={value}
-        className={ns.e('inner')}
-        placeholder={placeholder}
-        onFocus={() => setIsFocused(true)}
-        onBlur={() => setIsFocused(false)}
-        onChange={event => handleChange(event)}
-      />
-    </div>
-  );
-};
diff --git a/src/components/chat-suggestions/chat-suggestions.scss b/src/components/chat-suggestions/chat-suggestions.scss
deleted file mode 100644
index 0dee3faf9ce13d8190dc5297a4757b0cea7ce640..0000000000000000000000000000000000000000
--- a/src/components/chat-suggestions/chat-suggestions.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-$chat-suggestions: (
-    bg: var(--ibiz-ai-chat-background-color),
-    hover-bg-color: var(--ibiz-ai-chat-hover-background-color),
-    border: var(--ibiz-ai-chat-border-color),
-);
-
-@include b(chat-suggestions) {
-    @include set-component-css-var('chat-suggestions', $chat-suggestions);
-
-    display: flex;
-    flex-direction: column;
-    gap: getCssVar(spacing, base, tight);
-    width: 100%;
-
-    @include e(item) {
-        display: flex;
-        align-items: center;
-        align-self: flex-start;
-        justify-content: space-between;
-        min-width: 200px;
-        height: 32px;
-        padding: 0 12px;
-        overflow: hidden;
-        line-height: 32px;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        cursor: pointer;
-        background-color: getCssVar(chat-suggestions, bg);
-        border: 1px solid getCssVar(chat-suggestions, border);
-        border-radius: 12px;
-        transition: .3s background-color;
-
-        &:hover {
-            background-color: getCssVar(chat-suggestions, hover-bg-color);
-        }
-
-        @include when(action) {
-            color: getCssVar(ai-chat, color, 2);
-            background-color: getCssVar(ai-chat, background, color, 2);
-
-            &:hover {
-                background-color: getCssVar(ai-chat, hover, background, color, 2);
-            }
-        }
-
-        .#{bem(chat-suggestions, item-icon)} {
-            margin-left: 12px;
-            font-size: 18px;
-        }
-    }
-
-}
\ No newline at end of file
diff --git a/src/components/chat-suggestions/chat-suggestions.tsx b/src/components/chat-suggestions/chat-suggestions.tsx
deleted file mode 100644
index 2c038830c0b4eddf21b8bbde30ddc63a282ad521..0000000000000000000000000000000000000000
--- a/src/components/chat-suggestions/chat-suggestions.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ChevronForwardSvg } from '../../icons';
-import { IChatSuggestion } from '../../interface';
-import { Namespace } from '../../utils';
-import './chat-suggestions.scss';
-
-export interface ChatSuggestionsProps {
-  /**
-   * 聊天建议集合
-   *
-   * @author tony001
-   * @date 2025-03-18 14:03:17
-   * @type {IChatSuggestion[]}
-   */
-  items: IChatSuggestion[];
-  /**
-   * 点击事件回调
-   *
-   * @author tony001
-   * @date 2025-03-18 14:03:30
-   */
-  onItemClick?: (item: IChatSuggestion, event: MouseEvent) => void;
-}
-
-export const ChatSuggestions = (props: ChatSuggestionsProps) => {
-  const { items, onItemClick } = props;
-
-  const handleClick = (item: IChatSuggestion, event: MouseEvent) => {
-    onItemClick?.(item, event);
-  };
-
-  const ns = new Namespace('chat-suggestions');
-
-  return (
-    <div className={`${ns.b()}`}>
-      {items.map((item, index) => {
-        return (
-          <div
-            key={index}
-            className={`${ns.e('item')} ${ns.is(
-              'action',
-              item.type === 'action',
-            )}`}
-            onClick={(event: MouseEvent) => handleClick(item, event)}
-            title={(item.metadata as any).content_name}
-          >
-            {(item.metadata as any).content_name}
-            <ChevronForwardSvg className={`${ns.e('item-icon')}`} />
-          </div>
-        );
-      })}
-    </div>
-  );
-};
diff --git a/src/components/chat-thought-chain/chat-thought-chain.scss b/src/components/chat-thought-chain/chat-thought-chain.scss
deleted file mode 100644
index 1ed8267ccefaef3f72f7f24c460431dff71b913c..0000000000000000000000000000000000000000
--- a/src/components/chat-thought-chain/chat-thought-chain.scss
+++ /dev/null
@@ -1,132 +0,0 @@
-$chat-thought-chain: (
-    font-size: 12px,
-    header-height: 32px,
-    color-2: var(--ibiz-ai-chat-color-2),
-    bg: var(--ibiz-ai-chat-hover-background-color),
-    bg-2: var(--ibiz-ai-chat-hover-background-color-2),
-    border-radius: var(--ibiz-ai-chat-border-radius),
-    hover-bg-color: var(--ibiz-ai-chat-hover-background-color),
-    border: var(--ibiz-ai-chat-hover-background-color),
-);
-
-@include b(chat-thought-chain) {
-    @include set-component-css-var('chat-thought-chain', $chat-thought-chain);
-
-    display: flex;
-    flex-direction: column;
-    padding: 8px 12px;
-    font-size: getCssVar(chat-thought-chain, font-size);
-    background-color: getCssVar(chat-thought-chain, bg);
-    border-radius: getCssVar(chat-thought-chain, border-radius);
-
-    @include e(item) {
-        display: flex;
-
-        @include when(collapsed) {
-            &:last-child {
-                .#{bem(chat-thought-chain, item-icon)} {
-                    &::after {
-                        display: none;
-                    }
-                }
-            }
-            .#{bem(chat-thought-chain, item-title)} {
-                .#{bem(chat-thought-chain, icon)} {
-                    transform: rotate(180deg);
-                }
-            }
-            .#{bem(chat-thought-chain, item-description)} {
-                height: 0;
-            }
-        }
-    }
-
-    .#{bem(chat-thought-chain, item-icon)} {
-        position: relative;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: flex-start;
-        width: 18px;
-        padding-top: 8px;
-
-        span {
-            display: flex;
-            flex: none;
-            align-items: center;
-            justify-content: center;
-            width: 16px;
-            height: 16px;
-            margin-bottom: 8px;
-            font-size: 10px;
-            color: getCssVar(chat-thought-chain, color, 2);;
-            background: getCssVar(chat-thought-chain, bg, 2);
-            border-radius: 50%;
-        }
-
-        svg {
-            width: 16px;
-            height: 16px;
-            margin-bottom: 8px;
-        }
-
-        &::after {
-            width: 1px;
-            height: 100%;
-            content: "";
-            background: getCssVar(chat-thought-chain, border);
-            border-radius: 13px;
-            transition: .3s background cubic-bezier(.4,0,.2,1);
-        }
-    }
-
-    @include e(item-content) {
-        flex: auto;
-        padding-left: 4px;
-    }
-    @include e(item-title) {
-        position: relative;
-        display: flex;
-        align-items: center;
-        height: getCssVar(chat-thought-chain, header-height);
-        padding: 4px 4px 4px 6px;
-        cursor: pointer;
-        transition: .3s background-color;
-
-        .#{bem(chat-thought-chain, icon)} {
-            position: absolute;
-            right: 8px;
-            flex-shrink: 0;
-            font-size: 1em;
-            cursor: pointer;
-            transition: .3s transform;
-        }
-
-        &:hover {
-            background-color: getCssVar(chat-thought-chain, bg, 2);
-            border-radius: 8px;
-        }
-    }
-    @include e(item-description) {
-        height: 100%;
-        overflow: hidden;
-        color: var(--ibiz-color-text-2);
-        transition: height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);
-    }
-
-    // 单节点展示
-    @include when(single) {
-        .#{bem(chat-thought-chain, item-icon)} {
-            &::after {
-                display: none;
-            }
-        }
-    }
-}
-
-@keyframes loading-animation {
-    75%,100% {
-        opacity: 0;
-        transform: scale(2)
-    }
-}
\ No newline at end of file
diff --git a/src/components/chat-thought-chain/chat-thought-chain.tsx b/src/components/chat-thought-chain/chat-thought-chain.tsx
deleted file mode 100644
index 50a3d7a11e543708e6971154a01cc4dc2cfdc4f5..0000000000000000000000000000000000000000
--- a/src/components/chat-thought-chain/chat-thought-chain.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import { useSignal } from '@preact/signals';
-import { useEffect } from 'preact/hooks';
-import { Namespace } from '../../utils';
-import { IChatThoughtChain } from '../../interface';
-import { ChevronDownSvg } from '../../icons';
-import './chat-thought-chain.scss';
-
-export interface ChatThoughtChainProps {
-  /**
-   * @description AI聊天思维链
-   * @type {IChatThoughtChain[]}
-   * @memberof ChatThoughtChainProps
-   */
-  items: IChatThoughtChain[];
-}
-
-export const ChatThoughtChain = (props: ChatThoughtChainProps) => {
-  const { items } = props;
-
-  const collapseIndex = useSignal<number[]>([]);
-
-  const ns = new Namespace('chat-thought-chain');
-
-  const nodes = useSignal<IChatThoughtChain[]>([]);
-
-  useEffect(() => {
-    nodes.value = items.filter(item => item.description);
-    if (nodes.value.length > 0) {
-      nodes.value.forEach((item, index) => {
-        if (item.done) {
-          collapseIndex.value = [...collapseIndex.value, index];
-        }
-      });
-    }
-  }, [items]);
-
-  const onCollapse = (index: number) => {
-    if (collapseIndex.value.includes(index)) {
-      collapseIndex.value = collapseIndex.value.filter(
-        (i: number) => i !== index,
-      );
-    } else {
-      collapseIndex.value = [...collapseIndex.value, index];
-    }
-  };
-
-  if (nodes.value.length === 0) {
-    return null;
-  }
-
-  return (
-    <div className={`${ns.b()} ${ns.is('single', nodes.value.length === 1)}`}>
-      {nodes.value.map((item, index) => {
-        if (!item.description) {
-          return;
-        }
-        const collapsed = collapseIndex.value.includes(index);
-        return (
-          <div
-            key={index}
-            className={`${ns.e('item')} ${ns.is('collapsed', collapsed)}`}
-          >
-            <div className={ns.e('item-icon')}>
-              {item.icon || <span>{index}</span>}
-            </div>
-            <div className={ns.e('item-content')}>
-              <div
-                className={ns.e('item-title')}
-                onClick={() => onCollapse(index)}
-              >
-                {item.title}
-                <ChevronDownSvg className={ns.e('icon')}></ChevronDownSvg>
-              </div>
-              <div className={ns.e('item-description')}>{item.description}</div>
-            </div>
-          </div>
-        );
-      })}
-    </div>
-  );
-};
diff --git a/src/components/chat-tool-call-item/chat-tool-call-item.scss b/src/components/chat-tool-call-item/chat-tool-call-item.scss
deleted file mode 100644
index 588c95b3e93c98246cf2f04d1b357c97d76458cc..0000000000000000000000000000000000000000
--- a/src/components/chat-tool-call-item/chat-tool-call-item.scss
+++ /dev/null
@@ -1,128 +0,0 @@
-$chat-tool-call-item: (
-    font-size: 14px,
-    header-height: 32px,
-    color-2: var(--ibiz-ai-chat-color-2),
-    bg: var(--ibiz-ai-chat-hover-background-color),
-    bg-2: var(--ibiz-ai-chat-hover-background-color-2),
-    border-radius: var(--ibiz-ai-chat-border-radius),
-    hover-bg-color: var(--ibiz-ai-chat-hover-background-color),
-    border: var(--ibiz-ai-chat-border-color),
-    bg-primary: #1e1e1e,
-    bg-secondary: #2d2d2d,
-    bg-tertiary: #3c3c3c,
-    text-primary: #d4d4d4,
-    text-secondary: #9cdcfe,
-    text-error: #f44747,
-    text-string: #ce9178,
-    text-boolean: #569cd6,
-    text-property: #9cdcfe,
-    text-number: #b5cea8,
-    border-color: #444,
-    accent-primary: #0e639c,
-    accent-error: rgb(244 71 71 / 20%)
-);
-
-@include b(chat-tool-call-item) {
-    @include set-component-css-var('chat-tool-call-item', $chat-tool-call-item);
-
-    margin-bottom: 8px;
-    background-color: getCssVar(chat-tool-call-item, bg);
-    border: getCssVar(chat-tool-call-item, border-color);
-    border-radius: 4px;
-
-    svg {
-        width: 14px !important;
-        height: 14px !important;
-        cursor: pointer;
-        background: none;
-        border: none;
-        fill: none !important;
-    }
-
-    @include e(header) {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        width: 100%;
-        padding: 8px 10px;
-
-        >div {
-            display: flex;
-            column-gap: 4px;
-            align-items: center;
-        }
-    }
-
-    @include e(header-left) {
-        gap: 8px;
-        min-width: 0;
-        margin-right: 8px;
-        @include m(caption) {
-            flex-shrink: 0;
-        }
-
-        @include m(desc) {
-            min-width: 0;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-    }
-
-    @include e(header-right) {
-        flex-shrink: 0;
-    }
-
-    @include e(content) {
-        padding: 8px 0;
-    }
-
-    @include e(copy) {
-        display: flex;
-        align-items: center;
-    }
-
-    .code-line {
-        display: flex;
-        min-height: 18px;
-        margin-bottom: 5px;
-        font-family: Consolas, monospace;
-        font-size: 0.95rem;
-    }
-
-    .line-number {
-        min-width: 20px;
-        margin-right: 15px;
-        color: #6a9955;
-        text-align: right;
-        user-select: none;
-    }
-
-    .property {
-        color: getCssVar(chat-tool-call-item, text-property);
-    }
-
-    .string {
-        overflow: hidden;
-        color: getCssVar(chat-tool-call-item, text-string);
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-
-    .boolean {
-        color: getCssVar(chat-tool-call-item, text-boolean);
-    }
-
-    .number {
-        color: getCssVar(chat-tool-call-item, text-number);
-    }
-
-    .null {
-        color: getCssVar(chat-tool-call-item, text-boolean);
-    }
-
-    .error {
-        color: getCssVar(chat-tool-call-item, text-error);
-    }
-
-}
\ No newline at end of file
diff --git a/src/components/chat-tool-call-item/chat-tool-call-item.tsx b/src/components/chat-tool-call-item/chat-tool-call-item.tsx
deleted file mode 100644
index 64581d76d60572b937d056edc8a63f4f8722767d..0000000000000000000000000000000000000000
--- a/src/components/chat-tool-call-item/chat-tool-call-item.tsx
+++ /dev/null
@@ -1,264 +0,0 @@
-/* eslint-disable no-use-before-define */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { useEffect } from 'preact/hooks';
-import { useSignal } from '@preact/signals';
-import { IChatToolCall } from '../../interface';
-import { createUUID, Namespace } from '../../utils';
-import './chat-tool-call-item.scss';
-
-export interface ChatToolCallItemProps {
-  /**
-   * @description 工具调用
-   * @type {IChatToolCall}
-   * @memberof ChatToolCallItemProps
-   */
-  item: IChatToolCall;
-}
-
-export const ChatToolCallItem = (props: ChatToolCallItemProps) => {
-  const ns = new Namespace('chat-tool-call-item');
-  // 是否展开
-  const isExpand = useSignal<boolean>(false);
-  // 是否正在拷贝
-  const isCopying = useSignal<boolean>(false);
-  // 定时器ID
-  let timerId: NodeJS.Timeout | undefined;
-
-  const uuid = createUUID();
-
-  // 处理折叠
-  const onCollapse = () => {
-    isExpand.value = !isExpand.value;
-    renderJSON(`code-block-${uuid}`, props.item);
-  };
-
-  // 处理复制
-  const onCopy = (event: MouseEvent) => {
-    event.stopPropagation();
-    if (timerId) {
-      clearTimeout(timerId);
-    }
-    isCopying.value = true;
-    navigator.clipboard.writeText(JSON.stringify(props.item, undefined, 2));
-    (window as any).ibiz.message.success('已复制');
-    timerId = setTimeout(() => {
-      isCopying.value = false;
-    }, 2000);
-  };
-
-  // 添加 useEffect 来处理组件销毁时的清理，空依赖数组表示只在组件挂载和销毁时执行
-  useEffect(() => {
-    // 返回清理函数，在组件销毁时执行
-    return () => {
-      if (timerId) {
-        clearTimeout(timerId);
-      }
-    };
-  }, []);
-
-  // 格式化并显示JSON数据
-  const renderJSON = (
-    elementId: string,
-    data: unknown,
-    indentLevel: number = 0,
-  ): void => {
-    const container = document.getElementById(elementId);
-    if (!container) return;
-    container.innerHTML = '';
-    if (!isExpand.value) return;
-    const lines = formatJSON(data, indentLevel);
-    lines.forEach((line, index) => {
-      const lineElement = document.createElement('div');
-      lineElement.className = 'code-line';
-
-      const lineNumber = document.createElement('span');
-      if (lineNumber) {
-        lineNumber.className = 'line-number';
-        lineNumber.textContent = (index + 1).toString();
-        lineElement.appendChild(lineNumber);
-        lineElement.innerHTML += line;
-        container.appendChild(lineElement);
-      }
-    });
-  };
-
-  // 递归格式化JSON数据
-  const formatJSON = (data: unknown, indentLevel: number = 0) => {
-    const indent = '  '.repeat(indentLevel);
-    const lines = [];
-
-    if (Array.isArray(data)) {
-      if (data.length === 0) {
-        return [`${indent}<span class="array">[]</span>`];
-      }
-
-      lines.push(`${indent}<span class="array">[</span>`);
-
-      data.forEach((item, index) => {
-        const itemLines = formatJSON(item, indentLevel + 1);
-        const comma = index < data.length - 1 ? ',' : '';
-
-        if (typeof item === 'object' && item !== null) {
-          lines.push(...itemLines.slice(0, -1));
-          lines.push(`${itemLines[itemLines.length - 1]}${comma}`);
-        } else {
-          lines.push(`${itemLines[0]}${comma}`);
-        }
-      });
-
-      lines.push(`${indent}<span class="array">]</span>`);
-    } else if (typeof data === 'object' && data !== null) {
-      const keys = Object.keys(data);
-      if (keys.length === 0) {
-        return [`${indent}<span class="property">{}</span>`];
-      }
-
-      lines.push(`${indent}<span class="property">{</span>`);
-
-      keys.forEach((key, index) => {
-        const value = (data as Record<string, any>)[key];
-        const comma = index < keys.length - 1 ? ',' : '';
-        const keyElement = `<span class="json-key">"${key}":</span>`;
-
-        if (typeof value === 'object' && value !== null) {
-          const valueLines = formatJSON(value, indentLevel + 1);
-          lines.push(`${indent}  ${keyElement} ${valueLines[0].trim()}`);
-
-          if (valueLines.length > 1) {
-            lines.push(...valueLines.slice(1, -1));
-            lines.push(`${valueLines[valueLines.length - 1]}${comma}`);
-          }
-        } else {
-          const valueElement = formatValue(value);
-          lines.push(`${indent}  ${keyElement} ${valueElement}${comma}`);
-        }
-      });
-
-      lines.push(`${indent}<span class="property">}</span>`);
-    } else {
-      lines.push(`${indent}${formatValue(data)}`);
-    }
-
-    return lines;
-  };
-
-  // 格式化基本类型的值
-  const formatValue = (value: unknown): string => {
-    if (typeof value === 'string') {
-      // 检查是否是错误消息
-      if (
-        value.includes('Failed') ||
-        value.includes('Error') ||
-        value.includes('ERR_')
-      ) {
-        return `<span class="error">"${value}"</span>`;
-      }
-      return `<span class="string">"${value}"</span>`;
-    }
-    if (typeof value === 'number') {
-      return `<span class="number">${value}</span>`;
-    }
-    if (typeof value === 'boolean') {
-      return `<span class="boolean">${value}</span>`;
-    }
-    if (value === null) {
-      return `<span class="null">null</span>`;
-    }
-    return '';
-  };
-
-  return (
-    <div className={`${ns.b()}`}>
-      <div className={ns.e('header')} onClick={() => onCollapse()}>
-        <div className={ns.e('header-left')}>
-          <div className={ns.em('header-left', 'caption')}>
-            {props.item.name}
-          </div>
-          <div className={ns.em('header-left', 'desc')}>
-            {props.item.parameters?.desc || ''}
-          </div>
-        </div>
-        <div className={ns.e('header-right')}>
-          {props.item.error && <span style='color: red;'>发生错误</span>}
-          {props.item.error && (
-            <svg
-              xmlns='http://www.w3.org/2000/svg'
-              width='13'
-              height='13'
-              viewBox='0 0 24 24'
-              fill='none'
-              stroke='red'
-              strokeWidth='2'
-              strokeLinecap='round'
-              strokeLinejoin='round'
-              aria-hidden='true'
-              style='margin-left: 6px;'
-            >
-              <path d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'></path>
-              <path d='M12 9v4'></path>
-              <path d='M12 17h.01'></path>
-            </svg>
-          )}
-          <span className={ns.e('copy')} title='复制'>
-            {isCopying.value ? (
-              <svg
-                xmlns='http://www.w3.org/2000/svg'
-                width='14'
-                height='14'
-                viewBox='0 0 24 24'
-                fill='none'
-                stroke='rgb(0, 185, 107)'
-                strokeWidth='2'
-                strokeLinecap='round'
-                strokeLinejoin='round'
-                className='lucide lucide-check'
-                aria-hidden='true'
-                style='margin-left: 6px;'
-                onClick={(event: MouseEvent) => event.stopPropagation()}
-              >
-                <path d='M20 6 9 17l-5-5'></path>
-              </svg>
-            ) : (
-              <svg
-                xmlns='http://www.w3.org/2000/svg'
-                width='14'
-                height='14'
-                viewBox='0 0 24 24'
-                fill='none'
-                stroke='currentColor'
-                strokeWidth='2'
-                strokeLinecap='round'
-                strokeLinejoin='round'
-                aria-hidden='true'
-                style='margin-left: 6px;'
-                onClick={(event: MouseEvent) => onCopy(event)}
-              >
-                <rect width='14' height='14' x='8' y='8' rx='2' ry='2'></rect>
-                <path d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'></path>
-              </svg>
-            )}
-          </span>
-          <svg
-            xmlns='http://www.w3.org/2000/svg'
-            width='18'
-            height='18'
-            viewBox='0 0 24 24'
-            fill='none'
-            stroke='currentColor'
-            strokeWidth='1.5'
-            strokeLinecap='round'
-            strokeLinejoin='round'
-            aria-hidden='true'
-            style={{
-              'margin-left': ' 6px',
-              transform: isExpand.value ? 'rotate(90deg)' : 'rotate(0deg)',
-            }}
-          >
-            <path d='m9 18 6-6-6-6'></path>
-          </svg>
-        </div>
-      </div>
-      <div className={ns.e('content')} id={`code-block-${uuid}`}></div>
-    </div>
-  );
-};
diff --git a/src/components/chat-tool-call/chat-tool-call.scss b/src/components/chat-tool-call/chat-tool-call.scss
deleted file mode 100644
index 942f72ddeadaf8ba8ec6d56fd2df9f328c37b853..0000000000000000000000000000000000000000
--- a/src/components/chat-tool-call/chat-tool-call.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-$chat-tool-call: (
-    font-size: 14px,
-    header-height: 32px,
-    color-2: var(--ibiz-ai-chat-color-2),
-    bg: var(--ibiz-ai-chat-hover-background-color),
-    bg-2: var(--ibiz-ai-chat-hover-background-color-2),
-    border-radius: var(--ibiz-ai-chat-border-radius),
-    hover-bg-color: var(--ibiz-ai-chat-hover-background-color),
-    border: var(--ibiz-ai-chat-border-color),
-);
-
-@include b(chat-tool-call) {
-    @include set-component-css-var('chat-tool-call', $chat-tool-call);
-
-    font-size: getCssVar(chat-tool-call, font-size);
-    border-radius: getCssVar(chat-tool-call, border-radius);
-
-    @include e(toggle) {
-        display: block;
-        padding: 8px 0;
-        margin-top: 8px;
-        color: getCssVar(chat-tool-call, color-2);
-        text-align: center;
-        cursor: pointer;
-        background-color: getCssVar(chat-tool-call, bg);
-        border-radius: getCssVar(chat-tool-call, border-radius);
-        
-        &:hover {
-            background-color: getCssVar(chat-tool-call, hover-bg-color);
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/components/chat-tool-call/chat-tool-call.tsx b/src/components/chat-tool-call/chat-tool-call.tsx
deleted file mode 100644
index e080ceb4ac05bcd77f23825c39ca32be823feee2..0000000000000000000000000000000000000000
--- a/src/components/chat-tool-call/chat-tool-call.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { useComputed, useSignal } from '@preact/signals';
-import { useEffect } from 'preact/hooks';
-import { IChatToolCall } from '../../interface';
-import { Namespace } from '../../utils';
-import { ChatToolCallItem } from '../chat-tool-call-item/chat-tool-call-item';
-import './chat-tool-call.scss';
-
-export interface ChatToolCallProps {
-  /**
-   * @description 工具调用集合
-   * @type {IChatToolCall[]}
-   * @memberof ChatToolCallProps
-   */
-  items: IChatToolCall[];
-}
-
-export const ChatToolCall = (props: ChatToolCallProps) => {
-  const { items } = props;
-
-  const ns = new Namespace('chat-tool-call');
-
-  const nodes = useSignal<IChatToolCall[]>([]);
-  const isExpanded = useSignal(false);
-  const showToggle = useSignal(false);
-
-  useEffect(() => {
-    nodes.value = items.filter(item => item);
-    showToggle.value = items.length > 4;
-  }, [items]);
-
-  // 使用计算属性确保界面能实时响应数据变化
-  const displayedNodes = useComputed(() => {
-    return showToggle.value && !isExpanded.value
-      ? nodes.value.slice(0, 4)
-      : nodes.value;
-  });
-
-  const handleToggle = () => {
-    isExpanded.value = !isExpanded.value;
-  };
-
-  return (
-    <div className={`${ns.b()}`}>
-      {displayedNodes.value.map((item, index) => {
-        return <ChatToolCallItem key={index} item={item}></ChatToolCallItem>;
-      })}
-      {showToggle.value && (
-        <div className={ns.e('toggle')} onClick={handleToggle}>
-          {isExpanded.value
-            ? '收起工具调用'
-            : `展开全部 ${nodes.value.length} 个工具调用`}
-        </div>
-      )}
-    </div>
-  );
-};
diff --git a/src/components/chat-toolbar/chat-toolbar-item/chat-toolbar-item.scss b/src/components/chat-toolbar/chat-toolbar-item/chat-toolbar-item.scss
deleted file mode 100644
index f2009f0414faab15cc946c3f4af681e5fa8742c8..0000000000000000000000000000000000000000
--- a/src/components/chat-toolbar/chat-toolbar-item/chat-toolbar-item.scss
+++ /dev/null
@@ -1,163 +0,0 @@
-@include b(chat-toolbar-item) {
-  position: relative;
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  cursor: pointer;
-
-  @include e(content) {
-    display: flex;
-    align-items: center;
-    white-space: nowrap;
-
-    @include m(icon) {
-      display: flex;
-      flex-shrink: 0;
-      align-items: center;
-      justify-content: center;
-      width: 18px;
-      height: 18px;
-      font-size: 18px;
-    }
-
-    @include m(label) {
-      display: flex;
-      align-items: center;
-    }
-  }
-
-  @include e(more) {
-    display: flex;
-    align-items: center;
-
-    @include m(icon) {
-      font-size: 18px;
-    }
-  }
-}
-
-@include b(chat-toolbar-item-default) {
-  width: fit-content;
-  font-size: 14px;
-  color: #{getCssVar('ai-chat', 'color-2')};
-
-  .#{bem(chat-toolbar-item, content)} {
-    z-index: 9;
-    gap: 6px;
-    padding: 2px 14px;
-    line-height: 28px;
-    background-color: #{getCssVar('ai-chat', 'background-color-2')};
-    border-radius: 12px;
-  }
-
-  @include when(disabled) {
-    cursor: not-allowed;
-    .#{bem(chat-toolbar-item, content)},
-    .#{bem(chat-toolbar-item, more)} {
-      background-color: #{getCssVar('ai-chat', 'disabled-color')};
-    }
-  }
-
-  &:not(.is-disabled) {
-    .#{bem(chat-toolbar-item, content)},
-    .#{bem(chat-toolbar-item, more)} {
-      &:hover {
-        background-color: #{getCssVar('ai-chat', 'hover-background-color-2')};
-      }
-    }
-  }
-
-  @include when(more) {
-    .#{bem(chat-toolbar-item, content)} {
-      padding: 2px 8px 2px 14px;
-      border-radius: 12px 0 0 12px;
-    }
-  }
-
-  .#{bem(chat-toolbar-item, more)} {
-    z-index: 9;
-    height: 32px;
-    padding: 2px 14px 2px 8px;
-    background-color: #{getCssVar('ai-chat', 'background-color-2')};
-    border-left: 1px solid #{getCssVar('ai-chat', 'border-color')};
-    border-radius: 0 12px 12px 0;
-  }
-}
-
-@include b(chat-toolbar-item-circle) {
-  max-width: 32px;
-  height: 32px;
-  padding: 6px;
-  overflow: hidden;
-  font-size: 12px;
-  white-space: nowrap;
-  border: 1px solid #{getCssVar('ai-chat', 'border-color')};
-  border-radius: 15px;
-  transition: max-width 0.8s ease;
-
-  @include when(disabled) {
-    color: #{getCssVar('ai-chat', 'disabled-color')};
-    cursor: not-allowed;
-  }
-
-  &:hover:not(.is-disabled) {
-    max-width: 200px;
-    color: #{getCssVar('ai-chat', 'hover-color')};
-    background-color: #{getCssVar('ai-chat', 'hover-background-color')};
-  }
-
-  .#{bem(chat-toolbar-item, content, label)} {
-    width: calc(100% - 32px);
-    margin-left: 8px;
-    font-size: 14px;
-  }
-}
-
-@include b(chat-toolbar-item-dropdown) {
-  position: absolute;
-  right: 0;
-  bottom: 36px;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  max-width: 150px;
-  padding: 4px;
-  background-color: #{getCssVar('ai-chat', 'background-color-2')};
-  border-radius: 6px;
-
-  @include e(item) {
-    display: flex;
-    gap: 6px;
-    align-items: center;
-    padding: 0 8px;
-    line-height: 32px;
-    cursor: pointer;
-    border-radius: 6px;
-
-    @include when(disabled) {
-      cursor: not-allowed;
-      background-color: #{getCssVar('ai-chat', 'disabled-color')};
-    }
-
-    &:hover:not(.is-disabled) {
-      background-color: #{getCssVar('ai-chat', 'hover-background-color-2')};
-    }
-
-    @include m(icon) {
-      display: flex;
-      flex-shrink: 0;
-      align-items: center;
-      justify-content: center;
-      width: 18px;
-      height: 18px;
-      font-size: 18px;
-    }
-
-    @include m(label) {
-      flex-grow: 1;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-}
diff --git a/src/components/chat-toolbar/chat-toolbar-item/chat-toolbar-item.tsx b/src/components/chat-toolbar/chat-toolbar-item/chat-toolbar-item.tsx
deleted file mode 100644
index 240f88aa24e55e737ad55b88d934706c94a21f3a..0000000000000000000000000000000000000000
--- a/src/components/chat-toolbar/chat-toolbar-item/chat-toolbar-item.tsx
+++ /dev/null
@@ -1,208 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { useEffect, useRef, useState } from 'preact/hooks';
-import { IChatToolbarItem } from '../../../interface';
-import { Namespace, isSvg } from '../../../utils';
-import './chat-toolbar-item.scss';
-
-export interface ChatToolberItemProps {
-  /**
-   * 工具栏项模型
-   *
-   * @type {IChatToolbarItem}
-   * @memberof ChatToolberItemProps
-   */
-  model: IChatToolbarItem;
-  /**
-   * 业务数据
-   *
-   * @type {*}
-   * @memberof ChatToolberItemProps
-   */
-  data: any;
-  /**
-   * 是否禁用
-   *
-   * @type {boolean}
-   * @memberof ChatToolberItemProps
-   */
-  disabled?: boolean;
-  /**
-   * 类名
-   *
-   * @type {string}
-   * @memberof ChatToolberItemProps
-   */
-  className?: string;
-  /**
-   * 按钮类型
-   *
-   * @type {('default' | 'circle')}
-   * @memberof ChatToolberItemProps
-   */
-  buttonType?: 'default' | 'circle';
-  /**
-   * 点击事件
-   *
-   * @memberof ChatToolberItemProps
-   */
-  onClick: (e: MouseEvent, item: IChatToolbarItem) => void;
-}
-
-const ns = new Namespace('chat-toolbar-item');
-
-export const ChatToolberItem = (props: ChatToolberItemProps) => {
-  const {
-    model,
-    data,
-    className,
-    disabled = false,
-    buttonType = 'default',
-    onClick,
-  } = props;
-
-  const [isVisible, setIsVisible] = useState(false);
-
-  const dropdownRef = useRef<HTMLDivElement | null>(null);
-
-  /**
-   * 是否隐藏
-   *
-   * @param {IChatToolbarItem} model
-   * @return {*}  {boolean}
-   */
-  const isHidden = (item: IChatToolbarItem): boolean => {
-    if (typeof item.hidden === 'function') return item.hidden(data);
-    return item.hidden === true;
-  };
-
-  // 隐藏不绘制
-  if (isHidden(model)) return <></>;
-
-  /**
-   * 是否禁用
-   *
-   * @param {IChatToolbarItem} item
-   * @return {*}  {boolean}
-   */
-  const isDisabled = (item: IChatToolbarItem): boolean => {
-    if (disabled) return true;
-    if (typeof item.disabled === 'function') return item.disabled(data);
-    return item.disabled === true;
-  };
-
-  /**
-   * 绘制图标
-   *
-   * @param {IChatToolbarItem} item
-   * @return {*}
-   */
-  const renderIcon = (item: IChatToolbarItem) => {
-    if (typeof item.icon === 'function') return item.icon();
-    if (item.icon?.showIcon && item.icon?.cssClass)
-      return <i className={item.icon.cssClass} />;
-    if (item.icon?.showIcon && item.icon?.imagePath) {
-      if (isSvg(item.icon.imagePath))
-        return (
-          <div
-            dangerouslySetInnerHTML={{
-              __html: item.icon.imagePath,
-            }}
-          />
-        );
-      return <img src={item.icon.imagePath} />;
-    }
-  };
-
-  /**
-   * 打开更多
-   *
-   * @param {MouseEvent} _event
-   */
-  const openMore = (_event: MouseEvent) => {
-    if (isDisabled(model)) return;
-    setIsVisible(true);
-  };
-
-  /**
-   * 处理项点击
-   *
-   * @param {MouseEvent} e
-   * @param {IChatToolbarItem} item
-   */
-  const handleItemClick = (e: MouseEvent, item: IChatToolbarItem) => {
-    if (isDisabled(item)) return;
-    setIsVisible(false);
-    onClick(e, item);
-  };
-
-  useEffect(() => {
-    // 监听外部点击
-    const handleClickOutside = (event: MouseEvent) => {
-      if (
-        dropdownRef.current &&
-        dropdownRef.current.contains(event.target as Node)
-      )
-        return;
-      setIsVisible(false);
-    };
-
-    if (isVisible) {
-      document.addEventListener('mousedown', handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [isVisible]);
-
-  return (
-    <div
-      className={`${ns.b()} ${ns.b(buttonType)} ${model.customClass || ''} ${
-        className || ''
-      } ${ns.is('disabled', isDisabled(model))} ${ns.is(
-        'more',
-        !!model.children?.length,
-      )}`}
-    >
-      <div
-        title={model.title}
-        className={ns.e('content')}
-        onClick={e => handleItemClick(e, model)}
-      >
-        <div className={ns.em('content', 'icon')}>{renderIcon(model)}</div>
-        <div className={ns.em('content', 'label')}>{model.label}</div>
-      </div>
-      {model.children?.length && (
-        <div title='更多' className={ns.e('more')} onClick={openMore}>
-          <i
-            aria-hidden='true'
-            className={`fa fa-angle-down ${ns.em('more', 'icon')}`}
-          />
-        </div>
-      )}
-      {isVisible && (
-        <div ref={dropdownRef} className={ns.b('dropdown')}>
-          {model.children?.map((child, index) => {
-            if (isHidden(child)) return;
-            return (
-              <div
-                key={index}
-                title={child.title}
-                onClick={e => handleItemClick(e, child)}
-                className={`${ns.be('dropdown', 'item')} ${
-                  child.customClass || ''
-                } ${ns.is('disabled', isDisabled(child))}`}
-              >
-                <div className={ns.bem('dropdown', 'item', 'icon')}>
-                  {renderIcon(child)}
-                </div>
-                <div className={ns.bem('dropdown', 'item', 'label')}>
-                  {child.label}
-                </div>
-              </div>
-            );
-          })}
-        </div>
-      )}
-    </div>
-  );
-};
diff --git a/src/components/chat-toolbar/chat-toolbar.scss b/src/components/chat-toolbar/chat-toolbar.scss
deleted file mode 100644
index c86118d7a5e52906267cf5c35b014e7a0898b664..0000000000000000000000000000000000000000
--- a/src/components/chat-toolbar/chat-toolbar.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-@include b(chat-toolbar) {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-
-  .#{bem(chat-toolbar-item)} {
-    &:not(:first-child) {
-      margin-left: 6px;
-    }
-  }
-}
diff --git a/src/components/chat-toolbar/chat-toolbar.tsx b/src/components/chat-toolbar/chat-toolbar.tsx
deleted file mode 100644
index 79b0ae8efeb0099052464a7d626d36818605f4e4..0000000000000000000000000000000000000000
--- a/src/components/chat-toolbar/chat-toolbar.tsx
+++ /dev/null
@@ -1,276 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { useContext, useMemo } from 'preact/hooks';
-import { IChatToolbarItem } from '../../interface';
-import { AiChatController } from '../../controller';
-import { Namespace } from '../../utils';
-import {
-  CopySvg,
-  DeleteSvg,
-  RefreshSvg,
-  FillSvg,
-  ResetDialogueSvg,
-  ClearDialogueSvg,
-  NewDialogueSvg,
-} from '../../icons';
-import { ContainerContext } from '../chat-container/chat-container';
-import { ChatMessage } from '../../entity';
-import { ChatToolberItem } from './chat-toolbar-item/chat-toolbar-item';
-import './chat-toolbar.scss';
-
-export interface ChatToolbarProps {
-  /**
-   * 单实例聊天总控
-   *
-   * @type {AiChatController}
-   * @memberof ChatToolbarProps
-   */
-  controller: AiChatController;
-
-  /**
-   * 用户自定义工具项集合
-   *
-   * @type {IChatToolbarItem}
-   * @memberof ChatToolbarProps
-   */
-  items?: IChatToolbarItem[];
-
-  /**
-   * 业务数据
-   *
-   * @type {*}
-   * @memberof ChatToolbarProps
-   */
-  data: any;
-
-  /**
-   * 工具栏类型
-   *
-   * @type {('content' | 'footer')}
-   * @memberof ChatToolbarProps
-   */
-  type: 'content' | 'footer';
-
-  /**
-   * 类名
-   *
-   * @type {string}
-   * @memberof ChatToolbarProps
-   */
-  className?: string;
-
-  /**
-   * AI模式
-   *
-   * @type {('DEFAULT' | 'TOPIC')}
-   * @memberof ChatToolbarProps
-   */
-  mode: 'DEFAULT' | 'TOPIC';
-
-  /**
-   * 隐藏话题侧边栏
-   *
-   * @type {boolean}
-   * @memberof ChatToolbarProps
-   */
-  hideTopicSidebar: boolean;
-}
-
-const ns = new Namespace('chat-toolbar');
-
-export const ChatToolbar = (props: ChatToolbarProps) => {
-  const {
-    controller,
-    items = [],
-    data,
-    type,
-    className,
-    mode,
-    hideTopicSidebar,
-  } = props;
-  const containerContext = useContext(ContainerContext);
-
-  let toolbarItems: IChatToolbarItem[] = [];
-
-  /**
-   * 底部默认工具栏
-   *
-   */
-  const FooterDefaultItems: IChatToolbarItem[] = [
-    {
-      label: '重置对话',
-      title: '重置对话',
-      icon: () => {
-        return <ResetDialogueSvg />;
-      },
-      onClick: () => {
-        controller.resetTopic();
-      },
-      children: [
-        {
-          label: '清空对话',
-          title: '清空对话',
-          icon: () => {
-            return <ClearDialogueSvg />;
-          },
-          onClick: () => {
-            controller.clearTopic();
-          },
-        },
-        {
-          label: '新建对话',
-          title: '新建对话',
-          hidden: mode !== 'TOPIC' || hideTopicSidebar,
-          icon: () => {
-            return <NewDialogueSvg />;
-          },
-          onClick: () => {
-            controller.newTopic();
-          },
-        },
-      ],
-    },
-  ];
-
-  /**
-   * 回答默认工具栏
-   *
-   */
-  const AnswerDefaultItems: IChatToolbarItem[] = [
-    {
-      label: '刷新',
-      title: '刷新',
-      icon: () => {
-        return <RefreshSvg />;
-      },
-      onClick: () => {
-        controller.refreshMessage(data);
-      },
-    },
-    {
-      label: '删除',
-      title: '删除',
-      hidden: (): boolean => {
-        return !data.realmessageid;
-      },
-      icon: () => {
-        return <DeleteSvg />;
-      },
-      onClick: () => {
-        controller.deleteMessage(data);
-      },
-    },
-    {
-      label: '复制',
-      title: '复制',
-      icon: () => {
-        return <CopySvg />;
-      },
-      onClick: () => {
-        controller.copyMessage(data);
-      },
-    },
-  ];
-
-  // 容器注入参数
-  if (containerContext.enableBackFill) {
-    AnswerDefaultItems.unshift(
-      ...[
-        {
-          label: '回填',
-          title: '回填',
-          icon: () => {
-            return <FillSvg />;
-          },
-          onClick: () => {
-            controller.backfill(data);
-          },
-        },
-      ],
-    );
-  }
-
-  /**
-   * 提问默认工具栏
-   */
-  const QuestionDefaultItems: IChatToolbarItem[] = [
-    {
-      label: '刷新',
-      title: '刷新',
-      icon: () => {
-        return <RefreshSvg />;
-      },
-      onClick: () => {
-        controller.refreshMessage(data, true);
-      },
-    },
-  ];
-
-  if (type === 'content') {
-    switch (data.type) {
-      case 'DEFAULT':
-        if (data.role === 'ASSISTANT') {
-          toolbarItems = [...AnswerDefaultItems, ...items];
-        } else {
-          toolbarItems = [...QuestionDefaultItems];
-        }
-        break;
-      case 'ERROR':
-        toolbarItems = [...AnswerDefaultItems, ...items];
-        break;
-      default:
-        break;
-    }
-  } else {
-    toolbarItems = [...FooterDefaultItems, ...items];
-  }
-
-  const handleItemClick = (e: MouseEvent, item: IChatToolbarItem): void => {
-    const tempData = {
-      ...data,
-    };
-    // 特殊处理消息数据
-    if (data instanceof ChatMessage) {
-      Object.assign(tempData, { topic: controller.topic });
-      // 计算真实文本
-      tempData.msg.realcontent = data.realcontent;
-    } else {
-      if (!tempData.data) tempData.data = {};
-      Object.assign(tempData.data, { messages: controller.messages.value });
-    }
-    if (item.onClick && typeof item.onClick === 'function') {
-      item.onClick(e, item, controller.context, controller.params, tempData);
-    } else {
-      const extendToolbarClick = props.controller.opts.extendToolbarClick;
-      if (extendToolbarClick && typeof extendToolbarClick === 'function') {
-        extendToolbarClick(
-          e,
-          item,
-          controller.context,
-          controller.params,
-          tempData,
-        );
-      }
-    }
-  };
-
-  const isLoadding = useMemo(() => {
-    return type === 'content' && data?.state === 20 && data?.completed !== true;
-  }, [data?.state, data?.completed]);
-
-  return (
-    <div className={`${ns.b()} ${className || ''}`}>
-      {toolbarItems.map((item, index) => {
-        return (
-          <ChatToolberItem
-            data={data}
-            key={index}
-            model={item}
-            disabled={isLoadding}
-            buttonType={type === 'content' ? 'circle' : 'default'}
-            onClick={handleItemClick.bind(this)}
-          />
-        );
-      })}
-    </div>
-  );
-};
diff --git a/src/components/chat-topic-item/chat-topic-item.scss b/src/components/chat-topic-item/chat-topic-item.scss
deleted file mode 100644
index 32d4146c0a03e7fbb17b56734df223c2392cb7c8..0000000000000000000000000000000000000000
--- a/src/components/chat-topic-item/chat-topic-item.scss
+++ /dev/null
@@ -1,92 +0,0 @@
-@include b(chat-topic-item) {
-  position: relative;
-  display: flex;
-  align-items: center;
-  height: 38px;
-  padding: 0 8px;
-  margin-bottom: 6px;
-  font-size: getCssVar(font-size, regular);
-  cursor: pointer;
-  border-radius: 12px;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-
-  &:hover:not(.is-edit) {
-    color: #{getCssVar('ai-chat', 'hover-color')};
-    background-color: #{getCssVar('ai-chat', 'hover-background-color')};
-
-    @include e(icon) {
-      opacity: 1;
-    }
-  }
-
-  @include when(active) {
-    &:not(.is-edit) {
-      color: #{getCssVar('ai-chat', 'hover-color')};
-      background-color: #{getCssVar('ai-chat', 'hover-background-color')};
-    }
-  }
-
-  @include when(edit) {
-    border: 2px solid #{getCssVar('ai-chat', 'background-color-2')};
-  }
-
-  @include e(caption) {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-
-    @include m(readonly) {
-      display: flex;
-      gap: 8px;
-      align-items: center;
-      width: 100%;
-    }
-
-    @include m(text) {
-      min-width: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    @include m(icon) {
-      flex-shrink: 0;
-      font-size: 12px;
-    }
-
-    @include m(editor) {
-      width: 100%;
-      height: 100%;
-      color: #{getCssVar('ai-chat', 'color')};
-      background: #{getCssVar('ai-chat', 'background-color')};
-      border: none;
-      outline: none;
-    }
-  }
-
-  @include e(icon) {
-    position: absolute;
-    top: 50%;
-    right: 10px;
-    display: flex;
-    gap: 8px;
-    align-items: center;
-    justify-content: flex-end;
-    height: 24px;
-    padding: 0 8px;
-    color: #{getCssVar('ai-chat', 'hover-color')};
-    background-color: #{getCssVar('ai-chat', 'hover-background-color')};
-    border-radius: 8px;
-    outline: none;
-    opacity: 0;
-    transform: translateY(-50%);
-
-    @include m(item) {
-      font-size: 12px;
-    }
-  }
-}
diff --git a/src/components/chat-topic-item/chat-topic-item.tsx b/src/components/chat-topic-item/chat-topic-item.tsx
deleted file mode 100644
index 91732142e8a9bd678eabb67415cfc3f4479491dd..0000000000000000000000000000000000000000
--- a/src/components/chat-topic-item/chat-topic-item.tsx
+++ /dev/null
@@ -1,174 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { useRef, useState } from 'preact/hooks'; // 引入 useState
-import { useComputed, useSignal } from '@preact/signals';
-import { ChatTopic } from '../../entity';
-import { Namespace } from '../../utils';
-import {
-  TopSvg,
-  LinkSvg,
-  MoreSvg,
-  NoTopSvg,
-  RemoveSvg,
-  RenameSvg,
-} from '../../icons'; // 引入 SVG 图标
-import { Popup } from '../popup/popup';
-import { AiTopicController } from '../../controller';
-import './chat-topic-item.scss';
-
-export interface ChatTopicItemProps {
-  controller: AiTopicController;
-  topic: ChatTopic;
-  onClick: () => void;
-  onAction: (action: string, event: MouseEvent) => void;
-}
-
-const ns = new Namespace('chat-topic-item');
-
-export const ChatTopicItem = (props: ChatTopicItemProps) => {
-  const { controller, topic, onClick, onAction } = props;
-  const ref = useRef<HTMLInputElement>(null);
-  const active = useComputed(() => {
-    const result = controller.activedTopic.value?.id === topic.id;
-    return result;
-  });
-
-  const [isPopupOpen, setIsPopupOpen] = useState(false);
-
-  /**
-   * 是否为编辑模式
-   */
-  const isEditMode = useSignal(false);
-
-  /**
-   * 跳转主数据
-   *
-   * @author tony001
-   * @date 2025-02-24 10:02:42
-   * @param {MouseEvent} event
-   */
-  const handleJumpToView = (event: MouseEvent) => {
-    event.stopPropagation();
-    onAction('LINK', event);
-  };
-
-  /**
-   * 处理话题行为
-   *
-   * @author tony001
-   * @date 2025-02-24 10:02:57
-   * @param {string} actionId
-   * @param {MouseEvent} event
-   */
-  const handleAction = (actionId: string, event: MouseEvent) => {
-    if (actionId === 'RENAME') {
-      isEditMode.value = true;
-      // 必须延迟100毫秒聚焦
-      setTimeout(() => {
-        ref.current?.focus();
-      }, 100);
-    } else {
-      onAction(actionId, event);
-    }
-    setIsPopupOpen(false);
-  };
-
-  /**
-   * 处理值改变
-   * @param event
-   */
-  const handleChange = (event: any) => {
-    event.stopPropagation();
-    topic.data.caption = event.target?.value;
-  };
-
-  /**
-   * 处理失焦事件
-   *
-   * - 关闭编辑状态
-   * - 执行重命名行为
-   * @param {MouseEvent} event
-   */
-  const handleBlur = (event: Event) => {
-    event.stopPropagation();
-    isEditMode.value = false;
-    onAction('RENAME', event as MouseEvent);
-  };
-
-  /**
-   * 处理回车事件
-   *
-   * - 关闭编辑状态
-   * @param event
-   */
-  const handleKeyDown = (event: KeyboardEvent) => {
-    event.stopPropagation();
-    if (event.key === 'Enter') {
-      isEditMode.value = false;
-    }
-  };
-
-  return (
-    <div
-      className={`${ns.b()} ${ns.is('active', active.value)} ${ns.is(
-        'edit',
-        isEditMode.value,
-      )}`}
-      onClick={onClick.bind(this)}
-    >
-      <div className={ns.e('caption')} title={topic.caption}>
-        {isEditMode.value ? (
-          <input
-            ref={ref}
-            value={topic.caption}
-            onBlur={handleBlur}
-            onKeyDown={handleKeyDown}
-            onClick={e => e.stopPropagation()}
-            onChange={value => handleChange(value)}
-            className={ns.em('caption', 'editor')}
-          />
-        ) : (
-          <div className={ns.em('caption', 'readonly')}>
-            <span className={ns.em('caption', 'text')}>{topic.caption}</span>
-            {topic.isTop ? (
-              <span className={ns.em('caption', 'icon')}>
-                <TopSvg />
-              </span>
-            ) : null}
-          </div>
-        )}
-      </div>
-      {!isEditMode.value && (
-        <div className={ns.e('icon')}>
-          <span
-            title='跳转主视图'
-            className={ns.em('icon', 'item')}
-            onClick={handleJumpToView.bind(this)}
-          >
-            <LinkSvg className={ns.b('link-icon')} />
-          </span>
-          {!active.value ? (
-            <Popup
-              actions={[
-                {
-                  id: 'PINNED',
-                  caption: topic.isTop ? '取消置顶' : '置顶',
-                  icon: topic.isTop ? <NoTopSvg /> : <TopSvg />,
-                },
-                { id: 'RENAME', caption: '重命名', icon: <RenameSvg /> },
-                { id: 'DELETE', caption: '删除话题', icon: <RemoveSvg /> },
-              ]}
-              position='bottom'
-              isOpen={isPopupOpen}
-              onToggleOpen={setIsPopupOpen}
-              onAction={handleAction.bind(this)}
-            >
-              <span className={ns.em('icon', 'item')} title='更多'>
-                <MoreSvg className={ns.e('more-icon')} />
-              </span>
-            </Popup>
-          ) : null}
-        </div>
-      )}
-    </div>
-  );
-};
diff --git a/src/components/chat-topics/chat-topics.scss b/src/components/chat-topics/chat-topics.scss
deleted file mode 100644
index eaeeac770ae32d194d550698a5fbb98a52bbddbf..0000000000000000000000000000000000000000
--- a/src/components/chat-topics/chat-topics.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-@include b(chat-topics) {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  height: 100%;
-  padding: 8px 0;
-
-  @include e(header) {
-    flex-shrink: 0;
-    padding: 0 8px;
-  }
-
-  @include e(main) {
-    flex-grow: 1;
-    padding: 0 8px;
-    overflow-y: auto;
-  }
-
-  @include e(empty){
-    font-size: getCssVar(font-size, regular);
-    text-align: center;
-  }
-
-  @include e(footer) {
-    display: flex;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-    padding: 0 8px;
-  }
-
-  @include e(action) {
-    display: flex;
-    gap: 4px;
-    align-items: center;
-    padding: 4px 12px;
-    font-size: 14px;
-    cursor: pointer;
-    border: 1px solid #{getCssVar('ai-chat', 'border-color')};
-    border-radius: 2px;
-
-    &:hover {
-      color: #{getCssVar('ai-chat', 'hover-color')};
-      background-color: #{getCssVar('ai-chat', 'hover-background-color')};
-    }
-
-    > svg {
-      width: 14px !important;
-      height: 14px !important;
-    }
-  }
-}
diff --git a/src/components/chat-topics/chat-topics.tsx b/src/components/chat-topics/chat-topics.tsx
deleted file mode 100644
index c2808270b733d626d174efd7731697fca9fd183f..0000000000000000000000000000000000000000
--- a/src/components/chat-topics/chat-topics.tsx
+++ /dev/null
@@ -1,144 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { useSignal } from '@preact/signals';
-import { useEffect, useRef } from 'preact/hooks';
-import { AiTopicController } from '../../controller';
-import { ChatTopic } from '../../entity';
-import { Namespace } from '../../utils';
-import { ChatTopicItem } from '../chat-topic-item/chat-topic-item';
-import { RemoveSvg } from '../../icons';
-import { ChatSearch } from '../chat-search/chat-search';
-import './chat-topics.scss';
-
-export interface ChatTopicProps {
-  /**
-   * 话题控制器
-   *
-   * @author tony001
-   * @date 2025-02-20 17:02:49
-   * @type {AiTopicController}
-   */
-  controller: AiTopicController;
-}
-
-const ns = new Namespace('chat-topics');
-
-export const ChatTopics = (props: ChatTopicProps) => {
-  const containerRef = useRef<HTMLDivElement>(null);
-
-  /**
-   * 快速搜索值
-   */
-  const query = useSignal<string | undefined>(undefined);
-
-  /**
-   * 当前话题列表
-   */
-  const topics = useSignal<ChatTopic[]>([]);
-
-  useEffect(() => {
-    const currentTopic = [...props.controller.topics.value].sort((a, b) => {
-      // 第一优先级：置顶状态（true在前，false在后）
-      if (a.isTop !== b.isTop) return b.isTop ? 1 : -1;
-      // 第二优先级：sequence排序
-      return a.sequence - b.sequence;
-    });
-    topics.value = currentTopic.filter(topic =>
-      topic.caption
-        ?.toLowerCase()
-        .includes(query.value?.trim().toLowerCase() || ''),
-    );
-  }, [props.controller.topics.value]);
-
-  /**
-   * 项点击
-   *
-   * @author tony001
-   * @date 2025-02-24 10:02:31
-   * @param {ChatTopic} topic
-   */
-  const itemClick = (topic: ChatTopic) => {
-    props.controller.handleTopicChange(topic);
-  };
-
-  /**
-   * 话题行为
-   *
-   * @author tony001
-   * @date 2025-02-24 10:02:22
-   * @param {string} action
-   * @param {ChatTopic} topic
-   * @param {MouseEvent} event
-   */
-  const handleTopicAction = (
-    action: string,
-    topic: ChatTopic,
-    event: MouseEvent,
-  ) => {
-    props.controller.handleTopicAction(action, topic, event);
-  };
-
-  /**
-   * 处理值改变
-   *
-   * @param {*} event
-   */
-  const handleChange = (value: string) => {
-    query.value = value;
-    topics.value = props.controller.topics.value.filter(topic =>
-      topic.caption
-        ?.toLowerCase()
-        .includes(query.value?.trim().toLowerCase() || ''),
-    );
-  };
-
-  // 监听激活项改变，滚动到激活项
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container) return;
-    const selectedElement = container.querySelector(
-      '.ibiz-chat-topic-item.is-active',
-    );
-    selectedElement?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-  }, [props.controller.activedTopic.value]);
-
-  return (
-    <div className={ns.b()}>
-      <div className={ns.e('header')}>
-        <ChatSearch
-          value={query.value}
-          placeholder='搜索话题'
-          onChange={handleChange.bind(this)}
-        />
-      </div>
-      <div ref={containerRef} className={ns.e('main')}>
-        {topics.value && topics.value.length > 0 ? (
-          topics.value.map(topic => {
-            return (
-              <ChatTopicItem
-                key={topic.id}
-                topic={topic}
-                controller={props.controller}
-                onClick={() => itemClick(topic)}
-                onAction={(action: string, event: MouseEvent) =>
-                  handleTopicAction(action, topic, event)
-                }
-              />
-            );
-          })
-        ) : (
-          <div className={ns.e('empty')}>暂无话题</div>
-        )}
-      </div>
-      <div className={ns.e('footer')}>
-        <div
-          title='清空会话'
-          className={ns.e('action')}
-          onClick={() => props.controller.clearTopic()}
-        >
-          <RemoveSvg />
-          <span>清空会话</span>
-        </div>
-      </div>
-    </div>
-  );
-};
diff --git a/src/components/common/common-select/common-select.scss b/src/components/common/common-select/common-select.scss
deleted file mode 100644
index 7aaf9ba990b710a9b53f7bfd134dbc09bcaa01e3..0000000000000000000000000000000000000000
--- a/src/components/common/common-select/common-select.scss
+++ /dev/null
@@ -1,102 +0,0 @@
-@include b('chat-select') {
-  position: relative;
-  flex-grow: 1;
-  width: 100%;
-  min-width: 90px;
-  max-width: 60%;
-  font-size: getCssVar('font-size', 'regular');
-
-  @include e('header') {
-    display: inline-flex;
-    gap: getCssVar('spacing', 'extra', 'tight');
-    align-items: center;
-    justify-content: space-between;
-    max-width: 100%;
-    min-height: getCssVar('height-control', 'default');
-    line-height: 1.1;
-    cursor: pointer;
-
-    @include m('display-value') {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    @include m('prefix') {
-      display: inline-flex;
-      align-items: center;
-
-      .icon {
-        font-size: 1.2em;
-      }
-    }
-
-    @include m('suffix') {
-      display: inline-flex;
-      align-items: center;
-
-      .icon {
-        font-size: 1.2em;
-        fill: none;
-      }
-
-       @include when('disabled') {
-        display: none;
-       }
-    }
-  }
-
-  @include e('dropdown') {
-    position: absolute;
-    bottom: 100%;
-    left: 0;
-    z-index: 2;
-    display: none;
-    width: 100%;
-    height: 0;
-    padding: getCssVar('spacing', 'extra-tight') 0;
-    overflow: hidden;
-    background-color: getCssVar(color, bg, 2);
-    border-radius: getCssVar('border-radius', 'small');
-    box-shadow: getCssVar(shadow, elevated);
-    opacity: 0;
-
-    @include m('list') {
-      max-height: 240px;
-      padding: 0;
-      margin: 0;
-      overflow-y: auto;
-      list-style: none;
-    }
-
-    @include m('item') {
-      padding: getCssVar('spacing', 'tight') getCssVar('spacing', 'base-tight');
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      cursor: pointer;
-
-      &:hover {
-        background-color: getCssVar(color, fill, 0);
-      }
-
-      @include when('active') {
-        color: getCssVar(color, primary, text);
-        background-color: getCssVar(color, primary);
-      }
-    }
-  }
-
-  @include when('visble') {
-    @include e('dropdown') {
-      display: block;
-      height: auto;
-      opacity: 1;
-    }
-  }
-
-  @include when('disabled') {
-    // color: getCssVar(color, disabled, text);
-    pointer-events: none;
-  }
-}
diff --git a/src/components/common/common-select/common-select.tsx b/src/components/common/common-select/common-select.tsx
deleted file mode 100644
index 5c3a0ba93ec66314e3896ab28a1e36adfb73ddea..0000000000000000000000000000000000000000
--- a/src/components/common/common-select/common-select.tsx
+++ /dev/null
@@ -1,170 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { useState, useEffect, useRef } from 'preact/hooks';
-import { Namespace } from '../../../utils';
-import './common-select.scss';
-import { Agent, ArrowDown } from '../../../icons';
-
-export interface CommonSelectOption {
-  /**
-   * 选项值
-   *
-   * @type {string}
-   * @memberof CommonSelectOption
-   */
-  value: string;
-
-  /**
-   * 选项显示文本
-   *
-   * @type {string}
-   * @memberof CommonSelectOption
-   */
-  label: string;
-}
-
-export interface CommonSelectProps {
-  /**
-   * 选项列表
-   *
-   * @type {CommonSelectOption[]}
-   * @memberof CommonSelectProps
-   */
-  options: CommonSelectOption[];
-
-  /**
-   * 当前选中值
-   *
-   * @type {string}
-   * @memberof CommonSelectProps
-   */
-  value?: string;
-
-  /**
-   * 默认值
-   *
-   * @type {string}
-   * @memberof CommonSelectProps
-   */
-  defaultValue?: string;
-
-  /**
-   * 类名
-   *
-   * @type {string}
-   * @memberof CommonSelectProps
-   */
-  className?: string;
-
-  /**
-   * 占位符文本
-   *
-   * @type {string}
-   * @memberof CommonSelectProps
-   */
-  placeholder?: string;
-
-  /**
-   * 值改变回调
-   *
-   * @memberof CommonSelectProps
-   */
-  onChange?: (value: string) => void;
-
-  /**
-   * 是否禁用
-   *
-   * @type {boolean}
-   * @memberof CommonSelectProps
-   */
-  disabled?: boolean;
-}
-
-const ns = new Namespace('chat-select');
-
-export const CommonSelect = (props: CommonSelectProps) => {
-  const {
-    options,
-    value,
-    defaultValue,
-    className,
-    placeholder = '请选择',
-    onChange,
-    disabled = false,
-  } = props;
-
-  const headerRef = useRef<any>(null);
-  const dropdownRef = useRef<any>(null);
-  const [selectedValue, setSelectedValue] = useState(
-    value || defaultValue || '',
-  );
-  const [dropdownVisible, setDropdownVisible] = useState(false);
-
-  // 监听value变化
-  useEffect(() => {
-    if (value !== undefined) {
-      setSelectedValue(value);
-    }
-  }, [value]);
-
-  const handleChange = (option: CommonSelectOption) => {
-    setSelectedValue(option.value);
-    onChange?.(option.value);
-    setDropdownVisible(false);
-  };
-
-  useEffect(() => {
-    const handleGlobalMouseDown = (_e: MouseEvent) => {
-      // 禁用不处理，下拉框由handleChange方法处理
-      if (disabled || dropdownRef.current?.contains(_e.target)) return;
-
-      if (headerRef.current?.contains(_e.target)) {
-        setDropdownVisible(prev => !prev);
-      } else {
-        setDropdownVisible(false);
-      }
-    };
-    document.addEventListener('mousedown', handleGlobalMouseDown);
-    return () => {
-      document.removeEventListener('mousedown', handleGlobalMouseDown);
-    };
-  }, []);
-
-  const displayValue =
-    options?.find(option => option.value === selectedValue)?.label ||
-    placeholder;
-
-  return (
-    <div
-      className={`${ns.b()} ${className || ''} ${ns.is('visble', dropdownVisible)} ${ns.is('disabled', disabled)}`}
-    >
-      <div className={ns.e('header')} ref={headerRef}>
-        <span className={ns.em('header', 'prefix')} title='智能体'>
-          {Agent()}
-        </span>
-        <span className={ns.em('header', 'display-value')} title={displayValue}>
-          {displayValue}
-        </span>
-        <span
-          className={`${ns.em('header', 'suffix')} ${ns.is('disabled', disabled)}`}
-        >
-          {ArrowDown()}
-        </span>
-      </div>
-
-      <div className={ns.e('dropdown')} ref={dropdownRef}>
-        <ul className={ns.em('dropdown', 'list')}>
-          {options?.map(option => (
-            <li
-              className={`${ns.em('dropdown', 'item')} ${ns.is('active', option.value === selectedValue)}`}
-              key={option.value}
-              title={option.label}
-              onClick={() => handleChange(option)}
-            >
-              {option.label}
-            </li>
-          ))}
-        </ul>
-      </div>
-    </div>
-  );
-};
diff --git a/src/components/common/index.ts b/src/components/common/index.ts
deleted file mode 100644
index 91917bdef9774918e907adcbf3f7f59faf66024a..0000000000000000000000000000000000000000
--- a/src/components/common/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { CommonSelect } from './common-select/common-select';
-export { MessageToolbar } from './messsage-toolbar/messsage-toolbar';
diff --git a/src/components/common/messsage-toolbar/messsage-toolbar.scss b/src/components/common/messsage-toolbar/messsage-toolbar.scss
deleted file mode 100644
index 21c6511399b48a1dd8b22483f03a79c715eba6ae..0000000000000000000000000000000000000000
--- a/src/components/common/messsage-toolbar/messsage-toolbar.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-@include b('messsage-toolbar') {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  align-items: center;
-  @include e('item') {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 32px;
-    height: 32px;
-    font-size: 12px;
-    cursor: pointer;
-    border: 1px solid #{getCssVar('ai-chat', 'border-color')};
-    border-radius: 50%;
-
-    @include when('disabled') {
-      color: #{getCssVar('ai-chat', 'disabled-color')};
-      cursor: not-allowed;
-    }
-
-    @include when('actived') {
-      background-color: #{getCssVar('ai-chat', 'background-color-2')};
-    }
-
-    &:hover:not(.is-disabled) {
-      color: #{getCssVar('ai-chat', 'hover-color')};
-      background-color: #{getCssVar('ai-chat', 'hover-background-color')};
-    }
-  }
-}
diff --git a/src/components/common/messsage-toolbar/messsage-toolbar.tsx b/src/components/common/messsage-toolbar/messsage-toolbar.tsx
deleted file mode 100644
index d71941c1241051d8cc5582e9ca3a1918302d4bb7..0000000000000000000000000000000000000000
--- a/src/components/common/messsage-toolbar/messsage-toolbar.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import { useMemo } from 'preact/hooks';
-import { Namespace, isSvg } from '../../../utils';
-import { LikeSvg, DislikeSvg } from '../../../icons';
-import { IChatMessage, IChatToolbarItem } from '../../../interface';
-import { ChatMessage } from '../../../entity';
-import { AiChatController } from '../../../controller';
-import './messsage-toolbar.scss';
-
-interface MessageToolbarProps {
-  /**
-   * @description 单实例聊天总控
-   * @type {AiChatController}
-   * @memberof MessageToolbarProps
-   */
-  controller: AiChatController;
-  /**
-   * @description 消息
-   * @type {IChatMessage}
-   * @memberof MessageToolbarProps
-   */
-  message: IChatMessage;
-}
-
-const ns = new Namespace('messsage-toolbar');
-
-export const MessageToolbar = (props: MessageToolbarProps) => {
-  const { controller, message } = props;
-
-  const items: IChatToolbarItem[] = [
-    {
-      id: 'islike',
-      label: '点赞',
-      title: '点赞',
-      icon: () => {
-        return <LikeSvg />;
-      },
-      onClick: () => {
-        controller.messageLike((message as ChatMessage)._origin);
-      },
-    },
-    {
-      id: 'isdislike',
-      label: '点踩',
-      title: '点踩',
-      icon: () => {
-        return <DislikeSvg />;
-      },
-      onClick: () => {
-        controller.messageDisLike((message as ChatMessage)._origin);
-      },
-    },
-  ];
-
-  /**
-   * @description 处理点击
-   * @param {MouseEvent} evt
-   * @param {IChatToolbarItem} item
-   * @returns {*}
-   */
-  const handleClick = (evt: MouseEvent, item: IChatToolbarItem) => {
-    item.onClick?.(evt, item, controller.context, controller.params, message);
-  };
-
-  /**
-   * @description 绘制图标
-   * @param {IChatToolbarItem} item
-   * @returns {*}
-   */
-  const renderIcon = (item: IChatToolbarItem) => {
-    if (typeof item.icon === 'function') return item.icon();
-    if (item.icon?.showIcon && item.icon?.cssClass)
-      return <i className={item.icon.cssClass} />;
-    if (item.icon?.showIcon && item.icon?.imagePath) {
-      if (isSvg(item.icon.imagePath))
-        return (
-          <div
-            dangerouslySetInnerHTML={{
-              __html: item.icon.imagePath,
-            }}
-          />
-        );
-      return <img src={item.icon.imagePath} />;
-    }
-  };
-
-  /**
-   * 是否隐藏
-   */
-  const hidden = useMemo(() => {
-    return (
-      (message.state === 20 && message.completed !== true) ||
-      controller.resourceMode !== 'REMOTE' ||
-      !message.realmessageid ||
-      controller.currentTopicDisableStorage
-    );
-  }, [message.state, message.completed]);
-
-  // 隐藏不绘制
-  if (hidden) return <></>;
-
-  return (
-    <div className={`${ns.b()}`}>
-      {items.map((item, index) => {
-        const isActived =
-          (item.id === 'islike' && message.islike === '1') ||
-          (item.id === 'isdislike' && message.isdislike === '1');
-        return (
-          <div
-            key={index}
-            title={item.title}
-            onClick={e => handleClick(e, item)}
-            className={`${ns.e('item')} ${ns.is('actived', isActived)}`}
-          >
-            {renderIcon(item)}
-          </div>
-        );
-      })}
-    </div>
-  );
-};
diff --git a/src/components/index.ts b/src/components/index.ts
index 01276f4c3cc59ceada834a62c3dd9345d35b83cd..fc6fdce032eb2f979589b2e1223d1979db31bf78 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1 +1,3 @@
-export { ChatContainer } from './chat-container/chat-container';
+export { ChatMessages } from './chat-messages/chat-messages';
+export { ChatInput } from './chat-input/chat-input';
+export { ChatContainer } from './chat-container/chat-container';
\ No newline at end of file
diff --git a/src/components/popup/popup.scss b/src/components/popup/popup.scss
deleted file mode 100644
index 7fbd6415d577704bd848f21f68af27e0159eff70..0000000000000000000000000000000000000000
--- a/src/components/popup/popup.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-@include b(pop-trigger-container) {
-  font-size: 12px;
-}
-
-@include b(pop) {
-  gap: 4px;
-  padding: 4px;
-  display: flex;
-  min-width: 120px;
-  border-radius: 8px;
-  flex-direction: column;
-  background-color: getCssVar(color, bg, 3);
-  border: 1px solid getCssVar(color, border);
-
-  @include e(item) {
-    display: flex;
-    padding: 0 8px;
-    cursor: pointer;
-    line-height: 32px;
-    border-radius: 6px;
-    align-items: center;
-
-    &:hover {
-      background-color: getCssVar(color, primary, hover);
-    }
-
-    @include m(caption) {
-      min-width: 0;
-      flex-grow: 1;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    svg {
-      width: 16px;
-      height: 16px;
-      flex-shrink: 0;
-      margin-right: 8px;
-      fill: currentcolor;
-      display: inline-block;
-      vertical-align: middle;
-    }
-  }
-}
diff --git a/src/components/popup/popup.tsx b/src/components/popup/popup.tsx
deleted file mode 100644
index 71aba4e83db1d8d50d32ecef08aa1083531e8df4..0000000000000000000000000000000000000000
--- a/src/components/popup/popup.tsx
+++ /dev/null
@@ -1,170 +0,0 @@
-import { VNode } from 'preact';
-import { useState, useRef, useEffect, useContext } from 'preact/hooks';
-import { createPortal } from 'preact/compat';
-import { Namespace } from '../../utils';
-import { ContainerContext } from '../chat-container/chat-container';
-import './popup.scss';
-
-// 定义 position 类型
-type Position = 'top' | 'bottom' | 'left' | 'right' | 'top-left';
-
-// 定义行为数据类型
-interface ActionItem {
-  id: string;
-  caption: string;
-  icon?: VNode;
-}
-
-export const Popup = ({
-  children,
-  actions, // 接收行为数据
-  content,
-  position = 'bottom',
-  isOpen: isOpenProp,
-  onToggleOpen,
-  onAction, // 接收行为事件回调
-}: {
-  children: import('preact').ComponentChildren;
-  actions?: ActionItem[]; // 添加 actions 属性
-  content?: import('preact').ComponentChildren;
-  position?: Position;
-  isOpen?: boolean;
-  onToggleOpen?: (isOpen: boolean) => void;
-  onAction?: (actionId: string, event: MouseEvent) => void; // 添加 onAction 属性
-}) => {
-  const ns = new Namespace('pop');
-
-  // 容器注入参数
-  const containerContext = useContext(ContainerContext);
-
-  const [isOpen, setIsOpen] = useState(isOpenProp || false);
-  const triggerRef = useRef<HTMLDivElement | null>(null);
-  const portalContainer = useRef<HTMLDivElement | null>(null);
-
-  // 监听外部传入的 isOpen 变化
-  useEffect(() => {
-    if (isOpenProp !== undefined) {
-      setIsOpen(isOpenProp);
-    }
-  }, [isOpenProp]);
-
-  // 创建 portal 容器
-  useEffect(() => {
-    if (!portalContainer.current) {
-      portalContainer.current = document.createElement('div');
-      portalContainer.current.className = ns.b('content-container');
-      document.body.appendChild(portalContainer.current);
-    }
-    return () => {
-      if (portalContainer.current) {
-        document.body.removeChild(portalContainer.current);
-      }
-    };
-  }, []);
-
-  // 处理外部点击
-  useEffect(() => {
-    const handleClickOutside = (event: MouseEvent) => {
-      if (
-        triggerRef.current &&
-        !triggerRef.current.contains(event.target as Node) &&
-        !(event.target as HTMLElement).closest(`.${ns.b()}`) &&
-        !(event.target as HTMLElement).closest('.ibiz-quick-edit') &&
-        !(event.target as HTMLElement).closest('.ibiz-picker__transfer')
-      ) {
-        setIsOpen(false);
-        onToggleOpen?.(false); // 通知外部状态更新
-      }
-    };
-
-    if (isOpen) {
-      document.addEventListener('mousedown', handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [isOpen, onToggleOpen]);
-
-  // 获取定位样式
-  const getPositionStyle = () => {
-    if (!triggerRef.current) return {};
-    const rect = triggerRef.current.getBoundingClientRect();
-
-    const baseStyle = {
-      position: 'absolute',
-      zIndex: containerContext.zIndex + 1,
-    };
-
-    const positions = {
-      bottom: {
-        top: rect.bottom + window.scrollY,
-        left: rect.left + window.scrollX,
-      },
-      top: {
-        bottom: window.innerHeight - rect.top + window.scrollY,
-        left: rect.left + window.scrollX,
-      },
-      left: {
-        top: rect.top + window.scrollY,
-        right: window.innerWidth - rect.left + window.scrollX,
-      },
-      right: {
-        top: rect.top + window.scrollY,
-        left: rect.right + window.scrollX,
-      },
-      'top-left': {
-        bottom: window.innerHeight - rect.top + window.scrollY,
-        right: window.innerWidth - rect.left + window.scrollX,
-      },
-    };
-
-    return { ...baseStyle, ...positions[position] };
-  };
-
-  return (
-    <span className={`${ns.b('trigger-container')}`}>
-      {/* 触发元素 */}
-      <span
-        className={`${ns.b('trigger-element')}`}
-        ref={triggerRef}
-        onClick={e => {
-          e.stopPropagation();
-          const newIsOpen = !isOpen;
-          setIsOpen(newIsOpen);
-          onToggleOpen?.(newIsOpen);
-        }}
-      >
-        {children}
-      </span>
-
-      {/* 使用 Portal 渲染到 body */}
-      {isOpen &&
-        portalContainer.current &&
-        createPortal(
-          <div
-            className={`${ns.b()} pop-${position}`}
-            style={getPositionStyle()}
-          >
-            {content ||
-              actions?.map(action => (
-                <div
-                  key={action.id}
-                  title={action.caption}
-                  className={ns.e('item')}
-                  onMouseDown={e => {
-                    e.stopPropagation();
-                    onAction?.(action.id, e);
-                  }}
-                >
-                  {action.icon}
-                  <div className={ns.em('item', 'caption')}>
-                    {action.caption}
-                  </div>
-                </div>
-              ))}
-          </div>,
-          portalContainer.current,
-        )}
-    </span>
-  );
-};
diff --git a/src/constants/index.ts b/src/constants/index.ts
index bcaa552a09abc311dc38560d1b3da9f403d309ca..10788d7963b129079680f2e6266848989162ce44 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -1,15 +1,5 @@
 /* eslint-disable no-shadow */
 export enum AIChatConst {
-  /**
-   * 聊天窗口样式缓存
-   */
-  STYLE_CACHE = 'ai-chat-style-cache',
-
-  /**
-   * 最小化样式缓存
-   */
-  MINIMIZE_STYLY_CHCHE = 'ai-chat-minimize-style-cache',
-
   /**
    * 数据库名称
    */
diff --git a/src/controller/ai-chat/ai-chat.controller.ts b/src/controller/ai-chat/ai-chat.controller.ts
index 21501f80e061b6b7109cdcde2ce3c77072ce9cdc..f9b2e8f784deb400a585da149e9bbb68302da538 100644
--- a/src/controller/ai-chat/ai-chat.controller.ts
+++ b/src/controller/ai-chat/ai-chat.controller.ts
@@ -1,6 +1,4 @@
-/* eslint-disable no-useless-escape */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { Signal, signal } from '@preact/signals';
+import { ref, Ref } from 'vue';
 import { QXEvent } from 'qx-util';
 import { AIAgent, ChatMaterial, ChatMessage } from '../../entity';
 import {
@@ -19,7 +17,7 @@ import {
 } from '../../utils';
 import { getStringBeforeLastAt, TextUtil } from '../../utils/util/util';
 import { AIChatConst } from '../../constants';
-import { AiTopicController } from '../ai-topic/ai-topic.controller';
+import { AITopicController } from '../ai-topic/ai-topic.controller';
 import { getMsgByRemoteMsg } from '../../utils/util/remote-resource-util';
 
 /**
@@ -28,9 +26,9 @@ import { getMsgByRemoteMsg } from '../../utils/util/remote-resource-util';
  * @author chitanda
  * @date 2023-10-09 15:10:51
  * @export
- * @class AiChatController
+ * @class AIChatController
  */
-export class AiChatController {
+export class AIChatController {
   /**
    * 事件触发器
    * @type {EventBase}
@@ -48,7 +46,7 @@ export class AiChatController {
    * @date 2023-10-16 16:10:29
    * @type {Signal<ChatMessage[]>}
    */
-  readonly messages: Signal<ChatMessage[]> = signal([]);
+  readonly messages: Ref<ChatMessage[]> = ref([]);
 
   /**
    * 素材列表
@@ -57,7 +55,7 @@ export class AiChatController {
    * @date 2025-02-27 18:02:46
    * @type {Signal<IMaterial[]>}
    */
-  readonly materials: Signal<IMaterial[]> = signal([]);
+  readonly materials: Ref<IMaterial[]> = ref([]);
 
   /**
    * 聊天框输入值
@@ -66,7 +64,7 @@ export class AiChatController {
    * @date 2023-10-16 15:10:43
    * @type {Signal<string>}
    */
-  readonly input: Signal<string> = signal('');
+  readonly input: Ref<string> = ref('');
 
   /**
    * 是否加载中
@@ -75,7 +73,7 @@ export class AiChatController {
    * @date 2025-03-10 18:03:42
    * @type {Signal<boolean>}
    */
-  readonly isLoading: Signal<boolean> = signal(false);
+  readonly isLoading: Ref<boolean> = ref(false);
 
   /**
    * 是否允许切换AI代理
@@ -94,7 +92,7 @@ export class AiChatController {
    *
    * @type {Signal<AIAgent[]>}
    */
-  readonly agentList: Signal<AIAgent[]> = signal([]);
+  readonly agentList: Ref<AIAgent[]> = ref([]);
 
   /**
    * 视图参数
@@ -144,7 +142,7 @@ export class AiChatController {
   /**
    * 话题控制器
    */
-  readonly aiTopic: AiTopicController | undefined = undefined;
+  readonly aiTopic: AITopicController | undefined = undefined;
 
   /**
    * @description 聊天sessionid
@@ -698,7 +696,10 @@ export class AiChatController {
    *
    * @memberof AiChatController
    */
-  async refreshMessage(message: IChatMessage, isuser: boolean = false) {
+  async refreshMessage(
+    message: IChatMessage,
+    isuser: boolean = false,
+  ): Promise<void> {
     this.isLoading.value = true;
     try {
       const i = this.messages.value.findIndex(
@@ -751,7 +752,7 @@ export class AiChatController {
    * @param {IChatMessage} message
    * @memberof AiChatController
    */
-  copyMessage(message: IChatMessage) {
+  copyMessage(message: IChatMessage): void {
     const text = message.realcontent;
     TextUtil.copy(text!);
     if (this.opts.action) {
diff --git a/src/controller/ai-material/ai-material-factory.ts b/src/controller/ai-material/ai-material-factory.ts
index 6cc1f73cc0f4e699c76fce5f507237dc89bf43a9..ee71506458ef801343f1cd3b930113eac4de7b81 100644
--- a/src/controller/ai-material/ai-material-factory.ts
+++ b/src/controller/ai-material/ai-material-factory.ts
@@ -1,9 +1,12 @@
-import { AiChatController } from '../ai-chat/ai-chat.controller';
+import { AIChatController } from '../ai-chat/ai-chat.controller';
 import { CommonHelper } from './common-helper';
 import { FileHelper } from './file-helper';
 
 export class AIMaterialFactory {
-  static getMaterialHelper(type: string, aiChat: AiChatController) {
+  static getMaterialHelper(
+    type: string,
+    aiChat: AIChatController,
+  ): FileHelper | CommonHelper {
     switch (type) {
       case 'ossfile':
         return new FileHelper(aiChat);
diff --git a/src/controller/ai-material/common-helper.ts b/src/controller/ai-material/common-helper.ts
index f29bcbb0b74d129dd894fb1fd9037c0f0ce383b4..c5c45f80a3be7f7572f7e9aec24c8a444e6ceac4 100644
--- a/src/controller/ai-material/common-helper.ts
+++ b/src/controller/ai-material/common-helper.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { IChatToolbarItem } from '../../interface';
 import { MaterialHelper } from './material-helper';
 
diff --git a/src/controller/ai-material/file-helper.ts b/src/controller/ai-material/file-helper.ts
index 917b5af0b9dfcf93f838d2e6ca45e9af9bb938d8..0273d26a5eece5d33681c1c0d376e4633a9d2ee4 100644
--- a/src/controller/ai-material/file-helper.ts
+++ b/src/controller/ai-material/file-helper.ts
@@ -1,9 +1,7 @@
-/* eslint-disable no-unused-vars */
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import {
-  FileUploaderOptions,
-  IChatToolbarItem,
   IMaterial,
+  IChatToolbarItem,
+  FileUploaderOptions,
 } from '../../interface';
 import { FileUploader } from '../../utils';
 import { MaterialHelper } from './material-helper';
diff --git a/src/controller/ai-material/material-helper.ts b/src/controller/ai-material/material-helper.ts
index 728e0fcffce700e4e3137423bbe13d0b3782c15d..7b5c6660329607335b5b692b369192a1e3a21a35 100644
--- a/src/controller/ai-material/material-helper.ts
+++ b/src/controller/ai-material/material-helper.ts
@@ -1,8 +1,8 @@
 import { IChatToolbarItem } from '../../interface';
-import { AiChatController } from '../ai-chat/ai-chat.controller';
+import { AIChatController } from '../ai-chat/ai-chat.controller';
 
 export abstract class MaterialHelper {
-  constructor(protected aiChat: AiChatController) {}
+  constructor(protected aiChat: AIChatController) {}
 
   /**
    * 执行操作
diff --git a/src/controller/ai-topic/ai-topic.controller.ts b/src/controller/ai-topic/ai-topic.controller.ts
index a26f66670783e4cb2715052848b81679fd722c23..41d93c65a6ef63a0161866b57c565138a9d8ffab 100644
--- a/src/controller/ai-topic/ai-topic.controller.ts
+++ b/src/controller/ai-topic/ai-topic.controller.ts
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable no-useless-return */
-import { Signal, signal } from '@preact/signals';
+import { ref, Ref } from 'vue';
 import { ChatTopic } from '../../entity';
 import {
   IChat,
@@ -20,9 +20,9 @@ import { getStringBeforeLastAt } from '../../utils/util/util';
  * @author tony001
  * @date 2025-02-20 16:02:01
  * @export
- * @class AiTopicController
+ * @class AITopicController
  */
-export class AiTopicController {
+export class AITopicController {
   /**
    * 话题清单
    *
@@ -30,7 +30,7 @@ export class AiTopicController {
    * @date 2025-02-20 16:02:38
    * @type {Signal<ChatTopic[]>}
    */
-  readonly topics: Signal<ChatTopic[]> = signal([]);
+  readonly topics: Ref<ChatTopic[]> = ref([]);
 
   /**
    * 激活话题
@@ -39,7 +39,7 @@ export class AiTopicController {
    * @date 2025-02-24 16:02:44
    * @type {(Signal<ITopic | undefined>)}
    */
-  readonly activedTopic: Signal<ITopic | undefined> = signal(undefined);
+  readonly activedTopic: Ref<ITopic | undefined> = ref(undefined);
 
   /**
    * 当前话题配置备份
diff --git a/src/controller/chat/chat.controller.ts b/src/controller/chat/chat.controller.ts
index 0b5002a6154a41269e932ecdcc754d4d9ffed088..4426aa8bc915864fc623aceac794547680caa992 100644
--- a/src/controller/chat/chat.controller.ts
+++ b/src/controller/chat/chat.controller.ts
@@ -1,14 +1,13 @@
-/* eslint-disable no-prototype-builtins */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { render, h } from 'preact';
-import { ChatContainer } from '../../components';
+import { App, createApp } from 'vue';
+import Vant from 'vant';
 import { IContainerOptions, IResourceOptions } from '../../interface';
-import { AiTopicController } from '../ai-topic/ai-topic.controller';
-import { AiChatController } from '../ai-chat/ai-chat.controller';
+import { AITopicController } from '../ai-topic/ai-topic.controller';
+import { AIChatController } from '../ai-chat/ai-chat.controller';
 import { ChatTopic } from '../../entity';
 import { IndexedDBUtil } from '../../utils';
 import { AIChatConst } from '../../constants';
 import { getChatSessionId } from '../../utils/util/util';
+import { ChatContainer } from '../../components';
 
 /**
  * 聊天器控制器
@@ -19,6 +18,14 @@ import { getChatSessionId } from '../../utils/util/util';
  * @class ChatController
  */
 export class ChatController {
+  /**
+   * @description 应用
+   * @private
+   * @type {(App | null)}
+   * @memberof ChatController
+   */
+  private App: App | null = null;
+
   /**
    * 聊天框容器
    *
@@ -60,18 +67,18 @@ export class ChatController {
    * @author tony001
    * @date 2025-02-23 16:02:56
    * @public
-   * @type {AiTopicController}
+   * @type {AITopicController}
    */
-  public aiTopic: AiTopicController;
+  public aiTopic: AITopicController;
 
   /**
    * 聊天控制器
    *
    * @readonly
-   * @type {(AiChatController | undefined)}
+   * @type {(AIChatController | undefined)}
    * @memberof ChatController
    */
-  public get aiChat(): AiChatController | undefined {
+  public get aiChat(): AIChatController | undefined {
     return this.aiTopicMap.get(`${this.aiTopic.activedTopic.value?.id}`);
   }
 
@@ -79,10 +86,10 @@ export class ChatController {
    * 话题map
    *
    * @private
-   * @type {Map<string, AiChatController>}
+   * @type {Map<string, AIChatController>}
    * @memberof ChatController
    */
-  private aiTopicMap: Map<string, AiChatController> = new Map();
+  private aiTopicMap: Map<string, AIChatController> = new Map();
 
   /**
    * Creates an instance of ChatController.
@@ -90,7 +97,7 @@ export class ChatController {
    * @date 2025-02-24 11:02:20
    */
   constructor() {
-    this.aiTopic = new AiTopicController(this);
+    this.aiTopic = new AITopicController(this);
   }
 
   /**
@@ -121,22 +128,21 @@ export class ChatController {
    * @author tony001
    * @date 2025-02-24 12:02:58
    * @param {IContainerOptions} opts
-   * @return {*}  {Promise<AiChatController>}
+   * @return {*}  {Promise<AIChatController>}
    */
-  async create(opts: IContainerOptions): Promise<AiChatController> {
+  async create(opts: IContainerOptions): Promise<AIChatController> {
     this.resourceOptions = opts.resourceOptions;
     const resourceMode = opts.resourceOptions?.resourceMode || 'LOCAL';
-    if (resourceMode === 'LOCAL') {
-      await this.initIndexDB();
-    }
+    if (resourceMode === 'LOCAL') await this.initIndexDB();
     this.backupChatOptions = opts;
+
     this.close();
+
     this.container = document.createElement('div');
     this.container.classList.add('ibiz-ai-chat');
     document.body.appendChild(this.container);
 
     const chatOptions = opts.chatOptions;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     let topicOptions: any;
 
     if (opts.mode && opts.mode === 'TOPIC') {
@@ -178,56 +184,36 @@ export class ChatController {
       aiTopic: this.aiTopic,
     });
 
-    const aiChat = new AiChatController(chatOptions, this.resourceOptions);
+    const aiChat = new AIChatController(chatOptions, this.resourceOptions);
 
     this.aiTopicMap.set(`${topicOptions?.id}`, aiChat);
 
-    render(
-      h(ChatContainer, {
-        aiChat,
-        aiTopic: this.aiTopic,
-        mode: opts.mode ? opts.mode : 'DEFAULT',
-        containerOptions: opts.containerOptions,
-        caption:
-          opts.mode && opts.mode === 'TOPIC' ? 'AI助手' : chatOptions.caption,
-        enableBackFill: opts.containerOptions?.enableBackFill,
-        contentToolbarItems: chatOptions.contentToolbarItems,
-        footerToolbarItems: chatOptions.footerToolbarItems,
-        questionToolbarItems: chatOptions.questionToolbarItems,
-        autoClose: opts.containerOptions?.autoClose,
-        openMode: opts.containerOptions?.openMode,
-        hideTopicSidebar: opts.topicOptions?.hideTopicSidebar || false,
-        close: () => {
-          this.close();
-          if (chatOptions.closed) {
-            chatOptions.closed(
-              chatOptions.context,
-              chatOptions.params,
-              aiChat.getAllMessages(),
-            );
-          }
-        },
-        fullscreen: (target: boolean) => {
-          if (chatOptions.fullscreen) {
-            chatOptions.fullscreen(
-              target,
-              chatOptions.context,
-              chatOptions.params,
-            );
-          }
-        },
-        minimize: (target: boolean) => {
-          if (chatOptions.minimize) {
-            chatOptions.minimize(
-              target,
-              chatOptions.context,
-              chatOptions.params,
-            );
-          }
-        },
-      }),
-      this.container,
-    );
+    this.App = createApp(ChatContainer, {
+      aiChat,
+      aiTopic: this.aiTopic,
+      mode: opts.mode ? opts.mode : 'DEFAULT',
+      containerOptions: opts.containerOptions,
+      caption:
+        opts.mode && opts.mode === 'TOPIC' ? 'AI助手' : chatOptions.caption,
+      autoClose: opts.containerOptions?.autoClose,
+      enableBackFill: opts.containerOptions?.enableBackFill,
+      contentToolbarItems: chatOptions.contentToolbarItems,
+      footerToolbarItems: chatOptions.footerToolbarItems,
+      questionToolbarItems: chatOptions.questionToolbarItems,
+      close: () => {
+        this.close();
+        if (chatOptions.closed) {
+          chatOptions.closed(
+            chatOptions.context,
+            chatOptions.params,
+            aiChat.getAllMessages(),
+          );
+        }
+      },
+    });
+    this.App.use(Vant);
+    // 挂载组件
+    this.App.mount(this.container);
     return aiChat;
   }
 
@@ -258,9 +244,11 @@ export class ChatController {
       topicOptions.id,
     ) as ChatTopic;
 
-    // 附加排序和置顶字段
-    topicOptions.sequence = currentTopic.sequence;
-    topicOptions.isTop = currentTopic.isTop;
+    if (currentTopic) {
+      // 附加排序和置顶字段
+      topicOptions.sequence = currentTopic.sequence;
+      topicOptions.isTop = currentTopic.isTop;
+    }
 
     // 计算activeAIAgentID
     if (
@@ -362,56 +350,41 @@ export class ChatController {
         recommendPrompt: this.backupChatOptions!.chatOptions.recommendPrompt,
       });
     }
-    let aiChat: AiChatController;
+    let aiChat: AIChatController;
     if (this.aiTopicMap.has(`${topic.id}`)) {
       aiChat = this.aiTopicMap.get(`${topic.id}`)!;
     } else {
-      aiChat = new AiChatController(opts, this.resourceOptions);
+      aiChat = new AIChatController(opts, this.resourceOptions);
       this.aiTopicMap.set(`${topic.id}`, aiChat);
     }
-    if (this.container) {
-      render(null, this.container);
-      render(
-        h(ChatContainer, {
-          aiChat,
-          aiTopic: this.aiTopic,
-          mode: this.backupChatOptions?.mode
-            ? this.backupChatOptions.mode
-            : 'DEFAULT',
-          containerOptions: this.backupChatOptions?.containerOptions,
-          caption:
-            this.backupChatOptions?.mode &&
-            this.backupChatOptions.mode === 'TOPIC'
-              ? 'AI助手'
-              : opts.caption,
-          enableBackFill:
-            this.backupChatOptions?.containerOptions?.enableBackFill,
-          contentToolbarItems: opts.contentToolbarItems,
-          footerToolbarItems: opts.footerToolbarItems,
-          questionToolbarItems: opts.questionToolbarItems,
-          autoClose: this.backupChatOptions?.containerOptions?.autoClose,
-          openMode: this.backupChatOptions?.containerOptions?.openMode,
-          hideTopicSidebar:
-            this.backupChatOptions?.topicOptions?.hideTopicSidebar || false,
-          close: () => {
-            this.close();
-            if (opts.closed) {
-              opts.closed(opts.context, opts.params, aiChat.getAllMessages());
-            }
-          },
-          fullscreen: (target: boolean) => {
-            if (opts.fullscreen) {
-              opts.fullscreen(target, opts.context, opts.params);
-            }
-          },
-          minimize: (target: boolean) => {
-            if (opts.minimize) {
-              opts.minimize(target, opts.context, opts.params);
-            }
-          },
-        }),
-        this.container,
-      );
+    if (this.container && this.App) {
+      this.App.unmount();
+      this.App = createApp(ChatContainer, {
+        aiChat,
+        aiTopic: this.aiTopic,
+        mode: this.backupChatOptions?.mode
+          ? this.backupChatOptions.mode
+          : 'DEFAULT',
+        containerOptions: this.backupChatOptions?.containerOptions,
+        caption:
+          this.backupChatOptions?.mode &&
+          this.backupChatOptions.mode === 'TOPIC'
+            ? 'AI助手'
+            : opts.caption,
+        enableBackFill:
+          this.backupChatOptions?.containerOptions?.enableBackFill,
+        autoClose:  this.backupChatOptions?.containerOptions?.autoClose,
+        contentToolbarItems: opts.contentToolbarItems,
+        footerToolbarItems: opts.footerToolbarItems,
+        questionToolbarItems: opts.questionToolbarItems,
+        close: () => {
+          this.close();
+          if (opts.closed)
+            opts.closed(opts.context, opts.params, aiChat.getAllMessages());
+        },
+      });
+      // 挂载组件
+      this.App.mount(this.container);
     }
   }
 
@@ -446,11 +419,18 @@ export class ChatController {
    * @date 2023-10-13 17:10:10
    */
   close(): void {
-    if (this.container) {
-      render(null, this.container);
-      this.container.remove();
+    // 卸载Vue应用
+    if (this.App && this.container) {
+      this.App.unmount();
+      this.App = null;
+    }
+
+    // 移除DOM元素
+    if (this.container && document.body.contains(this.container)) {
+      document.body.removeChild(this.container);
       this.container = undefined;
     }
+
     this.aiTopicMap.forEach(aiChat => {
       aiChat.destroyed();
     });
diff --git a/src/controller/index.ts b/src/controller/index.ts
index d880ffe258a87ed559dd6a38a58fce76ad4d27eb..e0db2a80f0df8f3f015f8a9afd5f5a28098029cb 100644
--- a/src/controller/index.ts
+++ b/src/controller/index.ts
@@ -1,4 +1,4 @@
-export { AiChatController } from './ai-chat/ai-chat.controller';
-export { AiTopicController } from './ai-topic/ai-topic.controller';
+export { AIChatController } from './ai-chat/ai-chat.controller';
+export { AITopicController } from './ai-topic/ai-topic.controller';
 export { AIMaterialFactory } from './ai-material/ai-material-factory';
 export { ChatController, chat } from './chat/chat.controller';
diff --git a/src/icon/index.ts b/src/icon/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..763b645bb6a629f7418d2b546666895ecd899adc
--- /dev/null
+++ b/src/icon/index.ts
@@ -0,0 +1 @@
+export * from './svg'
\ No newline at end of file
diff --git a/src/icon/svg.tsx b/src/icon/svg.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..32fe3e37c576a08a890e41f50ac15c14f39ab74f
--- /dev/null
+++ b/src/icon/svg.tsx
@@ -0,0 +1,81 @@
+/**
+ * 打开语音
+ */
+export const OpenVoice = (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+    fill='none'
+    stroke='currentColor'
+    stroke-width='2'
+    stroke-linecap='round'
+    stroke-linejoin='round'
+    aria-hidden='true'
+  >
+    <path d='M12 19v3'></path>
+    <path d='M19 10v2a7 7 0 0 1-14 0v-2'></path>
+    <rect x='9' y='2' width='6' height='13' rx='3'></rect>
+  </svg>
+);
+/**
+ * 关闭语音
+ */
+export const CloseVoice = (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+    fill='none'
+    stroke='currentColor'
+    stroke-width='2'
+    stroke-linecap='round'
+    stroke-linejoin='round'
+    aria-hidden='true'
+  >
+    <path d='M12 19v3'></path>
+    <path d='M15 9.34V5a3 3 0 0 0-5.68-1.33'></path>
+    <path d='M16.95 16.95A7 7 0 0 1 5 12v-2'></path>
+    <path d='M18.89 13.23A7 7 0 0 0 19 12v-2'></path>
+    <path d='m2 2 20 20'></path>
+    <path d='M9 9v3a3 3 0 0 0 5.12 2.12'></path>
+  </svg>
+);
+/**
+ * 发送
+ */
+export const Send = (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+    fill='none'
+    stroke='currentColor'
+    stroke-width='2'
+    stroke-linecap='round'
+    stroke-linejoin='round'
+    aria-hidden='true'
+  >
+    <path d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z'></path>
+    <path d='m21.854 2.147-10.94 10.939'></path>
+  </svg>
+);
+/**
+ * AI
+ */
+export const AI = (
+  <svg fill='currentColor' viewBox='0 0 24 24'>
+    <path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z'></path>
+  </svg>
+);
+/**
+ * USER
+ */
+export const USER = (
+  <svg fill='currentColor' viewBox='0 0 24 24'>
+    <path d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'></path>
+  </svg>
+);
diff --git a/src/icons/agent.tsx b/src/icons/agent.tsx
deleted file mode 100644
index 66573524faea9a74f070ee5fa9fd91fe479f2187..0000000000000000000000000000000000000000
--- a/src/icons/agent.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-export const Agent = () => (
-  <svg
-    className='icon'
-    viewBox='0 0 1024 1024'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-    stroke='currentColor'
-    width='1em'
-    height='1em'
-  >
-    <path d='M497.0496 55.7056a38.4 38.4 0 0 1 38.912 0l362.7008 213.2992c11.776 6.912 18.944 19.456 18.944 33.1264v426.6496a38.4 38.4 0 0 1-18.944 33.0752l-362.6496 213.3504a38.4 38.4 0 0 1-38.912 0L134.3488 761.856a38.4 38.4 0 0 1-18.944-33.0752V302.1312a38.4 38.4 0 0 1 18.944-33.1264z m19.456 77.6192L192.3072 324.096v382.72l324.3008 190.7712 324.2496-190.7712V324.096l-324.2496-190.7712zM345.9584 370.3296c7.68 0 14.848 2.2528 20.8384 6.144l149.6576 93.696 149.8624-93.696a38.4512 38.4512 0 0 1 49.1008 58.2656l-1.792 1.792a38.6048 38.6048 0 0 1-6.656 5.12l-152.0128 94.976v170.4448a38.4 38.4 0 0 1-0.1536 3.7376l-0.512 3.7376a38.0928 38.0928 0 0 1-23.04 27.9552 38.0928 38.0928 0 0 1-35.9936-3.5328 38.1952 38.1952 0 0 1-17.0496-31.8976v-170.2912l-152.064-95.1296a38.4 38.4 0 0 1 19.7632-71.3216z'></path>
-  </svg>
-);
diff --git a/src/icons/ai-svg.tsx b/src/icons/ai-svg.tsx
deleted file mode 100644
index 42e06f25408a71d3a7f683029eba17870cf6f173..0000000000000000000000000000000000000000
--- a/src/icons/ai-svg.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export const AISvg = () => (
-  <svg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'>
-    <path d='M481.0752 263.3728l50.9952 1.024 1.8432-105.8816-50.9952-0.8192z'></path>
-    <path d='M486.441426 180.895362a66.56 66.56 0 1 0 42.091944-126.290153 66.56 66.56 0 1 0-42.091944 126.290153Z'></path>
-    <path d='M138.8544 664.3712c-52.8384 0-95.8464-43.008-95.8464-95.8464s43.008-95.8464 95.8464-95.8464M880.0256 472.6784c52.8384 0 95.8464 43.008 95.8464 95.8464s-43.008 95.8464-95.8464 95.8464'></path>
-    <path d='M507.4944 220.5696c-220.16 0-398.7456 162.816-398.7456 363.7248s178.5856 363.7248 398.7456 363.7248 398.7456-162.816 398.7456-363.7248-178.5856-363.7248-398.7456-363.7248z m0 559.9232c-166.2976 0-301.2608-100.5568-301.2608-224.4608s134.9632-224.4608 301.2608-224.4608S808.7552 432.128 808.7552 556.032 673.792 780.4928 507.4944 780.4928z'></path>
-    <path d='M319.6928 556.032a47.9232 38.912 90 1 0 77.824 0 47.9232 38.912 90 1 0-77.824 0Z'></path>
-    <path d='M617.472 556.032a47.9232 38.912 90 1 0 77.824 0 47.9232 38.912 90 1 0-77.824 0Z'></path>
-  </svg>
-);
diff --git a/src/icons/arrow-down-outline-svg.tsx b/src/icons/arrow-down-outline-svg.tsx
deleted file mode 100644
index 0e50e167da858d1c4aa7d2b2b2561ec488a3ed64..0000000000000000000000000000000000000000
--- a/src/icons/arrow-down-outline-svg.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-// 回到底部图标
-export const ArrowDownOutlineSvg = (props: { className?: string }) => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    className={props.className}
-    viewBox='0 0 512 512'
-  >
-    <path
-      fill='none'
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeWidth='48'
-      d='M112 268l144 144 144-144M256 392V100'
-    />
-  </svg>
-);
diff --git a/src/icons/arrow-down.tsx b/src/icons/arrow-down.tsx
deleted file mode 100644
index b240b24162a7ff46af42a684ca99475cbdf5e552..0000000000000000000000000000000000000000
--- a/src/icons/arrow-down.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-export const ArrowDown = () => (
-  <svg
-    className='icon'
-    xmlns='http://www.w3.org/2000/svg'
-    fill='none'
-    viewBox='0 0 24 24'
-    stroke='currentColor'
-    width='1em'
-    height='1em'
-  >
-    <path
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeWidth='2'
-      d='M19 9l-7 7-7-7'
-    />
-  </svg>
-);
diff --git a/src/icons/audio-svg.tsx b/src/icons/audio-svg.tsx
deleted file mode 100644
index 3e620caae5d4aba8134e2309ca9e81a982e464fd..0000000000000000000000000000000000000000
--- a/src/icons/audio-svg.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-// 语音输入图标
-export const AudioSvg = () => {
-  return (
-    <svg
-      viewBox='64 64 896 896'
-      focusable='false'
-      width='1em'
-      height='1em'
-      fill='currentColor'
-      aria-hidden='true'
-    >
-      <path d='M842 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 140.3-113.7 254-254 254S258 594.3 258 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 168.7 126.6 307.9 290 327.6V884H326.7c-13.7 0-24.7 14.3-24.7 32v36c0 4.4 2.8 8 6.2 8h407.6c3.4 0 6.2-3.6 6.2-8v-36c0-17.7-11-32-24.7-32H548V782.1c165.3-18 294-158 294-328.1zM512 624c93.9 0 170-75.2 170-168V232c0-92.8-76.1-168-170-168s-170 75.2-170 168v224c0 92.8 76.1 168 170 168zm-94-392c0-50.6 41.9-92 94-92s94 41.4 94 92v224c0 50.6-41.9 92-94 92s-94-41.4-94-92V232z'></path>
-    </svg>
-  );
-};
diff --git a/src/icons/checkmark-circle-svg.tsx b/src/icons/checkmark-circle-svg.tsx
deleted file mode 100644
index 840c395131ee911e8edcbd585ba5caa080c4f05c..0000000000000000000000000000000000000000
--- a/src/icons/checkmark-circle-svg.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-// 完成圆圈的图标
-export const CheckMarkCircleSvg = (props: { className?: string }) => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    className={`${props.className} icon`}
-    viewBox='0 0 512 512'
-  >
-    <path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm108.25 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z' />
-  </svg>
-);
diff --git a/src/icons/chevron-down-svg.tsx b/src/icons/chevron-down-svg.tsx
deleted file mode 100644
index 30e3c5cdb99a2b90227fa1a140d05da2c5e3df60..0000000000000000000000000000000000000000
--- a/src/icons/chevron-down-svg.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-// 下箭头图标
-export const ChevronDownSvg = (props: { className?: string }) => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    className={props.className}
-    viewBox='0 0 512 512'
-  >
-    <path
-      fill='none'
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeWidth='48'
-      d='M112 184l144 144 144-144'
-    />
-  </svg>
-);
diff --git a/src/icons/chevron-forward-svg.tsx b/src/icons/chevron-forward-svg.tsx
deleted file mode 100644
index 7889a7620c102f9c9d943c6587f4f790b85a196b..0000000000000000000000000000000000000000
--- a/src/icons/chevron-forward-svg.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-// 右箭头图标
-export const ChevronForwardSvg = (props: { className?: string }) => (
-  <svg
-    xmlns='http://www.w3.org/2000/svg'
-    className={props.className}
-    viewBox='0 0 512 512'
-  >
-    <path
-      fill='none'
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeWidth='48'
-      d='M184 112l144 144-144 144'
-    />
-  </svg>
-);
diff --git a/src/icons/clear-dialogue-svg.tsx b/src/icons/clear-dialogue-svg.tsx
deleted file mode 100644
index c54850e2f0ca92748daee4b748f06aaeff89b3f8..0000000000000000000000000000000000000000
--- a/src/icons/clear-dialogue-svg.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-export const ClearDialogueSvg = () => (
-  <svg
-    viewBox='0 0 1024 1024'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-    width='18'
-    height='18'
-  >
-    <path d='M394.688 126.208a32 32 0 0 1 32-32h170.688a32 32 0 0 1 32 32v138.624h288a32 32 0 0 1 32 32v170.688a32 32 0 0 1-32 32H106.688a32 32 0 0 1-32-32V296.832a32 32 0 0 1 32-32h288V126.208z m64 32v138.624a32 32 0 0 1-32 32h-288v106.688h746.688V328.832h-288a32 32 0 0 1-32-32V158.208H458.688z'></path>
-    <path d='M138.688 469.376a32 32 0 0 1 32-32h682.688a32 32 0 0 1 32 32v384a32 32 0 0 1-32 32H170.688a32 32 0 0 1-32-32v-384z m64 32v320h618.688v-320H202.688z'></path>
-    <path d='M341.376 691.52a32 32 0 0 1 32 32V851.2a32 32 0 1 1-64 0v-127.68a32 32 0 0 1 32-32zM512 691.2a32 32 0 0 1 32 32v128a32 32 0 0 1-64 0v-128a32 32 0 0 1 32-32zM682.688 691.52a32 32 0 0 1 32 32V851.2a32 32 0 1 1-64 0v-127.68a32 32 0 0 1 32-32z'></path>
-  </svg>
-);
diff --git a/src/icons/close-full-screen-svg.tsx b/src/icons/close-full-screen-svg.tsx
deleted file mode 100644
index 047e3b5d1a40db35268c646cd95017fc99a85407..0000000000000000000000000000000000000000
--- a/src/icons/close-full-screen-svg.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-// 关闭图标
-export const CloseFullScreenSvg = () => (
-  <svg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'>
-    <path d='M544 480V282.944h52.224l0.064 107.968L763.072 224l36.928 36.928-166.976 166.976 108.032-0.128V480H544zM260.928 800l-36.928-36.928 166.912-166.784-107.968-0.064V544H480v197.056h-52.224l0.064-107.968L260.928 800z'></path>
-  </svg>
-);
diff --git a/src/icons/close-svg.tsx b/src/icons/close-svg.tsx
deleted file mode 100644
index 7bb3c36df59894ac436a8dcc9e2241f7993e3fc7..0000000000000000000000000000000000000000
--- a/src/icons/close-svg.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-// 关闭图标
-export const CloseSvg = () => (
-  <svg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'>
-    <path d='M843.904 783.573333 783.573333 843.904 512.042667 572.373333 240.512 843.904 180.181333 783.573333 451.712 512.042667 180.181333 240.512 240.512 180.181333 512.042667 451.712 783.573333 180.181333 843.904 240.512 572.373333 512.042667 843.904 783.573333Z'></path>
-  </svg>
-);
diff --git a/src/icons/copy-svg.tsx b/src/icons/copy-svg.tsx
deleted file mode 100644
index cf0d4b66a6ad34faf9e599ad55204cec746e4a36..0000000000000000000000000000000000000000
--- a/src/icons/copy-svg.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-// 复制图标
-export const CopySvg = () => (
-  <svg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'>
-    <path d='M891.072 822.144V167.36a34.432 34.432 0 0 0-34.432-34.432H201.856C201.856 94.848 232.704 64 270.784 64h620.288C929.152 64 960 94.848 960 132.928v620.288c0 38.08-30.848 68.928-68.928 68.928z m-68.928-551.36v620.288c0 38.08-30.848 68.928-68.928 68.928H132.928A68.928 68.928 0 0 1 64 891.072V270.784c0-38.08 30.848-68.928 68.928-68.928h620.288c38.08 0 68.928 30.848 68.928 68.928z m-137.856 137.856H201.856a34.432 34.432 0 0 0 0 68.864h482.432a34.432 34.432 0 0 0 0-68.864z m0 206.72H201.856a34.432 34.432 0 0 0 0 68.864h482.432a34.432 34.432 0 0 0 0-68.864z'></path>
-  </svg>
-);
diff --git a/src/icons/default-material-svg.tsx b/src/icons/default-material-svg.tsx
deleted file mode 100644
index 49fe5d185e97c31ffad39223f49cf414697c49e6..0000000000000000000000000000000000000000
--- a/src/icons/default-material-svg.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-export const DefaultMaterialSvg = () => (
-  <svg
-    className='icon'
-    viewBox='0 0 1024 1024'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-    width='18'
-    height='18'
-  >
-    <path d='M512.43945313 904.51953125c-6.06445313 0-12.12890625-1.58203125-17.57812501-4.74609375L136.70703125 689.71484375c-10.63476563-6.24023438-17.13867188-17.66601563-17.13867188-29.97070313s6.50390625-23.73046875 17.13867188-29.97070312l76.37695313-44.91210938L136.97070312 540.125c-10.63476563-6.24023438-17.13867188-17.66601563-17.13867187-29.97070313s6.50390625-23.73046875 17.13867188-29.97070312l73.38867187-43.15429688-73.125-42.890625C126.51171875 387.81054687 120.0078125 376.38476562 120.0078125 364.08007812c0-12.3046875 6.50390625-23.73046875 17.13867188-29.97070312L495.828125 122.99609375c10.8984375-6.41601563 24.34570313-6.41601563 35.24414063 0l358.15429687 210.05859375c10.63476563 6.24023438 17.13867188 17.66601563 17.13867188 29.97070313s-6.50390625 23.73046875-17.13867188 29.97070312l-73.38867188 43.15429688 73.12500001 42.890625c10.63476563 6.24023438 17.13867188 17.66601563 17.13867187 29.97070312s-6.50390625 23.73046875-17.13867187 29.97070313L812.5859375 583.89453125l76.11328125 44.6484375c10.63476563 6.24023438 17.13867188 17.66601563 17.13867188 29.97070313s-6.50390625 23.73046875-17.13867188 29.97070312l-358.59375 211.2890625c-5.44921875 3.1640625-11.6015625 4.74609375-17.66601563 4.74609375zM223.015625 659.65625l289.42382813 169.8046875 290.12695312-170.77148438-58.44726563-34.27734374L530.28125 750.18359375a34.67285156 34.67285156 0 0 1-35.24414063 0L281.7265625 625.02734375 223.015625 659.65625z m76.90429688-104.58984375l212.69531249 124.8046875 290.12695313-170.77148438-55.546875-32.60742187-216.65039063 127.6171875a34.67285156 34.67285156 0 0 1-35.24414062 0L279.00195312 477.28320312l-55.81054687 32.78320313 75.49804688 44.296875c0.43945313 0.26367188 0.79101563 0.52734375 1.23046874 0.703125z m-2.81250001-147.83203125l215.68359376 126.5625 216.12304687-127.17773438c0.3515625-0.26367188 0.703125-0.43945313 1.0546875-0.61523437l72.86132813-42.890625-289.33593751-169.8046875-290.12695312 170.68359375 72.59765625 42.62695313c0.43945313 0.17578125 0.79101563 0.43945313 1.14257813 0.61523437z'></path>
-  </svg>
-);
diff --git a/src/icons/delete-svg.tsx b/src/icons/delete-svg.tsx
deleted file mode 100644
index 164c14f85001dab6370b57269e044d53295812e9..0000000000000000000000000000000000000000
--- a/src/icons/delete-svg.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-// 删除图标
-export const DeleteSvg = () => (
-  <svg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'>
-    <path d='M962 197.61H747v-60c0-55.14-44.86-100-100-100H377c-55.14 0-100 44.86-100 100v60H62c-11.05 0-20 8.95-20 20s8.95 20 20 20h60v630.57c0 66.17 53.83 120 120 120h540c66.17 0 120-53.83 120-120V237.61h60c11.05 0 20-8.95 20-20s-8.95-20-20-20zM637.34 457.66v260c0 12.01-10.72 21.63-23.06 19.77-9.84-1.48-16.94-10.25-16.94-20.2V458.09c0-9.95 7.1-18.72 16.94-20.2 12.34-1.86 23.06 7.76 23.06 19.77z m-210.68 0v260c0 11-9 20-20 20s-20-9-20-20v-260c0-11 9-20 20-20s20 9 20 20zM317 137.61c0-33.08 26.92-60 60-60h270c33.08 0 60 26.92 60 60v60H317v-60z'></path>
-  </svg>
-);
diff --git a/src/icons/dislike-svg.tsx b/src/icons/dislike-svg.tsx
deleted file mode 100644
index bf90dff051de200e0816d2a98dc89ba93f681571..0000000000000000000000000000000000000000
--- a/src/icons/dislike-svg.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-export const DislikeSvg = () => (
-  <svg
-    viewBox='0 0 1024 1024'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-    width='18'
-    height='18'
-  >
-    <path d='M190.208 552.576a26.176 26.176 0 0 1 0 52.288L189.44 604.8l-62.464-0.128a35.84 35.84 0 0 1-40-35.84l-0.384-433.28c0-19.968 16-35.648 35.712-35.648 1.92 0 3.84-0.256 5.632 0h62.272v0.128c13.44 0.576 24.192 11.456 24.192 24.96a25.024 25.024 0 0 1-24.192 24.96v0.448h-50.944l1.408 402.24h49.536z m736.32 37.504c-19.264 31.36-47.36 44.16-81.28 45.504a38.656 38.656 0 0 1-5.376 0.384l-205.44 0.704c13.44 39.04 22.656 85.568 22.656 129.28 0 28.416-3.2 56-9.024 82.56h-0.512a103.936 103.936 0 0 1-100.928 81.28c-57.28 0-95.488-48.128-95.488-106.112 0-3.2-0.32-6.4 0-9.536-3.008-108.352-91.264-195.52-196.224-207.488V551.68L254.08 329.6v-229.76h10.688l500.032-0.192 8.704 0.192c19.392 0 30.272 4.864 47.808 16.128 16.704 10.752 29.248 25.536 37.504 42.176 2.304 3.328 4.032 7.04 5.12 11.2l76.992 344.32a37.568 37.568 0 0 1 1.088 12.16c1.536 21.76-3.328 44.288-15.552 64.32z m-32.704-52.928l-83.008-367.744h-0.064a33.408 33.408 0 0 0-26.24-20.352c-1.536 0.192-3.072 0-4.672 0l-477.056 0.512-0.128 407.424c89.28 40.32 154.88 79.68 188.544 173.632h0.256c2.944 9.088 6.272 20.672 8.64 33.088 5.568 29.184 5.312 58.176 5.312 58.176-4.992 37.952 25.92 52.928 44.352 52.928 25.28-0.832 50.24-33.664 50.24-52.288 0 0 5.632-27.584 5.632-57.216 0.064-37.376-4.608-56.832-4.608-56.832h-0.512a307.84 307.84 0 0 0-30.464-87.04l0.384-0.256a36.16 36.16 0 0 1-3.712-16c0-19.84 19.072-21.76 38.784-21.76l238.72-0.192 14.72-0.512v-0.064c12.16 0.64 24.192-5.248 31.104-16.448a35.2 35.2 0 0 0 3.456-28.992h0.32zM267.52 96.768c2.048-0.192 2.816-0.192 1.92 0.128 1.536 0.32 2.304 0.512-1.92 0.512s-3.456-0.192-1.728-0.512c-0.768-0.32-0.192-0.32 1.728-0.128z'></path>
-  </svg>
-);
diff --git a/src/icons/fill-svg.tsx b/src/icons/fill-svg.tsx
deleted file mode 100644
index b2d15e3a043c997000cc8070fa99962390ed41bd..0000000000000000000000000000000000000000
--- a/src/icons/fill-svg.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export const FillSvg = () => (
-  <svg
-    className='icon'
-    viewBox='0 0 1024 1024'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-  >
-    <path d='M900.64 379.808l-263.072-256.032c-36.448-35.328-105.76-35.392-142.304 0.096l-327.04 319.904c-56.416 54.72-70.72 76.704-70.72 150.976l0 143.936c0 132.768 26.976 192 186.912 192l131.872 0c81.12 0 128.448-46.656 193.952-111.264l290.016-297.696c18.592-17.984 29.248-43.968 29.248-71.264C929.504 423.36 918.976 397.6 900.64 379.808zM323.008 786.752c-52.928 0-96-43.072-96-96s43.072-96 96-96 96 43.072 96 96S375.936 786.752 323.008 786.752z'></path>
-  </svg>
-);
diff --git a/src/icons/full-screen-svg.tsx b/src/icons/full-screen-svg.tsx
deleted file mode 100644
index 3f56a24fdd25e4ca5a98cfd44ce8463739af626f..0000000000000000000000000000000000000000
--- a/src/icons/full-screen-svg.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-export const FullScreenSvg = () => (
-  <svg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'>
-    <path d='M547.4 197.4v46l200.3 0.1L546.1 444l32.4 32.6 201.9-200.7v200.9h46V197.5zM471.4 584.4l-32.6-32.6L243.6 747V547.9h-46v278.7h279v-46H275z'></path>
-  </svg>
-);
diff --git a/src/icons/index.ts b/src/icons/index.ts
deleted file mode 100644
index a0debf8e37d0d9ffac12f69403e88fa607dafd78..0000000000000000000000000000000000000000
--- a/src/icons/index.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-export { CloseSvg } from './close-svg';
-export { FillSvg } from './fill-svg';
-export { SendSvg } from './send-svg';
-export { DeleteSvg } from './delete-svg';
-export { RefreshSvg } from './refresh-svg';
-export { CopySvg } from './copy-svg';
-export { FullScreenSvg } from './full-screen-svg';
-export { CloseFullScreenSvg } from './close-full-screen-svg';
-export { MinimizeSvg } from './minimize-svg';
-export { AISvg } from './ai-svg';
-export { NewDialogueSvg } from './new-dialogue-svg';
-export { AudioSvg } from './audio-svg';
-export { RecordingSvg } from './recording-svg';
-export { MoreSvg } from './more-svg';
-export { LinkSvg } from './link-svg';
-export { RemoveSvg } from './remove-svg';
-export { ChevronDownSvg } from './chevron-down-svg';
-export { CheckMarkCircleSvg } from './checkmark-circle-svg';
-export { LoadingSvg } from './loading-svg';
-export { PaperclipSvg } from './paperclip-svg';
-export { FileSvg } from './upload-svg';
-export { MaterialRemoveSvg } from './material-remove-svg';
-export { DefaultMaterialSvg } from './default-material-svg';
-export { StopCircleSvg } from './stop-circle-svg';
-export { ArrowDownOutlineSvg } from './arrow-down-outline-svg';
-export { ClearDialogueSvg } from './clear-dialogue-svg';
-export { ResetDialogueSvg } from './reset-dialogue-svg';
-export { RenameSvg } from './rename-svg';
-export { ChevronForwardSvg } from './chevron-forward-svg';
-export { SearchSvg } from './search-svg';
-export { Agent } from './agent';
-export { ArrowDown } from './arrow-down';
-export { LikeSvg } from './like-svg';
-export { DislikeSvg } from './dislike-svg';
-export { TopSvg } from './top-svg';
-export { NoTopSvg } from './no-top-svg';
diff --git a/src/icons/like-svg.tsx b/src/icons/like-svg.tsx
deleted file mode 100644
index 07ed66ff87614237599bf2d8ea763781bca69c8a..0000000000000000000000000000000000000000
--- a/src/icons/like-svg.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-export const LikeSvg = () => (
-  <svg
-    viewBox='0 0 1024 1024'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-    width='18'
-    height='18'
-  >
-    <path d='M190.193225 471.411583c14.446014 0 26.139334-11.718903 26.139334-26.13831 0-14.44499-11.69332-26.164916-26.139334-26.164916-0.271176 0-0.490164 0.149403-0.73678 0.149403l-62.496379 0.146333c-1.425466-0.195451-2.90005-0.295735-4.373611-0.295735-19.677155 0-35.621289 16.141632-35.621289 36.114522L86.622358 888.550075c0 19.949354 15.96767 35.597753 35.670407 35.597753 1.916653 0 3.808746 0.292666 5.649674 0l61.022819 0.022513c0.099261 0 0.148379 0.048095 0.24764 0.048095 0.097214 0 0.146333-0.048095 0.24457-0.048095l0.73678 0 0-0.148379c13.413498-0.540306 24.174586-11.422144 24.174586-24.960485 0-13.55983-10.760065-24.441669-24.174586-24.981974l0-0.393973-50.949392 0 1.450025-402.275993L190.193225 471.409536z'></path>
-    <path d='M926.52241 433.948343c-19.283182-31.445176-47.339168-44.172035-81.289398-45.546336-1.77032-0.246617-3.536546-0.39295-5.380544-0.39295l-205.447139-0.688685c13.462616-39.059598 22.698978-85.58933 22.698978-129.317251 0-28.349675-3.193739-55.962569-9.041934-82.542948l-0.490164 0.049119c-10.638291-46.578852-51.736315-81.31498-100.966553-81.31498-57.264215 0-95.466282 48.15065-95.466282 106.126063 0 3.241834-0.294712 6.387477 0 9.532097-2.996241 108.386546-91.240027 195.548698-196.23636 207.513194l0 54.881958-0.785899 222.227314 0 229.744521 10.709923 0 500.025271 0.222057 8.746198-0.243547c19.35686 0.049119 30.239721-4.817726 47.803749-16.116049 16.682961-10.761088 29.236881-25.50079 37.490869-42.156122 2.260483-3.341095 4.028757-7.075139 5.106298-11.20111l77.018118-344.324116c1.056052-4.053316 1.348718-8.181333 1.056052-12.160971C943.643346 476.446249 938.781618 453.944769 926.52241 433.948343zM893.82573 486.837924l-82.983993 367.783411-0.099261-0.049119c-2.555196 6.141884-6.879688 11.596106-12.872169 15.427364-4.177136 2.727111-8.773827 4.351098-13.414521 4.964058-1.49812-0.195451-3.046383 0-4.620227 0l-477.028511-0.540306-0.171915-407.408897c89.323375-40.266076 154.841577-79.670527 188.596356-173.661202 0.072655 0.024559 0.124843 0.049119 0.195451 0.072655 2.99931-9.137101 6.313799-20.73423 8.697079-33.164331 5.551436-29.185716 5.258771-58.123792 5.258771-58.123792-4.937452-37.98001 25.940812-52.965306 44.364417-52.965306 25.304316 0.860601 50.263777 33.656541 50.263777 52.326762 0 0 5.600555 27.563776 5.649674 57.190537 0.048095 37.366026-4.6673 56.847729-4.6673 56.847729l-0.466628 0c-5.872754 30.879288-16.214287 60.138682-30.464849 86.964654l0.36839 0.342808c-2.358721 4.815679-3.709485 10.220782-3.709485 15.943111 0 19.922748 19.088754 21.742187 38.765909 21.742187l238.761895 0.270153c0 0 14.666024 0.465604 14.690584 0.465604l0 0.100284c12.132318-0.638543 24.221658 5.207605 31.100322 16.409738 5.504364 9.016351 6.437619 19.6045 3.486404 28.988218L893.82573 486.837924z'></path>
-    <path d='M264.827039 924.31872c0.319272 0.024559 0.441045 0.024559 0.295735-0.024559 0.243547-0.048095 0.367367-0.074701-0.295735-0.074701s-0.539282 0.026606-0.271176 0.074701C264.43409 924.343279 264.532327 924.343279 264.827039 924.31872z'></path>
-  </svg>
-);
diff --git a/src/icons/link-svg.tsx b/src/icons/link-svg.tsx
deleted file mode 100644
index 012cd14f0cb47610fe55efa0362cb2b85246f8d7..0000000000000000000000000000000000000000
--- a/src/icons/link-svg.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export const LinkSvg = (props: { className?: string }) => (
-  <svg
-    className={props.className}
-    viewBox='0 0 1024 1024'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-  >
-    <path d='M498.33984 607.8464c-10.99776-32.9728-50.09408-73.5232-82.6368-85.74976L150.9376 422.8096c-38.54336-14.4384-36.98688-69.46816 2.27328-81.73568L844.92288 124.90752c33.30048-10.40384 64.57344 20.8896 54.1696 54.1696L682.92608 870.78912a43.2128 43.2128 0 0 1-81.36704 3.25632 121682.5344 121682.5344 0 0 1-103.2192-266.19904z'></path>
-  </svg>
-);
diff --git a/src/icons/loading-svg.tsx b/src/icons/loading-svg.tsx
deleted file mode 100644
index 55815558b363e8cb01dab1e2f88ee1a9c8b551f3..0000000000000000000000000000000000000000
--- a/src/icons/loading-svg.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-export const LoadingSvg = (props: { className?: string }) => (
-  <svg
-    className={props.className}
-    width='16'
-    height='16'
-    viewBox='0 0 50 50'
-    xmlns='http://www.w3.org/2000/svg'
-  >
-    <circle
-      cx='25'
-      cy='25'
-      r='20'
-      stroke='currentColor'
-      strokeWidth='5'
-      fill='none'
-      strokeDasharray='31.415, 31.415'
-      strokeLinecap='round'
-    >
-      <animateTransform
-        attributeName='transform'
-        type='rotate'
-        from='0 25 25'
-        to='360 25 25'
-        dur='1s'
-        repeatCount='indefinite'
-      />
-    </circle>
-  </svg>
-);
diff --git a/src/icons/material-remove-svg.tsx b/src/icons/material-remove-svg.tsx
deleted file mode 100644
index 9697993e23a2bf7dccd060d22e3cb7e0c5fb53fa..0000000000000000000000000000000000000000
--- a/src/icons/material-remove-svg.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-export const MaterialRemoveSvg = () => (
-  <svg
-    className='icon'
-    viewBox='0 0 1024 1024'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-    width='18'
-    height='18'
-  >
-    <path
-      d='M557.248 511.68l135.776-135.744-45.248-45.28L512 466.432l-135.776-135.776-45.248 45.28 135.776 135.744-135.776 135.776 45.248 45.248L512 556.928l135.776 135.776 45.248-45.248-135.776-135.776zM512 64c247.136 0 448 200.864 448 448s-200.864 448-448 448S64 759.136 64 512 264.864 64 512 64z'
-      fill='currentColor'
-    ></path>
-  </svg>
-);
diff --git a/src/icons/minimize-svg.tsx b/src/icons/minimize-svg.tsx
deleted file mode 100644
index eedf0656486f157a26222c3e45123d18d9d20876..0000000000000000000000000000000000000000
--- a/src/icons/minimize-svg.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-export const MinimizeSvg = () => (
-  <svg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'>
-    <path d='M960 544H64a32 32 0 1 1 0-64h896a32 32 0 1 1 0 64'></path>
-  </svg>
-);
diff --git a/src/icons/more-svg.tsx b/src/icons/more-svg.tsx
deleted file mode 100644
index 5942556f00def9da35afa35766af8b21a288788d..0000000000000000000000000000000000000000
--- a/src/icons/more-svg.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-export const MoreSvg = (props: {
-  className?: string;
-  onClick?: (event: MouseEvent) => void;
-}) => (
-  <svg
-    className={props.className}
-    onClick={props.onClick}
-    viewBox='0 0 1024 1024'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-  >
-    <path d='M128 384a128 128 0 1 1 0 256 128 128 0 0 1 0-256z m768 0a128 128 0 1 1 0 256 128 128 0 0 1 0-256z m-372.4288 0a128 128 0 1 1 0 256 128 128 0 0 1 0-256z'></path>
-  </svg>
-);
diff --git a/src/icons/new-dialogue-svg.tsx b/src/icons/new-dialogue-svg.tsx
deleted file mode 100644
index 3acb24fce1d7f3cbab268827393c4ed435f9627c..0000000000000000000000000000000000000000
--- a/src/icons/new-dialogue-svg.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-export const NewDialogueSvg = () => (
-  <svg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'>
-    <path
-      d='M5.856 17.121a.979.979 0 0 1-.327-.06.839.839 0 0 1-.283-.177.739.739 0 0 1-.187-.255.724.724 0 0 1-.07-.303l-.02-1.609a4.663 4.663 0 0 1-1.446-.455 4.252 4.252 0 0 1-.637-.401c-.199-.146-.385-.31-.553-.492a4.442 4.442 0 0 1-.45-.577 4.303 4.303 0 0 1-.327-.637 3.823 3.823 0 0 1-.206-.686 3.729 3.729 0 0 1-.064-.704V6.478c0-.261.025-.516.077-.771a4.43 4.43 0 0 1 .244-.747 4.062 4.062 0 0 1 .932-1.28c.2-.183.418-.347.65-.493.23-.145.482-.267.739-.364a4.21 4.21 0 0 1 .81-.225c.27-.054.553-.078.835-.078H8.55c.103 0 .2.018.29.054a.7.7 0 0 1 .411.376.667.667 0 0 1-.161.766.736.736 0 0 1-.25.151.764.764 0 0 1-.29.055H5.573c-.186 0-.366.012-.54.049-.18.03-.353.079-.52.145-.167.061-.328.14-.482.237-.148.091-.29.2-.418.316a2.897 2.897 0 0 0-.347.388c-.097.14-.187.286-.257.444a2.473 2.473 0 0 0-.206.977v4.287c0 .17.013.333.051.503a2.549 2.549 0 0 0 .772 1.33 2.721 2.721 0 0 0 .913.559c.167.066.347.115.527.152.18.03.36.048.546.048a.904.904 0 0 1 .61.23.848.848 0 0 1 .194.262.84.84 0 0 1 .07.303l.007.99 1.915-1.293a2.877 2.877 0 0 1 1.64-.492h2.372c.186 0 .366-.018.54-.048.18-.03.353-.08.52-.146.168-.067.329-.146.483-.237.148-.091.29-.2.418-.316.128-.121.244-.249.347-.388a2.8 2.8 0 0 0 .257-.444 2.47 2.47 0 0 0 .206-.977V8.585a.646.646 0 0 1 .225-.492.679.679 0 0 1 .244-.152.814.814 0 0 1 .585 0c.09.03.174.085.244.152a.657.657 0 0 1 .225.492V10.8c0 .261-.032.516-.083.771a4.192 4.192 0 0 1-.245.74c-.109.244-.244.468-.398.687a3.735 3.735 0 0 1-.534.6c-.2.183-.418.347-.65.493a4.134 4.134 0 0 1-.738.364 4.7 4.7 0 0 1-.81.225c-.27.054-.553.079-.836.079h-1.877c-.604 0-1.144.164-1.633.491l-2.54 1.713a.913.913 0 0 1-.514.157z'
-      fill='currentColor'
-    ></path>
-    <path
-      d='M15.866 4.125h-4.174c-.41 0-.741.313-.741.7 0 .387.332.7.741.7h4.174c.41 0 .742-.313.742-.7 0-.387-.332-.7-.742-.7z'
-      fill='currentColor'
-    ></path>
-    <path
-      d='M14.537 2.932c0-.396-.34-.717-.759-.717s-.758.32-.758.717v3.786c0 .396.34.717.758.717.42 0 .76-.321.76-.717V2.932z'
-      fill='currentColor'
-    ></path>
-  </svg>
-);
diff --git a/src/icons/no-top-svg.tsx b/src/icons/no-top-svg.tsx
deleted file mode 100644
index 41b4c24eaab03f91e79ac74de1fcbe303d7d76a3..0000000000000000000000000000000000000000
--- a/src/icons/no-top-svg.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-export const NoTopSvg = () => (
-  <svg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'>
-    <path d='M342.464 368.576l73.344 42.368-8.512 7.936a32 32 0 0 1-14.272 7.68l-5.44 0.832-2.88 0.192-19.456 2.24a442.88 442.88 0 0 0-53.504 10.688 245.12 245.12 0 0 0-64.32 25.984l-7.488 4.928 150.144 86.784a32 32 0 0 1 15.808 31.168l-1.024 5.312-61.568 215.168 155.584-160.896a32 32 0 0 1 34.112-7.744l4.928 2.304 152.32 87.872 1.472-8.192c4.992-38.272-7.68-83.456-31.552-128.832l-6.784-12.416a32 32 0 0 1-3.456-23.04l2.56-11.328 78.016 44.992c27.328 61.44 36.672 122.816 15.168 177.856l-5.12 11.84-6.208 11.648a32 32 0 0 1-43.712 11.712l-163.072-94.272-227.2 235.072c-21.632 22.336-57.728 3.84-55.04-24.768l1.28-6.272L336.448 600.96l-163.072-94.08a32 32 0 0 1-14.144-38.464l2.432-5.248c23.936-41.6 71.36-67.84 133.504-84.48 20.48-5.568 41.28-9.6 61.312-12.288l-14.016 2.112zM267.968 218.688l609.664 352a32 32 0 1 1-32 55.424l-609.664-352a32 32 0 1 1 32-55.424z m258.816-106.24a32 32 0 0 1 40.384-42.752l5.056 2.432 295.552 170.624a32 32 0 0 1-12.16 59.52l-83.584 9.984-31.68 138.24-57.984-33.408 32.32-140.992a32 32 0 0 1 21.76-23.424l5.632-1.216 10.56-1.344-129.28-74.624 4.16 9.856a32 32 0 0 1-3.84 31.808l-3.84 4.224L513.92 319.808l-57.984-33.472 104-96.64z'></path>
-  </svg>
-);
diff --git a/src/icons/paperclip-svg.tsx b/src/icons/paperclip-svg.tsx
deleted file mode 100644
index 004fc80244d3619c0338dac8dae10566aef0c52e..0000000000000000000000000000000000000000
--- a/src/icons/paperclip-svg.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-export const PaperclipSvg = () => (
-  <svg
-    className='icon'
-    viewBox='0 0 1024 1024'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-    width='18'
-    height='18'
-  >
-    <path d='M704 256v490.666667a170.666667 170.666667 0 0 1-170.666667 170.666666 170.666667 170.666667 0 0 1-170.666666-170.666666V213.333333A106.666667 106.666667 0 0 1 469.333333 106.666667 106.666667 106.666667 0 0 1 576 213.333333v448a42.666667 42.666667 0 0 1-42.666667 42.666667 42.666667 42.666667 0 0 1-42.666666-42.666667V256H426.666667v405.333333a106.666667 106.666667 0 0 0 106.666666 106.666667 106.666667 106.666667 0 0 0 106.666667-106.666667V213.333333a170.666667 170.666667 0 0 0-170.666667-170.666666 170.666667 170.666667 0 0 0-170.666666 170.666666v533.333334a234.666667 234.666667 0 0 0 234.666666 234.666666 234.666667 234.666667 0 0 0 234.666667-234.666666V256h-64z'></path>
-  </svg>
-);
diff --git a/src/icons/recording-svg.tsx b/src/icons/recording-svg.tsx
deleted file mode 100644
index 38ee7a435b1b3e6db40c385c5de501b12cf85147..0000000000000000000000000000000000000000
--- a/src/icons/recording-svg.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-// 语音输入loading图标
-export const RecordingSvg = () => {
-  const SIZE = 1000;
-  const COUNT = 4;
-  const RECT_WIDTH = 140;
-  const RECT_RADIUS = RECT_WIDTH / 2;
-  const RECT_HEIGHT_MIN = 250;
-  const RECT_HEIGHT_MAX = 500;
-  const DURATION = 0.8;
-  return (
-    <svg
-      fill='currentColor'
-      viewBox={`0 0 ${SIZE} ${SIZE}`}
-      xmlns='http://www.w3.org/2000/svg'
-      xmlnsXlink='http://www.w3.org/1999/xlink'
-    >
-      {Array.from({ length: COUNT }).map((_, index) => {
-        const dest = (SIZE - RECT_WIDTH * COUNT) / (COUNT - 1);
-        const x = index * (dest + RECT_WIDTH);
-        const yMin = SIZE / 2 - RECT_HEIGHT_MIN / 2;
-        const yMax = SIZE / 2 - RECT_HEIGHT_MAX / 2;
-
-        return (
-          <rect
-            fill='currentColor'
-            rx={RECT_RADIUS}
-            ry={RECT_RADIUS}
-            height={RECT_HEIGHT_MIN}
-            width={RECT_WIDTH}
-            x={x}
-            y={yMin}
-            key={index}
-          >
-            <animate
-              attributeName='height'
-              values={`${RECT_HEIGHT_MIN}; ${RECT_HEIGHT_MAX}; ${RECT_HEIGHT_MIN}`}
-              keyTimes='0; 0.5; 1'
-              dur={`${DURATION}s`}
-              begin={`${(DURATION / COUNT) * index}s`}
-              repeatCount='indefinite'
-            />
-            <animate
-              attributeName='y'
-              values={`${yMin}; ${yMax}; ${yMin}`}
-              keyTimes='0; 0.5; 1'
-              dur={`${DURATION}s`}
-              begin={`${(DURATION / COUNT) * index}s`}
-              repeatCount='indefinite'
-            />
-          </rect>
-        );
-      })}
-    </svg>
-  );
-};
diff --git a/src/icons/refresh-svg.tsx b/src/icons/refresh-svg.tsx
deleted file mode 100644
index d962d8f4793471069537b77c4b377e564a21f522..0000000000000000000000000000000000000000
--- a/src/icons/refresh-svg.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-// 刷新图标
-export const RefreshSvg = () => (
-  <svg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'>
-    <path d='M511.582491 63.413262C265.134543 63.413262 64.62588 263.921925 64.62588 510.369873s200.508663 446.957635 446.957635 446.957635 446.957635-200.508663 446.957635-446.957635S758.031463 63.413262 511.582491 63.413262zM509.001713 751.859903c-98.517781 0-182.467775-62.623269-214.771505-150.056598l0.327458-0.134053c-2.007727-4.036943-3.38305-8.422833-3.38305-13.237489 0-16.647145 13.494339-30.142507 30.142507-30.142507 13.389962 0 24.358781 8.877181 28.2893 20.955264l0.422625-0.172939c23.269983 65.442478 85.645612 112.503307 158.972665 112.503307 93.106538 0 168.845523-75.738985 168.845523-168.845523s-75.738985-168.845523-168.845523-168.845523c-20.432355 0-39.874149 3.980661-58.013275 10.66899l21.248953 40.742936c2.486634 2.677992 4.0175 6.2831 4.0175 10.243295 0 8.417717-8.404414 14.921851-15.365966 15.07023-0.102331 0-0.206708 0-0.309038 0-0.220011 0-0.427742 0-0.647753-0.013303l-150.579507-6.463202c-5.372358-0.234337-10.229992-3.310396-12.716626-8.093329-2.486634-4.76963-2.236947-10.509355 0.647753-15.055904l80.890308-127.179564c2.8847-4.533246 8.006348-7.151887 13.365402-6.960529 5.372358 0.234337 10.227945 3.312442 12.71458 8.095375l18.580171 35.625382c26.629497-10.855232 55.683207-16.963347 86.168522-16.963347 126.338407 0 229.130537 102.791108 229.130537 229.130537S635.340119 751.859903 509.001713 751.859903z'></path>
-  </svg>
-);
diff --git a/src/icons/remove-svg.tsx b/src/icons/remove-svg.tsx
deleted file mode 100644
index 9e1d6837fea58ebdea3acc0b06625ff1e87be12d..0000000000000000000000000000000000000000
--- a/src/icons/remove-svg.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export const RemoveSvg = () => (
-  <svg
-    className='icon'
-    viewBox='0 0 1024 1024'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-  >
-    <path d='M972.657609 209.348408C987.158609 209.36839 998.930114 197.571202 998.949999 182.99865 998.969882 168.426097 987.230618 156.59651 972.729617 156.576528L32.457975 155.280806C17.956974 155.260823 6.18547 167.058012 6.165585 181.630564 6.1457 196.203116 17.884965 208.032703 32.385966 208.052686L972.657609 209.348408ZM180.466902 992.356169 180.466902 1019.014859 206.993296 1018.74074 833.361858 1012.267947 859.348284 1011.999407 859.348284 985.883377 859.348284 289.397297C859.348284 274.824732 847.59289 263.011332 833.091874 263.011332 818.590859 263.011332 806.835465 274.824732 806.835465 289.397297L806.835465 985.883377 832.82189 959.498805 206.453329 965.971599 232.979723 992.356169 232.979723 282.67005C232.979723 268.097483 221.224329 256.284085 206.723313 256.284085 192.222298 256.284085 180.466902 268.097483 180.466902 282.67005L180.466902 992.356169ZM656.410257 847.079027C656.410257 861.651593 668.165651 873.464992 682.666667 873.464992 697.167682 873.464992 708.923076 861.651593 708.923076 847.079027L708.923076 372.131659C708.923076 357.559091 697.167682 345.745694 682.666667 345.745694 668.165651 345.745694 656.410257 357.559091 656.410257 372.131659L656.410257 847.079027ZM341.333333 847.079027C341.333333 861.651593 353.08873 873.464992 367.589743 873.464992 382.090758 873.464992 393.846155 861.651593 393.846155 847.079027L393.846155 372.131659C393.846155 357.559091 382.090758 345.745694 367.589743 345.745694 353.08873 345.745694 341.333333 357.559091 341.333333 372.131659L341.333333 847.079027ZM498.871795 847.079027C498.871795 861.651593 510.627189 873.464992 525.128205 873.464992 539.62922 873.464992 551.384614 861.651593 551.384614 847.079027L551.384614 372.131659C551.384614 357.559091 539.62922 345.745694 525.128205 345.745694 510.627189 345.745694 498.871795 357.559091 498.871795 372.131659L498.871795 847.079027ZM392.147755 116.721777C392.147755 102.063669 403.758665 90.363507 418.40134 90.363507L622.925796 90.363507C637.408947 90.363507 649.179381 102.1619 649.179381 116.549585L649.179381 171.644875 701.692203 171.644875 701.692203 116.549585C701.692203 72.986607 666.38105 37.591577 622.925796 37.591577L418.40134 37.591577C374.724427 37.591577 339.634933 72.950804 339.634933 116.721777L339.634933 165.310801 392.147755 165.310801 392.147755 116.721777Z'></path>
-  </svg>
-);
diff --git a/src/icons/rename-svg.tsx b/src/icons/rename-svg.tsx
deleted file mode 100644
index b72e1e5ed9073377e5097fc38ffca91088d97674..0000000000000000000000000000000000000000
--- a/src/icons/rename-svg.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export const RenameSvg = () => (
-  <svg
-    version='1.1'
-    className='icon'
-    viewBox='0 0 1024 1024'
-    xmlns='http://www.w3.org/2000/svg'
-  >
-    <path d='M627.498667 55.168l170.666666 170.666667a42.624 42.624 0 0 1 0 60.330666l-469.333333 469.333334A42.538667 42.538667 0 0 1 298.666667 768H128a42.666667 42.666667 0 0 1-42.666667-42.666667v-170.666666c0-11.306667 4.48-22.186667 12.501334-30.165334l469.333333-469.333333a42.624 42.624 0 0 1 60.330667 0zM896 896a42.666667 42.666667 0 0 1 0 85.333333H128a42.666667 42.666667 0 0 1 0-85.333333h768zM597.333333 145.664l-426.666666 426.666667V682.666667h110.336l426.666666-426.666667L597.333333 145.664z'></path>
-  </svg>
-);
diff --git a/src/icons/reset-dialogue-svg.tsx b/src/icons/reset-dialogue-svg.tsx
deleted file mode 100644
index 9329798aaef56628633b1e791b6450695ddfb657..0000000000000000000000000000000000000000
--- a/src/icons/reset-dialogue-svg.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-export const ResetDialogueSvg = () => (
-  <svg
-    viewBox='0 0 1024 1024'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-    width='18'
-    height='18'
-  >
-    <path d='M843.251 424.407l43.828-74.898c10.194-17.946 32.596-22.158 48.956-11.598 16.298 10.499 23.44 32.658 14.223 49.566l-113.11 195.212-61.164-40.044-126.418-82.285c-16.115-11.598-20.632-34.428-10.194-51.702 9.705-17.397 31.009-23.501 47.857-13.734l89.67 59.028C748.576 295.547 615.81 180.667 461.008 180.667c-177.387 0-320.042 148.758-320.042 331.335 0 183.613 143.692 331.334 319.981 331.334 107.861 0.184 208.58-56.158 268.034-149.858 1.099-1.038 1.099-2.075 2.075-2.075 6.348-9.949 17.092-15.871 28.568-15.81 19.35 0 35.648 16.848 35.648 36.93 0 7.508-2.137 14.833-6.104 21.059-72.823 114.698-196.066 183.675-328.099 183.614-216.088 0-391.4-181.478-391.4-405.195 0-223.718 175.312-405.195 391.339-405.195 183.125-0.427 342.016 131.606 382.243 317.601z'></path>
-  </svg>
-);
diff --git a/src/icons/search-svg.tsx b/src/icons/search-svg.tsx
deleted file mode 100644
index ab87983a63cdaa917523738815cc9a87c8f9099d..0000000000000000000000000000000000000000
--- a/src/icons/search-svg.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export const SearchSvg = () => (
-  <svg
-    className='icon'
-    viewBox='0 0 1024 1024'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-  >
-    <path d='M896 870.4l-128-128c55.467-68.267 89.6-149.333 89.6-238.933 0-98.134-38.4-192-110.933-264.534-149.334-149.333-384-149.333-533.334-4.266-145.066 145.066-145.066 384 0 529.066 72.534 72.534 166.4 110.934 264.534 110.934 89.6 0 174.933-29.867 238.933-89.6l128 128c4.267 4.266 12.8 8.533 21.333 8.533s17.067-4.267 21.334-8.533c17.066-8.534 17.066-29.867 8.533-42.667zM260.267 721.067c-119.467-123.734-119.467-320 0-439.467 59.733-59.733 140.8-89.6 217.6-89.6 81.066 0 157.866 29.867 217.6 89.6 59.733 59.733 89.6 136.533 89.6 217.6 0 81.067-34.134 162.133-89.6 217.6-55.467 59.733-132.267 93.867-217.6 93.867-81.067 0-157.867-34.134-217.6-89.6z'></path>
-  </svg>
-);
diff --git a/src/icons/send-svg.tsx b/src/icons/send-svg.tsx
deleted file mode 100644
index 41cc6aedb153edb61c612cc1aef1b881a58efa71..0000000000000000000000000000000000000000
--- a/src/icons/send-svg.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-export const SendSvg = (props: { className?: string }) => (
-  <svg
-    viewBox='0 0 1024 1024'
-    id='send'
-    className={props.className}
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-  >
-    <path d='M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-0.9 3.7-0.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 0.7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-0.8 4.2-2.6 5-5 1.4-4.2-0.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z'></path>
-  </svg>
-);
diff --git a/src/icons/stop-circle-svg.tsx b/src/icons/stop-circle-svg.tsx
deleted file mode 100644
index d660bbd22225d27438b454b269cee8c394626c42..0000000000000000000000000000000000000000
--- a/src/icons/stop-circle-svg.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-// 停止图标
-export const StopCircleSvg = (props: { className?: string }) => (
-  <svg
-    className={props.className}
-    id='stop'
-    viewBox='0 0 1025 1024'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-    width='18'
-    height='18'
-  >
-    <path
-      d='M512.268258 1022.835842c-68.658678 0-135.399619-13.564433-198.369591-40.316509-60.752236-25.809077-115.373446-62.712976-162.346233-109.685763-46.971763-46.971763-83.875662-101.592974-109.685763-162.346233C15.115619 647.517366 1.551186 580.777449 1.551186 512.118771S15.115619 376.719151 41.866671 313.74918c25.810101-60.752236 62.714-115.373446 109.685763-162.346233 46.972787-46.971763 101.593997-83.875662 162.346233-109.685763 62.969971-26.751052 129.710912-40.315485 198.369591-40.315485s135.398595 13.564433 198.368567 40.315485c60.752236 25.810101 115.373446 62.714 162.346233 109.685763 46.971763 46.972787 83.875662 101.593997 109.685763 162.346233 26.752076 62.969971 40.316509 129.710912 40.316509 198.369591s-13.564433 135.398595-40.316509 198.368567c-25.809077 60.75326-62.712976 115.37447-109.685763 162.346233-46.971763 46.972787-101.592974 83.876686-162.346233 109.685763C647.666853 1009.27141 580.925912 1022.835842 512.268258 1022.835842zM512.268258 50.548195c-62.018782 0-122.293887 12.247716-179.152287 36.403219-54.923257 23.333323-104.317532 56.709936-146.810821 99.204249s-75.870926 91.888588-99.204249 146.810821c-24.155503 56.8584-36.403219 117.133505-36.403219 179.152287 0 62.017758 12.247716 122.292863 36.403219 179.152287 23.333323 54.923257 56.709936 104.317532 99.204249 146.811845 42.493289 42.493289 91.888588 75.870926 146.810821 99.204249 56.8584 24.155503 117.133505 36.403219 179.152287 36.403219 62.017758 0 122.292863-12.247716 179.152287-36.403219 54.923257-23.333323 104.317532-56.71096 146.811845-99.204249 42.493289-42.494313 75.870926-91.888588 99.204249-146.811845 24.155503-56.8584 36.403219-117.133505 36.403219-179.152287s-12.247716-122.293887-36.403219-179.152287c-23.334347-54.923257-56.71096-104.317532-99.205273-146.810821-42.493289-42.493289-91.887565-75.870926-146.810821-99.204249C634.561121 62.795911 574.286016 50.548195 512.268258 50.548195z'
-      fill='currentColor'
-    ></path>
-    <path
-      d='M655.434047 694.244421 367.12637 694.244421c-21.046987 0-38.170445-17.123458-38.170445-38.170445L328.955925 367.766298c0-21.046987 17.123458-38.170445 38.170445-38.170445l288.307678 0c21.048011 0 38.170445 17.123458 38.170445 38.170445l0 288.307678C693.604492 677.120962 676.482058 694.244421 655.434047 694.244421zM380.150191 643.050154l262.260035 0L642.410226 380.79012 380.150191 380.79012 380.150191 643.050154z'
-      fill='currentColor'
-    ></path>
-  </svg>
-);
diff --git a/src/icons/top-svg.tsx b/src/icons/top-svg.tsx
deleted file mode 100644
index 4aecdba6c8d0cdd97a49b5e77e37f62875d3d1b1..0000000000000000000000000000000000000000
--- a/src/icons/top-svg.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-export const TopSvg = () => (
-  <svg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'>
-    <path d='M413.610667 336.192l226.346666-125.461333-11.114666-76.586667c-5.909333-40.64 43.349333-65.344 72.384-36.309333l241.365333 241.344c29.013333 29.013333 4.373333 78.250667-36.245333 72.405333l-76.458667-10.965333-126.165333 227.029333 2.176 5.12c34.56 84.330667 27.413333 153.962667-30.208 214.549333l-4.416 4.544a42.666667 42.666667 0 0 1-60.330667 0l-139.968-139.968L153.365333 946.730667c-38.528 28.48-86.677333-18.133333-61.44-57.109334l1.706667-2.474666 234.154667-318.442667-136.810667-136.832-4.906667-5.12a42.666667 42.666667 0 0 1 2.496-57.6c62.272-62.293333 139.157333-71.445333 222.122667-34.304l2.922667 1.344zM795.733333 313.024l-68.138666-68.117333-0.96 3.136a42.666667 42.666667 0 0 1-19.52 23.04L435.306667 421.76a42.666667 42.666667 0 0 1-41.216 0.085333c-42.197333-23.146667-76.565333-29.290667-106.581334-18.218666l-2.944 1.173333 129.493334 129.493333a42.666667 42.666667 0 0 1 4.202666 55.466667l-88.661333 120.533333 120.213333-88.853333a42.666667 42.666667 0 0 1 52.821334 1.642667l2.709333 2.496 130.282667 130.282666 1.685333-4.522666c8.917333-27.008 3.242667-58.24-16.704-100.608l-2.944-6.144A42.666667 42.666667 0 0 1 618.666667 605.077333l150.912-271.573333a42.666667 42.666667 0 0 1 23.018666-19.498667l3.157334-0.981333z'></path>
-  </svg>
-);
diff --git a/src/icons/upload-svg.tsx b/src/icons/upload-svg.tsx
deleted file mode 100644
index 0f0fa596a4022afba7a6182deb614a07a02b84a1..0000000000000000000000000000000000000000
--- a/src/icons/upload-svg.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-export const FileSvg = () => (
-  <svg
-    className='icon'
-    viewBox='0 0 1024 1024'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-    width='18'
-    height='18'
-  >
-    <path
-      d='M842.666667 285.866667l-187.733334-187.733334c-14.933333-14.933333-32-21.333333-53.333333-21.333333H234.666667C194.133333 74.666667 160 108.8 160 149.333333v725.333334c0 40.533333 34.133333 74.666667 74.666667 74.666666h554.666666c40.533333 0 74.666667-34.133333 74.666667-74.666666V337.066667c0-19.2-8.533333-38.4-21.333333-51.2z m-44.8 44.8c-2.133333 2.133333-4.266667 0-8.533334 0h-170.666666c-6.4 0-10.666667-4.266667-10.666667-10.666667V149.333333c0-2.133333 0-6.4-2.133333-8.533333 0 0 2.133333 0 2.133333 2.133333l189.866667 187.733334z m-8.533334 554.666666H234.666667c-6.4 0-10.666667-4.266667-10.666667-10.666666V149.333333c0-6.4 4.266667-10.666667 10.666667-10.666666h311.466666c-2.133333 4.266667-2.133333 6.4-2.133333 10.666666v170.666667c0 40.533333 34.133333 74.666667 74.666667 74.666667h170.666666c4.266667 0 6.4 0 10.666667-2.133334V874.666667c0 6.4-4.266667 10.666667-10.666667 10.666666z'
-      fill='currentColor'
-    ></path>
-    <path
-      d='M640 693.333333H341.333333c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h298.666667c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32zM640 522.666667H341.333333c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h298.666667c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32zM341.333333 416h85.333334c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32h-85.333334c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32z'
-      fill='currentColor'
-    ></path>
-  </svg>
-);
diff --git a/src/index.ts b/src/index.ts
index 995b0e0d14e6b6ccbf514613755928fc99a8b0ac..d4df963a8f93f7c6d18c7da121e8cdffa8d86d84 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,5 +1 @@
-import './index.scss';
-
-export { ChatContainer } from './components';
 export { chat } from './controller';
-export type { IChatToolbarItem } from './interface';
diff --git a/src/interface/i-chat-container/i-chat-container.ts b/src/interface/i-chat-container/i-chat-container.ts
index 706118c0094bade945cd77e76d7c45ec45576221..1c89dc783397377edde7b7d3eecf91006b811bcf 100644
--- a/src/interface/i-chat-container/i-chat-container.ts
+++ b/src/interface/i-chat-container/i-chat-container.ts
@@ -7,10 +7,10 @@
 export interface IAutoClose {
   /**
    * @description 模式
-   * - minimize：最小化；close：直接关闭；closetime：定时关闭
-   * @type {('minimize' | 'closetime' | 'close')}
+   * - close：直接关闭；closetime：定时关闭
+   * @type {('closetime' | 'close')}
    */
-  mode: 'minimize' | 'close' | 'closetime';
+  mode: 'close' | 'closetime';
 
   /**
    * @description 自动关闭延时时间，该值单位为秒（s），当 mode 值为closetime时生效
@@ -103,19 +103,4 @@ export interface IChatContainerOptions {
    * @memberof IChatContainerOptions
    */
   autoClose?: IAutoClose;
-
-  /**
-   * @description AI窗口的打开模式
-   * - default：默认；minimize：最小化；autoexpand：自动展开
-   * @type {('default' | 'minimize' | 'autoexpand')}
-   * @memberof IChatContainerOptions
-   */
-  openMode?: 'default' | 'minimize' | 'autoexpand';
-
-  /**
-   * 是否允许最小化
-   *
-   * @type {boolean}
-   */
-  enableAIMinimize?: boolean;
 }
diff --git a/src/interface/i-chat-options/i-chat-options.ts b/src/interface/i-chat-options/i-chat-options.ts
index 015d3bba69f409ca1712009c42173b61dead3c66..9eda0df8620d8c7115ac70144ca8b0d2ef2ba7c1 100644
--- a/src/interface/i-chat-options/i-chat-options.ts
+++ b/src/interface/i-chat-options/i-chat-options.ts
@@ -1,4 +1,4 @@
-import { AiChatController, AiTopicController } from '../../controller';
+import { AIChatController, AITopicController } from '../../controller';
 import { IAIAgent } from '../i-ai-agent/i-ai-agent';
 import { IChatMessage } from '../i-chat-message/i-chat-message';
 import { IChatToolbarItem } from '../i-chat-toolbar-item/i-chat-toolbar-item';
@@ -191,7 +191,7 @@ export interface IChatOptions extends IChat {
    *
    * @type {AiTopicController}
    */
-  aiTopic?: AiTopicController;
+  aiTopic?: AITopicController;
 
   /**
    * 聊天窗触发提问回调
@@ -205,7 +205,7 @@ export interface IChatOptions extends IChat {
    * @return {*}  {Promise<boolean>} 等待回答，用于显示 loading 并获取最终成功与否
    */
   question(
-    aiChat: AiChatController,
+    aiChat: AIChatController,
     context: object,
     params: object,
     otherParams: object,
@@ -223,7 +223,7 @@ export interface IChatOptions extends IChat {
    * @param otherParams
    */
   abortQuestion(
-    aiChat: AiChatController,
+    aiChat: AIChatController,
     context: object,
     params: object,
     otherParams: object,
diff --git a/src/interface/i-chat-thought-chain/i-chat-thought-chain.ts b/src/interface/i-chat-thought-chain/i-chat-thought-chain.ts
index 41a954bcaa9442194401b6bee09f947ebdffff21..df580af4aeb28668c892081238ef24e5a06c7e60 100644
--- a/src/interface/i-chat-thought-chain/i-chat-thought-chain.ts
+++ b/src/interface/i-chat-thought-chain/i-chat-thought-chain.ts
@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 /**
  * @description AI聊天思维链
  * @export
@@ -24,10 +25,10 @@ export interface IChatThoughtChain {
 
   /**
    * @description 图标
-   * @type {React.ReactNode}
+   * @type {VNode}
    * @memberof IChatThoughtChain
    */
-  icon?: React.ReactNode;
+  icon?: VNode;
 
   /**
    * @description 是否完成
diff --git a/src/interface/i-chat-toolbar-item/i-chat-toolbar-item.ts b/src/interface/i-chat-toolbar-item/i-chat-toolbar-item.ts
index 40b4521a99e65e726eb1dea837b966d3c4f544f4..e896a0c5479d99d6850dcffd8489cdbeb97ff5d4 100644
--- a/src/interface/i-chat-toolbar-item/i-chat-toolbar-item.ts
+++ b/src/interface/i-chat-toolbar-item/i-chat-toolbar-item.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/ban-types */
 /* eslint-disable no-shadow */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { VNode } from 'preact';
+import { VNode } from 'vue';
+
 /**
  * 聊天自定义工具栏项接口
  *
diff --git a/src/interface/i-topic-options/i-topic-options.ts b/src/interface/i-topic-options/i-topic-options.ts
index 25319d425bce60284fd09cfedb7d06cd4e78718e..817e5b0fe738f4754d149f90ee46b3d9a0c0c537 100644
--- a/src/interface/i-topic-options/i-topic-options.ts
+++ b/src/interface/i-topic-options/i-topic-options.ts
@@ -120,10 +120,6 @@ export interface ITopic {
  * @interface ITopicOptions
  */
 export interface ITopicOptions extends ITopic {
-  /**
-   * 隐藏话题侧边栏,默认不隐藏
-   */
-  hideTopicSidebar: boolean;
 
   /**
    * 禁用存储
diff --git a/src/main.tsx b/src/main.tsx
deleted file mode 100644
index dd68d5861a7a1a38accde3cd7ff960962594f7f0..0000000000000000000000000000000000000000
--- a/src/main.tsx
+++ /dev/null
@@ -1,4 +0,0 @@
-import { render } from 'preact';
-import { App } from './app.tsx';
-
-render(<App />, document.getElementById('app')!);
diff --git a/src/utils/util/chat-tool-call-parser.ts b/src/utils/util/chat-tool-call-parser.ts
index 89c21353d22210657acaf8774ce345c9d1f516c0..5a6888453e31bfae720448a845ff8545829642f2 100644
--- a/src/utils/util/chat-tool-call-parser.ts
+++ b/src/utils/util/chat-tool-call-parser.ts
@@ -1,6 +1,3 @@
-/* eslint-disable no-useless-escape */
-/* eslint-disable no-unused-vars */
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import { IChatToolCall } from '../../interface';
 
 /**
diff --git a/src/utils/util/text-hash-util.ts b/src/utils/util/text-hash-util.ts
index 3b4c5ce19a04c732463104ff76d9e9d8c1d1f071..d23f4191b6ce1f903cdbfd0161024160b3e1f5b5 100644
--- a/src/utils/util/text-hash-util.ts
+++ b/src/utils/util/text-hash-util.ts
@@ -1,5 +1,3 @@
-/* eslint-disable no-bitwise */
-
 /**
  * @description 简单哈希函数 - 返回大写字母和数字
  * @param {string} str
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
deleted file mode 100644
index 11f02fe2a0061d6e6e1f271b21da95423b448b32..0000000000000000000000000000000000000000
--- a/src/vite-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// <reference types="vite/client" />
diff --git a/tsconfig.json b/tsconfig.json
index fca1b451cfe5f2a16b672ef292c378c49faae2e8..14674bf7a072caff6064128af195e91c799b6fd4 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,27 +3,17 @@
     "target": "ESNext",
     "useDefineForClassFields": true,
     "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-    // "sourceMap": true,
-    // "declarationMap": true,
-    // "declaration": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
+    "moduleResolution": "Node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "jsxImportSource": "preact",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "esModuleInterop": true,
+    "noImplicitAny": false,
+    "lib": ["ESNext", "DOM"],
+    "skipLibCheck": true
   },
-  "include": ["src"],
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }
diff --git a/tsconfig.node.json b/tsconfig.node.json
index 42872c59f5b01c9155864572bc2fbd5833a7406c..9d31e2aed93c876bc048cf2f863cb2a847c901e8 100644
--- a/tsconfig.node.json
+++ b/tsconfig.node.json
@@ -1,9 +1,8 @@
 {
   "compilerOptions": {
     "composite": true,
-    "skipLibCheck": true,
     "module": "ESNext",
-    "moduleResolution": "bundler",
+    "moduleResolution": "Node",
     "allowSyntheticDefaultImports": true
   },
   "include": ["vite.config.ts"]
diff --git a/vite.config.ts b/vite.config.ts
index 57bdbffb38d91d626f585919072664937a1cb170..4cf46f300e39281ffaf3bb789e6c9c4012016834 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite';
-import preact from '@preact/preset-vite';
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
 import libLegacy from '@qx-chitanda/vite-plugin-lib-legacy';
 import dts from 'vite-plugin-dts';
 import eslint from 'vite-plugin-eslint';
@@ -14,27 +15,25 @@ export default defineConfig({
       fileName: format => `index.${format}.js`,
     },
     rollupOptions: {
-      external: ['cherry-markdown', 'interactjs', 'qx-util'],
+      external: ['vue', 'vant', 'interactjs', 'qx-util', 'cherry-markdown'],
     },
   },
-  server: {
-    port: 5174,
-  },
   css: {
     preprocessorOptions: {
       scss: {
-        additionalData: '@import "node_modules/@ibiz-template/scss-utils/style/global.scss";',
+        additionalData:
+          '@import "node_modules/@ibiz-template/scss-utils/style/global.scss";',
       },
     },
   },
   plugins: [
-    eslint(),
-    preact(),
-    libLegacy(),
+    vue(),
     libCss(),
+    // eslint(),
+    vueJsx(),
+    libLegacy(),
     dts({
       outDir: 'dist/types',
     }),
   ],
-  
 });