From 30a8f474ecf353d88c5d39f498ea3c77906b8840 Mon Sep 17 00:00:00 2001
From: susie-laptop <sishi1461@gmail.com>
Date: Wed, 2 Apr 2025 20:00:46 -0400
Subject: [PATCH 1/4] [dev]add create knowledgebase dep&group options,
 permissionpages permission

---
 src/components/CreateKnowledgeBaseModal.jsx | 12 ++++++------
 src/layouts/HeaderWithNav.jsx               | 18 ++++++++----------
 src/pages/KnowledgeBase/KnowledgeBase.jsx   | 14 +++++++-------
 src/pages/Permissions/PermissionsPage.jsx   |  7 -------
 src/router/router.jsx                       |  2 +-
 5 files changed, 22 insertions(+), 31 deletions(-)

diff --git a/src/components/CreateKnowledgeBaseModal.jsx b/src/components/CreateKnowledgeBaseModal.jsx
index db6e935..4efd85e 100644
--- a/src/components/CreateKnowledgeBaseModal.jsx
+++ b/src/components/CreateKnowledgeBaseModal.jsx
@@ -83,8 +83,8 @@ const CreateKnowledgeBaseModal = ({
     const availableTypes = getAvailableTypes();
 
     // 判断是否需要选择组别
-    const isMemberTypeSelected = formData.type === 'member';
-    const needSelectGroup = isMemberTypeSelected;
+    const needDepartmentAndGroup = formData.type === 'member' || formData.type === 'leader';
+    const needSelectGroup = needDepartmentAndGroup;
 
     return (
         <div
@@ -179,8 +179,8 @@ const CreateKnowledgeBaseModal = ({
                         {formErrors.type && <div className='text-danger small mt-1'>{formErrors.type}</div>}
                     </div>
 
-                    {/* 仅当不是私有知识库时才显示部门选项 */}
-                    {formData.type === 'member' && (
+                    {/* 仅当不是私有知识库且需要部门和组别时才显示部门选项 */}
+                    {needDepartmentAndGroup && (
                         <div className='mb-3'>
                             <label htmlFor='department' className='form-label'>
                                 部门 {isAdmin && needSelectGroup && <span className='text-danger'>*</span>}
@@ -219,8 +219,8 @@ const CreateKnowledgeBaseModal = ({
                         </div>
                     )}
 
-                    {/* 仅当不是私有知识库时才显示组别选项 */}
-                    {formData.type === 'member' && (
+                    {/* 仅当不是私有知识库且需要部门和组别时才显示组别选项 */}
+                    {needDepartmentAndGroup && (
                         <div className='mb-3'>
                             <label htmlFor='group' className='form-label'>
                                 组别 {needSelectGroup && <span className='text-danger'>*</span>}
diff --git a/src/layouts/HeaderWithNav.jsx b/src/layouts/HeaderWithNav.jsx
index a843cf0..d42d8ee 100644
--- a/src/layouts/HeaderWithNav.jsx
+++ b/src/layouts/HeaderWithNav.jsx
@@ -68,16 +68,14 @@ export default function HeaderWithNav() {
                                     Chat
                                 </Link>
                             </li>
-                            {hasManagePermission && (
-                                <li className='nav-item'>
-                                    <Link
-                                        className={`nav-link ${isActive('/permissions') ? 'active' : ''}`}
-                                        to='/permissions'
-                                    >
-                                        权限管理
-                                    </Link>
-                                </li>
-                            )}
+                            <li className='nav-item'>
+                                <Link
+                                    className={`nav-link ${isActive('/permissions') ? 'active' : ''}`}
+                                    to='/permissions'
+                                >
+                                    权限管理
+                                </Link>
+                            </li>
                         </ul>
                         {!!user ? (
                             <div className='d-flex align-items-center gap-3'>
diff --git a/src/pages/KnowledgeBase/KnowledgeBase.jsx b/src/pages/KnowledgeBase/KnowledgeBase.jsx
index 40b42c6..4f4a15b 100644
--- a/src/pages/KnowledgeBase/KnowledgeBase.jsx
+++ b/src/pages/KnowledgeBase/KnowledgeBase.jsx
@@ -242,8 +242,8 @@ export default function KnowledgeBase() {
         const errors = {};
         const isAdmin = currentUser?.role === 'admin';
         const isLeader = currentUser?.role === 'leader';
-        // 只有member类型知识库需要选择组别，私有知识库不需要
-        const needSelectGroup = newKnowledgeBase.type === 'member';
+        // 组长级和member类型知识库需要选择组别，私有知识库不需要
+        const needDepartmentAndGroup = newKnowledgeBase.type === 'member' || newKnowledgeBase.type === 'leader';
         // 私有知识库不需要选择部门和组别
         const isPrivate = newKnowledgeBase.type === 'private';
 
@@ -259,16 +259,16 @@ export default function KnowledgeBase() {
             errors.type = '请选择知识库类型';
         }
 
-        // 对于member级别的知识库，检查是否选择了部门和组别
-        if (needSelectGroup && !isPrivate) {
+        // 对于member和leader级别的知识库，检查是否选择了部门和组别
+        if (needDepartmentAndGroup && !isPrivate) {
             // 管理员必须选择部门
             if (isAdmin && !newKnowledgeBase.department) {
-                errors.department = '创建member级别知识库时必须选择部门';
+                errors.department = `创建${newKnowledgeBase.type === 'leader' ? '组长级' : '组内'}知识库时必须选择部门`;
             }
 
-            // 所有用户创建member级别知识库时必须选择组别
+            // 所有用户创建member和leader级别知识库时必须选择组别
             if (!newKnowledgeBase.group) {
-                errors.group = '创建member级别知识库时必须选择组别';
+                errors.group = `创建${newKnowledgeBase.type === 'leader' ? '组长级' : '组内'}知识库时必须选择组别`;
             }
         }
 
diff --git a/src/pages/Permissions/PermissionsPage.jsx b/src/pages/Permissions/PermissionsPage.jsx
index afb8466..27f9e19 100644
--- a/src/pages/Permissions/PermissionsPage.jsx
+++ b/src/pages/Permissions/PermissionsPage.jsx
@@ -6,15 +6,8 @@ import UserPermissions from './components/UserPermissions';
 import './Permissions.css';
 
 export default function PermissionsPage() {
-    const navigate = useNavigate();
     const { user } = useSelector((state) => state.auth);
 
-    // 检查用户是否有管理权限（leader 或 admin）
-    useEffect(() => {
-        if (!user || (user.role !== 'leader' && user.role !== 'admin')) {
-            navigate('/');
-        }
-    }, [user, navigate]);
 
     return (
         <div className='permissions-container'>
diff --git a/src/router/router.jsx b/src/router/router.jsx
index 7e4f11a..6ad6601 100644
--- a/src/router/router.jsx
+++ b/src/router/router.jsx
@@ -72,7 +72,7 @@ function AppRouter() {
                             </Mainlayout>
                         }
                     />
-                    {/* 权限管理页面路由 - 仅对 leader 或 admin 角色可见 */}
+                    {/* 权限管理页面路由  */}
                     <Route
                         path='/permissions'
                         element={

From a4239cac8723906b4e31ad67012ea2e1b5b047ab Mon Sep 17 00:00:00 2001
From: susie-laptop <sishi1461@gmail.com>
Date: Wed, 2 Apr 2025 20:24:53 -0400
Subject: [PATCH 2/4] [dev]add markdown style

---
 package-lock.json                | 1652 +++++++++++++++++++++++++++++-
 package.json                     |    3 +
 src/components/CodeBlock.jsx     |   41 +
 src/components/ErrorBoundary.jsx |   47 +
 src/components/SafeMarkdown.jsx  |   50 +
 src/pages/Chat/ChatWindow.jsx    |    9 +-
 src/pages/Chat/NewChat.jsx       |  166 ++-
 src/styles/style.scss            |  205 +++-
 8 files changed, 2109 insertions(+), 64 deletions(-)
 create mode 100644 src/components/CodeBlock.jsx
 create mode 100644 src/components/ErrorBoundary.jsx
 create mode 100644 src/components/SafeMarkdown.jsx

diff --git a/package-lock.json b/package-lock.json
index 74fc24a..8667f54 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,9 +16,12 @@
         "lodash": "^4.17.21",
         "react": "^19.0.0",
         "react-dom": "^19.0.0",
+        "react-markdown": "^10.1.0",
         "react-redux": "^9.2.0",
         "react-router-dom": "^7.2.0",
+        "react-syntax-highlighter": "^15.6.1",
         "redux-persist": "^6.0.0",
+        "remark-gfm": "^4.0.1",
         "uuid": "^11.1.0"
       },
       "devDependencies": {
@@ -257,6 +260,17 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/runtime": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz",
+      "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/template": {
       "version": "7.26.9",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.26.9.tgz",
@@ -1276,11 +1290,34 @@
       "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
       "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA=="
     },
+    "node_modules/@types/debug": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
+      "integrity": "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==",
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
     "node_modules/@types/estree": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
-      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
-      "dev": true
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw=="
+    },
+    "node_modules/@types/estree-jsx": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree-jsx/-/estree-jsx-1.0.5.tgz",
+      "integrity": "sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==",
+      "dependencies": {
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "dependencies": {
+        "@types/unist": "*"
+      }
     },
     "node_modules/@types/json-schema": {
       "version": "7.0.15",
@@ -1288,11 +1325,23 @@
       "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
       "dev": true
     },
+    "node_modules/@types/mdast": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
+      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA=="
+    },
     "node_modules/@types/react": {
       "version": "19.0.10",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.10.tgz",
       "integrity": "sha512-JuRQ9KXLEjaUNjTWpzuR231Z2WpIwczOkBEIvbHNCzQefFIT0L8IqE6NV6ULLyC1SI/i234JnDoMkfg+RjQj2g==",
-      "devOptional": true,
       "dependencies": {
         "csstype": "^3.0.2"
       }
@@ -1306,11 +1355,21 @@
         "@types/react": "^19.0.0"
       }
     },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="
+    },
     "node_modules/@types/use-sync-external-store": {
       "version": "0.0.6",
       "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz",
       "integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg=="
     },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g=="
+    },
     "node_modules/@vitejs/plugin-react": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.3.4.tgz",
@@ -1569,6 +1628,15 @@
         "proxy-from-env": "^1.1.0"
       }
     },
+    "node_modules/bail": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
+      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1734,6 +1802,15 @@
         }
       ]
     },
+    "node_modules/ccount": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
+      "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -1750,6 +1827,42 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/character-entities": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
+      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-html4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
+      "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-legacy": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
+      "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-reference-invalid": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz",
+      "integrity": "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
@@ -1815,6 +1928,15 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/comma-separated-tokens": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
+      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -1857,8 +1979,7 @@
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "devOptional": true
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "node_modules/data-view-buffer": {
       "version": "1.0.2",
@@ -1915,7 +2036,6 @@
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
       "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
-      "dev": true,
       "dependencies": {
         "ms": "^2.1.3"
       },
@@ -1928,6 +2048,18 @@
         }
       }
     },
+    "node_modules/decode-named-character-reference": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.1.0.tgz",
+      "integrity": "sha512-Wy+JTSbFThEOXQIR2L6mxJvEs+veIzpmqD7ynWxMXGpnk3smkHQOp6forLdHsKpAMW9iJpaBBIxz285t1n1C3w==",
+      "dependencies": {
+        "character-entities": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -1976,6 +2108,26 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/doctrine": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
@@ -2420,6 +2572,15 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-util-is-identifier-name": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz",
+      "integrity": "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -2429,6 +2590,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -2447,6 +2613,18 @@
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
       "dev": true
     },
+    "node_modules/fault": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/fault/-/fault-1.0.4.tgz",
+      "integrity": "sha512-CJ0HCB5tL5fYTEA7ToAq5+kTwd++Borf1/bifxd9iT70QcXr4MRrO3Llf8Ifs70q+SJcGHFtnIE/Nw6giCtECA==",
+      "dependencies": {
+        "format": "^0.2.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/file-entry-cache": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
@@ -2554,6 +2732,14 @@
         "node": ">= 6"
       }
     },
+    "node_modules/format": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/format/-/format-0.2.2.tgz",
+      "integrity": "sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==",
+      "engines": {
+        "node": ">=0.4.x"
+      }
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -2801,6 +2987,134 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/hast-util-parse-selector": {
+      "version": "2.2.5",
+      "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-2.2.5.tgz",
+      "integrity": "sha512-7j6mrk/qqkSehsM92wQjdIgWM2/BW61u/53G6xmC8i1OmEdKLHbk419QKQUjz6LglWsfqoiHmyMRkP1BGjecNQ==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-to-jsx-runtime": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.6.tgz",
+      "integrity": "sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "mdast-util-mdx-expression": "^2.0.0",
+        "mdast-util-mdx-jsx": "^3.0.0",
+        "mdast-util-mdxjs-esm": "^2.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-js": "^1.0.0",
+        "unist-util-position": "^5.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-whitespace": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
+      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hastscript": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-6.0.0.tgz",
+      "integrity": "sha512-nDM6bvd7lIqDUiYEiu5Sl/+6ReP0BMk/2f4U/Rooccxkj0P5nm+acM5PrGJ/t5I8qPGiqZSE6hVAwZEdZIvP4w==",
+      "dependencies": {
+        "@types/hast": "^2.0.0",
+        "comma-separated-tokens": "^1.0.0",
+        "hast-util-parse-selector": "^2.0.0",
+        "property-information": "^5.0.0",
+        "space-separated-tokens": "^1.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hastscript/node_modules/@types/hast": {
+      "version": "2.3.10",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.10.tgz",
+      "integrity": "sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==",
+      "dependencies": {
+        "@types/unist": "^2"
+      }
+    },
+    "node_modules/hastscript/node_modules/@types/unist": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
+      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA=="
+    },
+    "node_modules/hastscript/node_modules/comma-separated-tokens": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-1.0.8.tgz",
+      "integrity": "sha512-GHuDRO12Sypu2cV70d1dkA2EUmXHgntrzbpvOB+Qy+49ypNfGgFQIC2fhhXbnyrJRynDCAARsT7Ou0M6hirpfw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/hastscript/node_modules/property-information": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-5.6.0.tgz",
+      "integrity": "sha512-YUHSPk+A30YPv+0Qf8i9Mbfe/C0hdPXk1s1jPVToV8pk8BQtpw10ct89Eo7OWkutrwqvT0eicAxlOg3dOAu8JA==",
+      "dependencies": {
+        "xtend": "^4.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/hastscript/node_modules/space-separated-tokens": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-1.1.5.tgz",
+      "integrity": "sha512-q/JSVd1Lptzhf5bkYm4ob4iWPjx0KiRe3sRFBNrVqbJkFaBm5vbbowy1mymoPNLRa52+oadOhJ+K49wsSeSjTA==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/highlight.js": {
+      "version": "10.7.3",
+      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.7.3.tgz",
+      "integrity": "sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/highlightjs-vue": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/highlightjs-vue/-/highlightjs-vue-1.0.0.tgz",
+      "integrity": "sha512-PDEfEF102G23vHmPhLyPboFCD+BkMGu+GuJe2d9/eH4FsCwvgBpnc9n0pGE+ffKdph38s6foEZiEjdgHdzp+IA=="
+    },
+    "node_modules/html-url-attributes": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-url-attributes/-/html-url-attributes-3.0.1.tgz",
+      "integrity": "sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
@@ -2850,6 +3164,11 @@
         "node": ">=0.8.19"
       }
     },
+    "node_modules/inline-style-parser": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.4.tgz",
+      "integrity": "sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q=="
+    },
     "node_modules/internal-slot": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
@@ -2864,6 +3183,28 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/is-alphabetical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
+      "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-alphanumerical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz",
+      "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==",
+      "dependencies": {
+        "is-alphabetical": "^2.0.0",
+        "is-decimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/is-array-buffer": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
@@ -3003,6 +3344,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-decimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz",
+      "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -3057,6 +3407,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-hexadecimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz",
+      "integrity": "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/is-map": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
@@ -3094,6 +3453,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-regex": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
@@ -3382,6 +3752,15 @@
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
       "dev": true
     },
+    "node_modules/longest-streak": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz",
+      "integrity": "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -3394,6 +3773,19 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lowlight": {
+      "version": "1.20.0",
+      "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-1.20.0.tgz",
+      "integrity": "sha512-8Ktj+prEb1RoCPkEOrPMYUN/nCggB7qAWe3a7OpMjWQkh3l2RD5wKRQ+o8Q8YuI9RG/xs95waaI/E6ym/7NsTw==",
+      "dependencies": {
+        "fault": "^1.0.0",
+        "highlight.js": "~10.7.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -3403,6 +3795,15 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/markdown-table": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.4.tgz",
+      "integrity": "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -3411,6 +3812,807 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/mdast-util-find-and-replace": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.2.tgz",
+      "integrity": "sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "escape-string-regexp": "^5.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-find-and-replace/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mdast-util-from-markdown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.2.tgz",
+      "integrity": "sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark": "^4.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm/-/mdast-util-gfm-3.1.0.tgz",
+      "integrity": "sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==",
+      "dependencies": {
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-gfm-autolink-literal": "^2.0.0",
+        "mdast-util-gfm-footnote": "^2.0.0",
+        "mdast-util-gfm-strikethrough": "^2.0.0",
+        "mdast-util-gfm-table": "^2.0.0",
+        "mdast-util-gfm-task-list-item": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-autolink-literal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.1.tgz",
+      "integrity": "sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-find-and-replace": "^3.0.0",
+        "micromark-util-character": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-footnote": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-2.1.0.tgz",
+      "integrity": "sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-strikethrough": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.0.tgz",
+      "integrity": "sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-table": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-table/-/mdast-util-gfm-table-2.0.0.tgz",
+      "integrity": "sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "markdown-table": "^3.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-task-list-item": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-2.0.0.tgz",
+      "integrity": "sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-expression": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz",
+      "integrity": "sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-jsx": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.2.0.tgz",
+      "integrity": "sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "parse-entities": "^4.0.0",
+        "stringify-entities": "^4.0.0",
+        "unist-util-stringify-position": "^4.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdxjs-esm": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz",
+      "integrity": "sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-phrasing": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz",
+      "integrity": "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-hast": {
+      "version": "13.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.0.tgz",
+      "integrity": "sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "trim-lines": "^3.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-markdown": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz",
+      "integrity": "sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "longest-streak": "^3.0.0",
+        "mdast-util-phrasing": "^4.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "unist-util-visit": "^5.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz",
+      "integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.2.tgz",
+      "integrity": "sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-core-commonmark": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-2.0.3.tgz",
+      "integrity": "sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-destination": "^2.0.0",
+        "micromark-factory-label": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-factory-title": "^2.0.0",
+        "micromark-factory-whitespace": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-html-tag-name": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-extension-gfm": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz",
+      "integrity": "sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==",
+      "dependencies": {
+        "micromark-extension-gfm-autolink-literal": "^2.0.0",
+        "micromark-extension-gfm-footnote": "^2.0.0",
+        "micromark-extension-gfm-strikethrough": "^2.0.0",
+        "micromark-extension-gfm-table": "^2.0.0",
+        "micromark-extension-gfm-tagfilter": "^2.0.0",
+        "micromark-extension-gfm-task-list-item": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-autolink-literal": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.1.0.tgz",
+      "integrity": "sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-footnote": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.1.0.tgz",
+      "integrity": "sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-strikethrough": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.1.0.tgz",
+      "integrity": "sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-table": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.1.tgz",
+      "integrity": "sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-tagfilter": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-2.0.0.tgz",
+      "integrity": "sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-task-list-item": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.1.0.tgz",
+      "integrity": "sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-factory-destination": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz",
+      "integrity": "sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-label": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-2.0.1.tgz",
+      "integrity": "sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-space": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-2.0.1.tgz",
+      "integrity": "sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-title": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-2.0.1.tgz",
+      "integrity": "sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-whitespace": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.1.tgz",
+      "integrity": "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-character": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.1.tgz",
+      "integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-chunked": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-2.0.1.tgz",
+      "integrity": "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-classify-character": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-2.0.1.tgz",
+      "integrity": "sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-combine-extensions": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.1.tgz",
+      "integrity": "sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.2.tgz",
+      "integrity": "sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-string": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-2.0.1.tgz",
+      "integrity": "sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz",
+      "integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
+    "node_modules/micromark-util-html-tag-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.1.tgz",
+      "integrity": "sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
+    "node_modules/micromark-util-normalize-identifier": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.1.tgz",
+      "integrity": "sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-resolve-all": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.1.tgz",
+      "integrity": "sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz",
+      "integrity": "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-subtokenize": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-2.1.0.tgz",
+      "integrity": "sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz",
+      "integrity": "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
+    "node_modules/micromark-util-types": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.2.tgz",
+      "integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
     "node_modules/mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
@@ -3445,8 +4647,7 @@
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
     },
     "node_modules/nanoid": {
       "version": "3.3.8",
@@ -3663,6 +4864,29 @@
         "node": ">=6"
       }
     },
+    "node_modules/parse-entities": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-4.0.2.tgz",
+      "integrity": "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "character-entities-legacy": "^3.0.0",
+        "character-reference-invalid": "^2.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "is-alphanumerical": "^2.0.0",
+        "is-decimal": "^2.0.0",
+        "is-hexadecimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/parse-entities/node_modules/@types/unist": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
+      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA=="
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -3751,6 +4975,14 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/prismjs": {
+      "version": "1.30.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.30.0.tgz",
+      "integrity": "sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -3762,6 +4994,15 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/property-information": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.0.0.tgz",
+      "integrity": "sha512-7D/qOz/+Y4X/rzSB6jKxKUsQnphO046ei8qxG59mtM3RG3DHgTK81HrxrmoDVINJb8NKT5ZsRbwHvQ6B68Iyhg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
@@ -3801,6 +5042,32 @@
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
       "dev": true
     },
+    "node_modules/react-markdown": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-10.1.0.tgz",
+      "integrity": "sha512-qKxVopLT/TyA6BX3Ue5NwabOsAzm0Q7kAPwq6L+wWDwisYs7R8vZ0nRXqq6rkueboxpkjvLGU9fWifiX/ZZFxQ==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "hast-util-to-jsx-runtime": "^2.0.0",
+        "html-url-attributes": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-rehype": "^11.0.0",
+        "unified": "^11.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18",
+        "react": ">=18"
+      }
+    },
     "node_modules/react-redux": {
       "version": "9.2.0",
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz",
@@ -3870,6 +5137,22 @@
         "react-dom": ">=18"
       }
     },
+    "node_modules/react-syntax-highlighter": {
+      "version": "15.6.1",
+      "resolved": "https://registry.npmjs.org/react-syntax-highlighter/-/react-syntax-highlighter-15.6.1.tgz",
+      "integrity": "sha512-OqJ2/vL7lEeV5zTJyG7kmARppUjiB9h9udl4qHQjjgEos66z00Ia0OckwYfRxCSFrW8RJIBnsBwQsHZbVPspqg==",
+      "dependencies": {
+        "@babel/runtime": "^7.3.1",
+        "highlight.js": "^10.4.1",
+        "highlightjs-vue": "^1.0.0",
+        "lowlight": "^1.17.0",
+        "prismjs": "^1.27.0",
+        "refractor": "^3.6.0"
+      },
+      "peerDependencies": {
+        "react": ">= 0.14.0"
+      }
+    },
     "node_modules/readdirp": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -3925,6 +5208,117 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/refractor": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/refractor/-/refractor-3.6.0.tgz",
+      "integrity": "sha512-MY9W41IOWxxk31o+YvFCNyNzdkc9M20NoZK5vq6jkv4I/uh2zkWcfudj0Q1fovjUQJrNewS9NMzeTtqPf+n5EA==",
+      "dependencies": {
+        "hastscript": "^6.0.0",
+        "parse-entities": "^2.0.0",
+        "prismjs": "~1.27.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/refractor/node_modules/character-entities": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.4.tgz",
+      "integrity": "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/refractor/node_modules/character-entities-legacy": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz",
+      "integrity": "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/refractor/node_modules/character-reference-invalid": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz",
+      "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/refractor/node_modules/is-alphabetical": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz",
+      "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/refractor/node_modules/is-alphanumerical": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz",
+      "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==",
+      "dependencies": {
+        "is-alphabetical": "^1.0.0",
+        "is-decimal": "^1.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/refractor/node_modules/is-decimal": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz",
+      "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/refractor/node_modules/is-hexadecimal": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz",
+      "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/refractor/node_modules/parse-entities": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-2.0.0.tgz",
+      "integrity": "sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==",
+      "dependencies": {
+        "character-entities": "^1.0.0",
+        "character-entities-legacy": "^1.0.0",
+        "character-reference-invalid": "^1.0.0",
+        "is-alphanumerical": "^1.0.0",
+        "is-decimal": "^1.0.0",
+        "is-hexadecimal": "^1.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/refractor/node_modules/prismjs": {
+      "version": "1.27.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.27.0.tgz",
+      "integrity": "sha512-t13BGPUlFDR7wRB5kQDG4jjl7XeuH6jbJGt11JHPL96qwsEHNX2+68tFXqc1/k+/jALsbSWJKUOT/hcYAZ5LkA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+    },
     "node_modules/regexp.prototype.flags": {
       "version": "1.5.4",
       "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
@@ -3945,6 +5339,68 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/remark-gfm": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.1.tgz",
+      "integrity": "sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-gfm": "^3.0.0",
+        "micromark-extension-gfm": "^3.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-stringify": "^11.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-parse": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-11.0.0.tgz",
+      "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-rehype": {
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.2.tgz",
+      "integrity": "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-stringify": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-11.0.0.tgz",
+      "integrity": "sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/reselect": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
@@ -4250,6 +5706,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/space-separated-tokens": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
+      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/string.prototype.matchall": {
       "version": "4.0.12",
       "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
@@ -4343,6 +5808,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/stringify-entities": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
+      "integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==",
+      "dependencies": {
+        "character-entities-html4": "^2.0.0",
+        "character-entities-legacy": "^3.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -4355,6 +5833,22 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/style-to-js": {
+      "version": "1.1.16",
+      "resolved": "https://registry.npmjs.org/style-to-js/-/style-to-js-1.1.16.tgz",
+      "integrity": "sha512-/Q6ld50hKYPH3d/r6nr117TZkHR0w0kGGIVfpG9N6D8NymRPM9RqCUv4pRpJ62E5DqOYx2AFpbZMyCPnjQCnOw==",
+      "dependencies": {
+        "style-to-object": "1.0.8"
+      }
+    },
+    "node_modules/style-to-object": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.8.tgz",
+      "integrity": "sha512-xT47I/Eo0rwJmaXC4oilDGDWLohVhR6o/xAQcPQN8q6QBuZVL8qMYL85kLmST5cPjAorwvqIA4qXTRQoYHaL6g==",
+      "dependencies": {
+        "inline-style-parser": "0.2.4"
+      }
+    },
     "node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -4391,6 +5885,24 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/trim-lines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
+      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/trough": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
+      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/turbo-stream": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/turbo-stream/-/turbo-stream-2.4.0.tgz",
@@ -4500,6 +6012,87 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/unified": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz",
+      "integrity": "sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "bail": "^2.0.0",
+        "devlop": "^1.0.0",
+        "extend": "^3.0.0",
+        "is-plain-obj": "^4.0.0",
+        "trough": "^2.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-is": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.0.tgz",
+      "integrity": "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-position": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
+      "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-stringify-position": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
+      "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.0.0.tgz",
+      "integrity": "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit-parents": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz",
+      "integrity": "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.2.tgz",
@@ -4559,6 +6152,32 @@
         "uuid": "dist/esm/bin/uuid"
       }
     },
+    "node_modules/vfile": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
+      "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vfile-message": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.2.tgz",
+      "integrity": "sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/vite": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/vite/-/vite-6.2.0.tgz",
@@ -4738,6 +6357,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
     "node_modules/yallist": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
@@ -4755,6 +6382,15 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
+    },
+    "node_modules/zwitch": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
+      "integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index ce9ab41..55f43c2 100644
--- a/package.json
+++ b/package.json
@@ -18,9 +18,12 @@
     "lodash": "^4.17.21",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-markdown": "^10.1.0",
     "react-redux": "^9.2.0",
     "react-router-dom": "^7.2.0",
+    "react-syntax-highlighter": "^15.6.1",
     "redux-persist": "^6.0.0",
+    "remark-gfm": "^4.0.1",
     "uuid": "^11.1.0"
   },
   "devDependencies": {
diff --git a/src/components/CodeBlock.jsx b/src/components/CodeBlock.jsx
new file mode 100644
index 0000000..a33afe3
--- /dev/null
+++ b/src/components/CodeBlock.jsx
@@ -0,0 +1,41 @@
+import React, { useState } from 'react';
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { atomDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+import SvgIcon from './SvgIcon';
+
+/**
+ * CodeBlock component renders a syntax highlighted code block with a copy button
+ */
+const CodeBlock = ({ language, value }) => {
+    const [copied, setCopied] = useState(false);
+
+    const handleCopy = () => {
+        navigator.clipboard.writeText(value).then(() => {
+            setCopied(true);
+            // Reset the copied state after 2 seconds
+            setTimeout(() => setCopied(false), 2000);
+        });
+    };
+
+    return (
+        <div className='code-block-container'>
+            <div className='code-block-header'>
+                {language && <span className='code-language-badge'>{language}</span>}
+                <button onClick={handleCopy} className='copy-button' title={copied ? 'Copied!' : 'Copy code'}>
+                    {copied ? (
+                        <span className='copied-indicator'>✓ Copied!</span>
+                    ) : (
+                        <span className='copy-icon'>
+                            <SvgIcon className='copy' width='16' height='16' />
+                        </span>
+                    )}
+                </button>
+            </div>
+            <SyntaxHighlighter style={atomDark} language={language || 'text'} PreTag='div' wrapLongLines={true}>
+                {value}
+            </SyntaxHighlighter>
+        </div>
+    );
+};
+
+export default CodeBlock;
diff --git a/src/components/ErrorBoundary.jsx b/src/components/ErrorBoundary.jsx
new file mode 100644
index 0000000..cdacf09
--- /dev/null
+++ b/src/components/ErrorBoundary.jsx
@@ -0,0 +1,47 @@
+import React, { Component } from 'react';
+
+/**
+ * Error Boundary component to catch errors in child components
+ * and display a fallback UI instead of crashing the whole app
+ */
+class ErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false, error: null };
+    }
+
+    static getDerivedStateFromError(error) {
+        // Update state so the next render will show the fallback UI
+        return { hasError: true, error };
+    }
+
+    componentDidCatch(error, errorInfo) {
+        // You can log the error to an error reporting service
+        console.error('Error caught by ErrorBoundary:', error);
+        console.error('Component stack:', errorInfo.componentStack);
+    }
+
+    render() {
+        const { children, fallback } = this.props;
+
+        if (this.state.hasError) {
+            // You can render any custom fallback UI
+            if (typeof fallback === 'function') {
+                return fallback(this.state.error);
+            }
+
+            return (
+                fallback || (
+                    <div className='p-3 border rounded bg-light'>
+                        <p className='text-danger mb-1'>Error rendering content</p>
+                        <small className='text-muted'>The content couldn't be displayed properly.</small>
+                    </div>
+                )
+            );
+        }
+
+        return children;
+    }
+}
+
+export default ErrorBoundary;
diff --git a/src/components/SafeMarkdown.jsx b/src/components/SafeMarkdown.jsx
new file mode 100644
index 0000000..7eedb1b
--- /dev/null
+++ b/src/components/SafeMarkdown.jsx
@@ -0,0 +1,50 @@
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import ErrorBoundary from './ErrorBoundary';
+import CodeBlock from './CodeBlock';
+
+/**
+ * SafeMarkdown component that wraps ReactMarkdown with error handling
+ * Displays raw content as fallback if markdown parsing fails
+ */
+const SafeMarkdown = ({ content, className = 'markdown-content' }) => {
+    // Fallback UI that shows raw content when ReactMarkdown fails
+    const renderFallback = (error) => {
+        console.error('Markdown rendering error:', error);
+        return (
+            <div className={`${className} markdown-fallback`}>
+                <p className='text-danger mb-2'>
+                    <small>Error rendering markdown. Showing raw content:</small>
+                </p>
+                <div className='p-2 border rounded'>{content}</div>
+            </div>
+        );
+    };
+
+    return (
+        <ErrorBoundary fallback={renderFallback}>
+            <ReactMarkdown
+                remarkPlugins={[remarkGfm]}
+                components={{
+                    // Apply the className to the root element
+                    root: ({ node, ...props }) => <div className={className} {...props} />,
+                    code({ node, inline, className: codeClassName, children, ...props }) {
+                        const match = /language-(\w+)/.exec(codeClassName || '');
+                        return !inline && match ? (
+                            <CodeBlock language={match[1]} value={String(children).replace(/\n$/, '')} />
+                        ) : (
+                            <code className={codeClassName} {...props}>
+                                {children}
+                            </code>
+                        );
+                    },
+                }}
+            >
+                {content}
+            </ReactMarkdown>
+        </ErrorBoundary>
+    );
+};
+
+export default SafeMarkdown;
diff --git a/src/pages/Chat/ChatWindow.jsx b/src/pages/Chat/ChatWindow.jsx
index 98e2bd1..a2ecbff 100644
--- a/src/pages/Chat/ChatWindow.jsx
+++ b/src/pages/Chat/ChatWindow.jsx
@@ -6,6 +6,7 @@ import { showNotification } from '../../store/notification.slice';
 import { createChatRecord, fetchAvailableDatasets, fetchConversationDetail } from '../../store/chat/chat.thunks';
 import { fetchKnowledgeBases } from '../../store/knowledgeBase/knowledgeBase.thunks';
 import SvgIcon from '../../components/SvgIcon';
+import SafeMarkdown from '../../components/SafeMarkdown';
 import { get } from '../../services/api';
 
 export default function ChatWindow({ chatId, knowledgeBaseId }) {
@@ -247,7 +248,13 @@ export default function ChatWindow({ chatId, knowledgeBaseId }) {
                                           position: 'relative',
                                       }}
                                   >
-                                      <div className='message-content'>{message.content}</div>
+                                      <div className='message-content'>
+                                          {message.role === 'user' ? (
+                                              message.content
+                                          ) : (
+                                              <SafeMarkdown content={message.content} />
+                                          )}
+                                      </div>
                                   </div>
                                   <div className='message-time small text-muted mt-1'>
                                       {message.created_at && new Date(message.created_at).toLocaleTimeString()}
diff --git a/src/pages/Chat/NewChat.jsx b/src/pages/Chat/NewChat.jsx
index 79e0097..08d76dd 100644
--- a/src/pages/Chat/NewChat.jsx
+++ b/src/pages/Chat/NewChat.jsx
@@ -8,7 +8,7 @@ import SvgIcon from '../../components/SvgIcon';
 export default function NewChat() {
     const navigate = useNavigate();
     const dispatch = useDispatch();
-    const [selectedDatasetId, setSelectedDatasetId] = useState(null);
+    const [selectedDatasetIds, setSelectedDatasetIds] = useState([]);
     const [isNavigating, setIsNavigating] = useState(false);
 
     // 从 Redux store 获取可用知识库数据
@@ -39,46 +39,89 @@ export default function NewChat() {
         }
     }, [error, dispatch]);
 
-    // 处理知识库选择
-    const handleSelectKnowledgeBase = async (dataset) => {
-        if (isNavigating) return; // 如果正在导航中，阻止重复点击
+    // 处理知识库选择（切换选择状态）
+    const handleToggleKnowledgeBase = (dataset) => {
+        if (isNavigating) return; // 如果正在导航中，阻止操作
+
+        setSelectedDatasetIds((prev) => {
+            // 检查是否已经选中
+            const isSelected = prev.includes(dataset.id);
+
+            if (isSelected) {
+                // 如果已选中，则从数组中移除
+                return prev.filter((id) => id !== dataset.id);
+            } else {
+                // 如果未选中，则添加到数组中
+                return [...prev, dataset.id];
+            }
+        });
+    };
+
+    // 开始聊天
+    const handleStartChat = async () => {
+        if (selectedDatasetIds.length === 0) {
+            dispatch(
+                showNotification({
+                    message: '请至少选择一个知识库',
+                    type: 'warning',
+                })
+            );
+            return;
+        }
+
+        if (isNavigating) return; // 防止重复点击
 
         try {
-            setSelectedDatasetId(dataset.id);
             setIsNavigating(true);
 
-            // 判断聊天历史中是否已存在该知识库的聊天记录
+            // 检查是否已存在包含所有选中知识库的聊天记录
+            // 注意：这里的逻辑简化了，实际可能需要更复杂的匹配算法
             const existingChat = chatHistory.find((chat) => {
-                // 检查知识库ID是否匹配
+                // 检查聊天记录中的知识库是否完全匹配当前选择
                 if (chat.datasets && Array.isArray(chat.datasets)) {
-                    return chat.datasets.some((ds) => ds.id === dataset.id);
+                    const chatDatasetIds = chat.datasets.map((ds) => ds.id);
+                    return (
+                        chatDatasetIds.length === selectedDatasetIds.length &&
+                        selectedDatasetIds.every((id) => chatDatasetIds.includes(id))
+                    );
                 }
+
                 // 兼容旧格式
                 if (chat.dataset_id_list && Array.isArray(chat.dataset_id_list)) {
-                    return chat.dataset_id_list.includes(dataset.id.replace(/-/g, ''));
+                    const formattedSelectedIds = selectedDatasetIds.map((id) => id.replace(/-/g, ''));
+                    return (
+                        chat.dataset_id_list.length === formattedSelectedIds.length &&
+                        formattedSelectedIds.every((id) => chat.dataset_id_list.includes(id))
+                    );
                 }
+
                 return false;
             });
 
             if (existingChat) {
                 // 找到现有聊天记录，导航到该聊天页面
-                console.log(`找到现有聊天记录，直接导航到 /chat/${dataset.id}/${existingChat.conversation_id}`);
-                navigate(`/chat/${dataset.id}/${existingChat.conversation_id}`);
+                // 使用第一个知识库ID作为URL参数
+                const primaryDatasetId = selectedDatasetIds[0];
+                console.log(`找到现有聊天记录，直接导航到 /chat/${primaryDatasetId}/${existingChat.conversation_id}`);
+                navigate(`/chat/${primaryDatasetId}/${existingChat.conversation_id}`);
             } else {
-                // 没有找到现有聊天记录，直接创建新的聊天（而不是导航到 /chat/${dataset.id}）
-                console.log(`未找到现有聊天记录，直接创建新的聊天，知识库ID: ${dataset.id}`);
+                // 没有找到现有聊天记录，创建新的聊天
+                console.log(`未找到现有聊天记录，直接创建新的聊天，选中的知识库ID: ${selectedDatasetIds.join(', ')}`);
 
-                // 直接在这里创建聊天记录，避免在 Chat.jsx 中再次创建
+                // 创建新的聊天记录
+                const formattedIds = selectedDatasetIds.map((id) => id.replace(/-/g, ''));
                 const response = await dispatch(
                     createChatRecord({
-                        dataset_id_list: [dataset.id.replace(/-/g, '')],
+                        dataset_id_list: formattedIds,
                         question: '选择当前知识库，创建聊天',
                     })
                 ).unwrap();
 
                 if (response && response.conversation_id) {
-                    console.log(`创建成功，导航到 /chat/${dataset.id}/${response.conversation_id}`);
-                    navigate(`/chat/${dataset.id}/${response.conversation_id}`);
+                    // 使用第一个知识库ID作为URL参数
+                    const primaryDatasetId = selectedDatasetIds[0];
+                    console.log(`创建成功，导航到 /chat/${primaryDatasetId}/${response.conversation_id}`);
+                    navigate(`/chat/${primaryDatasetId}/${response.conversation_id}`);
                 } else {
                     throw new Error('未能获取会话ID');
                 }
@@ -92,7 +135,6 @@ export default function NewChat() {
                 })
             );
             setIsNavigating(false);
-            setSelectedDatasetId(null);
         }
     };
 
@@ -127,47 +169,63 @@ export default function NewChat() {
                 </div>
             )}
 
-            <h4 className='mb-4'>选择知识库开始聊天</h4>
+            <div className='d-flex justify-content-between align-items-center mb-4'>
+                <h4 className='m-0'>选择知识库开始聊天</h4>
+                <button
+                    className='btn btn-dark'
+                    onClick={handleStartChat}
+                    disabled={selectedDatasetIds.length === 0 || isNavigating}
+                >
+                    {isNavigating ? (
+                        <>
+                            <span
+                                className='spinner-border spinner-border-sm me-2'
+                                role='status'
+                                aria-hidden='true'
+                            ></span>
+                            加载中...
+                        </>
+                    ) : (
+                        <>开始聊天 {selectedDatasetIds.length > 0 && `(${selectedDatasetIds.length})`}</>
+                    )}
+                </button>
+            </div>
+
+            {selectedDatasetIds.length > 0 && (
+                <div className='alert alert-dark mb-4'>已选择 {selectedDatasetIds.length} 个知识库</div>
+            )}
+
             <div className='row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 justify-content-center'>
                 {datasets.length > 0 ? (
-                    datasets.map((dataset) => (
-                        <div key={dataset.id} className='col'>
-                            <div
-                                className={`card h-100 shadow-sm border-0 ${!isNavigating ? 'cursor-pointer' : ''} ${
-                                    selectedDatasetId === dataset.id ? 'border-primary' : ''
-                                }`}
-                                onClick={() => handleSelectKnowledgeBase(dataset)}
-                                style={{ opacity: isNavigating && selectedDatasetId !== dataset.id ? 0.6 : 1 }}
-                            >
-                                <div className='card-body'>
-                                    <h5 className='card-title d-flex justify-content-between align-items-center'>
-                                        {dataset.name}
-                                        {selectedDatasetId === dataset.id && isNavigating && (
-                                            <div
-                                                className='spinner-border spinner-border-sm text-primary'
-                                                role='status'
-                                            >
-                                                <span className='visually-hidden'>加载中...</span>
-                                            </div>
-                                        )}
-                                    </h5>
-                                    <p className='card-text text-muted'>{dataset.desc || dataset.description || ''}</p>
-                                    <div className='text-muted small d-flex align-items-center gap-2'>
-                                        <span className='d-flex align-items-center gap-1'>
-                                            <SvgIcon className='file' />
-                                            {dataset.document_count || 0} 文档
-                                        </span>
-                                        <span className='d-flex align-items-center gap-1'>
-                                            <SvgIcon className='clock' />
-                                            {dataset.create_time
-                                                ? new Date(dataset.create_time).toLocaleDateString()
-                                                : 'N/A'}
-                                        </span>
+                    datasets.map((dataset) => {
+                        const isSelected = selectedDatasetIds.includes(dataset.id);
+                        return (
+                            <div key={dataset.id} className='col'>
+                                <div
+                                    className={`card h-100 shadow-sm ${!isNavigating ? 'cursor-pointer' : ''} ${
+                                        isSelected ? 'border-gray border-2' : 'border-0'
+                                    }`}
+                                    onClick={() => handleToggleKnowledgeBase(dataset)}
+                                    style={{ opacity: isNavigating && !isSelected ? 0.6 : 1 }}
+                                >
+                                    <div className='card-body'>
+                                        <h5 className='card-title d-flex justify-content-between align-items-center'>
+                                            {dataset.name}
+                                            {isSelected && <SvgIcon className='check-circle text-primary' />}
+                                        </h5>
+                                        <p className='card-text text-muted'>
+                                            {dataset.desc || dataset.description || ''}
+                                        </p>
+                                        <div className='text-muted small d-flex align-items-center gap-2'>
+                                            <span className='d-flex align-items-center gap-1'>
+                                                {dataset.department || ''}
+                                            </span>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
-                        </div>
-                    ))
+                        );
+                    })
                 ) : (
                     <div className='col-12'>
                         <div className='alert alert-warning'>暂无可访问的知识库，请先申请知识库访问权限</div>
diff --git a/src/styles/style.scss b/src/styles/style.scss
index aba457a..c927658 100644
--- a/src/styles/style.scss
+++ b/src/styles/style.scss
@@ -11,6 +11,134 @@
     top: 6.5rem;
 }
 
+/* Markdown styling in chat messages */
+.markdown-content {
+    font-size: 0.95rem;
+    line-height: 1.6;
+    color: inherit;
+
+    /* Heading styles */
+    h1, h2, h3, h4, h5, h6 {
+        margin-top: 1rem;
+        margin-bottom: 0.75rem;
+        font-weight: 600;
+    }
+
+    h1 { font-size: 1.5rem; }
+    h2 { font-size: 1.35rem; }
+    h3 { font-size: 1.2rem; }
+    h4 { font-size: 1.1rem; }
+    h5, h6 { font-size: 1rem; }
+
+    /* Paragraph spacing */
+    p {
+        margin-bottom: 0.75rem;
+    }
+
+    /* Lists */
+    ul, ol {
+        padding-left: 1.5rem;
+        margin-bottom: 0.75rem;
+    }
+
+    /* Code blocks with syntax highlighting */
+    pre, pre.prism-code {
+        margin: 0.5rem 0 !important;
+        padding: 0.75rem !important;
+        border-radius: 0.375rem !important;
+        font-size: 0.85rem !important;
+        line-height: 1.5 !important;
+        
+        /* Improve readability on dark background */
+        code span {
+            font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace !important;
+        }
+    }
+
+    /* Add copy button positioning for future enhancements */
+    .code-block-container {
+        position: relative;
+        margin: 0.75rem 0;
+    }
+
+    /* Inline code */
+    code {
+        background-color: rgba(0, 0, 0, 0.05);
+        padding: 0.15rem 0.25rem;
+        border-radius: 0.25rem;
+        font-size: 0.9rem;
+    }
+
+    /* Block quotes */
+    blockquote {
+        border-left: 3px solid #dee2e6;
+        padding-left: 1rem;
+        margin-left: 0;
+        color: #6c757d;
+    }
+
+    /* Links */
+    a {
+        color: #0d6efd;
+        text-decoration: none;
+        &:hover {
+            text-decoration: underline;
+        }
+    }
+
+    /* Tables */
+    table {
+        width: 100%;
+        margin-bottom: 0.75rem;
+        border-collapse: collapse;
+        
+        th, td {
+            padding: 0.5rem;
+            border: 1px solid #dee2e6;
+        }
+        
+        th {
+            background-color: #f8f9fa;
+        }
+    }
+
+    /* Images */
+    img {
+        max-width: 100%;
+        height: auto;
+        border-radius: 0.25rem;
+    }
+
+    /* Horizontal rule */
+    hr {
+        margin: 1rem 0;
+        border: 0;
+        border-top: 1px solid #dee2e6;
+    }
+}
+
+/* Apply different text colors based on message background */
+.bg-dark .markdown-content {
+    color: white;
+    
+    code {
+        background-color: rgba(255, 255, 255, 0.1);
+    }
+    
+    pre {
+        background-color: rgba(255, 255, 255, 0.1);
+    }
+    
+    blockquote {
+        border-left-color: rgba(255, 255, 255, 0.3);
+        color: rgba(255, 255, 255, 0.8);
+    }
+    
+    a {
+        color: #8bb9fe;
+    }
+}
+
 .knowledge-card {
     min-width: 20rem;
     cursor: pointer;
@@ -143,4 +271,79 @@
   /* 下拉箭头颜色 */
   .dark-select {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23000' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-  }
\ No newline at end of file
+  }
+
+/* Code Block Styles */
+.code-block-container {
+    position: relative;
+    margin: 0.75rem 0;
+    border-radius: 0.375rem;
+    overflow: hidden;
+    background-color: #282c34; /* Dark background matching atomDark theme */
+}
+
+.code-block-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0.375rem 0.75rem;
+    background-color: rgba(0, 0, 0, 0.2);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.code-language-badge {
+    font-size: 0.75rem;
+    color: rgba(255, 255, 255, 0.7);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.copy-button {
+    background: none;
+    border: none;
+    color: rgba(255, 255, 255, 0.7);
+    cursor: pointer;
+    padding: 0.125rem 0.375rem;
+    font-size: 0.75rem;
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    border-radius: 0.25rem;
+    transition: all 0.2s;
+    
+    &:hover {
+        color: rgba(255, 255, 255, 0.9);
+        background-color: rgba(255, 255, 255, 0.1);
+    }
+}
+
+.copied-indicator {
+    color: #10b981; /* Green color for success */
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+}
+
+/* Override the default SyntaxHighlighter styles */
+.code-block-container pre {
+    margin: 0 !important;
+    border-radius: 0 !important; /* Remove rounded corners inside the container */
+}
+
+/* Markdown fallback styling */
+.markdown-fallback {
+    font-size: 0.95rem;
+    
+    .text-danger {
+        font-weight: 500;
+    }
+    
+    pre {
+        white-space: pre-wrap;
+        word-break: break-word;
+        background-color: rgba(0, 0, 0, 0.05);
+        padding: 0.75rem;
+        border-radius: 0.375rem;
+        margin-top: 0.5rem;
+    }
+}
\ No newline at end of file

From cdcd3374ade7f86012801c7e02f65e98891aa08d Mon Sep 17 00:00:00 2001
From: susie-laptop <sishi1461@gmail.com>
Date: Wed, 2 Apr 2025 21:26:54 -0400
Subject: [PATCH 3/4] [dev]edited chat

---
 src/icons/icons.js                            |   2 +
 src/pages/Chat/ChatWindow.jsx                 |  18 +-
 src/pages/Chat/NewChat.jsx                    |  48 +++-
 .../components/KnowledgeCard.jsx              |   5 +-
 src/services/api.js                           |  89 ++++++-
 src/store/chat/chat.slice.js                  |  99 ++++----
 src/store/chat/chat.thunks.js                 | 233 ++++++++++++++++--
 src/styles/style.scss                         |  39 +++
 8 files changed, 435 insertions(+), 98 deletions(-)

diff --git a/src/icons/icons.js b/src/icons/icons.js
index 364ba22..fa296b6 100644
--- a/src/icons/icons.js
+++ b/src/icons/icons.js
@@ -120,4 +120,6 @@ export const icons = {
     plus: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
         <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
     </svg>`,
+    building: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width="16" height="16" fill="currentColor"><path d="M48 0C21.5 0 0 21.5 0 48L0 464c0 26.5 21.5 48 48 48l96 0 0-80c0-26.5 21.5-48 48-48s48 21.5 48 48l0 80 96 0c26.5 0 48-21.5 48-48l0-416c0-26.5-21.5-48-48-48L48 0zM64 240c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zm112-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zM80 96l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zM272 96l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16z"/></svg>`,
+    group:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" width="16" height="16" fill="currentColor"><path d="M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3zM609.3 512l-137.8 0c5.4-9.4 8.6-20.3 8.6-32l0-8c0-60.7-27.1-115.2-69.8-151.8c2.4-.1 4.7-.2 7.1-.2l61.4 0C567.8 320 640 392.2 640 481.3c0 17-13.8 30.7-30.7 30.7zM432 256c-31 0-59-12.6-79.3-32.9C372.4 196.5 384 163.6 384 128c0-26.8-6.6-52.1-18.3-74.3C384.3 40.1 407.2 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112z"/></svg>`
 };
diff --git a/src/pages/Chat/ChatWindow.jsx b/src/pages/Chat/ChatWindow.jsx
index a2ecbff..fe1782c 100644
--- a/src/pages/Chat/ChatWindow.jsx
+++ b/src/pages/Chat/ChatWindow.jsx
@@ -254,24 +254,22 @@ export default function ChatWindow({ chatId, knowledgeBaseId }) {
                                           ) : (
                                               <SafeMarkdown content={message.content} />
                                           )}
+                                          {message.is_streaming && (
+                                              <span className='streaming-indicator'>
+                                                  <span className='dot dot1'></span>
+                                                  <span className='dot dot2'></span>
+                                                  <span className='dot dot3'></span>
+                                              </span>
+                                          )}
                                       </div>
                                   </div>
                                   <div className='message-time small text-muted mt-1'>
                                       {message.created_at && new Date(message.created_at).toLocaleTimeString()}
+                                      {message.is_streaming && ' · 正在生成...'}
                                   </div>
                               </div>
                           ))}
 
-                    {sendStatus === 'loading' && (
-                        <div className='d-flex justify-content-start mb-3'>
-                            <div className='chat-message p-3 rounded-3 bg-light'>
-                                <div className='spinner-border spinner-border-sm text-secondary' role='status'>
-                                    <span className='visually-hidden'>加载中...</span>
-                                </div>
-                            </div>
-                        </div>
-                    )}
-
                     <div ref={messagesEndRef} />
                 </div>
             </div>
diff --git a/src/pages/Chat/NewChat.jsx b/src/pages/Chat/NewChat.jsx
index 08d76dd..69ede59 100644
--- a/src/pages/Chat/NewChat.jsx
+++ b/src/pages/Chat/NewChat.jsx
@@ -74,6 +74,9 @@ export default function NewChat() {
         try {
             setIsNavigating(true);
 
+            // 打印调试信息
+            console.log('选中的知识库ID:', selectedDatasetIds);
+
             // 检查是否已存在包含所有选中知识库的聊天记录
             // 注意：这里的逻辑简化了，实际可能需要更复杂的匹配算法
             const existingChat = chatHistory.find((chat) => {
@@ -110,30 +113,49 @@ export default function NewChat() {
 
                 // 创建新的聊天记录
                 const formattedIds = selectedDatasetIds.map((id) => id.replace(/-/g, ''));
-                const response = await dispatch(
-                    createChatRecord({
-                        dataset_id_list: formattedIds,
-                        question: '选择当前知识库，创建聊天',
-                    })
-                ).unwrap();
+                console.log('格式化后的知识库ID:', formattedIds);
 
-                if (response && response.conversation_id) {
-                    // 使用第一个知识库ID作为URL参数
-                    const primaryDatasetId = selectedDatasetIds[0];
-                    console.log(`创建成功，导航到 /chat/${primaryDatasetId}/${response.conversation_id}`);
-                    navigate(`/chat/${primaryDatasetId}/${response.conversation_id}`);
-                } else {
-                    throw new Error('未能获取会话ID');
+                try {
+                    // 尝试创建聊天记录
+                    const response = await dispatch(
+                        createChatRecord({
+                            dataset_id_list: formattedIds,
+                            question: '选择当前知识库，创建聊天',
+                        })
+                    ).unwrap();
+
+                    console.log('创建聊天响应:', response);
+
+                    if (response && response.conversation_id) {
+                        // 使用第一个知识库ID作为URL参数
+                        const primaryDatasetId = selectedDatasetIds[0];
+                        console.log(`创建成功，导航到 /chat/${primaryDatasetId}/${response.conversation_id}`);
+                        navigate(`/chat/${primaryDatasetId}/${response.conversation_id}`);
+                    } else {
+                        throw new Error('未能获取会话ID：' + JSON.stringify(response));
+                    }
+                } catch (apiError) {
+                    // 专门处理API调用错误
+                    console.error('API调用失败:', apiError);
+                    throw new Error(`API调用失败: ${apiError.message || '未知错误'}`);
                 }
             }
         } catch (error) {
             console.error('导航或创建聊天失败:', error);
+
+            // 添加更详细的错误日志
+            if (error.stack) {
+                console.error('错误堆栈:', error.stack);
+            }
+
+            // 显示更友好的错误消息
             dispatch(
                 showNotification({
                     message: `创建聊天失败: ${error.message || '请重试'}`,
                     type: 'danger',
                 })
             );
+        } finally {
             setIsNavigating(false);
         }
     };
diff --git a/src/pages/KnowledgeBase/components/KnowledgeCard.jsx b/src/pages/KnowledgeBase/components/KnowledgeCard.jsx
index 8fe7ed2..9649023 100644
--- a/src/pages/KnowledgeBase/components/KnowledgeCard.jsx
+++ b/src/pages/KnowledgeBase/components/KnowledgeCard.jsx
@@ -58,6 +58,9 @@ export default function KnowledgeCard({
                         </ul>
                     </div>
                 )}
+                <div className='text-muted d-flex align-items-center gap-1'>
+                    <SvgIcon className={'group'} />{department || ''} {group || 'N/A'}
+                </div>
                 <p className='card-text text-muted mb-3' style={descriptionStyle} title={description}>
                     {description}
                 </p>
@@ -95,6 +98,7 @@ export default function KnowledgeCard({
                     )}
                     {access === 'full' || access === 'read' ? (
                         <></>
+                    ) : (
                         // <button
                         //     className='btn btn-outline-dark btn-sm d-flex align-items-center gap-1'
                         //     onClick={handleNewChat}
@@ -102,7 +106,6 @@ export default function KnowledgeCard({
                         //     <SvgIcon className={'chat-dot'} />
                         //     新聊天
                         // </button>
-                    ) : (
                         <button
                             className='btn btn-outline-dark btn-sm d-flex align-items-center gap-1'
                             onClick={handleRequestAccess}
diff --git a/src/services/api.js b/src/services/api.js
index 13a9291..d92e095 100644
--- a/src/services/api.js
+++ b/src/services/api.js
@@ -214,6 +214,93 @@ export const switchToRealApi = async () => {
     return isServerUp;
 };
 
+// Handle streaming requests
+const streamRequest = async (url, data, onChunk, onError) => {
+    try {
+        if (isServerDown) {
+            console.log(`[MOCK MODE] STREAM ${url}`);
+            // 模拟流式响应
+            setTimeout(() => onChunk('{"code":200,"message":"partial","data":{"content":"这是模拟的","conversation_id":"mock-1234"}}'), 300);
+            setTimeout(() => onChunk('{"code":200,"message":"partial","data":{"content":"流式","conversation_id":"mock-1234"}}'), 600);
+            setTimeout(() => onChunk('{"code":200,"message":"partial","data":{"content":"响应","conversation_id":"mock-1234"}}'), 900);
+            setTimeout(() => onChunk('{"code":200,"message":"partial","data":{"content":"数据","conversation_id":"mock-1234","is_end":true}}'), 1200);
+            return { success: true, conversation_id: 'mock-1234' };
+        }
+
+        // 获取认证Token
+        const encryptedToken = sessionStorage.getItem('token') || '';
+        let token = '';
+        if (encryptedToken) {
+            token = CryptoJS.AES.decrypt(encryptedToken, secretKey).toString(CryptoJS.enc.Utf8);
+        }
+
+        // 使用fetch API进行流式请求
+        const response = await fetch(`/api${url}`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Authorization': token ? `Token ${token}` : '',
+            },
+            body: JSON.stringify(data),
+        });
+
+        if (!response.ok) {
+            throw new Error(`HTTP error! Status: ${response.status}`);
+        }
+
+        // 获取响应体的reader
+        const reader = response.body.getReader();
+        const decoder = new TextDecoder();
+        let buffer = '';
+        let conversationId = null;
+
+        // 处理流式数据
+        while (true) {
+            const { done, value } = await reader.read();
+            if (done) break;
+
+            // 解码并处理数据
+            const chunk = decoder.decode(value, { stream: true });
+            buffer += chunk;
+
+            // 按行分割并处理JSON
+            const lines = buffer.split('\n');
+            buffer = lines.pop() || ''; // 保留最后一行（可能不完整）
+
+            for (const line of lines) {
+                if (!line.trim()) continue;
+                
+                try {
+                    // 检查是否为SSE格式(data: {...})
+                    let jsonStr = line;
+                    if (line.startsWith('data:')) {
+                        // 提取data:后面的JSON部分
+                        jsonStr = line.substring(5).trim();
+                        console.log('检测到SSE格式数据，提取JSON:', jsonStr);
+                    }
+                    
+                    // 尝试解析JSON
+                    const data = JSON.parse(jsonStr);
+                    if (data.code === 200 && data.data && data.data.conversation_id) {
+                        conversationId = data.data.conversation_id;
+                    }
+                    onChunk(jsonStr);
+                } catch (e) {
+                    console.warn('Failed to parse JSON:', line, e);
+                }
+            }
+        }
+
+        return { success: true, conversation_id: conversationId };
+    } catch (error) {
+        console.error('Streaming request failed:', error);
+        if (onError) {
+            onError(error);
+        }
+        throw error;
+    }
+};
+
 // 权限相关API
 export const applyPermission = (data) => {
     return post('/permissions/', data);
@@ -231,4 +318,4 @@ export const rejectPermission = (permissionId) => {
     return post(`/permissions/reject_permission/${permissionId}`);
 };
 
-export { get, post, put, del, upload };
+export { get, post, put, del, upload, streamRequest };
diff --git a/src/store/chat/chat.slice.js b/src/store/chat/chat.slice.js
index f74cd04..328746b 100644
--- a/src/store/chat/chat.slice.js
+++ b/src/store/chat/chat.slice.js
@@ -104,6 +104,25 @@ const chatSlice = createSlice({
         addMessage: (state, action) => {
             state.messages.items.push(action.payload);
         },
+
+        // 更新消息（用于流式传输）
+        updateMessage: (state, action) => {
+            const { id, ...updates } = action.payload;
+            const messageIndex = state.messages.items.findIndex((msg) => msg.id === id);
+
+            if (messageIndex !== -1) {
+                // 更新现有消息
+                state.messages.items[messageIndex] = {
+                    ...state.messages.items[messageIndex],
+                    ...updates,
+                };
+
+                // 如果流式传输结束，更新发送消息状态
+                if (updates.is_streaming === false) {
+                    state.sendMessage.status = 'succeeded';
+                }
+            }
+        },
     },
     extraReducers: (builder) => {
         // 获取聊天列表
@@ -114,14 +133,24 @@ const chatSlice = createSlice({
             })
             .addCase(fetchChats.fulfilled, (state, action) => {
                 state.list.status = 'succeeded';
-                state.list.items = action.payload.results;
-                state.list.total = action.payload.total;
-                state.list.page = action.payload.page;
-                state.list.page_size = action.payload.page_size;
 
-                // 同时更新新的状态结构
+                // 检查是否是追加模式
+                if (action.payload.append) {
+                    // 追加模式：将新结果添加到现有列表的前面
+                    state.list.items = [...action.payload.results, ...state.list.items];
+                    state.history.items = [...action.payload.results, ...state.history.items];
+                } else {
+                    // 替换模式：使用新结果替换整个列表
+                    state.list.items = action.payload.results;
+                    state.list.total = action.payload.total;
+                    state.list.page = action.payload.page;
+                    state.list.page_size = action.payload.page_size;
+
+                    // 同时更新新的状态结构
+                    state.history.items = action.payload.results;
+                }
+
                 state.history.status = 'succeeded';
-                state.history.items = action.payload.results;
                 state.history.error = null;
             })
             .addCase(fetchChats.rejected, (state, action) => {
@@ -232,62 +261,19 @@ const chatSlice = createSlice({
                 state.sendMessage.error = null;
             })
             .addCase(createChatRecord.fulfilled, (state, action) => {
-                state.sendMessage.status = 'succeeded';
-                // 添加新的消息
-                state.messages.items.push({
-                    id: action.payload.id,
-                    role: 'user',
-                    content: action.meta.arg.question,
-                    created_at: new Date().toISOString(),
-                });
-
-                // 添加助手回复
-                if (action.payload.role === 'assistant' && action.payload.content) {
-                    state.messages.items.push({
-                        id: action.payload.id,
-                        role: 'assistant',
-                        content: action.payload.content,
-                        created_at: action.payload.created_at,
-                    });
-                }
-
-                // 更新聊天记录列表
-                const chatExists = state.history.items.some(
-                    (chat) => chat.conversation_id === action.payload.conversation_id
-                );
-
-                if (!chatExists) {
-                    const newChat = {
+                // 更新状态以反映聊天已创建
+                if (action.payload.conversation_id && !state.currentChat.data) {
+                    // 设置当前聊天的会话ID
+                    state.currentChat.data = {
                         conversation_id: action.payload.conversation_id,
-                        last_message: action.payload.content,
-                        last_time: action.payload.created_at,
-                        datasets: [
-                            {
-                                id: action.payload.dataset_id,
-                                name: action.payload.dataset_name,
-                            },
-                        ],
-                        dataset_id_list: action.payload.dataset_id_list,
-                        message_count: 2, // 用户问题和助手回复
+                        // 其他信息将由流式更新填充
                     };
-
-                    state.history.items.unshift(newChat);
-                } else {
-                    // 更新已存在聊天的最后消息和时间
-                    const chatIndex = state.history.items.findIndex(
-                        (chat) => chat.conversation_id === action.payload.conversation_id
-                    );
-
-                    if (chatIndex !== -1) {
-                        state.history.items[chatIndex].last_message = action.payload.content;
-                        state.history.items[chatIndex].last_time = action.payload.created_at;
-                        state.history.items[chatIndex].message_count += 2; // 新增用户问题和助手回复
-                    }
                 }
+                // 不再在这里添加消息，因为消息已经在thunk函数中添加
             })
             .addCase(createChatRecord.rejected, (state, action) => {
                 state.sendMessage.status = 'failed';
-                state.sendMessage.error = action.payload || '创建聊天记录失败';
+                state.sendMessage.error = action.error.message;
             })
 
             // 处理获取可用知识库
@@ -334,6 +320,7 @@ export const {
     resetMessages,
     resetSendMessageStatus,
     addMessage,
+    updateMessage,
 } = chatSlice.actions;
 
 // 导出 reducer
diff --git a/src/store/chat/chat.thunks.js b/src/store/chat/chat.thunks.js
index a9f3dd8..8bd1fa5 100644
--- a/src/store/chat/chat.thunks.js
+++ b/src/store/chat/chat.thunks.js
@@ -1,6 +1,7 @@
 import { createAsyncThunk } from '@reduxjs/toolkit';
-import { get, post, put, del } from '../../services/api';
+import { get, post, put, del, streamRequest } from '../../services/api';
 import { showNotification } from '../notification.slice';
+import { addMessage, updateMessage, setCurrentChat } from './chat.slice';
 
 /**
  * 获取聊天列表
@@ -119,25 +120,223 @@ export const fetchAvailableDatasets = createAsyncThunk(
  * @param {string} params.question - 用户问题
  * @param {string} params.conversation_id - 会话ID，可选
  */
-export const createChatRecord = createAsyncThunk('chat/createChatRecord', async (params, { rejectWithValue }) => {
-    try {
-        const response = await post('/chat-history/', {
-            dataset_id_list: params.dataset_id_list,
-            question: params.question,
-            conversation_id: params.conversation_id,
-        });
+export const createChatRecord = createAsyncThunk(
+    'chat/createChatRecord',
+    async ({ question, conversation_id, dataset_id_list }, { dispatch, getState, rejectWithValue }) => {
+        try {
+            // 构建请求数据
+            const requestBody = {
+                question,
+                dataset_id_list,
+            };
 
-        // 处理返回格式
-        if (response && response.code === 200) {
-            return response.data;
+            // 如果存在对话 ID，添加到请求中
+            if (conversation_id) {
+                requestBody.conversation_id = conversation_id;
+            }
+
+            console.log('准备发送聊天请求:', requestBody);
+
+            // 先添加用户消息到聊天窗口
+            const userMessageId = Date.now().toString();
+            dispatch(
+                addMessage({
+                    id: userMessageId,
+                    role: 'user',
+                    content: question,
+                    created_at: new Date().toISOString(),
+                })
+            );
+
+            // 添加临时的助手消息（流式传输期间显示）
+            const assistantMessageId = (Date.now() + 1).toString();
+            dispatch(
+                addMessage({
+                    id: assistantMessageId,
+                    role: 'assistant',
+                    content: '',
+                    created_at: new Date().toISOString(),
+                    is_streaming: true,
+                })
+            );
+
+            let finalMessage = '';
+            let conversationId = conversation_id;
+
+            // 使用流式请求函数处理
+            const result = await streamRequest(
+                '/chat-history/',
+                requestBody,
+                // 处理每个数据块
+                (chunkText) => {
+                    try {
+                        const data = JSON.parse(chunkText);
+                        console.log('收到聊天数据块:', data);
+
+                        if (data.code === 200) {
+                            // 保存会话ID (无论消息类型，只要找到会话ID就保存)
+                            if (data.data && data.data.conversation_id && !conversationId) {
+                                conversationId = data.data.conversation_id;
+                                console.log('获取到会话ID:', conversationId);
+                            }
+
+                            // 处理各种可能的消息类型
+                            const messageType = data.message;
+
+                            // 处理部分内容更新
+                            if ((messageType === 'partial' || messageType === '部分') && data.data) {
+                                // 累加内容
+                                if (data.data.content !== undefined) {
+                                    finalMessage += data.data.content;
+                                    console.log('累加内容:', finalMessage);
+
+                                    // 更新消息内容
+                                    dispatch(
+                                        updateMessage({
+                                            id: assistantMessageId,
+                                            content: finalMessage,
+                                        })
+                                    );
+                                }
+
+                                // 处理结束标志
+                                if (data.data.is_end) {
+                                    console.log('检测到消息结束标志');
+                                    dispatch(
+                                        updateMessage({
+                                            id: assistantMessageId,
+                                            is_streaming: false,
+                                        })
+                                    );
+                                }
+                            }
+                            // 处理开始流式传输的消息
+                            else if (messageType === '开始流式传输' || messageType === 'start_streaming') {
+                                console.log('开始流式传输，会话ID:', data.data?.conversation_id);
+                            }
+                            // 处理完成消息
+                            else if (
+                                messageType === 'completed' ||
+                                messageType === '完成' ||
+                                messageType === 'end_streaming' ||
+                                messageType === '结束流式传输'
+                            ) {
+                                console.log('收到完成消息');
+                                dispatch(
+                                    updateMessage({
+                                        id: assistantMessageId,
+                                        is_streaming: false,
+                                    })
+                                );
+                            }
+                            // 其他类型的消息
+                            else {
+                                console.log('收到其他类型消息:', messageType);
+                                // 如果有content字段，也尝试更新
+                                if (data.data && data.data.content !== undefined) {
+                                    finalMessage += data.data.content;
+                                    dispatch(
+                                        updateMessage({
+                                            id: assistantMessageId,
+                                            content: finalMessage,
+                                        })
+                                    );
+                                }
+                            }
+                        } else {
+                            console.warn('收到非成功状态码:', data.code, data.message);
+                        }
+                    } catch (error) {
+                        console.error('解析或处理JSON失败:', error, '原始数据:', chunkText);
+                    }
+                },
+                // 处理错误
+                (error) => {
+                    console.error('流式请求错误:', error);
+                    dispatch(
+                        updateMessage({
+                            id: assistantMessageId,
+                            content: `错误: ${error.message || '请求失败'}`,
+                            is_streaming: false,
+                        })
+                    );
+                }
+            );
+
+            // 确保流式传输结束后标记消息已完成
+            dispatch(
+                updateMessage({
+                    id: assistantMessageId,
+                    is_streaming: false,
+                })
+            );
+
+            // 返回会话信息
+            const chatInfo = {
+                conversation_id: conversationId || result.conversation_id,
+                success: true,
+            };
+
+            // 如果聊天创建成功，添加到历史列表，并设置为当前激活聊天
+            if (chatInfo.conversation_id) {
+                // 获取知识库信息
+                const state = getState();
+                const availableDatasets = state.chat.availableDatasets.items || [];
+
+                // 创建一个新的聊天记录对象添加到历史列表
+                const newChatEntry = {
+                    conversation_id: chatInfo.conversation_id,
+                    datasets: dataset_id_list.map((id) => {
+                        // 尝试查找知识库名称
+                        const formattedId = id.includes('-')
+                            ? id
+                            : id.replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/, '$1-$2-$3-$4-$5');
+                        const dataset = availableDatasets.find((ds) => ds.id === formattedId);
+                        return {
+                            id: formattedId,
+                            name: dataset?.name || '新知识库对话',
+                        };
+                    }),
+                    create_time: new Date().toISOString(),
+                    last_message: question,
+                    message_count: 2, // 用户问题和助手回复
+                };
+
+                // 更新当前聊天
+                dispatch({
+                    type: 'chat/fetchChats/fulfilled',
+                    payload: {
+                        results: [newChatEntry],
+                        total: 1,
+                        append: true, // 标记为追加，而不是替换
+                    },
+                });
+
+                // 设置为当前聊天
+                dispatch(
+                    setCurrentChat({
+                        conversation_id: chatInfo.conversation_id,
+                        datasets: newChatEntry.datasets,
+                    })
+                );
+            }
+
+            return chatInfo;
+        } catch (error) {
+            console.error('创建聊天记录失败:', error);
+
+            // 显示错误通知
+            dispatch(
+                showNotification({
+                    message: `发送失败: ${error.message || '未知错误'}`,
+                    type: 'danger',
+                })
+            );
+
+            return rejectWithValue(error.message || '创建聊天记录失败');
         }
-
-        return rejectWithValue(response.message || '创建聊天记录失败');
-    } catch (error) {
-        console.error('Error creating chat record:', error);
-        return rejectWithValue(error.response?.data?.message || '创建聊天记录失败');
     }
-});
+);
 
 /**
  * 获取会话详情
diff --git a/src/styles/style.scss b/src/styles/style.scss
index c927658..72c6af9 100644
--- a/src/styles/style.scss
+++ b/src/styles/style.scss
@@ -346,4 +346,43 @@
         border-radius: 0.375rem;
         margin-top: 0.5rem;
     }
+}
+
+/* Streaming message indicator */
+.streaming-indicator {
+  display: inline-flex;
+  align-items: center;
+  margin-left: 5px;
+  
+  .dot {
+    width: 6px;
+    height: 6px;
+    background-color: #6c757d;
+    border-radius: 50%;
+    margin: 0 2px;
+    animation: pulse 1.5s infinite ease-in-out;
+    
+    &.dot1 {
+      animation-delay: 0s;
+    }
+    
+    &.dot2 {
+      animation-delay: 0.3s;
+    }
+    
+    &.dot3 {
+      animation-delay: 0.6s;
+    }
+  }
+  
+  @keyframes pulse {
+    0%, 100% {
+      transform: scale(0.8);
+      opacity: 0.5;
+    }
+    50% {
+      transform: scale(1.2);
+      opacity: 1;
+    }
+  }
 }
\ No newline at end of file

From 34a457ef18e1226e89307f6b7ae4c55c40ad7c0e Mon Sep 17 00:00:00 2001
From: susie-laptop <sishi1461@gmail.com>
Date: Wed, 2 Apr 2025 22:26:56 -0400
Subject: [PATCH 4/4] [dev]add docs preivew

---
 src/layouts/HeaderWithNav.jsx                 |   8 +-
 src/pages/Chat/ChatSidebar.jsx                |   2 +-
 src/pages/KnowledgeBase/Detail/DatasetTab.jsx |  16 ++-
 .../KnowledgeBase/Detail/SettingsTab.jsx      |  53 ++-----
 .../Detail/components/DocumentList.jsx        |  98 ++++++++-----
 .../components/DocumentPreviewModal.jsx       | 130 ++++++++++++++++++
 .../Detail/components/FileUploadModal.jsx     |   5 +-
 .../Detail/components/KnowledgeBaseForm.jsx   |  14 +-
 .../knowledgeBase/knowledgeBase.thunks.js     |  14 +-
 9 files changed, 241 insertions(+), 99 deletions(-)
 create mode 100644 src/pages/KnowledgeBase/Detail/components/DocumentPreviewModal.jsx

diff --git a/src/layouts/HeaderWithNav.jsx b/src/layouts/HeaderWithNav.jsx
index d42d8ee..948ede7 100644
--- a/src/layouts/HeaderWithNav.jsx
+++ b/src/layouts/HeaderWithNav.jsx
@@ -79,7 +79,7 @@ export default function HeaderWithNav() {
                         </ul>
                         {!!user ? (
                             <div className='d-flex align-items-center gap-3'>
-                                <div className='position-relative'>
+                                {/* <div className='position-relative'>
                                     <button
                                         className='btn btn-link text-dark p-0'
                                         onClick={() => setShowNotifications(!showNotifications)}
@@ -102,7 +102,7 @@ export default function HeaderWithNav() {
                                             </span>
                                         )}
                                     </button>
-                                </div>
+                                </div> */}
                                 <div className='flex-shrink-0 dropdown'>
                                     <a
                                         href='#'
@@ -121,7 +121,7 @@ export default function HeaderWithNav() {
                                             transform: 'translate(0px, 34px)',
                                         }}
                                     >
-                                        <li>
+                                        <li className='d-none'>
                                             <Link
                                                 className='dropdown-item'
                                                 to='#'
@@ -130,7 +130,7 @@ export default function HeaderWithNav() {
                                                 个人设置
                                             </Link>
                                         </li>
-                                        <li>
+                                        <li className='d-none'>
                                             <hr className='dropdown-divider' />
                                         </li>
                                         <li>
diff --git a/src/pages/Chat/ChatSidebar.jsx b/src/pages/Chat/ChatSidebar.jsx
index 26968bd..f76baf7 100644
--- a/src/pages/Chat/ChatSidebar.jsx
+++ b/src/pages/Chat/ChatSidebar.jsx
@@ -100,7 +100,7 @@ export default function ChatSidebar({ chatHistory = [], onDeleteChat, isLoading
                                     </div>
                                 </Link>
                                 <div
-                                    className='dropdown-hover-area position-absolute end-0 top-0 bottom-0'
+                                    className='dropdown-hover-area position-absolute end-0 top-0 bottom-0 d-none'
                                     style={{ width: '40px' }}
                                     onMouseEnter={() => handleMouseEnter(chat.conversation_id)}
                                     onMouseLeave={handleMouseLeave}
diff --git a/src/pages/KnowledgeBase/Detail/DatasetTab.jsx b/src/pages/KnowledgeBase/Detail/DatasetTab.jsx
index ae4b1e8..70ac5ad 100644
--- a/src/pages/KnowledgeBase/Detail/DatasetTab.jsx
+++ b/src/pages/KnowledgeBase/Detail/DatasetTab.jsx
@@ -7,6 +7,7 @@ import SvgIcon from '../../../components/SvgIcon';
 import Breadcrumb from './components/Breadcrumb';
 import DocumentList from './components/DocumentList';
 import FileUploadModal from './components/FileUploadModal';
+import { getKnowledgeBaseDocuments } from '../../../store/knowledgeBase/knowledgeBase.thunks';
 
 export default function DatasetTab({ knowledgeBase }) {
     const dispatch = useDispatch();
@@ -33,6 +34,14 @@ export default function DatasetTab({ knowledgeBase }) {
         setDocuments(knowledgeBase.documents || []);
     }, [knowledgeBase]);
 
+     // 获取文档列表
+     useEffect(() => {
+        if (knowledgeBase?.id) {
+            dispatch(getKnowledgeBaseDocuments({ knowledge_base_id: knowledgeBase.id }));
+        }
+    }, [dispatch, knowledgeBase?.id]);
+
+
     // Handle click outside dropdown
     useEffect(() => {
         function handleClickOutside(event) {
@@ -268,8 +277,9 @@ export default function DatasetTab({ knowledgeBase }) {
 
             {/* Toolbar */}
             <div className='d-flex justify-content-between align-items-center mb-3'>
-                <div className='d-flex gap-2'>
+                <div className='d-flex gap-2' title={knowledgeBase.permissions?.can_edit ? '上传文件' : '无权限'}>
                     <button
+                        disabled={!knowledgeBase.permissions?.can_edit}
                         className='btn btn-dark d-flex align-items-center gap-1'
                         onClick={() => setShowAddFileModal(true)}
                     >
@@ -320,6 +330,7 @@ export default function DatasetTab({ knowledgeBase }) {
             {/* Document list */}
             <DocumentList
                 documents={filteredDocuments}
+                knowledgeBaseId={knowledgeBase.id}
                 selectedDocuments={selectedDocuments}
                 selectAll={selectAll}
                 onSelectAll={handleSelectAll}
@@ -354,10 +365,11 @@ export default function DatasetTab({ knowledgeBase }) {
                     </nav>
                 </div>
             </div>
-            
+
             {/* File upload modal */}
             <FileUploadModal
                 show={showAddFileModal}
+                knowledgeBaseId={knowledgeBase.id}
                 newFile={newFile}
                 fileErrors={fileErrors}
                 isSubmitting={isSubmitting}
diff --git a/src/pages/KnowledgeBase/Detail/SettingsTab.jsx b/src/pages/KnowledgeBase/Detail/SettingsTab.jsx
index abca74b..9d82649 100644
--- a/src/pages/KnowledgeBase/Detail/SettingsTab.jsx
+++ b/src/pages/KnowledgeBase/Detail/SettingsTab.jsx
@@ -6,16 +6,12 @@ import {
     updateKnowledgeBase,
     deleteKnowledgeBase,
     changeKnowledgeBaseType,
-    getKnowledgeBaseDocuments,
 } from '../../../store/knowledgeBase/knowledgeBase.thunks';
 
 // 导入拆分的组件
 import Breadcrumb from './components/Breadcrumb';
 import KnowledgeBaseForm from './components/KnowledgeBaseForm';
 import DeleteConfirmModal from './components/DeleteConfirmModal';
-import UserPermissionsManager from './components/UserPermissionsManager';
-import FileUploadModal from './components/FileUploadModal';
-import DocumentList from './components/DocumentList';
 
 // 部门和组别的映射关系
 const departmentGroups = {
@@ -52,13 +48,6 @@ export default function SettingsTab({ knowledgeBase }) {
     const [availableGroups, setAvailableGroups] = useState([]);
     const [showUploadModal, setShowUploadModal] = useState(false);
 
-    // 获取文档列表
-    useEffect(() => {
-        if (knowledgeBase?.id) {
-            dispatch(getKnowledgeBaseDocuments({ knowledge_base_id: knowledgeBase.id }));
-        }
-    }, [dispatch, knowledgeBase?.id]);
-
     // 当部门变化时，更新可选的组别
     useEffect(() => {
         if (knowledgeBaseForm.department && departmentGroups[knowledgeBaseForm.department]) {
@@ -135,8 +124,6 @@ export default function SettingsTab({ knowledgeBase }) {
     // Validate knowledge base form
     const validateForm = () => {
         const errors = {};
-        // 私有知识库不需要部门和组别
-        const isPrivate = knowledgeBaseForm.type === 'private';
 
         if (!knowledgeBaseForm.name.trim()) {
             errors.name = '请输入知识库名称';
@@ -151,16 +138,15 @@ export default function SettingsTab({ knowledgeBase }) {
         }
 
         // 只有非私有知识库需要验证部门和组别
-        if (!isPrivate) {
-            if (isAdmin && !knowledgeBaseForm.department) {
-                errors.department = '请选择部门';
-            }
-
-            if (isAdmin && !knowledgeBaseForm.group) {
-                errors.group = '请选择组别';
-            }
+        if (
+            (knowledgeBaseForm.type === 'leader' || knowledgeBaseForm.type === 'member') &&
+            !knowledgeBaseForm.department
+        ) {
+            errors.department = '请选择部门';
+        }
+        if (knowledgeBaseForm.type === 'member' && !knowledgeBaseForm.group) {
+            errors.group = '请选择组别';
         }
-
         setFormErrors(errors);
         return Object.keys(errors).length === 0;
     };
@@ -199,6 +185,7 @@ export default function SettingsTab({ knowledgeBase }) {
         if (isAdmin && !validateForm()) {
             return;
         }
+        console.log(newType, currentUser.role);
 
         setIsSubmitting(true);
 
@@ -206,6 +193,7 @@ export default function SettingsTab({ knowledgeBase }) {
         const isPrivate = newType === 'private';
         const department = isPrivate ? '' : isAdmin ? knowledgeBaseForm.department : currentUser.department || '';
         const group = isPrivate ? '' : isAdmin ? knowledgeBaseForm.group : currentUser.group || '';
+        console.log(newType, currentUser.role);
 
         dispatch(
             changeKnowledgeBaseType({
@@ -345,27 +333,6 @@ export default function SettingsTab({ knowledgeBase }) {
                 availableGroups={availableGroups}
             />
 
-            {/* Document Management Section */}
-            <div className='card border-0 shadow-sm mt-4'>
-                <div className='card-body'>
-                    <div className='d-flex justify-content-between align-items-center mb-4'>
-                        <h5 className='card-title m-0'>文档管理</h5>
-                        <button className='btn btn-primary' onClick={() => setShowUploadModal(true)}>
-                            上传文档
-                        </button>
-                    </div>
-
-                    <DocumentList knowledgeBaseId={knowledgeBase.id} />
-                </div>
-            </div>
-
-            {/* File Upload Modal */}
-            <FileUploadModal
-                show={showUploadModal}
-                onClose={() => setShowUploadModal(false)}
-                knowledgeBaseId={knowledgeBase.id}
-            />
-
             {/* User Permissions Manager */}
             {/* <UserPermissionsManager knowledgeBase={knowledgeBase} /> */}
 
diff --git a/src/pages/KnowledgeBase/Detail/components/DocumentList.jsx b/src/pages/KnowledgeBase/Detail/components/DocumentList.jsx
index 8f78038..2954eeb 100644
--- a/src/pages/KnowledgeBase/Detail/components/DocumentList.jsx
+++ b/src/pages/KnowledgeBase/Detail/components/DocumentList.jsx
@@ -1,7 +1,8 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { formatDate } from '../../../../utils/dateUtils';
 import { deleteKnowledgeBaseDocument } from '../../../../store/knowledgeBase/knowledgeBase.thunks';
+import DocumentPreviewModal from './DocumentPreviewModal';
 
 /**
  * 知识库文档列表组件
@@ -9,6 +10,8 @@ import { deleteKnowledgeBaseDocument } from '../../../../store/knowledgeBase/kno
 const DocumentList = ({ knowledgeBaseId }) => {
     const dispatch = useDispatch();
     const { items, loading, pagination } = useSelector((state) => state.knowledgeBase.documents);
+    const [previewModalVisible, setPreviewModalVisible] = useState(false);
+    const [selectedDocumentId, setSelectedDocumentId] = useState(null);
 
     const handleDeleteDocument = (documentId) => {
         if (window.confirm('确定要删除此文档吗？')) {
@@ -21,6 +24,16 @@ const DocumentList = ({ knowledgeBaseId }) => {
         }
     };
 
+    const handlePreviewDocument = (documentId) => {
+        setSelectedDocumentId(documentId);
+        setPreviewModalVisible(true);
+    };
+
+    const handleClosePreviewModal = () => {
+        setPreviewModalVisible(false);
+        setSelectedDocumentId(null);
+    };
+
     if (loading) {
         return (
             <div className='text-center py-4'>
@@ -40,41 +53,58 @@ const DocumentList = ({ knowledgeBaseId }) => {
     }
 
     return (
-        <div className='table-responsive'>
-            <table className='table table-hover'>
-                <thead className='table-light'>
-                    <tr>
-                        <th scope='col'>文档名称</th>
-                        <th scope='col'>创建时间</th>
-                        <th scope='col'>更新时间</th>
-                        <th scope='col'>操作</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    {items.map((doc) => (
-                        <tr key={doc.id}>
-                            <td>{doc.document_name}</td>
-                            <td>{formatDateTime(doc.create_time)}</td>
-                            <td>{formatDateTime(doc.update_time)}</td>
-                            <td>
-                                <button
-                                    className='btn btn-sm btn-outline-danger'
-                                    onClick={() => handleDeleteDocument(doc.document_id)}
-                                >
-                                    删除
-                                </button>
-                            </td>
+        <>
+            <div className='table-responsive'>
+                <table className='table table-hover'>
+                    <thead className='table-light'>
+                        <tr>
+                            <th scope='col'>文档名称</th>
+                            <th scope='col'>创建时间</th>
+                            <th scope='col'>更新时间</th>
+                            <th scope='col'>操作</th>
                         </tr>
-                    ))}
-                </tbody>
-            </table>
+                    </thead>
+                    <tbody>
+                        {items.map((doc) => (
+                            <tr key={doc.id}>
+                                <td>{doc.document_name}</td>
+                                <td>{formatDateTime(doc.create_time)}</td>
+                                <td>{formatDateTime(doc.update_time)}</td>
+                                <td>
+                                    <div className='btn-group' role='group'>
+                                        <button
+                                            className='btn btn-sm btn-outline-primary me-2'
+                                            onClick={() => handlePreviewDocument(doc.document_id)}
+                                        >
+                                            预览
+                                        </button>
+                                        <button
+                                            className='btn btn-sm btn-outline-danger'
+                                            onClick={() => handleDeleteDocument(doc.document_id)}
+                                        >
+                                            删除
+                                        </button>
+                                    </div>
+                                </td>
+                            </tr>
+                        ))}
+                    </tbody>
+                </table>
 
-            {pagination.total > 0 && (
-                <div className='d-flex justify-content-between align-items-center mt-3'>
-                    <p className='text-muted mb-0'>共 {pagination.total} 条记录</p>
-                </div>
-            )}
-        </div>
+                {pagination.total > 0 && (
+                    <div className='d-flex justify-content-between align-items-center mt-3'>
+                        <p className='text-muted mb-0'>共 {pagination.total} 条记录</p>
+                    </div>
+                )}
+            </div>
+
+            <DocumentPreviewModal
+                show={previewModalVisible}
+                documentId={selectedDocumentId}
+                knowledgeBaseId={knowledgeBaseId}
+                onClose={handleClosePreviewModal}
+            />
+        </>
     );
 };
 
diff --git a/src/pages/KnowledgeBase/Detail/components/DocumentPreviewModal.jsx b/src/pages/KnowledgeBase/Detail/components/DocumentPreviewModal.jsx
new file mode 100644
index 0000000..ca70e3f
--- /dev/null
+++ b/src/pages/KnowledgeBase/Detail/components/DocumentPreviewModal.jsx
@@ -0,0 +1,130 @@
+import React, { useState, useEffect } from 'react';
+import { useDispatch } from 'react-redux';
+import { get } from '../../../../services/api';
+import { showNotification } from '../../../../store/notification.slice';
+
+/**
+ * 文档预览模态框组件
+ */
+const DocumentPreviewModal = ({ show, documentId, knowledgeBaseId, onClose }) => {
+    const dispatch = useDispatch();
+    const [documentContent, setDocumentContent] = useState(null);
+    const [loading, setLoading] = useState(false);
+
+    useEffect(() => {
+        if (show && documentId && knowledgeBaseId) {
+            fetchDocumentContent();
+        }
+    }, [show, documentId, knowledgeBaseId]);
+
+    const fetchDocumentContent = async () => {
+        setLoading(true);
+        try {
+            const response = await get(`/knowledge-bases/${knowledgeBaseId}/document_content/`, {
+                params: { document_id: documentId },
+            });
+
+            // 检查API响应格式，提取内容
+            if (response.code === 200 && response.data) {
+                setDocumentContent(response.data);
+            } else if (response.data && response.data.code === 200) {
+                // 如果数据包装在data属性中
+                setDocumentContent(response.data.data);
+            } else {
+                // 兜底情况
+                setDocumentContent(response);
+            }
+        } catch (error) {
+            console.error('获取文档内容失败:', error);
+            dispatch(
+                showNotification({
+                    type: 'danger',
+                    message: '获取文档内容失败',
+                })
+            );
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    if (!show) return null;
+
+    return (
+        <div
+            className='modal-backdrop'
+            style={{
+                position: 'fixed',
+                top: 0,
+                left: 0,
+                right: 0,
+                bottom: 0,
+                backgroundColor: 'rgba(0, 0, 0, 0.5)',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                zIndex: 1050,
+            }}
+        >
+            <div
+                className='modal-content bg-white rounded shadow'
+                style={{
+                    width: '800px',
+                    maxWidth: '90%',
+                    maxHeight: '80vh',
+                    padding: '20px',
+                    overflow: 'auto',
+                }}
+            >
+                <div className='modal-header d-flex justify-content-between align-items-center mb-3'>
+                    <h5 className='modal-title m-0'>{documentContent?.document_info?.name || '文档预览'}</h5>
+                    <button type='button' className='btn-close' onClick={onClose} aria-label='Close'></button>
+                </div>
+                <div className='modal-body'>
+                    {loading ? (
+                        <div className='text-center py-4'>
+                            <div className='spinner-border text-primary' role='status'>
+                                <span className='visually-hidden'>加载中...</span>
+                            </div>
+                        </div>
+                    ) : documentContent ? (
+                        <div className='document-content'>
+                            {documentContent.content &&
+                                documentContent.content.map((section, index) => {
+                                    let contentDisplay;
+                                    try {
+                                        // 尝试解析JSON内容
+                                        const parsedContent = JSON.parse(section.content);
+                                        contentDisplay = (
+                                            <pre className='bg-light p-3 rounded'>
+                                                {JSON.stringify(parsedContent, null, 2)}
+                                            </pre>
+                                        );
+                                    } catch (e) {
+                                        // 如果不是JSON，则直接显示文本内容
+                                        contentDisplay = <p>{section.content}</p>;
+                                    }
+
+                                    return (
+                                        <div key={index} className='mb-3 p-3 border rounded'>
+                                            {contentDisplay}
+                                        </div>
+                                    );
+                                })}
+                        </div>
+                    ) : (
+                        <div className='text-center py-4 text-muted'>
+                            <p>无法获取文档内容</p>
+                        </div>
+                    )}
+                </div>
+                <div className='modal-footer'>
+                    <button type='button' className='btn btn-secondary' onClick={onClose}>
+                        关闭
+                    </button>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default DocumentPreviewModal;
diff --git a/src/pages/KnowledgeBase/Detail/components/FileUploadModal.jsx b/src/pages/KnowledgeBase/Detail/components/FileUploadModal.jsx
index 974d21d..5078982 100644
--- a/src/pages/KnowledgeBase/Detail/components/FileUploadModal.jsx
+++ b/src/pages/KnowledgeBase/Detail/components/FileUploadModal.jsx
@@ -74,7 +74,8 @@ const FileUploadModal = ({ show, knowledgeBaseId, onClose }) => {
             // Reset the file input
             resetFileInput();
 
-            // 不要在上传成功后关闭模态框，允许用户继续上传或手动关闭
+            // 上传成功后关闭模态框
+            onClose();
         } catch (error) {
             console.error('Upload failed:', error);
             setFileError('文件上传失败: ' + (error?.message || '未知错误'));
@@ -184,7 +185,7 @@ const FileUploadModal = ({ show, knowledgeBaseId, onClose }) => {
                     </button>
                     <button
                         type='button'
-                        className='btn btn-primary'
+                        className='btn btn-dark'
                         onClick={handleUpload}
                         disabled={!selectedFile || isUploading}
                     >
diff --git a/src/pages/KnowledgeBase/Detail/components/KnowledgeBaseForm.jsx b/src/pages/KnowledgeBase/Detail/components/KnowledgeBaseForm.jsx
index 065a70a..d8502f8 100644
--- a/src/pages/KnowledgeBase/Detail/components/KnowledgeBaseForm.jsx
+++ b/src/pages/KnowledgeBase/Detail/components/KnowledgeBaseForm.jsx
@@ -58,11 +58,7 @@ const KnowledgeBaseForm = ({
 
     // 是否显示类型更改按钮
     const showTypeChangeButton = hasTypeChanged || (isAdmin && hasDepartmentOrGroupChanged);
-
-    console.log(formData);
-
     
-
     return (
         <div className='card border-0 shadow-sm'>
             <div className='card-body'>
@@ -79,6 +75,7 @@ const KnowledgeBaseForm = ({
                             id='name'
                             name='name'
                             value={formData.name}
+                            disabled={!formData.permissions.can_edit}
                             onChange={onInputChange}
                         />
                         {formErrors.name && <div className='invalid-feedback'>{formErrors.name}</div>}
@@ -94,6 +91,7 @@ const KnowledgeBaseForm = ({
                             name='desc'
                             rows='3'
                             value={formData.desc}
+                            disabled={!formData.permissions.can_edit}
                             onChange={onInputChange}
                         ></textarea>
                         {formErrors.desc && <div className='invalid-feedback'>{formErrors.desc}</div>}
@@ -114,7 +112,7 @@ const KnowledgeBaseForm = ({
                                         value={type.value}
                                         checked={formData.type === type.value}
                                         onChange={onInputChange}
-                                        disabled={false} // 允许所有用户修改类型
+                                        disabled={!formData.permissions.can_edit} 
                                     />
                                     <label className='form-check-label' htmlFor={`type${type.value}`}>
                                         {type.label}
@@ -219,7 +217,7 @@ const KnowledgeBaseForm = ({
                             <div>
                                 {hasTypeChanged && (
                                     <p className='mb-0'>
-                                        知识库类型已更改为 <strong>{formData.type}</strong>
+                                        知识库类型更改为 <strong>{formData.type}</strong>
                                     </p>
                                 )}
                                 {isAdmin && hasDepartmentOrGroupChanged && <p className='mb-0'>部门/组别已更改</p>}
@@ -248,7 +246,7 @@ const KnowledgeBaseForm = ({
                     )}
 
                     <div className='d-flex justify-content-between mt-4'>
-                        <button type='submit' className='btn btn-primary' disabled={isSubmitting}>
+                        <button type='submit' className='btn btn-primary' disabled={isSubmitting|| !formData.permissions.can_edit}>
                             {isSubmitting ? (
                                 <>
                                     <span
@@ -267,7 +265,7 @@ const KnowledgeBaseForm = ({
                             className='btn btn-danger'
                             onClick={onDelete}
                             // disabled='true'
-                            disabled={isSubmitting}
+                            disabled={isSubmitting || !formData.permissions.can_edit}
                         >
                             删除知识库
                         </button>
diff --git a/src/store/knowledgeBase/knowledgeBase.thunks.js b/src/store/knowledgeBase/knowledgeBase.thunks.js
index a9f95b9..959dc09 100644
--- a/src/store/knowledgeBase/knowledgeBase.thunks.js
+++ b/src/store/knowledgeBase/knowledgeBase.thunks.js
@@ -146,6 +146,8 @@ export const changeKnowledgeBaseType = createAsyncThunk(
     'knowledgeBase/changeType',
     async ({ id, type, department, group }, { rejectWithValue }) => {
         try {
+            console.log(id, type, department, group);
+            
             const response = await post(`/knowledge-bases/${id}/change_type/`, {
                 type,
                 department,
@@ -250,14 +252,14 @@ export const getKnowledgeBaseDocuments = createAsyncThunk(
     async ({ knowledge_base_id, page = 1, page_size = 10 }, { rejectWithValue }) => {
         try {
             const response = await get(`/knowledge-bases/${knowledge_base_id}/documents/`, {
-                params: { page, page_size }
+                params: { page, page_size },
             });
-            
+
             // 处理返回格式
             if (response.data && response.data.code === 200) {
                 return response.data.data;
             }
-            
+
             return response.data;
         } catch (error) {
             return rejectWithValue(error.response?.data?.message || '获取文档列表失败');
@@ -275,15 +277,17 @@ export const deleteKnowledgeBaseDocument = createAsyncThunk(
     'knowledgeBase/deleteDocument',
     async ({ knowledge_base_id, document_id }, { rejectWithValue, dispatch }) => {
         try {
-            await del(`/knowledge-bases/${knowledge_base_id}/documents/${document_id}/`);
+            console.log(knowledge_base_id, document_id);
             
+            await del(`/knowledge-bases/${knowledge_base_id}/delete_document?document_id=${document_id}`);
+
             dispatch(
                 showNotification({
                     type: 'success',
                     message: '文档删除成功',
                 })
             );
-            
+
             return document_id;
         } catch (error) {
             dispatch(