diff --git a/.gitignore b/.gitignore
index 3d2b2bf12..ffcf91cbe 100644
--- a/.gitignore
+++ b/.gitignore
@@ -28,4 +28,5 @@ src/plugins/pluginList.ts
 .env
 config/config.odcPlugin.js
 yarn-error.log
-yarn.lock
\ No newline at end of file
+# yarn.lock
+pnpm-lock.yaml
\ No newline at end of file
diff --git a/README.md b/README.md
index 73804fa5d..b0ab2a1f7 100644
--- a/README.md
+++ b/README.md
@@ -53,7 +53,7 @@ pnpm run prepack obclient
 #### Install Dependencies
 
 ```shell
-pnpm install
+pnpm run install-odc
 ```
 
 #### Configure ODC Server Address
diff --git a/build/electron-build.config.js b/build/electron-build.config.js
index 9edb9b46a..dc6f408d8 100644
--- a/build/electron-build.config.js
+++ b/build/electron-build.config.js
@@ -21,9 +21,13 @@ const config = {
     writeUpdateInfo: false
   },
   win: {
+    publisherName: 'OceanBase',
     target: 'nsis',
     rfc3161TimeStampServer: "http://sha256timestamp.ws.symantec.com/sha256/timestamp",
-    signingHashAlgorithms: ["sha256"]
+    signingHashAlgorithms: ["sha256"],
+    signtoolOptions: {
+      sign: "./scripts/client/winsign.js"
+    }
   },
   nsis: {
     differentialPackage: false,
diff --git a/pnpm-lock.yaml b/hidden.yaml
similarity index 92%
rename from pnpm-lock.yaml
rename to hidden.yaml
index 68c485d6f..ce274d70f 100644
--- a/pnpm-lock.yaml
+++ b/hidden.yaml
@@ -52,17 +52,17 @@ importers:
         specifier: ^3.2.2
         version: 3.2.2(react@17.0.2)
       '@oceanbase-odc/monaco-plugin-ob':
-        specifier: ~1.4.2
-        version: 1.4.2(monaco-editor@0.36.1)
+        specifier: ~1.5.3
+        version: 1.5.3(monaco-editor@0.36.1)
       '@oceanbase-odc/ob-intl-cli':
-        specifier: ^2.1.3
-        version: 2.1.4(chokidar@3.6.0)(encoding@0.1.13)(prettier@2.8.8)(typescript@4.9.5)
+        specifier: ^2.2.0
+        version: 2.2.0(chokidar@3.6.0)(encoding@0.1.13)(prettier@2.8.8)(typescript@5.9.2)
       '@oceanbase-odc/ob-parser-js':
-        specifier: ^3.0.5
-        version: 3.0.5
+        specifier: ^3.1.2
+        version: 3.1.2
       '@oceanbase-odc/ob-react-data-grid':
         specifier: ^4.0.0
-        version: 4.0.0(antd@5.25.4(date-fns@2.30.0)(luxon@3.6.1)(moment@2.30.1)(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(lodash@4.17.21)(react-dnd-html5-backend@11.1.3)(react-dnd@11.1.3(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+        version: 4.0.0(antd@5.26.1(date-fns@2.30.0)(luxon@3.6.1)(moment@2.30.1)(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(lodash@4.17.21)(react-dnd-html5-backend@11.1.3)(react-dnd@11.1.3(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       '@sentry/react':
         specifier: ^7.88.0
         version: 7.120.3(react@17.0.2)
@@ -80,13 +80,13 @@ importers:
         version: 22.2.3
       '@types/lodash':
         specifier: ^4.14.168
-        version: 4.17.17
+        version: 4.17.18
       '@types/memoize-one':
         specifier: ^4.1.1
         version: 4.1.1
       '@types/node':
-        specifier: ^9.6.0
-        version: 9.6.61
+        specifier: ^16.7.0
+        version: 16.18.126
       '@types/react':
         specifier: ^16.0.0
         version: 16.14.65
@@ -106,8 +106,8 @@ importers:
         specifier: ^3.0.0
         version: 3.0.0
       '@umijs/max':
-        specifier: ^4.0.66
-        version: 4.4.11(@babel/core@7.27.4)(@types/node@9.6.61)(@types/react-dom@16.9.25(@types/react@16.14.65))(@types/react@16.14.65)(dva@2.5.0-beta.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(lightningcss@1.22.1)(prettier@2.8.8)(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)(rollup@3.29.5)(sugarss@2.0.0)(terser@5.40.0)(type-fest@0.21.3)(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12))
+        specifier: ^4.4.12
+        version: 4.4.12(@babel/core@7.28.3)(@types/node@16.18.126)(@types/react-dom@16.9.25(@types/react@16.14.65))(@types/react@16.14.65)(dva@2.5.0-beta.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(lightningcss@1.22.1)(prettier@2.8.8)(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)(rollup@3.29.5)(sugarss@2.0.0)(terser@5.43.1)(type-fest@0.21.3)(typescript@5.9.2)(webpack@4.47.0)
       adm-zip:
         specifier: ^0.5.5
         version: 0.5.16
@@ -119,7 +119,7 @@ importers:
         version: 6.23.0
       antd:
         specifier: ^5.23.4
-        version: 5.25.4(date-fns@2.30.0)(luxon@3.6.1)(moment@2.30.1)(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+        version: 5.26.1(date-fns@2.30.0)(luxon@3.6.1)(moment@2.30.1)(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       antlr4:
         specifier: ~4.8.0
         version: 4.8.0
@@ -131,7 +131,7 @@ importers:
         version: 2.1692.0
       axios:
         specifier: ^1.7.7
-        version: 1.9.0
+        version: 1.10.0
       bignumber.js:
         specifier: ^9.0.0
         version: 9.3.0
@@ -152,7 +152,7 @@ importers:
         version: 3.3.3
       core-js:
         specifier: ^3
-        version: 3.42.0
+        version: 3.43.0
       cron-parser:
         specifier: ^4.6.0
         version: 4.9.0
@@ -227,7 +227,7 @@ importers:
         version: 0.36.1
       monaco-editor-webpack-plugin:
         specifier: ^7.0.1
-        version: 7.1.0(monaco-editor@0.36.1)(webpack@4.47.0(webpack-cli@3.3.12))
+        version: 7.1.0(monaco-editor@0.36.1)(webpack@4.47.0)
       path-to-regexp:
         specifier: ^2.1.0
         version: 2.4.0
@@ -254,7 +254,7 @@ importers:
         version: 14.16.8(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-table:
         specifier: ^7.26.0
-        version: 7.51.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+        version: 7.51.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-virtual-list:
         specifier: ~3.4.13
         version: 3.4.13(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -278,7 +278,7 @@ importers:
         version: 17.0.2(react@17.0.2)
       react-intl:
         specifier: ^5.20.10
-        version: 5.25.1(react@17.0.2)(typescript@4.9.5)
+        version: 5.25.1(react@17.0.2)(typescript@5.9.2)
       react-resizable:
         specifier: ^1.10.1
         version: 1.11.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -311,10 +311,10 @@ importers:
         version: 1.2.2
       ts-loader:
         specifier: 8.4.0
-        version: 8.4.0(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12))
+        version: 8.4.0(typescript@5.9.2)(webpack@4.47.0)
       typescript:
-        specifier: ^4.0.0
-        version: 4.9.5
+        specifier: ^5.9.2
+        version: 5.9.2
       webpack:
         specifier: ^4.28.0
         version: 4.47.0(webpack-cli@3.3.12)
@@ -369,6 +369,12 @@ packages:
       react: '>=16.0.0'
       react-dom: '>=16.0.0'
 
+  '@ant-design/cssinjs@1.24.0':
+    resolution: {integrity: sha512-K4cYrJBsgvL+IoozUXYjbT6LHHNt+19a9zkvpBPxLjFHas1UpPM2A5MlhROb0BT8N8WoavM5VsP9MeSeNK/3mg==}
+    peerDependencies:
+      react: '>=16.0.0'
+      react-dom: '>=16.0.0'
+
   '@ant-design/fast-color@2.0.6':
     resolution: {integrity: sha512-y2217gk4NqL35giHl72o6Zzqji9O7vHh9YmhUVkPtAOpoTCH4uWxo/pr4VE8t0+ChEPs0qo4eJRC5Q1eXWo3vA==}
     engines: {node: '>=8.x'}
@@ -393,55 +399,55 @@ packages:
   '@ant-design/moment-webpack-plugin@0.0.3':
     resolution: {integrity: sha512-MLm1FUpg02fP615ShQnCUN9la2E4RylDxKyolkGqAWTIHO4HyGM0A5x71AMALEyP/bC+UEEWBGSQ+D4/8hQ+ww==}
 
-  '@ant-design/pro-card@2.9.7':
-    resolution: {integrity: sha512-uDDYowmYH1ldRfG8Mb4QOwcEEz6ptRBQDLO1tkVADCRkdOMwz82xlZneR4uVuFyKcuNmgHzarYNncozBKhFuaA==}
+  '@ant-design/pro-card@2.10.0':
+    resolution: {integrity: sha512-sLONn1odmE0Wkbse8pol4WiaEzBV8JU5s3FAMflPpycfUcbSaa1ktXzQ7LCo2SAvOS7gkfmpFjBPtrfbigKh4g==}
     peerDependencies:
       antd: ^4.24.15 || ^5.11.2
       react: '>=17.0.0'
 
-  '@ant-design/pro-components@2.8.7':
-    resolution: {integrity: sha512-QhibkPsUJryEjI1QmwUn+XCngGHidu0ekvricL6TIEvPgP+AUAca29XutN5+Mmn8Xfja1ca9HFTHTgFoV74Z7Q==}
+  '@ant-design/pro-components@2.8.10':
+    resolution: {integrity: sha512-QHnnIXdmC5GTAtm6i8eeJy5yT9npPlFyxpDm+duiDrTRKRFaAQBduArxlH3DA/hoRCCypzPONxfK9BQNIhIyZA==}
     peerDependencies:
       antd: ^4.24.15 || ^5.11.2
       react: '>=17.0.0'
       react-dom: '>=17.0.0'
 
-  '@ant-design/pro-descriptions@2.6.7':
-    resolution: {integrity: sha512-fgn2d0kDWUODGDWKpgziZuuqPlmIoKxQFJY9Yg4nbaRp8GDDKZeSSqgvW+OxjpYM8dxq31fiz1dZlZnOPoYKpg==}
+  '@ant-design/pro-descriptions@2.6.10':
+    resolution: {integrity: sha512-+4MbiOfumnWlW0Awm4m8JML5o3lR649FD24AaivCmr8BQvIAAXdTITnDMXEg8BqvdP4KOvNsStZrvYfqoev33A==}
     peerDependencies:
       antd: ^4.24.15 || ^5.11.2
       react: '>=17.0.0'
 
-  '@ant-design/pro-field@3.0.4':
-    resolution: {integrity: sha512-nJSng/6/pPZFdiFeTtZcBQLNrHg9tIeiKFR1+zzbnQbI3qBOFP9aBZS/+LwkQZcI2G71vrRgz2x5OhHb7AX0wQ==}
+  '@ant-design/pro-field@3.1.0':
+    resolution: {integrity: sha512-+Dgp31WjD+iwg9KIRAMgNkfQivkJKMcYBrIBmho1e8ep/O0HgWSp48g70tBIWi/Lfem/Ky2schF7O8XCFouczw==}
     peerDependencies:
       antd: ^4.24.15 || ^5.11.2
       react: '>=17.0.0'
 
-  '@ant-design/pro-form@2.31.7':
-    resolution: {integrity: sha512-0TCtIC/ynbLPoes8sLBFwFbi0tkeNmSU6the2EcyKIKDLfWHDbfkLM1OSFrzv3QD+H8OgFWMkTSOjhMOKSsOBg==}
+  '@ant-design/pro-form@2.32.0':
+    resolution: {integrity: sha512-GZnVAMeYv+YHJb17lJ7rX5PYuQPvEA6EotQnPbHi9tGLN3PfexcAd21rqzuO+OrulU2x7TEMDIxtY9MzvvOGbg==}
     peerDependencies:
       antd: ^4.24.15 || ^5.11.2
       rc-field-form: '>=1.22.0'
       react: '>=17.0.0'
       react-dom: '>=17.0.0'
 
-  '@ant-design/pro-layout@7.22.4':
-    resolution: {integrity: sha512-X2WO4L2itXemX4zhS+0NG+8kXQD5SX9sG+zjx/15BmIO3FvsUGqOHgoCg0vhd424EiyPj7WtdMZJ39G1xdgDwA==}
+  '@ant-design/pro-layout@7.22.7':
+    resolution: {integrity: sha512-fvmtNA1r9SaasVIQIQt611VSlNxtVxDbQ3e+1GhYQza3tVJi/3gCZuDyfMfTnbLmf3PaW/YvLkn7MqDbzAzoLA==}
     peerDependencies:
       antd: ^4.24.15 || ^5.11.2
       react: '>=17.0.0'
       react-dom: '>=17.0.0'
 
-  '@ant-design/pro-list@2.6.7':
-    resolution: {integrity: sha512-6k/En7pioMgepho/1HMf2DAnkSTZiat1lDg2ggCok2lhSgqXzir7x22ewJQRgPvEiVb6/qqaFQNd7a8dnrFj1w==}
+  '@ant-design/pro-list@2.6.10':
+    resolution: {integrity: sha512-xSWwnqCr+hPEYR4qY7nFUaxO5RQBxNlFaPNmobP2i+Im31slk9JuAusgWeIYO0mNhLJuLbxd8CCma2AZij3fBQ==}
     peerDependencies:
       antd: ^4.24.15 || ^5.11.2
       react: '>=17.0.0'
       react-dom: '>=17.0.0'
 
-  '@ant-design/pro-provider@2.15.4':
-    resolution: {integrity: sha512-DBX0JNUNOYXAucVqd/zTdqtXckCDqr2Lo85KIku2YzWdhptDPDZRTNqL04JShjGejDl8fzwQ8yREHgVUfzn6Gg==}
+  '@ant-design/pro-provider@2.16.2':
+    resolution: {integrity: sha512-0KmCH1EaOND787Jz6VRMYtLNZmqfT0JPjdUfxhyOxFfnBRfrjyfZgIa6CQoAJLEUMWv57PccWS8wRHVUUk2Yiw==}
     peerDependencies:
       antd: ^4.24.15 || ^5.11.2
       react: '>=17.0.0'
@@ -454,16 +460,16 @@ packages:
       react: '>=17.0.0'
       react-dom: '>=17.0.0'
 
-  '@ant-design/pro-table@3.19.0':
-    resolution: {integrity: sha512-nL25734d5q5oqtmG7Apn2TNJUnJE8m9dkopXMQdoNZnv8qeRQLBH+i5cZT1yh7FIO8z6QLXleg+KnR/cI7VRRw==}
+  '@ant-design/pro-table@3.21.0':
+    resolution: {integrity: sha512-sI81d3FYRv5sXamUc+M5CsHZ9CchuUQgOAPzo5H4oPAVL5h+mkYGRsBzPsxQX7khTNpWjrAtPoRm5ipx3vvWog==}
     peerDependencies:
       antd: ^4.24.15 || ^5.11.2
       rc-field-form: '>=1.22.0'
       react: '>=17.0.0'
       react-dom: '>=17.0.0'
 
-  '@ant-design/pro-utils@2.17.0':
-    resolution: {integrity: sha512-hHKUISjMEoS+E5ltJWyvNTrlEA3IimZNxtDrEhorRIbgVYAlmEN5Mj/ESSofzDM3+UlxiI5+A/Y6IHkByTfDEA==}
+  '@ant-design/pro-utils@2.18.0':
+    resolution: {integrity: sha512-8+ikyrN8L8a8Ph4oeHTOJEiranTj18+9+WHCHjKNdEfukI7Rjn8xpYdLJWb2AUJkb9d4eoAqjd5+k+7w81Df0w==}
     peerDependencies:
       antd: ^4.24.15 || ^5.11.2
       react: '>=17.0.0'
@@ -492,8 +498,8 @@ packages:
     resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.27.3':
-    resolution: {integrity: sha512-V42wFfx1ymFte+ecf6iXghnnP8kWTO+ZLXIyZq+1LAXHHvTZdVxicn4yiVYdYMGaCO3tmqub11AorKkv+iodqw==}
+  '@babel/compat-data@7.27.5':
+    resolution: {integrity: sha512-KiRAp/VoJaWkkte84TvUd9qjdbZAdiqyvMxrGl1N6vzFogKmaLgoM3L1kgtLicp2HP5fBJS8JrZKLVIZGVJAVg==}
     engines: {node: '>=6.9.0'}
 
   '@babel/core@7.23.6':
@@ -504,6 +510,10 @@ packages:
     resolution: {integrity: sha512-bXYxrXFubeYdvB0NhD/NBB3Qi6aZeV20GOWVI47t2dkecCEoneR4NPVcb7abpXDEvejgrUfFtG6vG/zxAKmg+g==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/core@7.28.3':
+    resolution: {integrity: sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/eslint-parser@7.23.3':
     resolution: {integrity: sha512-9bTuNlyx7oSstodm1cR1bECj4fkiknsDa1YniISkJemMY3DGhJNYBECbe6QD/q54mp2J8VO66jW3/7uP//iFCw==}
     engines: {node: ^10.13.0 || ^12.13.0 || >=14.0.0}
@@ -511,8 +521,8 @@ packages:
       '@babel/core': ^7.11.0
       eslint: ^7.5.0 || ^8.0.0
 
-  '@babel/eslint-parser@7.27.1':
-    resolution: {integrity: sha512-q8rjOuadH0V6Zo4XLMkJ3RMQ9MSBqwaDByyYB0izsYdaIWGNLmEblbCOf1vyFHICcg16CD7Fsi51vcQnYxmt6Q==}
+  '@babel/eslint-parser@7.27.5':
+    resolution: {integrity: sha512-HLkYQfRICudzcOtjGwkPvGc5nF1b4ljLZh1IRDj50lRZ718NAKVgQpIAUX8bfg6u/yuSKY3L7E0YzIV+OxrB8Q==}
     engines: {node: ^10.13.0 || ^12.13.0 || >=14.0.0}
     peerDependencies:
       '@babel/core': ^7.11.0
@@ -521,8 +531,12 @@ packages:
   '@babel/generator@7.2.0':
     resolution: {integrity: sha512-BA75MVfRlFQG2EZgFYIwyT1r6xSkwfP2bdkY/kLZusEYWiJs4xCowab/alaEaT0wSvmVuXGqiefeBlP+7V1yKg==}
 
-  '@babel/generator@7.27.3':
-    resolution: {integrity: sha512-xnlJYj5zepml8NXtjkG0WquFUv8RskFqyFcVgTBp5k+NaA/8uw/K+OSVf8AMGw5e9HKP2ETd5xpK5MLZQD6b4Q==}
+  '@babel/generator@7.27.5':
+    resolution: {integrity: sha512-ZGhA37l0e/g2s1Cnzdix0O3aLYm66eF8aufiVteOgnwxgnRP8GoyMj7VWsgWnQbVKXyge7hqrFh2K2TQM6t1Hw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.28.3':
+    resolution: {integrity: sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-annotate-as-pure@7.27.3':
@@ -550,6 +564,10 @@ packages:
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
+  '@babel/helper-globals@7.28.0':
+    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-member-expression-to-functions@7.27.1':
     resolution: {integrity: sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==}
     engines: {node: '>=6.9.0'}
@@ -564,6 +582,12 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0
 
+  '@babel/helper-module-transforms@7.28.3':
+    resolution: {integrity: sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
   '@babel/helper-optimise-call-expression@7.27.1':
     resolution: {integrity: sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==}
     engines: {node: '>=6.9.0'}
@@ -608,16 +632,25 @@ packages:
     resolution: {integrity: sha512-NFJK2sHUvrjo8wAU/nQTWU890/zB2jj0qBcCbZbbf+005cAsv6tMjXz31fBign6M5ov1o0Bllu+9nbqkfsjjJQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helpers@7.27.4':
-    resolution: {integrity: sha512-Y+bO6U+I7ZKaM5G5rDUZiYfUvQPUibYmAFe7EnKdnKBbVXDZxvp+MWOH5gYciY0EPk4EScsuFMQBbEfpdRKSCQ==}
+  '@babel/helpers@7.27.6':
+    resolution: {integrity: sha512-muE8Tt8M22638HU31A3CgfSUciwz1fhATfoVai05aPXGor//CdWDCbnlY1yvBPo07njuVOCNGCSp/GTt12lIug==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.28.3':
+    resolution: {integrity: sha512-PTNtvUQihsAsDHMOP5pfobP8C6CM4JWXmP8DrEIt46c3r2bf87Ua1zoqevsMo9g+tWDwgWrFP5EIxuBx5RudAw==}
     engines: {node: '>=6.9.0'}
 
   '@babel/highlight@7.25.9':
     resolution: {integrity: sha512-llL88JShoCsth8fF8R4SJnIn+WLvR6ccFxu1H3FlMhDontdcmZWf2HgIZ7AIqV3Xcck1idlohrN4EUBQz6klbw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.27.4':
-    resolution: {integrity: sha512-BRmLHGwpUqLFR2jzx9orBuX/ABDkj2jLKOXrHDTN2aOKL+jFDDKaRNo9nyYsIl9h/UE/7lMKdDjKQQyxKKDZ7g==}
+  '@babel/parser@7.27.5':
+    resolution: {integrity: sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/parser@7.28.3':
+    resolution: {integrity: sha512-7+Ey1mAgYqFAx2h0RuoxcQT5+MlG3GTV0TQrgr7/ZliKsm/MNDxVVutlWaziMq7wJNAz8MTqz55XLpWvva6StA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -825,8 +858,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-block-scoping@7.27.3':
-    resolution: {integrity: sha512-+F8CnfhuLhwUACIJMLWnjz6zvzYM2r0yeIHKlbgfw7ml8rOMJsXNXV/hyRcb3nb493gRs4WvYpQAndWj/qQmkQ==}
+  '@babel/plugin-transform-block-scoping@7.27.5':
+    resolution: {integrity: sha512-JF6uE2s67f0y2RZcm2kpAUEbD50vH62TyWVebxwHAlbSdM49VqPz8t4a1uIjp4NIOIZ4xzLfjY5emt/RCyC7TQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1071,8 +1104,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-regenerator@7.27.4':
-    resolution: {integrity: sha512-Glp/0n8xuj+E1588otw5rjJkTXfzW7FjH3IIUrfqiZOPQCd2vbg8e+DQE8jK9g4V5/zrxFW+D9WM9gboRPELpQ==}
+  '@babel/plugin-transform-regenerator@7.27.5':
+    resolution: {integrity: sha512-uhB8yHerfe3MWnuLAhEbeQ4afVoqv8BQsPqrTv7e/jZ9y00kJL6l9a/f4OWaKxotmjzewfEyXE1vgDJenkQ2/Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1172,16 +1205,20 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/runtime-corejs3@7.27.4':
-    resolution: {integrity: sha512-H7QhL0ucCGOObsUETNbB2PuzF4gAvN8p32P6r91bX7M/hk4bx+3yz2hTwHL9d/Efzwu1upeb4/cd7oSxCzup3w==}
+  '@babel/runtime-corejs3@7.27.6':
+    resolution: {integrity: sha512-vDVrlmRAY8z9Ul/HxT+8ceAru95LQgkSKiXkSYZvqtbkPSfhZJgpRp45Cldbh1GJ1kxzQkI70AqyrTI58KpaWQ==}
     engines: {node: '>=6.9.0'}
 
   '@babel/runtime@7.23.6':
     resolution: {integrity: sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/runtime@7.27.4':
-    resolution: {integrity: sha512-t3yaEOuGu9NlIZ+hIeGbBjFtZT7j2cb2tg0fuaJKeGotchRjjLfrBA9Kwf8quhpP1EUuxModQg04q/mBwyg8uA==}
+  '@babel/runtime@7.27.6':
+    resolution: {integrity: sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/runtime@7.28.3':
+    resolution: {integrity: sha512-9uIQ10o0WGdpP6GDhXcdOJPJuDgFtIDtN/9+ArJQ2NAfAmiuhTQdzkaTGR33v43GYS2UrSA0eX2pPPHoFVvpxA==}
     engines: {node: '>=6.9.0'}
 
   '@babel/template@7.27.2':
@@ -1192,8 +1229,16 @@ packages:
     resolution: {integrity: sha512-oNcu2QbHqts9BtOWJosOVJapWjBDSxGCpFvikNR5TGDYDQf3JwpIoMzIKrvfoti93cLfPJEG4tH9SPVeyCGgdA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.27.3':
-    resolution: {integrity: sha512-Y1GkI4ktrtvmawoSq+4FCVHNryea6uR+qUQy0AGxLSsjCX0nVmkYQMBLHDkXZuo5hGx7eYdnIaslsdBFm7zbUw==}
+  '@babel/traverse@7.28.3':
+    resolution: {integrity: sha512-7w4kZYHneL3A6NP2nxzHvT3HCZ7puDZZjFMqDpBPECub79sTtSO5CGXDkKrTQq8ksAwfD/XI2MRFX23njdDaIQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.27.6':
+    resolution: {integrity: sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.28.2':
+    resolution: {integrity: sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==}
     engines: {node: '>=6.9.0'}
 
   '@bloomberg/record-tuple-polyfill@0.0.4':
@@ -1760,6 +1805,14 @@ packages:
   '@iconify/utils@2.1.1':
     resolution: {integrity: sha512-H8xz74JDzDw8f0qLxwIaxFMnFkbXTZNWEufOk3WxaLFHV4h0A2FjIDgNk5LzC0am4jssnjdeJJdRs3UFu3582Q==}
 
+  '@isaacs/balanced-match@4.0.1':
+    resolution: {integrity: sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==}
+    engines: {node: 20 || >=22}
+
+  '@isaacs/brace-expansion@5.0.0':
+    resolution: {integrity: sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==}
+    engines: {node: 20 || >=22}
+
   '@isaacs/cliui@8.0.2':
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
@@ -1796,6 +1849,9 @@ packages:
     resolution: {integrity: sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
   '@jridgewell/gen-mapping@0.3.8':
     resolution: {integrity: sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==}
     engines: {node: '>=6.0.0'}
@@ -1808,15 +1864,21 @@ packages:
     resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
     engines: {node: '>=6.0.0'}
 
-  '@jridgewell/source-map@0.3.6':
-    resolution: {integrity: sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==}
+  '@jridgewell/source-map@0.3.11':
+    resolution: {integrity: sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==}
 
   '@jridgewell/sourcemap-codec@1.5.0':
     resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
 
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
   '@jridgewell/trace-mapping@0.3.25':
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
+  '@jridgewell/trace-mapping@0.3.30':
+    resolution: {integrity: sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==}
+
   '@juggle/resize-observer@3.4.0':
     resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
 
@@ -1984,17 +2046,17 @@ packages:
     engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
     deprecated: This functionality has been moved to @npmcli/fs
 
-  '@oceanbase-odc/monaco-plugin-ob@1.4.2':
-    resolution: {integrity: sha512-ftDJ+d0W0iKD1Ex81DSQBfiWGdNfLh2DpKL0Bpv0ECnURp/+ldv2ihHl7ORwsDu+BAcLzRUWz/puePY8l4Da4w==}
+  '@oceanbase-odc/monaco-plugin-ob@1.5.3':
+    resolution: {integrity: sha512-Wbc/K7rMp3AWxEwgSgKhd5ix3+vCqCfXTuBLx1IbyzzGmwLRASVymEtzSlso7y0PfdgHVlI51gPdR775nUurAw==}
     peerDependencies:
       monaco-editor: ~0.38.0
 
-  '@oceanbase-odc/ob-intl-cli@2.1.4':
-    resolution: {integrity: sha512-AKoGr7cWn3AyvTYB2xoFZtfikBgyRxDWUya1IXbVGZeoBd4GGE7JcwFLmFplYNmtUFrOhyP7Vdkz2SNFAH6gQg==}
+  '@oceanbase-odc/ob-intl-cli@2.2.0':
+    resolution: {integrity: sha512-qCJriKatOEwHICu9sGM5b7PYYtWxtVtB1V+P/ZBTwACXQHhQEgFlBCnt9CDAoMIOM9iDEeFvV13VSWt/kGW8ig==}
     hasBin: true
 
-  '@oceanbase-odc/ob-parser-js@3.0.5':
-    resolution: {integrity: sha512-MwINKzUu/SQV/0XT8NBanS9BR4d4ikEnjKMLvKaimQTj2scYmzKpIeakGiExUq4HFByAI+A+lwuWt9orEXhwAw==}
+  '@oceanbase-odc/ob-parser-js@3.1.2':
+    resolution: {integrity: sha512-BWtccGg7zR4q0Rc7J+byT4kyOVKtK1993oMW2myGH8pBSDRiagAZMjm5Af2tZUVbJs67UxV52SVDDnJ097NToA==}
 
   '@oceanbase-odc/ob-react-data-grid@4.0.0':
     resolution: {integrity: sha512-CYmeqa+Ocpwt8PpzEiihgT0NS3bDz7futJT5QPUczZJG/rtfOLKpnbZ/CacMDAKRQob3Sdo6dSB0yAk0nfa3BA==}
@@ -2067,8 +2129,8 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  '@rc-component/trigger@2.2.6':
-    resolution: {integrity: sha512-/9zuTnWwhQ3S3WT1T8BubuFTT46kvnXgaERR9f4BTKyn61/wpf/BvbImzYBubzJibU707FxwbKszLlHjcLiv1Q==}
+  '@rc-component/trigger@2.2.7':
+    resolution: {integrity: sha512-Qggj4Z0AA2i5dJhzlfFSmg1Qrziu8dsdHOihROL5Kl18seO2Eh/ZaTYt2c8a/CyGaTChnFry7BEYew1+/fhSbA==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '>=16.9.0'
@@ -2199,6 +2261,10 @@ packages:
     resolution: {integrity: sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==}
     engines: {node: '>=10'}
 
+  '@stagewise/toolbar@0.6.2':
+    resolution: {integrity: sha512-WN7PWaOT6YQKjJYL4/85V5UU0eZEws+/UBT/J4wJOEbFxoluLuchqh7xVTmUZTtw0q0xpzlgX8Vb0kAZf/pjmw==}
+    deprecated: 'This package is deprecated and has been replaced by the stagewise CLI. Get started with the CLI here: https://stagewise.io/docs'
+
   '@stylelint/postcss-css-in-js@0.37.3':
     resolution: {integrity: sha512-scLk3cSH1H9KggSniseb2KNAU5D9FWc3H7BxCSAIdtU9OWIyw0zkEZ9qEKHryRM+SExYXRKNb7tOOVNAsQ3iwg==}
     deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
@@ -2305,72 +2371,72 @@ packages:
       chokidar:
         optional: true
 
-  '@swc/core-darwin-arm64@1.11.29':
-    resolution: {integrity: sha512-whsCX7URzbuS5aET58c75Dloby3Gtj/ITk2vc4WW6pSDQKSPDuONsIcZ7B2ng8oz0K6ttbi4p3H/PNPQLJ4maQ==}
+  '@swc/core-darwin-arm64@1.12.4':
+    resolution: {integrity: sha512-HihKfeitjZU2ab94Zf893sxzFryLKX0TweGsNXXOLNtkSMLw50auuYfpRM0BOL9/uXXtuCWgRIF6P030SAX5xQ==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@swc/core-darwin-x64@1.11.29':
-    resolution: {integrity: sha512-S3eTo/KYFk+76cWJRgX30hylN5XkSmjYtCBnM4jPLYn7L6zWYEPajsFLmruQEiTEDUg0gBEWLMNyUeghtswouw==}
+  '@swc/core-darwin-x64@1.12.4':
+    resolution: {integrity: sha512-meYCXHyYb6RDdu2N5PNAf0EelyxPBFhRcVo4kBFLuvuNb0m6EUg///VWy8MUMXq9/s9uzGS9kJVXXdRdr/d6FA==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [darwin]
 
-  '@swc/core-linux-arm-gnueabihf@1.11.29':
-    resolution: {integrity: sha512-o9gdshbzkUMG6azldHdmKklcfrcMx+a23d/2qHQHPDLUPAN+Trd+sDQUYArK5Fcm7TlpG4sczz95ghN0DMkM7g==}
+  '@swc/core-linux-arm-gnueabihf@1.12.4':
+    resolution: {integrity: sha512-szfDbf7mE8V64of0q/LSqbk+em+T+TD3uqnH40Z7Qu/aL8vi5CHgyLjWG2SLkLLpyjgkAUF6AKrupgnBYcC2NA==}
     engines: {node: '>=10'}
     cpu: [arm]
     os: [linux]
 
-  '@swc/core-linux-arm64-gnu@1.11.29':
-    resolution: {integrity: sha512-sLoaciOgUKQF1KX9T6hPGzvhOQaJn+3DHy4LOHeXhQqvBgr+7QcZ+hl4uixPKTzxk6hy6Hb0QOvQEdBAAR1gXw==}
+  '@swc/core-linux-arm64-gnu@1.12.4':
+    resolution: {integrity: sha512-n0IY76w+Scx8m3HIVRvLkoResuwsQgjDfAk9bxn99dq4leQO+mE0fkPl0Yw/1BIsPh+kxGfopIJH9zsZ1Z2YrA==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  '@swc/core-linux-arm64-musl@1.11.29':
-    resolution: {integrity: sha512-PwjB10BC0N+Ce7RU/L23eYch6lXFHz7r3NFavIcwDNa/AAqywfxyxh13OeRy+P0cg7NDpWEETWspXeI4Ek8otw==}
+  '@swc/core-linux-arm64-musl@1.12.4':
+    resolution: {integrity: sha512-wE5jmFi5cEQyLy8WmCWmNwfKETrnzy2D8YNi/xpYWpLPWqPhcelpa6tswkfYlbsMmmOh7hQNoTba1QdGu0jvHQ==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  '@swc/core-linux-x64-gnu@1.11.29':
-    resolution: {integrity: sha512-i62vBVoPaVe9A3mc6gJG07n0/e7FVeAvdD9uzZTtGLiuIfVfIBta8EMquzvf+POLycSk79Z6lRhGPZPJPYiQaA==}
+  '@swc/core-linux-x64-gnu@1.12.4':
+    resolution: {integrity: sha512-6S50Xd/7ePjEwrXyHMxpKTZ+KBrgUwMA8hQPbArUOwH4S5vHBr51heL0iXbUkppn1bkSr0J0IbOove5hzn+iqQ==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  '@swc/core-linux-x64-musl@1.11.29':
-    resolution: {integrity: sha512-YER0XU1xqFdK0hKkfSVX1YIyCvMDI7K07GIpefPvcfyNGs38AXKhb2byySDjbVxkdl4dycaxxhRyhQ2gKSlsFQ==}
+  '@swc/core-linux-x64-musl@1.12.4':
+    resolution: {integrity: sha512-hbYRyaHhC13vYKuGG5BrAG5fjjWEQFfQetuFp/4QKEoXDzdnabJoixxWTQACDL3m0JW32nJ+gUzsYIPtFYkwXg==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  '@swc/core-win32-arm64-msvc@1.11.29':
-    resolution: {integrity: sha512-po+WHw+k9g6FAg5IJ+sMwtA/fIUL3zPQ4m/uJgONBATCVnDDkyW6dBA49uHNVtSEvjvhuD8DVWdFP847YTcITw==}
+  '@swc/core-win32-arm64-msvc@1.12.4':
+    resolution: {integrity: sha512-e6EbfjPL8GA/bb1lc9Omtxjlz+1ThTsAuBsy4Q3Kpbuh6B3jclg8KzxU/6t91v23wG593mieTyR5f3Pr7X3AWw==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [win32]
 
-  '@swc/core-win32-ia32-msvc@1.11.29':
-    resolution: {integrity: sha512-h+NjOrbqdRBYr5ItmStmQt6x3tnhqgwbj9YxdGPepbTDamFv7vFnhZR0YfB3jz3UKJ8H3uGJ65Zw1VsC+xpFkg==}
+  '@swc/core-win32-ia32-msvc@1.12.4':
+    resolution: {integrity: sha512-RG2FzmllBTUf4EksANlIvLckcBrLZEA0t13LIa6L213UZKQfEuDNHezqESgoVhJMg2S/tWauitATOCFgZNSmjg==}
     engines: {node: '>=10'}
     cpu: [ia32]
     os: [win32]
 
-  '@swc/core-win32-x64-msvc@1.11.29':
-    resolution: {integrity: sha512-Q8cs2BDV9wqDvqobkXOYdC+pLUSEpX/KvI0Dgfun1F+LzuLotRFuDhrvkU9ETJA6OnD2+Fn/ieHgloiKA/Mn/g==}
+  '@swc/core-win32-x64-msvc@1.12.4':
+    resolution: {integrity: sha512-oRHKnZlR83zaMeVUCmHENa4j5uNRAWbmEpjYbzRcfC45LPFNWKGWGAGERLx0u87XMUtTGqnVYxnBTHN/rzDHOw==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [win32]
 
-  '@swc/core@1.11.29':
-    resolution: {integrity: sha512-g4mThMIpWbNhV8G2rWp5a5/Igv8/2UFRJx2yImrLGMgrDDYZIopqZ/z0jZxDgqNA1QDx93rpwNF7jGsxVWcMlA==}
+  '@swc/core@1.12.4':
+    resolution: {integrity: sha512-hn30ebV4njAn0NAUM+3a0qCF+MJgqTNSrfA/hUAbC6TVjOQy2OYGQwkUvCu/V7S2+rZxrUsTpKOnZ7qqECZV9Q==}
     engines: {node: '>=10'}
     peerDependencies:
       '@swc/helpers': '>=0.5.17'
@@ -2384,8 +2450,8 @@ packages:
   '@swc/helpers@0.5.1':
     resolution: {integrity: sha512-sJ902EfIzn1Fa+qYmjdQqh8tPsoxyBz+8yBKC2HKUxyezKJFwPGOn7pv4WY6QuQW//ySQi5lJjA/ZT9sNWWNTg==}
 
-  '@swc/types@0.1.21':
-    resolution: {integrity: sha512-2YEtj5HJVbKivud9N4bpPBAyZhj4S2Ipe5LkUG94alTpr7in/GU/EARgPAd3BwU+YOmFVJC2+kjqhGRi3r0ZpQ==}
+  '@swc/types@0.1.23':
+    resolution: {integrity: sha512-u1iIVZV9Q0jxY+yM2vw/hZGDNudsN85bBpTqzAQ9rzkxW9D+e3aEM4Han+ow518gSewkXgjmEK0BD79ZcNVgPw==}
 
   '@szmarczak/http-timer@4.0.6':
     resolution: {integrity: sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==}
@@ -2395,18 +2461,18 @@ packages:
     resolution: {integrity: sha512-Wo1iKt2b9OT7d+YGhvEPD3DXvPv2etTusIMhMUoG7fbhmxcXCtIjJDEygy91Y2JFlwGyjqiBPRozme7UD8hoqg==}
     engines: {node: '>=12'}
 
-  '@tanstack/query-core@4.39.1':
-    resolution: {integrity: sha512-E1g5oEiBq8l1xU1ELXieEBD55oZQscn4kaHidsxdCH1egAk9Tx4sTi8rgQiayoaEWESOurRdDEf2wJHp9/BRDg==}
+  '@tanstack/query-core@4.40.0':
+    resolution: {integrity: sha512-7MJTtZkCSuehMC7IxMOCGsLvHS3jHx4WjveSrGsG1Nc1UQLjaFwwkpLA2LmPfvOAxnH4mszMOBFD6LlZE+aB+Q==}
 
-  '@tanstack/react-query-devtools@4.39.1':
-    resolution: {integrity: sha512-Sv1RdoM6jGpXzvCtHNMBh6Fi9WVpSNap9NS+KUhVt+iPdV9exS5cNna4EjyvLWQ4fIKv/y67M9zStxlq1WV3bw==}
+  '@tanstack/react-query-devtools@4.40.1':
+    resolution: {integrity: sha512-g8g2CCDt91CNhkLsKLVXVBVQSUubExnBdprwwjY5FFM+ZBjv1WfCpGiX1UOezgjVhNxqoi1Is+iMYShdOMoI8Q==}
     peerDependencies:
-      '@tanstack/react-query': ^4.39.1
+      '@tanstack/react-query': ^4.40.1
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
 
-  '@tanstack/react-query@4.39.1':
-    resolution: {integrity: sha512-eV8PchGpgqE5OMQ5LEfYmgwdKI3uZLSXekfkCpqvLNExE1bDFsPL1zFlFid5CSe7gf2zGju00PnsBoJcEBUJMw==}
+  '@tanstack/react-query@4.40.1':
+    resolution: {integrity: sha512-mgD07S5N8e5v81CArKDWrHE4LM7HxZ9k/KLeD3+NUD9WimGZgKIqojUZf/rXkfAMYZU9p0Chzj2jOXm7xpgHHQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -2457,8 +2523,8 @@ packages:
   '@types/babel__template@7.4.4':
     resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
 
-  '@types/babel__traverse@7.20.7':
-    resolution: {integrity: sha512-dkO5fhS7+/oos4ciWxyEyjWe48zmG6wbCheo/G2ZnHx4fs3EU6YC6UM8rk56gAjNJ9P3MTH2jo5jb92/K6wbng==}
+  '@types/babel__traverse@7.28.0':
+    resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
 
   '@types/cacheable-request@6.0.3':
     resolution: {integrity: sha512-IQ3EbTzGxIigb1I3qPZc1rWJnH0BmSKv5QYTalEwweFvyBDLSAe24zP0le/hyi7ecGfZVlIVAg4BZqb8WBwKqw==}
@@ -2568,8 +2634,8 @@ packages:
   '@types/eslint@7.29.0':
     resolution: {integrity: sha512-VNcvioYDH8/FxaeTKkM4/TiTwt6pBV9E3OfGmvaw8tPl0rrHCJ4Ll15HRT+pMiFAf/MLQvAzC+6RzUMEL9Ceng==}
 
-  '@types/estree@1.0.7':
-    resolution: {integrity: sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==}
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
   '@types/fs-extra@9.0.13':
     resolution: {integrity: sha512-nEnwB++1u5lVDM2UI4c1+5R+FYaKfaAzS4OococimjVm3nQw3TuzH5UNsocrcTBbhnerblyHj4A49qXbIiZdpA==}
@@ -2593,6 +2659,11 @@ packages:
   '@types/hoist-non-react-statics@3.3.6':
     resolution: {integrity: sha512-lPByRJUer/iN/xa4qpyL0qmL11DqNW81iU/IG1S3uvRUq4oKagz8VCxZjiWkumgt66YT3vOdDgZ0o32sGKtCEw==}
 
+  '@types/hoist-non-react-statics@3.3.7':
+    resolution: {integrity: sha512-PQTyIulDkIDro8P+IHbKCsw7U2xxBYflVzW/FgWdCAePD9xGSidgA76/GeJ6lBKoblyhf9pBY763gbrN+1dI8g==}
+    peerDependencies:
+      '@types/react': ^16.0.0
+
   '@types/html-minifier-terser@6.1.0':
     resolution: {integrity: sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==}
 
@@ -2629,8 +2700,8 @@ packages:
   '@types/keyv@3.1.4':
     resolution: {integrity: sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==}
 
-  '@types/lodash@4.17.17':
-    resolution: {integrity: sha512-RRVJ+J3J+WmyOTqnz3PiBLA501eKwXl2noseKOrNo/6+XEHjTAxO4xHvxQB6QuNm+s4WRbn6rSiap8+EA+ykFQ==}
+  '@types/lodash@4.17.18':
+    resolution: {integrity: sha512-KJ65INaxqxmU6EoCiJmRPZC9H9RVWCRd349tXM2M3O5NA7cY6YL7c0bHAHQ93NOfTObEQ004kd2QVHs/r0+m4g==}
 
   '@types/mdast@3.0.15':
     resolution: {integrity: sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==}
@@ -2647,9 +2718,6 @@ packages:
   '@types/node@16.18.126':
     resolution: {integrity: sha512-OTcgaiwfGFBKacvfwuHzzn1KLxH/er8mluiy8/uM3sGXHaRe73RrSIj01jow9t4kJEW633Ov+cOexXeiApTyAw==}
 
-  '@types/node@9.6.61':
-    resolution: {integrity: sha512-/aKAdg5c8n468cYLy2eQrcR5k6chlbNwZNGUj3TboyPa2hcO2QAJcfymlqPzMiRj8B6nYKXjzQz36minFE0RwQ==}
-
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
 
@@ -2659,8 +2727,8 @@ packages:
   '@types/plist@3.0.5':
     resolution: {integrity: sha512-E6OCaRmAe4WDmWNsL/9RMqdkkzDCY1etutkflWk4c+AcjDU07Pcz1fQwTX0TQz+Pxqn9i4L1TU3UFpjnrcDgxA==}
 
-  '@types/prop-types@15.7.14':
-    resolution: {integrity: sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==}
+  '@types/prop-types@15.7.15':
+    resolution: {integrity: sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==}
 
   '@types/react-dom@16.9.25':
     resolution: {integrity: sha512-ZK//eAPhwft9Ul2/Zj+6O11YR6L4JX0J2sVeBC9Ft7x7HFN7xk7yUV/zDxqV6rjvqgl6r8Dq7oQImxtyf/Mzcw==}
@@ -2849,38 +2917,38 @@ packages:
     resolution: {integrity: sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
-  '@umijs/ast@4.4.11':
-    resolution: {integrity: sha512-TeOYsiFS4SdKd9MpeeL1C4hD8ht3WV/6F43vqhbS5I1hyoV999euuFECnKevcd9tXI72HOMPKqa3e+AxRTinoA==}
+  '@umijs/ast@4.4.12':
+    resolution: {integrity: sha512-+u7W9uO9NKwm9SsI2f8l8JTYqrD+Ff/GaxyHeK+YzieSnS0kr9kMs6PoDxxGMmYWbKszPBGckXJHvAXtC1GVoA==}
 
-  '@umijs/babel-preset-umi@4.4.11':
-    resolution: {integrity: sha512-hod7QZ9Kx2lDup0W1RrhJkTVUkH8tR3DWiGwzcyVCB1ArGmOzyfVUj2CyxfM3p5e1Iz8sfrc8WiArrdQtw77Jg==}
+  '@umijs/babel-preset-umi@4.4.12':
+    resolution: {integrity: sha512-c63MHYgEWid8jZbA7Wst9PZIhRk5HTKvvCsJ0WJH7cROjC0+DjXlm9yl11omAY5Jj43iLv00w6vZOkNQc4WWYw==}
 
-  '@umijs/bundler-esbuild@4.4.11':
-    resolution: {integrity: sha512-8gNB7hZtA1iRZcHYFwopmrNFrtkzd2yAGxBkdxAXd+Ntcsr6GY/3AF/VInn21mTNFRaQnu5qJKENnIAxKNl8Yg==}
+  '@umijs/bundler-esbuild@4.4.12':
+    resolution: {integrity: sha512-MZGITWDR9LyO4DW/gLLWScz1523ZfhMKNsnWxOdqQWRG2Y0ft2SxU+domO/JOcOB4fiTD0rauG2x5V2sV7ULDw==}
     hasBin: true
 
   '@umijs/bundler-mako@0.11.10':
     resolution: {integrity: sha512-RNop0kmMXJUOLQYp61ZW3NVdD8ikOPW0zoCmgkN+nIUVw+QKcA+9tSPEcT6Rr8id9+Ed3lMjLqktev20guRp1g==}
 
-  '@umijs/bundler-utils@4.4.11':
-    resolution: {integrity: sha512-H9XNvR8d45Zh7efzhRkSkcDcqVJUWji2Df9rXrxQA/VBUQkk87RTQlfpoIzfgfsWFZTQ3NC+ggRAoQUGMeUySA==}
+  '@umijs/bundler-utils@4.4.12':
+    resolution: {integrity: sha512-V78hkr3o6XnYqMEdpKlDmKzDaDGI4c7SBphIzt1eNUKaha/WcuVuXyQ0mnX6SzbFmNIF/PwHjZ2SOGxlJFyiHQ==}
 
-  '@umijs/bundler-vite@4.4.11':
-    resolution: {integrity: sha512-7Qex4G1bWTEsyW9OoWn73MPdmBBRXUo5qDj2e0/HYejSfaT7mSoIpaq9JML5pPW0FSv+trrs8l3cc0fJNM9n1Q==}
+  '@umijs/bundler-vite@4.4.12':
+    resolution: {integrity: sha512-C/qE6zQ0ZrtM2Vsyw8NRtYOyGOZ7ptbldmhQS33dwLSBx4fncEUvkxNi6HYhgMPLDkjVO/WACfvJ3FOUnAqFHw==}
     hasBin: true
 
-  '@umijs/bundler-webpack@4.4.11':
-    resolution: {integrity: sha512-2u2WlR/WtNxeOnjGFUMV0az2ekQVeTbVYnTkvIHGslCUnhZ8YpgiUkMHIdqviPUgCANA+u9vH1mZzELCyod2PA==}
+  '@umijs/bundler-webpack@4.4.12':
+    resolution: {integrity: sha512-ih4SxtyJLJw1sg+r9+KWNr+57n4Lg+dmI+z4wSjwSoWuVdGyd346iindqcqBJwttRmxS+OIh4IVn30/Y2l15Ww==}
     hasBin: true
 
   '@umijs/case-sensitive-paths-webpack-plugin@1.0.1':
     resolution: {integrity: sha512-kDKJ8yTarxwxGJDInG33hOpaQRZ//XpNuuznQ/1Mscypw6kappzFmrBr2dOYave++K7JHouoANF354UpbEQw0Q==}
 
-  '@umijs/core@4.4.11':
-    resolution: {integrity: sha512-gND+hLhnvjOKH/vQJ/llPfD4Ogde3TP4fgJUVjHk3kNF3DbBiHqYKhViH5SMamGyPhhrun4A3Mic3YQvmjVtBg==}
+  '@umijs/core@4.4.12':
+    resolution: {integrity: sha512-Pz5fWUsH3OzDqIZvLp03GQwwe+YtvEn/VZ8177COkRXqLXZkIVMfE8+t7gNvC6thVPcZwnur1c1Fg2tdKMExdQ==}
 
-  '@umijs/did-you-know@1.0.3':
-    resolution: {integrity: sha512-9EZ+rgY9+2HEaE+Z9dGkal2ccw8L4uuz77tCB5WpskW7NBZX5nOj82sqF/shEtA5tU3SWO/Mi4n35K3iONvDtw==}
+  '@umijs/did-you-know@1.0.4':
+    resolution: {integrity: sha512-eAHGNRZe9b7nOXINBIWNga/Nh0LWyTILXtFVcEDiJBXhehUi5OtpPHnA18KCgfmsOFxYPt5fzdumHTYQKm92Vw==}
 
   '@umijs/es-module-parser-darwin-arm64@0.0.7':
     resolution: {integrity: sha512-1QeNupekuVYVvL4UHyCRq4ISP2PNk4rDd9UOPONW+KpqTyP9p7RfgGpwB0VLPaFSu2ADtm0XZyIaYEGPY6zuDw==}
@@ -2951,8 +3019,8 @@ packages:
   '@umijs/history@5.3.1':
     resolution: {integrity: sha512-/e0cEGrR2bIWQD7pRl3dl9dcyRGeC9hoW0OCvUTT/hjY0EfUrkd6G8ZanVghPMpDuY5usxq9GVcvrT8KNXLWvA==}
 
-  '@umijs/lint@4.4.11':
-    resolution: {integrity: sha512-vzbladpPXc740mE4Ru+h7PiwDxSSOf0F7Qjd3PggFk7DQ9tfQYJmub0/GMnHm6/hPANt0Oyn4JEDzoA5R5oZdg==}
+  '@umijs/lint@4.4.12':
+    resolution: {integrity: sha512-Kh/pDGlfDFkS0TrdxV99QsnxQIH1cRClh1mS50FZFSK79NsmWO75H3VdgOo8UUH01i4IWt8zaTDwgL1H3vHrBg==}
 
   '@umijs/mako-darwin-arm64@0.11.10':
     resolution: {integrity: sha512-kCn0mJx2Hq4RIkMNIzMDOdO4JSWq120auFmSEleHkfrFFFqSWX2qgz5mR5VI7kaPH0GUh0+hwfRkjEVGysJGjA==}
@@ -3011,21 +3079,21 @@ packages:
     engines: {node: '>= 16'}
     hasBin: true
 
-  '@umijs/max@4.4.11':
-    resolution: {integrity: sha512-x6V7A23jiESHCsMW1uR9bCO7rZ7/Wfu3cjvLwVWavjYrRSNjYSh7qhbtjbbtqmiVjX/O6SftkzaGa5L0OgW5IQ==}
+  '@umijs/max@4.4.12':
+    resolution: {integrity: sha512-9BWHNE7CWnjxZwJGE5M8ylwu2dmuPDxHnSblYXZblqRMRr4c6YdNuPKk3EtRJKp4yLnHLeiqli7DPXRFMSaFRA==}
     hasBin: true
 
-  '@umijs/mfsu@4.4.11':
-    resolution: {integrity: sha512-FDT2162gdBrDga3obwijuqe+2PC7w/5Al4C+W+vi9tlbK28rrgn0ZYXWK7dvidbcSrzekVqB8b1jkfAAj4KOcQ==}
+  '@umijs/mfsu@4.4.12':
+    resolution: {integrity: sha512-QS9ZKJqPJ1roxQzcZnwmrpTLmC3TwhiUIlVqeNeYU58eOS00Yw+QAhp+ngpOrfqqPpxyxzfCnz5bxn05QaoNwQ==}
 
-  '@umijs/plugin-run@4.4.11':
-    resolution: {integrity: sha512-IFHcwX5fQO+/CDhdJv/qVtJECa7WCQi8pmKn81EQ39bmsgitio9WarRu3Mr46rA5FchRRjVVagdjaTXsriEACg==}
+  '@umijs/plugin-run@4.4.12':
+    resolution: {integrity: sha512-npZ04MFY8yjir3tIluzWD1RTOfZ8Jjg9P2qukqDmoSyerY79kzC+CB/u4tc6myYa1xDtz3+Z0gxQLjoUUTIx8Q==}
 
-  '@umijs/plugins@4.4.11':
-    resolution: {integrity: sha512-5I3cuCSr5yW+uDlBVwwghOcOj9Q+Gqy0X3mWzKCoPfKWtxDK5q4CxoR1OfiBzRJ+asS+/CPHg4CVDJA+cmxSTA==}
+  '@umijs/plugins@4.4.12':
+    resolution: {integrity: sha512-OWvttY1KAVa2LOuak30l5vT0Vf0/kpBu7595h9ftTFcHEUUIu+69DSZXiSZ72VeQOMYaB3vri4RO1iMp8EyHww==}
 
-  '@umijs/preset-umi@4.4.11':
-    resolution: {integrity: sha512-Ea3IM3ZI0hsIQo9mY7dr2zRTXRzmltJD8OWGuQFVi/sb3g4ViKwEaukvTI91yY7v60qP5kDP9SyHoZsFoMxJ9w==}
+  '@umijs/preset-umi@4.4.12':
+    resolution: {integrity: sha512-Z1ZvfHDfdMuPMDEt2uB5fMDLfVVo9ZSf4uGX344DSy+A0iWsLg7xEWrLlAh4SgpxQjrQ+tGPGQgK61s+PJ/JAw==}
 
   '@umijs/react-refresh-webpack-plugin@0.5.11':
     resolution: {integrity: sha512-RtFvB+/GmjRhpHcqNgnw8iWZpTlxOnmNxi8eDcecxMmxmSgeDj25LV0jr4Q6rOhv3GTIfVGBhkwz+khGT5tfmg==}
@@ -3053,8 +3121,8 @@ packages:
       webpack-plugin-serve:
         optional: true
 
-  '@umijs/renderer-react@4.4.11':
-    resolution: {integrity: sha512-+K2wY1LgpSZIs/Vz2tZ2nKkUNCTf+M43yb1bwTirLy+WQ2VZTB+qM0ti2abhXjZvwzq+WJKkCxhn9s3oJRKDpA==}
+  '@umijs/renderer-react@4.4.12':
+    resolution: {integrity: sha512-vG6klDjXAWi+aH1q1hGmDkSbqT4OvECJI3AVsaXZPaq53mhkli3OdiTnQj52zFD5FE3At5cgPK159bxuD/UXNA==}
     peerDependencies:
       react: '>=16.8'
       react-dom: '>=16.8'
@@ -3062,11 +3130,11 @@ packages:
   '@umijs/route-utils@4.0.1':
     resolution: {integrity: sha512-+1ixf1BTOLuH+ORb4x8vYMPeIt38n9q0fJDwhv9nSxrV46mxbLF0nmELIo9CKQB2gHfuC4+hww6xejJ6VYnBHQ==}
 
-  '@umijs/server@4.4.11':
-    resolution: {integrity: sha512-W6e7fOWZRMogB46IrIK1bgUvK5+9OVuFiCcwgISmof22anqvvrs9BdgUyMJSyrsDzXoXAUIo8lODOAMDg3mRfQ==}
+  '@umijs/server@4.4.12':
+    resolution: {integrity: sha512-t4qX/A4/ROQ3+JiBJi8YugK6d+pEIv4xXqckQjDnL8YBooG1OC5gIdCMczTQser4PVzNxy2q8ufJ9lPAj79MTA==}
 
-  '@umijs/test@4.4.11':
-    resolution: {integrity: sha512-RkYsfqPg7VKQwoR/prAV3CQ95VD2PGooGXJ5ZNc00Ej/5iOi8LUAOTuSCRkGd0Zhm3ZoH7xAphPyqxg0/pU00w==}
+  '@umijs/test@4.4.12':
+    resolution: {integrity: sha512-jzX2aLckXIES7uaGQPnJX3VNZZ6veaSzVwAKVp1qBPNkjn3YwUdo4EqeLIrMe3jKiA+0JgB1vIsrw7Yf3tjFTQ==}
 
   '@umijs/ui@3.0.1':
     resolution: {integrity: sha512-zcz37AJH0xt/6XVVbyO/hmsK9Hq4vH23HZ4KYVi5A8rbM9KeJkJigTS7ELOdArawZhVNGe+h3a5Oixs4a2QsWw==}
@@ -3076,14 +3144,14 @@ packages:
     peerDependencies:
       react: '*'
 
-  '@umijs/utils@4.4.11':
-    resolution: {integrity: sha512-xhXia0yU8JZzpW75TIKDc0tlzvvDGPuuUUXaN3F6FlSSfR13bCCzX+fOTzjo95M4Sz43Vsgub0MK27hXwpCHlQ==}
+  '@umijs/utils@4.4.12':
+    resolution: {integrity: sha512-1Ea+STKP6IxI7yhsURJooCRX//BXnSjgD86XoR4JiYB9MSOhAeS/vpY9f48PpEe/jpKO+JfieqbY4hWHGZGJZw==}
 
   '@umijs/valtio@1.0.4':
     resolution: {integrity: sha512-2PmAU4rNQbBqrWpJ86Si9UGC23JapkYw8k7Hna6V8DHLaEYJENdp2e/IKLPHSPghzrdQtbUHSoOAUsBd4i4OzQ==}
 
-  '@umijs/zod2ts@4.4.11':
-    resolution: {integrity: sha512-B4CGKU6N9Qws5zNEu8TJjQgp61xAEdrBEmXGStXLl32f3zz0oUcIq/N4vBYciCDbwjHQKviqGcl3iSy2pbn7BA==}
+  '@umijs/zod2ts@4.4.12':
+    resolution: {integrity: sha512-NZVCmNwryU6r/M3Ymyv7FyJWoeucTZmeO2OK+eCgPkQbIst3mfTBeDmXAgL3+Lr3bB1m6u489AQRJLEP844Bzg==}
 
   '@ungap/structured-clone@1.3.0':
     resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
@@ -3184,8 +3252,8 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
-  acorn@8.14.1:
-    resolution: {integrity: sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==}
+  acorn@8.15.0:
+    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
@@ -3306,8 +3374,8 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  antd@5.25.4:
-    resolution: {integrity: sha512-yXdWqq1NJSZnD1HoPZWnWuQJGVYYnB3h0Ufsz4sbt3T0N9SdJ4G9GPpLMk8Gn9zWtwBekfR4THPVZ9uzAyhBHQ==}
+  antd@5.26.1:
+    resolution: {integrity: sha512-CiLGZ2Ftld+fuoj+U3OL8uouuqUppqFJnW4O/4bOgSWzM9XsJGibpNtUa9QArhrZ5ndfnzlPP/4RVXUK/xfSvQ==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
@@ -3525,8 +3593,8 @@ packages:
   axios@0.27.2:
     resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==}
 
-  axios@1.9.0:
-    resolution: {integrity: sha512-re4CqKTJaURpzbLHtIi6XpDv20/CnpXOtjRY5/CU32L8gU8ek9UIivcfvSWvmKEngmVbrUtPpdDwWDWL7DNHvg==}
+  axios@1.10.0:
+    resolution: {integrity: sha512-/1xYAC4MP/HEG+3duIhFr4ZQXR4sQXOIe+o6sdqzeykGLx6Upp/1p8MHqhINOvGeP7xyNHe7tsiJByc4SSVUxw==}
 
   babel-jest@29.7.0:
     resolution: {integrity: sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==}
@@ -3571,10 +3639,10 @@ packages:
     peerDependencies:
       styled-components: '>= 2'
 
-  babel-preset-current-node-syntax@1.1.0:
-    resolution: {integrity: sha512-ldYss8SbBlWva1bs28q78Ju5Zq1F+8BrqBZZ0VFhLBvhh6lCpC2o3gDJi/5DRLs9FgYZCnmPYIVFU4lRXCkyUw==}
+  babel-preset-current-node-syntax@1.2.0:
+    resolution: {integrity: sha512-E/VlAEzRrsLEb2+dv8yp3bo4scof3l9nR4lrld+Iy5NyVqgVYUJnDAmunkhPMisRI32Qc4iRiz425d8vM++2fg==}
     peerDependencies:
-      '@babel/core': ^7.0.0
+      '@babel/core': ^7.0.0 || ^8.0.0-0
 
   babel-preset-jest@29.6.3:
     resolution: {integrity: sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==}
@@ -3673,11 +3741,11 @@ packages:
     resolution: {integrity: sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==}
     engines: {node: '>= 5.10.0'}
 
-  brace-expansion@1.1.11:
-    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+  brace-expansion@1.1.12:
+    resolution: {integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==}
 
-  brace-expansion@2.0.1:
-    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+  brace-expansion@2.0.2:
+    resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
 
   braces@2.3.2:
     resolution: {integrity: sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==}
@@ -3715,6 +3783,11 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
+  browserslist@4.25.3:
+    resolution: {integrity: sha512-cDGv1kkDI4/0e5yON9yM5G/0A5u8sf5TnmdX5C9qHzI9PPu++sQ9zjm1k9NiOrf3riY4OkK0zSGqfvJyJsgCBQ==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
   bser@2.1.1:
     resolution: {integrity: sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==}
 
@@ -3810,8 +3883,11 @@ packages:
   camelize@1.0.1:
     resolution: {integrity: sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==}
 
-  caniuse-lite@1.0.30001720:
-    resolution: {integrity: sha512-Ec/2yV2nNPwb4DnTANEV99ZWwm3ZWfdlfkQbWSDDt+PsXEVYwlhPH8tdMaPunYTKKmz7AnHi2oNEi1GcmKCD8g==}
+  caniuse-lite@1.0.30001724:
+    resolution: {integrity: sha512-WqJo7p0TbHDOythNTqYujmaJTvtYRZrjpP8TCvH6Vb9CYJerJNKamKzIWOM4BkQatWj9H2lYulpdAQNBe7QhNA==}
+
+  caniuse-lite@1.0.30001735:
+    resolution: {integrity: sha512-EV/laoX7Wq2J9TQlyIXRxTJqIw4sxfXS4OYgudGxBYRuTv0q7AM6yMEpU/Vo1I94thg9U6EZ2NfZx9GJq83u7w==}
 
   caseless@0.12.0:
     resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
@@ -4027,8 +4103,8 @@ packages:
     resolution: {integrity: sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==}
     engines: {node: '>= 0.6'}
 
-  compression@1.8.0:
-    resolution: {integrity: sha512-k6WLKfunuqCYD3t6AsuPGvQWaKwuLLh2/xHNcX4qE+vIfDNXpSqnrhwA7O53R7WVQUnt8dVAIW+YHr7xTgOgGA==}
+  compression@1.8.1:
+    resolution: {integrity: sha512-9mAqGPHLakhCLeNyxPkK4xVo746zQ/czLH1Ky+vkitMnWfWZps8r0qXuwhwizagCRttsL4lfG4pIOvaWLpAP0w==}
     engines: {node: '>= 0.8.0'}
 
   compute-scroll-into-view@1.0.20:
@@ -4111,17 +4187,20 @@ packages:
   copy-to@2.0.1:
     resolution: {integrity: sha512-3DdaFaU/Zf1AnpLiFDeNCD4TOWe3Zl2RZaTzUvWiIk5ERzcCodOE20Vqq4fzCbNoHURFHT4/us/Lfq+S2zyY4w==}
 
-  core-js-compat@3.42.0:
-    resolution: {integrity: sha512-bQasjMfyDGyaeWKBIu33lHh9qlSR0MFE/Nmc6nMjf/iU9b3rSMdAYz1Baxrv4lPdGUsTqZudHA4jIGSJy0SWZQ==}
+  core-js-compat@3.43.0:
+    resolution: {integrity: sha512-2GML2ZsCc5LR7hZYz4AXmjQw8zuy2T//2QntwdnpuYI7jteT6GVYJL7F6C2C57R7gSYrcqVW3lAALefdbhBLDA==}
 
-  core-js-pure@3.42.0:
-    resolution: {integrity: sha512-007bM04u91fF4kMgwom2I5cQxAFIy8jVulgr9eozILl/SZE53QOqnW/+vviC+wQWLv+AunBG+8Q0TLoeSsSxRQ==}
+  core-js-pure@3.43.0:
+    resolution: {integrity: sha512-i/AgxU2+A+BbJdMxh3v7/vxi2SbFqxiFmg6VsDwYB4jkucrd1BZNA9a9gphC0fYMG5IBSgQcbQnk865VCLe7xA==}
+
+  core-js-pure@3.45.0:
+    resolution: {integrity: sha512-OtwjqcDpY2X/eIIg1ol/n0y/X8A9foliaNt1dSK0gV3J2/zw+89FcNG3mPK+N8YWts4ZFUPxnrAzsxs/lf8yDA==}
 
   core-js@3.34.0:
     resolution: {integrity: sha512-aDdvlDder8QmY91H88GzNi9EtQi2TjvQhpCX6B1v/dAZHU1AuLgHvRh54RiOerpEhEW46Tkf+vgAViB/CWC0ag==}
 
-  core-js@3.42.0:
-    resolution: {integrity: sha512-Sz4PP4ZA+Rq4II21qkNqOEDTDrCvcANId3xpIgB34NDkWc3UduWj2dqEtN9yZIq8Dk3HyPI33x9sqqU5C8sr0g==}
+  core-js@3.43.0:
+    resolution: {integrity: sha512-N6wEbTTZSYOY2rYAn85CuvWWkCK6QweMn7/4Nr3w+gDBeBhk/x4EJeY6FPo4QzDoJZxVTv8U7CMvgWk6pOHHqA==}
 
   core-util-is@1.0.2:
     resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
@@ -4242,8 +4321,8 @@ packages:
   css-what@2.1.3:
     resolution: {integrity: sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==}
 
-  css-what@6.1.0:
-    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
+  css-what@6.2.2:
+    resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
     engines: {node: '>= 6'}
 
   css@3.0.0:
@@ -4675,8 +4754,11 @@ packages:
   electron-publish@25.1.7:
     resolution: {integrity: sha512-+jbTkR9m39eDBMP4gfbqglDd6UvBC7RLh5Y0MhFSsc6UkGHj9Vj9TWobxevHYMMqmoujL11ZLjfPpMX+Pt6YEg==}
 
-  electron-to-chromium@1.5.161:
-    resolution: {integrity: sha512-hwtetwfKNZo/UlwHIVBlKZVdy7o8bIZxxKs0Mv/ROPiQQQmDgdm5a+KvKtBsxM8ZjFzTaCeLoodZ8jiBE3o9rA==}
+  electron-to-chromium@1.5.171:
+    resolution: {integrity: sha512-scWpzXEJEMrGJa4Y6m/tVotb0WuvNmasv3wWVzUAeCgKU0ToFOhUW6Z+xWnRQANMYGxN4ngJXIThgBJOqzVPCQ==}
+
+  electron-to-chromium@1.5.207:
+    resolution: {integrity: sha512-mryFrrL/GXDTmAtIVMVf+eIXM09BBPlO5IQ7lUyKmK8d+A4VpRGG+M3ofoVef6qyF8s60rJei8ymlJxjUA8Faw==}
 
   electron@22.3.27:
     resolution: {integrity: sha512-7Rht21vHqj4ZFRnKuZdFqZFsvMBCmDqmjetiMqPtF+TmTBiGne1mnstVXOA/SRGhN2Qy5gY5bznJKpiqogjM8A==}
@@ -4716,8 +4798,8 @@ packages:
   encoding@0.1.13:
     resolution: {integrity: sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==}
 
-  end-of-stream@1.4.4:
-    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
+  end-of-stream@1.4.5:
+    resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
 
   end-or-error@1.0.1:
     resolution: {integrity: sha512-OclLMSug+k2A0JKuf494im25ANRBVW8qsjmwbgX7lQ8P82H21PQ1PWkoYwb9y5yMBS69BPlwtzdIFClo3+7kOQ==}
@@ -4727,8 +4809,8 @@ packages:
     resolution: {integrity: sha512-Nv9m36S/vxpsI+Hc4/ZGRs0n9mXqSWGGq49zxb/cJfPAQMbUtttJAlNPS4AQzaBdw/pKskw5bMbekT/Y7W/Wlg==}
     engines: {node: '>=6.9.0'}
 
-  enhanced-resolve@5.18.1:
-    resolution: {integrity: sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==}
+  enhanced-resolve@5.18.3:
+    resolution: {integrity: sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==}
     engines: {node: '>=10.13.0'}
 
   enhanced-resolve@5.9.3:
@@ -5182,8 +5264,8 @@ packages:
   fd-slicer@1.1.0:
     resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==}
 
-  fdir@6.4.5:
-    resolution: {integrity: sha512-4BG7puHpVsIYxZUbiUE3RqGloLaSSwzYie5jvasC4LWuBWzZawynvYouhjbQKw2JuIGYdm0DzIxl8iVidKlUEw==}
+  fdir@6.4.6:
+    resolution: {integrity: sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==}
     peerDependencies:
       picomatch: ^3 || ^4
     peerDependenciesMeta:
@@ -5274,6 +5356,15 @@ packages:
   flush-write-stream@1.1.1:
     resolution: {integrity: sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==}
 
+  follow-redirects@1.15.11:
+    resolution: {integrity: sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+
   follow-redirects@1.15.9:
     resolution: {integrity: sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==}
     engines: {node: '>=4.0'}
@@ -5313,8 +5404,12 @@ packages:
     resolution: {integrity: sha512-XHIrMD0NpDrNM/Ckf7XJiBbLl57KEhT3+i3yY+eWm+cqYZJQTZrKo8Y8AWKnuV5GT4scfuUGt9LzNoIx3dU1nQ==}
     engines: {node: '>= 0.12'}
 
-  form-data@4.0.2:
-    resolution: {integrity: sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==}
+  form-data@4.0.3:
+    resolution: {integrity: sha512-qsITQPfmvMOSAdeyZ+12I1c+CKSstAFAwu+97zrnWAbIr5u8wfsExUzCesVLC8NgHuRUqNN4Zy6UPWUTRGslcA==}
+    engines: {node: '>= 6'}
+
+  form-data@4.0.4:
+    resolution: {integrity: sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==}
     engines: {node: '>= 6'}
 
   formdata-polyfill@4.0.10:
@@ -5365,8 +5460,8 @@ packages:
     resolution: {integrity: sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==}
     engines: {node: '>= 8'}
 
-  fs-monkey@1.0.6:
-    resolution: {integrity: sha512-b1FMfwetIKymC0eioW7mTywihSQE4oLzQn1dB6rZB5fx/3NpNEdAWeCSMB+60/AeT0TCXsxzAlcYVEFCTAksWg==}
+  fs-monkey@1.1.0:
+    resolution: {integrity: sha512-QMUezzXWII9EV5aTFXW1UBVUO77wYPpjqIF8/AviUCThNeSYZykpoTixUeaNNBwmCev0AMDWMAni+f8Hxb1IFw==}
 
   fs-write-stream-atomic@1.0.10:
     resolution: {integrity: sha512-gehEzmPn2nAwr39eay+x3X34Ra+M2QlVUTLhkXPjWdeO8RF9kszk116avgBJM3ZyNHgHXBNx+VmPaFC36k0PzA==}
@@ -6456,8 +6551,8 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
-  less@4.3.0:
-    resolution: {integrity: sha512-X9RyH9fvemArzfdP8Pi3irr7lor2Ok4rOttDXBhlwDg+wKQsXOXgHWduAJE1EsF7JJx0w0bcO6BC6tCKKYnXKA==}
+  less@4.4.1:
+    resolution: {integrity: sha512-X9HKyiXPi0f/ed0XhgUlBeFfxrlDP3xR4M7768Zl+WXLUViuL9AOPPJP4nCV0tgRWvTYvpNmN0SFhZOQzy16PA==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -6866,8 +6961,8 @@ packages:
   minimalistic-crypto-utils@1.0.1:
     resolution: {integrity: sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==}
 
-  minimatch@10.0.1:
-    resolution: {integrity: sha512-ethXTt3SGGR+95gudmqJ1eNhRO7eGEGIgYA9vnPatK4/etz2MEVDno5GMCibdMTuBMyElzIlgxMna3K94XDIDQ==}
+  minimatch@10.0.3:
+    resolution: {integrity: sha512-IPZ167aShDZZUMdRk66cyQAW3qr0WzbHkPdMYa8bzZhlHhO3jALbKdxcaak7W9FfT2rZNpQuUu4Od7ILEpXSaw==}
     engines: {node: 20 || >=22}
 
   minimatch@3.1.2:
@@ -7214,8 +7309,8 @@ packages:
     resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
     engines: {node: '>= 0.8'}
 
-  on-headers@1.0.2:
-    resolution: {integrity: sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==}
+  on-headers@1.1.0:
+    resolution: {integrity: sha512-737ZY3yNnXy37FHkQxPzt4UZ2UWPWiCZWLvFZ4fu5cueciegX0zGPnrlY6bwRg4FdQOe9YU8MkmJwGhoMybl8A==}
     engines: {node: '>= 0.8'}
 
   once@1.4.0:
@@ -7807,8 +7902,8 @@ packages:
     resolution: {integrity: sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==}
     engines: {node: '>=6.0.0'}
 
-  postcss@8.5.4:
-    resolution: {integrity: sha512-QSa9EBe+uwlGTFmHsPKokv3B/oEMQZxfqW0QqNCyhpa6mB1afzulwn8hihglqAb2pOw+BJgNlmXQ8la2VeHB7w==}
+  postcss@8.5.6:
+    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
     engines: {node: ^10 || ^12 || >=14}
 
   prelude-ls@1.2.1:
@@ -7944,8 +8039,8 @@ packages:
   pump@2.0.1:
     resolution: {integrity: sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==}
 
-  pump@3.0.2:
-    resolution: {integrity: sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==}
+  pump@3.0.3:
+    resolution: {integrity: sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==}
 
   pumpify@1.5.1:
     resolution: {integrity: sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==}
@@ -8353,15 +8448,8 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-table@7.50.5:
-    resolution: {integrity: sha512-FDZu8aolhSYd3v9KOc3lZOVAU77wmRRu44R0Wfb8Oj1dXRUsloFaXMSl6f7yuWZUxArJTli7k8TEOX2mvhDl4A==}
-    engines: {node: '>=8.x'}
-    peerDependencies:
-      react: '>=16.9.0'
-      react-dom: '>=16.9.0'
-
-  rc-table@7.51.0:
-    resolution: {integrity: sha512-7ZlvW6lB0IDKaSFInD6OfJsCepSJJtfsQv2PZLtzEeZd/PLzQnKliXPaoZqkqDdLdJ3jxE2x4sane4DjxcAg+g==}
+  rc-table@7.51.1:
+    resolution: {integrity: sha512-5iq15mTHhvC42TlBLRCoCBLoCmGlbRZAlyF21FonFnS/DIC8DeRqnmdyVREwt2CFbPceM0zSNdEeVfiGaqYsKw==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '>=16.9.0'
@@ -9200,8 +9288,8 @@ packages:
     resolution: {integrity: sha512-Fgl0YPZ902wEsAyiQ+idGd1A7rSFx/ayC1CQVMw5P+EQx2V0SgpGtf6OKFhVjPflPUl9YMmEOnmfjCdMUsygww==}
     engines: {node: '>= 10'}
 
-  socks@2.8.4:
-    resolution: {integrity: sha512-D3YaD0aRxR3mEcqnidIs7ReYJFVzWdd6fXJYUM8ixcQcJRGTka/b3saV0KflYhyVJXKhb947GndU35SxYNResQ==}
+  socks@2.8.5:
+    resolution: {integrity: sha512-iF+tNDQla22geJdTyJB1wM/qrX9DMRwWrciEPwWLPRWAUEM8sQiyxgckLxWT1f7+9VabJS0jTGGr4QgBuvi6Ww==}
     engines: {node: '>= 10.0.0', npm: '>= 3.0.0'}
 
   sonic-boom@2.8.0:
@@ -9256,9 +9344,9 @@ packages:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
 
-  source-map@0.7.4:
-    resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
-    engines: {node: '>= 8'}
+  source-map@0.7.6:
+    resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==}
+    engines: {node: '>= 12'}
 
   spawn-command@0.0.2:
     resolution: {integrity: sha512-zC8zGoGkmc8J9ndvml8Xksr1Amk9qBujgbF0JAIWO7kXr43w0h/0GJNM/Vustixu+YE8N/MTrQ7N31FvHUACxQ==}
@@ -9590,8 +9678,8 @@ packages:
     engines: {node: '>=10.13.0'}
     hasBin: true
 
-  swr@2.3.3:
-    resolution: {integrity: sha512-dshNvs3ExOqtZ6kJBaAsabhPdHyeY4P2cKwRCniDVifBMoG/SVI7tfLWqPXriVspf2Rg4tPzXJTnwaihIeFw2A==}
+  swr@2.3.6:
+    resolution: {integrity: sha512-wfHRmHWk/isGNMwlLGlZX5Gzz/uTgo0o2IRuTMcf4CPuPFJZlq0rDaKUx+ozB5nBOReNV1kiOyzMfj+MBMikLw==}
     peerDependencies:
       react: ^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
@@ -9644,8 +9732,8 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  terser@5.40.0:
-    resolution: {integrity: sha512-cfeKl/jjwSR5ar7d0FGmave9hFGJT8obyo0z+CrQOylLDbk7X81nPU6vq9VORa5jU30SkDnT2FXjLbR8HLP+xA==}
+  terser@5.43.1:
+    resolution: {integrity: sha512-+6erLbBm0+LROX2sPXlUYx/ux5PyE9K/a92Wrt6oA+WDAoFTdpHE5tCYCI5PNzq2y8df4rA+QgHLJuR4jNymsg==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -9872,16 +9960,16 @@ packages:
     engines: {node: '>=4.2.0'}
     hasBin: true
 
-  typescript@5.8.3:
-    resolution: {integrity: sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==}
+  typescript@5.9.2:
+    resolution: {integrity: sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==}
     engines: {node: '>=14.17'}
     hasBin: true
 
   uc.micro@1.0.6:
     resolution: {integrity: sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==}
 
-  umi@4.4.11:
-    resolution: {integrity: sha512-KWPe91DJOyuNurSjzFTbEUypxrFjV0wVEdEXFid6m2IhM2iOepvkfeqk37GpvE9rMoLwo+i/1MIZm2xKhZATbQ==}
+  umi@4.4.12:
+    resolution: {integrity: sha512-xOI6bDP5wwHil+acmWOmTVvCEnjeEE5/ULXT3zRZOckgi+JQ5Omw2z5uo1xLRcVJjFz0qc7ywEL07wES9gIFew==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -10354,8 +10442,8 @@ packages:
     peerDependencies:
       zod: ^3.18.0
 
-  zod@3.25.49:
-    resolution: {integrity: sha512-JMMPMy9ZBk3XFEdbM3iL1brx4NUSejd6xr3ELrrGEfGb355gjhiAWtG3K5o+AViV/3ZfkIrCzXsZn6SbLwTR8Q==}
+  zod@3.25.76:
+    resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
 
   zrender@5.6.1:
     resolution: {integrity: sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==}
@@ -10406,14 +10494,26 @@ snapshots:
   '@ant-design/cssinjs-utils@1.1.3(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
       '@ant-design/cssinjs': 1.23.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
 
   '@ant-design/cssinjs@1.23.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
+      '@emotion/hash': 0.8.0
+      '@emotion/unitless': 0.7.5
+      classnames: 2.5.1
+      csstype: 3.1.3
+      rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      react: 17.0.2
+      react-dom: 17.0.2(react@17.0.2)
+      stylis: 4.3.6
+
+  '@ant-design/cssinjs@1.24.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+    dependencies:
+      '@babel/runtime': 7.28.3
       '@emotion/hash': 0.8.0
       '@emotion/unitless': 0.7.5
       classnames: 2.5.1
@@ -10425,7 +10525,7 @@ snapshots:
 
   '@ant-design/fast-color@2.0.6':
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
 
   '@ant-design/icons-svg@4.4.2': {}
 
@@ -10433,7 +10533,7 @@ snapshots:
     dependencies:
       '@ant-design/colors': 6.0.0
       '@ant-design/icons-svg': 4.4.2
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       lodash: 4.17.21
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -10444,7 +10544,7 @@ snapshots:
     dependencies:
       '@ant-design/colors': 7.2.1
       '@ant-design/icons-svg': 4.4.2
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -10452,13 +10552,13 @@ snapshots:
 
   '@ant-design/moment-webpack-plugin@0.0.3': {}
 
-  '@ant-design/pro-card@2.9.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@ant-design/pro-card@2.10.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@ant-design/cssinjs': 1.23.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/cssinjs': 1.24.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       '@ant-design/icons': 5.6.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-provider': 2.15.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-utils': 2.17.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@babel/runtime': 7.27.4
+      '@ant-design/pro-provider': 2.16.2(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-utils': 2.18.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.28.3
       antd: 4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-resize-observer: 1.3.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -10467,33 +10567,33 @@ snapshots:
     transitivePeerDependencies:
       - react-dom
 
-  '@ant-design/pro-components@2.8.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@ant-design/pro-components@2.8.10(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@ant-design/pro-card': 2.9.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-descriptions': 2.6.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-field': 3.0.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-form': 2.31.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-layout': 7.22.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-list': 2.6.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-provider': 2.15.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-card': 2.10.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-descriptions': 2.6.10(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-field': 3.1.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-form': 2.32.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-layout': 7.22.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-list': 2.6.10(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-provider': 2.16.2(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       '@ant-design/pro-skeleton': 2.2.1(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-table': 3.19.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-utils': 2.17.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@babel/runtime': 7.27.4
+      '@ant-design/pro-table': 3.21.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-utils': 2.18.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.28.3
       antd: 4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
     transitivePeerDependencies:
       - rc-field-form
 
-  '@ant-design/pro-descriptions@2.6.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@ant-design/pro-descriptions@2.6.10(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@ant-design/pro-field': 3.0.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-form': 2.31.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-provider': 2.15.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-field': 3.1.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-form': 2.32.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-provider': 2.16.2(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       '@ant-design/pro-skeleton': 2.2.1(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-utils': 2.17.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@babel/runtime': 7.27.4
+      '@ant-design/pro-utils': 2.18.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.28.3
       antd: 4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-resize-observer: 0.2.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -10502,12 +10602,12 @@ snapshots:
       - rc-field-form
       - react-dom
 
-  '@ant-design/pro-field@3.0.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@ant-design/pro-field@3.1.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
       '@ant-design/icons': 5.6.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-provider': 2.15.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-utils': 2.17.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@babel/runtime': 7.27.4
+      '@ant-design/pro-provider': 2.16.2(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-utils': 2.18.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.28.3
       '@chenshuai2144/sketch-color': 1.0.9(react@17.0.2)
       antd: 4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
@@ -10516,17 +10616,17 @@ snapshots:
       lodash-es: 4.17.21
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
-      swr: 2.3.3(react@17.0.2)
+      swr: 2.3.6(react@17.0.2)
     transitivePeerDependencies:
       - react-dom
 
-  '@ant-design/pro-form@2.31.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@ant-design/pro-form@2.32.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
       '@ant-design/icons': 5.6.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-field': 3.0.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-provider': 2.15.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-utils': 2.17.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@babel/runtime': 7.27.4
+      '@ant-design/pro-field': 3.1.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-provider': 2.16.2(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-utils': 2.18.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.28.3
       '@chenshuai2144/sketch-color': 1.0.9(react@17.0.2)
       '@umijs/use-params': 1.0.9(react@17.0.2)
       antd: 4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -10540,13 +10640,13 @@ snapshots:
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
 
-  '@ant-design/pro-layout@7.22.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@ant-design/pro-layout@7.22.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@ant-design/cssinjs': 1.23.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/cssinjs': 1.24.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       '@ant-design/icons': 5.6.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-provider': 2.15.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-utils': 2.17.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@babel/runtime': 7.27.4
+      '@ant-design/pro-provider': 2.16.2(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-utils': 2.18.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.28.3
       '@umijs/route-utils': 4.0.1
       '@umijs/use-params': 1.0.9(react@17.0.2)
       antd: 4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -10558,18 +10658,18 @@ snapshots:
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
-      swr: 2.3.3(react@17.0.2)
+      swr: 2.3.6(react@17.0.2)
       warning: 4.0.3
 
-  '@ant-design/pro-list@2.6.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@ant-design/pro-list@2.6.10(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@ant-design/cssinjs': 1.23.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/cssinjs': 1.24.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       '@ant-design/icons': 5.6.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-card': 2.9.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-field': 3.0.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-table': 3.19.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-utils': 2.17.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@babel/runtime': 7.27.4
+      '@ant-design/pro-card': 2.10.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-field': 3.1.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-table': 3.21.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-utils': 2.18.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.28.3
       antd: 4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       dayjs: 1.11.13
@@ -10580,35 +10680,35 @@ snapshots:
     transitivePeerDependencies:
       - rc-field-form
 
-  '@ant-design/pro-provider@2.15.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@ant-design/pro-provider@2.16.2(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@ant-design/cssinjs': 1.23.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@babel/runtime': 7.27.4
+      '@ant-design/cssinjs': 1.24.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.28.3
       '@ctrl/tinycolor': 3.6.1
       antd: 4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       dayjs: 1.11.13
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
-      swr: 2.3.3(react@17.0.2)
+      swr: 2.3.6(react@17.0.2)
 
   '@ant-design/pro-skeleton@2.2.1(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.28.3
       antd: 4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
 
-  '@ant-design/pro-table@3.19.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@ant-design/pro-table@3.21.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@ant-design/cssinjs': 1.23.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/cssinjs': 1.24.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       '@ant-design/icons': 5.6.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-card': 2.9.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-field': 3.0.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-form': 2.31.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-provider': 2.15.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-utils': 2.17.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@babel/runtime': 7.27.4
+      '@ant-design/pro-card': 2.10.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-field': 3.1.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-form': 2.32.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-provider': 2.16.2(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/pro-utils': 2.18.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.28.3
       '@dnd-kit/core': 6.3.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       '@dnd-kit/modifiers': 6.0.1(@dnd-kit/core@6.3.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react@17.0.2)
       '@dnd-kit/sortable': 7.0.2(@dnd-kit/core@6.3.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react@17.0.2)
@@ -10624,11 +10724,11 @@ snapshots:
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
 
-  '@ant-design/pro-utils@2.17.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@ant-design/pro-utils@2.18.0(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
       '@ant-design/icons': 5.6.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@ant-design/pro-provider': 2.15.4(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@babel/runtime': 7.27.4
+      '@ant-design/pro-provider': 2.16.2(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.28.3
       antd: 4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       dayjs: 1.11.13
@@ -10638,11 +10738,11 @@ snapshots:
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
       safe-stable-stringify: 2.5.0
-      swr: 2.3.3(react@17.0.2)
+      swr: 2.3.6(react@17.0.2)
 
   '@ant-design/react-slick@1.0.2(react@17.0.2)':
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       json2mq: 0.2.0
       react: 17.0.2
@@ -10651,7 +10751,7 @@ snapshots:
 
   '@ant-design/react-slick@1.1.2(react@17.0.2)':
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       json2mq: 0.2.0
       react: 17.0.2
@@ -10675,20 +10775,20 @@ snapshots:
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  '@babel/compat-data@7.27.3': {}
+  '@babel/compat-data@7.27.5': {}
 
   '@babel/core@7.23.6':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.27.1
-      '@babel/generator': 7.27.3
+      '@babel/generator': 7.28.3
       '@babel/helper-compilation-targets': 7.27.2
-      '@babel/helper-module-transforms': 7.27.3(@babel/core@7.23.6)
-      '@babel/helpers': 7.27.4
-      '@babel/parser': 7.27.4
+      '@babel/helper-module-transforms': 7.28.3(@babel/core@7.23.6)
+      '@babel/helpers': 7.28.3
+      '@babel/parser': 7.28.3
       '@babel/template': 7.27.2
-      '@babel/traverse': 7.27.4
-      '@babel/types': 7.27.3
+      '@babel/traverse': 7.28.3
+      '@babel/types': 7.28.2
       convert-source-map: 2.0.0
       debug: 4.4.1
       gensync: 1.0.0-beta.2
@@ -10701,14 +10801,34 @@ snapshots:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.27.1
-      '@babel/generator': 7.27.3
+      '@babel/generator': 7.27.5
       '@babel/helper-compilation-targets': 7.27.2
       '@babel/helper-module-transforms': 7.27.3(@babel/core@7.27.4)
-      '@babel/helpers': 7.27.4
-      '@babel/parser': 7.27.4
+      '@babel/helpers': 7.27.6
+      '@babel/parser': 7.27.5
       '@babel/template': 7.27.2
       '@babel/traverse': 7.27.4
-      '@babel/types': 7.27.3
+      '@babel/types': 7.27.6
+      convert-source-map: 2.0.0
+      debug: 4.4.1
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/core@7.28.3':
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.28.3
+      '@babel/helper-compilation-targets': 7.27.2
+      '@babel/helper-module-transforms': 7.28.3(@babel/core@7.28.3)
+      '@babel/helpers': 7.28.3
+      '@babel/parser': 7.28.3
+      '@babel/template': 7.27.2
+      '@babel/traverse': 7.28.3
+      '@babel/types': 7.28.2
       convert-source-map: 2.0.0
       debug: 4.4.1
       gensync: 1.0.0-beta.2
@@ -10725,7 +10845,7 @@ snapshots:
       eslint-visitor-keys: 2.1.0
       semver: 6.3.1
 
-  '@babel/eslint-parser@7.27.1(@babel/core@7.27.4)(eslint@7.32.0)':
+  '@babel/eslint-parser@7.27.5(@babel/core@7.27.4)(eslint@7.32.0)':
     dependencies:
       '@babel/core': 7.27.4
       '@nicolo-ribaudo/eslint-scope-5-internals': 5.1.1-v1
@@ -10735,27 +10855,35 @@ snapshots:
 
   '@babel/generator@7.2.0':
     dependencies:
-      '@babel/types': 7.27.3
+      '@babel/types': 7.28.2
       jsesc: 2.5.2
       lodash: 4.17.21
       source-map: 0.5.7
       trim-right: 1.0.1
 
-  '@babel/generator@7.27.3':
+  '@babel/generator@7.27.5':
     dependencies:
-      '@babel/parser': 7.27.4
-      '@babel/types': 7.27.3
+      '@babel/parser': 7.27.5
+      '@babel/types': 7.27.6
       '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 3.1.0
 
+  '@babel/generator@7.28.3':
+    dependencies:
+      '@babel/parser': 7.28.3
+      '@babel/types': 7.28.2
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.30
+      jsesc: 3.1.0
+
   '@babel/helper-annotate-as-pure@7.27.3':
     dependencies:
-      '@babel/types': 7.27.3
+      '@babel/types': 7.27.6
 
   '@babel/helper-compilation-targets@7.27.2':
     dependencies:
-      '@babel/compat-data': 7.27.3
+      '@babel/compat-data': 7.27.5
       '@babel/helper-validator-option': 7.27.1
       browserslist: 4.25.0
       lru-cache: 5.1.1
@@ -10774,6 +10902,19 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/helper-create-class-features-plugin@7.27.1(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-member-expression-to-functions': 7.27.1
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/helper-replace-supers': 7.27.1(@babel/core@7.28.3)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/traverse': 7.27.4
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/helper-create-regexp-features-plugin@7.27.1(@babel/core@7.27.4)':
     dependencies:
       '@babel/core': 7.27.4
@@ -10792,41 +10933,61 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/helper-globals@7.28.0': {}
+
   '@babel/helper-member-expression-to-functions@7.27.1':
     dependencies:
       '@babel/traverse': 7.27.4
-      '@babel/types': 7.27.3
+      '@babel/types': 7.27.6
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-module-imports@7.27.1':
     dependencies:
       '@babel/traverse': 7.27.4
-      '@babel/types': 7.27.3
+      '@babel/types': 7.27.6
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-transforms@7.27.3(@babel/core@7.23.6)':
+  '@babel/helper-module-transforms@7.27.3(@babel/core@7.27.4)':
     dependencies:
-      '@babel/core': 7.23.6
+      '@babel/core': 7.27.4
       '@babel/helper-module-imports': 7.27.1
       '@babel/helper-validator-identifier': 7.27.1
       '@babel/traverse': 7.27.4
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-transforms@7.27.3(@babel/core@7.27.4)':
+  '@babel/helper-module-transforms@7.27.3(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-module-imports': 7.27.1
       '@babel/helper-validator-identifier': 7.27.1
       '@babel/traverse': 7.27.4
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/helper-module-transforms@7.28.3(@babel/core@7.23.6)':
+    dependencies:
+      '@babel/core': 7.23.6
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+      '@babel/traverse': 7.28.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.28.3(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+      '@babel/traverse': 7.28.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/helper-optimise-call-expression@7.27.1':
     dependencies:
-      '@babel/types': 7.27.3
+      '@babel/types': 7.27.6
 
   '@babel/helper-plugin-utils@7.27.1': {}
 
@@ -10848,17 +11009,26 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-simple-access@7.27.1':
+  '@babel/helper-replace-supers@7.27.1(@babel/core@7.28.3)':
     dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-member-expression-to-functions': 7.27.1
+      '@babel/helper-optimise-call-expression': 7.27.1
       '@babel/traverse': 7.27.4
-      '@babel/types': 7.27.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-simple-access@7.27.1':
+    dependencies:
+      '@babel/traverse': 7.28.3
+      '@babel/types': 7.28.2
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
     dependencies:
       '@babel/traverse': 7.27.4
-      '@babel/types': 7.27.3
+      '@babel/types': 7.27.6
     transitivePeerDependencies:
       - supports-color
 
@@ -10872,14 +11042,19 @@ snapshots:
     dependencies:
       '@babel/template': 7.27.2
       '@babel/traverse': 7.27.4
-      '@babel/types': 7.27.3
+      '@babel/types': 7.27.6
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helpers@7.27.4':
+  '@babel/helpers@7.27.6':
     dependencies:
       '@babel/template': 7.27.2
-      '@babel/types': 7.27.3
+      '@babel/types': 7.27.6
+
+  '@babel/helpers@7.28.3':
+    dependencies:
+      '@babel/template': 7.27.2
+      '@babel/types': 7.28.2
 
   '@babel/highlight@7.25.9':
     dependencies:
@@ -10888,9 +11063,13 @@ snapshots:
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  '@babel/parser@7.27.4':
+  '@babel/parser@7.27.5':
+    dependencies:
+      '@babel/types': 7.27.6
+
+  '@babel/parser@7.28.3':
     dependencies:
-      '@babel/types': 7.27.3
+      '@babel/types': 7.28.2
 
   '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.27.1(@babel/core@7.27.4)':
     dependencies:
@@ -10948,24 +11127,24 @@ snapshots:
     dependencies:
       '@babel/core': 7.27.4
 
-  '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-bigint@7.8.3(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-bigint@7.8.3(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
   '@babel/plugin-syntax-decorators@7.27.1(@babel/core@7.27.4)':
@@ -10973,23 +11152,28 @@ snapshots:
       '@babel/core': 7.27.4
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-do-expressions@7.27.1(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-decorators@7.27.1(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-do-expressions@7.27.1(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-export-extensions@7.0.0-beta.32(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-function-bind@7.27.1(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-export-extensions@7.0.0-beta.32(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
+
+  '@babel/plugin-syntax-function-bind@7.27.1(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
   '@babel/plugin-syntax-import-assertions@7.27.1(@babel/core@7.27.4)':
@@ -11002,14 +11186,19 @@ snapshots:
       '@babel/core': 7.27.4
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-import-attributes@7.27.1(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
   '@babel/plugin-syntax-jsx@7.27.1(@babel/core@7.27.4)':
@@ -11017,44 +11206,49 @@ snapshots:
       '@babel/core': 7.27.4
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-jsx@7.27.1(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.27.4)':
+  '@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
   '@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.27.4)':
@@ -11062,6 +11256,11 @@ snapshots:
       '@babel/core': 7.27.4
       '@babel/helper-plugin-utils': 7.27.1
 
+  '@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
   '@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.27.4)':
     dependencies:
       '@babel/core': 7.27.4
@@ -11096,7 +11295,7 @@ snapshots:
       '@babel/core': 7.27.4
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-transform-block-scoping@7.27.3(@babel/core@7.27.4)':
+  '@babel/plugin-transform-block-scoping@7.27.5(@babel/core@7.27.4)':
     dependencies:
       '@babel/core': 7.27.4
       '@babel/helper-plugin-utils': 7.27.1
@@ -11217,10 +11416,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-modules-commonjs@7.23.3(@babel/core@7.27.4)':
+  '@babel/plugin-transform-modules-commonjs@7.23.3(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
-      '@babel/helper-module-transforms': 7.27.3(@babel/core@7.27.4)
+      '@babel/core': 7.28.3
+      '@babel/helper-module-transforms': 7.28.3(@babel/core@7.28.3)
       '@babel/helper-plugin-utils': 7.27.1
       '@babel/helper-simple-access': 7.27.1
     transitivePeerDependencies:
@@ -11234,6 +11433,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/plugin-transform-modules-commonjs@7.27.1(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-module-transforms': 7.27.3(@babel/core@7.28.3)
+      '@babel/helper-plugin-utils': 7.27.1
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/plugin-transform-modules-systemjs@7.27.1(@babel/core@7.27.4)':
     dependencies:
       '@babel/core': 7.27.4
@@ -11302,6 +11509,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/plugin-transform-optional-chaining@7.27.1(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/plugin-transform-parameters@7.27.1(@babel/core@7.27.4)':
     dependencies:
       '@babel/core': 7.27.4
@@ -11341,14 +11556,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.27.4)':
+  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.27.4)':
+  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@babel/helper-plugin-utils': 7.27.1
 
   '@babel/plugin-transform-react-jsx@7.27.1(@babel/core@7.27.4)':
@@ -11358,7 +11573,7 @@ snapshots:
       '@babel/helper-module-imports': 7.27.1
       '@babel/helper-plugin-utils': 7.27.1
       '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.27.4)
-      '@babel/types': 7.27.3
+      '@babel/types': 7.27.6
     transitivePeerDependencies:
       - supports-color
 
@@ -11368,7 +11583,7 @@ snapshots:
       '@babel/helper-annotate-as-pure': 7.27.3
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-transform-regenerator@7.27.4(@babel/core@7.27.4)':
+  '@babel/plugin-transform-regenerator@7.27.5(@babel/core@7.27.4)':
     dependencies:
       '@babel/core': 7.27.4
       '@babel/helper-plugin-utils': 7.27.1
@@ -11423,6 +11638,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/plugin-transform-typescript@7.27.1(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-create-class-features-plugin': 7.27.1(@babel/core@7.28.3)
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.3)
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/plugin-transform-unicode-escapes@7.27.1(@babel/core@7.27.4)':
     dependencies:
       '@babel/core': 7.27.4
@@ -11448,7 +11674,7 @@ snapshots:
 
   '@babel/preset-env@7.27.2(@babel/core@7.27.4)':
     dependencies:
-      '@babel/compat-data': 7.27.3
+      '@babel/compat-data': 7.27.5
       '@babel/core': 7.27.4
       '@babel/helper-compilation-targets': 7.27.2
       '@babel/helper-plugin-utils': 7.27.1
@@ -11466,7 +11692,7 @@ snapshots:
       '@babel/plugin-transform-async-generator-functions': 7.27.1(@babel/core@7.27.4)
       '@babel/plugin-transform-async-to-generator': 7.27.1(@babel/core@7.27.4)
       '@babel/plugin-transform-block-scoped-functions': 7.27.1(@babel/core@7.27.4)
-      '@babel/plugin-transform-block-scoping': 7.27.3(@babel/core@7.27.4)
+      '@babel/plugin-transform-block-scoping': 7.27.5(@babel/core@7.27.4)
       '@babel/plugin-transform-class-properties': 7.27.1(@babel/core@7.27.4)
       '@babel/plugin-transform-class-static-block': 7.27.1(@babel/core@7.27.4)
       '@babel/plugin-transform-classes': 7.27.1(@babel/core@7.27.4)
@@ -11500,7 +11726,7 @@ snapshots:
       '@babel/plugin-transform-private-methods': 7.27.1(@babel/core@7.27.4)
       '@babel/plugin-transform-private-property-in-object': 7.27.1(@babel/core@7.27.4)
       '@babel/plugin-transform-property-literals': 7.27.1(@babel/core@7.27.4)
-      '@babel/plugin-transform-regenerator': 7.27.4(@babel/core@7.27.4)
+      '@babel/plugin-transform-regenerator': 7.27.5(@babel/core@7.27.4)
       '@babel/plugin-transform-regexp-modifiers': 7.27.1(@babel/core@7.27.4)
       '@babel/plugin-transform-reserved-words': 7.27.1(@babel/core@7.27.4)
       '@babel/plugin-transform-shorthand-properties': 7.27.1(@babel/core@7.27.4)
@@ -11516,7 +11742,7 @@ snapshots:
       babel-plugin-polyfill-corejs2: 0.4.13(@babel/core@7.27.4)
       babel-plugin-polyfill-corejs3: 0.11.1(@babel/core@7.27.4)
       babel-plugin-polyfill-regenerator: 0.6.4(@babel/core@7.27.4)
-      core-js-compat: 3.42.0
+      core-js-compat: 3.43.0
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
@@ -11525,7 +11751,7 @@ snapshots:
     dependencies:
       '@babel/core': 7.27.4
       '@babel/helper-plugin-utils': 7.27.1
-      '@babel/types': 7.27.3
+      '@babel/types': 7.27.6
       esutils: 2.0.3
 
   '@babel/preset-react@7.27.1(@babel/core@7.27.4)':
@@ -11551,35 +11777,65 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/runtime-corejs3@7.27.4':
+  '@babel/preset-typescript@7.27.1(@babel/core@7.28.3)':
     dependencies:
-      core-js-pure: 3.42.0
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/helper-validator-option': 7.27.1
+      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.3)
+      '@babel/plugin-transform-modules-commonjs': 7.27.1(@babel/core@7.28.3)
+      '@babel/plugin-transform-typescript': 7.27.1(@babel/core@7.28.3)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/runtime-corejs3@7.27.6':
+    dependencies:
+      core-js-pure: 3.43.0
 
   '@babel/runtime@7.23.6':
     dependencies:
       regenerator-runtime: 0.14.1
 
-  '@babel/runtime@7.27.4': {}
+  '@babel/runtime@7.27.6': {}
+
+  '@babel/runtime@7.28.3': {}
 
   '@babel/template@7.27.2':
     dependencies:
       '@babel/code-frame': 7.27.1
-      '@babel/parser': 7.27.4
-      '@babel/types': 7.27.3
+      '@babel/parser': 7.27.5
+      '@babel/types': 7.27.6
 
   '@babel/traverse@7.27.4':
     dependencies:
       '@babel/code-frame': 7.27.1
-      '@babel/generator': 7.27.3
-      '@babel/parser': 7.27.4
+      '@babel/generator': 7.27.5
+      '@babel/parser': 7.27.5
       '@babel/template': 7.27.2
-      '@babel/types': 7.27.3
+      '@babel/types': 7.27.6
       debug: 4.4.1
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/types@7.27.3':
+  '@babel/traverse@7.28.3':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.28.3
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.28.3
+      '@babel/template': 7.27.2
+      '@babel/types': 7.28.2
+      debug: 4.4.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.27.6':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+
+  '@babel/types@7.28.2':
     dependencies:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.27.1
@@ -11592,58 +11848,58 @@ snapshots:
       reactcss: 1.2.3(react@17.0.2)
       tinycolor2: 1.6.0
 
-  '@csstools/postcss-color-function@1.1.1(postcss@8.5.4)':
+  '@csstools/postcss-color-function@1.1.1(postcss@8.5.6)':
     dependencies:
-      '@csstools/postcss-progressive-custom-properties': 1.3.0(postcss@8.5.4)
-      postcss: 8.5.4
+      '@csstools/postcss-progressive-custom-properties': 1.3.0(postcss@8.5.6)
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-font-format-keywords@1.0.1(postcss@8.5.4)':
+  '@csstools/postcss-font-format-keywords@1.0.1(postcss@8.5.6)':
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-hwb-function@1.0.2(postcss@8.5.4)':
+  '@csstools/postcss-hwb-function@1.0.2(postcss@8.5.6)':
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-ic-unit@1.0.1(postcss@8.5.4)':
+  '@csstools/postcss-ic-unit@1.0.1(postcss@8.5.6)':
     dependencies:
-      '@csstools/postcss-progressive-custom-properties': 1.3.0(postcss@8.5.4)
-      postcss: 8.5.4
+      '@csstools/postcss-progressive-custom-properties': 1.3.0(postcss@8.5.6)
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-is-pseudo-class@2.0.7(postcss@8.5.4)':
+  '@csstools/postcss-is-pseudo-class@2.0.7(postcss@8.5.6)':
     dependencies:
       '@csstools/selector-specificity': 2.2.0(postcss-selector-parser@6.1.2)
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
-  '@csstools/postcss-normalize-display-values@1.0.1(postcss@8.5.4)':
+  '@csstools/postcss-normalize-display-values@1.0.1(postcss@8.5.6)':
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-oklab-function@1.1.1(postcss@8.5.4)':
+  '@csstools/postcss-oklab-function@1.1.1(postcss@8.5.6)':
     dependencies:
-      '@csstools/postcss-progressive-custom-properties': 1.3.0(postcss@8.5.4)
-      postcss: 8.5.4
+      '@csstools/postcss-progressive-custom-properties': 1.3.0(postcss@8.5.6)
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-progressive-custom-properties@1.3.0(postcss@8.5.4)':
+  '@csstools/postcss-progressive-custom-properties@1.3.0(postcss@8.5.6)':
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-stepped-value-functions@1.0.1(postcss@8.5.4)':
+  '@csstools/postcss-stepped-value-functions@1.0.1(postcss@8.5.6)':
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  '@csstools/postcss-unset-value@1.0.2(postcss@8.5.4)':
+  '@csstools/postcss-unset-value@1.0.2(postcss@8.5.6)':
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
   '@csstools/selector-specificity@2.2.0(postcss-selector-parser@6.1.2)':
     dependencies:
@@ -12057,7 +12313,7 @@ snapshots:
 
   '@formatjs/intl-utils@2.3.0': {}
 
-  '@formatjs/intl@2.2.1(typescript@4.9.5)':
+  '@formatjs/intl@2.2.1(typescript@5.9.2)':
     dependencies:
       '@formatjs/ecma402-abstract': 1.11.4
       '@formatjs/fast-memoize': 1.2.1
@@ -12067,7 +12323,7 @@ snapshots:
       intl-messageformat: 9.13.0
       tslib: 2.8.1
     optionalDependencies:
-      typescript: 4.9.5
+      typescript: 5.9.2
 
   '@gar/promisify@1.1.3': {}
 
@@ -12114,6 +12370,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@isaacs/balanced-match@4.0.1': {}
+
+  '@isaacs/brace-expansion@5.0.0':
+    dependencies:
+      '@isaacs/balanced-match': 4.0.1
+
   '@isaacs/cliui@8.0.2':
     dependencies:
       string-width: 5.1.2
@@ -12139,9 +12401,9 @@ snapshots:
 
   '@jest/transform@29.7.0':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@jest/types': 29.6.3
-      '@jridgewell/trace-mapping': 0.3.25
+      '@jridgewell/trace-mapping': 0.3.30
       babel-plugin-istanbul: 6.1.1
       chalk: 4.1.2
       convert-source-map: 2.0.0
@@ -12167,7 +12429,7 @@ snapshots:
     dependencies:
       '@types/istanbul-lib-coverage': 2.0.6
       '@types/istanbul-reports': 3.0.4
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
       '@types/yargs': 15.0.19
       chalk: 4.1.2
 
@@ -12175,7 +12437,7 @@ snapshots:
     dependencies:
       '@types/istanbul-lib-coverage': 2.0.6
       '@types/istanbul-reports': 3.0.4
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
       '@types/yargs': 16.0.9
       chalk: 4.1.2
 
@@ -12184,10 +12446,15 @@ snapshots:
       '@jest/schemas': 29.6.3
       '@types/istanbul-lib-coverage': 2.0.6
       '@types/istanbul-reports': 3.0.4
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
       '@types/yargs': 17.0.33
       chalk: 4.1.2
 
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.30
+
   '@jridgewell/gen-mapping@0.3.8':
     dependencies:
       '@jridgewell/set-array': 1.2.1
@@ -12198,18 +12465,25 @@ snapshots:
 
   '@jridgewell/set-array@1.2.1': {}
 
-  '@jridgewell/source-map@0.3.6':
+  '@jridgewell/source-map@0.3.11':
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.8
-      '@jridgewell/trace-mapping': 0.3.25
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.30
 
   '@jridgewell/sourcemap-codec@1.5.0': {}
 
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
   '@jridgewell/trace-mapping@0.3.25':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.0
 
+  '@jridgewell/trace-mapping@0.3.30':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
   '@juggle/resize-observer@3.4.0': {}
 
   '@loadable/component@5.15.2(react@17.0.2)':
@@ -12366,41 +12640,41 @@ snapshots:
       mkdirp: 1.0.4
       rimraf: 3.0.2
 
-  '@oceanbase-odc/monaco-plugin-ob@1.4.2(monaco-editor@0.36.1)':
+  '@oceanbase-odc/monaco-plugin-ob@1.5.3(monaco-editor@0.36.1)':
     dependencies:
-      '@oceanbase-odc/ob-parser-js': 3.0.5
+      '@oceanbase-odc/ob-parser-js': 3.1.2
       antlr4: 4.8.0
       comlink: 4.4.2
       monaco-editor: 0.36.1
 
-  '@oceanbase-odc/ob-intl-cli@2.1.4(chokidar@3.6.0)(encoding@0.1.13)(prettier@2.8.8)(typescript@4.9.5)':
-    dependencies:
-      '@babel/core': 7.27.4
-      '@babel/generator': 7.27.3
-      '@babel/parser': 7.27.4
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.27.4)
-      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.27.4)
-      '@babel/plugin-syntax-decorators': 7.27.1(@babel/core@7.27.4)
-      '@babel/plugin-syntax-do-expressions': 7.27.1(@babel/core@7.27.4)
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.27.4)
-      '@babel/plugin-syntax-export-extensions': 7.0.0-beta.32(@babel/core@7.27.4)
-      '@babel/plugin-syntax-function-bind': 7.27.1(@babel/core@7.27.4)
-      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.27.4)
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.27.4)
-      '@babel/plugin-transform-optional-chaining': 7.27.1(@babel/core@7.27.4)
-      '@babel/preset-typescript': 7.27.1(@babel/core@7.27.4)
-      '@babel/traverse': 7.27.4
-      '@babel/types': 7.27.3
-      '@swc/cli': 0.3.14(@swc/core@1.11.29)(chokidar@3.6.0)
-      '@swc/core': 1.11.29
+  '@oceanbase-odc/ob-intl-cli@2.2.0(chokidar@3.6.0)(encoding@0.1.13)(prettier@2.8.8)(typescript@5.9.2)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/generator': 7.28.3
+      '@babel/parser': 7.28.3
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.28.3)
+      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.28.3)
+      '@babel/plugin-syntax-decorators': 7.27.1(@babel/core@7.28.3)
+      '@babel/plugin-syntax-do-expressions': 7.27.1(@babel/core@7.28.3)
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.28.3)
+      '@babel/plugin-syntax-export-extensions': 7.0.0-beta.32(@babel/core@7.28.3)
+      '@babel/plugin-syntax-function-bind': 7.27.1(@babel/core@7.28.3)
+      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.3)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.28.3)
+      '@babel/plugin-transform-optional-chaining': 7.27.1(@babel/core@7.28.3)
+      '@babel/preset-typescript': 7.27.1(@babel/core@7.28.3)
+      '@babel/traverse': 7.28.3
+      '@babel/types': 7.28.2
+      '@swc/cli': 0.3.14(@swc/core@1.12.4)(chokidar@3.6.0)
+      '@swc/core': 1.12.4
       colors: 1.4.0
       commander: 11.1.0
       glob: 10.4.5
       google-translate-api-x: 10.7.2
       lodash: 4.17.21
       node-fetch: 2.6.7(encoding@0.1.13)
-      prettier-eslint: 16.4.2(typescript@4.9.5)
-      prettier-plugin-organize-imports: 3.2.4(prettier@2.8.8)(typescript@4.9.5)
+      prettier-eslint: 16.4.2(typescript@5.9.2)
+      prettier-plugin-organize-imports: 3.2.4(prettier@2.8.8)(typescript@5.9.2)
       prettier-plugin-packagejson: 2.5.15(prettier@2.8.8)
     transitivePeerDependencies:
       - '@swc/helpers'
@@ -12414,15 +12688,15 @@ snapshots:
       - svelte-eslint-parser
       - typescript
 
-  '@oceanbase-odc/ob-parser-js@3.0.5':
+  '@oceanbase-odc/ob-parser-js@3.1.2':
     dependencies:
       antlr4: 4.8.0
       lodash: 4.17.21
 
-  '@oceanbase-odc/ob-react-data-grid@4.0.0(antd@5.25.4(date-fns@2.30.0)(luxon@3.6.1)(moment@2.30.1)(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(lodash@4.17.21)(react-dnd-html5-backend@11.1.3)(react-dnd@11.1.3(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@oceanbase-odc/ob-react-data-grid@4.0.0(antd@5.26.1(date-fns@2.30.0)(luxon@3.6.1)(moment@2.30.1)(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(lodash@4.17.21)(react-dnd-html5-backend@11.1.3)(react-dnd@11.1.3(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
       '@juggle/resize-observer': 3.4.0
-      antd: 5.25.4(date-fns@2.30.0)(luxon@3.6.1)(moment@2.30.1)(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      antd: 5.26.1(date-fns@2.30.0)(luxon@3.6.1)(moment@2.30.1)(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       clsx: 1.2.1
       lodash: 4.17.21
       rc-menu: 9.16.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -12447,12 +12721,12 @@ snapshots:
 
   '@rc-component/async-validator@5.0.4':
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
 
   '@rc-component/color-picker@2.0.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
       '@ant-design/fast-color': 2.0.6
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -12460,18 +12734,18 @@ snapshots:
 
   '@rc-component/context@1.4.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
 
   '@rc-component/mini-decimal@1.1.0':
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
 
   '@rc-component/mutate-observer@1.1.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -12479,7 +12753,7 @@ snapshots:
 
   '@rc-component/portal@1.1.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -12487,7 +12761,7 @@ snapshots:
 
   '@rc-component/qrcode@1.0.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -12495,17 +12769,17 @@ snapshots:
 
   '@rc-component/tour@1.15.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       '@rc-component/portal': 1.1.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@rc-component/trigger': 2.2.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@rc-component/trigger': 2.2.7(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
 
-  '@rc-component/trigger@2.2.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@rc-component/trigger@2.2.7(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       '@rc-component/portal': 1.1.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -12725,79 +12999,81 @@ snapshots:
 
   '@sindresorhus/is@4.6.0': {}
 
-  '@stylelint/postcss-css-in-js@0.37.3(postcss-syntax@0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39))(postcss@7.0.39)':
+  '@stagewise/toolbar@0.6.2': {}
+
+  '@stylelint/postcss-css-in-js@0.37.3(postcss-syntax@0.36.2(postcss@8.5.6))(postcss@7.0.39)':
     dependencies:
       '@babel/core': 7.27.4
       postcss: 7.0.39
-      postcss-syntax: 0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39)
+      postcss-syntax: 0.36.2(postcss@8.5.6)
     transitivePeerDependencies:
       - supports-color
 
-  '@stylelint/postcss-css-in-js@0.38.0(postcss-syntax@0.36.2(postcss@8.5.4))(postcss@8.5.4)':
+  '@stylelint/postcss-css-in-js@0.38.0(postcss-syntax@0.36.2(postcss@8.5.6))(postcss@8.5.6)':
     dependencies:
       '@babel/core': 7.23.6
-      postcss: 8.5.4
-      postcss-syntax: 0.36.2(postcss@8.5.4)
+      postcss: 8.5.6
+      postcss-syntax: 0.36.2(postcss@8.5.6)
     transitivePeerDependencies:
       - supports-color
 
-  '@stylelint/postcss-markdown@0.36.2(postcss-syntax@0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39))(postcss@7.0.39)':
+  '@stylelint/postcss-markdown@0.36.2(postcss-syntax@0.36.2(postcss@8.5.6))(postcss@7.0.39)':
     dependencies:
       postcss: 7.0.39
-      postcss-syntax: 0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39)
+      postcss-syntax: 0.36.2(postcss@8.5.6)
       remark: 13.0.0
       unist-util-find-all-after: 3.0.2
     transitivePeerDependencies:
       - supports-color
 
-  '@svgr/babel-plugin-add-jsx-attribute@6.5.1(@babel/core@7.27.4)':
+  '@svgr/babel-plugin-add-jsx-attribute@6.5.1(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
 
-  '@svgr/babel-plugin-remove-jsx-attribute@8.0.0(@babel/core@7.27.4)':
+  '@svgr/babel-plugin-remove-jsx-attribute@8.0.0(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
 
-  '@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0(@babel/core@7.27.4)':
+  '@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
 
-  '@svgr/babel-plugin-replace-jsx-attribute-value@6.5.1(@babel/core@7.27.4)':
+  '@svgr/babel-plugin-replace-jsx-attribute-value@6.5.1(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
 
-  '@svgr/babel-plugin-svg-dynamic-title@6.5.1(@babel/core@7.27.4)':
+  '@svgr/babel-plugin-svg-dynamic-title@6.5.1(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
 
-  '@svgr/babel-plugin-svg-em-dimensions@6.5.1(@babel/core@7.27.4)':
+  '@svgr/babel-plugin-svg-em-dimensions@6.5.1(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
 
-  '@svgr/babel-plugin-transform-react-native-svg@6.5.1(@babel/core@7.27.4)':
+  '@svgr/babel-plugin-transform-react-native-svg@6.5.1(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
 
-  '@svgr/babel-plugin-transform-svg-component@6.5.1(@babel/core@7.27.4)':
+  '@svgr/babel-plugin-transform-svg-component@6.5.1(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
 
-  '@svgr/babel-preset@6.5.1(@babel/core@7.27.4)':
+  '@svgr/babel-preset@6.5.1(@babel/core@7.28.3)':
     dependencies:
-      '@babel/core': 7.27.4
-      '@svgr/babel-plugin-add-jsx-attribute': 6.5.1(@babel/core@7.27.4)
-      '@svgr/babel-plugin-remove-jsx-attribute': 8.0.0(@babel/core@7.27.4)
-      '@svgr/babel-plugin-remove-jsx-empty-expression': 8.0.0(@babel/core@7.27.4)
-      '@svgr/babel-plugin-replace-jsx-attribute-value': 6.5.1(@babel/core@7.27.4)
-      '@svgr/babel-plugin-svg-dynamic-title': 6.5.1(@babel/core@7.27.4)
-      '@svgr/babel-plugin-svg-em-dimensions': 6.5.1(@babel/core@7.27.4)
-      '@svgr/babel-plugin-transform-react-native-svg': 6.5.1(@babel/core@7.27.4)
-      '@svgr/babel-plugin-transform-svg-component': 6.5.1(@babel/core@7.27.4)
+      '@babel/core': 7.28.3
+      '@svgr/babel-plugin-add-jsx-attribute': 6.5.1(@babel/core@7.28.3)
+      '@svgr/babel-plugin-remove-jsx-attribute': 8.0.0(@babel/core@7.28.3)
+      '@svgr/babel-plugin-remove-jsx-empty-expression': 8.0.0(@babel/core@7.28.3)
+      '@svgr/babel-plugin-replace-jsx-attribute-value': 6.5.1(@babel/core@7.28.3)
+      '@svgr/babel-plugin-svg-dynamic-title': 6.5.1(@babel/core@7.28.3)
+      '@svgr/babel-plugin-svg-em-dimensions': 6.5.1(@babel/core@7.28.3)
+      '@svgr/babel-plugin-transform-react-native-svg': 6.5.1(@babel/core@7.28.3)
+      '@svgr/babel-plugin-transform-svg-component': 6.5.1(@babel/core@7.28.3)
 
   '@svgr/core@6.5.1':
     dependencies:
-      '@babel/core': 7.27.4
-      '@svgr/babel-preset': 6.5.1(@babel/core@7.27.4)
+      '@babel/core': 7.28.3
+      '@svgr/babel-preset': 6.5.1(@babel/core@7.28.3)
       '@svgr/plugin-jsx': 6.5.1(@svgr/core@6.5.1)
       camelcase: 6.3.0
       cosmiconfig: 7.1.0
@@ -12806,13 +13082,13 @@ snapshots:
 
   '@svgr/hast-util-to-babel-ast@6.5.1':
     dependencies:
-      '@babel/types': 7.27.3
+      '@babel/types': 7.28.2
       entities: 4.5.0
 
   '@svgr/plugin-jsx@6.5.1(@svgr/core@6.5.1)':
     dependencies:
-      '@babel/core': 7.27.4
-      '@svgr/babel-preset': 6.5.1(@babel/core@7.27.4)
+      '@babel/core': 7.28.3
+      '@svgr/babel-preset': 6.5.1(@babel/core@7.28.3)
       '@svgr/core': 6.5.1
       '@svgr/hast-util-to-babel-ast': 6.5.1
       svg-parser: 2.0.4
@@ -12826,10 +13102,10 @@ snapshots:
       deepmerge: 4.3.1
       svgo: 2.8.0
 
-  '@swc/cli@0.3.14(@swc/core@1.11.29)(chokidar@3.6.0)':
+  '@swc/cli@0.3.14(@swc/core@1.12.4)(chokidar@3.6.0)':
     dependencies:
       '@mole-inc/bin-wrapper': 8.0.1
-      '@swc/core': 1.11.29
+      '@swc/core': 1.12.4
       '@swc/counter': 0.1.3
       commander: 8.3.0
       fast-glob: 3.3.3
@@ -12837,55 +13113,55 @@ snapshots:
       piscina: 4.9.2
       semver: 7.7.2
       slash: 3.0.0
-      source-map: 0.7.4
+      source-map: 0.7.6
     optionalDependencies:
       chokidar: 3.6.0
 
-  '@swc/core-darwin-arm64@1.11.29':
+  '@swc/core-darwin-arm64@1.12.4':
     optional: true
 
-  '@swc/core-darwin-x64@1.11.29':
+  '@swc/core-darwin-x64@1.12.4':
     optional: true
 
-  '@swc/core-linux-arm-gnueabihf@1.11.29':
+  '@swc/core-linux-arm-gnueabihf@1.12.4':
     optional: true
 
-  '@swc/core-linux-arm64-gnu@1.11.29':
+  '@swc/core-linux-arm64-gnu@1.12.4':
     optional: true
 
-  '@swc/core-linux-arm64-musl@1.11.29':
+  '@swc/core-linux-arm64-musl@1.12.4':
     optional: true
 
-  '@swc/core-linux-x64-gnu@1.11.29':
+  '@swc/core-linux-x64-gnu@1.12.4':
     optional: true
 
-  '@swc/core-linux-x64-musl@1.11.29':
+  '@swc/core-linux-x64-musl@1.12.4':
     optional: true
 
-  '@swc/core-win32-arm64-msvc@1.11.29':
+  '@swc/core-win32-arm64-msvc@1.12.4':
     optional: true
 
-  '@swc/core-win32-ia32-msvc@1.11.29':
+  '@swc/core-win32-ia32-msvc@1.12.4':
     optional: true
 
-  '@swc/core-win32-x64-msvc@1.11.29':
+  '@swc/core-win32-x64-msvc@1.12.4':
     optional: true
 
-  '@swc/core@1.11.29':
+  '@swc/core@1.12.4':
     dependencies:
       '@swc/counter': 0.1.3
-      '@swc/types': 0.1.21
+      '@swc/types': 0.1.23
     optionalDependencies:
-      '@swc/core-darwin-arm64': 1.11.29
-      '@swc/core-darwin-x64': 1.11.29
-      '@swc/core-linux-arm-gnueabihf': 1.11.29
-      '@swc/core-linux-arm64-gnu': 1.11.29
-      '@swc/core-linux-arm64-musl': 1.11.29
-      '@swc/core-linux-x64-gnu': 1.11.29
-      '@swc/core-linux-x64-musl': 1.11.29
-      '@swc/core-win32-arm64-msvc': 1.11.29
-      '@swc/core-win32-ia32-msvc': 1.11.29
-      '@swc/core-win32-x64-msvc': 1.11.29
+      '@swc/core-darwin-arm64': 1.12.4
+      '@swc/core-darwin-x64': 1.12.4
+      '@swc/core-linux-arm-gnueabihf': 1.12.4
+      '@swc/core-linux-arm64-gnu': 1.12.4
+      '@swc/core-linux-arm64-musl': 1.12.4
+      '@swc/core-linux-x64-gnu': 1.12.4
+      '@swc/core-linux-x64-musl': 1.12.4
+      '@swc/core-win32-arm64-msvc': 1.12.4
+      '@swc/core-win32-ia32-msvc': 1.12.4
+      '@swc/core-win32-x64-msvc': 1.12.4
 
   '@swc/counter@0.1.3': {}
 
@@ -12893,7 +13169,7 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
-  '@swc/types@0.1.21':
+  '@swc/types@0.1.23':
     dependencies:
       '@swc/counter': 0.1.3
 
@@ -12905,20 +13181,20 @@ snapshots:
     dependencies:
       remove-accents: 0.5.0
 
-  '@tanstack/query-core@4.39.1': {}
+  '@tanstack/query-core@4.40.0': {}
 
-  '@tanstack/react-query-devtools@4.39.1(@tanstack/react-query@4.39.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@tanstack/react-query-devtools@4.40.1(@tanstack/react-query@4.40.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
       '@tanstack/match-sorter-utils': 8.19.4
-      '@tanstack/react-query': 4.39.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@tanstack/react-query': 4.40.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
       superjson: 1.13.3
       use-sync-external-store: 1.5.0(react@17.0.2)
 
-  '@tanstack/react-query@4.39.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@tanstack/react-query@4.40.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@tanstack/query-core': 4.39.1
+      '@tanstack/query-core': 4.40.0
       react: 17.0.2
       use-sync-external-store: 1.5.0(react@17.0.2)
     optionalDependencies:
@@ -12927,7 +13203,7 @@ snapshots:
   '@testing-library/dom@7.31.2':
     dependencies:
       '@babel/code-frame': 7.27.1
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       '@types/aria-query': 4.2.2
       aria-query: 4.2.2
       chalk: 4.1.2
@@ -12937,7 +13213,7 @@ snapshots:
 
   '@testing-library/react@11.2.7(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       '@testing-library/dom': 7.31.2
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
@@ -12956,37 +13232,37 @@ snapshots:
 
   '@types/babel__core@7.20.5':
     dependencies:
-      '@babel/parser': 7.27.4
-      '@babel/types': 7.27.3
+      '@babel/parser': 7.28.3
+      '@babel/types': 7.28.2
       '@types/babel__generator': 7.27.0
       '@types/babel__template': 7.4.4
-      '@types/babel__traverse': 7.20.7
+      '@types/babel__traverse': 7.28.0
 
   '@types/babel__generator@7.27.0':
     dependencies:
-      '@babel/types': 7.27.3
+      '@babel/types': 7.28.2
 
   '@types/babel__template@7.4.4':
     dependencies:
-      '@babel/parser': 7.27.4
-      '@babel/types': 7.27.3
+      '@babel/parser': 7.28.3
+      '@babel/types': 7.28.2
 
-  '@types/babel__traverse@7.20.7':
+  '@types/babel__traverse@7.28.0':
     dependencies:
-      '@babel/types': 7.27.3
+      '@babel/types': 7.28.2
 
   '@types/cacheable-request@6.0.3':
     dependencies:
       '@types/http-cache-semantics': 4.0.4
       '@types/keyv': 3.1.4
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
       '@types/responselike': 1.0.3
 
   '@types/caseless@0.12.5': {}
 
   '@types/cheerio@0.22.35':
     dependencies:
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
 
   '@types/d3-array@3.2.1': {}
 
@@ -13111,20 +13387,20 @@ snapshots:
 
   '@types/eslint@7.29.0':
     dependencies:
-      '@types/estree': 1.0.7
+      '@types/estree': 1.0.8
       '@types/json-schema': 7.0.15
 
-  '@types/estree@1.0.7': {}
+  '@types/estree@1.0.8': {}
 
   '@types/fs-extra@9.0.13':
     dependencies:
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
 
   '@types/geojson@7946.0.16': {}
 
   '@types/graceful-fs@4.1.9':
     dependencies:
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
 
   '@types/hapi__joi@17.1.9': {}
 
@@ -13132,13 +13408,18 @@ snapshots:
 
   '@types/history@5.0.0':
     dependencies:
-      history: 4.10.1
+      history: 5.3.0
 
   '@types/hoist-non-react-statics@3.3.6':
     dependencies:
       '@types/react': 16.14.65
       hoist-non-react-statics: 3.3.2
 
+  '@types/hoist-non-react-statics@3.3.7(@types/react@16.14.65)':
+    dependencies:
+      '@types/react': 16.14.65
+      hoist-non-react-statics: 3.3.2
+
   '@types/html-minifier-terser@6.1.0': {}
 
   '@types/http-cache-semantics@4.0.4': {}
@@ -13170,9 +13451,9 @@ snapshots:
 
   '@types/keyv@3.1.4':
     dependencies:
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
 
-  '@types/lodash@4.17.17': {}
+  '@types/lodash@4.17.18': {}
 
   '@types/mdast@3.0.15':
     dependencies:
@@ -13186,19 +13467,17 @@ snapshots:
 
   '@types/node@16.18.126': {}
 
-  '@types/node@9.6.61': {}
-
   '@types/normalize-package-data@2.4.4': {}
 
   '@types/parse-json@4.0.2': {}
 
   '@types/plist@3.0.5':
     dependencies:
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
       xmlbuilder: 15.1.1
     optional: true
 
-  '@types/prop-types@15.7.14': {}
+  '@types/prop-types@15.7.15': {}
 
   '@types/react-dom@16.9.25(@types/react@16.14.65)':
     dependencies:
@@ -13219,7 +13498,7 @@ snapshots:
       '@types/history': 4.7.11
       '@types/react': 16.14.65
       '@types/react-router': 5.1.20
-      redux: 3.7.2
+      redux: 4.2.1
 
   '@types/react-router@5.1.20':
     dependencies:
@@ -13228,19 +13507,19 @@ snapshots:
 
   '@types/react-virtualized@9.22.2':
     dependencies:
-      '@types/prop-types': 15.7.14
+      '@types/prop-types': 15.7.15
       '@types/react': 16.14.65
 
   '@types/react@16.14.65':
     dependencies:
-      '@types/prop-types': 15.7.14
+      '@types/prop-types': 15.7.15
       '@types/scheduler': 0.16.8
       csstype: 3.1.3
 
   '@types/request@2.48.12':
     dependencies:
       '@types/caseless': 0.12.5
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
       '@types/tough-cookie': 4.0.5
       form-data: 2.5.3
 
@@ -13248,7 +13527,7 @@ snapshots:
 
   '@types/responselike@1.0.3':
     dependencies:
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
 
   '@types/scheduler@0.16.8': {}
 
@@ -13285,13 +13564,13 @@ snapshots:
 
   '@types/yauzl@2.10.3':
     dependencies:
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
     optional: true
 
-  '@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@4.9.5))(eslint@7.32.0)(typescript@4.9.5)':
+  '@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@5.9.2))(eslint@7.32.0)(typescript@4.9.5)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@4.9.5)
+      '@typescript-eslint/parser': 5.62.0(eslint@8.35.0)(typescript@5.9.2)
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/type-utils': 5.62.0(eslint@7.32.0)(typescript@4.9.5)
       '@typescript-eslint/utils': 5.62.0(eslint@7.32.0)(typescript@4.9.5)
@@ -13307,22 +13586,22 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@4.9.5))(eslint@8.35.0)(typescript@4.9.5)':
+  '@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@5.9.2))(eslint@8.35.0)(typescript@5.9.2)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 5.62.0(eslint@8.35.0)(typescript@4.9.5)
+      '@typescript-eslint/parser': 5.62.0(eslint@8.35.0)(typescript@5.9.2)
       '@typescript-eslint/scope-manager': 5.62.0
-      '@typescript-eslint/type-utils': 5.62.0(eslint@8.35.0)(typescript@4.9.5)
-      '@typescript-eslint/utils': 5.62.0(eslint@8.35.0)(typescript@4.9.5)
+      '@typescript-eslint/type-utils': 5.62.0(eslint@8.35.0)(typescript@5.9.2)
+      '@typescript-eslint/utils': 5.62.0(eslint@8.35.0)(typescript@5.9.2)
       debug: 4.4.1
       eslint: 8.35.0
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare-lite: 1.4.0
       semver: 7.7.2
-      tsutils: 3.21.0(typescript@4.9.5)
+      tsutils: 3.21.0(typescript@5.9.2)
     optionalDependencies:
-      typescript: 4.9.5
+      typescript: 5.9.2
     transitivePeerDependencies:
       - supports-color
 
@@ -13351,28 +13630,28 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@4.9.5)':
+  '@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@5.9.2)':
     dependencies:
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@4.9.5)
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.9.2)
       debug: 4.4.1
       eslint: 8.35.0
     optionalDependencies:
-      typescript: 4.9.5
+      typescript: 5.9.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@4.9.5)':
+  '@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.2)':
     dependencies:
       '@typescript-eslint/scope-manager': 6.21.0
       '@typescript-eslint/types': 6.21.0
-      '@typescript-eslint/typescript-estree': 6.21.0(typescript@4.9.5)
+      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.9.2)
       '@typescript-eslint/visitor-keys': 6.21.0
       debug: 4.4.1
       eslint: 8.57.1
     optionalDependencies:
-      typescript: 4.9.5
+      typescript: 5.9.2
     transitivePeerDependencies:
       - supports-color
 
@@ -13403,15 +13682,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/type-utils@5.62.0(eslint@8.35.0)(typescript@4.9.5)':
+  '@typescript-eslint/type-utils@5.62.0(eslint@8.35.0)(typescript@5.9.2)':
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@4.9.5)
-      '@typescript-eslint/utils': 5.62.0(eslint@8.35.0)(typescript@4.9.5)
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.9.2)
+      '@typescript-eslint/utils': 5.62.0(eslint@8.35.0)(typescript@5.9.2)
       debug: 4.4.1
       eslint: 8.35.0
-      tsutils: 3.21.0(typescript@4.9.5)
+      tsutils: 3.21.0(typescript@5.9.2)
     optionalDependencies:
-      typescript: 4.9.5
+      typescript: 5.9.2
     transitivePeerDependencies:
       - supports-color
 
@@ -13449,7 +13728,21 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@6.21.0(typescript@4.9.5)':
+  '@typescript-eslint/typescript-estree@5.62.0(typescript@5.9.2)':
+    dependencies:
+      '@typescript-eslint/types': 5.62.0
+      '@typescript-eslint/visitor-keys': 5.62.0
+      debug: 4.4.1
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.7.2
+      tsutils: 3.21.0(typescript@5.9.2)
+    optionalDependencies:
+      typescript: 5.9.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/typescript-estree@6.21.0(typescript@5.9.2)':
     dependencies:
       '@typescript-eslint/types': 6.21.0
       '@typescript-eslint/visitor-keys': 6.21.0
@@ -13458,9 +13751,9 @@ snapshots:
       is-glob: 4.0.3
       minimatch: 9.0.3
       semver: 7.7.2
-      ts-api-utils: 1.4.3(typescript@4.9.5)
+      ts-api-utils: 1.4.3(typescript@5.9.2)
     optionalDependencies:
-      typescript: 4.9.5
+      typescript: 5.9.2
     transitivePeerDependencies:
       - supports-color
 
@@ -13479,14 +13772,14 @@ snapshots:
       - supports-color
       - typescript
 
-  '@typescript-eslint/utils@5.62.0(eslint@8.35.0)(typescript@4.9.5)':
+  '@typescript-eslint/utils@5.62.0(eslint@8.35.0)(typescript@5.9.2)':
     dependencies:
       '@eslint-community/eslint-utils': 4.7.0(eslint@8.35.0)
       '@types/json-schema': 7.0.15
       '@types/semver': 7.7.0
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@4.9.5)
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.9.2)
       eslint: 8.35.0
       eslint-scope: 5.1.1
       semver: 7.7.2
@@ -13509,39 +13802,39 @@ snapshots:
       '@typescript-eslint/types': 6.21.0
       eslint-visitor-keys: 3.4.3
 
-  '@umijs/ast@4.4.11':
+  '@umijs/ast@4.4.12':
     dependencies:
-      '@umijs/bundler-utils': 4.4.11
+      '@umijs/bundler-utils': 4.4.12
     transitivePeerDependencies:
       - supports-color
 
-  '@umijs/babel-preset-umi@4.4.11':
+  '@umijs/babel-preset-umi@4.4.12':
     dependencies:
       '@babel/runtime': 7.23.6
       '@bloomberg/record-tuple-polyfill': 0.0.4
-      '@umijs/bundler-utils': 4.4.11
-      '@umijs/utils': 4.4.11
+      '@umijs/bundler-utils': 4.4.12
+      '@umijs/utils': 4.4.12
       core-js: 3.34.0
     transitivePeerDependencies:
       - supports-color
 
-  '@umijs/bundler-esbuild@4.4.11':
+  '@umijs/bundler-esbuild@4.4.12':
     dependencies:
-      '@umijs/bundler-utils': 4.4.11
-      '@umijs/utils': 4.4.11
+      '@umijs/bundler-utils': 4.4.12
+      '@umijs/utils': 4.4.12
       enhanced-resolve: 5.9.3
-      postcss: 8.5.4
-      postcss-flexbugs-fixes: 5.0.2(postcss@8.5.4)
-      postcss-preset-env: 7.5.0(postcss@8.5.4)
+      postcss: 8.5.6
+      postcss-flexbugs-fixes: 5.0.2(postcss@8.5.6)
+      postcss-preset-env: 7.5.0(postcss@8.5.6)
     transitivePeerDependencies:
       - supports-color
 
-  '@umijs/bundler-mako@0.11.10(postcss@8.5.4)(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12))':
+  '@umijs/bundler-mako@0.11.10(postcss@8.5.6)(typescript@5.9.2)(webpack@4.47.0)':
     dependencies:
-      '@umijs/bundler-utils': 4.4.11
-      '@umijs/mako': 0.11.10(postcss@8.5.4)(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12))
+      '@umijs/bundler-utils': 4.4.12
+      '@umijs/mako': 0.11.10(postcss@8.5.6)(typescript@5.9.2)(webpack@4.47.0)
       chalk: 4.1.2
-      compression: 1.8.0
+      compression: 1.8.1
       connect-history-api-fallback: 2.0.0
       cors: 2.8.5
       express: 4.21.2
@@ -13560,9 +13853,9 @@ snapshots:
       - typescript
       - webpack
 
-  '@umijs/bundler-utils@4.4.11':
+  '@umijs/bundler-utils@4.4.12':
     dependencies:
-      '@umijs/utils': 4.4.11
+      '@umijs/utils': 4.4.12
       esbuild: 0.21.4
       regenerate: 1.4.2
       regenerate-unicode-properties: 10.1.1
@@ -13570,18 +13863,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@umijs/bundler-vite@4.4.11(@types/node@9.6.61)(lightningcss@1.22.1)(postcss@8.5.4)(rollup@3.29.5)(sugarss@2.0.0)(terser@5.40.0)':
+  '@umijs/bundler-vite@4.4.12(@types/node@16.18.126)(lightningcss@1.22.1)(postcss@8.5.6)(rollup@3.29.5)(sugarss@2.0.0)(terser@5.43.1)':
     dependencies:
       '@svgr/core': 6.5.1
-      '@umijs/bundler-utils': 4.4.11
-      '@umijs/utils': 4.4.11
-      '@vitejs/plugin-react': 4.0.0(vite@4.5.2(@types/node@9.6.61)(less@4.1.3)(lightningcss@1.22.1)(sugarss@2.0.0)(terser@5.40.0))
+      '@umijs/bundler-utils': 4.4.12
+      '@umijs/utils': 4.4.12
+      '@vitejs/plugin-react': 4.0.0(vite@4.5.2(@types/node@16.18.126)(less@4.1.3)(lightningcss@1.22.1)(sugarss@2.0.0)(terser@5.43.1))
       core-js: 3.34.0
       less: 4.1.3
-      postcss-preset-env: 7.5.0(postcss@8.5.4)
+      postcss-preset-env: 7.5.0(postcss@8.5.6)
       rollup-plugin-visualizer: 5.9.0(rollup@3.29.5)
       systemjs: 6.15.1
-      vite: 4.5.2(@types/node@9.6.61)(less@4.1.3)(lightningcss@1.22.1)(sugarss@2.0.0)(terser@5.40.0)
+      vite: 4.5.2(@types/node@16.18.126)(less@4.1.3)(lightningcss@1.22.1)(sugarss@2.0.0)(terser@5.43.1)
     transitivePeerDependencies:
       - '@types/node'
       - lightningcss
@@ -13593,27 +13886,27 @@ snapshots:
       - supports-color
       - terser
 
-  '@umijs/bundler-webpack@4.4.11(type-fest@0.21.3)(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12))':
+  '@umijs/bundler-webpack@4.4.12(type-fest@0.21.3)(typescript@5.9.2)(webpack@4.47.0)':
     dependencies:
       '@svgr/core': 6.5.1
       '@svgr/plugin-jsx': 6.5.1(@svgr/core@6.5.1)
       '@svgr/plugin-svgo': 6.5.1(@svgr/core@6.5.1)
       '@types/hapi__joi': 17.1.9
-      '@umijs/babel-preset-umi': 4.4.11
-      '@umijs/bundler-utils': 4.4.11
+      '@umijs/babel-preset-umi': 4.4.12
+      '@umijs/bundler-utils': 4.4.12
       '@umijs/case-sensitive-paths-webpack-plugin': 1.0.1
-      '@umijs/mfsu': 4.4.11
-      '@umijs/react-refresh-webpack-plugin': 0.5.11(react-refresh@0.14.0)(type-fest@0.21.3)(webpack@4.47.0(webpack-cli@3.3.12))
-      '@umijs/utils': 4.4.11
+      '@umijs/mfsu': 4.4.12
+      '@umijs/react-refresh-webpack-plugin': 0.5.11(react-refresh@0.14.0)(type-fest@0.21.3)(webpack@4.47.0)
+      '@umijs/utils': 4.4.12
       cors: 2.8.5
-      css-loader: 6.7.1(webpack@4.47.0(webpack-cli@3.3.12))
+      css-loader: 6.7.1(webpack@4.47.0)
       es5-imcompatible-versions: 0.1.90
-      fork-ts-checker-webpack-plugin: 8.0.0(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12))
+      fork-ts-checker-webpack-plugin: 8.0.0(typescript@5.9.2)(webpack@4.47.0)
       jest-worker: 29.4.3
       lightningcss: 1.22.1
       node-libs-browser: 2.2.1
-      postcss: 8.5.4
-      postcss-preset-env: 7.5.0(postcss@8.5.4)
+      postcss: 8.5.6
+      postcss-preset-env: 7.5.0(postcss@8.5.6)
       react-error-overlay: 6.0.9
       react-refresh: 0.14.0
     transitivePeerDependencies:
@@ -13629,14 +13922,14 @@ snapshots:
 
   '@umijs/case-sensitive-paths-webpack-plugin@1.0.1': {}
 
-  '@umijs/core@4.4.11':
+  '@umijs/core@4.4.12':
     dependencies:
-      '@umijs/bundler-utils': 4.4.11
-      '@umijs/utils': 4.4.11
+      '@umijs/bundler-utils': 4.4.12
+      '@umijs/utils': 4.4.12
     transitivePeerDependencies:
       - supports-color
 
-  '@umijs/did-you-know@1.0.3': {}
+  '@umijs/did-you-know@1.0.4': {}
 
   '@umijs/es-module-parser-darwin-arm64@0.0.7':
     optional: true
@@ -13680,20 +13973,20 @@ snapshots:
   '@umijs/fabric@3.0.0':
     dependencies:
       '@babel/core': 7.27.4
-      '@babel/eslint-parser': 7.27.1(@babel/core@7.27.4)(eslint@7.32.0)
+      '@babel/eslint-parser': 7.27.5(@babel/core@7.27.4)(eslint@7.32.0)
       '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.27.4)
       '@babel/plugin-proposal-decorators': 7.27.1(@babel/core@7.27.4)
       '@babel/preset-env': 7.27.2(@babel/core@7.27.4)
       '@babel/preset-react': 7.27.1(@babel/core@7.27.4)
       '@babel/preset-typescript': 7.27.1(@babel/core@7.27.4)
-      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@4.9.5))(eslint@7.32.0)(typescript@4.9.5)
+      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@5.9.2))(eslint@7.32.0)(typescript@4.9.5)
       '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@4.9.5)
       chalk: 4.1.2
       eslint: 7.32.0
       eslint-config-prettier: 8.10.0(eslint@7.32.0)
       eslint-formatter-pretty: 4.1.0
       eslint-plugin-babel: 5.3.1(eslint@7.32.0)
-      eslint-plugin-jest: 24.7.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@4.9.5))(eslint@7.32.0)(typescript@4.9.5))(eslint@7.32.0)(typescript@4.9.5)
+      eslint-plugin-jest: 24.7.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@5.9.2))(eslint@8.35.0)(typescript@5.9.2))(eslint@7.32.0)(typescript@4.9.5)
       eslint-plugin-promise: 6.6.0(eslint@7.32.0)
       eslint-plugin-react: 7.37.5(eslint@7.32.0)
       eslint-plugin-react-hooks: 4.6.2(eslint@7.32.0)
@@ -13722,19 +14015,19 @@ snapshots:
       '@babel/runtime': 7.23.6
       query-string: 6.14.1
 
-  '@umijs/lint@4.4.11(eslint@8.35.0)(stylelint@14.8.2)(typescript@4.9.5)':
+  '@umijs/lint@4.4.12(eslint@8.35.0)(stylelint@14.8.2)(typescript@5.9.2)':
     dependencies:
       '@babel/core': 7.23.6
       '@babel/eslint-parser': 7.23.3(@babel/core@7.23.6)(eslint@8.35.0)
-      '@stylelint/postcss-css-in-js': 0.38.0(postcss-syntax@0.36.2(postcss@8.5.4))(postcss@8.5.4)
-      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@4.9.5))(eslint@8.35.0)(typescript@4.9.5)
-      '@typescript-eslint/parser': 5.62.0(eslint@8.35.0)(typescript@4.9.5)
-      '@umijs/babel-preset-umi': 4.4.11
-      eslint-plugin-jest: 27.2.3(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@4.9.5))(eslint@8.35.0)(typescript@4.9.5))(eslint@8.35.0)(typescript@4.9.5)
+      '@stylelint/postcss-css-in-js': 0.38.0(postcss-syntax@0.36.2(postcss@8.5.6))(postcss@8.5.6)
+      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@5.9.2))(eslint@8.35.0)(typescript@5.9.2)
+      '@typescript-eslint/parser': 5.62.0(eslint@8.35.0)(typescript@5.9.2)
+      '@umijs/babel-preset-umi': 4.4.12
+      eslint-plugin-jest: 27.2.3(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@5.9.2))(eslint@8.35.0)(typescript@5.9.2))(eslint@8.35.0)(typescript@5.9.2)
       eslint-plugin-react: 7.33.2(eslint@8.35.0)
       eslint-plugin-react-hooks: 4.6.0(eslint@8.35.0)
-      postcss: 8.5.4
-      postcss-syntax: 0.36.2(postcss@8.5.4)
+      postcss: 8.5.6
+      postcss-syntax: 0.36.2(postcss@8.5.6)
       stylelint-config-standard: 25.0.0(stylelint@14.8.2)
     transitivePeerDependencies:
       - eslint
@@ -13772,25 +14065,25 @@ snapshots:
   '@umijs/mako-win32-x64-msvc@0.11.10':
     optional: true
 
-  '@umijs/mako@0.11.10(postcss@8.5.4)(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12))':
+  '@umijs/mako@0.11.10(postcss@8.5.6)(typescript@5.9.2)(webpack@4.47.0)':
     dependencies:
       '@module-federation/webpack-bundler-runtime': 0.8.12
       '@swc/helpers': 0.5.1
       '@types/resolve': 1.20.6
       chalk: 4.1.2
-      enhanced-resolve: 5.18.1
-      less: 4.3.0
-      less-loader: 12.3.0(less@4.3.0)(webpack@4.47.0(webpack-cli@3.3.12))
+      enhanced-resolve: 5.18.3
+      less: 4.4.1
+      less-loader: 12.3.0(less@4.4.1)(webpack@4.47.0)
       loader-runner: 4.3.0
       loader-utils: 3.3.1
       lodash: 4.17.21
       node-libs-browser-okam: 2.2.5
       piscina: 4.9.2
-      postcss-loader: 8.1.1(postcss@8.5.4)(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12))
+      postcss-loader: 8.1.1(postcss@8.5.6)(typescript@5.9.2)(webpack@4.47.0)
       react-error-overlay: 6.0.9
       react-refresh: 0.14.2
       resolve: 1.22.10
-      sass-loader: 16.0.5(webpack@4.47.0(webpack-cli@3.3.12))
+      sass-loader: 16.0.5(webpack@4.47.0)
       semver: 7.7.2
       yargs-parser: 21.1.1
     optionalDependencies:
@@ -13811,14 +14104,14 @@ snapshots:
       - typescript
       - webpack
 
-  '@umijs/max@4.4.11(@babel/core@7.27.4)(@types/node@9.6.61)(@types/react-dom@16.9.25(@types/react@16.14.65))(@types/react@16.14.65)(dva@2.5.0-beta.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(lightningcss@1.22.1)(prettier@2.8.8)(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)(rollup@3.29.5)(sugarss@2.0.0)(terser@5.40.0)(type-fest@0.21.3)(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12))':
+  '@umijs/max@4.4.12(@babel/core@7.28.3)(@types/node@16.18.126)(@types/react-dom@16.9.25(@types/react@16.14.65))(@types/react@16.14.65)(dva@2.5.0-beta.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(lightningcss@1.22.1)(prettier@2.8.8)(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)(rollup@3.29.5)(sugarss@2.0.0)(terser@5.43.1)(type-fest@0.21.3)(typescript@5.9.2)(webpack@4.47.0)':
     dependencies:
-      '@umijs/lint': 4.4.11(eslint@8.35.0)(stylelint@14.8.2)(typescript@4.9.5)
-      '@umijs/plugins': 4.4.11(@babel/core@7.27.4)(@types/react-dom@16.9.25(@types/react@16.14.65))(@types/react@16.14.65)(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(dva@2.5.0-beta.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@umijs/lint': 4.4.12(eslint@8.35.0)(stylelint@14.8.2)(typescript@5.9.2)
+      '@umijs/plugins': 4.4.12(@babel/core@7.28.3)(@types/react-dom@16.9.25(@types/react@16.14.65))(@types/react@16.14.65)(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(dva@2.5.0-beta.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       antd: 4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       eslint: 8.35.0
       stylelint: 14.8.2
-      umi: 4.4.11(@babel/core@7.27.4)(@types/node@9.6.61)(@types/react@16.14.65)(eslint@8.35.0)(lightningcss@1.22.1)(prettier@2.8.8)(react-dom@17.0.2(react@17.0.2))(react@17.0.2)(rollup@3.29.5)(stylelint@14.8.2)(sugarss@2.0.0)(terser@5.40.0)(type-fest@0.21.3)(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12))
+      umi: 4.4.12(@babel/core@7.28.3)(@types/node@16.18.126)(@types/react@16.14.65)(eslint@8.35.0)(lightningcss@1.22.1)(prettier@2.8.8)(react-dom@17.0.2(react@17.0.2))(react@17.0.2)(rollup@3.29.5)(stylelint@14.8.2)(sugarss@2.0.0)(terser@5.43.1)(type-fest@0.21.3)(typescript@5.9.2)(webpack@4.47.0)
     transitivePeerDependencies:
       - '@babel/core'
       - '@rspack/core'
@@ -13858,36 +14151,36 @@ snapshots:
       - webpack-hot-middleware
       - webpack-plugin-serve
 
-  '@umijs/mfsu@4.4.11':
+  '@umijs/mfsu@4.4.12':
     dependencies:
-      '@umijs/bundler-esbuild': 4.4.11
-      '@umijs/bundler-utils': 4.4.11
-      '@umijs/utils': 4.4.11
+      '@umijs/bundler-esbuild': 4.4.12
+      '@umijs/bundler-utils': 4.4.12
+      '@umijs/utils': 4.4.12
       enhanced-resolve: 5.9.3
       is-equal: 1.7.0
     transitivePeerDependencies:
       - supports-color
 
-  '@umijs/plugin-run@4.4.11':
+  '@umijs/plugin-run@4.4.12':
     dependencies:
       tsx: 3.12.2
 
-  '@umijs/plugins@4.4.11(@babel/core@7.27.4)(@types/react-dom@16.9.25(@types/react@16.14.65))(@types/react@16.14.65)(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(dva@2.5.0-beta.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@umijs/plugins@4.4.12(@babel/core@7.28.3)(@types/react-dom@16.9.25(@types/react@16.14.65))(@types/react@16.14.65)(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(dva@2.5.0-beta.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
       '@ahooksjs/use-request': 2.8.15(react@17.0.2)
       '@ant-design/antd-theme-variable': 1.0.0
-      '@ant-design/cssinjs': 1.23.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@ant-design/cssinjs': 1.24.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       '@ant-design/icons': 4.8.3(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       '@ant-design/moment-webpack-plugin': 0.0.3
-      '@ant-design/pro-components': 2.8.7(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@tanstack/react-query': 4.39.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@tanstack/react-query-devtools': 4.39.1(@tanstack/react-query@4.39.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@umijs/bundler-utils': 4.4.11
+      '@ant-design/pro-components': 2.8.10(antd@4.24.16(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@tanstack/react-query': 4.40.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@tanstack/react-query-devtools': 4.40.1(@tanstack/react-query@4.40.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2))(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@umijs/bundler-utils': 4.4.12
       '@umijs/valtio': 1.0.4(@types/react@16.14.65)(react@17.0.2)
       antd-dayjs-webpack-plugin: 1.0.6(dayjs@1.11.13)
       axios: 0.27.2
       babel-plugin-import: 1.13.8
-      babel-plugin-styled-components: 2.1.4(@babel/core@7.27.4)(styled-components@6.1.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2))
+      babel-plugin-styled-components: 2.1.4(@babel/core@7.28.3)(styled-components@6.1.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2))
       dayjs: 1.11.13
       dva-core: 2.0.4(redux@4.2.1)
       dva-immer: 1.0.2(dva@2.5.0-beta.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2))
@@ -13898,7 +14191,7 @@ snapshots:
       lodash: 4.17.21
       moment: 2.30.1
       qiankun: 2.10.16
-      react-intl: 3.12.1(react@17.0.2)
+      react-intl: 3.12.1(@types/react@16.14.65)(react@17.0.2)
       react-redux: 8.1.3(@types/react-dom@16.9.25(@types/react@16.14.65))(@types/react@16.14.65)(react-dom@17.0.2(react@17.0.2))(react@17.0.2)(redux@4.2.1)
       redux: 4.2.1
       styled-components: 6.1.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -13917,28 +14210,29 @@ snapshots:
       - react-native
       - supports-color
 
-  '@umijs/preset-umi@4.4.11(@types/node@9.6.61)(@types/react@16.14.65)(lightningcss@1.22.1)(rollup@3.29.5)(sugarss@2.0.0)(terser@5.40.0)(type-fest@0.21.3)(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12))':
+  '@umijs/preset-umi@4.4.12(@types/node@16.18.126)(@types/react@16.14.65)(lightningcss@1.22.1)(rollup@3.29.5)(sugarss@2.0.0)(terser@5.43.1)(type-fest@0.21.3)(typescript@5.9.2)(webpack@4.47.0)':
     dependencies:
       '@iconify/utils': 2.1.1
+      '@stagewise/toolbar': 0.6.2
       '@svgr/core': 6.5.1
-      '@umijs/ast': 4.4.11
-      '@umijs/babel-preset-umi': 4.4.11
-      '@umijs/bundler-esbuild': 4.4.11
-      '@umijs/bundler-mako': 0.11.10(postcss@8.5.4)(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12))
-      '@umijs/bundler-utils': 4.4.11
-      '@umijs/bundler-vite': 4.4.11(@types/node@9.6.61)(lightningcss@1.22.1)(postcss@8.5.4)(rollup@3.29.5)(sugarss@2.0.0)(terser@5.40.0)
-      '@umijs/bundler-webpack': 4.4.11(type-fest@0.21.3)(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12))
-      '@umijs/core': 4.4.11
-      '@umijs/did-you-know': 1.0.3
+      '@umijs/ast': 4.4.12
+      '@umijs/babel-preset-umi': 4.4.12
+      '@umijs/bundler-esbuild': 4.4.12
+      '@umijs/bundler-mako': 0.11.10(postcss@8.5.6)(typescript@5.9.2)(webpack@4.47.0)
+      '@umijs/bundler-utils': 4.4.12
+      '@umijs/bundler-vite': 4.4.12(@types/node@16.18.126)(lightningcss@1.22.1)(postcss@8.5.6)(rollup@3.29.5)(sugarss@2.0.0)(terser@5.43.1)
+      '@umijs/bundler-webpack': 4.4.12(type-fest@0.21.3)(typescript@5.9.2)(webpack@4.47.0)
+      '@umijs/core': 4.4.12
+      '@umijs/did-you-know': 1.0.4
       '@umijs/es-module-parser': 0.0.7
       '@umijs/history': 5.3.1
-      '@umijs/mfsu': 4.4.11
-      '@umijs/plugin-run': 4.4.11
-      '@umijs/renderer-react': 4.4.11(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@umijs/server': 4.4.11
+      '@umijs/mfsu': 4.4.12
+      '@umijs/plugin-run': 4.4.12
+      '@umijs/renderer-react': 4.4.12(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@umijs/server': 4.4.12
       '@umijs/ui': 3.0.1
-      '@umijs/utils': 4.4.11
-      '@umijs/zod2ts': 4.4.11
+      '@umijs/utils': 4.4.12
+      '@umijs/zod2ts': 4.4.12
       babel-plugin-dynamic-import-node: 2.3.3
       babel-plugin-react-compiler: 0.0.0-experimental-c23de8d-20240515
       click-to-react-component: 1.1.0(@types/react@16.14.65)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -13946,11 +14240,11 @@ snapshots:
       current-script-polyfill: 1.0.0
       enhanced-resolve: 5.9.3
       fast-glob: 3.2.12
-      html-webpack-plugin: 5.5.0(webpack@4.47.0(webpack-cli@3.3.12))
+      html-webpack-plugin: 5.5.0(webpack@4.47.0)
       less-plugin-resolve: 1.0.2
       path-to-regexp: 1.7.0
-      postcss: 8.5.4
-      postcss-prefix-selector: 1.16.0(postcss@8.5.4)
+      postcss: 8.5.6
+      postcss-prefix-selector: 1.16.0(postcss@8.5.6)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       react-router: 6.3.0(react@18.3.1)
@@ -13978,23 +14272,23 @@ snapshots:
       - webpack-hot-middleware
       - webpack-plugin-serve
 
-  '@umijs/react-refresh-webpack-plugin@0.5.11(react-refresh@0.14.0)(type-fest@0.21.3)(webpack@4.47.0(webpack-cli@3.3.12))':
+  '@umijs/react-refresh-webpack-plugin@0.5.11(react-refresh@0.14.0)(type-fest@0.21.3)(webpack@4.47.0)':
     dependencies:
       ansi-html-community: 0.0.8
       common-path-prefix: 3.0.0
-      core-js-pure: 3.42.0
+      core-js-pure: 3.45.0
       error-stack-parser: 2.1.4
       find-up: 5.0.0
       html-entities: 2.6.0
       loader-utils: 2.0.4
       react-refresh: 0.14.0
       schema-utils: 3.3.0
-      source-map: 0.7.4
+      source-map: 0.7.6
       webpack: 4.47.0(webpack-cli@3.3.12)
     optionalDependencies:
       type-fest: 0.21.3
 
-  '@umijs/renderer-react@4.4.11(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
+  '@umijs/renderer-react@4.4.12(react-dom@17.0.2(react@17.0.2))(react@17.0.2)':
     dependencies:
       '@babel/runtime': 7.23.6
       '@loadable/component': 5.15.2(react@17.0.2)
@@ -14004,7 +14298,7 @@ snapshots:
       react-helmet-async: 1.3.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react-router-dom: 6.3.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
 
-  '@umijs/renderer-react@4.4.11(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@umijs/renderer-react@4.4.12(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.23.6
       '@loadable/component': 5.15.2(react@18.3.1)
@@ -14016,9 +14310,9 @@ snapshots:
 
   '@umijs/route-utils@4.0.1': {}
 
-  '@umijs/server@4.4.11':
+  '@umijs/server@4.4.12':
     dependencies:
-      '@umijs/bundler-utils': 4.4.11
+      '@umijs/bundler-utils': 4.4.12
       history: 5.3.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -14026,13 +14320,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@umijs/test@4.4.11(@babel/core@7.27.4)':
+  '@umijs/test@4.4.12(@babel/core@7.28.3)':
     dependencies:
-      '@babel/plugin-transform-modules-commonjs': 7.23.3(@babel/core@7.27.4)
+      '@babel/plugin-transform-modules-commonjs': 7.23.3(@babel/core@7.28.3)
       '@jest/types': 27.5.1
-      '@umijs/bundler-utils': 4.4.11
-      '@umijs/utils': 4.4.11
-      babel-jest: 29.7.0(@babel/core@7.27.4)
+      '@umijs/bundler-utils': 4.4.12
+      '@umijs/utils': 4.4.12
+      babel-jest: 29.7.0(@babel/core@7.28.3)
       esbuild: 0.21.4
       identity-obj-proxy: 3.0.0
       isomorphic-unfetch: 4.0.2
@@ -14046,7 +14340,7 @@ snapshots:
     dependencies:
       react: 17.0.2
 
-  '@umijs/utils@4.4.11':
+  '@umijs/utils@4.4.12':
     dependencies:
       chokidar: 3.5.3
       pino: 7.11.0
@@ -14058,17 +14352,17 @@ snapshots:
       - '@types/react'
       - react
 
-  '@umijs/zod2ts@4.4.11': {}
+  '@umijs/zod2ts@4.4.12': {}
 
   '@ungap/structured-clone@1.3.0': {}
 
-  '@vitejs/plugin-react@4.0.0(vite@4.5.2(@types/node@9.6.61)(less@4.1.3)(lightningcss@1.22.1)(sugarss@2.0.0)(terser@5.40.0))':
+  '@vitejs/plugin-react@4.0.0(vite@4.5.2(@types/node@16.18.126)(less@4.1.3)(lightningcss@1.22.1)(sugarss@2.0.0)(terser@5.43.1))':
     dependencies:
-      '@babel/core': 7.27.4
-      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.27.4)
-      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.27.4)
+      '@babel/core': 7.28.3
+      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.3)
+      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.28.3)
       react-refresh: 0.14.2
-      vite: 4.5.2(@types/node@9.6.61)(less@4.1.3)(lightningcss@1.22.1)(sugarss@2.0.0)(terser@5.40.0)
+      vite: 4.5.2(@types/node@16.18.126)(less@4.1.3)(lightningcss@1.22.1)(sugarss@2.0.0)(terser@5.43.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -14184,15 +14478,15 @@ snapshots:
     dependencies:
       acorn: 7.4.1
 
-  acorn-jsx@5.3.2(acorn@8.14.1):
+  acorn-jsx@5.3.2(acorn@8.15.0):
     dependencies:
-      acorn: 8.14.1
+      acorn: 8.15.0
 
   acorn@6.4.2: {}
 
   acorn@7.4.1: {}
 
-  acorn@8.14.1: {}
+  acorn@8.15.0: {}
 
   add-dom-event-listener@1.1.0:
     dependencies:
@@ -14278,7 +14572,7 @@ snapshots:
       merge-descriptors: 1.0.3
       mime: 2.6.0
       platform: 1.3.6
-      pump: 3.0.2
+      pump: 3.0.3
       qs: 6.14.0
       sdk-base: 2.0.1
       stream-http: 2.8.2
@@ -14329,7 +14623,7 @@ snapshots:
       '@ant-design/colors': 6.0.0
       '@ant-design/icons': 4.8.3(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       '@ant-design/react-slick': 1.0.2(react@17.0.2)
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       '@ctrl/tinycolor': 3.6.1
       classnames: 2.5.1
       copy-to-clipboard: 3.3.3
@@ -14372,7 +14666,7 @@ snapshots:
       react-dom: 17.0.2(react@17.0.2)
       scroll-into-view-if-needed: 2.2.31
 
-  antd@5.25.4(date-fns@2.30.0)(luxon@3.6.1)(moment@2.30.1)(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
+  antd@5.26.1(date-fns@2.30.0)(luxon@3.6.1)(moment@2.30.1)(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
       '@ant-design/colors': 7.2.1
       '@ant-design/cssinjs': 1.23.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -14380,12 +14674,12 @@ snapshots:
       '@ant-design/fast-color': 2.0.6
       '@ant-design/icons': 5.6.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       '@ant-design/react-slick': 1.1.2(react@17.0.2)
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       '@rc-component/color-picker': 2.0.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       '@rc-component/mutate-observer': 1.1.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       '@rc-component/qrcode': 1.0.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       '@rc-component/tour': 1.15.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@rc-component/trigger': 2.2.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@rc-component/trigger': 2.2.7(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       copy-to-clipboard: 3.3.3
       dayjs: 1.11.13
@@ -14413,7 +14707,7 @@ snapshots:
       rc-slider: 11.1.8(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-steps: 6.0.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-switch: 4.1.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      rc-table: 7.50.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      rc-table: 7.51.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-tabs: 15.6.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-textarea: 1.10.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-tooltip: 6.4.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -14449,7 +14743,7 @@ snapshots:
 
   app-builder-bin@5.0.0-alpha.10: {}
 
-  app-builder-lib@25.1.8(dmg-builder@25.1.8(electron-builder-squirrel-windows@25.1.8(dmg-builder@25.1.8)))(electron-builder-squirrel-windows@25.1.8(dmg-builder@25.1.8)):
+  app-builder-lib@25.1.8(dmg-builder@25.1.8)(electron-builder-squirrel-windows@25.1.8(dmg-builder@25.1.8)):
     dependencies:
       '@develar/schema-utils': 2.6.5
       '@electron/notarize': 2.5.0
@@ -14471,7 +14765,7 @@ snapshots:
       ejs: 3.1.10
       electron-builder-squirrel-windows: 25.1.8(dmg-builder@25.1.8)
       electron-publish: 25.1.7
-      form-data: 4.0.2
+      form-data: 4.0.3
       fs-extra: 10.1.0
       hosted-git-info: 4.1.0
       is-ci: 3.0.1
@@ -14479,7 +14773,7 @@ snapshots:
       js-yaml: 4.1.0
       json5: 2.2.3
       lazy-val: 1.0.5
-      minimatch: 10.0.1
+      minimatch: 10.0.3
       resedit: 1.7.2
       sanitize-filename: 1.6.3
       semver: 7.7.2
@@ -14548,8 +14842,8 @@ snapshots:
 
   aria-query@4.2.2:
     dependencies:
-      '@babel/runtime': 7.27.4
-      '@babel/runtime-corejs3': 7.27.4
+      '@babel/runtime': 7.27.6
+      '@babel/runtime-corejs3': 7.27.6
 
   arr-diff@4.0.0: {}
 
@@ -14673,20 +14967,20 @@ snapshots:
 
   atomic-sleep@1.0.0: {}
 
-  autoprefixer@10.4.21(postcss@8.5.4):
+  autoprefixer@10.4.21(postcss@8.5.6):
     dependencies:
-      browserslist: 4.25.0
-      caniuse-lite: 1.0.30001720
+      browserslist: 4.25.3
+      caniuse-lite: 1.0.30001735
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.1.1
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
   autoprefixer@9.8.8:
     dependencies:
       browserslist: 4.25.0
-      caniuse-lite: 1.0.30001720
+      caniuse-lite: 1.0.30001724
       normalize-range: 0.1.2
       num2fraction: 1.2.2
       picocolors: 0.2.1
@@ -14716,26 +15010,26 @@ snapshots:
 
   axios@0.27.2:
     dependencies:
-      follow-redirects: 1.15.9
-      form-data: 4.0.2
+      follow-redirects: 1.15.11
+      form-data: 4.0.4
     transitivePeerDependencies:
       - debug
 
-  axios@1.9.0:
+  axios@1.10.0:
     dependencies:
       follow-redirects: 1.15.9
-      form-data: 4.0.2
+      form-data: 4.0.3
       proxy-from-env: 1.1.0
     transitivePeerDependencies:
       - debug
 
-  babel-jest@29.7.0(@babel/core@7.27.4):
+  babel-jest@29.7.0(@babel/core@7.28.3):
     dependencies:
-      '@babel/core': 7.27.4
+      '@babel/core': 7.28.3
       '@jest/transform': 29.7.0
       '@types/babel__core': 7.20.5
       babel-plugin-istanbul: 6.1.1
-      babel-preset-jest: 29.6.3(@babel/core@7.27.4)
+      babel-preset-jest: 29.6.3(@babel/core@7.28.3)
       chalk: 4.1.2
       graceful-fs: 4.2.11
       slash: 3.0.0
@@ -14765,13 +15059,13 @@ snapshots:
   babel-plugin-jest-hoist@29.6.3:
     dependencies:
       '@babel/template': 7.27.2
-      '@babel/types': 7.27.3
+      '@babel/types': 7.28.2
       '@types/babel__core': 7.20.5
-      '@types/babel__traverse': 7.20.7
+      '@types/babel__traverse': 7.28.0
 
   babel-plugin-polyfill-corejs2@0.4.13(@babel/core@7.27.4):
     dependencies:
-      '@babel/compat-data': 7.27.3
+      '@babel/compat-data': 7.27.5
       '@babel/core': 7.27.4
       '@babel/helper-define-polyfill-provider': 0.6.4(@babel/core@7.27.4)
       semver: 6.3.1
@@ -14782,7 +15076,7 @@ snapshots:
     dependencies:
       '@babel/core': 7.27.4
       '@babel/helper-define-polyfill-provider': 0.6.4(@babel/core@7.27.4)
-      core-js-compat: 3.42.0
+      core-js-compat: 3.43.0
     transitivePeerDependencies:
       - supports-color
 
@@ -14796,18 +15090,18 @@ snapshots:
   babel-plugin-react-compiler@0.0.0-experimental-c23de8d-20240515:
     dependencies:
       '@babel/generator': 7.2.0
-      '@babel/types': 7.27.3
+      '@babel/types': 7.28.2
       chalk: 4.1.2
       invariant: 2.2.4
       pretty-format: 24.9.0
-      zod: 3.25.49
-      zod-validation-error: 2.1.0(zod@3.25.49)
+      zod: 3.25.76
+      zod-validation-error: 2.1.0(zod@3.25.76)
 
-  babel-plugin-styled-components@2.1.4(@babel/core@7.27.4)(styled-components@6.1.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)):
+  babel-plugin-styled-components@2.1.4(@babel/core@7.28.3)(styled-components@6.1.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)):
     dependencies:
       '@babel/helper-annotate-as-pure': 7.27.3
       '@babel/helper-module-imports': 7.27.1
-      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.27.4)
+      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.3)
       lodash: 4.17.21
       picomatch: 2.3.1
       styled-components: 6.1.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -14815,30 +15109,30 @@ snapshots:
       - '@babel/core'
       - supports-color
 
-  babel-preset-current-node-syntax@1.1.0(@babel/core@7.27.4):
-    dependencies:
-      '@babel/core': 7.27.4
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.27.4)
-      '@babel/plugin-syntax-bigint': 7.8.3(@babel/core@7.27.4)
-      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.27.4)
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.27.4)
-      '@babel/plugin-syntax-import-attributes': 7.27.1(@babel/core@7.27.4)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.27.4)
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.27.4)
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.27.4)
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.27.4)
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.27.4)
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.27.4)
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.27.4)
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.27.4)
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.27.4)
-      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.27.4)
-
-  babel-preset-jest@29.6.3(@babel/core@7.27.4):
-    dependencies:
-      '@babel/core': 7.27.4
+  babel-preset-current-node-syntax@1.2.0(@babel/core@7.28.3):
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.28.3)
+      '@babel/plugin-syntax-bigint': 7.8.3(@babel/core@7.28.3)
+      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.28.3)
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.28.3)
+      '@babel/plugin-syntax-import-attributes': 7.27.1(@babel/core@7.28.3)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.28.3)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.28.3)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.28.3)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.28.3)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.28.3)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.28.3)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.28.3)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.28.3)
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.28.3)
+      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.28.3)
+
+  babel-preset-jest@29.6.3(@babel/core@7.28.3):
+    dependencies:
+      '@babel/core': 7.28.3
       babel-plugin-jest-hoist: 29.6.3
-      babel-preset-current-node-syntax: 1.1.0(@babel/core@7.27.4)
+      babel-preset-current-node-syntax: 1.2.0(@babel/core@7.28.3)
 
   bail@1.0.5: {}
 
@@ -14942,12 +15236,12 @@ snapshots:
     dependencies:
       big-integer: 1.6.52
 
-  brace-expansion@1.1.11:
+  brace-expansion@1.1.12:
     dependencies:
       balanced-match: 1.0.2
       concat-map: 0.0.1
 
-  brace-expansion@2.0.1:
+  brace-expansion@2.0.2:
     dependencies:
       balanced-match: 1.0.2
 
@@ -15019,11 +15313,18 @@ snapshots:
 
   browserslist@4.25.0:
     dependencies:
-      caniuse-lite: 1.0.30001720
-      electron-to-chromium: 1.5.161
+      caniuse-lite: 1.0.30001724
+      electron-to-chromium: 1.5.171
       node-releases: 2.0.19
       update-browserslist-db: 1.1.3(browserslist@4.25.0)
 
+  browserslist@4.25.3:
+    dependencies:
+      caniuse-lite: 1.0.30001735
+      electron-to-chromium: 1.5.207
+      node-releases: 2.0.19
+      update-browserslist-db: 1.1.3(browserslist@4.25.3)
+
   bser@2.1.1:
     dependencies:
       node-int64: 0.4.0
@@ -15193,7 +15494,9 @@ snapshots:
 
   camelize@1.0.1: {}
 
-  caniuse-lite@1.0.30001720: {}
+  caniuse-lite@1.0.30001724: {}
+
+  caniuse-lite@1.0.30001735: {}
 
   caseless@0.12.0: {}
 
@@ -15423,13 +15726,13 @@ snapshots:
     dependencies:
       mime-db: 1.54.0
 
-  compression@1.8.0:
+  compression@1.8.1:
     dependencies:
       bytes: 3.1.2
       compressible: 2.0.18
       debug: 2.6.9(supports-color@6.1.0)
       negotiator: 0.6.4
-      on-headers: 1.0.2
+      on-headers: 1.1.0
       safe-buffer: 5.2.1
       vary: 1.1.2
     transitivePeerDependencies:
@@ -15463,7 +15766,7 @@ snapshots:
   config-file-ts@0.2.8-rc1:
     dependencies:
       glob: 10.4.5
-      typescript: 5.8.3
+      typescript: 5.9.2
 
   connect-history-api-fallback@2.0.0: {}
 
@@ -15517,15 +15820,17 @@ snapshots:
 
   copy-to@2.0.1: {}
 
-  core-js-compat@3.42.0:
+  core-js-compat@3.43.0:
     dependencies:
       browserslist: 4.25.0
 
-  core-js-pure@3.42.0: {}
+  core-js-pure@3.43.0: {}
+
+  core-js-pure@3.45.0: {}
 
   core-js@3.34.0: {}
 
-  core-js@3.42.0: {}
+  core-js@3.43.0: {}
 
   core-util-is@1.0.2: {}
 
@@ -15544,14 +15849,14 @@ snapshots:
       path-type: 4.0.0
       yaml: 1.10.2
 
-  cosmiconfig@9.0.0(typescript@4.9.5):
+  cosmiconfig@9.0.0(typescript@5.9.2):
     dependencies:
       env-paths: 2.2.1
       import-fresh: 3.3.1
       js-yaml: 4.1.0
       parse-json: 5.2.0
     optionalDependencies:
-      typescript: 4.9.5
+      typescript: 5.9.2
 
   crc-32@1.2.2: {}
 
@@ -15630,35 +15935,35 @@ snapshots:
       randombytes: 2.1.0
       randomfill: 1.0.4
 
-  css-blank-pseudo@3.0.3(postcss@8.5.4):
+  css-blank-pseudo@3.0.3(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
   css-color-keywords@1.0.0: {}
 
   css-functions-list@3.2.3: {}
 
-  css-has-pseudo@3.0.4(postcss@8.5.4):
+  css-has-pseudo@3.0.4(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
-  css-loader@6.7.1(webpack@4.47.0(webpack-cli@3.3.12)):
+  css-loader@6.7.1(webpack@4.47.0):
     dependencies:
-      icss-utils: 5.1.0(postcss@8.5.4)
-      postcss: 8.5.4
-      postcss-modules-extract-imports: 3.1.0(postcss@8.5.4)
-      postcss-modules-local-by-default: 4.2.0(postcss@8.5.4)
-      postcss-modules-scope: 3.2.1(postcss@8.5.4)
-      postcss-modules-values: 4.0.0(postcss@8.5.4)
+      icss-utils: 5.1.0(postcss@8.5.6)
+      postcss: 8.5.6
+      postcss-modules-extract-imports: 3.1.0(postcss@8.5.6)
+      postcss-modules-local-by-default: 4.2.0(postcss@8.5.6)
+      postcss-modules-scope: 3.2.1(postcss@8.5.6)
+      postcss-modules-values: 4.0.0(postcss@8.5.6)
       postcss-value-parser: 4.2.0
       semver: 7.7.2
       webpack: 4.47.0(webpack-cli@3.3.12)
 
-  css-prefers-color-scheme@6.0.3(postcss@8.5.4):
+  css-prefers-color-scheme@6.0.3(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
   css-select@1.2.0:
     dependencies:
@@ -15670,7 +15975,7 @@ snapshots:
   css-select@4.3.0:
     dependencies:
       boolbase: 1.0.0
-      css-what: 6.1.0
+      css-what: 6.2.2
       domhandler: 4.3.1
       domutils: 2.8.0
       nth-check: 2.1.1
@@ -15688,7 +15993,7 @@ snapshots:
 
   css-what@2.1.3: {}
 
-  css-what@6.1.0: {}
+  css-what@6.2.2: {}
 
   css@3.0.0:
     dependencies:
@@ -15779,7 +16084,7 @@ snapshots:
 
   date-fns@2.30.0:
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
 
   dateformat@2.2.0: {}
 
@@ -15926,7 +16231,7 @@ snapshots:
 
   dmg-builder@25.1.8(electron-builder-squirrel-windows@25.1.8(dmg-builder@25.1.8)):
     dependencies:
-      app-builder-lib: 25.1.8(dmg-builder@25.1.8(electron-builder-squirrel-windows@25.1.8(dmg-builder@25.1.8)))(electron-builder-squirrel-windows@25.1.8(dmg-builder@25.1.8))
+      app-builder-lib: 25.1.8(dmg-builder@25.1.8)(electron-builder-squirrel-windows@25.1.8(dmg-builder@25.1.8))
       builder-util: 25.1.7
       builder-util-runtime: 9.2.10
       fs-extra: 10.1.0
@@ -15975,7 +16280,7 @@ snapshots:
 
   dom-helpers@5.2.1:
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       csstype: 3.1.3
 
   dom-serializer@0.1.1:
@@ -16042,21 +16347,21 @@ snapshots:
 
   duplexify@3.7.1:
     dependencies:
-      end-of-stream: 1.4.4
+      end-of-stream: 1.4.5
       inherits: 2.0.4
       readable-stream: 2.3.8
       stream-shift: 1.0.3
 
   duplexify@4.1.3:
     dependencies:
-      end-of-stream: 1.4.4
+      end-of-stream: 1.4.5
       inherits: 2.0.4
       readable-stream: 3.6.2
       stream-shift: 1.0.3
 
   dva-core@1.5.0-beta.2(redux@3.7.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.28.3
       flatten: 1.0.3
       global: 4.4.0
       invariant: 2.2.4
@@ -16067,7 +16372,7 @@ snapshots:
 
   dva-core@2.0.4(redux@4.2.1):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.28.3
       flatten: 1.0.3
       global: 4.4.0
       invariant: 2.2.4
@@ -16078,18 +16383,18 @@ snapshots:
 
   dva-immer@1.0.2(dva@2.5.0-beta.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2)):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.28.3
       dva: 2.5.0-beta.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       immer: 8.0.4
 
   dva-loading@3.0.25(dva-core@2.0.4(redux@4.2.1)):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.28.3
       dva-core: 2.0.4(redux@4.2.1)
 
   dva@2.5.0-beta.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.28.3
       '@types/isomorphic-fetch': 0.0.34
       '@types/react-router-dom': 4.3.5
       '@types/react-router-redux': 5.0.27
@@ -16135,7 +16440,7 @@ snapshots:
 
   electron-builder-squirrel-windows@25.1.8(dmg-builder@25.1.8):
     dependencies:
-      app-builder-lib: 25.1.8(dmg-builder@25.1.8(electron-builder-squirrel-windows@25.1.8(dmg-builder@25.1.8)))(electron-builder-squirrel-windows@25.1.8(dmg-builder@25.1.8))
+      app-builder-lib: 25.1.8(dmg-builder@25.1.8)(electron-builder-squirrel-windows@25.1.8(dmg-builder@25.1.8))
       archiver: 5.3.2
       builder-util: 25.1.7
       fs-extra: 10.1.0
@@ -16146,7 +16451,7 @@ snapshots:
 
   electron-builder@25.1.8(electron-builder-squirrel-windows@25.1.8(dmg-builder@25.1.8)):
     dependencies:
-      app-builder-lib: 25.1.8(dmg-builder@25.1.8(electron-builder-squirrel-windows@25.1.8(dmg-builder@25.1.8)))(electron-builder-squirrel-windows@25.1.8(dmg-builder@25.1.8))
+      app-builder-lib: 25.1.8(dmg-builder@25.1.8)(electron-builder-squirrel-windows@25.1.8(dmg-builder@25.1.8))
       builder-util: 25.1.7
       builder-util-runtime: 9.2.10
       chalk: 4.1.2
@@ -16182,7 +16487,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  electron-to-chromium@1.5.161: {}
+  electron-to-chromium@1.5.171: {}
+
+  electron-to-chromium@1.5.207: {}
 
   electron@22.3.27:
     dependencies:
@@ -16226,7 +16533,7 @@ snapshots:
     dependencies:
       iconv-lite: 0.6.3
 
-  end-of-stream@1.4.4:
+  end-of-stream@1.4.5:
     dependencies:
       once: 1.4.0
 
@@ -16238,7 +16545,7 @@ snapshots:
       memory-fs: 0.5.0
       tapable: 1.1.3
 
-  enhanced-resolve@5.18.1:
+  enhanced-resolve@5.18.3:
     dependencies:
       graceful-fs: 4.2.11
       tapable: 2.2.2
@@ -16501,22 +16808,22 @@ snapshots:
       eslint: 7.32.0
       eslint-rule-composer: 0.3.0
 
-  eslint-plugin-jest@24.7.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@4.9.5))(eslint@7.32.0)(typescript@4.9.5))(eslint@7.32.0)(typescript@4.9.5):
+  eslint-plugin-jest@24.7.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@5.9.2))(eslint@8.35.0)(typescript@5.9.2))(eslint@7.32.0)(typescript@4.9.5):
     dependencies:
       '@typescript-eslint/experimental-utils': 4.33.0(eslint@7.32.0)(typescript@4.9.5)
       eslint: 7.32.0
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@4.9.5))(eslint@7.32.0)(typescript@4.9.5)
+      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@5.9.2))(eslint@8.35.0)(typescript@5.9.2)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  eslint-plugin-jest@27.2.3(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@4.9.5))(eslint@8.35.0)(typescript@4.9.5))(eslint@8.35.0)(typescript@4.9.5):
+  eslint-plugin-jest@27.2.3(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@5.9.2))(eslint@8.35.0)(typescript@5.9.2))(eslint@8.35.0)(typescript@5.9.2):
     dependencies:
-      '@typescript-eslint/utils': 5.62.0(eslint@8.35.0)(typescript@4.9.5)
+      '@typescript-eslint/utils': 5.62.0(eslint@8.35.0)(typescript@5.9.2)
       eslint: 8.35.0
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@4.9.5))(eslint@8.35.0)(typescript@4.9.5)
+      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.35.0)(typescript@5.9.2))(eslint@8.35.0)(typescript@5.9.2)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -16616,7 +16923,7 @@ snapshots:
   eslint-template-visitor@2.3.2(eslint@7.32.0):
     dependencies:
       '@babel/core': 7.27.4
-      '@babel/eslint-parser': 7.27.1(@babel/core@7.27.4)(eslint@7.32.0)
+      '@babel/eslint-parser': 7.27.5(@babel/core@7.27.4)(eslint@7.32.0)
       eslint: 7.32.0
       eslint-visitor-keys: 2.1.0
       esquery: 1.6.0
@@ -16792,8 +17099,8 @@ snapshots:
 
   espree@9.6.1:
     dependencies:
-      acorn: 8.14.1
-      acorn-jsx: 5.3.2(acorn@8.14.1)
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
       eslint-visitor-keys: 3.4.3
 
   esprima@4.0.1: {}
@@ -17042,7 +17349,7 @@ snapshots:
     dependencies:
       pend: 1.2.0
 
-  fdir@6.4.5(picomatch@4.0.2):
+  fdir@6.4.6(picomatch@4.0.2):
     optionalDependencies:
       picomatch: 4.0.2
 
@@ -17151,6 +17458,8 @@ snapshots:
       inherits: 2.0.4
       readable-stream: 2.3.8
 
+  follow-redirects@1.15.11: {}
+
   follow-redirects@1.15.9: {}
 
   for-each@0.3.5:
@@ -17166,7 +17475,7 @@ snapshots:
 
   forever-agent@0.6.1: {}
 
-  fork-ts-checker-webpack-plugin@8.0.0(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12)):
+  fork-ts-checker-webpack-plugin@8.0.0(typescript@5.9.2)(webpack@4.47.0):
     dependencies:
       '@babel/code-frame': 7.27.1
       chalk: 4.1.2
@@ -17180,7 +17489,7 @@ snapshots:
       schema-utils: 3.3.0
       semver: 7.7.2
       tapable: 2.2.2
-      typescript: 4.9.5
+      typescript: 5.9.2
       webpack: 4.47.0(webpack-cli@3.3.12)
 
   form-data@2.3.3:
@@ -17197,11 +17506,20 @@ snapshots:
       mime-types: 2.1.35
       safe-buffer: 5.2.1
 
-  form-data@4.0.2:
+  form-data@4.0.3:
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
       es-set-tostringtag: 2.1.0
+      hasown: 2.0.2
+      mime-types: 2.1.35
+
+  form-data@4.0.4:
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      es-set-tostringtag: 2.1.0
+      hasown: 2.0.2
       mime-types: 2.1.35
 
   formdata-polyfill@4.0.10:
@@ -17261,7 +17579,7 @@ snapshots:
     dependencies:
       minipass: 3.3.6
 
-  fs-monkey@1.0.6: {}
+  fs-monkey@1.1.0: {}
 
   fs-write-stream-atomic@1.0.10:
     dependencies:
@@ -17341,7 +17659,7 @@ snapshots:
 
   get-stream@5.2.0:
     dependencies:
-      pump: 3.0.2
+      pump: 3.0.3
 
   get-stream@6.0.1: {}
 
@@ -17593,7 +17911,7 @@ snapshots:
 
   history@4.10.1:
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.28.3
       loose-envify: 1.4.0
       resolve-pathname: 3.0.0
       tiny-invariant: 1.3.3
@@ -17645,11 +17963,11 @@ snapshots:
       he: 1.2.0
       param-case: 3.0.4
       relateurl: 0.2.7
-      terser: 5.40.0
+      terser: 5.43.1
 
   html-tags@3.3.1: {}
 
-  html-webpack-plugin@5.5.0(webpack@4.47.0(webpack-cli@3.3.12)):
+  html-webpack-plugin@5.5.0(webpack@4.47.0):
     dependencies:
       '@types/html-minifier-terser': 6.1.0
       html-minifier-terser: 6.1.0
@@ -17754,9 +18072,9 @@ snapshots:
     dependencies:
       safer-buffer: 2.1.2
 
-  icss-utils@5.1.0(postcss@8.5.4):
+  icss-utils@5.1.0(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
   identity-obj-proxy@3.0.0:
     dependencies:
@@ -17788,7 +18106,7 @@ snapshots:
 
   import-html-entry@1.17.0:
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.28.3
 
   import-lazy@4.0.0: {}
 
@@ -18169,8 +18487,8 @@ snapshots:
 
   istanbul-lib-instrument@5.2.1:
     dependencies:
-      '@babel/core': 7.27.4
-      '@babel/parser': 7.27.4
+      '@babel/core': 7.28.3
+      '@babel/parser': 7.28.3
       '@istanbuljs/schema': 0.1.3
       istanbul-lib-coverage: 3.2.2
       semver: 6.3.1
@@ -18210,7 +18528,7 @@ snapshots:
     dependencies:
       '@jest/types': 29.6.3
       '@types/graceful-fs': 4.1.9
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
       anymatch: 3.1.3
       fb-watchman: 2.0.2
       graceful-fs: 4.2.11
@@ -18227,7 +18545,7 @@ snapshots:
   jest-util@29.7.0:
     dependencies:
       '@jest/types': 29.6.3
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
       chalk: 4.1.2
       ci-info: 3.9.0
       graceful-fs: 4.2.11
@@ -18235,14 +18553,14 @@ snapshots:
 
   jest-worker@29.4.3:
     dependencies:
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
       jest-util: 29.7.0
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
   jest-worker@29.7.0:
     dependencies:
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
       jest-util: 29.7.0
       merge-stream: 2.0.0
       supports-color: 8.1.1
@@ -18364,15 +18682,15 @@ snapshots:
     dependencies:
       invert-kv: 3.0.1
 
-  less-loader@12.3.0(less@4.3.0)(webpack@4.47.0(webpack-cli@3.3.12)):
+  less-loader@12.3.0(less@4.4.1)(webpack@4.47.0):
     dependencies:
-      less: 4.3.0
+      less: 4.4.1
     optionalDependencies:
       webpack: 4.47.0(webpack-cli@3.3.12)
 
   less-plugin-resolve@1.0.2:
     dependencies:
-      enhanced-resolve: 5.18.1
+      enhanced-resolve: 5.18.3
 
   less@4.1.3:
     dependencies:
@@ -18388,7 +18706,7 @@ snapshots:
       needle: 3.3.1
       source-map: 0.6.1
 
-  less@4.3.0:
+  less@4.4.1:
     dependencies:
       copy-anything: 2.0.6
       parse-node-version: 1.0.1
@@ -18717,7 +19035,7 @@ snapshots:
 
   memfs@3.5.3:
     dependencies:
-      fs-monkey: 1.0.6
+      fs-monkey: 1.1.0
 
   memoize-one@4.1.0: {}
 
@@ -18819,25 +19137,25 @@ snapshots:
 
   minimalistic-crypto-utils@1.0.1: {}
 
-  minimatch@10.0.1:
+  minimatch@10.0.3:
     dependencies:
-      brace-expansion: 2.0.1
+      '@isaacs/brace-expansion': 5.0.0
 
   minimatch@3.1.2:
     dependencies:
-      brace-expansion: 1.1.11
+      brace-expansion: 1.1.12
 
   minimatch@5.1.6:
     dependencies:
-      brace-expansion: 2.0.1
+      brace-expansion: 2.0.2
 
   minimatch@9.0.3:
     dependencies:
-      brace-expansion: 2.0.1
+      brace-expansion: 2.0.2
 
   minimatch@9.0.5:
     dependencies:
-      brace-expansion: 2.0.1
+      brace-expansion: 2.0.2
 
   minimist-options@4.1.0:
     dependencies:
@@ -18888,11 +19206,11 @@ snapshots:
     dependencies:
       concat-stream: 1.6.2
       duplexify: 3.7.1
-      end-of-stream: 1.4.4
+      end-of-stream: 1.4.5
       flush-write-stream: 1.1.1
       from2: 2.3.0
       parallel-transform: 1.2.0
-      pump: 3.0.2
+      pump: 3.0.3
       pumpify: 1.5.1
       stream-each: 1.2.3
       through2: 2.0.5
@@ -18928,7 +19246,7 @@ snapshots:
 
   moment@2.30.1: {}
 
-  monaco-editor-webpack-plugin@7.1.0(monaco-editor@0.36.1)(webpack@4.47.0(webpack-cli@3.3.12)):
+  monaco-editor-webpack-plugin@7.1.0(monaco-editor@0.36.1)(webpack@4.47.0):
     dependencies:
       loader-utils: 2.0.4
       monaco-editor: 0.36.1
@@ -19248,7 +19566,7 @@ snapshots:
     dependencies:
       ee-first: 1.1.1
 
-  on-headers@1.0.2: {}
+  on-headers@1.1.0: {}
 
   once@1.4.0:
     dependencies:
@@ -19407,7 +19725,7 @@ snapshots:
 
   parse5@3.0.3:
     dependencies:
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
 
   parseurl@1.3.3: {}
 
@@ -19545,103 +19863,103 @@ snapshots:
 
   possible-typed-array-names@1.1.0: {}
 
-  postcss-attribute-case-insensitive@5.0.2(postcss@8.5.4):
+  postcss-attribute-case-insensitive@5.0.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
-  postcss-clamp@4.1.0(postcss@8.5.4):
+  postcss-clamp@4.1.0(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-color-functional-notation@4.2.4(postcss@8.5.4):
+  postcss-color-functional-notation@4.2.4(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-color-hex-alpha@8.0.4(postcss@8.5.4):
+  postcss-color-hex-alpha@8.0.4(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-color-rebeccapurple@7.1.1(postcss@8.5.4):
+  postcss-color-rebeccapurple@7.1.1(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-custom-media@8.0.2(postcss@8.5.4):
+  postcss-custom-media@8.0.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-custom-properties@12.1.11(postcss@8.5.4):
+  postcss-custom-properties@12.1.11(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-custom-selectors@6.0.3(postcss@8.5.4):
+  postcss-custom-selectors@6.0.3(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
-  postcss-dir-pseudo-class@6.0.5(postcss@8.5.4):
+  postcss-dir-pseudo-class@6.0.5(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
-  postcss-double-position-gradients@3.1.2(postcss@8.5.4):
+  postcss-double-position-gradients@3.1.2(postcss@8.5.6):
     dependencies:
-      '@csstools/postcss-progressive-custom-properties': 1.3.0(postcss@8.5.4)
-      postcss: 8.5.4
+      '@csstools/postcss-progressive-custom-properties': 1.3.0(postcss@8.5.6)
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-env-function@4.0.6(postcss@8.5.4):
+  postcss-env-function@4.0.6(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-flexbugs-fixes@5.0.2(postcss@8.5.4):
+  postcss-flexbugs-fixes@5.0.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
-  postcss-focus-visible@6.0.4(postcss@8.5.4):
+  postcss-focus-visible@6.0.4(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
-  postcss-focus-within@5.0.4(postcss@8.5.4):
+  postcss-focus-within@5.0.4(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
-  postcss-font-variant@5.0.0(postcss@8.5.4):
+  postcss-font-variant@5.0.0(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
-  postcss-gap-properties@3.0.5(postcss@8.5.4):
+  postcss-gap-properties@3.0.5(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
-  postcss-html@0.36.0(postcss-syntax@0.36.2)(postcss@7.0.39):
+  postcss-html@0.36.0(postcss-syntax@0.36.2(postcss@8.5.6))(postcss@7.0.39):
     dependencies:
       htmlparser2: 3.10.1
       postcss: 7.0.39
-      postcss-syntax: 0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39)
+      postcss-syntax: 0.36.2(postcss@8.5.6)
 
-  postcss-image-set-function@4.0.7(postcss@8.5.4):
+  postcss-image-set-function@4.0.7(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-initial@4.0.1(postcss@8.5.4):
+  postcss-initial@4.0.1(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
-  postcss-lab-function@4.2.1(postcss@8.5.4):
+  postcss-lab-function@4.2.1(postcss@8.5.6):
     dependencies:
-      '@csstools/postcss-progressive-custom-properties': 1.3.0(postcss@8.5.4)
-      postcss: 8.5.4
+      '@csstools/postcss-progressive-custom-properties': 1.3.0(postcss@8.5.6)
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
   postcss-less@3.1.4:
@@ -19650,135 +19968,135 @@ snapshots:
 
   postcss-less@4.0.1:
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
-  postcss-loader@8.1.1(postcss@8.5.4)(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12)):
+  postcss-loader@8.1.1(postcss@8.5.6)(typescript@5.9.2)(webpack@4.47.0):
     dependencies:
-      cosmiconfig: 9.0.0(typescript@4.9.5)
+      cosmiconfig: 9.0.0(typescript@5.9.2)
       jiti: 1.21.7
-      postcss: 8.5.4
+      postcss: 8.5.6
       semver: 7.7.2
     optionalDependencies:
       webpack: 4.47.0(webpack-cli@3.3.12)
     transitivePeerDependencies:
       - typescript
 
-  postcss-logical@5.0.4(postcss@8.5.4):
+  postcss-logical@5.0.4(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
-  postcss-media-minmax@5.0.0(postcss@8.5.4):
+  postcss-media-minmax@5.0.0(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
   postcss-media-query-parser@0.2.3: {}
 
-  postcss-modules-extract-imports@3.1.0(postcss@8.5.4):
+  postcss-modules-extract-imports@3.1.0(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
-  postcss-modules-local-by-default@4.2.0(postcss@8.5.4):
+  postcss-modules-local-by-default@4.2.0(postcss@8.5.6):
     dependencies:
-      icss-utils: 5.1.0(postcss@8.5.4)
-      postcss: 8.5.4
+      icss-utils: 5.1.0(postcss@8.5.6)
+      postcss: 8.5.6
       postcss-selector-parser: 7.1.0
       postcss-value-parser: 4.2.0
 
-  postcss-modules-scope@3.2.1(postcss@8.5.4):
+  postcss-modules-scope@3.2.1(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-selector-parser: 7.1.0
 
-  postcss-modules-values@4.0.0(postcss@8.5.4):
+  postcss-modules-values@4.0.0(postcss@8.5.6):
     dependencies:
-      icss-utils: 5.1.0(postcss@8.5.4)
-      postcss: 8.5.4
+      icss-utils: 5.1.0(postcss@8.5.6)
+      postcss: 8.5.6
 
-  postcss-nesting@10.2.0(postcss@8.5.4):
+  postcss-nesting@10.2.0(postcss@8.5.6):
     dependencies:
       '@csstools/selector-specificity': 2.2.0(postcss-selector-parser@6.1.2)
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
-  postcss-opacity-percentage@1.1.3(postcss@8.5.4):
+  postcss-opacity-percentage@1.1.3(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
-  postcss-overflow-shorthand@3.0.4(postcss@8.5.4):
+  postcss-overflow-shorthand@3.0.4(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-page-break@3.0.4(postcss@8.5.4):
+  postcss-page-break@3.0.4(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
-  postcss-place@7.0.5(postcss@8.5.4):
+  postcss-place@7.0.5(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-prefix-selector@1.16.0(postcss@8.5.4):
-    dependencies:
-      postcss: 8.5.4
-
-  postcss-preset-env@7.5.0(postcss@8.5.4):
-    dependencies:
-      '@csstools/postcss-color-function': 1.1.1(postcss@8.5.4)
-      '@csstools/postcss-font-format-keywords': 1.0.1(postcss@8.5.4)
-      '@csstools/postcss-hwb-function': 1.0.2(postcss@8.5.4)
-      '@csstools/postcss-ic-unit': 1.0.1(postcss@8.5.4)
-      '@csstools/postcss-is-pseudo-class': 2.0.7(postcss@8.5.4)
-      '@csstools/postcss-normalize-display-values': 1.0.1(postcss@8.5.4)
-      '@csstools/postcss-oklab-function': 1.1.1(postcss@8.5.4)
-      '@csstools/postcss-progressive-custom-properties': 1.3.0(postcss@8.5.4)
-      '@csstools/postcss-stepped-value-functions': 1.0.1(postcss@8.5.4)
-      '@csstools/postcss-unset-value': 1.0.2(postcss@8.5.4)
-      autoprefixer: 10.4.21(postcss@8.5.4)
-      browserslist: 4.25.0
-      css-blank-pseudo: 3.0.3(postcss@8.5.4)
-      css-has-pseudo: 3.0.4(postcss@8.5.4)
-      css-prefers-color-scheme: 6.0.3(postcss@8.5.4)
+  postcss-prefix-selector@1.16.0(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+
+  postcss-preset-env@7.5.0(postcss@8.5.6):
+    dependencies:
+      '@csstools/postcss-color-function': 1.1.1(postcss@8.5.6)
+      '@csstools/postcss-font-format-keywords': 1.0.1(postcss@8.5.6)
+      '@csstools/postcss-hwb-function': 1.0.2(postcss@8.5.6)
+      '@csstools/postcss-ic-unit': 1.0.1(postcss@8.5.6)
+      '@csstools/postcss-is-pseudo-class': 2.0.7(postcss@8.5.6)
+      '@csstools/postcss-normalize-display-values': 1.0.1(postcss@8.5.6)
+      '@csstools/postcss-oklab-function': 1.1.1(postcss@8.5.6)
+      '@csstools/postcss-progressive-custom-properties': 1.3.0(postcss@8.5.6)
+      '@csstools/postcss-stepped-value-functions': 1.0.1(postcss@8.5.6)
+      '@csstools/postcss-unset-value': 1.0.2(postcss@8.5.6)
+      autoprefixer: 10.4.21(postcss@8.5.6)
+      browserslist: 4.25.3
+      css-blank-pseudo: 3.0.3(postcss@8.5.6)
+      css-has-pseudo: 3.0.4(postcss@8.5.6)
+      css-prefers-color-scheme: 6.0.3(postcss@8.5.6)
       cssdb: 6.6.3
-      postcss: 8.5.4
-      postcss-attribute-case-insensitive: 5.0.2(postcss@8.5.4)
-      postcss-clamp: 4.1.0(postcss@8.5.4)
-      postcss-color-functional-notation: 4.2.4(postcss@8.5.4)
-      postcss-color-hex-alpha: 8.0.4(postcss@8.5.4)
-      postcss-color-rebeccapurple: 7.1.1(postcss@8.5.4)
-      postcss-custom-media: 8.0.2(postcss@8.5.4)
-      postcss-custom-properties: 12.1.11(postcss@8.5.4)
-      postcss-custom-selectors: 6.0.3(postcss@8.5.4)
-      postcss-dir-pseudo-class: 6.0.5(postcss@8.5.4)
-      postcss-double-position-gradients: 3.1.2(postcss@8.5.4)
-      postcss-env-function: 4.0.6(postcss@8.5.4)
-      postcss-focus-visible: 6.0.4(postcss@8.5.4)
-      postcss-focus-within: 5.0.4(postcss@8.5.4)
-      postcss-font-variant: 5.0.0(postcss@8.5.4)
-      postcss-gap-properties: 3.0.5(postcss@8.5.4)
-      postcss-image-set-function: 4.0.7(postcss@8.5.4)
-      postcss-initial: 4.0.1(postcss@8.5.4)
-      postcss-lab-function: 4.2.1(postcss@8.5.4)
-      postcss-logical: 5.0.4(postcss@8.5.4)
-      postcss-media-minmax: 5.0.0(postcss@8.5.4)
-      postcss-nesting: 10.2.0(postcss@8.5.4)
-      postcss-opacity-percentage: 1.1.3(postcss@8.5.4)
-      postcss-overflow-shorthand: 3.0.4(postcss@8.5.4)
-      postcss-page-break: 3.0.4(postcss@8.5.4)
-      postcss-place: 7.0.5(postcss@8.5.4)
-      postcss-pseudo-class-any-link: 7.1.6(postcss@8.5.4)
-      postcss-replace-overflow-wrap: 4.0.0(postcss@8.5.4)
-      postcss-selector-not: 5.0.0(postcss@8.5.4)
+      postcss: 8.5.6
+      postcss-attribute-case-insensitive: 5.0.2(postcss@8.5.6)
+      postcss-clamp: 4.1.0(postcss@8.5.6)
+      postcss-color-functional-notation: 4.2.4(postcss@8.5.6)
+      postcss-color-hex-alpha: 8.0.4(postcss@8.5.6)
+      postcss-color-rebeccapurple: 7.1.1(postcss@8.5.6)
+      postcss-custom-media: 8.0.2(postcss@8.5.6)
+      postcss-custom-properties: 12.1.11(postcss@8.5.6)
+      postcss-custom-selectors: 6.0.3(postcss@8.5.6)
+      postcss-dir-pseudo-class: 6.0.5(postcss@8.5.6)
+      postcss-double-position-gradients: 3.1.2(postcss@8.5.6)
+      postcss-env-function: 4.0.6(postcss@8.5.6)
+      postcss-focus-visible: 6.0.4(postcss@8.5.6)
+      postcss-focus-within: 5.0.4(postcss@8.5.6)
+      postcss-font-variant: 5.0.0(postcss@8.5.6)
+      postcss-gap-properties: 3.0.5(postcss@8.5.6)
+      postcss-image-set-function: 4.0.7(postcss@8.5.6)
+      postcss-initial: 4.0.1(postcss@8.5.6)
+      postcss-lab-function: 4.2.1(postcss@8.5.6)
+      postcss-logical: 5.0.4(postcss@8.5.6)
+      postcss-media-minmax: 5.0.0(postcss@8.5.6)
+      postcss-nesting: 10.2.0(postcss@8.5.6)
+      postcss-opacity-percentage: 1.1.3(postcss@8.5.6)
+      postcss-overflow-shorthand: 3.0.4(postcss@8.5.6)
+      postcss-page-break: 3.0.4(postcss@8.5.6)
+      postcss-place: 7.0.5(postcss@8.5.6)
+      postcss-pseudo-class-any-link: 7.1.6(postcss@8.5.6)
+      postcss-replace-overflow-wrap: 4.0.0(postcss@8.5.6)
+      postcss-selector-not: 5.0.0(postcss@8.5.6)
       postcss-value-parser: 4.2.0
 
-  postcss-pseudo-class-any-link@7.1.6(postcss@8.5.4):
+  postcss-pseudo-class-any-link@7.1.6(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
-  postcss-replace-overflow-wrap@4.0.0(postcss@8.5.4):
+  postcss-replace-overflow-wrap@4.0.0(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
   postcss-resolve-nested-selector@0.1.6: {}
 
@@ -19786,9 +20104,9 @@ snapshots:
     dependencies:
       postcss: 7.0.39
 
-  postcss-safe-parser@6.0.0(postcss@8.5.4):
+  postcss-safe-parser@6.0.0(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
   postcss-sass@0.4.4:
     dependencies:
@@ -19799,10 +20117,10 @@ snapshots:
     dependencies:
       postcss: 7.0.39
 
-  postcss-selector-not@5.0.0(postcss@8.5.4):
+  postcss-selector-not@5.0.0(postcss@8.5.6):
     dependencies:
       balanced-match: 1.0.2
-      postcss: 8.5.4
+      postcss: 8.5.6
 
   postcss-selector-parser@6.1.2:
     dependencies:
@@ -19814,22 +20132,22 @@ snapshots:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss-sorting@6.0.0(postcss@8.5.4):
+  postcss-sorting@6.0.0(postcss@8.5.6):
     dependencies:
       lodash: 4.17.21
-      postcss: 8.5.4
+      postcss: 8.5.6
 
-  postcss-syntax@0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39):
+  postcss-syntax@0.36.2(postcss-html@0.36.0(postcss-syntax@0.36.2(postcss@8.5.6))(postcss@7.0.39))(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39):
     dependencies:
       postcss: 7.0.39
     optionalDependencies:
-      postcss-html: 0.36.0(postcss-syntax@0.36.2)(postcss@7.0.39)
+      postcss-html: 0.36.0(postcss-syntax@0.36.2(postcss@8.5.6))(postcss@7.0.39)
       postcss-less: 3.1.4
       postcss-scss: 2.1.1
 
-  postcss-syntax@0.36.2(postcss@8.5.4):
+  postcss-syntax@0.36.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
 
   postcss-value-parser@4.2.0: {}
 
@@ -19838,7 +20156,7 @@ snapshots:
       picocolors: 0.2.1
       source-map: 0.6.1
 
-  postcss@8.5.4:
+  postcss@8.5.6:
     dependencies:
       nanoid: 3.3.11
       picocolors: 1.1.1
@@ -19846,9 +20164,9 @@ snapshots:
 
   prelude-ls@1.2.1: {}
 
-  prettier-eslint@16.4.2(typescript@4.9.5):
+  prettier-eslint@16.4.2(typescript@5.9.2):
     dependencies:
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@4.9.5)
+      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.9.2)
       common-tags: 1.8.2
       dlv: 1.1.3
       eslint: 8.57.1
@@ -19869,6 +20187,11 @@ snapshots:
       prettier: 2.8.8
       typescript: 4.9.5
 
+  prettier-plugin-organize-imports@3.2.4(prettier@2.8.8)(typescript@5.9.2):
+    dependencies:
+      prettier: 2.8.8
+      typescript: 5.9.2
+
   prettier-plugin-packagejson@2.4.3(prettier@2.8.8):
     dependencies:
       sort-package-json: 2.4.1
@@ -19885,9 +20208,9 @@ snapshots:
 
   prettier-plugin-two-style-order@1.0.1(prettier@2.8.8):
     dependencies:
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-less: 4.0.1
-      postcss-sorting: 6.0.0(postcss@8.5.4)
+      postcss-sorting: 6.0.0(postcss@8.5.6)
       prettier: 2.8.8
 
   prettier@2.8.8: {}
@@ -19972,12 +20295,12 @@ snapshots:
 
   pump@2.0.1:
     dependencies:
-      end-of-stream: 1.4.4
+      end-of-stream: 1.4.5
       once: 1.4.0
 
-  pump@3.0.2:
+  pump@3.0.3:
     dependencies:
-      end-of-stream: 1.4.4
+      end-of-stream: 1.4.5
       once: 1.4.0
 
   pumpify@1.5.1:
@@ -19996,7 +20319,7 @@ snapshots:
 
   qiankun@2.10.16:
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.28.3
       import-html-entry: 1.17.0
       lodash: 4.17.21
       single-spa: 5.9.5
@@ -20050,7 +20373,7 @@ snapshots:
 
   rc-align@4.0.15(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       dom-align: 1.12.4
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20060,7 +20383,7 @@ snapshots:
 
   rc-cascader@3.34.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-select: 14.16.8(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-tree: 5.13.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20070,7 +20393,7 @@ snapshots:
 
   rc-cascader@3.7.3(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       array-tree-filter: 2.1.0
       classnames: 2.5.1
       rc-select: 14.1.18(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20081,7 +20404,7 @@ snapshots:
 
   rc-checkbox@3.0.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20089,7 +20412,7 @@ snapshots:
 
   rc-checkbox@3.5.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20097,7 +20420,7 @@ snapshots:
 
   rc-collapse@3.4.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20107,7 +20430,7 @@ snapshots:
 
   rc-collapse@3.9.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20116,7 +20439,7 @@ snapshots:
 
   rc-dialog@9.0.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       '@rc-component/portal': 1.1.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20126,7 +20449,7 @@ snapshots:
 
   rc-dialog@9.6.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       '@rc-component/portal': 1.1.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20136,7 +20459,7 @@ snapshots:
 
   rc-drawer@6.3.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       '@rc-component/portal': 1.1.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20146,7 +20469,7 @@ snapshots:
 
   rc-drawer@7.3.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       '@rc-component/portal': 1.1.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20156,7 +20479,7 @@ snapshots:
 
   rc-dropdown@4.0.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-trigger: 5.3.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20165,8 +20488,8 @@ snapshots:
 
   rc-dropdown@4.2.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
-      '@rc-component/trigger': 2.2.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.27.6
+      '@rc-component/trigger': 2.2.7(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20174,7 +20497,7 @@ snapshots:
 
   rc-field-form@1.38.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       async-validator: 4.2.5
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20182,7 +20505,7 @@ snapshots:
 
   rc-field-form@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       '@rc-component/async-validator': 5.0.4
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20190,7 +20513,7 @@ snapshots:
 
   rc-image@5.13.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       '@rc-component/portal': 1.1.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-dialog: 9.0.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20201,7 +20524,7 @@ snapshots:
 
   rc-image@7.12.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       '@rc-component/portal': 1.1.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-dialog: 9.6.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20212,7 +20535,7 @@ snapshots:
 
   rc-input-number@7.3.11(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20220,7 +20543,7 @@ snapshots:
 
   rc-input-number@9.5.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       '@rc-component/mini-decimal': 1.1.0
       classnames: 2.5.1
       rc-input: 1.8.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20230,7 +20553,7 @@ snapshots:
 
   rc-input@0.1.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20238,7 +20561,7 @@ snapshots:
 
   rc-input@1.8.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20246,7 +20569,7 @@ snapshots:
 
   rc-mentions@1.13.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-menu: 9.8.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-textarea: 0.4.7(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20257,8 +20580,8 @@ snapshots:
 
   rc-mentions@2.20.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
-      '@rc-component/trigger': 2.2.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.27.6
+      '@rc-component/trigger': 2.2.7(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-input: 1.8.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-menu: 9.16.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20269,8 +20592,8 @@ snapshots:
 
   rc-menu@9.16.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
-      '@rc-component/trigger': 2.2.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.27.6
+      '@rc-component/trigger': 2.2.7(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-overflow: 1.4.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20280,7 +20603,7 @@ snapshots:
 
   rc-menu@9.8.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-overflow: 1.4.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20291,7 +20614,7 @@ snapshots:
 
   rc-motion@2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20299,7 +20622,7 @@ snapshots:
 
   rc-notification@4.6.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20308,7 +20631,7 @@ snapshots:
 
   rc-notification@5.6.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20317,7 +20640,7 @@ snapshots:
 
   rc-overflow@1.4.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-resize-observer: 1.3.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20326,14 +20649,14 @@ snapshots:
 
   rc-pagination@3.2.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
 
   rc-pagination@5.1.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20341,7 +20664,7 @@ snapshots:
 
   rc-picker@2.7.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       date-fns: 2.30.0
       dayjs: 1.11.13
@@ -20354,8 +20677,8 @@ snapshots:
 
   rc-picker@4.11.3(date-fns@2.30.0)(dayjs@1.11.13)(luxon@3.6.1)(moment@2.30.1)(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
-      '@rc-component/trigger': 2.2.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.27.6
+      '@rc-component/trigger': 2.2.7(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-overflow: 1.4.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-resize-observer: 1.4.3(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20370,7 +20693,7 @@ snapshots:
 
   rc-progress@3.4.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20378,7 +20701,7 @@ snapshots:
 
   rc-progress@4.0.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20386,7 +20709,7 @@ snapshots:
 
   rc-rate@2.13.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20394,7 +20717,7 @@ snapshots:
 
   rc-rate@2.9.3(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20402,7 +20725,7 @@ snapshots:
 
   rc-resize-observer@0.2.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.28.3
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20411,7 +20734,7 @@ snapshots:
 
   rc-resize-observer@1.3.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20420,7 +20743,7 @@ snapshots:
 
   rc-resize-observer@1.4.3(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20429,7 +20752,7 @@ snapshots:
 
   rc-segmented@2.3.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20438,7 +20761,7 @@ snapshots:
 
   rc-segmented@2.7.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20447,7 +20770,7 @@ snapshots:
 
   rc-select@14.1.18(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-overflow: 1.4.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20459,8 +20782,8 @@ snapshots:
 
   rc-select@14.16.8(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
-      '@rc-component/trigger': 2.2.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.27.6
+      '@rc-component/trigger': 2.2.7(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-overflow: 1.4.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20471,7 +20794,7 @@ snapshots:
 
   rc-slider@10.0.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20480,7 +20803,7 @@ snapshots:
 
   rc-slider@11.1.8(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20488,7 +20811,7 @@ snapshots:
 
   rc-steps@5.0.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20496,7 +20819,7 @@ snapshots:
 
   rc-steps@6.0.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20504,7 +20827,7 @@ snapshots:
 
   rc-switch@3.2.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20512,7 +20835,7 @@ snapshots:
 
   rc-switch@4.1.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20520,7 +20843,7 @@ snapshots:
 
   rc-table@7.26.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-resize-observer: 1.3.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20528,20 +20851,9 @@ snapshots:
       react-dom: 17.0.2(react@17.0.2)
       shallowequal: 1.1.0
 
-  rc-table@7.50.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
+  rc-table@7.51.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
-      '@rc-component/context': 1.4.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      classnames: 2.5.1
-      rc-resize-observer: 1.3.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      rc-virtual-list: 3.18.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      react: 17.0.2
-      react-dom: 17.0.2(react@17.0.2)
-
-  rc-table@7.51.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
-    dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       '@rc-component/context': 1.4.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-resize-observer: 1.3.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20552,7 +20864,7 @@ snapshots:
 
   rc-tabs@12.5.10(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-dropdown: 4.0.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-menu: 9.8.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20564,7 +20876,7 @@ snapshots:
 
   rc-tabs@15.6.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-dropdown: 4.2.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-menu: 9.16.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20576,7 +20888,7 @@ snapshots:
 
   rc-textarea@0.4.7(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-resize-observer: 1.3.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20586,7 +20898,7 @@ snapshots:
 
   rc-textarea@1.10.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-input: 1.8.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-resize-observer: 1.3.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20596,7 +20908,7 @@ snapshots:
 
   rc-tooltip@5.2.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-trigger: 5.3.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20604,8 +20916,8 @@ snapshots:
 
   rc-tooltip@6.4.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
-      '@rc-component/trigger': 2.2.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@babel/runtime': 7.27.6
+      '@rc-component/trigger': 2.2.7(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20613,7 +20925,7 @@ snapshots:
 
   rc-tree-select@5.27.0(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-select: 14.16.8(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-tree: 5.13.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20623,7 +20935,7 @@ snapshots:
 
   rc-tree-select@5.5.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-select: 14.1.18(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-tree: 5.7.12(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20633,7 +20945,7 @@ snapshots:
 
   rc-tree@5.13.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20643,7 +20955,7 @@ snapshots:
 
   rc-tree@5.7.12(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20653,7 +20965,7 @@ snapshots:
 
   rc-trigger@5.3.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-align: 4.0.15(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-motion: 2.9.5(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20663,7 +20975,7 @@ snapshots:
 
   rc-upload@4.3.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20671,7 +20983,7 @@ snapshots:
 
   rc-upload@4.9.2(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       react: 17.0.2
@@ -20687,14 +20999,14 @@ snapshots:
 
   rc-util@5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
       react-is: 18.3.1
 
   rc-virtual-list@3.18.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-resize-observer: 1.3.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20703,7 +21015,7 @@ snapshots:
 
   rc-virtual-list@3.4.13(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       classnames: 2.5.1
       rc-resize-observer: 1.3.1(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
       rc-util: 5.44.4(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
@@ -20779,14 +21091,14 @@ snapshots:
       react-fast-compare: 3.2.2
       shallowequal: 1.1.0
 
-  react-intl@3.12.1(react@17.0.2):
+  react-intl@3.12.1(@types/react@16.14.65)(react@17.0.2):
     dependencies:
       '@formatjs/intl-displaynames': 1.2.10
       '@formatjs/intl-listformat': 1.4.8
       '@formatjs/intl-relativetimeformat': 4.5.16
       '@formatjs/intl-unified-numberformat': 3.3.7
       '@formatjs/intl-utils': 2.3.0
-      '@types/hoist-non-react-statics': 3.3.6
+      '@types/hoist-non-react-statics': 3.3.7(@types/react@16.14.65)
       '@types/invariant': 2.2.37
       hoist-non-react-statics: 3.3.2
       intl-format-cache: 4.3.1
@@ -20794,12 +21106,14 @@ snapshots:
       intl-messageformat-parser: 3.6.4
       react: 17.0.2
       shallow-equal: 1.2.1
+    transitivePeerDependencies:
+      - '@types/react'
 
-  react-intl@5.25.1(react@17.0.2)(typescript@4.9.5):
+  react-intl@5.25.1(react@17.0.2)(typescript@5.9.2):
     dependencies:
       '@formatjs/ecma402-abstract': 1.11.4
       '@formatjs/icu-messageformat-parser': 2.1.0
-      '@formatjs/intl': 2.2.1(typescript@4.9.5)
+      '@formatjs/intl': 2.2.1(typescript@5.9.2)
       '@formatjs/intl-displaynames': 5.4.3
       '@formatjs/intl-listformat': 6.5.3
       '@types/hoist-non-react-statics': 3.3.6
@@ -20809,7 +21123,7 @@ snapshots:
       react: 17.0.2
       tslib: 2.8.1
     optionalDependencies:
-      typescript: 4.9.5
+      typescript: 5.9.2
 
   react-is@16.13.1: {}
 
@@ -20823,7 +21137,7 @@ snapshots:
 
   react-redux@5.1.2(react@17.0.2)(redux@3.7.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.28.3
       hoist-non-react-statics: 3.3.2
       invariant: 2.2.4
       loose-envify: 1.4.0
@@ -20835,8 +21149,8 @@ snapshots:
 
   react-redux@8.1.3(@types/react-dom@16.9.25(@types/react@16.14.65))(@types/react@16.14.65)(react-dom@17.0.2(react@17.0.2))(react@17.0.2)(redux@4.2.1):
     dependencies:
-      '@babel/runtime': 7.27.4
-      '@types/hoist-non-react-statics': 3.3.6
+      '@babel/runtime': 7.28.3
+      '@types/hoist-non-react-statics': 3.3.7(@types/react@16.14.65)
       '@types/use-sync-external-store': 0.0.3
       hoist-non-react-statics: 3.3.2
       react: 17.0.2
@@ -20913,7 +21227,7 @@ snapshots:
 
   react-sortable-hoc@2.0.0(prop-types@15.8.1)(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       invariant: 2.2.4
       prop-types: 15.8.1
       react: 17.0.2
@@ -20933,7 +21247,7 @@ snapshots:
 
   react-virtualized@9.22.6(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       clsx: 1.2.1
       dom-helpers: 5.2.1
       loose-envify: 1.4.0
@@ -20944,7 +21258,7 @@ snapshots:
 
   react-window@1.8.11(react-dom@17.0.2(react@17.0.2))(react@17.0.2):
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
       memoize-one: 4.1.0
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
@@ -21066,7 +21380,7 @@ snapshots:
 
   redux@4.2.1:
     dependencies:
-      '@babel/runtime': 7.27.4
+      '@babel/runtime': 7.27.6
 
   reflect.getprototypeof@1.0.10:
     dependencies:
@@ -21289,7 +21603,7 @@ snapshots:
     dependencies:
       open: 8.4.2
       picomatch: 2.3.1
-      source-map: 0.7.4
+      source-map: 0.7.6
       yargs: 17.7.2
     optionalDependencies:
       rollup: 3.29.5
@@ -21353,7 +21667,7 @@ snapshots:
     dependencies:
       truncate-utf8-bytes: 1.0.2
 
-  sass-loader@16.0.5(webpack@4.47.0(webpack-cli@3.3.12)):
+  sass-loader@16.0.5(webpack@4.47.0):
     dependencies:
       neo-async: 2.6.2
     optionalDependencies:
@@ -21598,11 +21912,11 @@ snapshots:
     dependencies:
       agent-base: 6.0.2
       debug: 4.4.1
-      socks: 2.8.4
+      socks: 2.8.5
     transitivePeerDependencies:
       - supports-color
 
-  socks@2.8.4:
+  socks@2.8.5:
     dependencies:
       ip-address: 9.0.5
       smart-buffer: 4.2.0
@@ -21668,7 +21982,7 @@ snapshots:
 
   source-map@0.6.1: {}
 
-  source-map@0.7.4: {}
+  source-map@0.7.6: {}
 
   spawn-command@0.0.2: {}
 
@@ -21781,7 +22095,7 @@ snapshots:
 
   stream-each@1.2.3:
     dependencies:
-      end-of-stream: 1.4.4
+      end-of-stream: 1.4.5
       stream-shift: 1.0.3
 
   stream-http@2.8.2:
@@ -21938,7 +22252,7 @@ snapshots:
       '@types/stylis': 4.2.7
       css-to-react-native: 3.2.0
       csstype: 3.1.3
-      postcss: 8.5.4
+      postcss: 8.5.6
       react: 17.0.2
       react-dom: 17.0.2(react@17.0.2)
       shallowequal: 1.1.0
@@ -21977,8 +22291,8 @@ snapshots:
 
   stylelint@13.13.1:
     dependencies:
-      '@stylelint/postcss-css-in-js': 0.37.3(postcss-syntax@0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39))(postcss@7.0.39)
-      '@stylelint/postcss-markdown': 0.36.2(postcss-syntax@0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39))(postcss@7.0.39)
+      '@stylelint/postcss-css-in-js': 0.37.3(postcss-syntax@0.36.2(postcss@8.5.6))(postcss@7.0.39)
+      '@stylelint/postcss-markdown': 0.36.2(postcss-syntax@0.36.2(postcss@8.5.6))(postcss@7.0.39)
       autoprefixer: 9.8.8
       balanced-match: 2.0.0
       chalk: 4.1.2
@@ -22004,7 +22318,7 @@ snapshots:
       micromatch: 4.0.8
       normalize-selector: 0.2.0
       postcss: 7.0.39
-      postcss-html: 0.36.0(postcss-syntax@0.36.2)(postcss@7.0.39)
+      postcss-html: 0.36.0(postcss-syntax@0.36.2(postcss@8.5.6))(postcss@7.0.39)
       postcss-less: 3.1.4
       postcss-media-query-parser: 0.2.3
       postcss-resolve-nested-selector: 0.1.6
@@ -22012,7 +22326,7 @@ snapshots:
       postcss-sass: 0.4.4
       postcss-scss: 2.1.1
       postcss-selector-parser: 6.1.2
-      postcss-syntax: 0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39)
+      postcss-syntax: 0.36.2(postcss-html@0.36.0(postcss-syntax@0.36.2(postcss@8.5.6))(postcss@7.0.39))(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39)
       postcss-value-parser: 4.2.0
       resolve-from: 5.0.0
       slash: 3.0.0
@@ -22057,10 +22371,10 @@ snapshots:
       normalize-path: 3.0.0
       normalize-selector: 0.2.0
       picocolors: 1.1.1
-      postcss: 8.5.4
+      postcss: 8.5.6
       postcss-media-query-parser: 0.2.3
       postcss-resolve-nested-selector: 0.1.6
-      postcss-safe-parser: 6.0.0(postcss@8.5.4)
+      postcss-safe-parser: 6.0.0(postcss@8.5.6)
       postcss-selector-parser: 6.1.2
       postcss-value-parser: 4.2.0
       resolve-from: 5.0.0
@@ -22131,7 +22445,7 @@ snapshots:
       picocolors: 1.1.1
       stable: 0.1.8
 
-  swr@2.3.3(react@17.0.2):
+  swr@2.3.6(react@17.0.2):
     dependencies:
       dequal: 2.0.3
       react: 17.0.2
@@ -22165,7 +22479,7 @@ snapshots:
   tar-stream@2.2.0:
     dependencies:
       bl: 4.1.0
-      end-of-stream: 1.4.4
+      end-of-stream: 1.4.5
       fs-constants: 1.0.0
       inherits: 2.0.4
       readable-stream: 3.6.2
@@ -22184,7 +22498,7 @@ snapshots:
       async-exit-hook: 2.0.1
       fs-extra: 10.1.0
 
-  terser-webpack-plugin@1.4.6(webpack@4.47.0(webpack-cli@3.3.12)):
+  terser-webpack-plugin@1.4.6(webpack@4.47.0):
     dependencies:
       cacache: 12.0.4
       find-cache-dir: 2.1.0
@@ -22199,15 +22513,15 @@ snapshots:
 
   terser@4.8.1:
     dependencies:
-      acorn: 8.14.1
+      acorn: 8.15.0
       commander: 2.20.3
       source-map: 0.6.1
       source-map-support: 0.5.21
 
-  terser@5.40.0:
+  terser@5.43.1:
     dependencies:
-      '@jridgewell/source-map': 0.3.6
-      acorn: 8.14.1
+      '@jridgewell/source-map': 0.3.11
+      acorn: 8.15.0
       commander: 2.20.3
       source-map-support: 0.5.21
 
@@ -22252,7 +22566,7 @@ snapshots:
 
   tinyglobby@0.2.14:
     dependencies:
-      fdir: 6.4.5(picomatch@4.0.2)
+      fdir: 6.4.6(picomatch@4.0.2)
       picomatch: 4.0.2
 
   titleize@3.0.0: {}
@@ -22319,20 +22633,20 @@ snapshots:
     dependencies:
       utf8-byte-length: 1.0.5
 
-  ts-api-utils@1.4.3(typescript@4.9.5):
+  ts-api-utils@1.4.3(typescript@5.9.2):
     dependencies:
-      typescript: 4.9.5
+      typescript: 5.9.2
 
   ts-is-present@1.2.2: {}
 
-  ts-loader@8.4.0(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12)):
+  ts-loader@8.4.0(typescript@5.9.2)(webpack@4.47.0):
     dependencies:
       chalk: 4.1.2
       enhanced-resolve: 4.5.0
       loader-utils: 2.0.4
       micromatch: 4.0.8
       semver: 7.7.2
-      typescript: 4.9.5
+      typescript: 5.9.2
       webpack: 4.47.0(webpack-cli@3.3.12)
 
   tslib@1.14.1: {}
@@ -22346,6 +22660,11 @@ snapshots:
       tslib: 1.14.1
       typescript: 4.9.5
 
+  tsutils@3.21.0(typescript@5.9.2):
+    dependencies:
+      tslib: 1.14.1
+      typescript: 5.9.2
+
   tsx@3.12.2:
     dependencies:
       '@esbuild-kit/cjs-loader': 2.4.4
@@ -22427,23 +22746,23 @@ snapshots:
 
   typescript@4.9.5: {}
 
-  typescript@5.8.3: {}
+  typescript@5.9.2: {}
 
   uc.micro@1.0.6: {}
 
-  umi@4.4.11(@babel/core@7.27.4)(@types/node@9.6.61)(@types/react@16.14.65)(eslint@8.35.0)(lightningcss@1.22.1)(prettier@2.8.8)(react-dom@17.0.2(react@17.0.2))(react@17.0.2)(rollup@3.29.5)(stylelint@14.8.2)(sugarss@2.0.0)(terser@5.40.0)(type-fest@0.21.3)(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12)):
+  umi@4.4.12(@babel/core@7.28.3)(@types/node@16.18.126)(@types/react@16.14.65)(eslint@8.35.0)(lightningcss@1.22.1)(prettier@2.8.8)(react-dom@17.0.2(react@17.0.2))(react@17.0.2)(rollup@3.29.5)(stylelint@14.8.2)(sugarss@2.0.0)(terser@5.43.1)(type-fest@0.21.3)(typescript@5.9.2)(webpack@4.47.0):
     dependencies:
       '@babel/runtime': 7.23.6
-      '@umijs/bundler-utils': 4.4.11
-      '@umijs/bundler-webpack': 4.4.11(type-fest@0.21.3)(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12))
-      '@umijs/core': 4.4.11
-      '@umijs/lint': 4.4.11(eslint@8.35.0)(stylelint@14.8.2)(typescript@4.9.5)
-      '@umijs/preset-umi': 4.4.11(@types/node@9.6.61)(@types/react@16.14.65)(lightningcss@1.22.1)(rollup@3.29.5)(sugarss@2.0.0)(terser@5.40.0)(type-fest@0.21.3)(typescript@4.9.5)(webpack@4.47.0(webpack-cli@3.3.12))
-      '@umijs/renderer-react': 4.4.11(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
-      '@umijs/server': 4.4.11
-      '@umijs/test': 4.4.11(@babel/core@7.27.4)
-      '@umijs/utils': 4.4.11
-      prettier-plugin-organize-imports: 3.2.4(prettier@2.8.8)(typescript@4.9.5)
+      '@umijs/bundler-utils': 4.4.12
+      '@umijs/bundler-webpack': 4.4.12(type-fest@0.21.3)(typescript@5.9.2)(webpack@4.47.0)
+      '@umijs/core': 4.4.12
+      '@umijs/lint': 4.4.12(eslint@8.35.0)(stylelint@14.8.2)(typescript@5.9.2)
+      '@umijs/preset-umi': 4.4.12(@types/node@16.18.126)(@types/react@16.14.65)(lightningcss@1.22.1)(rollup@3.29.5)(sugarss@2.0.0)(terser@5.43.1)(type-fest@0.21.3)(typescript@5.9.2)(webpack@4.47.0)
+      '@umijs/renderer-react': 4.4.12(react-dom@17.0.2(react@17.0.2))(react@17.0.2)
+      '@umijs/server': 4.4.12
+      '@umijs/test': 4.4.12(@babel/core@7.28.3)
+      '@umijs/utils': 4.4.12
+      prettier-plugin-organize-imports: 3.2.4(prettier@2.8.8)(typescript@5.9.2)
       prettier-plugin-packagejson: 2.4.3(prettier@2.8.8)
     transitivePeerDependencies:
       - '@babel/core'
@@ -22570,6 +22889,12 @@ snapshots:
       escalade: 3.2.0
       picocolors: 1.1.1
 
+  update-browserslist-db@1.1.3(browserslist@4.25.3):
+    dependencies:
+      browserslist: 4.25.3
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.1
@@ -22601,7 +22926,7 @@ snapshots:
       formstream: 1.5.1
       humanize-ms: 1.2.1
       iconv-lite: 0.6.3
-      pump: 3.0.2
+      pump: 3.0.3
       qs: 6.14.0
       statuses: 1.5.0
       utility: 1.18.0
@@ -22710,18 +23035,18 @@ snapshots:
       unist-util-stringify-position: 2.0.3
       vfile-message: 2.0.4
 
-  vite@4.5.2(@types/node@9.6.61)(less@4.1.3)(lightningcss@1.22.1)(sugarss@2.0.0)(terser@5.40.0):
+  vite@4.5.2(@types/node@16.18.126)(less@4.1.3)(lightningcss@1.22.1)(sugarss@2.0.0)(terser@5.43.1):
     dependencies:
       esbuild: 0.18.20
-      postcss: 8.5.4
+      postcss: 8.5.6
       rollup: 3.29.5
     optionalDependencies:
-      '@types/node': 9.6.61
+      '@types/node': 16.18.126
       fsevents: 2.3.3
       less: 4.1.3
       lightningcss: 1.22.1
       sugarss: 2.0.0
-      terser: 5.40.0
+      terser: 5.43.1
 
   vm-browserify@1.1.2: {}
 
@@ -22832,7 +23157,7 @@ snapshots:
       node-libs-browser: 2.2.1
       schema-utils: 1.0.0
       tapable: 1.1.3
-      terser-webpack-plugin: 1.4.6(webpack@4.47.0(webpack-cli@3.3.12))
+      terser-webpack-plugin: 1.4.6(webpack@4.47.0)
       watchpack: 1.7.5
       webpack-sources: 1.4.3
     optionalDependencies:
@@ -23024,11 +23349,11 @@ snapshots:
       compress-commons: 4.1.2
       readable-stream: 3.6.2
 
-  zod-validation-error@2.1.0(zod@3.25.49):
+  zod-validation-error@2.1.0(zod@3.25.76):
     dependencies:
-      zod: 3.25.49
+      zod: 3.25.76
 
-  zod@3.25.49: {}
+  zod@3.25.76: {}
 
   zrender@5.6.1:
     dependencies:
diff --git a/package.json b/package.json
index 0719029cb..eeca0d74f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "odc",
-  "version": "4.3.4",
+  "version": "4.4.0",
   "private": true,
   "description": "企业级数据开发平台",
   "homepage": "https://www.oceanbase.com/",
@@ -12,6 +12,7 @@
     "name": "odc"
   },
   "scripts": {
+    "install-odc": "node ./scripts/rename.js && pnpm install --registry=https://registry.npmmirror.com",
     "analyze": "ANALYZE=1 cross-env NODE_OPTIONS=--max_old_space_size=8192 max build",
     "build-main-dev": "cross-env NODE_OPTIONS=--max_old_space_size=8192 NODE_ENV=development webpack -w --config ./build/webpack.main.config.js",
     "build-main-prod": "cross-env NODE_OPTIONS=--max_old_space_size=8192 NODE_ENV=production webpack --config ./build/webpack.main.prod.config.js",
@@ -23,7 +24,7 @@
     "dev:client": "concurrently \"UMI_ENV=client npm run dev\" \"npm run build-main-dev\"",
     "postinstall": "node scripts/plugin/initPlugins.js && max setup",
     "oic:clear": "oic --configPath ./scripts/must.js --clear",
-    "oic:extract": "oic --configPath ./scripts/must.js --extract all",
+    "oic:extract": "oic --configPath ./scripts/must.js --parallel --extract all",
     "oic:migrate": "oic --configPath ./scripts/must.js --migrate",
     "prepack": "node ./scripts/clientDependencies/index.js",
     "pack-client:all": "node ./scripts/client/build.js all",
@@ -71,14 +72,13 @@
     "tree-kill": "^1.2.1"
   },
   "devDependencies": {
-    "axios": "^1.7.7",
+    "@ant-design/icons": "^4.0.0",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@ant-design/icons": "^4.0.0",
-    "@oceanbase-odc/monaco-plugin-ob": "~1.4.2",
-    "@oceanbase-odc/ob-intl-cli": "^2.1.3",
-    "@oceanbase-odc/ob-parser-js": "^3.0.5",
+    "@oceanbase-odc/monaco-plugin-ob": "~1.5.3",
+    "@oceanbase-odc/ob-intl-cli": "^2.2.0",
+    "@oceanbase-odc/ob-parser-js": "^3.1.2",
     "@oceanbase-odc/ob-react-data-grid": "^4.0.0",
     "@sentry/react": "^7.88.0",
     "@testing-library/react": "^11.2.2",
@@ -87,14 +87,14 @@
     "@types/jest": "^22.2.2",
     "@types/lodash": "^4.14.168",
     "@types/memoize-one": "^4.1.1",
-    "@types/node": "^9.6.0",
+    "@types/node": "^16.7.0",
     "@types/react": "^16.0.0",
     "@types/react-dom": "^16.0.0",
     "@types/react-resizable": "^1.7.3",
     "@types/react-virtualized": "^9.21.21",
     "@types/request": "^2.48.7",
     "@umijs/fabric": "^3.0.0",
-    "@umijs/max": "^4.0.66",
+    "@umijs/max": "^4.4.12",
     "adm-zip": "^0.5.5",
     "ahooks": "^2.9.0",
     "ali-oss": "^6.17.1",
@@ -102,6 +102,7 @@
     "antlr4": "~4.8.0",
     "array-move": "^4.0.0",
     "aws-sdk": "^2.1231.0",
+    "axios": "^1.7.7",
     "bignumber.js": "^9.0.0",
     "blueimp-md5": "^2.19.0",
     "cherio": "^1.0.0-rc.2",
@@ -162,7 +163,7 @@
     "tar": "^6.1.11",
     "ts-is-present": "^1.1.3",
     "ts-loader": "8.4.0",
-    "typescript": "^4.0.0",
+    "typescript": "^5.9.2",
     "webpack": "^4.28.0",
     "webpack-cli": "^3.2.1",
     "webpack-merge": "^4.2.1",
diff --git a/scripts/client/winsign.js b/scripts/client/winsign.js
new file mode 100644
index 000000000..559ce71db
--- /dev/null
+++ b/scripts/client/winsign.js
@@ -0,0 +1,29 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+exports.default = async function(configuration) {
+    // do not include passwords or other sensitive data in the file
+    // rather create environment variables with sensitive data
+    const CONFIG_FILE = process.env.WINDOWS_SIGN_CONFIG_FILE;
+  
+    require("child_process").execSync(
+      // your commande here ! For exemple and with JSign :
+      ` smctl sign --keypair-alias key_1318155498 --config-file ${CONFIG_FILE}  --input "${configuration.path}" -v`,
+      {
+        stdio: "inherit"
+      }
+    );
+  };
\ No newline at end of file
diff --git a/scripts/clientDependencies/pullJar.js b/scripts/clientDependencies/pullJar.js
index 25006f807..781d3d76f 100644
--- a/scripts/clientDependencies/pullJar.js
+++ b/scripts/clientDependencies/pullJar.js
@@ -20,13 +20,33 @@ const jarUrl = `odc-build/${pkg.version}/jar/odc-slim.jar`;
 const pluginUrl = `odc-build/${pkg.version}/plugins`;
 const startersUrl = `odc-build/${pkg.version}/starters`;
 const modulesUrl = `odc-build/${pkg.version}/modules`;
-const { oss } = require('./util');
+const { oss, download } = require('./util');
 const isSkipJar = process.env.ODC_BUILD_SKIP_JAR;
 
+const baseUrl = "https://odc-front.oss-cn-beijing.aliyuncs.com/";
+
 exports.run = async function () {
   if (isSkipJar) {
     return true;
   }
+  const [isSuccess1, isSuccess2] = await Promise.all([
+    download(
+    baseUrl + `library/h2/h2-v1.jar`,
+    'libraries/script',
+    'h2-v1.jar',
+  ),
+  download(
+    baseUrl + `library/h2/h2-v2.jar`,
+    'libraries/script',
+    'h2-v2.jar',
+  )
+  ])
+  if (!isSuccess1 || !isSuccess2) {
+    process.exit(1);
+  }
+  console.log('h2-v1.jar and h2-v2.jar download success')
+
+
   const plugins = await oss.getOSSFolderFiles(pluginUrl)
   console.log(plugins)
   for (let plugin of plugins) {
diff --git a/scripts/clientDependencies/pullJre.js b/scripts/clientDependencies/pullJre.js
index 34dc85217..2c99db8fe 100644
--- a/scripts/clientDependencies/pullJre.js
+++ b/scripts/clientDependencies/pullJre.js
@@ -31,7 +31,7 @@ exports.run = async function () {
     fs.rmSync(jrePath, { recursive: true, force: true });
   }
   const isSuccess = await download(
-    baseUrl + `library/jre/${platform}/jre.zip`,
+    baseUrl + `library/jre/${platform}/jre17.zip`,
     'libraries/jre',
     'jre.zip',
   );
diff --git a/scripts/rename.js b/scripts/rename.js
new file mode 100644
index 000000000..51e9f5e42
--- /dev/null
+++ b/scripts/rename.js
@@ -0,0 +1,41 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * 把假的文件先删除，然后创建一个link到hidden.yaml文件
+ */
+
+
+const path = require('path');
+const fs = require('fs');
+
+// 参数 preinstall 和 postinstall
+// preinstall 代表install
+// postinstall 代表install完成之后
+
+const lockFilePath = path.join(process.cwd(), 'hidden.yaml');
+
+const fakeLockFilePath = path.join(process.cwd(), 'pnpm-lock.yaml');
+console.log('init install lock file')
+
+if (fs.existsSync(fakeLockFilePath)) {
+    fs.unlinkSync(fakeLockFilePath);
+}
+
+fs.symlinkSync(lockFilePath, fakeLockFilePath, 'file');
+
+
+
diff --git a/src/common/datasource/fileSystem/index.tsx b/src/common/datasource/fileSystem/index.tsx
index 76163a827..1426e078a 100644
--- a/src/common/datasource/fileSystem/index.tsx
+++ b/src/common/datasource/fileSystem/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ConnectType, TaskType } from '@/d.ts';
 import { IDataSourceModeConfig } from '../interface';
 import { haveOCP } from '@/util/env';
diff --git a/src/common/datasource/oceanbase/obmysql.ts b/src/common/datasource/oceanbase/obmysql.ts
index ff9afc67d..8c3338386 100644
--- a/src/common/datasource/oceanbase/obmysql.ts
+++ b/src/common/datasource/oceanbase/obmysql.ts
@@ -121,6 +121,7 @@ const items: Record<
       sqlExplain: true,
       supportOBProxy: true,
       plRun: true,
+      plEdit: true,
       export: {
         fileLimit: true,
         snapshot: true,
diff --git a/src/common/network/database.ts b/src/common/network/database.ts
index 6c4ff9a70..c2b3f07da 100644
--- a/src/common/network/database.ts
+++ b/src/common/network/database.ts
@@ -22,42 +22,31 @@ import request from '@/util/request';
 import { getDropSQL } from '@/util/sql';
 import { executeSQL } from './sql';
 
+interface listDatabasesParams {
+  projectId?: number;
+  dataSourceId?: number;
+  page?: number;
+  size?: number;
+  name?: string;
+  environmentId?: number[];
+  /** 是否包含未分配项目的数据库 */
+  containsUnassigned?: boolean;
+  existed?: boolean;
+  includesPermittedAction?: boolean;
+  /** 是否查询数据库管理员owners列表，默认不查 */
+  includesDbOwner?: boolean;
+  type?: DBType[];
+  connectType?: ConnectType[];
+  dataSourceName?: string;
+  clusterName?: string;
+  tenantName?: string;
+}
+
 export async function listDatabases(
-  projectId?: number,
-  dataSourceId?: number,
-  page?: number,
-  size?: number,
-  name?: string,
-  environmentId?: number[],
-  /**
-   * 是否包含未分配项目的数据库
-   */
-  containsUnassigned?: boolean,
-  existed?: boolean,
-  includesPermittedAction?: boolean,
-  type?: DBType[],
-  connectType?: ConnectType[],
-  dataSourceName?: string,
-  clusterName?: string,
-  tenantName?: string,
+  params: listDatabasesParams,
 ): Promise<IResponseData<IDatabase>> {
   const res = await request.get(`/api/v2/database/databases`, {
-    params: {
-      projectId,
-      dataSourceId,
-      name,
-      page,
-      size,
-      environmentId,
-      containsUnassigned,
-      existed,
-      includesPermittedAction,
-      type: type,
-      connectType: connectType,
-      dataSourceName,
-      clusterName,
-      tenantName,
-    },
+    params: params,
   });
 
   return res?.data;
diff --git a/src/common/network/databaseChange.ts b/src/common/network/databaseChange.ts
index 62feb3576..fced6cc4b 100644
--- a/src/common/network/databaseChange.ts
+++ b/src/common/network/databaseChange.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { IResponse, IResponseData } from '@/d.ts';
 import request from '@/util/request';
 
diff --git a/src/common/network/logicalDatabase.ts b/src/common/network/logicalDatabase.ts
index 8e87b7850..79376fdf9 100644
--- a/src/common/network/logicalDatabase.ts
+++ b/src/common/network/logicalDatabase.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { IResponse, IResponseData } from '@/d.ts';
 import { PreviewLogicalTableTopologiesErrorEnum } from '@/d.ts/database';
 import {
diff --git a/src/common/network/materializedView/helper.ts b/src/common/network/materializedView/helper.ts
index 53b0a27b9..8d83ca92c 100644
--- a/src/common/network/materializedView/helper.ts
+++ b/src/common/network/materializedView/helper.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { TableIndexScope, TableIndexType } from '@/page/Workspace/components/CreateTable/interface';
 import { ColumnStoreType } from '@/d.ts/table';
 import { convertServerTablePartitionToTablePartition, PartitionLevelEnum } from '../table/helper';
diff --git a/src/common/network/materializedView/index.ts b/src/common/network/materializedView/index.ts
index ae610aafb..659effc0e 100644
--- a/src/common/network/materializedView/index.ts
+++ b/src/common/network/materializedView/index.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import request from '@/util/request';
 import { encodeObjName } from '@/util/utils';
 import { Base64 } from 'js-base64';
diff --git a/src/common/network/sessionParams.ts b/src/common/network/sessionParams.ts
index d3771c49f..efe9983a5 100644
--- a/src/common/network/sessionParams.ts
+++ b/src/common/network/sessionParams.ts
@@ -69,7 +69,7 @@ export async function killSessions(
   killType: 'session' | 'query',
 ): Promise<
   {
-    sessionId: number;
+    sessionId: string;
     killed: boolean;
     errorMessage?: string;
   }[]
diff --git a/src/common/network/sql/executePLForMysql.tsx b/src/common/network/sql/executePLForMysql.tsx
index d8101ab77..20805ee0d 100644
--- a/src/common/network/sql/executePLForMysql.tsx
+++ b/src/common/network/sql/executePLForMysql.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import type { IExecutingInfo } from '@/d.ts';
 import request from '@/util/request';
 import { generateDatabaseSid } from '../pathUtil';
diff --git a/src/common/network/sql/preHandle.tsx b/src/common/network/sql/preHandle.tsx
index 1a023afa2..dc411eb06 100644
--- a/src/common/network/sql/preHandle.tsx
+++ b/src/common/network/sql/preHandle.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ISQLLintReuslt } from '@/component/SQLLintResult/type';
 import modal from '@/store/modal';
 import sessionManager from '@/store/sessionManager';
diff --git a/src/common/network/task.ts b/src/common/network/task.ts
index 5101b2b9c..235063982 100644
--- a/src/common/network/task.ts
+++ b/src/common/network/task.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { IShadowSyncAnalysisResult } from '@/component/Task/ShadowSyncTask/CreateModal/interface';
+import { IShadowSyncAnalysisResult } from '@/component/Task/modals/ShadowSyncTask/CreateModal/interface';
 import {
   AgainTaskRecord,
   CommonTaskLogType,
@@ -61,6 +61,7 @@ import {
   IImportTaskResult,
   IScheduleTaskImportRequest,
   IScheduleTerminateCmd,
+  ITaskTerminateCmd,
   IScheduleTerminateResult,
 } from '@/d.ts/importTask';
 import odc from '@/plugins/odc';
@@ -921,9 +922,9 @@ export async function getScheduleImportLog(importTaskId: string): Promise<string
 /**
  * 工单任务终止-发起
  */
-export async function cancelFlowInstance(flowInstanceId: number[]): Promise<string> {
+export async function cancelFlowInstance(data: ITaskTerminateCmd): Promise<string> {
   const res = await request.post(`/api/v2/flow/flowInstances/asyncCancel`, {
-    data: flowInstanceId,
+    data,
   });
   return res?.data;
 }
diff --git a/src/component/Action/Item.tsx b/src/component/Action/Item.tsx
index ab076d4fe..76ad933f1 100644
--- a/src/component/Action/Item.tsx
+++ b/src/component/Action/Item.tsx
@@ -65,6 +65,7 @@ export class ActionButton extends React.PureComponent<BaseProps> {
           danger={danger}
           disabled={disabled}
           onClick={(_) => {
+            if (disabled) return;
             if (enableLoading) {
               this.setState({ loading: true });
 
@@ -109,6 +110,7 @@ export class ActionLink extends React.PureComponent<BaseProps> {
         style={{ padding: 0 }}
         disabled={loading || disabled || this.state.disabled}
         onClick={(_) => {
+          if (loading || disabled || this.state.disabled) return;
           _.stopPropagation();
           _.preventDefault();
           const handle = onClick?.(_);
diff --git a/src/component/BatchSelectionPopover/index.tsx b/src/component/BatchSelectionPopover/index.tsx
index 1bef211a5..3a592a24c 100644
--- a/src/component/BatchSelectionPopover/index.tsx
+++ b/src/component/BatchSelectionPopover/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import React, { useEffect, useState, useMemo } from 'react';
 import { Button, Checkbox, Popover, Spin, Empty, Input, Space } from 'antd';
diff --git a/src/component/Button/SyncMetadata/index.tsx b/src/component/Button/SyncMetadata/index.tsx
index 19f850d48..7a0f32da5 100644
--- a/src/component/Button/SyncMetadata/index.tsx
+++ b/src/component/Button/SyncMetadata/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { syncAll } from '@/common/network/database';
 import { DBObjectSyncStatus, IDatabase } from '@/d.ts/database';
 import { ReactComponent as SyncMetadataSvg } from '@/svgr/sync_metadata.svg';
diff --git a/src/component/CommonCopyIcon/index.tsx b/src/component/CommonCopyIcon/index.tsx
index 2fca668a5..5cb286f16 100644
--- a/src/component/CommonCopyIcon/index.tsx
+++ b/src/component/CommonCopyIcon/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import CopyToClipboard from 'react-copy-to-clipboard';
 import { CopyOutlined } from '@ant-design/icons';
 import { Tooltip } from 'antd';
diff --git a/src/component/CommonTable/component/EditTableRow.tsx b/src/component/CommonTable/component/EditTableRow.tsx
index dbd3714be..e05cf9ca2 100644
--- a/src/component/CommonTable/component/EditTableRow.tsx
+++ b/src/component/CommonTable/component/EditTableRow.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Form, GetRef, InputRef, Input, Tooltip } from 'antd';
 import React, { useEffect, useRef, useState, useContext } from 'react';
diff --git a/src/component/CommonTable/index.tsx b/src/component/CommonTable/index.tsx
index 56ed8f09e..6dd75fe2e 100644
--- a/src/component/CommonTable/index.tsx
+++ b/src/component/CommonTable/index.tsx
@@ -19,7 +19,7 @@ import { useControllableValue } from 'ahooks';
 import { Alert, Spin, Table } from 'antd';
 import classNames from 'classnames';
 import { throttle } from 'lodash';
-import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';
+import React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { ResizeTitle } from './component/ResizeTitle';
 import {
   DEFAULT_BIG_ROW_HEIGHT,
@@ -137,7 +137,6 @@ const CommonTable: <RecordType extends object = any>(
   const urlStatusValue = getParam('status');
   const [pageSize, setPageSize] = useState(0);
   const [columnWidthMap, setColumnWidthMap] = useState(null);
-  const tableColumns = getFilteredColumns();
   const showInfoBar = rowSelecter && !!selectedRowKeys?.length && showSelectedInfoBar;
   const TOOLBAR_HEIGHT = showToolbar ? TABLE_TOOLBAR_HEIGHT : 0;
   const INFO_BAR_HEIGHT = showInfoBar ? TABLE_INFO_BAR_HEIGHT : 0;
@@ -357,15 +356,21 @@ const CommonTable: <RecordType extends object = any>(
     });
   }
 
-  function getFilteredColumns() {
-    return columns.map((item) => {
-      const key = item?.key || (item as any)?.dataIndex;
-      const defaultFilteredValue = item?.defaultFilteredValue || null;
-
-      item.filteredValue = filters?.[key] || defaultFilteredValue || null;
-      return item;
-    });
-  }
+  const tableColumns = useMemo(() => {
+    return enableResize
+      ? columns?.map((oriColumn) => {
+          return {
+            ...oriColumn,
+            width: columnWidthMap?.[oriColumn?.key] || oriColumn.width || DEFAULT_COLUMN_WIDTH,
+            onHeaderCell: (column) =>
+              ({
+                width: columnWidthMap?.[column?.key] || oriColumn.width || DEFAULT_COLUMN_WIDTH,
+                onResize: handleResize(oriColumn),
+              } as React.HTMLAttributes<HTMLElement>),
+          };
+        })
+      : columns;
+  }, [enableResize, columns, columnWidthMap]);
 
   function handleCloseAlert() {
     setAlertInfoVisible(false);
@@ -482,26 +487,7 @@ const CommonTable: <RecordType extends object = any>(
               `${tableProps?.rowClassName} ${i % 2 === 0 ? styles.even : styles.odd}`
             }
             dataSource={dataSource}
-            //@ts-ignore
-            columns={
-              enableResize
-                ? columns?.map((oriColumn) => {
-                    return {
-                      ...oriColumn,
-                      width:
-                        columnWidthMap?.[oriColumn?.key] || oriColumn.width || DEFAULT_COLUMN_WIDTH,
-                      onHeaderCell: (column) =>
-                        ({
-                          width:
-                            columnWidthMap?.[column?.key] ||
-                            oriColumn.width ||
-                            DEFAULT_COLUMN_WIDTH,
-                          onResize: handleResize(oriColumn),
-                        } as React.HTMLAttributes<HTMLElement>),
-                    };
-                  })
-                : tableColumns
-            }
+            columns={tableColumns}
             components={
               enableResize
                 ? {
diff --git a/src/component/CreateSynonymModal/index.tsx b/src/component/CreateSynonymModal/index.tsx
index 8e3184a63..5b9af3752 100644
--- a/src/component/CreateSynonymModal/index.tsx
+++ b/src/component/CreateSynonymModal/index.tsx
@@ -96,16 +96,12 @@ class CreateSynonymModal extends Component<IProps & { session: SessionStore }, I
   }
 
   private async loadDatabases() {
-    const res = await listDatabases(
-      null,
-      this.props.session?.connection?.id,
-      1,
-      9999,
-      null,
-      null,
-      null,
-      true,
-    );
+    const res = await listDatabases({
+      dataSourceId: this.props.session?.connection?.id,
+      page: 1,
+      size: 9999,
+      existed: true,
+    });
     this.setState({
       databases: res?.contents || [],
     });
diff --git a/src/component/Crontab/utils.ts b/src/component/Crontab/utils.ts
index 5cfb901e6..80d48864b 100644
--- a/src/component/Crontab/utils.ts
+++ b/src/component/Crontab/utils.ts
@@ -107,6 +107,7 @@ const CronInputName2cronSpeedLabelMap = {
 };
 
 const reg = /[*?]/;
+const intervalReg = /\*\/\d+/;
 const everyReg = /[*]/;
 const charsReg = /[#L]/;
 
@@ -178,7 +179,11 @@ export const getCronString = (values: {
   dayOfMonth: number[];
 }) => {
   const { hour, dayOfWeek, dayOfMonth } = values;
-  const initInterval = parser.parseExpression(initCronString);
+  let baseCron = initCronString;
+  if (dayOfWeek?.length > 0) {
+    baseCron = '0 0 0 ? * *';
+  }
+  const initInterval = parser.parseExpression(baseCron);
   const fields = JSON.parse(JSON.stringify(initInterval.fields));
   if (hour.length) {
     fields.hour = hour;
@@ -186,7 +191,7 @@ export const getCronString = (values: {
     fields.second = [0];
   }
   if (dayOfWeek.length) {
-    fields.dayOfWeek = dayOfWeek;
+    fields.dayOfWeek = dayOfWeek.map((d) => (d === 7 ? 0 : d));
   }
   if (dayOfMonth.length) {
     fields.dayOfMonth = dayOfMonth;
@@ -478,7 +483,7 @@ class Translator {
       return nodes
         ?.map((node) => {
           let str = '';
-          if (reg?.test(node.value)) {
+          if (reg?.test(node.value) && !intervalReg.test(node.value)) {
             if (everyReg?.test(node.value)) {
               return (str = getCronLabel(name as CronInputName, node.value));
             }
diff --git a/src/component/EditorToolBar/actions/pl.tsx b/src/component/EditorToolBar/actions/pl.tsx
index 64302cefc..f887f8ae1 100644
--- a/src/component/EditorToolBar/actions/pl.tsx
+++ b/src/component/EditorToolBar/actions/pl.tsx
@@ -33,7 +33,7 @@ import { PLPage } from '@/page/Workspace/components/PLPage';
 import { DebugStatus } from '@/store/debug/type';
 import sqlStore from '@/store/sql';
 import { ToolBarActions } from '..';
-import { ConnectionMode } from '@/d.ts';
+import { ConnectType } from '@/d.ts';
 
 const { confirm } = Modal;
 
@@ -58,9 +58,11 @@ const plActions: ToolBarActions = {
       if (!hasChangeEditorValue) return IConStatus.DISABLE;
       return getStatus(ctx);
     },
-    action: debounce(async (ctx: any, databaseType?: String, editorValue?: String) => {
+    action: debounce(async (ctx: any, databaseType?: ConnectType, editorValue?: String) => {
       switch (databaseType) {
-        case (ConnectionMode.MYSQL, ConnectionMode.OB_MYSQL):
+        case ConnectType.MYSQL:
+        case ConnectType.OB_MYSQL:
+        case ConnectType.CLOUD_OB_MYSQL:
           return await ctx.savePL(null, true, editorValue);
         default:
           return await ctx.savePL();
diff --git a/src/component/EllipsisText/index.less b/src/component/EllipsisText/index.less
new file mode 100644
index 000000000..2123af7d6
--- /dev/null
+++ b/src/component/EllipsisText/index.less
@@ -0,0 +1,7 @@
+.ellipsisContent {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  width: max-content;
+}
diff --git a/src/component/EllipsisText/index.tsx b/src/component/EllipsisText/index.tsx
new file mode 100644
index 000000000..014dfd1fe
--- /dev/null
+++ b/src/component/EllipsisText/index.tsx
@@ -0,0 +1,47 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import styles from './index.less';
+import { Tooltip } from 'antd';
+import { useMemo } from 'react';
+
+interface IProps {
+  content: string | React.ReactNode;
+  customTooltipContent?: React.ReactNode;
+  needTooltip?: boolean;
+}
+
+const EllipsisText = (props: IProps) => {
+  const { content, customTooltipContent, needTooltip = true } = props;
+
+  const tooltipContent = useMemo(() => {
+    if (!content || !needTooltip) return null;
+    if (customTooltipContent) {
+      return customTooltipContent;
+    }
+    return content;
+  }, [content, customTooltipContent, needTooltip]);
+
+  return content ? (
+    <Tooltip title={tooltipContent}>
+      <div className={styles.ellipsisContent}>{content}</div>
+    </Tooltip>
+  ) : (
+    <>-</>
+  );
+};
+
+export default EllipsisText;
diff --git a/src/component/Empty/ApplyDatabaseAuthEmpty/index.tsx b/src/component/Empty/ApplyDatabaseAuthEmpty/index.tsx
index 84589a80d..0043a4ec5 100644
--- a/src/component/Empty/ApplyDatabaseAuthEmpty/index.tsx
+++ b/src/component/Empty/ApplyDatabaseAuthEmpty/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Empty } from 'antd';
 import styles from './index.less';
diff --git a/src/component/Empty/DataSourceEmpty/index.tsx b/src/component/Empty/DataSourceEmpty/index.tsx
index 1405def65..1ab8bb24e 100644
--- a/src/component/Empty/DataSourceEmpty/index.tsx
+++ b/src/component/Empty/DataSourceEmpty/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Acess, createPermission } from '@/component/Acess';
 import { actionTypes, IManagerResourceType } from '@/d.ts';
diff --git a/src/component/Empty/DatabaseSelectEmpty/index.tsx b/src/component/Empty/DatabaseSelectEmpty/index.tsx
index 1d6f07b2a..15c167e3a 100644
--- a/src/component/Empty/DatabaseSelectEmpty/index.tsx
+++ b/src/component/Empty/DatabaseSelectEmpty/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Empty } from 'antd';
 import styles from './index.less';
diff --git a/src/component/Empty/DatasourceSelectEmpty/index.tsx b/src/component/Empty/DatasourceSelectEmpty/index.tsx
index 06bcf9037..15ead8a8c 100644
--- a/src/component/Empty/DatasourceSelectEmpty/index.tsx
+++ b/src/component/Empty/DatasourceSelectEmpty/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Divider, Empty } from 'antd';
 import styles from './index.less';
diff --git a/src/component/Empty/ProjectEmpty/index.tsx b/src/component/Empty/ProjectEmpty/index.tsx
index d43807637..d102188a1 100644
--- a/src/component/Empty/ProjectEmpty/index.tsx
+++ b/src/component/Empty/ProjectEmpty/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Result } from 'antd';
 import styles from './index.less';
diff --git a/src/component/Empty/ProjectSelectEmpty/index.tsx b/src/component/Empty/ProjectSelectEmpty/index.tsx
index c9264d325..00aeed23b 100644
--- a/src/component/Empty/ProjectSelectEmpty/index.tsx
+++ b/src/component/Empty/ProjectSelectEmpty/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Divider, Empty } from 'antd';
 import styles from './index.less';
diff --git a/src/component/Empty/RecentlyDatabaseEmpty/index.tsx b/src/component/Empty/RecentlyDatabaseEmpty/index.tsx
index 6bb1bae44..9e60f91c6 100644
--- a/src/component/Empty/RecentlyDatabaseEmpty/index.tsx
+++ b/src/component/Empty/RecentlyDatabaseEmpty/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Empty } from 'antd';
 import styles from './index.less';
diff --git a/src/component/Empty/SQLConsoleEmpty/index.tsx b/src/component/Empty/SQLConsoleEmpty/index.tsx
index 73c1d208b..29f060681 100644
--- a/src/component/Empty/SQLConsoleEmpty/index.tsx
+++ b/src/component/Empty/SQLConsoleEmpty/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { SQLConsoleResourceType } from '@/common/datasource/interface';
 import NewDatasourceButton from '@/page/Datasource/Datasource/NewDatasourceDrawer/NewButton';
diff --git a/src/component/Empty/ScanRuleEmpty/index.tsx b/src/component/Empty/ScanRuleEmpty/index.tsx
index 1d3be69ed..729fe64af 100644
--- a/src/component/Empty/ScanRuleEmpty/index.tsx
+++ b/src/component/Empty/ScanRuleEmpty/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { Acess, createPermission } from '@/component/Acess';
 import { actionTypes, IManagerResourceType } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
diff --git a/src/component/ExecuteSqlDetailModal/constant.tsx b/src/component/ExecuteSqlDetailModal/constant.tsx
index 45cf1c482..98e4c1229 100644
--- a/src/component/ExecuteSqlDetailModal/constant.tsx
+++ b/src/component/ExecuteSqlDetailModal/constant.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ReactComponent as List } from '@/svgr/List.svg';
 import { ReactComponent as Text } from '@/svgr/Text.svg';
 import { ReactComponent as TraceSvg } from '@/svgr/Trace.svg';
diff --git a/src/component/ExecuteSqlDetailModal/index.tsx b/src/component/ExecuteSqlDetailModal/index.tsx
index bbd3608a8..513182be4 100644
--- a/src/component/ExecuteSqlDetailModal/index.tsx
+++ b/src/component/ExecuteSqlDetailModal/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import {
   getFullLinkTraceDownloadUrl,
   getSQLExecuteProfile,
diff --git a/src/component/Input/Case/index.tsx b/src/component/Input/Case/index.tsx
index d10b9df04..07432fb2c 100644
--- a/src/component/Input/Case/index.tsx
+++ b/src/component/Input/Case/index.tsx
@@ -77,6 +77,7 @@ interface WrapProps {
   value?: string;
   caseSensitive?: boolean;
   escapes?: string;
+  valueFilter?: (value: string) => string;
 }
 
 export function CaseInput(props: InputProps & WrapProps) {
@@ -139,7 +140,7 @@ const CaseTextArea = forwardRef<TextAreaRef, ICaseTextAreaProps>(function CaseTe
   props: ICaseTextAreaProps,
   ref,
 ) {
-  const { value, caseSensitive, escapes, onChange, ...rest } = props;
+  const { value, caseSensitive, escapes, onChange, valueFilter, ...rest } = props;
   const [innerValue, setInnerValue] = useState<string>();
   const [onChangeValue, setOnChangeValue] = useState<any>();
   useEffect(() => {
@@ -180,18 +181,26 @@ const CaseTextArea = forwardRef<TextAreaRef, ICaseTextAreaProps>(function CaseTe
       onChange={(e) => {
         const start = e.target.selectionStart,
           end = e.target.selectionEnd;
+
+        if (valueFilter) {
+          e.target.value = valueFilter(e.target.value);
+        }
+
         const { displayValue, onChangeValue } = handleChange(e);
         setInnerValue(displayValue);
+
         if (typeof onChangeValue === 'string') {
           setOnChangeValue(onChangeValue);
         } else {
           setOnChangeValue(onChangeValue?.target?.value);
         }
+
         if (e.target.value !== displayValue) {
           Promise.resolve().then(() => {
             inputRef?.current?.resizableTextArea?.textArea?.setSelectionRange(start, end);
           });
         }
+
         if (typeof onChangeValue !== 'string') {
           onChange?.(onChangeValue as any);
         }
diff --git a/src/component/Input/Keymap/helper.ts b/src/component/Input/Keymap/helper.ts
index 0e73a7cc8..7f868af04 100644
--- a/src/component/Input/Keymap/helper.ts
+++ b/src/component/Input/Keymap/helper.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { KeyCode } from 'monaco-editor';
 
diff --git a/src/component/Input/Keymap/keycodemap.ts b/src/component/Input/Keymap/keycodemap.ts
index 6a7164677..6d0b17402 100644
--- a/src/component/Input/Keymap/keycodemap.ts
+++ b/src/component/Input/Keymap/keycodemap.ts
@@ -134,8 +134,8 @@ export const KEY_CODE_MAP: Record<number, KeyCode> = {
 };
 
 const convertMap = {
-  [KeyCode.Ctrl]: KeyMod.CtrlCmd,
-  [KeyCode.Meta]: KeyMod.CtrlCmd,
+  [KeyCode.Ctrl]: isMac() ? KeyMod.WinCtrl : KeyMod.CtrlCmd,
+  [KeyCode.Meta]: isMac() ? KeyMod.CtrlCmd : KeyMod.WinCtrl,
   [KeyCode.Shift]: KeyMod.Shift,
   [KeyCode.Alt]: KeyMod.Alt,
 };
@@ -146,7 +146,8 @@ export function getKeyCodeText(code: string) {
     if (acc.length) {
       acc.push('+');
     }
-    if (parseInt(cur) === KeyCode.Meta) {
+    const keyCodeValue = parseInt(cur);
+    if (keyCodeValue === KeyCode.Meta) {
       if (isMac()) {
         acc.push('⌘');
       } else {
@@ -154,6 +155,10 @@ export function getKeyCodeText(code: string) {
       }
       return acc;
     }
+    if (keyCodeValue === KeyCode.Ctrl) {
+      acc.push('Ctrl'); // 在所有平台都显示为 Ctrl
+      return acc;
+    }
     acc.push(KeyCode[cur]);
     return acc;
   }, []);
diff --git a/src/component/Log/index.tsx b/src/component/Log/index.tsx
index 5c274309b..923e0569a 100644
--- a/src/component/Log/index.tsx
+++ b/src/component/Log/index.tsx
@@ -248,7 +248,7 @@ const Log: React.FC<LogProps> = ({
     if (!lineWrapNode) {
       index = copyData.current.scrollDirection === 'up' ? 0 : logData.data.length;
     } else {
-      index = Number(lineWrapNode.firstChild.innerText);
+      index = Number((lineWrapNode.firstChild as HTMLElement)?.innerText);
     }
     return index;
   };
diff --git a/src/component/MonacoEditor/PlaceholderContentWidget.ts b/src/component/MonacoEditor/PlaceholderContentWidget.ts
index b62d6b2db..83c6415e3 100644
--- a/src/component/MonacoEditor/PlaceholderContentWidget.ts
+++ b/src/component/MonacoEditor/PlaceholderContentWidget.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 /**
  * based on https://github.com/microsoft/monaco-editor/issues/568#issuecomment-1499966160
  */
diff --git a/src/component/ODCSetting/Item/CheckboxItem.tsx b/src/component/ODCSetting/Item/CheckboxItem.tsx
index dd53b5d35..5c1e3645c 100644
--- a/src/component/ODCSetting/Item/CheckboxItem.tsx
+++ b/src/component/ODCSetting/Item/CheckboxItem.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React, { useState } from 'react';
 import { Checkbox } from 'antd';
 
diff --git a/src/component/ODCSetting/Item/RadioItem/index.less b/src/component/ODCSetting/Item/RadioItem/index.less
new file mode 100644
index 000000000..3e6bb2beb
--- /dev/null
+++ b/src/component/ODCSetting/Item/RadioItem/index.less
@@ -0,0 +1,3 @@
+.label {
+  margin-right: 5px;
+}
diff --git a/src/component/ODCSetting/Item/RadioItem.tsx b/src/component/ODCSetting/Item/RadioItem/index.tsx
similarity index 70%
rename from src/component/ODCSetting/Item/RadioItem.tsx
rename to src/component/ODCSetting/Item/RadioItem/index.tsx
index 18f2e5121..85425842f 100644
--- a/src/component/ODCSetting/Item/RadioItem.tsx
+++ b/src/component/ODCSetting/Item/RadioItem/index.tsx
@@ -14,8 +14,10 @@
  * limitations under the License.
  */
 
-import { Radio, RadioGroupProps } from 'antd';
+import { QuestionCircleOutlined } from '@@node_modules/@ant-design/icons/lib';
+import { Radio, RadioGroupProps, Tooltip } from 'antd';
 import { useState } from 'react';
+import styles from './index.less';
 
 export default function RadioItem(props: {
   options: RadioGroupProps['options'];
@@ -25,9 +27,9 @@ export default function RadioItem(props: {
   const [loading, setLoading] = useState(false);
   return (
     <Radio.Group
-      options={props.options}
       key={props.value}
-      defaultValue={props.value}
+      options={props.options}
+      value={props.value}
       disabled={loading}
       onChange={async (e) => {
         setLoading(true);
@@ -40,3 +42,14 @@ export default function RadioItem(props: {
     />
   );
 }
+
+export const RadioWithTooltip = ({ label, title }) => {
+  return (
+    <>
+      <span className={styles.label}>{label}</span>
+      <Tooltip title={title}>
+        <QuestionCircleOutlined style={{ color: 'var(--icon-color-normal)' }} />
+      </Tooltip>
+    </>
+  );
+};
diff --git a/src/component/ODCSetting/Item/SecretKeyItem/CopyOpertaion.tsx b/src/component/ODCSetting/Item/SecretKeyItem/CopyOpertaion.tsx
index 3ee87a1c4..8a974ff5e 100644
--- a/src/component/ODCSetting/Item/SecretKeyItem/CopyOpertaion.tsx
+++ b/src/component/ODCSetting/Item/SecretKeyItem/CopyOpertaion.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { useCallback } from 'react';
 import { Button, Tooltip } from 'antd';
diff --git a/src/component/ODCSetting/config/common.tsx b/src/component/ODCSetting/config/common.tsx
index 36cf039cf..8ff489879 100644
--- a/src/component/ODCSetting/config/common.tsx
+++ b/src/component/ODCSetting/config/common.tsx
@@ -1,8 +1,25 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import CheckboxItem from '../Item/CheckboxItem';
 import RadioItem from '../Item/RadioItem';
 import { ODCSettingGroup } from '../config';
 import { resultSetsGroup } from '../utils/configHelper';
+import { isClient } from '@/util/env';
 
 export const getExecutionStrategyConfig = (taskGroup: ODCSettingGroup) => {
   return [
@@ -26,13 +43,15 @@ export const getExecutionStrategyConfig = (taskGroup: ODCSettingGroup) => {
                 }),
                 value: 'AUTO',
               },
-              {
-                label: formatMessage({
-                  id: 'src.component.ODCSetting.config.11DE5799',
-                  defaultMessage: '定时执行',
-                }),
-                value: 'TIMER',
-              },
+              !isClient()
+                ? {
+                    label: formatMessage({
+                      id: 'src.component.ODCSetting.config.11DE5799',
+                      defaultMessage: '定时执行',
+                    }),
+                    value: 'TIMER',
+                  }
+                : null,
               {
                 label: formatMessage({
                   id: 'src.component.ODCSetting.config.7CE2AC8D',
@@ -40,7 +59,7 @@ export const getExecutionStrategyConfig = (taskGroup: ODCSettingGroup) => {
                 }),
                 value: 'MANUAL',
               },
-            ]}
+            ]?.filter(Boolean)}
             value={value}
             onChange={onChange}
           />
diff --git a/src/component/ODCSetting/config/user/database.tsx b/src/component/ODCSetting/config/user/database.tsx
index da99f7660..6586e8a22 100644
--- a/src/component/ODCSetting/config/user/database.tsx
+++ b/src/component/ODCSetting/config/user/database.tsx
@@ -18,8 +18,15 @@ import { DragInsertTypeText } from '@/constant/label';
 import { AutoCommitMode, DragInsertType } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
 import { IODCSetting, ODCSettingGroup } from '../../config';
-import RadioItem from '../../Item/RadioItem';
+import RadioItem, { RadioWithTooltip } from '../../Item/RadioItem';
 import SelectItem from '../../Item/SelectItem';
+import { Tooltip } from 'antd';
+import { QuestionCircleOutlined } from '@@node_modules/@ant-design/icons/lib';
+
+export const EquerySqlResultDisplayMode = {
+  OVERWRITE: 'OVERWRITE',
+  APPEND: 'APPEND',
+};
 
 const databaseGroup: ODCSettingGroup = {
   label: formatMessage({
@@ -199,6 +206,60 @@ const databaseSettings: IODCSetting[] = [
       );
     },
   },
+  {
+    label: formatMessage({
+      id: 'src.component.ODCSetting.config.user.20C5DFB4',
+      defaultMessage: '结果集展示',
+    }),
+    key: 'odc.sqlexecute.querySqlResultDisplayMode',
+    locationKey: 'querySqlResultDisplayMode',
+    group: databaseGroup,
+    secondGroup: databaseResultsetGroup,
+    storeType: 'server',
+    render: (value, onChange) => {
+      return (
+        <RadioItem
+          options={[
+            {
+              label: (
+                <RadioWithTooltip
+                  title={formatMessage({
+                    id: 'src.component.ODCSetting.config.user.2D4F8470',
+                    defaultMessage:
+                      '最近查询结果覆盖上一次查询结果，若要查看多次执行结果需手动固定结果集（在结果集页签右键操作）。',
+                  })}
+                  label={formatMessage({
+                    id: 'src.component.ODCSetting.config.user.C8FE70F6',
+                    defaultMessage: '覆盖',
+                  })}
+                />
+              ),
+
+              value: EquerySqlResultDisplayMode.OVERWRITE,
+            },
+            {
+              label: (
+                <RadioWithTooltip
+                  title={formatMessage({
+                    id: 'src.component.ODCSetting.config.user.FACA6552',
+                    defaultMessage: '多次查询结果追加展示，需手动关闭结果集页签才会关闭。',
+                  })}
+                  label={formatMessage({
+                    id: 'src.component.ODCSetting.config.user.5BCACB4C',
+                    defaultMessage: '追加',
+                  })}
+                />
+              ),
+
+              value: EquerySqlResultDisplayMode.APPEND,
+            },
+          ]}
+          value={value}
+          onChange={onChange}
+        />
+      );
+    },
+  },
   {
     label: formatMessage({
       id: 'src.component.ODCSetting.config.90CA6EA7',
diff --git a/src/component/ODCSetting/index.less b/src/component/ODCSetting/index.less
index 4d319faf0..0f7b446a2 100644
--- a/src/component/ODCSetting/index.less
+++ b/src/component/ODCSetting/index.less
@@ -46,9 +46,15 @@
   .tabs {
     .user {
       width: 52px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
     .space {
       width: 73px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
   }
 }
diff --git a/src/component/ODCSetting/index.tsx b/src/component/ODCSetting/index.tsx
index 6170b2ac5..1bfdd4e50 100644
--- a/src/component/ODCSetting/index.tsx
+++ b/src/component/ODCSetting/index.tsx
@@ -27,6 +27,7 @@ import {
   Row,
   Space,
   Tabs,
+  Tooltip,
   Typography,
 } from 'antd';
 import React, { ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';
@@ -91,6 +92,38 @@ const ODCSetting: React.FC<IProps> = ({ modalStore }) => {
   const isAdmin = odc.appConfig.manage.user.isODCOrganizationConfig?.(login.user);
   const [searchValue, setSearchValue] = useState('');
 
+  const spaceTypeOptions = useMemo(() => {
+    const options = [
+      {
+        label: formatMessage({ id: 'src.component.ODCSetting.6BCFD6DD', defaultMessage: '用户' }),
+        value: ESpaceType.USER,
+        className: styles.user,
+      },
+    ];
+
+    if (login.isPrivateSpace()) {
+      options.push({
+        label: formatMessage({
+          id: 'src.component.ODCSetting.47586FD4',
+          defaultMessage: '个人空间',
+        }),
+        value: ESpaceType.PERSONAL,
+        className: styles.space,
+      });
+    } else if (isAdmin) {
+      options.push({
+        label: formatMessage({
+          id: 'src.component.ODCSetting.AC147B83',
+          defaultMessage: '团队空间',
+        }),
+        value: ESpaceType.GROUP,
+        className: styles.space,
+      });
+    }
+
+    return options;
+  }, [isAdmin]);
+
   const getData = useCallback(
     (type: ESpaceType) => {
       const result = new Map<
@@ -644,24 +677,13 @@ const ODCSetting: React.FC<IProps> = ({ modalStore }) => {
           defaultValue={ESpaceType.USER}
           onChange={(e) => setSpaceType(e.target.value)}
         >
-          <Radio.Button className={styles.user} value={ESpaceType.USER}>
-            {formatMessage({ id: 'src.component.ODCSetting.6BCFD6DD', defaultMessage: '用户' })}
-          </Radio.Button>
-          {login.isPrivateSpace() ? (
-            <Radio.Button className={styles.space} value={ESpaceType.PERSONAL}>
-              {formatMessage({
-                id: 'src.component.ODCSetting.47586FD4',
-                defaultMessage: '个人空间',
-              })}
-            </Radio.Button>
-          ) : isAdmin ? (
-            <Radio.Button className={styles.space} value={ESpaceType.GROUP}>
-              {formatMessage({
-                id: 'src.component.ODCSetting.AC147B83',
-                defaultMessage: '团队空间',
-              })}
-            </Radio.Button>
-          ) : null}
+          {spaceTypeOptions.map((option) => (
+            <Tooltip key={option.value} title={option.label}>
+              <Radio.Button className={option.className} value={option.value}>
+                {option.label}
+              </Radio.Button>
+            </Tooltip>
+          ))}
         </Radio.Group>
         <Search
           className={styles.search}
diff --git a/src/component/ODCSetting/utils/configHelper.ts b/src/component/ODCSetting/utils/configHelper.ts
index 72d8a97ae..33d5f1dd1 100644
--- a/src/component/ODCSetting/utils/configHelper.ts
+++ b/src/component/ODCSetting/utils/configHelper.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 // 聚合配置项定义
 interface AggregateConfig {
diff --git a/src/component/ODCSetting/validators.ts b/src/component/ODCSetting/validators.ts
index 6429444d5..90de9c6bb 100644
--- a/src/component/ODCSetting/validators.ts
+++ b/src/component/ODCSetting/validators.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import setting, { getCurrentOrganizationId } from '@/store/setting';
 import { getSystemConfig } from '@/common/network/other';
diff --git a/src/component/OSSDragger/index.tsx b/src/component/OSSDragger/index.tsx
index 2891cd8c5..9239449e6 100644
--- a/src/component/OSSDragger/index.tsx
+++ b/src/component/OSSDragger/index.tsx
@@ -20,7 +20,7 @@ import { uploadFileToOSS } from '@/util/aliyun';
 import { Upload } from 'antd';
 import { DraggerProps } from 'antd/lib/upload';
 import React from 'react';
-import { getImportTypeByFileExtension } from '../Task/ImportTask/CreateModal/ImportForm/helper';
+import { getImportTypeByFileExtension } from '../Task/modals/ImportTask/CreateModal/ImportForm/helper';
 
 interface IProps extends DraggerProps {
   uploadFileOpenAPIName?: string;
diff --git a/src/component/OrganizationSelectModal/index.tsx b/src/component/OrganizationSelectModal/index.tsx
index 4e4b45e34..eec5598f6 100644
--- a/src/component/OrganizationSelectModal/index.tsx
+++ b/src/component/OrganizationSelectModal/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import login from '@/store/login';
 import { observer } from 'mobx-react';
diff --git a/src/component/ProfileFlow/constant.ts b/src/component/ProfileFlow/constant.ts
index 7c7668a2c..75c58873b 100644
--- a/src/component/ProfileFlow/constant.ts
+++ b/src/component/ProfileFlow/constant.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 // reactFlow id
 export const REACT_FLOW_ID = 'PROFILE_FLOW_BOX';
diff --git a/src/component/ProfileFlow/customComponents/Control.tsx b/src/component/ProfileFlow/customComponents/Control.tsx
index f7c8bfdc0..1cc04ce69 100644
--- a/src/component/ProfileFlow/customComponents/Control.tsx
+++ b/src/component/ProfileFlow/customComponents/Control.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Controls, ControlButton, useReactFlow } from 'reactflow';
 import {
diff --git a/src/component/ProfileFlow/customComponents/DetailBox.tsx b/src/component/ProfileFlow/customComponents/DetailBox.tsx
index 0da86473f..2d6075871 100644
--- a/src/component/ProfileFlow/customComponents/DetailBox.tsx
+++ b/src/component/ProfileFlow/customComponents/DetailBox.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { formatTimeTemplate } from '@/util/utils';
 import { Divider, Progress, Radio, Select, Tooltip } from 'antd';
diff --git a/src/component/ProfileFlow/customComponents/Edge.tsx b/src/component/ProfileFlow/customComponents/Edge.tsx
index 15bab7d72..bf036360f 100644
--- a/src/component/ProfileFlow/customComponents/Edge.tsx
+++ b/src/component/ProfileFlow/customComponents/Edge.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Tooltip } from 'antd';
 import { EdgeLabelRenderer } from 'reactflow';
diff --git a/src/component/ProfileFlow/customComponents/Node.tsx b/src/component/ProfileFlow/customComponents/Node.tsx
index 212d60192..629b0c05b 100644
--- a/src/component/ProfileFlow/customComponents/Node.tsx
+++ b/src/component/ProfileFlow/customComponents/Node.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { Handle, Position } from 'reactflow';
 import { MinusCircleOutlined, PlusCircleOutlined } from '@ant-design/icons';
 import { Progress, Tooltip } from 'antd';
diff --git a/src/component/ProfileFlow/index.tsx b/src/component/ProfileFlow/index.tsx
index 6616988ac..f0db00cf4 100644
--- a/src/component/ProfileFlow/index.tsx
+++ b/src/component/ProfileFlow/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { IProfileGraph } from '@/d.ts';
 import { useEffect, useRef, useState } from 'react';
 import ReactFlow, {
diff --git a/src/component/ProfileFlow/treeLayout.ts b/src/component/ProfileFlow/treeLayout.ts
index 0bf5bbcb1..29fc7d9eb 100644
--- a/src/component/ProfileFlow/treeLayout.ts
+++ b/src/component/ProfileFlow/treeLayout.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { NODE_WIDTH, NODE_X_INTERVAL, NODE_HEIGTH, NODE_Y_INTERVAL } from './constant';
 
 // 节点类
diff --git a/src/component/ProfileFlow/utils.ts b/src/component/ProfileFlow/utils.ts
index e4a9d624c..741738c26 100644
--- a/src/component/ProfileFlow/utils.ts
+++ b/src/component/ProfileFlow/utils.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { IProfileVertexes } from '@/d.ts';
 import type { Node as FlowNode, SetCenter, SetViewport } from 'reactflow';
 import {
diff --git a/src/component/RadioTag/index.tsx b/src/component/RadioTag/index.tsx
index e38974096..4eaac8515 100644
--- a/src/component/RadioTag/index.tsx
+++ b/src/component/RadioTag/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { Space } from 'antd';
 import classNames from 'classnames';
 import React from 'react';
diff --git a/src/component/SQLConfig/index.tsx b/src/component/SQLConfig/index.tsx
index 8238bad50..bdffe69cc 100644
--- a/src/component/SQLConfig/index.tsx
+++ b/src/component/SQLConfig/index.tsx
@@ -43,7 +43,6 @@ const SQLConfig: React.FC<IProps> = function (props) {
   const [visible, setVisible] = useState(false);
   const [showMaxLimit, setShowMaxLimit] = useState(false);
   const queryLimit = session?.params?.queryLimit;
-  const maxQueryLimit = Number(setting.getSpaceConfigByKey('odc.sqlexecute.default.maxQueryLimit'));
   const tableColumnInfoVisible = session?.params.tableColumnInfoVisible;
   const fullLinkTraceEnabled = session?.params.fullLinkTraceEnabled;
   const continueExecutionOnError = session?.params.continueExecutionOnError;
@@ -60,6 +59,7 @@ const SQLConfig: React.FC<IProps> = function (props) {
     /**
      * 判断是否允许无限制，假如不允许，禁止删除
      */
+    const maxQueryLimit = session?.params?.maxQueryLimit;
     if (maxQueryLimit !== Number.MAX_SAFE_INTEGER && !queryLimitValue) {
       setQueryLimitValue(session?.params.queryLimit);
       return;
@@ -165,7 +165,7 @@ const SQLConfig: React.FC<IProps> = function (props) {
                   defaultMessage: '不超过查询条数上限',
                 })}
 
-                {maxQueryLimit}
+                {session?.params.maxQueryLimit || '-'}
               </div>
             )}
 
diff --git a/src/component/SortableContainer/index.tsx b/src/component/SortableContainer/index.tsx
index 11309984f..fe837ec5f 100644
--- a/src/component/SortableContainer/index.tsx
+++ b/src/component/SortableContainer/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React from 'react';
 import { DndContext, closestCenter, useSensors, useSensor, PointerSensor } from '@dnd-kit/core';
 import {
diff --git a/src/component/TabSelect/index.tsx b/src/component/TabSelect/index.tsx
index d24a27b29..1c067efbb 100644
--- a/src/component/TabSelect/index.tsx
+++ b/src/component/TabSelect/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import Icon from '@ant-design/icons';
 import { Select, Space, Tabs } from 'antd';
 import styles from './index.less';
diff --git a/src/component/Task/ExportTask/CreateModal/index.tsx b/src/component/Task/ExportTask/CreateModal/index.tsx
deleted file mode 100644
index 6ec4394ed..000000000
--- a/src/component/Task/ExportTask/CreateModal/index.tsx
+++ /dev/null
@@ -1,494 +0,0 @@
-/*
- * Copyright 2023 OceanBase
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { createBatchExportTask } from '@/common/network';
-import HelpDoc from '@/component/helpDoc';
-import {
-  DbObjectType,
-  ExportFormData,
-  EXPORT_CONTENT,
-  EXPORT_TYPE,
-  IMPORT_ENCODING,
-  TaskExecStrategy,
-  TaskPageScope,
-  TaskPageType,
-  TaskDetail,
-} from '@/d.ts';
-import { openTasksPage } from '@/store/helper/page';
-import login from '@/store/login';
-import { ModalStore } from '@/store/modal';
-import { selectFolder } from '@/util/client';
-import { isClient } from '@/util/env';
-import { formatMessage } from '@/util/intl';
-import { safeParseJson } from '@/util/utils';
-import { Alert, Button, Checkbox, Drawer, message, Modal, Space, Tooltip } from 'antd';
-import { inject, observer } from 'mobx-react';
-import React from 'react';
-import ExportForm, { FormType } from './ExportForm';
-import FormContext from './ExportForm/FormContext';
-import styles from './index.less';
-import { getTaskDetail } from '@/common/network/task';
-import { FormInstance, useForm } from 'antd/es/form/Form';
-export interface IProps {
-  modalStore?: ModalStore;
-  projectId?: number;
-}
-export interface IState {
-  stepIndex: number;
-  formData: ExportFormData;
-  submitting: boolean;
-  isFormChanged: boolean;
-  isSaveDefaultConfig: boolean;
-}
-@inject('modalStore')
-@observer
-class CreateModal extends React.Component<IProps, IState> {
-  private _formRef = React.createRef<any>();
-  private defaultConfig: IState['formData'] = null;
-  constructor(props: IProps) {
-    super(props);
-    const { modalStore } = props;
-    this.setDefaultConfig();
-    this.state = {
-      stepIndex: 0,
-      submitting: false,
-      isFormChanged: false,
-      isSaveDefaultConfig: false,
-      formData: this.getDefaultFormData(),
-    };
-
-    if (modalStore.exportModalData) {
-      this.state.formData.exportDbObjects = [
-        {
-          objectName: modalStore.exportModalData.name,
-          dbObjectType: modalStore.exportModalData.type,
-        },
-      ];
-
-      if (
-        modalStore.exportModalData?.type === DbObjectType.package &&
-        modalStore.exportModalData?.exportPkgBody
-      ) {
-        this.state.formData.exportDbObjects.push({
-          objectName: modalStore.exportModalData.name,
-          dbObjectType: DbObjectType.package_body,
-        });
-      }
-    }
-  }
-  private steps: {
-    key: FormType;
-    label: string;
-  }[] = [
-    {
-      label: formatMessage({
-        id: 'odc.components.ExportDrawer.SelectObject',
-        defaultMessage: '选择对象',
-      }),
-      //选择对象
-      key: FormType.ObjSelecter,
-    },
-    {
-      label: formatMessage({
-        id: 'odc.components.ExportDrawer.ExportSettings',
-        defaultMessage: '导出设置',
-      }),
-      //导出设置
-      key: FormType.Config,
-    },
-  ];
-
-  private handleClose = () => {
-    this.props.modalStore.changeExportModal(false);
-    this.resetFormData();
-    this.setState({
-      isSaveDefaultConfig: false,
-    });
-  };
-  private closeSelf = () => {
-    if (!this.state.isFormChanged) {
-      this.handleClose();
-      return;
-    }
-    Modal.confirm({
-      title: formatMessage({
-        id: 'odc.components.ExportDrawer.AreYouSureYouWant',
-        defaultMessage: '是否确定取消导出？',
-      }),
-      centered: true,
-      onOk: () => {
-        this.handleClose();
-      },
-    });
-  };
-  private submit = () => {
-    const { projectId } = this.props;
-    this._formRef.current?.valid(async (haveError, values) => {
-      console.log(haveError);
-      if (!haveError) {
-        let exportFilePath;
-        if (isClient()) {
-          exportFilePath = await selectFolder();
-          if (!exportFilePath) {
-            return;
-          }
-        }
-        try {
-          this.setState({
-            submitting: true,
-          });
-          const formData = {
-            ...this.state.formData,
-            ...values,
-            projectId,
-            exportFilePath,
-          };
-          const { exportContent, exportFileMaxSize } = formData;
-          // 当用户选择"仅导出结构"后点击下一步，勾选结构文件设置中任一选项后再点击上一步，选择"导出结构和数据"或者"仅导出数据"后，点击下一步，再点击导出时，会携带"仅导出结构"时才可用的参数，导致导出文件和预期不符。
-          // 当导出内容为"导出结构和数据"或者"仅导出数据"时，"导出结果合并为一个SQL文件"不可勾选。
-          // 当导出内容为"仅导出数据"时，这两个都不可勾选。
-          // 当导出内容为"仅导出结构"时，为了避免"单个文件上限(MB)"被其他导出内容时的操作影响，这里设置为无限制，即-1。
-          switch (exportContent) {
-            case EXPORT_CONTENT.DATA_AND_STRUCT: {
-              formData.mergeSchemaFiles = false;
-              if (formData.exportFileMaxSize) {
-                formData.exportFileMaxSize =
-                  exportFileMaxSize ===
-                  formatMessage({
-                    id: 'odc.components.ExportDrawer.Unlimited',
-                    defaultMessage: '无限制',
-                  }) //无限制
-                    ? -1
-                    : parseInt(exportFileMaxSize as string);
-              }
-              break;
-            }
-            case EXPORT_CONTENT.DATA: {
-              formData.withDropDDL = false;
-              formData.mergeSchemaFiles = false;
-              if (formData.exportFileMaxSize) {
-                formData.exportFileMaxSize =
-                  exportFileMaxSize ===
-                  formatMessage({
-                    id: 'odc.components.ExportDrawer.Unlimited',
-                    defaultMessage: '无限制',
-                  }) //无限制
-                    ? -1
-                    : parseInt(exportFileMaxSize as string);
-              }
-              break;
-            }
-            case EXPORT_CONTENT.STRUCT: {
-              formData.exportFileMaxSize = -1;
-              break;
-            }
-            default: {
-              break;
-            }
-          }
-          const { executionStrategy, executionTime } = formData;
-          if (executionStrategy === TaskExecStrategy.TIMER) {
-            formData.executionTime = executionTime?.valueOf();
-          } else {
-            formData.executionTime = undefined;
-          }
-          const data = await createBatchExportTask(formData);
-          if (data) {
-            message.success(
-              formatMessage({
-                id: 'src.component.Task.ExportTask.CreateModal.133432E8' /*'工单创建成功'*/,
-                defaultMessage: '工单创建成功',
-              }),
-            );
-            if (this.state.isSaveDefaultConfig) {
-              this.saveCurrentConfig();
-              this.setDefaultConfig();
-            }
-            this.handleClose();
-            openTasksPage(TaskPageType.EXPORT, TaskPageScope.CREATED_BY_CURRENT_USER);
-          }
-        } finally {
-          this.setState({
-            submitting: false,
-          });
-        }
-      }
-    });
-  };
-
-  private nextStep = async () => {
-    this._formRef.current.valid(async (haveError, values) => {
-      if (!haveError) {
-        this.setState({
-          stepIndex: this.state.stepIndex + 1,
-        });
-      }
-    });
-  };
-  private saveCurrentConfig = () => {
-    const userId = login.user?.id;
-    const key = `exportFormConfig-${userId}`;
-    localStorage.setItem(key, JSON.stringify(this.state.formData));
-  };
-  private setDefaultConfig = () => {
-    const userId = login.user?.id;
-    const key = `exportFormConfig-${userId}`;
-    const data = localStorage.getItem(key);
-    if (data) {
-      this.defaultConfig = safeParseJson(data);
-    }
-  };
-  private getDefaultFormData = () => {
-    const formData = {
-      databaseId: this.props.modalStore.exportModalData?.databaseId,
-      taskId: this.props.modalStore.exportModalData?.taskId,
-      executionStrategy: this.defaultConfig?.executionStrategy ?? TaskExecStrategy.AUTO,
-      taskName: null,
-      dataTransferFormat: this.defaultConfig?.dataTransferFormat ?? EXPORT_TYPE.CSV,
-      exportContent: this.defaultConfig?.exportContent ?? EXPORT_CONTENT.DATA_AND_STRUCT,
-      batchCommit: this.defaultConfig?.batchCommit ?? false,
-      batchCommitNum: this.defaultConfig?.batchCommitNum ?? null,
-      skippedDataType: this.defaultConfig?.skippedDataType ?? [],
-      encoding: this.defaultConfig?.encoding ?? IMPORT_ENCODING.UTF8,
-      maskStrategy: '',
-      globalSnapshot: this.defaultConfig?.globalSnapshot ?? false,
-      withDropDDL: this.defaultConfig?.withDropDDL ?? false,
-      mergeSchemaFiles: this.defaultConfig?.mergeSchemaFiles ?? false,
-      withColumnTitle: this.defaultConfig?.withColumnTitle ?? true,
-      blankToNull: this.defaultConfig?.blankToNull ?? true,
-      columnSeparator: this.defaultConfig?.columnSeparator ?? ',',
-      exportFileMaxSize:
-        this.defaultConfig?.exportFileMaxSize ??
-        formatMessage({
-          id: 'odc.components.ExportDrawer.Unlimited',
-          defaultMessage: '无限制',
-        }),
-      //无限制
-      columnDelimiter: this.defaultConfig?.columnDelimiter ?? '"',
-      lineSeparator: this.defaultConfig?.lineSeparator ?? '\r\n',
-      useSys: false,
-      exportAllObjects: this.defaultConfig?.exportAllObjects ?? false,
-      exportDbObjects: [],
-    };
-
-    return formData;
-  };
-  private resetFormData = () => {
-    this.setState({
-      stepIndex: 0,
-      formData: this.getDefaultFormData(),
-    });
-  };
-  static getDerivedStateFromProps(props, state) {
-    const nextModalData = props.modalStore?.exportModalData;
-    if (nextModalData && !state.formData.exportDbObjects?.length) {
-      const { databaseId, name, type, exportPkgBody, taskId } = nextModalData;
-      const formData = {
-        ...state.formData,
-        databaseId,
-        taskId,
-      };
-      if (name) {
-        formData.exportDbObjects = [
-          {
-            objectName: name,
-            dbObjectType: type,
-          },
-        ];
-      }
-      if (type === DbObjectType.package && exportPkgBody) {
-        formData.exportDbObjects.push({
-          objectName: name,
-          dbObjectType: DbObjectType.package_body,
-        });
-      }
-      return {
-        formData,
-      };
-    }
-    return null;
-  }
-
-  render() {
-    const { modalStore, projectId } = this.props;
-    const { formData, submitting, stepIndex, isSaveDefaultConfig } = this.state;
-    const currentStep = this.steps[stepIndex],
-      prevStep = this.steps[stepIndex - 1],
-      nextStep = this.steps[stepIndex + 1];
-
-    const isNextStepDisabled =
-      nextStep?.key === FormType.Config &&
-      !formData.exportAllObjects &&
-      !formData.exportDbObjects?.length;
-
-    const nextTip = isNextStepDisabled
-      ? formatMessage({
-          id: 'odc.components.ExportDrawer.SelectAtLeastOneExport',
-          defaultMessage: '至少选择一个导出对象',
-        })
-      : //至少选择一个导出对象
-        null;
-
-    return (
-      <Drawer
-        title={
-          formatMessage({
-            id: 'odc.components.ExportDrawer.Export',
-            defaultMessage: '导出',
-          }) //导出
-        }
-        open={modalStore.exportModalVisible}
-        destroyOnClose
-        width={720}
-        onClose={this.closeSelf}
-      >
-        <div className={styles.drawerContent}>
-          {!isClient() && (
-            <Alert
-              style={{
-                marginBottom: 12,
-              }}
-              type="info"
-              showIcon
-              message={
-                <>
-                  {formatMessage({
-                    id: 'odc.components.ExportDrawer.TheMaximumDataSizeCannot',
-                    defaultMessage:
-                      '数据最大不能超过 2GB，如需导出大量数据，请使用导数工具 OBDUMPER',
-                  })}
-                  <a
-                    style={{ marginLeft: 4 }}
-                    target="__blank"
-                    href="https://www.oceanbase.com/docs/common-oceanbase-dumper-loader-1000000001189488"
-                  >
-                    {
-                      formatMessage({
-                        id: 'src.component.Task.ExportTask.CreateModal.5DF92911' /*详情*/,
-                        defaultMessage: '详情',
-                      }) /* 详情 */
-                    }
-                  </a>
-                </>
-
-                //数据最大不能超过2GB，如需导出大量数据，请使用导数工具obdumper
-              }
-            />
-          )}
-
-          <FormContext.Provider
-            value={{
-              dfaultConfig: this.defaultConfig,
-            }}
-          >
-            <ExportForm
-              onFormValueChange={(_, values) => {
-                this.setState({
-                  isFormChanged: true,
-                  formData: {
-                    ...this.state.formData,
-                    ...values,
-                  },
-                });
-              }}
-              formData={formData}
-              projectId={projectId}
-              ref={this._formRef}
-              formType={currentStep.key}
-            />
-          </FormContext.Provider>
-        </div>
-        <div className={styles.drawerFooter}>
-          <Checkbox
-            checked={isSaveDefaultConfig}
-            onChange={(e) =>
-              this.setState({
-                isSaveDefaultConfig: e.target.checked,
-              })
-            }
-          >
-            {
-              formatMessage({
-                id: 'odc.components.ExportDrawer.RetainTheCurrentConfiguration',
-                defaultMessage: '保留当前配置',
-              }) /*保留当前配置*/
-            }
-
-            <HelpDoc doc="saveImportAndExportConfig" />
-          </Checkbox>
-          <Space>
-            <Button
-              onClick={this.closeSelf}
-              style={{
-                marginRight: 8,
-              }}
-            >
-              {formatMessage({
-                id: 'app.button.cancel',
-                defaultMessage: '取消',
-              })}
-            </Button>
-            {prevStep ? (
-              <Button
-                onClick={() => {
-                  this.setState({
-                    stepIndex: stepIndex - 1,
-                  });
-                }}
-              >
-                {
-                  formatMessage({
-                    id: 'odc.components.ExportDrawer.PreviousStep',
-                    defaultMessage: '上一步：',
-                  })
-
-                  /*上一步:*/
-                }
-
-                <span>{prevStep.label}</span>
-              </Button>
-            ) : null}
-            {nextStep ? (
-              <Tooltip title={nextTip}>
-                <Button type="primary" onClick={this.nextStep} disabled={isNextStepDisabled}>
-                  {
-                    formatMessage({
-                      id: 'odc.components.ExportDrawer.NextStep',
-                      defaultMessage: '下一步:',
-                    })
-
-                    /*下一步:*/
-                  }
-
-                  <span>{nextStep.label}</span>
-                </Button>
-              </Tooltip>
-            ) : null}
-            {!nextStep ? (
-              <Button loading={submitting} onClick={this.submit} type="primary">
-                {formatMessage({
-                  id: 'workspace.header.tools.export',
-                  defaultMessage: '导出',
-                })}
-              </Button>
-            ) : null}
-          </Space>
-        </div>
-      </Drawer>
-    );
-  }
-}
-export default CreateModal;
diff --git a/src/component/Task/ImportTask/CreateModal/csvMapping/editable.tsx b/src/component/Task/ImportTask/CreateModal/csvMapping/editable.tsx
deleted file mode 100644
index e83110752..000000000
--- a/src/component/Task/ImportTask/CreateModal/csvMapping/editable.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-/*
- * Copyright 2023 OceanBase
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { Popover, Table } from 'antd';
-import React from 'react';
-
-import { ColumnType, TableProps } from 'antd/es/table';
-import classNames from 'classnames';
-import styles from './editable.less';
-
-interface IEditableColumn extends ColumnType<any> {
-  editor?: (text: any, record: any, index: number) => React.ReactElement;
-}
-
-interface IEditableProps extends TableProps<any> {
-  columns: IEditableColumn[];
-}
-
-class Editable extends React.Component<IEditableProps, any> {
-  state = {
-    selected: [],
-  };
-
-  initColumns = () => {
-    const { columns } = this.props;
-    function columnConvert(column) {
-      return {
-        ...column,
-        ellipsis: true,
-        children: column.children?.map((c) => {
-          return columnConvert(c);
-        }),
-        render: (text, record, i) => {
-          const originContent = column.render ? column.render(text, record, i) : text;
-          if (column.editor) {
-            return (
-              <Popover
-                overlayClassName={styles.popOver}
-                trigger="click"
-                getPopupContainer={(trigger) => {
-                  return document.querySelector('.odc_csvmapping_archor');
-                }}
-                content={column.editor(text, record, i)}
-              >
-                <div
-                  style={{
-                    height: '100%',
-                    position: 'relative',
-                    cursor: 'pointer',
-                    lineHeight: '24px',
-                  }}
-                >
-                  {originContent}
-                </div>
-              </Popover>
-            );
-          } else {
-            return originContent;
-          }
-        },
-      };
-    }
-    return columns.map((column) => {
-      return columnConvert(column);
-    });
-  };
-
-  render() {
-    const { columns, ...rest } = this.props;
-    return (
-      <Table
-        bordered={true}
-        className={classNames(styles.table, 'odc_csvmapping_archor')}
-        rowClassName={(record, i) => (i % 2 === 0 ? styles.even : styles.odd)}
-        columns={this.initColumns()}
-        {...rest}
-      />
-    );
-  }
-}
-export default Editable;
diff --git a/src/component/Task/ImportTask/CreateModal/index.tsx b/src/component/Task/ImportTask/CreateModal/index.tsx
deleted file mode 100644
index c489b9401..000000000
--- a/src/component/Task/ImportTask/CreateModal/index.tsx
+++ /dev/null
@@ -1,636 +0,0 @@
-/*
- * Copyright 2023 OceanBase
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { createBatchImportTask, getCsvFileInfo } from '@/common/network';
-import { getTableColumnList } from '@/common/network/table';
-import HelpDoc from '@/component/helpDoc';
-import type { CsvColumnMapping, ImportFormData } from '@/d.ts';
-import {
-  FILE_DATA_TYPE,
-  IMPORT_CONTENT,
-  IMPORT_ENCODING,
-  IMPORT_TYPE,
-  TaskExecStrategy,
-  TaskPageScope,
-  TaskPageType,
-} from '@/d.ts';
-import { openTasksPage } from '@/store/helper/page';
-import login from '@/store/login';
-import type { ModalStore } from '@/store/modal';
-import { formatMessage } from '@/util/intl';
-import { formatBytes, safeParseJson } from '@/util/utils';
-import { Alert, Button, Checkbox, Drawer, message, Modal, Space, Tooltip } from 'antd';
-import { inject, observer } from 'mobx-react';
-import React from 'react';
-import ImportForm from './ImportForm';
-import CsvProvider from './ImportForm/CsvProvider';
-import FormConfigContext from './ImportForm/FormConfigContext';
-import { MAX_FILE_SIZE } from './ImportForm/helper';
-import styles from './index.less';
-import setting from '@/store/setting';
-export interface IProps {
-  modalStore?: ModalStore;
-  projectId?: number;
-}
-export interface IState {
-  stepIndex: number;
-  csvColumnMappings: CsvColumnMapping[];
-  formData: ImportFormData;
-  isFormChanged: boolean;
-  csvMappingErrors: {
-    errorMsg: string;
-    errorIndex: number;
-  }[];
-  sessionData: {
-    sessionId: string;
-    databaseName: string;
-  };
-  submitting: boolean;
-  isSaveDefaultConfig: boolean;
-}
-@inject('modalStore')
-@observer
-class CreateModal extends React.Component<IProps, IState> {
-  private _formRef = React.createRef<any>();
-  private defaultConfig: IState['formData'] = null;
-  constructor(props: IProps) {
-    super(props);
-    this.setDefaultConfig();
-    this.state = {
-      stepIndex: 0,
-      isFormChanged: false,
-      csvColumnMappings: [],
-      csvMappingErrors: null,
-      submitting: false,
-      isSaveDefaultConfig: false,
-      sessionData: null,
-      formData: this.getDefaultFormData(),
-    };
-  }
-  private steps: {
-    key: 'fileSelecter' | 'config';
-    label: string;
-  }[] = [
-    {
-      label: formatMessage({
-        id: 'odc.components.ImportDrawer.UploadFiles',
-        defaultMessage: '上传文件',
-      }),
-      //上传文件
-      key: 'fileSelecter',
-    },
-    {
-      label: formatMessage({
-        id: 'odc.components.ImportDrawer.ImportSettings',
-        defaultMessage: '导入设置',
-      }),
-      //导入设置
-      key: 'config',
-    },
-  ];
-
-  private closeSelf = () => {
-    if (!this.state.isFormChanged) {
-      this.props.modalStore.changeImportModal(false);
-      return;
-    }
-    Modal.confirm({
-      title: formatMessage({
-        id: 'odc.components.ImportDrawer.AreYouSureYouWant',
-        defaultMessage: '是否确定取消导入？',
-      }),
-      centered: true,
-      onOk: () => {
-        this.resetFormData();
-        this.props.modalStore.changeImportModal(false);
-      },
-    });
-  };
-  private checkCsv = () => {
-    const csvColumns = this.state.csvColumnMappings
-      ?.map((column, i) => {
-        return {
-          ...column,
-          index: i,
-        };
-      })
-      .filter((column) => {
-        return column.isSelected;
-      });
-    let errors: {
-      errorIndex: number;
-      errorMsg: string;
-    }[] = [];
-    if (!csvColumns?.length) {
-      errors.push({
-        errorIndex: -1,
-        errorMsg: formatMessage({
-          id: 'odc.components.ImportDrawer.SelectTheFieldsToBe',
-          defaultMessage: '请选择需要映射的字段',
-        }),
-      });
-    } else {
-      const destColumnMap = {};
-      csvColumns.forEach((csvColumn) => {
-        if (!csvColumn.destColumnName) {
-          /**
-           * 校验非空
-           */
-          errors.push({
-            errorIndex: csvColumn.index,
-            errorMsg: formatMessage({
-              id: 'odc.components.ImportDrawer.NoMappingRelationshipSelected',
-              defaultMessage: '未选择映射关系',
-            }),
-          });
-        } else {
-          destColumnMap[csvColumn.destColumnName] = destColumnMap[csvColumn.destColumnName] || [];
-          destColumnMap[csvColumn.destColumnName].push(csvColumn);
-        }
-      });
-      /**
-       * 校验重复
-       */
-
-      Object.entries(destColumnMap).forEach(([columnName, _csvColumns]: [string, any[]]) => {
-        if (_csvColumns.length > 1) {
-          errors = errors.concat(
-            _csvColumns.map((c) => {
-              return {
-                errorIndex: c.index,
-                errorMsg: formatMessage({
-                  id: 'odc.components.ImportDrawer.DuplicateMappingRelationships',
-                  defaultMessage: '映射关系存在重复',
-                }),
-              };
-            }),
-          );
-        }
-      });
-    }
-    if (errors.length) {
-      this.setState({
-        csvMappingErrors: errors,
-      });
-      return false;
-    }
-    return true;
-  };
-  private nextStep = async () => {
-    this._formRef.current.valid(async (haveError, values) => {
-      if (!haveError) {
-        if (
-          this.state.formData.fileType == IMPORT_TYPE.CSV &&
-          !this.state.csvColumnMappings?.length &&
-          this.steps[this.state.stepIndex]?.key === 'fileSelecter'
-        ) {
-          /**
-           * 处理csv
-           */
-          const error = await this.resolveCsvFile();
-          if (error) {
-            return;
-          }
-        }
-        this.setState({
-          stepIndex: this.state.stepIndex + 1,
-        });
-      }
-    });
-  };
-  private submit = async () => {
-    const { projectId } = this.props;
-    await this._formRef.current.valid(async (haveError, values) => {
-      if (!haveError) {
-        const data = {
-          ...this.state.formData,
-          ...values,
-          projectId,
-        };
-        const { executionStrategy, executionTime } = data;
-        if (executionStrategy === TaskExecStrategy.TIMER) {
-          data.executionTime = executionTime?.valueOf();
-        } else {
-          data.executionTime = undefined;
-        }
-        this.setState({
-          submitting: true,
-        });
-        try {
-          const result = await createBatchImportTask(
-            data,
-            data.tableName,
-            this.state.csvColumnMappings.filter((column) => {
-              return column.isSelected;
-            }),
-          );
-          if (result) {
-            message.success(
-              formatMessage({
-                id: 'src.component.Task.ImportTask.CreateModal.F0622C80' /*'工单创建成功'*/,
-                defaultMessage: '工单创建成功',
-              }),
-            );
-            if (this.state.isSaveDefaultConfig) {
-              this.saveCurrentConfig();
-              this.setDefaultConfig();
-            }
-            this.props.modalStore.changeImportModal(false);
-            this.setState({
-              isSaveDefaultConfig: false,
-            });
-            openTasksPage(TaskPageType.IMPORT, TaskPageScope.CREATED_BY_CURRENT_USER);
-          }
-        } catch (e) {
-          console.error(e);
-        } finally {
-          this.resetFormData();
-          this.setState({
-            submitting: false,
-          });
-        }
-      }
-    });
-  };
-  private resolveCsvFile = async () => {
-    const {
-      importFileName,
-      encoding,
-      skipHeader,
-      blankToNull,
-      lineSeparator,
-      columnDelimiter,
-      columnSeparator,
-    } = this.state.formData;
-    const { sessionId, databaseName } = this.state.sessionData ?? {};
-    const fileInfo = await getCsvFileInfo({
-      blankToNull,
-      columnSeparator,
-      encoding,
-      columnDelimiter,
-      lineSeparator,
-      skipHeader,
-      fileName: importFileName?.[0]?.response?.data?.fileName,
-    });
-    if (!fileInfo) {
-      message.warning(
-        formatMessage({
-          id: 'odc.components.ImportDrawer.AnErrorOccurredWhileParsing',
-          defaultMessage: '上传的 CSV 文件解析异常，请检查文件格式是否正确',
-        }),
-      );
-      return formatMessage({
-        id: 'odc.components.ImportDrawer.TheCsvFileTypeIs',
-        defaultMessage: 'CSV 文件类型有误',
-      });
-    }
-    const tableName = this.state.formData.tableName;
-    if (tableName) {
-      const columns =
-        databaseName && sessionId
-          ? await getTableColumnList(this.state.formData.tableName, databaseName, sessionId)
-          : [];
-      this.setState({
-        csvColumnMappings: fileInfo?.map((column, i) => {
-          return {
-            ...column,
-            isSelected: true,
-            destColumnName: columns?.[i]?.columnName,
-            destColumnType: columns?.[i]?.dataType,
-            destColumnPosition: columns?.[i]?.ordinalPosition,
-          };
-        }),
-      });
-    } else {
-      this.setState({
-        csvColumnMappings: fileInfo?.map((column, i) => {
-          return {
-            ...column,
-            isSelected: true,
-            destColumnName: '',
-            destColumnType: null,
-            destColumnPosition: null,
-          };
-        }),
-      });
-    }
-  };
-  private resolveTableColumnsToCsv = async (tableName: string) => {
-    const { sessionId, databaseName } = this.state.sessionData ?? {};
-    if (!tableName) {
-      this.setState({
-        csvColumnMappings: this.state.csvColumnMappings?.map((column, i) => {
-          return {
-            ...column,
-            isSelected: true,
-            destColumnName: null,
-            destColumnType: null,
-            destColumnPosition: null,
-          };
-        }),
-      });
-      return;
-    }
-    const columns = await getTableColumnList(tableName, databaseName, sessionId);
-    this.setState({
-      csvColumnMappings: this.state.csvColumnMappings?.map((column, i) => {
-        return {
-          ...column,
-          isSelected: true,
-          destColumnName: columns?.[i]?.columnName,
-          destColumnType: columns?.[i]?.dataType,
-          destColumnPosition: columns?.[i]?.ordinalPosition,
-        };
-      }),
-    });
-  };
-  private isSingleImport = () => {
-    const { modalStore } = this.props;
-    return !!modalStore.importModalData?.table;
-  };
-  /**
-   * 改变csv的映射关系
-   */
-
-  private onChangeCsvColumnMappings = (csvColumnMappings: CsvColumnMapping[]) => {
-    this.setState({
-      csvColumnMappings,
-      csvMappingErrors: null,
-    });
-  };
-  private saveCurrentConfig = () => {
-    const userId = login.user?.id;
-    const key = `importFormConfig-${userId}`;
-    localStorage.setItem(key, JSON.stringify(this.state.formData));
-  };
-  private setDefaultConfig = () => {
-    const userId = login.user?.id;
-    const key = `importFormConfig-${userId}`;
-    const data = localStorage.getItem(key);
-    if (data) {
-      this.defaultConfig = safeParseJson(data);
-    }
-  };
-  private getDefaultFormData = () => {
-    return {
-      useSys: false,
-      databaseId: this.props.modalStore.importModalData?.databaseId,
-      taskId: this.props.modalStore.exportModalData?.taskId,
-      executionStrategy: this.defaultConfig?.executionStrategy ?? TaskExecStrategy.AUTO,
-      fileType: this.defaultConfig?.fileType ?? IMPORT_TYPE.ZIP,
-      encoding: this.defaultConfig?.encoding ?? IMPORT_ENCODING.UTF8,
-      importFileName: null,
-      importContent: IMPORT_CONTENT.DATA_AND_STRUCT,
-      batchCommitNum: this.defaultConfig?.batchCommitNum ?? 100,
-      truncateTableBeforeImport: this.defaultConfig?.truncateTableBeforeImport ?? false,
-      skippedDataType: this.defaultConfig?.skippedDataType ?? [],
-      replaceSchemaWhenExists: this.defaultConfig?.replaceSchemaWhenExists ?? false,
-      skipHeader: this.defaultConfig?.skipHeader ?? false,
-      blankToNull: this.defaultConfig?.blankToNull ?? true,
-      columnSeparator: this.defaultConfig?.columnSeparator ?? ',',
-      columnDelimiter: this.defaultConfig?.columnDelimiter ?? '"',
-      lineSeparator: this.defaultConfig?.lineSeparator ?? '\r\n',
-      dataTransferFormat: FILE_DATA_TYPE.CSV,
-      stopWhenError: this.defaultConfig?.stopWhenError ?? false,
-      tableName: this.props.modalStore.importModalData?.table?.tableName,
-    };
-  };
-  private resetFormData = () => {
-    this.setState({
-      stepIndex: 0,
-      formData: this.getDefaultFormData(),
-    });
-  };
-  static getDerivedStateFromProps(props, state) {
-    const nextDatabaseId = props.modalStore.importModalData?.databaseId;
-    const preDatabaseId = state.formData.databaseId;
-    const taskId = props.modalStore.importModalData?.taskId;
-    if ((nextDatabaseId && nextDatabaseId !== preDatabaseId) || taskId) {
-      return {
-        formData: {
-          ...state.formData,
-          databaseId: nextDatabaseId,
-          taskId,
-        },
-      };
-    }
-    return null;
-  }
-  private handleSessionChange = (sessionData: { sessionId: string; databaseName: string }) => {
-    this.setState({
-      sessionData,
-    });
-  };
-  render() {
-    const { modalStore, projectId } = this.props;
-    const {
-      formData,
-      stepIndex,
-      csvColumnMappings,
-      csvMappingErrors,
-      submitting,
-      isSaveDefaultConfig,
-    } = this.state;
-    const isSingleImport = this.isSingleImport();
-    const size = formatBytes(MAX_FILE_SIZE);
-    const currentStep = this.steps[stepIndex],
-      prevStep = this.steps[stepIndex - 1],
-      nextStep = this.steps[stepIndex + 1];
-    const isNextStepDisabled =
-      nextStep?.key === 'config' &&
-      (!this.state.formData.importFileName?.length ||
-        !!this.state.formData?.importFileName?.find((item) => item.status !== 'done'));
-    const nextTip = isNextStepDisabled
-      ? formatMessage({
-          id: 'odc.components.ImportDrawer.PleaseUploadTheImportFile',
-          defaultMessage: '请上传导入文件',
-        })
-      : //请上传导入文件
-        null;
-    return (
-      <Drawer
-        title={
-          !isSingleImport
-            ? formatMessage({
-                id: 'odc.components.ImportDrawer.CreateImport',
-                defaultMessage: '新建导入',
-              }) //新建导入
-            : formatMessage({
-                id: 'workspace.tree.table.importSingleTable',
-                defaultMessage: '单表导入',
-              })
-        }
-        open={modalStore.importModalVisible}
-        destroyOnClose={true}
-        width={520}
-        onClose={this.closeSelf}
-      >
-        <div className={styles.drawerContent}>
-          {MAX_FILE_SIZE > -1 ? (
-            <Alert
-              style={{
-                marginBottom: 12,
-              }}
-              type="info"
-              showIcon
-              message={
-                <>
-                  {formatMessage(
-                    {
-                      id: 'odc.components.ImportDrawer.TheMaximumSizeOfData',
-                      defaultMessage:
-                        '数据最大不能超过 {size}，如需导入大量数据，请使用导数工具 OBLOADER',
-                    },
-                    {
-                      size,
-                    },
-                  )}
-                  <a
-                    style={{ marginLeft: 4 }}
-                    target="__blank"
-                    href="https://www.oceanbase.com/docs/common-oceanbase-dumper-loader-1000000001189497"
-                  >
-                    {
-                      formatMessage({
-                        id: 'src.component.Task.ImportTask.CreateModal.70AD4872' /*详情*/,
-                        defaultMessage: '详情',
-                      }) /* 详情 */
-                    }
-                  </a>
-                </>
-
-                // `数据最大不能超过 ${size}，如需导入大量数据，请使用导数工具 OBLOADER`
-              }
-            />
-          ) : null}
-          <CsvProvider.Provider
-            value={{
-              csvColumnMappings,
-              onChangeCsvColumnMappings: this.onChangeCsvColumnMappings,
-              csvMappingErrors,
-            }}
-          >
-            <FormConfigContext.Provider
-              value={{
-                dfaultConfig: this.defaultConfig,
-              }}
-            >
-              <ImportForm
-                formType={currentStep?.key}
-                formData={formData}
-                projectId={projectId}
-                onFormValueChange={(values) => {
-                  this.setState((state) => {
-                    return {
-                      isFormChanged: true,
-                      formData: {
-                        ...state.formData,
-                        ...values,
-                      },
-                    };
-                  });
-                }}
-                ref={this._formRef}
-                onChangeCsvColumnMappings={this.onChangeCsvColumnMappings}
-                resolveTableColumnsToCsv={this.resolveTableColumnsToCsv}
-                onSessionChange={this.handleSessionChange}
-                sessionData={this.state.sessionData}
-              />
-            </FormConfigContext.Provider>
-          </CsvProvider.Provider>
-        </div>
-        <div className={styles.drawerFooter}>
-          <Checkbox
-            checked={isSaveDefaultConfig}
-            onChange={(e) =>
-              this.setState({
-                isSaveDefaultConfig: e.target.checked,
-              })
-            }
-          >
-            {
-              formatMessage({
-                id: 'odc.components.ImportDrawer.RetainTheCurrentConfiguration',
-                defaultMessage: '保留当前配置',
-              }) /*保留当前配置*/
-            }
-
-            <HelpDoc doc="saveImportAndExportConfig" />
-          </Checkbox>
-          <Space>
-            <Button
-              onClick={this.closeSelf}
-              style={{
-                marginRight: 8,
-              }}
-            >
-              {formatMessage({
-                id: 'app.button.cancel',
-                defaultMessage: '取消',
-              })}
-            </Button>
-            {prevStep ? (
-              <Button
-                onClick={() => {
-                  this.setState({
-                    stepIndex: stepIndex - 1,
-                  });
-                }}
-              >
-                {
-                  formatMessage({
-                    id: 'odc.components.ImportDrawer.PreviousStep.1',
-                    defaultMessage: '上一步:',
-                  })
-                  /*上一步:*/
-                }
-
-                <span>{prevStep.label}</span>
-              </Button>
-            ) : null}
-            {nextStep ? (
-              <Tooltip title={nextTip}>
-                <Button disabled={isNextStepDisabled} type="primary" onClick={this.nextStep}>
-                  {
-                    formatMessage({
-                      id: 'odc.components.ImportDrawer.NextStep',
-                      defaultMessage: '下一步：',
-                    })
-                    /*下一步:*/
-                  }
-
-                  <span>{nextStep.label}</span>
-                </Button>
-              </Tooltip>
-            ) : null}
-            {!nextStep ? (
-              <Button loading={submitting} onClick={this.submit} type="primary">
-                {
-                  formatMessage({
-                    id: 'odc.components.ImportDrawer.Submit',
-                    defaultMessage: '提交',
-                  })
-                  /*提交*/
-                }
-              </Button>
-            ) : null}
-          </Space>
-        </div>
-      </Drawer>
-    );
-  }
-}
-export default CreateModal;
diff --git a/src/component/Task/MutipleAsyncTask/CreateModal/MultipleAsyncContext.ts b/src/component/Task/MutipleAsyncTask/CreateModal/MultipleAsyncContext.ts
deleted file mode 100644
index 18f0a3316..000000000
--- a/src/component/Task/MutipleAsyncTask/CreateModal/MultipleAsyncContext.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react';
-
-export const MultipleAsyncContext = React.createContext<{
-  projectId: number;
-  projectMap: Record<number, string>;
-}>({
-  projectId: null,
-  projectMap: {},
-});
diff --git a/src/component/Task/MutipleAsyncTask/components/Template/index.tsx b/src/component/Task/MutipleAsyncTask/components/Template/index.tsx
deleted file mode 100644
index 1b8fd84a4..000000000
--- a/src/component/Task/MutipleAsyncTask/components/Template/index.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-export { default as CreateTemplate } from './CreateTemplate';
-export { default as EditTemplate } from './EditTemplate';
-export { default as ManageTemplate } from './ManageTemplate';
-export { default as SelectTemplate } from './SelectTemplate';
-export { default as ShowTemplate } from './ShowTemplate';
diff --git a/src/component/Task/MutipleAsyncTask/index.tsx b/src/component/Task/MutipleAsyncTask/index.tsx
deleted file mode 100644
index b797b47eb..000000000
--- a/src/component/Task/MutipleAsyncTask/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default } from './CreateModal';
-export { default as MutipleAsyncTaskContent } from './DetailContent';
diff --git a/src/component/Task/TaskDetailContext.tsx b/src/component/Task/TaskDetailContext.tsx
deleted file mode 100644
index 4b1cc2e52..000000000
--- a/src/component/Task/TaskDetailContext.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { ICycleTaskRecord, TaskRecord, TaskRecordParameters } from '@/d.ts';
-import React from 'react';
-import { IState } from './Content';
-
-interface ITaskDetailContext {
-  handleDetailVisible: (
-    task: TaskRecord<TaskRecordParameters> | ICycleTaskRecord<any>,
-    visible?: boolean,
-  ) => void;
-  setState: (patch: Partial<IState> | ((prevState: IState) => Partial<IState>)) => void;
-}
-
-export const TaskDetailContext = React.createContext<ITaskDetailContext>(null);
diff --git a/src/component/Task/component/ActionBar/helper.tsx b/src/component/Task/component/ActionBar/helper.tsx
new file mode 100644
index 000000000..623b4a4cf
--- /dev/null
+++ b/src/component/Task/component/ActionBar/helper.tsx
@@ -0,0 +1,194 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { TaskStatus, TaskType } from '@/d.ts';
+import modalStore from '@/store/modal';
+import { formatMessage } from '@/util/intl';
+
+export const actions = {
+  [TaskType.DATA_ARCHIVE]: (args) => modalStore.changeDataArchiveModal(true, args),
+  [TaskType.DATA_DELETE]: (args) => modalStore.changeDataClearModal(true, args),
+  [TaskType.SQL_PLAN]: (args) => modalStore.changeCreateSQLPlanTaskModal(true, args),
+  [TaskType.LOGICAL_DATABASE_CHANGE]: (args) => modalStore.changeLogicialDatabaseModal(true, args),
+  [TaskType.ASYNC]: (args) => modalStore.changeCreateAsyncTaskModal(true, args),
+  [TaskType.DATAMOCK]: (args) => modalStore.changeDataMockerModal(true, args),
+  [TaskType.APPLY_DATABASE_PERMISSION]: (args) =>
+    modalStore.changeApplyDatabasePermissionModal(true, args),
+  [TaskType.APPLY_TABLE_PERMISSION]: (args) =>
+    modalStore.changeApplyTablePermissionModal(true, args),
+  [TaskType.MULTIPLE_ASYNC]: (args) => modalStore.changeMultiDatabaseChangeModal(true, args),
+  [TaskType.SHADOW]: (args) => modalStore.changeShadowSyncVisible(true, args),
+  [TaskType.STRUCTURE_COMPARISON]: (args) => modalStore.changeStructureComparisonModal(true, args),
+  [TaskType.EXPORT]: (args) => modalStore.changeExportModal(true, args),
+  [TaskType.IMPORT]: (args) => modalStore.changeImportModal(true, args),
+  [TaskType.EXPORT_RESULT_SET]: (args) =>
+    modalStore.changeCreateResultSetExportTaskModal(true, args),
+  [TaskType.ONLINE_SCHEMA_CHANGE]: (args) => modalStore.changeCreateDDLAlterTaskModal(true, args),
+  [TaskType.PARTITION_PLAN]: (args) => modalStore.changePartitionModal(true, args),
+};
+/** 周期任务 */
+
+export const SCHEDULE_TASKS = [TaskType.DATA_ARCHIVE, TaskType.DATA_DELETE, TaskType.SQL_PLAN];
+
+/** 作业调度任务 */
+export const JOB_SCHEDULE_TASKS = [TaskType.DATA_ARCHIVE, TaskType.DATA_DELETE];
+
+export const actionInfo = {
+  reTryBtn: {
+    key: 'reTry',
+    text: formatMessage({
+      id: 'src.component.Task.component.ActionBar.C324AD20',
+      defaultMessage: '再次发起',
+    }), //'再次发起'
+    type: 'button',
+  },
+  editBtn: {
+    key: 'edit',
+    text: formatMessage({
+      id: 'odc.TaskManagePage.component.TaskTools.Edit',
+      defaultMessage: '编辑',
+    }), //编辑
+    type: 'button',
+  },
+  stopBtn: {
+    key: 'stop',
+    text: formatMessage({
+      id: 'odc.TaskManagePage.component.TaskTools.Termination',
+      defaultMessage: '终止',
+    }), //终止
+    type: 'button',
+  },
+  disableBtn: {
+    key: 'disable',
+    text: formatMessage({
+      id: 'odc.TaskManagePage.component.TaskTools.Disable',
+      defaultMessage: '禁用',
+    }), //禁用
+    type: 'button',
+  },
+  stopScheduleTaskBtn: {
+    key: 'stopLogicalChangeTask',
+    text: formatMessage({
+      id: 'odc.TaskManagePage.component.TaskTools.Termination',
+      defaultMessage: '终止',
+    }), //终止
+    type: 'button',
+  },
+  enableBtn: {
+    key: 'enable',
+    text: formatMessage({
+      id: 'odc.TaskManagePage.component.TaskTools.Enable',
+      defaultMessage: '启用',
+    }), //启用
+    type: 'button',
+  },
+  deleteBtn: {
+    key: 'delete',
+    text: formatMessage({
+      id: 'src.component.Task.component.ActionBar.E16B982C',
+      defaultMessage: '删除',
+    }),
+    type: 'button',
+  },
+  closeBtn: {
+    key: 'close',
+    text: formatMessage({
+      id: 'odc.TaskManagePage.component.TaskTools.Close',
+      defaultMessage: '关闭',
+    }),
+    type: 'button',
+  },
+  copyBtn: {
+    key: 'copy',
+    text: formatMessage({
+      id: 'odc.TaskManagePage.component.TaskTools.Copy',
+      defaultMessage: '复制',
+    }),
+    type: 'button',
+  },
+  rollbackBtn: {
+    key: 'rollback',
+    text: formatMessage({
+      id: 'odc.TaskManagePage.component.TaskTools.RollBack',
+      defaultMessage: '回滚',
+    }),
+    type: 'button',
+  },
+  executeBtn: {
+    key: 'execute',
+    text: formatMessage({
+      id: 'odc.TaskManagePage.component.TaskTools.Run',
+      defaultMessage: '执行',
+    }),
+    type: 'button',
+  },
+  approvalBtn: {
+    key: 'approval',
+    text: formatMessage({
+      id: 'odc.TaskManagePage.component.TaskTools.Pass',
+      defaultMessage: '通过',
+    }),
+    type: 'button',
+  },
+  againBtn: {
+    key: 'again',
+    text: formatMessage({
+      id: 'src.component.Task.component.ActionBar.57DBF8A7',
+      defaultMessage: '重试',
+    }),
+    type: 'button',
+  },
+  downloadBtn: {
+    key: 'download',
+    text: formatMessage({
+      id: 'odc.TaskManagePage.component.TaskTools.Download',
+      defaultMessage: '下载',
+    }),
+    type: 'button',
+  },
+  downloadSQLBtn: {
+    key: 'downloadSQL',
+    text: formatMessage({
+      id: 'src.component.Task.component.ActionBar.DBA6CB6E',
+      defaultMessage: '下载 SQL',
+    }), //'下载 SQL'
+    type: 'button',
+  },
+  structrueComparisonBySQL: {
+    key: 'structrueComparisonBySQL',
+    text: formatMessage({
+      id: 'src.component.Task.component.ActionBar.46F2F0ED',
+      defaultMessage: '发起结构同步',
+    }), //'发起结构同步'
+    type: 'button',
+  },
+  openLocalFolder: {
+    key: 'openLocalFolder',
+    text: formatMessage({
+      id: 'odc.TaskManagePage.component.TaskTools.OpenFolder',
+      defaultMessage: '打开文件夹',
+    }),
+    type: 'button',
+  },
+  downloadViewResultBtn: {
+    key: 'downloadViewResult',
+    text: formatMessage({
+      id: 'odc.TaskManagePage.component.TaskTools.DownloadQueryResults',
+      defaultMessage: '下载查询结果',
+    }),
+    type: 'button',
+  },
+};
diff --git a/src/component/Task/component/ActionBar/index.tsx b/src/component/Task/component/ActionBar/index.tsx
index 95c46292c..56a6a816d 100644
--- a/src/component/Task/component/ActionBar/index.tsx
+++ b/src/component/Task/component/ActionBar/index.tsx
@@ -28,7 +28,7 @@ import {
   getAsyncResultSet,
 } from '@/common/network/task';
 import Action from '@/component/Action';
-import { TaskTypeMap } from '@/component/Task/component/TaskTable';
+import { TaskTypeMap } from '@/component/Task/component/TaskTable/const';
 import type {
   IApplyPermissionTaskParams,
   ICycleSubTaskRecord,
@@ -61,17 +61,19 @@ import type { TaskStore } from '@/store/task';
 import ipcInvoke from '@/util/client/service';
 import { isClient } from '@/util/env';
 import { formatMessage } from '@/util/intl';
-import { downloadFile, getLocalFormatDateTime } from '@/util/utils';
+import { downloadFile, getLocalFormatDateTime, uniqueTools } from '@/util/utils';
 import { message, Modal, Popconfirm, Tooltip } from 'antd';
 import { inject, observer } from 'mobx-react';
 import React, { useEffect, useMemo, useState } from 'react';
-import { isCycleTask, isLogicalDbChangeTask } from '../../helper';
+import { isCycleTask, isLogicalDbChangeTask } from '@/component/Task/helper';
 import RollBackModal from '../RollbackModal';
 import { ProjectRole } from '@/d.ts/project';
 import { useRequest } from 'ahooks';
+import { taskSuccessHintInfo } from '@/constant';
+import { actionInfo, actions, JOB_SCHEDULE_TASKS, SCHEDULE_TASKS } from './helper';
+import { IAddOperationsParams } from './type';
 import { openSQLResultSetViewPage } from '@/store/helper/page';
 import setting from '@/store/setting';
-
 interface IProps {
   userStore?: UserStore;
   taskStore?: TaskStore;
@@ -98,7 +100,6 @@ const ActionBar: React.FC<IProps> = inject(
 )(
   observer((props) => {
     const {
-      taskStore,
       modalStore,
       userStore: { user },
       settingStore,
@@ -107,6 +108,7 @@ const ActionBar: React.FC<IProps> = inject(
       disabledSubmit = false,
       result,
       delTaskList = [],
+      taskStore,
       setDelTaskList,
     } = props;
     /** 是否创建者 */
@@ -129,11 +131,13 @@ const ActionBar: React.FC<IProps> = inject(
       }
       return cancel();
     }, [task?.id]);
+
     const getScheduleTask = async () => {
       const taskList = await getDataArchiveSubTask(task?.id);
       setTaskList(taskList?.contents);
       return taskList?.contents;
     };
+
     const { run: loadtaskList, cancel } = useRequest(getScheduleTask, {
       pollingInterval: 3000,
       manual: true,
@@ -148,7 +152,7 @@ const ActionBar: React.FC<IProps> = inject(
       },
     });
 
-    const openTaskDetail = async () => {
+    const _openTaskDetail = async () => {
       props.onDetailVisible(task as TaskRecord<TaskRecordParameters>, true);
     };
 
@@ -164,19 +168,24 @@ const ActionBar: React.FC<IProps> = inject(
       setActiveBtnKey('stop');
       const res = await stopTask(task.id);
       if (res) {
-        message.success(
-          formatMessage({
-            id: 'odc.components.TaskManagePage.TerminatedSuccessfully',
-            defaultMessage: '终止成功',
-          }),
-        );
+        message.success(taskSuccessHintInfo.terminate);
 
         props?.onReloadList?.();
         props?.onReload?.();
       }
     };
 
-    const deleteTask = async () => {
+    const _executeTask = async () => {
+      setActiveBtnKey('execute');
+      const res = await executeTask(task.id);
+      if (res) {
+        message.success(taskSuccessHintInfo.start);
+        closeTaskDetail();
+        props?.onReloadList?.();
+      }
+    };
+
+    const _deleteTask = async () => {
       const { id } = task;
       const res = await createTask({
         taskType: TaskType.ALTER_SCHEDULE,
@@ -187,12 +196,7 @@ const ActionBar: React.FC<IProps> = inject(
       });
       if (res) {
         setDelTaskList?.([...delTaskList, id]);
-        message.success(
-          formatMessage({
-            id: 'src.component.Task.component.ActionBar.9EDD0936',
-            defaultMessage: '删除成功',
-          }),
-        );
+        message.success(taskSuccessHintInfo.delete);
         props?.onReloadList?.();
       }
     };
@@ -209,7 +213,7 @@ const ActionBar: React.FC<IProps> = inject(
 
     const confirmRollback = async (type: RollbackType) => {
       closeTaskDetail();
-      props.modalStore.changeCreateAsyncTaskModal(true, {
+      actions[TaskType.ASYNC]({
         type,
         task: task as TaskDetail<IAsyncTaskParams>,
         databaseId: task?.database?.id,
@@ -224,7 +228,7 @@ const ActionBar: React.FC<IProps> = inject(
       }
     }, [task?.status]);
 
-    const handleRollback = async () => {
+    const _rollbackTask = async () => {
       setOpenRollback(true);
     };
 
@@ -232,45 +236,22 @@ const ActionBar: React.FC<IProps> = inject(
       setOpenRollback(false);
     };
 
-    const handleExecute = async () => {
-      setActiveBtnKey('execute');
-      const res = await executeTask(task.id);
-      if (res) {
-        message.success(
-          formatMessage({
-            id: 'src.component.Task.component.ActionBar.10A4FEFD',
-            defaultMessage: '开始执行',
-          }),
-        );
-        closeTaskDetail();
-        props?.onReloadList?.();
-      }
-    };
-
-    const handleApproval = async (status: boolean) => {
+    const _approvalTask = async (status: boolean) => {
       props.onApprovalVisible(status, true);
     };
 
-    const handleReTry = async () => {
+    const _retryTask = async () => {
       const { type } = task;
 
       switch (type) {
-        case TaskType.ASYNC: {
-          const detailRes = (await getTaskDetail(task?.id)) as TaskDetail<IAsyncTaskParams>;
-          props.modalStore.changeCreateAsyncTaskModal(true, {
-            task: detailRes,
-          });
-          return;
-        }
+        case TaskType.ASYNC:
         case TaskType.DATAMOCK: {
-          const detailRes = (await getTaskDetail(task?.id)) as TaskDetail<IMockDataParams>;
-          props.modalStore.changeDataMockerModal(true, {
-            task: detailRes,
-          });
+          const detailRes = (await getTaskDetail(task?.id)) as TaskDetail<IAsyncTaskParams>;
+          actions[type]({ task: detailRes });
           return;
         }
         case TaskType.APPLY_DATABASE_PERMISSION: {
-          modalStore.changeApplyDatabasePermissionModal(true, {
+          actions[type]({
             task: task as TaskDetail<IApplyDatabasePermissionTaskParams>,
           });
           return;
@@ -282,41 +263,25 @@ const ActionBar: React.FC<IProps> = inject(
           return;
         }
         case TaskType.APPLY_TABLE_PERMISSION: {
-          modalStore.changeApplyTablePermissionModal(true, {
+          actions[type]({
             task: task as TaskDetail<IApplyTablePermissionTaskParams>,
           });
           return;
         }
         case TaskType.MULTIPLE_ASYNC: {
-          modalStore.changeMultiDatabaseChangeModal(true, {
+          actions[type]({
             projectId: (task as TaskDetail<IMultipleAsyncTaskParams>)?.parameters?.projectId,
             task: task as TaskDetail<IMultipleAsyncTaskParams>,
           });
           return;
         }
-        case TaskType.SHADOW: {
-          modalStore.changeShadowSyncVisible(true, {
-            taskId: task?.id,
-            databaseId: task.database?.id,
-          });
-          return;
-        }
-        case TaskType.STRUCTURE_COMPARISON: {
-          modalStore.changeStructureComparisonModal(true, {
-            databaseId: task.database?.id,
-            taskId: task?.id,
-          });
-          return;
-        }
-        case TaskType.EXPORT: {
-          modalStore.changeExportModal(true, {
-            databaseId: task.database?.id,
-            taskId: task?.id,
-          });
-          return;
-        }
-        case TaskType.IMPORT: {
-          modalStore.changeImportModal(true, {
+        case TaskType.SHADOW:
+        case TaskType.STRUCTURE_COMPARISON:
+        case TaskType.EXPORT:
+        case TaskType.IMPORT:
+        case TaskType.ONLINE_SCHEMA_CHANGE:
+        case TaskType.PARTITION_PLAN: {
+          actions[type]({
             databaseId: task.database?.id,
             taskId: task?.id,
           });
@@ -326,7 +291,7 @@ const ActionBar: React.FC<IProps> = inject(
           const detailRes = (await getTaskDetail(
             task?.id,
           )) as TaskDetail<IResultSetExportTaskParams>;
-          modalStore.changeCreateResultSetExportTaskModal(true, {
+          actions[type]({
             databaseId: task.database?.id,
             taskId: task?.id,
             sql: detailRes.parameters.sql,
@@ -334,20 +299,6 @@ const ActionBar: React.FC<IProps> = inject(
           });
           return;
         }
-        case TaskType.ONLINE_SCHEMA_CHANGE: {
-          modalStore.changeCreateDDLAlterTaskModal(true, {
-            databaseId: task.database?.id,
-            taskId: task?.id,
-          });
-          return;
-        }
-        case TaskType.PARTITION_PLAN: {
-          modalStore.changePartitionModal(true, {
-            databaseId: task.database?.id,
-            taskId: task?.id,
-          });
-          return;
-        }
         default: {
           const { database, executionStrategy, executionTime, parameters, description } = task;
 
@@ -362,30 +313,18 @@ const ActionBar: React.FC<IProps> = inject(
 
           const res = await createTask(data);
           if (res) {
-            message.success(
-              formatMessage({
-                id: 'odc.TaskManagePage.component.TaskTools.InitiatedAgain',
-                defaultMessage: '再次发起成功',
-              }),
-
-              //再次发起成功
-            );
+            message.success(taskSuccessHintInfo.retry); //再次发起成功
           }
         }
       }
     };
 
-    const handleAgain = async () => {
+    const _againTask = async () => {
       const { id } = task;
 
       const res = await againTask({ id: id });
       if (res) {
-        message.success(
-          formatMessage({
-            id: 'src.component.Task.component.ActionBar.15961986',
-            defaultMessage: '发起重试成功',
-          }),
-        );
+        message.success(taskSuccessHintInfo.again);
         props?.onReloadList?.();
         props?.onReload?.();
       }
@@ -436,56 +375,34 @@ const ActionBar: React.FC<IProps> = inject(
       }
     };
 
-    const editCycleTask = async () => {
+    const _editCycleTask = async () => {
       props?.onClose?.();
-      switch (task?.type) {
-        case TaskType.DATA_ARCHIVE: {
-          props.modalStore.changeDataArchiveModal(true, {
-            id: task?.id,
-            type: 'EDIT',
-          });
-          break;
-        }
-        case TaskType.DATA_DELETE: {
-          props.modalStore.changeDataClearModal(true, {
-            id: task?.id,
-            type: 'EDIT',
-          });
-          break;
-        }
-        default: {
-          props.modalStore.changeCreateSQLPlanTaskModal(true, {
-            id: task?.id,
-          });
-        }
-      }
+      const actionType = JOB_SCHEDULE_TASKS.includes(task?.type) ? task?.type : TaskType.SQL_PLAN;
+      actions?.[actionType]?.({
+        id: task?.id,
+        type: JOB_SCHEDULE_TASKS.includes(task?.type) ? ('EDIT' as 'EDIT') : undefined,
+      });
     };
 
-    const handleReTryCycleTask = async () => {
+    const _retryCycleTask = async () => {
       props?.onClose?.();
       switch (task?.type) {
-        case TaskType.DATA_ARCHIVE: {
-          props.modalStore.changeDataArchiveModal(true, {
+        case TaskType.DATA_ARCHIVE:
+        case TaskType.DATA_DELETE: {
+          actions?.[task?.type]?.({
             id: task?.id,
             type: 'RETRY',
           });
           break;
         }
         case TaskType.LOGICAL_DATABASE_CHANGE: {
-          modalStore.changeLogicialDatabaseModal(true, {
+          actions?.[task?.type]?.({
             task: task,
           });
           break;
         }
-        case TaskType.DATA_DELETE: {
-          props.modalStore.changeDataClearModal(true, {
-            id: task?.id,
-            type: 'RETRY',
-          });
-          break;
-        }
         case TaskType.SQL_PLAN: {
-          modalStore.changeCreateSQLPlanTaskModal(true, {
+          actions?.[task?.type]?.({
             databaseId: task.database?.id,
             taskId: task?.id,
           });
@@ -494,158 +411,121 @@ const ActionBar: React.FC<IProps> = inject(
       }
     };
 
-    const stopScheduleTask = async () => {
+    const _stopScheduleTask = async () => {
       await stopDataArchiveSubTask(task?.id, taskList?.[0]?.id);
       await getScheduleTask();
       props?.onReload?.();
     };
 
-    const disableCycleTask = async () => {
-      let databaseId;
-      if (task.database) {
-        databaseId = task.database?.id;
-      } else {
-        databaseId = (task as ICycleTaskRecord<ILogicalDatabaseAsyncTaskParams>).jobParameters
-          ?.databaseId;
-      }
-      Modal.confirm({
-        title: formatMessage(
-          {
-            id: 'src.component.Task.component.ActionBar.5495D4C7',
-            defaultMessage: '确认要禁用此{TaskTypeMapTaskType}?',
-          },
-          { TaskTypeMapTaskType: TaskTypeMap[task.type] },
-        ),
-        content: (
-          <>
-            <div>
-              {formatMessage(
-                {
-                  id: 'src.component.Task.component.ActionBar.EC0C09D6',
-                  defaultMessage: '禁用{TaskTypeMapTaskType}',
-                },
-                { TaskTypeMapTaskType: TaskTypeMap[task.type] },
-              )}
-            </div>
-            <div>
-              {
-                formatMessage({
-                  id: 'odc.TaskManagePage.component.TaskTools.TheTaskNeedsToBe',
-                  defaultMessage: '任务需要重新审批，审批通过后此任务将禁用',
-                }) /*任务需要重新审批，审批通过后此任务将禁用*/
-              }
-            </div>
-          </>
-        ),
-
-        cancelText: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Cancel',
-          defaultMessage: '取消',
-        }), //取消
-        okText: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Ok.2',
-          defaultMessage: '确定',
-        }), //确定
-        centered: true,
-        onOk: async () => {
-          await createTask({
-            databaseId,
-            taskType: TaskType.ALTER_SCHEDULE,
-            parameters: {
-              taskId: task.id,
-              operationType: 'PAUSE',
-            },
-          });
-          props?.onReload?.();
+    const _alterScheduleTask = async ({ databaseId, operationType }) => {
+      await createTask({
+        databaseId,
+        taskType: TaskType.ALTER_SCHEDULE,
+        parameters: {
+          taskId: task.id,
+          operationType,
         },
       });
+      props?.onReload?.();
     };
 
-    const enableCycleTask = async () => {
+    const handleTaskOperation = async ({
+      operationType,
+      callback,
+    }: {
+      operationType: TaskOperationType;
+      callback?: () => void;
+    }) => {
       let databaseId;
-      if (task.database) {
-        databaseId = task.database?.id;
+      if (task?.database) {
+        databaseId = task?.database?.id;
       } else {
-        databaseId = (task as ICycleTaskRecord<ILogicalDatabaseAsyncTaskParams>).jobParameters
+        databaseId = (task as ICycleTaskRecord<ILogicalDatabaseAsyncTaskParams>)?.jobParameters
           ?.databaseId;
       }
-      Modal.confirm({
-        title: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.AreYouSureYouWant.2',
-          defaultMessage: '是否确认启用此 SQL 计划？',
-        }), //确认要启用此 SQL 计划吗？
-        content: (
-          <>
-            <div>
-              {
-                formatMessage({
-                  id: 'odc.TaskManagePage.component.TaskTools.EnableSqlScheduling',
-                  defaultMessage: '启用 SQL 计划',
-                }) /*启用 SQL 计划*/
-              }
-            </div>
-            <div>
-              {
-                formatMessage({
-                  id: 'odc.TaskManagePage.component.TaskTools.TheTaskNeedsToBe.1',
-                  defaultMessage: '任务需要重新审批，审批通过后此任务将启用',
-                }) /*任务需要重新审批，审批通过后此任务将启用*/
-              }
-            </div>
-          </>
-        ),
-
-        cancelText: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Cancel',
-          defaultMessage: '取消',
-        }), //取消
-        okText: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Ok.2',
-          defaultMessage: '确定',
-        }), //确定
-        centered: true,
-        onOk: async () => {
-          await createTask({
-            databaseId,
-            taskType: TaskType.ALTER_SCHEDULE,
-            parameters: {
-              taskId: task?.id,
-              operationType: 'RESUME',
+      const taskTypeName = TaskTypeMap[task?.type];
+      const config = {
+        [TaskOperationType.RESUME]: {
+          title: formatMessage({
+            id: 'odc.TaskManagePage.component.TaskTools.AreYouSureYouWant.2',
+            defaultMessage: '是否确认启用此 SQL 计划？',
+          }),
+          content: (
+            <>
+              <div>
+                {
+                  formatMessage({
+                    id: 'odc.TaskManagePage.component.TaskTools.EnableSqlScheduling',
+                    defaultMessage: '启用 SQL 计划',
+                  }) /*启用 SQL 计划*/
+                }
+              </div>
+              <div>
+                {
+                  formatMessage({
+                    id: 'odc.TaskManagePage.component.TaskTools.TheTaskNeedsToBe.1',
+                    defaultMessage: '任务需要重新审批，审批通过后此任务将启用',
+                  }) /*任务需要重新审批，审批通过后此任务将启用*/
+                }
+              </div>
+            </>
+          ),
+        },
+        [TaskOperationType.PAUSE]: {
+          title: formatMessage(
+            {
+              id: 'src.component.Task.component.ActionBar.5495D4C7',
+              defaultMessage: '确认要禁用此{TaskTypeMapTaskType}?',
             },
-          });
-          props?.onReload?.();
+            { TaskTypeMapTaskType: taskTypeName },
+          ),
+          content: (
+            <>
+              <div>
+                {formatMessage(
+                  {
+                    id: 'src.component.Task.component.ActionBar.EC0C09D6',
+                    defaultMessage: '禁用{TaskTypeMapTaskType}',
+                  },
+                  { TaskTypeMapTaskType: taskTypeName },
+                )}
+              </div>
+              <div>
+                {
+                  formatMessage({
+                    id: 'odc.TaskManagePage.component.TaskTools.TheTaskNeedsToBe',
+                    defaultMessage: '任务需要重新审批，审批通过后此任务将禁用',
+                  }) /*任务需要重新审批，审批通过后此任务将禁用*/
+                }
+              </div>
+            </>
+          ),
         },
-      });
-    };
+        [TaskOperationType.TERMINATE]: {
+          title: formatMessage(
+            {
+              id: 'src.component.Task.component.ActionBar.718054C5',
+              defaultMessage: '确认要终止此{taskTypeName}?',
+            },
+            { taskTypeName },
+          ),
+          content: (
+            <>
+              <div>
+                {formatMessage({
+                  id: 'src.component.Task.component.ActionBar.5E24502A',
+                  defaultMessage: '任务终止后将不可恢复',
+                })}
+              </div>
+            </>
+          ),
+        },
+      };
+      const { title, content } = config[operationType] || {};
 
-    const stopCycleTask = async () => {
-      let databaseId;
-      if (task.database) {
-        databaseId = task.database?.id;
-      } else {
-        databaseId = (task as ICycleTaskRecord<ILogicalDatabaseAsyncTaskParams>).jobParameters
-          ?.databaseId;
-      }
-      const taskTypeName = TaskTypeMap[task?.type];
       Modal.confirm({
-        title: formatMessage(
-          {
-            id: 'src.component.Task.component.ActionBar.718054C5',
-            defaultMessage: '确认要终止此{taskTypeName}?',
-          },
-          { taskTypeName },
-        ),
-        content: (
-          <>
-            <div>
-              {formatMessage({
-                id: 'src.component.Task.component.ActionBar.5E24502A',
-                defaultMessage: '任务终止后将不可恢复',
-              })}
-            </div>
-          </>
-        ),
-
+        title,
+        content,
         cancelText: formatMessage({
           id: 'odc.TaskManagePage.component.TaskTools.Cancel',
           defaultMessage: '取消',
@@ -656,25 +536,12 @@ const ActionBar: React.FC<IProps> = inject(
         }), //确定
         centered: true,
         onOk: async () => {
-          setActiveBtnKey('stop');
-          await createTask({
-            databaseId,
-            taskType: TaskType.ALTER_SCHEDULE,
-            parameters: {
-              taskId: task?.id,
-              operationType: TaskOperationType.TERMINATE,
-            },
-          });
-          props?.onReload?.();
+          callback?.();
+          await _alterScheduleTask({ databaseId, operationType });
         },
       });
     };
 
-    /** 去重数组 */
-    const uniqueTools = (tools) => {
-      return Array.from(new Map(tools.map((obj) => [obj.key, obj])).values());
-    };
-
     /**
      * 判断是否是创建人、项目DBA、项目owner，以操作工单
      */
@@ -692,9 +559,40 @@ const ActionBar: React.FC<IProps> = inject(
         tools.push(reTryBtn);
       }
     };
+    const commonButtonConfig = {
+      viewBtn: {
+        key: 'view',
+        text: formatMessage({ id: 'odc.TaskManagePage.AsyncTask.See', defaultMessage: '查看' }), // 查看
+        action: _openTaskDetail,
+        type: 'button',
+        isOpenBtn: true,
+      },
+      rejectBtn: {
+        key: 'reject',
+        text: formatMessage({
+          id: 'odc.TaskManagePage.component.TaskTools.Reject',
+          defaultMessage: '拒绝',
+        }),
+
+        //拒绝
+        type: 'button',
+        action: async () => {
+          _approvalTask(false);
+        },
+      },
+    };
 
     const getTaskTools = (_task) => {
       let tools = [];
+      const addOperations = ({ auth, taskTypeLimit, operations }: IAddOperationsParams) => {
+        const hasOperaitons = Boolean(operations?.length);
+        const useableTaskType = !taskTypeLimit || taskTypeLimit?.includes(task?.type);
+        if (auth && useableTaskType && hasOperaitons) {
+          tools.push(...operations);
+          return true;
+        }
+        return false;
+      };
 
       if (!_task) {
         return [];
@@ -714,242 +612,222 @@ const ActionBar: React.FC<IProps> = inject(
         SubTaskStatus.DONE === structureComparisonData?.status &&
         ((structureComparisonData?.overSizeLimit && structureComparisonData?.storageObjectId) ||
           (!structureComparisonData?.overSizeLimit &&
-            !(structureComparisonData?.totalChangeScript?.length > 0)));
-      const viewBtn = {
-        key: 'view',
-        text: formatMessage({ id: 'odc.TaskManagePage.AsyncTask.See', defaultMessage: '查看' }), // 查看
-        action: openTaskDetail,
-        type: 'button',
-        isOpenBtn: true,
-      };
-
-      const closeBtn = {
-        key: 'close',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Close',
-          defaultMessage: '关闭',
-        }),
-
-        //关闭
-        action: closeTaskDetail,
-        type: 'button',
-      };
-
-      const copyBtn = {
-        key: 'copy',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Copy',
-          defaultMessage: '复制',
-        }),
-
-        //复制
-        action: handleCopy,
-        type: 'button',
-        isOpenBtn: true,
-      };
-
-      const rollbackBtn = {
-        key: 'rollback',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.RollBack',
-          defaultMessage: '回滚',
-        }),
-
-        //回滚
-        action: handleRollback,
-        type: 'button',
-      };
-
-      const stopBtn = {
-        key: 'stop',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Terminate',
-          defaultMessage: '终止',
-        }),
-
-        //终止
-        action: _stopTask,
-        type: 'button',
-      };
-
-      const executeBtn = {
-        key: 'execute',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Run',
-          defaultMessage: '执行',
-        }),
-
-        //执行
-        type: 'button',
-        action: handleExecute,
-        isOpenBtn: true,
-        isPrimary: isDetailModal,
-        disabled: false,
-        tooltip: '',
-      };
-
-      const approvalBtn = {
-        key: 'approval',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Pass',
-          defaultMessage: '通过',
-        }),
-
-        //通过
-        type: 'button',
-        isPrimary: isDetailModal,
-        disabled: disabledApproval,
-        tooltip: disabledApproval
-          ? formatMessage({
-              id: 'odc.TaskManagePage.component.TaskTools.SetPartitionPoliciesForAll',
-              defaultMessage: '请设置所有Range分区表的分区策略',
-            })
-          : //请设置所有Range分区表的分区策略
-            null,
-        action: async () => {
-          handleApproval(true);
+            !Boolean(structureComparisonData?.totalChangeScript?.length)));
+      const buttonConfig = {
+        ...commonButtonConfig,
+        closeBtn: {
+          ...actionInfo.closeBtn,
+          //关闭
+          action: closeTaskDetail,
         },
-      };
+        copyBtn: {
+          ...actionInfo.copyBtn,
+          //复制
+          action: handleCopy,
 
-      const rejectBtn = {
-        key: 'reject',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Reject',
-          defaultMessage: '拒绝',
-        }),
-
-        //拒绝
-        type: 'button',
-        action: async () => {
-          handleApproval(false);
+          isOpenBtn: true,
+        },
+        rollbackBtn: {
+          ...actionInfo.rollbackBtn,
+          //回滚
+          action: _rollbackTask,
+        },
+        stopBtn: {
+          ...actionInfo.stopBtn,
+          //终止
+          action: _stopTask,
+        },
+        executeBtn: {
+          ...actionInfo.executeBtn,
+          //执行
+          action: _executeTask,
+          isOpenBtn: true,
+          isPrimary: isDetailModal,
+          disabled: false,
+          tooltip: '',
+        },
+        approvalBtn: {
+          ...actionInfo.approvalBtn,
+          //通过
+          isPrimary: isDetailModal,
+          disabled: disabledApproval,
+          tooltip: disabledApproval
+            ? formatMessage({
+                id: 'odc.TaskManagePage.component.TaskTools.SetPartitionPoliciesForAll',
+                defaultMessage: '请设置所有Range分区表的分区策略',
+              })
+            : //请设置所有Range分区表的分区策略
+              null,
+          action: async () => {
+            _approvalTask(true);
+          },
+        },
+        reTryBtn: {
+          ...actionInfo.reTryBtn,
+          //再次发起
+          action: _retryTask,
+        },
+        againBtn: {
+          ...actionInfo.againBtn,
+          // 重试
+          action: _againTask,
+        },
+        downloadBtn: {
+          ...actionInfo.downloadBtn,
+          disabled: isExpired,
+          isExpired,
+          tip: formatMessage({
+            id: 'src.component.Task.component.ActionBar.F20AAC3F',
+            defaultMessage: '文件下载链接已超时，请重新发起工单。',
+          }), //'文件下载链接已超时，请重新发起工单。'
+
+          action: download,
+        },
+        downloadSQLBtn: {
+          ...actionInfo.downloadSQLBtn,
+          disabled: disableBtn || !structureComparisonData?.storageObjectId,
+          isExpired: disableBtn || !structureComparisonData?.storageObjectId,
+          tip: formatMessage({
+            id: 'src.component.Task.component.ActionBar.A79907A3',
+            defaultMessage: '暂不可用',
+          }), //'暂不可用'
+          action: async () => {
+            if (structureComparisonData?.storageObjectId) {
+              const fileUrl = await getStructureComparisonTaskFile(_task?.id, [
+                `${structureComparisonData?.storageObjectId}`,
+              ]);
+              fileUrl?.forEach((url) => {
+                url && downloadFile(url);
+              });
+            }
+          },
+        },
+        structrueComparisonBySQL: {
+          ...actionInfo.structrueComparisonBySQL,
+          isExpired: disableBtn || noAction,
+          disabled: disableBtn || noAction,
+          tip: noAction
+            ? formatMessage({
+                id: 'src.component.Task.component.ActionBar.D98B5B62',
+                defaultMessage: '结构一致，无需发起结构同步',
+              })
+            : formatMessage({
+                id: 'src.component.Task.component.ActionBar.4BF7D8BF',
+                defaultMessage: '暂不可用',
+              }),
+          isPrimary: true,
+          action: async () => {
+            structureComparisonData &&
+              actions[TaskType.ASYNC]({
+                sql: structureComparisonData?.totalChangeScript,
+                databaseId: structureComparisonData?.database?.id,
+                rules: null,
+              });
+          },
+        },
+        openLocalFolder: {
+          ...actionInfo.openLocalFolder,
+          //打开文件夹
+          action: async () => {
+            const info = await getTaskResult(task.id);
+            if (info?.exportZipFilePath) {
+              ipcInvoke('showItemInFolder', info?.exportZipFilePath);
+            }
+          },
+        },
+        downloadViewResultBtn: {
+          ...actionInfo.downloadViewResultBtn,
+          disabled: isExpired,
+          isExpired,
+          tip: formatMessage({
+            id: 'src.component.Task.component.ActionBar.E9211B1A',
+            defaultMessage: '文件下载链接已超时，请重新发起工单。',
+          }), //'文件下载链接已超时，请重新发起工单。'
+
+          action: downloadViewResult,
         },
       };
 
-      const reTryBtn = {
-        key: 'reTry',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.InitiateAgain',
-          defaultMessage: '再次发起',
-        }),
-
-        //再次发起
-        type: 'button',
-        action: handleReTry,
+      const addRetryButton = () => {
+        setBtnByCreater(tools, buttonConfig.reTryBtn);
       };
 
-      const againBtn = {
-        key: 'again',
-        text: formatMessage({
-          id: 'src.component.Task.component.ActionBar.57DBF8A7',
-          defaultMessage: '重试',
-        }),
-        // 重试
-        type: 'button',
-        action: handleAgain,
+      const resetToolsForApprover = (
+        target?: Array<{
+          key: string;
+          text: any;
+          type: string;
+          action: () => Promise<void>;
+        }>,
+      ) => {
+        if (isApprover) {
+          tools = target || [];
+        }
       };
 
-      const downloadBtn = {
-        key: 'download',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Download',
-          defaultMessage: '下载',
-        }),
-        disabled: isExpired,
-        isExpired,
-        tip: formatMessage({
-          id: 'src.component.Task.component.ActionBar.F20AAC3F',
-          defaultMessage: '文件下载链接已超时，请重新发起工单。',
-        }), //'文件下载链接已超时，请重新发起工单。'
-
-        action: download,
-        type: 'button',
-      };
-      const downloadSQLBtn = {
-        key: 'downloadSQL',
-        text: formatMessage({
-          id: 'src.component.Task.component.ActionBar.DBA6CB6E',
-          defaultMessage: '下载 SQL',
-        }), //'下载 SQL'
-        disabled: disableBtn || !structureComparisonData?.storageObjectId,
-        isExpired: disableBtn || !structureComparisonData?.storageObjectId,
-        tip: formatMessage({
-          id: 'src.component.Task.component.ActionBar.A79907A3',
-          defaultMessage: '暂不可用',
-        }), //'暂不可用'
-        type: 'button',
-        action: async () => {
-          if (structureComparisonData?.storageObjectId) {
-            const fileUrl = await getStructureComparisonTaskFile(_task?.id, [
-              `${structureComparisonData?.storageObjectId}`,
-            ]);
-            fileUrl?.forEach((url) => {
-              url && downloadFile(url);
-            });
-          }
+      const operationNeedPermission = {
+        [TaskStatus.EXECUTION_ABNORMAL]: {
+          operations: [buttonConfig.stopBtn, buttonConfig.againBtn],
         },
-      };
-      const structrueComparisonBySQL = {
-        key: 'structrueComparisonBySQL',
-        text: formatMessage({
-          id: 'src.component.Task.component.ActionBar.46F2F0ED',
-          defaultMessage: '发起结构同步',
-        }), //'发起结构同步'
-        isExpired: disableBtn || noAction,
-        disabled: disableBtn || noAction,
-        tip: noAction
-          ? formatMessage({
-              id: 'src.component.Task.component.ActionBar.D98B5B62',
-              defaultMessage: '结构一致，无需发起结构同步',
-            })
-          : formatMessage({
-              id: 'src.component.Task.component.ActionBar.4BF7D8BF',
-              defaultMessage: '暂不可用',
-            }),
-        type: 'button',
-        isPrimary: true,
-        action: async () => {
-          structureComparisonData &&
-            modalStore?.changeCreateAsyncTaskModal(true, {
-              sql: structureComparisonData?.totalChangeScript,
-              databaseId: structureComparisonData?.database?.id,
-              rules: null,
-            });
+        [TaskStatus.EXECUTING]: {
+          operations: [buttonConfig.stopBtn],
+          taskRules: [
+            {
+              auth: true,
+              taskTypeLimit: [TaskType.STRUCTURE_COMPARISON],
+              operations: [buttonConfig.downloadSQLBtn, buttonConfig.structrueComparisonBySQL],
+            },
+          ],
         },
-      };
-      const openLocalFolder = {
-        key: 'openLocalFolder',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.OpenFolder',
-          defaultMessage: '打开文件夹',
-        }),
-
-        //打开文件夹
-        action: async () => {
-          const info = await getTaskResult(task.id);
-          if (info?.exportZipFilePath) {
-            ipcInvoke('showItemInFolder', info?.exportZipFilePath);
-          }
+        [TaskStatus.APPROVING]: {
+          operations: [buttonConfig.stopBtn],
+        },
+        [TaskStatus.EXECUTION_SUCCEEDED]: {
+          operations: [],
+          // taskRules 中的规则按顺序匹配，匹配上一个之后则应用该规则，不再继续匹配
+          taskRules: [
+            {
+              taskTypeLimit: [TaskType.EXPORT],
+              auth: settingStore.enableDataExport && isClient(),
+              operations: [buttonConfig.openLocalFolder],
+            },
+            {
+              taskTypeLimit: [TaskType.EXPORT, TaskType.DATAMOCK, TaskType.EXPORT_RESULT_SET],
+              auth: settingStore.enableDataExport,
+              operations: [buttonConfig.downloadBtn],
+            },
+            {
+              taskTypeLimit: [TaskType.ASYNC, TaskType.MULTIPLE_ASYNC],
+              auth: task?.rollbackable,
+              operations: [buttonConfig.rollbackBtn],
+            },
+            {
+              taskTypeLimit: [TaskType.STRUCTURE_COMPARISON],
+              auth: true,
+              operations: [buttonConfig.downloadSQLBtn, buttonConfig.structrueComparisonBySQL],
+            },
+          ],
         },
-        type: 'button',
       };
+      const getSpecialExecuteBtn = () => {
+        const _executeBtn = { ...buttonConfig.executeBtn };
+        if (task?.executionStrategy === TaskExecStrategy.TIMER) {
+          _executeBtn.disabled = true;
+          const executionTime = getLocalFormatDateTime(task?.executionTime);
+
+          _executeBtn.tooltip = formatMessage(
+            {
+              id: 'odc.TaskManagePage.component.TaskTools.ScheduledExecutionTimeExecutiontime',
+              defaultMessage: '定时执行时间：{executionTime}',
+            },
 
-      const downloadViewResultBtn = {
-        key: 'downloadViewResult',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.DownloadQueryResults',
-          defaultMessage: '下载查询结果',
-        }),
-        disabled: isExpired,
-        isExpired,
-        tip: formatMessage({
-          id: 'src.component.Task.component.ActionBar.E9211B1A',
-          defaultMessage: '文件下载链接已超时，请重新发起工单。',
-        }), //'文件下载链接已超时，请重新发起工单。'
-
-        action: downloadViewResult,
-        type: 'button',
-      };
+            { executionTime },
+          );
 
+          //`定时执行时间：${executionTime}`
+        }
+        return _executeBtn;
+      };
       const viewResultBtn = {
         key: 'viewResult',
         text: formatMessage({
@@ -960,7 +838,6 @@ const ActionBar: React.FC<IProps> = inject(
         action: viewResult,
         type: 'button',
       };
-
       if (isDetailModal) {
         switch (status) {
           case TaskStatus.REJECTED:
@@ -974,107 +851,46 @@ const ActionBar: React.FC<IProps> = inject(
           case TaskStatus.CANCELLED:
           case TaskStatus.PRE_CHECK_FAILED:
           case TaskStatus.COMPLETED: {
-            setBtnByCreater(tools, reTryBtn);
-            if (isApprover) {
-              tools = [];
-            }
-            break;
-          }
-          case TaskStatus.EXECUTING: {
-            setBtnByCreater(tools, reTryBtn);
-
-            if (haveOperationPermission) {
-              if (task.type === TaskType.STRUCTURE_COMPARISON) {
-                tools.push(downloadSQLBtn, structrueComparisonBySQL);
-              }
-              tools.push(stopBtn);
-            }
-            if (isApprover) {
-              tools = [];
-            }
+            addRetryButton();
+            resetToolsForApprover();
             break;
           }
+          case TaskStatus.EXECUTING:
+          case TaskStatus.EXECUTION_ABNORMAL:
           case TaskStatus.EXECUTION_SUCCEEDED: {
-            setBtnByCreater(tools, reTryBtn);
-            if (haveOperationPermission) {
-              if (task.type === TaskType.EXPORT && settingStore.enableDataExport) {
-                if (isClient()) {
-                  tools.push(openLocalFolder);
-                } else {
-                  tools.push(downloadBtn);
-                }
-              } else if (task.type === TaskType.DATAMOCK && settingStore.enableDataExport) {
-                tools.push(downloadBtn);
-              } else if (
-                task.type === TaskType.EXPORT_RESULT_SET &&
-                settingStore.enableDataExport
-              ) {
-                tools.push(downloadBtn);
-              } else if (
-                [TaskType.ASYNC, TaskType.MULTIPLE_ASYNC]?.includes(task.type) &&
-                task?.rollbackable
-              ) {
-                tools.push(rollbackBtn);
-              } else if (task.type === TaskType.STRUCTURE_COMPARISON) {
-                tools.push(downloadSQLBtn, structrueComparisonBySQL);
-              }
-            }
+            addRetryButton();
 
-            if (isApprover) {
-              tools = [];
+            if (haveOperationPermission) {
+              const taskRules = operationNeedPermission?.[status]?.taskRules;
+              taskRules?.some((rule) => {
+                return addOperations(rule || {});
+              });
+              tools.push(...operationNeedPermission[status].operations);
             }
+            resetToolsForApprover();
             break;
           }
           case TaskStatus.WAIT_FOR_CONFIRM:
           case TaskStatus.APPROVING: {
-            if (isApprover) {
-              tools = [rejectBtn, approvalBtn];
-            }
-            setBtnByCreater(tools, reTryBtn);
+            resetToolsForApprover([buttonConfig.rejectBtn, buttonConfig.approvalBtn]);
+            addRetryButton();
             if (haveOperationPermission) {
-              tools.push(stopBtn);
+              tools.push(...operationNeedPermission[status].operations);
             }
             break;
           }
           case TaskStatus.WAIT_FOR_EXECUTION: {
-            setBtnByCreater(tools, reTryBtn);
+            addRetryButton();
 
             if (haveOperationPermission) {
-              const _executeBtn = { ...executeBtn };
-              if (task?.executionStrategy === TaskExecStrategy.TIMER) {
-                _executeBtn.disabled = true;
-                const executionTime = getLocalFormatDateTime(task?.executionTime);
-
-                _executeBtn.tooltip = formatMessage(
-                  {
-                    id: 'odc.TaskManagePage.component.TaskTools.ScheduledExecutionTimeExecutiontime',
-                    defaultMessage: '定时执行时间：{executionTime}',
-                  },
-
-                  { executionTime },
-                );
-
-                //`定时执行时间：${executionTime}`
-              }
+              const _executeBtn = getSpecialExecuteBtn();
               const tempTools =
                 task?.executionStrategy === TaskExecStrategy.AUTO
-                  ? [stopBtn]
-                  : [stopBtn, _executeBtn];
+                  ? [buttonConfig.stopBtn]
+                  : [buttonConfig.stopBtn, _executeBtn];
               tools.push(...tempTools);
             }
-            if (isApprover) {
-              tools = [];
-            }
-            break;
-          }
-          case TaskStatus.EXECUTION_ABNORMAL: {
-            setBtnByCreater(tools, reTryBtn);
-            if (haveOperationPermission) {
-              tools.push(stopBtn, againBtn);
-            }
-            if (isApprover) {
-              tools = [];
-            }
+            resetToolsForApprover();
             break;
           }
           default:
@@ -1095,34 +911,22 @@ const ActionBar: React.FC<IProps> = inject(
           const allowShowResultSets =
             setting.getSpaceConfigByKey('odc.task.databaseChange.allowShowResultSets') === 'true';
           if (settingStore.enableDataExport && allowDownloadResultSets) {
-            tools.unshift(downloadViewResultBtn);
+            tools.unshift(buttonConfig.downloadViewResultBtn);
           }
           if (allowShowResultSets) {
             tools.unshift(viewResultBtn);
           }
         }
       } else {
-        tools = [viewBtn];
+        tools = [buttonConfig.viewBtn];
         if (status === TaskStatus.WAIT_FOR_EXECUTION) {
           if (haveOperationPermission) {
-            const _executeBtn = { ...executeBtn };
-            if (task?.executionStrategy === TaskExecStrategy.TIMER) {
-              _executeBtn.disabled = true;
-              const executionTime = getLocalFormatDateTime(task?.executionTime);
-              _executeBtn.tooltip = formatMessage(
-                {
-                  id: 'odc.TaskManagePage.component.TaskTools.ScheduledExecutionTimeExecutiontime',
-                  defaultMessage: '定时执行时间：{executionTime}',
-                },
-
-                { executionTime },
-              );
-            }
+            const _executeBtn = getSpecialExecuteBtn();
             task?.executionStrategy === TaskExecStrategy.AUTO
-              ? tools.push(stopBtn)
-              : tools.push(_executeBtn, stopBtn);
+              ? tools.push(buttonConfig.stopBtn)
+              : tools.push(_executeBtn, buttonConfig.stopBtn);
           }
-          setBtnByCreater(tools, reTryBtn);
+          addRetryButton();
         }
       }
       tools = uniqueTools(tools);
@@ -1135,197 +939,146 @@ const ActionBar: React.FC<IProps> = inject(
         return [];
       }
       const { status } = _task;
+      const buttongConfig = {
+        ...commonButtonConfig,
+        stopBtn: {
+          ...actionInfo.stopBtn,
+          action: async () => {
+            await handleTaskOperation({
+              operationType: TaskOperationType.TERMINATE,
+              callback: () => {
+                setActiveBtnKey('stop');
+              },
+            });
+          },
+        },
+        editBtn: {
+          ...actionInfo.editBtn,
+          action: _editCycleTask,
+        },
+        reTryBtn: {
+          ...actionInfo.reTryBtn,
+          action: _retryCycleTask,
+        },
+        disableBtn: {
+          ...actionInfo.disableBtn,
+          action: async () => {
+            await handleTaskOperation({ operationType: TaskOperationType.PAUSE });
+          },
+        },
 
-      const viewBtn = {
-        key: 'view',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.View',
-          defaultMessage: '查看',
-        }), //查看
-        action: openTaskDetail,
-        type: 'button',
-        isOpenBtn: true,
-      };
-
-      const stopBtn = {
-        key: 'stop',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Termination',
-          defaultMessage: '终止',
-        }), //终止
-        action: stopCycleTask,
-        type: 'button',
-      };
-
-      const editBtn = {
-        key: 'edit',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Edit',
-          defaultMessage: '编辑',
-        }), //编辑
-        action: editCycleTask,
-        type: 'button',
-      };
-
-      const reTryBtn = {
-        key: 'reTry',
-        text: formatMessage({
-          id: 'src.component.Task.component.ActionBar.C324AD20',
-          defaultMessage: '再次发起',
-        }), //'再次发起'
-        type: 'button',
-        action: handleReTryCycleTask,
-      };
-
-      const disableBtn = {
-        key: 'disable',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Disable',
-          defaultMessage: '禁用',
-        }), //禁用
-        action: disableCycleTask,
-        type: 'button',
-      };
-
-      /* 禁用Schedule下的Task for logical database change task */
-      /* 很脏的逻辑, ued少一层导致的 */
-      const stopScheduleTaskBtn = {
-        key: 'stopLogicalChangeTask',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Termination',
-          defaultMessage: '终止',
-        }), //终止
-        action: stopScheduleTask,
-        type: 'button',
+        /* 禁用Schedule下的Task for logical database change task */
+        /* 很脏的逻辑, ued少一层导致的 */
+        stopScheduleTaskBtn: {
+          ...actionInfo.stopScheduleTaskBtn,
+          action: _stopScheduleTask,
+        },
+        enableBtn: {
+          ...actionInfo.enableBtn,
+          action: async () => {
+            await handleTaskOperation({ operationType: TaskOperationType.RESUME });
+          },
+        },
+        approvalBtn: {
+          ...actionInfo.approvalBtn,
+          isPrimary: isDetailModal,
+          action: async () => {
+            _approvalTask(true);
+          },
+        },
+        deleteBtn: {
+          ...actionInfo.deleteBtn,
+          confirmText: formatMessage({
+            id: 'src.component.Task.component.ActionBar.72AF1732',
+            defaultMessage: '你确定要删除这个任务吗？',
+          }),
+          action: _deleteTask,
+        },
       };
-
-      const enableBtn = {
-        key: 'enable',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Enable',
-          defaultMessage: '启用',
-        }), //启用
-        action: enableCycleTask,
-        type: 'button',
+      const initTools = ({ view, retry }: { view?: boolean; retry?: boolean }) => {
+        if (view) {
+          tools = [buttongConfig.viewBtn];
+        }
+        if (retry) {
+          setBtnByCreater(tools, buttongConfig.reTryBtn);
+        }
       };
 
-      const approvalBtn = {
-        key: 'approval',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Pass',
-          defaultMessage: '通过',
-        }), //通过
-        type: 'button',
-        isPrimary: isDetailModal,
-        action: async () => {
-          handleApproval(true);
+      const operationNeedPermission = {
+        [TaskStatus.APPROVING]: {
+          auth: haveOperationPermission,
+          operations: [buttongConfig.stopBtn],
+        },
+        [TaskStatus.PAUSE]: {
+          auth: haveOperationPermission,
+          operations: [buttongConfig.editBtn, buttongConfig.enableBtn, buttongConfig.stopBtn],
+        },
+        [TaskStatus.CANCELLED]: {
+          auth: haveOperationPermission,
+          operations: [buttongConfig.stopBtn],
+        },
+        [TaskStatus.REJECTED]: { auth: haveOperationPermission, operations: [] },
+        [TaskStatus.APPROVAL_EXPIRED]: {
+          taskTypeLimit: SCHEDULE_TASKS,
+          auth: haveOperationPermission,
+          operations: [buttongConfig.deleteBtn],
+        },
+        [TaskStatus.TERMINATED]: {
+          taskTypeLimit: SCHEDULE_TASKS,
+          auth: haveOperationPermission,
+          operations: [buttongConfig.deleteBtn],
+        },
+        [TaskStatus.COMPLETED]: {
+          taskTypeLimit: SCHEDULE_TASKS,
+          auth: haveOperationPermission,
+          operations: [buttongConfig.deleteBtn],
+        },
+        [TaskStatus.ENABLED]: {
+          auth:
+            haveOperationPermission &&
+            !(
+              JOB_SCHEDULE_TASKS.includes(task?.type) &&
+              (task as ICycleTaskRecord<TaskRecordParameters>)?.triggerConfig?.triggerStrategy ===
+                TaskExecStrategy.START_NOW
+            ),
+          operations: [buttongConfig.disableBtn, buttongConfig.stopBtn, buttongConfig.editBtn],
         },
       };
 
-      const rejectBtn = {
-        key: 'reject',
-        text: formatMessage({
-          id: 'odc.TaskManagePage.component.TaskTools.Reject',
-          defaultMessage: '拒绝',
-        }), //拒绝
-        type: 'button',
-        action: async () => {
-          handleApproval(false);
-        },
+      const operationNeedApprover = {
+        [TaskStatus.APPROVING]: [buttongConfig.approvalBtn, buttongConfig.rejectBtn],
       };
 
-      const deleteBtn = {
-        key: 'delete',
-        text: formatMessage({
-          id: 'src.component.Task.component.ActionBar.E16B982C',
-          defaultMessage: '删除',
-        }),
-        type: 'button',
-        confirmText: formatMessage({
-          id: 'src.component.Task.component.ActionBar.72AF1732',
-          defaultMessage: '你确定要删除这个任务吗？',
-        }),
-        action: deleteTask,
+      const addOperations = ({ taskTypeLimit, auth, operations }: IAddOperationsParams) => {
+        const hasOperations = Boolean(operations?.length);
+        const useableTaskType = !taskTypeLimit || taskTypeLimit?.includes(task?.type);
+        if (auth && hasOperations && useableTaskType) {
+          tools.push(...operations);
+        }
       };
+      const enableRetry = isOwner;
+      initTools({ view: true, retry: enableRetry });
+      addOperations(operationNeedPermission?.[status] || {});
+
       switch (status) {
         case TaskStatus.APPROVING: {
-          tools = [viewBtn];
-          setBtnByCreater(tools, reTryBtn);
-          if (haveOperationPermission) {
-            tools.push(stopBtn);
-          }
-          if (isApprover) {
-            tools.push(approvalBtn, rejectBtn);
-          }
+          addOperations({ auth: isApprover, operations: operationNeedApprover[status] });
           break;
         }
         case TaskStatus.REJECTED: {
-          setBtnByCreater(tools, reTryBtn);
-          tools = [viewBtn];
-          setBtnByCreater(tools, reTryBtn);
+          setBtnByCreater(tools, buttongConfig.reTryBtn);
+          tools = [buttongConfig.viewBtn];
+          setBtnByCreater(tools, buttongConfig.reTryBtn);
           break;
         }
         case TaskStatus.ENABLED: {
-          tools = [viewBtn];
-          setBtnByCreater(tools, reTryBtn);
-          if (haveOperationPermission) {
-            if (
-              !(
-                [TaskType.DATA_ARCHIVE, TaskType.DATA_DELETE].includes(task?.type) &&
-                (task as ICycleTaskRecord<TaskRecordParameters>)?.triggerConfig?.triggerStrategy ===
-                  TaskExecStrategy.START_NOW
-              )
-            ) {
-              tools.push(disableBtn, stopBtn, editBtn);
-            }
-          }
-
           if (haveOperationPermission && isLogicalDbChangeTask(task?.type)) {
-            tools = [viewBtn, editBtn, reTryBtn];
-          }
-          break;
-        }
-        case TaskStatus.APPROVAL_EXPIRED:
-        case TaskStatus.TERMINATED: {
-          tools = [viewBtn];
-          setBtnByCreater(tools, reTryBtn);
-          if (haveOperationPermission) {
-            if (
-              [TaskType.DATA_ARCHIVE, TaskType.DATA_DELETE, TaskType.SQL_PLAN].includes(task?.type)
-            ) {
-              tools.push(deleteBtn);
-            }
-          }
-          break;
-        }
-        case TaskStatus.PAUSE: {
-          tools = [viewBtn];
-          setBtnByCreater(tools, reTryBtn);
-          if (haveOperationPermission) {
-            tools.push(editBtn, enableBtn, stopBtn);
-          }
-          break;
-        }
-        case TaskStatus.COMPLETED: {
-          tools = [viewBtn];
-          setBtnByCreater(tools, reTryBtn);
-          if (
-            [TaskType.DATA_ARCHIVE, TaskType.DATA_DELETE, TaskType.SQL_PLAN].includes(task?.type) &&
-            haveOperationPermission
-          ) {
-            tools.push(deleteBtn);
-          }
-          break;
-        }
-        case TaskStatus.CANCELLED: {
-          tools = [viewBtn];
-          setBtnByCreater(tools, reTryBtn);
-          if (haveOperationPermission) {
-            tools.push(stopBtn);
+            tools = [buttongConfig.viewBtn, buttongConfig.editBtn, buttongConfig.reTryBtn];
           }
           break;
         }
         default:
+          break;
       }
 
       if (isDetailModal) {
@@ -1335,11 +1088,11 @@ const ActionBar: React.FC<IProps> = inject(
       }
 
       // sql 计划 & 数据归档 & 数据清理 支持编辑
-      if (![TaskType.SQL_PLAN, TaskType.DATA_ARCHIVE, TaskType.DATA_DELETE].includes(task?.type)) {
+      if (!SCHEDULE_TASKS.includes(task?.type)) {
         tools = tools.filter((item) => item.key !== 'edit');
       }
       if ((taskList?.[0]?.status as any) === SubTaskStatus.RUNNING) {
-        tools = [...tools, stopScheduleTaskBtn];
+        tools = [...tools, buttongConfig.stopScheduleTaskBtn];
       }
       tools = uniqueTools(tools);
       return tools;
diff --git a/src/component/Task/component/ActionBar/type.ts b/src/component/Task/component/ActionBar/type.ts
new file mode 100644
index 000000000..01463f443
--- /dev/null
+++ b/src/component/Task/component/ActionBar/type.ts
@@ -0,0 +1,28 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { TaskType } from '@/d.ts';
+
+export interface IAddOperationsParams {
+  taskTypeLimit?: TaskType[];
+  auth: boolean;
+  operations: {
+    key: string;
+    text: any;
+    action: () => Promise<void>;
+    type: string;
+  }[];
+}
diff --git a/src/component/Task/component/ApprovalModal/index.less b/src/component/Task/component/ApprovalModal/index.less
new file mode 100644
index 000000000..4ff8d0d6e
--- /dev/null
+++ b/src/component/Task/component/ApprovalModal/index.less
@@ -0,0 +1,10 @@
+.approvalModal {
+  .block:global(.ant-space) {
+    width: 100%;
+  }
+  :global {
+    .ant-modal-body {
+      padding: 20px;
+    }
+  }
+}
diff --git a/src/component/Task/component/ApprovalModal/index.tsx b/src/component/Task/component/ApprovalModal/index.tsx
index ce0f8e799..5a2608a2e 100644
--- a/src/component/Task/component/ApprovalModal/index.tsx
+++ b/src/component/Task/component/ApprovalModal/index.tsx
@@ -20,7 +20,7 @@ import { formatMessage } from '@/util/intl';
 import { Form, Input, message, Modal, Space } from 'antd';
 import { inject, observer } from 'mobx-react';
 import React, { useEffect, useRef, useState } from 'react';
-import styles from '../../index.less';
+import styles from './index.less';
 
 const { TextArea } = Input;
 
diff --git a/src/component/Task/component/AsyncTaskOperationButton/SubmitTripartiteTaskButton.tsx b/src/component/Task/component/AsyncTaskOperationButton/SubmitTripartiteTaskButton.tsx
index 1ff6ce036..06c960151 100644
--- a/src/component/Task/component/AsyncTaskOperationButton/SubmitTripartiteTaskButton.tsx
+++ b/src/component/Task/component/AsyncTaskOperationButton/SubmitTripartiteTaskButton.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import React, { useEffect, useState } from 'react';
 import type { FileExportResponse, ScheduleExportListView } from '@/d.ts/migrateTask';
@@ -24,6 +40,7 @@ import {
   IBatchTerminateFlowResult,
   IScheduleTerminateCmd,
   IScheduleTerminateResult,
+  ITaskTerminateCmd,
 } from '@/d.ts/importTask';
 
 const SubmitTripartiteTaskButton = (props: {
@@ -211,11 +228,14 @@ const SubmitTripartiteTaskButton = (props: {
       api: (terminateId: number) => {
         return getBatchCancelResult(terminateId?.toString?.());
       },
-      submitApi: (flowInstanceId: number[]) => {
-        return cancelFlowInstance(flowInstanceId);
+      submitApi: (data: ITaskTerminateCmd) => {
+        return cancelFlowInstance(data);
       },
       getSubmitParams: () => {
-        return props.tasks?.map((item) => item.id);
+        return {
+          flowInstanceIds: props.tasks?.map((item) => item.id),
+          taskType: props.tasks?.[0]?.type,
+        };
       },
       isTaskCompleted: (result: IBatchTerminateFlowResult[]) => {
         return result?.length > 0 && result?.every((i) => i?.terminateSucceed || i?.failReason);
diff --git a/src/component/Task/component/AsyncTaskOperationButton/helper.tsx b/src/component/Task/component/AsyncTaskOperationButton/helper.tsx
index 7e820f0f4..616912b0a 100644
--- a/src/component/Task/component/AsyncTaskOperationButton/helper.tsx
+++ b/src/component/Task/component/AsyncTaskOperationButton/helper.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import {
   AsyncTaskType,
   CloudProvider,
@@ -6,8 +22,14 @@ import {
 } from '@/d.ts/migrateTask';
 import { IAsyncTaskOperationConfig } from '.';
 import { Popover, Space, Tooltip, Typography } from 'antd';
-import { IConnection, TaskDetail, TaskRecordParameters, TaskStatus, TaskType } from '@/d.ts';
-import { TaskTypeMap } from '../TaskTable';
+import {
+  IConnection,
+  TaskDetail,
+  TaskRecord,
+  TaskRecordParameters,
+  TaskStatus,
+  TaskType,
+} from '@/d.ts';
 import { getLocalFormatDateTime } from '@/util/utils';
 import {
   status as TaskStatusMap,
@@ -21,6 +43,7 @@ import Icon, { ExclamationCircleFilled } from '@ant-design/icons';
 import { ConnectTypeText } from '@/constant/label';
 import { formatMessage } from '@/util/intl';
 import { statusThatCanBeExport, statusThatCanBeTerminate } from '../TaskTable/useTaskSelection';
+import { TaskTypeMap } from '../TaskTable/const';
 
 export const DatabasePopover: React.FC<{
   connection: Partial<IConnection>;
@@ -467,14 +490,18 @@ export const isScheduleMigrateTask = (taskType: TaskType) => {
   ]?.includes(taskType);
 };
 
-// 是否是在正常调度状态的任务(已创建, 已启用, 已禁用)
-export const checkIsScheduleTaskListCanBeExported = (taskStatus: TaskStatus) => {
-  return statusThatCanBeExport?.includes(taskStatus);
+// 是否是能被导出的任务状态
+export const checkIsScheduleTaskListCanBeExported = (task: TaskRecord<TaskRecordParameters>) => {
+  return statusThatCanBeExport?.includes(task?.status);
 };
 
 // 是否是能终止的任务状态
-export const checkIsTaskListCanBeTerminated = (taskStatus: TaskStatus) => {
-  return statusThatCanBeTerminate?.includes(taskStatus);
+export const checkIsTaskListCanBeTerminated = (task: TaskRecord<TaskRecordParameters>) => {
+  // 分区计划执行成功能够被终止
+  if (task?.type === TaskType.PARTITION_PLAN && task?.status === TaskStatus.EXECUTION_SUCCEEDED) {
+    return true;
+  }
+  return statusThatCanBeTerminate?.includes(task?.status);
 };
 
 /**
diff --git a/src/component/Task/component/AsyncTaskOperationButton/hooks/useTaskTable.ts b/src/component/Task/component/AsyncTaskOperationButton/hooks/useTaskTable.ts
index 67de61f97..07bd62e2c 100644
--- a/src/component/Task/component/AsyncTaskOperationButton/hooks/useTaskTable.ts
+++ b/src/component/Task/component/AsyncTaskOperationButton/hooks/useTaskTable.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { useState } from 'react';
 import type { AsyncTaskType, ISwitchOdcTaskListResponse } from '@/d.ts/migrateTask';
 import { UnfinishedScheduleListType } from '@/d.ts/migrateTask';
@@ -17,7 +33,7 @@ export interface AsyncTaskModalConfig {
   modalTitle: string;
   modalExtra: (count: number, ids?: number[]) => React.ReactNode;
 
-  checkStatus: (status: TaskStatus) => boolean;
+  checkStatus: (task: TaskRecord<TaskRecordParameters>) => boolean;
   checkStatusFailed: string;
 
   onReload: () => void;
diff --git a/src/component/Task/component/AsyncTaskOperationButton/index.tsx b/src/component/Task/component/AsyncTaskOperationButton/index.tsx
index 81ff73427..409dc7dc7 100644
--- a/src/component/Task/component/AsyncTaskOperationButton/index.tsx
+++ b/src/component/Task/component/AsyncTaskOperationButton/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Button, Modal, Table, Checkbox, Space, Tooltip, message } from 'antd';
 import useAsyncTaskTable from './hooks/useTaskTable';
@@ -103,7 +119,7 @@ export function AsyncTaskOperationButton(props: IAsyncTaskOperationConfig) {
       );
       return;
     }
-    if (props?.dataSource?.find((d) => !props?.checkStatus?.(d?.status))) {
+    if (props?.dataSource?.find((d) => !props?.checkStatus?.(d))) {
       message.info(props?.checkStatusFailed);
       return;
     }
@@ -112,6 +128,12 @@ export function AsyncTaskOperationButton(props: IAsyncTaskOperationConfig) {
     showModal();
   };
 
+  const cancel = () => {
+    setVisible(false);
+    setRiskConfirmed(false);
+    setConfirmRiskUnFinished(false);
+  };
+
   return (
     <>
       <Tooltip title={isSubmitButtonLoading ? props.buttonDisabledText : ''}>
@@ -156,14 +178,14 @@ export function AsyncTaskOperationButton(props: IAsyncTaskOperationConfig) {
               <span />
             )}
             <Space>
-              <Button onClick={() => setVisible(false)}>
+              <Button onClick={cancel}>
                 {formatMessage({
                   id: 'src.component.Task.component.AsyncTaskOperationButton.77F8A0C3',
                   defaultMessage: '取消',
                 })}
               </Button>
               <SubmitTripartiteTaskButton
-                closeModal={() => setVisible(false)}
+                closeModal={cancel}
                 disabled={taskListThatCanBeAction?.length === 0}
                 tasks={taskListThatCanBeAction}
                 asyncTaskType={props.asyncTaskType}
diff --git a/src/component/Task/component/CommonDetailModal/ChangeDetail.tsx b/src/component/Task/component/CommonDetailModal/ChangeDetail.tsx
index 05ee00d18..dc287e4ca 100644
--- a/src/component/Task/component/CommonDetailModal/ChangeDetail.tsx
+++ b/src/component/Task/component/CommonDetailModal/ChangeDetail.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import React, { useEffect, useState } from 'react';
 import { Modal, Descriptions, Spin } from 'antd';
diff --git a/src/component/Task/component/CommonDetailModal/ExcecuteDetailModal.tsx b/src/component/Task/component/CommonDetailModal/ExcecuteDetailModal.tsx
index 44c9ac8cd..b2934c82c 100644
--- a/src/component/Task/component/CommonDetailModal/ExcecuteDetailModal.tsx
+++ b/src/component/Task/component/CommonDetailModal/ExcecuteDetailModal.tsx
@@ -1,14 +1,29 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
-import { Drawer, Table, Descriptions, Spin } from 'antd';
+import { Drawer, Descriptions } from 'antd';
 import { useRequest } from 'ahooks';
 import React, { useEffect, useState } from 'react';
 import type { ColumnsType } from 'antd/es/table';
 import StatusLabel from '@/component/Task/component/Status';
 import { getCycleSubTaskDetail } from '@/common/network/task';
 import { SubTaskStatus, ISubTaskTaskUnit } from '@/d.ts';
-import styles from './index.less';
 import { getLocalFormatDateTime } from '@/util/utils';
-import { SubTaskTypeMap } from '../../const';
+import { SubTaskTypeMap } from '@/component/Task/const';
 import CommonTable from '@/component/CommonTable';
 
 interface IProps {
diff --git a/src/component/Task/component/CommonDetailModal/LogModal.tsx b/src/component/Task/component/CommonDetailModal/LogModal.tsx
index a12040e00..25f07a85d 100644
--- a/src/component/Task/component/CommonDetailModal/LogModal.tsx
+++ b/src/component/Task/component/CommonDetailModal/LogModal.tsx
@@ -20,7 +20,6 @@ import TaskLog from '@/component/Task/component/Log';
 import { CommonTaskLogType, SubTaskStatus } from '@/d.ts';
 import { useRequest } from 'ahooks';
 import { Drawer } from 'antd';
-import login from '@/store/login';
 import React, { useEffect, useState } from 'react';
 interface IProps {
   scheduleId: number;
diff --git a/src/component/Task/component/CommonDetailModal/Nodes/MultipleSQLCheckNode.tsx b/src/component/Task/component/CommonDetailModal/Nodes/MultipleSQLCheckNode.tsx
index ad2e871bb..043d89c3f 100644
--- a/src/component/Task/component/CommonDetailModal/Nodes/MultipleSQLCheckNode.tsx
+++ b/src/component/Task/component/CommonDetailModal/Nodes/MultipleSQLCheckNode.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { getFlowSQLLintResult } from '@/common/network/task';
 import { ISQLLintReuslt } from '@/component/SQLLintResult/type';
 import { ITaskFlowNode } from '@/d.ts';
diff --git a/src/component/Task/component/CommonDetailModal/Nodes/RollbackNode.tsx b/src/component/Task/component/CommonDetailModal/Nodes/RollbackNode.tsx
index 6967c7715..65cfe550d 100644
--- a/src/component/Task/component/CommonDetailModal/Nodes/RollbackNode.tsx
+++ b/src/component/Task/component/CommonDetailModal/Nodes/RollbackNode.tsx
@@ -20,7 +20,7 @@ import { formatMessage } from '@/util/intl';
 import { Descriptions, Space } from 'antd';
 import { isEmpty } from 'lodash';
 import React from 'react';
-import { DownloadFileAction } from '../../DownloadFileAction';
+import { DownloadFileAction } from '@/component/Task/component/DownloadFileAction';
 import styles from '../index.less';
 
 interface IProps {
diff --git a/src/component/Task/component/CommonDetailModal/TaskExecuteModal.tsx b/src/component/Task/component/CommonDetailModal/TaskExecuteModal.tsx
index 776a5bcd4..ce225a4cb 100644
--- a/src/component/Task/component/CommonDetailModal/TaskExecuteModal.tsx
+++ b/src/component/Task/component/CommonDetailModal/TaskExecuteModal.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { getDataSourceStyleByConnectType } from '@/common/datasource';
 import { getPhysicalExecuteDetails } from '@/common/network/logicalDatabase';
diff --git a/src/component/Task/component/CommonDetailModal/TaskExecuteRecord.tsx b/src/component/Task/component/CommonDetailModal/TaskExecuteRecord.tsx
index 611ec0536..8a5cb60de 100644
--- a/src/component/Task/component/CommonDetailModal/TaskExecuteRecord.tsx
+++ b/src/component/Task/component/CommonDetailModal/TaskExecuteRecord.tsx
@@ -24,7 +24,7 @@ import StatusLabel, {
   status,
   subTaskStatus,
 } from '@/component/Task/component/Status';
-import DetailModal from '@/component/Task/DetailModal';
+import DetailModal from '@/component/Task/modals/DetailModals';
 import {
   IAsyncTaskParams,
   IResponseData,
@@ -45,7 +45,7 @@ import { getFormatDateTime } from '@/util/utils';
 import Icon, { FilterOutlined, SearchOutlined } from '@ant-design/icons';
 import { Space, Typography, message } from 'antd';
 import React, { useEffect, useRef, useState } from 'react';
-import { isLogicalDbChangeTask } from '../../helper';
+import { isLogicalDbChangeTask } from '@/component/Task/helper';
 import ExcecuteDetailModal from './ExcecuteDetailModal';
 import styles from './index.less';
 import LogModal from './LogModal';
diff --git a/src/component/Task/component/CommonDetailModal/TaskFlow.tsx b/src/component/Task/component/CommonDetailModal/TaskFlow.tsx
index adb93671a..9f799182a 100644
--- a/src/component/Task/component/CommonDetailModal/TaskFlow.tsx
+++ b/src/component/Task/component/CommonDetailModal/TaskFlow.tsx
@@ -38,7 +38,7 @@ import { getLocalFormatDateTime } from '@/util/utils';
 import { Descriptions, Space, Steps } from 'antd';
 import classNames from 'classnames';
 import React, { useEffect, useMemo, useState } from 'react';
-import { isLogicalDbChangeTask } from '../../helper';
+import { isLogicalDbChangeTask } from '@/component/Task/helper';
 import styles from './index.less';
 import { getStatusDisplayInfo } from './Nodes/helper';
 import MultipleSQLCheckNode from './Nodes/MultipleSQLCheckNode';
@@ -240,6 +240,12 @@ const TaskFlow: React.FC<IProps> = (props) => {
 
       //执行
       let statusContent = nodeStatusMap[TaskFlowNodeType.SERVICE_TASK][status];
+      // 如果flow是EXECUTING_ABNORMAL，节点状态校正显示为执行异常
+      // see dima issue 2025041700108316372
+      if (task?.status === TaskStatus.EXECUTION_ABNORMAL) {
+        statusContent =
+          nodeStatusMap[TaskFlowNodeType.SERVICE_TASK][TaskNodeStatus.EXECUTING_ABNORMAL];
+      }
       switch (status) {
         case TaskNodeStatus.CREATED: {
           _node = {
diff --git a/src/component/Task/component/CommonDetailModal/TaskProgress/ProgressDetailsModal.tsx b/src/component/Task/component/CommonDetailModal/TaskProgress/ProgressDetailsModal.tsx
index 6a4d2b0b7..328243567 100644
--- a/src/component/Task/component/CommonDetailModal/TaskProgress/ProgressDetailsModal.tsx
+++ b/src/component/Task/component/CommonDetailModal/TaskProgress/ProgressDetailsModal.tsx
@@ -1,7 +1,23 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { ProgressOfLocklessStructureChangeTaskStatusMap } from '@/d.ts';
-import { Button, Modal, Steps } from 'antd';
-import React, { useEffect, useState } from 'react';
+import { Modal, Steps } from 'antd';
+import { useEffect, useState } from 'react';
 
 export default ({ modalOpen, handleClose, parametersJson, resultJson }) => {
   const { state } = parametersJson || {};
diff --git a/src/component/Task/component/CommonDetailModal/TaskProgress/TaskProgressDrawer.tsx b/src/component/Task/component/CommonDetailModal/TaskProgress/TaskProgressDrawer.tsx
index f44024aad..09a2866b4 100644
--- a/src/component/Task/component/CommonDetailModal/TaskProgress/TaskProgressDrawer.tsx
+++ b/src/component/Task/component/CommonDetailModal/TaskProgress/TaskProgressDrawer.tsx
@@ -1,9 +1,25 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { SQLContent } from '@/component/SQLContent';
 import { TaskDetail, TaskRecordParameters } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
 import { Drawer, Space } from 'antd';
 import React from 'react';
-import { SimpleTextItem } from '../../SimpleTextItem';
+import { SimpleTextItem } from '@/component/Task/component/SimpleTextItem';
 import { getDataSourceModeConfigByConnectionMode } from '@/common/datasource';
 
 const TaskProgressDrawer: React.FC<{
diff --git a/src/component/Task/component/CommonDetailModal/TaskProgress/TaskProgressHeader.tsx b/src/component/Task/component/CommonDetailModal/TaskProgress/TaskProgressHeader.tsx
index 86c43ea16..48f990958 100644
--- a/src/component/Task/component/CommonDetailModal/TaskProgress/TaskProgressHeader.tsx
+++ b/src/component/Task/component/CommonDetailModal/TaskProgress/TaskProgressHeader.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { SchemaChangeRecordStatus } from '@/d.ts/logicalDatabase';
 import { formatMessage } from '@/util/intl';
 import React from 'react';
diff --git a/src/component/Task/component/CommonDetailModal/TaskProgress/colums.tsx b/src/component/Task/component/CommonDetailModal/TaskProgress/colums.tsx
index fc93c6e8e..0e58d4f5b 100644
--- a/src/component/Task/component/CommonDetailModal/TaskProgress/colums.tsx
+++ b/src/component/Task/component/CommonDetailModal/TaskProgress/colums.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { getDataSourceStyleByConnectType } from '@/common/datasource';
 import Action from '@/component/Action';
 import RiskLevelLabel from '@/component/RiskLevelLabel';
@@ -6,7 +22,7 @@ import { SubTaskStatus, TaskType, TaskStatus } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
 import { getLocalFormatDateTime } from '@/util/utils';
 import Icon, { QuestionCircleOutlined } from '@ant-design/icons';
-import { Popover, Space, Tooltip, Typography } from 'antd';
+import { Popover, Space, Tooltip } from 'antd';
 
 const getColumns = (params: {
   handleDetailVisible: (id: number) => void;
diff --git a/src/component/Task/component/CommonDetailModal/TaskProgress/index.tsx b/src/component/Task/component/CommonDetailModal/TaskProgress/index.tsx
index 4c377fa03..111f0ab71 100644
--- a/src/component/Task/component/CommonDetailModal/TaskProgress/index.tsx
+++ b/src/component/Task/component/CommonDetailModal/TaskProgress/index.tsx
@@ -31,8 +31,8 @@ import { useRequest } from 'ahooks';
 import { message } from 'antd';
 import { inject, observer } from 'mobx-react';
 import React, { useContext, useEffect, useState, useMemo } from 'react';
-import { flatArray } from '../../../MutipleAsyncTask/CreateModal/helper';
-import { TaskDetailContext } from '../../../TaskDetailContext';
+import { flatArray } from '@/util/utils';
+import { TaskDetailContext } from '@/component/Task/container/TaskDetailContext';
 import { getColumnsByTaskType } from './colums';
 import styles from './index.less';
 import TaskProgressDrawer from './TaskProgressDrawer';
diff --git a/src/component/Task/component/CommonDetailModal/TaskProgress1.tsx b/src/component/Task/component/CommonDetailModal/TaskProgress1.tsx
index 433c3608b..5819ab056 100644
--- a/src/component/Task/component/CommonDetailModal/TaskProgress1.tsx
+++ b/src/component/Task/component/CommonDetailModal/TaskProgress1.tsx
@@ -39,8 +39,8 @@ import Icon from '@ant-design/icons';
 import { useRequest } from 'ahooks';
 import { inject, observer } from 'mobx-react';
 import React, { useContext, useEffect, useState } from 'react';
-import { flatArray } from '../../MutipleAsyncTask/CreateModal/helper';
-import { TaskDetailContext } from '../../TaskDetailContext';
+import { flatArray } from '@/util/utils';
+import { TaskDetailContext } from '@/component/Task/container/TaskDetailContext';
 import { SimpleTextItem } from '../SimpleTextItem';
 import styles from './index.less';
 const getColumns = (params: {
diff --git a/src/component/Task/component/CommonDetailModal/TaskRecord.tsx b/src/component/Task/component/CommonDetailModal/TaskRecord.tsx
index 178e44825..1e0d0f469 100644
--- a/src/component/Task/component/CommonDetailModal/TaskRecord.tsx
+++ b/src/component/Task/component/CommonDetailModal/TaskRecord.tsx
@@ -18,7 +18,7 @@ import { getTaskList } from '@/common/network/task';
 import Action from '@/component/Action';
 import DisplayTable from '@/component/DisplayTable';
 import StatusLabel, { status } from '@/component/Task/component/Status';
-import DetailModal from '@/component/Task/DetailModal';
+import DetailModal from '@/component/Task/modals/DetailModals';
 import { TaskDetail, TaskRecord, TaskRecordParameters, TaskType } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
 import { getFormatDateTime } from '@/util/utils';
diff --git a/src/component/Task/component/CommonDetailModal/status.tsx b/src/component/Task/component/CommonDetailModal/status.tsx
index 8375b4023..445cb03cc 100644
--- a/src/component/Task/component/CommonDetailModal/status.tsx
+++ b/src/component/Task/component/CommonDetailModal/status.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ScheduleChangeStatus } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
 import { CheckCircleFilled, LoadingOutlined, ExclamationCircleFilled } from '@ant-design/icons';
diff --git a/src/component/Task/component/DataTransferModal/csvTables.tsx b/src/component/Task/component/DataTransferModal/csvTables.tsx
index 6a3178116..bf46da8a2 100644
--- a/src/component/Task/component/DataTransferModal/csvTables.tsx
+++ b/src/component/Task/component/DataTransferModal/csvTables.tsx
@@ -18,7 +18,7 @@ import { CsvColumnMapping } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
 import { isNil } from 'lodash';
 import React from 'react';
-import DisplayTable from '../../../DisplayTable';
+import DisplayTable from '@/component/DisplayTable';
 
 interface ICsvTableProps {
   data: CsvColumnMapping[];
diff --git a/src/component/Task/component/DataTransferModal/index.tsx b/src/component/Task/component/DataTransferModal/index.tsx
index e8505f959..14c352698 100644
--- a/src/component/Task/component/DataTransferModal/index.tsx
+++ b/src/component/Task/component/DataTransferModal/index.tsx
@@ -16,7 +16,6 @@
 
 import { downloadTaskFlow } from '@/common/network/task';
 import RiskLevelLabel from '@/component/RiskLevelLabel';
-import { getTaskExecStrategyMap } from '@/component/Task';
 import { FILE_DATA_TYPE, IMPORT_TYPE, TaskExecStrategy } from '@/d.ts';
 import { isClient } from '@/util/env';
 import { formatMessage } from '@/util/intl';
@@ -26,7 +25,10 @@ import React from 'react';
 import CsvTable from './csvTables';
 import styles from './index.less';
 import ObjTable from './ObjTables';
-import { getImportTypeLabel } from '../../ImportTask/CreateModal/ImportForm/helper';
+import { getImportTypeLabel } from '@/component/Task/modals/ImportTask/CreateModal/ImportForm/helper';
+import { getTaskExecStrategyMap } from '@/component/Task/const';
+import EllipsisText from '@/component/EllipsisText';
+
 const SimpleTextItem: React.FC<{
   label: string;
   content: React.ReactNode;
@@ -60,9 +62,10 @@ const SimpleTextItem: React.FC<{
       </div>
       <div
         style={{
-          flexGrow: 1,
           wordBreak: 'break-all',
           color: 'var(--text-color-primary)',
+          overflow: 'hidden',
+          width: 'max-content',
         }}
       >
         {content}
@@ -544,7 +547,7 @@ class TaskContent extends React.Component<any, any> {
                 id: 'odc.component.DataTransferModal.Database',
                 defaultMessage: '所属数据库',
               })}
-              /*所属数据库*/ content={task?.database?.name || '-'}
+              /*所属数据库*/ content={<EllipsisText content={task?.database?.name} />}
             />
           </Col>
           <Col span={12}>
@@ -555,7 +558,7 @@ class TaskContent extends React.Component<any, any> {
                   defaultMessage: '所属数据源',
                 }) /* 所属数据源 */
               }
-              content={task?.database?.dataSource?.name || '-'}
+              content={<EllipsisText content={task?.database?.dataSource?.name} />}
             />
           </Col>
           <Col span={12}>
@@ -625,7 +628,7 @@ class TaskContent extends React.Component<any, any> {
         <>
           <Divider
             style={{
-              marginTop: 4,
+              marginTop: 16,
             }}
           />
 
@@ -663,6 +666,7 @@ class TaskContent extends React.Component<any, any> {
             />
           </Col>
         </Row>
+        <Divider style={{ marginTop: 16 }} />
         <Row className={styles.spaceBlock}>
           <Col span={12}>
             <SimpleTextItem
diff --git a/src/component/Task/component/DatabaseLabel/index.tsx b/src/component/Task/component/DatabaseLabel/index.tsx
index 9b1c00171..3a33ced73 100644
--- a/src/component/Task/component/DatabaseLabel/index.tsx
+++ b/src/component/Task/component/DatabaseLabel/index.tsx
@@ -16,7 +16,7 @@
 
 import RiskLevelLabel from '@/component/RiskLevelLabel';
 import { IDatabase } from '@/d.ts/database';
-import { Space } from 'antd';
+import { Space, Tooltip } from 'antd';
 import Icon from '@ant-design/icons';
 import { getDataSourceStyleByConnectType } from '@/common/datasource';
 import React from 'react';
@@ -30,7 +30,7 @@ const DatabaseLabel: React.FC<IProps> = (props) => {
   const dbIcon = getDataSourceStyleByConnectType(database?.dataSource?.type)?.dbIcon;
 
   return (
-    <Space size={1}>
+    <div style={{ width: '100%', display: 'flex' }}>
       {!!database?.environment?.name && (
         <RiskLevelLabel
           content={database?.environment?.name}
@@ -41,8 +41,22 @@ const DatabaseLabel: React.FC<IProps> = (props) => {
         component={dbIcon?.component}
         style={{ fontSize: 16, marginRight: 4, verticalAlign: 'textBottom' }}
       />
-      <span>{database?.name || '-'}</span>
-    </Space>
+      <div style={{ flex: 1, overflow: 'hidden' }}>
+        <Tooltip title={database?.name}>
+          <div
+            style={{
+              overflow: 'hidden',
+              maxWidth: '100%',
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap',
+              width: 'max-content',
+            }}
+          >
+            {database?.name || '-'}
+          </div>
+        </Tooltip>
+      </div>
+    </div>
   );
 };
 export default DatabaseLabel;
diff --git a/src/component/Task/component/DatabaseSelect/index.tsx b/src/component/Task/component/DatabaseSelect/index.tsx
index 433d47bb8..056529088 100644
--- a/src/component/Task/component/DatabaseSelect/index.tsx
+++ b/src/component/Task/component/DatabaseSelect/index.tsx
@@ -31,10 +31,16 @@ interface IProps {
   dataSourceId?: number;
   filters?: ISessionDropdownFiltersProps;
   extra?: string;
-  width?: string;
+  width?: number;
   placeholder?: string;
   isLogicalDatabase?: boolean;
   onChange?: (v: number, database?: IDatabase) => void;
+  showProject?: boolean;
+  validateStatus?: 'warning' | 'error' | 'success' | 'validating' | undefined;
+  help?: string;
+  style?: React.CSSProperties;
+  popoverWidth?: number;
+  manageLinkVisible?: boolean;
 }
 const DatabaseSelect: React.FC<IProps> = (props) => {
   const {
@@ -53,6 +59,12 @@ const DatabaseSelect: React.FC<IProps> = (props) => {
     disabled = false,
     isLogicalDatabase = false,
     onChange,
+    showProject = true,
+    validateStatus,
+    help,
+    style,
+    popoverWidth,
+    manageLinkVisible = false,
   } = props;
 
   return (
@@ -69,6 +81,9 @@ const DatabaseSelect: React.FC<IProps> = (props) => {
           }), //请选择数据库
         },
       ]}
+      validateStatus={validateStatus}
+      help={help}
+      style={style}
     >
       <SessionSelect
         disabled={disabled}
@@ -80,6 +95,9 @@ const DatabaseSelect: React.FC<IProps> = (props) => {
         onChange={onChange}
         isLogicalDatabase={isLogicalDatabase}
         placeholder={placeholder}
+        showProject={showProject}
+        popoverWidth={popoverWidth}
+        manageLinkVisible={manageLinkVisible}
       />
     </Form.Item>
   );
diff --git a/src/component/Task/component/DatabaseSelecter/index.tsx b/src/component/Task/component/DatabaseSelecter/index.tsx
index 6ebb2ab01..6bb34a2c9 100644
--- a/src/component/Task/component/DatabaseSelecter/index.tsx
+++ b/src/component/Task/component/DatabaseSelecter/index.tsx
@@ -65,7 +65,10 @@ const DatabaseSelecter: React.FC<IProps> = function ({
   const loadExportObjects = async () => {
     setIsLoading(true);
     try {
-      const res = await listDatabases(projectId, null, null, null, null, null, null, true, null);
+      const res = await listDatabases({
+        projectId,
+        existed: true,
+      });
       if (res?.contents) {
         setDatabaseList(databaseFilter ? databaseFilter(res?.contents) : res?.contents);
         datasourceStatus.asyncUpdateStatus([
diff --git a/src/component/Task/component/DirtyRowAction/index.tsx b/src/component/Task/component/DirtyRowAction/index.tsx
index 480b82412..4bcd55ff1 100644
--- a/src/component/Task/component/DirtyRowAction/index.tsx
+++ b/src/component/Task/component/DirtyRowAction/index.tsx
@@ -1,6 +1,22 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Form, Radio } from 'antd';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import {
   DirtyRowActionEnum,
   DirtyRowActionLabelMap,
diff --git a/src/component/Task/component/ExecuteFailTip/index.tsx b/src/component/Task/component/ExecuteFailTip/index.tsx
new file mode 100644
index 000000000..51579819e
--- /dev/null
+++ b/src/component/Task/component/ExecuteFailTip/index.tsx
@@ -0,0 +1,33 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+import { Alert } from 'antd';
+
+export default function ExecuteFailTip() {
+  return (
+    <Alert
+      message={formatMessage({
+        id: 'src.component.Task.component.ExecuteFailTip.BE7C5B92',
+        defaultMessage:
+          '周期执行期间若数据库连接失败或项目不存在，可能导致任务执行失败; 30 天内连续调度失败, 任务将自动终止。',
+      })}
+      type="info"
+      showIcon
+      style={{ marginBottom: 16 }}
+    />
+  );
+}
diff --git a/src/component/Task/component/ImportModal/DatabaseChangeItem.tsx b/src/component/Task/component/ImportModal/DatabaseChangeItem.tsx
new file mode 100644
index 000000000..5c780ecfc
--- /dev/null
+++ b/src/component/Task/component/ImportModal/DatabaseChangeItem.tsx
@@ -0,0 +1,75 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+import { Form } from 'antd';
+import DatabaseSelect from '../DatabaseSelect';
+import { TaskType } from '@/d.ts';
+import styles from './index.less';
+import { useState } from 'react';
+
+const DatabaseChangeItem = ({
+  defaultDatabaseId,
+  taskType,
+  projectId,
+  onChange,
+}: {
+  defaultDatabaseId: number;
+  taskType: TaskType;
+  projectId: number;
+  onChange?: (databaseId: number) => void;
+}) => {
+  const [form] = Form.useForm();
+  const [isChanged, setIsChanged] = useState<boolean>(false);
+
+  return (
+    <Form
+      initialValues={{
+        databaseId: defaultDatabaseId,
+      }}
+      layout="vertical"
+      requiredMark="optional"
+      form={form}
+      onValuesChange={(_, values) => {
+        onChange?.(values.databaseId);
+        setIsChanged(true);
+      }}
+      className={isChanged ? styles.changeDatabaseInput : ''}
+    >
+      <DatabaseSelect
+        type={TaskType.ASYNC}
+        projectId={projectId}
+        showProject={false}
+        validateStatus={!form.getFieldValue('databaseId') ? 'warning' : undefined}
+        help={
+          !form.getFieldValue('databaseId')
+            ? formatMessage({
+                id: 'src.component.Task.component.ImportModal.825A80AC',
+                defaultMessage: '请选择新的数据库',
+              })
+            : undefined
+        }
+        label={null}
+        style={{ marginBottom: 0 }}
+        width={180}
+        popoverWidth={320}
+        manageLinkVisible={true}
+      />
+    </Form>
+  );
+};
+
+export default DatabaseChangeItem;
diff --git a/src/component/Task/component/ImportModal/DatabaseInfoPopover.tsx b/src/component/Task/component/ImportModal/DatabaseInfoPopover.tsx
new file mode 100644
index 000000000..eb6d1ac99
--- /dev/null
+++ b/src/component/Task/component/ImportModal/DatabaseInfoPopover.tsx
@@ -0,0 +1,153 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { IImportDatabaseView } from '@/d.ts/importTask';
+import { formatMessage } from '@/util/intl';
+import Icon, { InfoCircleOutlined } from '@ant-design/icons';
+import { getDataSourceStyleByConnectType } from '@/common/datasource';
+import { getCloudProviderName } from '../AsyncTaskOperationButton/helper';
+import { fromODCPRoviderToProvider } from '@/d.ts/migrateTask';
+import { ConnectTypeText } from '@/constant/label';
+import {
+  Tooltip,
+  Popover,
+  Table,
+  Descriptions,
+  Typography,
+  Empty,
+  Radio,
+  Space,
+  Checkbox,
+  Flex,
+  Tag,
+} from 'antd';
+import { haveOCP } from '@/util/env';
+
+const DatabaseInfoPopover = ({
+  title,
+  value,
+  popoverWidth,
+  children,
+}: {
+  title: string;
+  value: IImportDatabaseView;
+  popoverWidth: number;
+  children: React.JSX.Element;
+}) => {
+  const items = [
+    {
+      key: 'datasource',
+      label: formatMessage({
+        id: 'src.component.Task.component.ImportModal.A8BC98CA',
+        defaultMessage: '数据源',
+      }),
+      children: value?.name,
+    },
+    {
+      key: 'databaseName',
+      label: formatMessage({
+        id: 'src.component.Task.component.ImportModal.0B1F9DCD',
+        defaultMessage: '数据库',
+      }),
+      children: value?.databaseName,
+    },
+    {
+      key: 'type',
+      label: formatMessage({
+        id: 'src.component.Task.component.ImportModal.263EFA83',
+        defaultMessage: '类型',
+      }),
+      children: (
+        <div style={{ display: 'flex', gap: 6 }}>
+          <Icon
+            style={{
+              color: getDataSourceStyleByConnectType(value?.type)?.icon?.color,
+              fontSize: 16,
+            }}
+            component={getDataSourceStyleByConnectType(value?.type)?.icon?.component}
+          />
+
+          {ConnectTypeText(value?.type)}
+        </div>
+      ),
+    },
+    ...(haveOCP()
+      ? [
+          {
+            key: 'instanceId',
+            label: formatMessage({
+              id: 'odc.component.ConnectionPopover.InstanceIdTenantId',
+              defaultMessage: '实例ID/租户ID:',
+            }),
+            children: `${value?.instanceId}/${value?.tenantId}`,
+          },
+        ]
+      : [
+          {
+            key: 'host',
+            label: formatMessage({
+              id: 'src.component.Task.component.ImportModal.4559F373',
+              defaultMessage: '主机 IP/域名：',
+            }),
+            children: <Tooltip title={`${value?.host}`}>{value?.host}</Tooltip>,
+          },
+          {
+            key: 'port',
+            label: formatMessage({
+              id: 'src.component.Task.component.ImportModal.FF8162DA',
+              defaultMessage: '端口',
+            }),
+            children: <Tooltip title={`${value?.port}`}>{value?.port}</Tooltip>,
+          },
+        ]),
+
+    {
+      key: 'username',
+      label: formatMessage({
+        id: 'src.component.Task.component.ImportModal.5928CAE8',
+        defaultMessage: '数据库账号',
+      }),
+      children: value?.username || '-',
+    },
+  ];
+
+  return (
+    <Popover
+      title={''}
+      content={
+        value ? (
+          <>
+            <h3>{title}</h3>
+            <Descriptions column={1} style={{ width: popoverWidth }} size="small">
+              {items?.map((i) => {
+                return (
+                  <Descriptions.Item key={i?.key} label={i?.label}>
+                    {i?.children}
+                  </Descriptions.Item>
+                );
+              })}
+            </Descriptions>
+          </>
+        ) : null
+      }
+      arrow={false}
+    >
+      <div>{children}</div>
+    </Popover>
+  );
+};
+
+export default DatabaseInfoPopover;
diff --git a/src/component/Task/component/ImportModal/ImportPreviewTable.tsx b/src/component/Task/component/ImportModal/ImportPreviewTable.tsx
index 30865dc3f..d53b56113 100644
--- a/src/component/Task/component/ImportModal/ImportPreviewTable.tsx
+++ b/src/component/Task/component/ImportModal/ImportPreviewTable.tsx
@@ -1,362 +1,309 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
-import React, { useMemo, useState, useEffect } from 'react';
-import { IDatasourceInfo } from '.';
+import React, { useMemo, useState, useEffect, useCallback } from 'react';
+import { IDatasourceInfo, IMPORTABLE_TYPE } from '.';
 import {
   IImportDatabaseView,
   IImportScheduleTaskView,
   ScheduleNonImportableType,
   ScheduleNonImportableTypeMap,
 } from '@/d.ts/importTask';
-import { Tooltip, Popover, Table, Descriptions, Typography, Empty, Radio } from 'antd';
-import type { ColumnsType } from 'antd/es/table';
-import { TaskType } from '@/d.ts';
-import { ConnectTypeText } from '@/constant/label';
-import Icon from '@ant-design/icons';
-import { getDataSourceStyleByConnectType } from '@/common/datasource';
-import { getCloudProviderName } from '../AsyncTaskOperationButton/helper';
-import { fromODCPRoviderToProvider } from '@/d.ts/migrateTask';
+import { Tooltip, Table, Typography, Empty, Radio, Checkbox, Flex } from 'antd';
+import { TaskType, ConnectType } from '@/d.ts';
+import { useColumns } from './useColumn';
 
 interface ImportPreviewTableProps {
   data: IImportScheduleTaskView[];
   loading?: boolean;
   datasourceInfo: IDatasourceInfo;
   taskType: TaskType;
-}
-
-const ImportPreviewTable: React.FC<ImportPreviewTableProps> = ({ data, loading, taskType }) => {
-  const [tableType, setTableType] = useState<ScheduleNonImportableType | 'importable'>(
-    'importable',
-  );
-
-  const DatabaseInfoPopover = ({
-    title,
-    value,
-    width,
-    children,
-  }: {
-    title: string;
-    value: IImportDatabaseView;
-    width: number;
-    children: React.JSX.Element;
-  }) => {
-    const items = [
-      {
-        key: 'datasource',
-        label: formatMessage({
-          id: 'src.component.Task.component.ImportModal.A8BC98CA',
-          defaultMessage: '数据源',
-        }),
-        children: value?.name,
-      },
-      {
-        key: 'databaseName',
-        label: formatMessage({
-          id: 'src.component.Task.component.ImportModal.0B1F9DCD',
-          defaultMessage: '数据库',
-        }),
-        children: value?.databaseName,
-      },
-      {
-        key: 'type',
-        label: formatMessage({
-          id: 'src.component.Task.component.ImportModal.263EFA83',
-          defaultMessage: '类型',
-        }),
-        children: (
-          <div style={{ display: 'flex', gap: 6 }}>
-            <Icon
-              style={{
-                color: getDataSourceStyleByConnectType(value?.type)?.icon?.color,
-                fontSize: 16,
-              }}
-              component={getDataSourceStyleByConnectType(value?.type)?.icon?.component}
-            />
-
-            {ConnectTypeText(value?.type)}
-          </div>
-        ),
-      },
-      {
-        key: 'cloudProvider',
-        label: formatMessage({
-          id: 'src.component.Task.component.ImportModal.40440087',
-          defaultMessage: '云厂商',
-        }),
-        children: (
-          <div style={{ display: 'flex', gap: 6 }}>
-            {getCloudProviderName(fromODCPRoviderToProvider[value?.cloudProvider]) || '-'}
-          </div>
-        ),
-      },
-      {
-        key: 'region',
-        label: formatMessage({
-          id: 'src.component.Task.component.ImportModal.F2C95E45',
-          defaultMessage: '地域',
-        }),
-        children: <div style={{ display: 'flex', gap: 6 }}>{value?.region || '-'}</div>,
-      },
-      {
-        key: 'host',
-        label: formatMessage({
-          id: 'src.component.Task.component.ImportModal.EFE4E0D0',
-          defaultMessage: '连接信息',
-        }),
-        children: (
-          <Tooltip title={`${value?.host}:${value?.port}`}>
-            {value?.host}:{value?.port}
-          </Tooltip>
-        ),
-      },
-      {
-        key: 'instanceNickName',
-        label: formatMessage({
-          id: 'src.component.Task.component.ImportModal.4A911A47',
-          defaultMessage: '实例名称',
-        }),
-        children: value?.instanceNickName || value?.instanceId || '-',
-      },
-      {
-        key: 'tenantNickName',
-        label: formatMessage({
-          id: 'src.component.Task.component.ImportModal.396EF2AD',
-          defaultMessage: '租户名称',
-        }),
-        children: value?.tenantNickName || value?.tenantId || '-',
-      },
-      {
-        key: 'username',
-        label: formatMessage({
-          id: 'src.component.Task.component.ImportModal.5928CAE8',
-          defaultMessage: '数据库账号',
-        }),
-        children: value?.username || '-',
-      },
-    ];
+  projectId: number;
+  selectedRowKeys: string[];
+  setSelectedRowKeys: (selectedRowKeys: string[]) => void;
+  databaseSelections: Record<
+    string,
+    { databaseId: number | null; targetDatabaseId: number | null }
+  >;
 
-    return (
-      <Popover
-        title={''}
-        content={
-          value ? (
-            <>
-              <h3>{title}</h3>
-              <Descriptions column={1} style={{ width: width }}>
-                {items?.map((i) => {
-                  return (
-                    <Descriptions.Item key={i?.key} label={i?.label}>
-                      {i?.children}
-                    </Descriptions.Item>
-                  );
-                })}
-              </Descriptions>
-            </>
-          ) : null
-        }
-      >
-        <div>
-          <div style={{ width: width || '' }}>{children}</div>
-        </div>
-      </Popover>
-    );
-  };
-
-  const dlmColumns = [
-    {
-      title: formatMessage({
-        id: 'src.component.Task.component.ImportModal.B4E8467F',
-        defaultMessage: '源端数据库',
-      }),
-      dataIndex: 'databaseView',
-      key: 'databaseView',
-      render: (_: IImportDatabaseView) => {
-        if (!_) return '-';
-        return (
-          <DatabaseInfoPopover
-            title={formatMessage({
-              id: 'src.component.Task.component.ImportModal.50582618',
-              defaultMessage: '源端数据库',
-            })}
-            value={_}
-            width={286}
-          >
-            <Typography.Text ellipsis style={{ width: '160px' }}>
-              {_ ? `${_?.name} / ${_?.databaseName}` : '-'}
-            </Typography.Text>
-          </DatabaseInfoPopover>
-        );
-      },
-      width: 200,
-      ellipsis: true,
-    },
-    {
-      title: formatMessage({
-        id: 'src.component.Task.component.ImportModal.76F572C8',
-        defaultMessage: '目标端数据库',
-      }),
-      dataIndex: 'targetDatabaseView',
-      key: 'targetDatabaseView',
-      render: (_: IImportDatabaseView) => {
-        if (!_) return '-';
-        return (
-          <DatabaseInfoPopover
-            title={formatMessage({
-              id: 'src.component.Task.component.ImportModal.776397D6',
-              defaultMessage: '目标端数据库',
-            })}
-            value={_}
-            width={286}
-          >
-            <Typography.Text ellipsis style={{ width: '160px' }}>
-              {_ ? `${_?.name} / ${_?.databaseName}` : '-'}
-            </Typography.Text>
-          </DatabaseInfoPopover>
-        );
-      },
-      width: 200,
-      ellipsis: true,
-    },
-  ];
-
-  const otherScheduleColumns = [
-    {
-      title: formatMessage({
-        id: 'src.component.Task.component.ImportModal.B5C62BDC',
-        defaultMessage: '工单描述',
-      }),
-      dataIndex: 'description',
-      key: 'description',
-      width: 340,
-      render: (_, record) => {
-        return _ || '-';
-      },
-    },
-    {
-      title: formatMessage({
-        id: 'src.component.Task.component.ImportModal.1EB75659',
-        defaultMessage: '数据库',
-      }),
-      dataIndex: 'databaseView',
-      key: 'databaseView',
-      render: (_: IImportDatabaseView) => {
-        console.log('databaseView', _);
-        if (!_) return '-';
-        return (
-          <DatabaseInfoPopover
-            title={formatMessage({
-              id: 'src.component.Task.component.ImportModal.8D781AC2',
-              defaultMessage: '数据库',
-            })}
-            value={_}
-            width={286}
-          >
-            <Typography.Text ellipsis style={{ width: '160px' }}>
-              {_ ? `${_?.name} / ${_?.databaseName}` : '-'}
-            </Typography.Text>
-          </DatabaseInfoPopover>
-        );
-      },
-      width: 200,
-      ellipsis: true,
-    },
-  ];
-
-  const columns: ColumnsType<IImportScheduleTaskView> = [
-    {
-      title: formatMessage({
-        id: 'src.component.Task.component.ImportModal.5DE578E8',
-        defaultMessage: '原编号',
-      }),
-      dataIndex: 'originId',
-      key: 'originId',
-      width: 100,
-    },
-    {
-      title: formatMessage({
-        id: 'src.component.Task.component.ImportModal.2043ADA9',
-        defaultMessage: '原项目',
-      }),
-      dataIndex: 'originProjectName',
-      key: 'originProjectName',
-      width: 100,
-      render: (_) => {
-        return _ || '-';
-      },
-    },
-    // 数据清理/归档有源端目标端, 分区计划和sql计划只有数据库
-    ...([TaskType.DATA_ARCHIVE, TaskType.DATA_DELETE]?.includes(taskType) ? dlmColumns : []),
-    ...([TaskType.SQL_PLAN, TaskType.PARTITION_PLAN]?.includes(taskType)
-      ? otherScheduleColumns
-      : []),
-  ]?.filter(Boolean);
+  setDatabaseSelections: React.Dispatch<
+    React.SetStateAction<
+      Record<string, { databaseId: number | null; targetDatabaseId: number | null }>
+    >
+  >;
+}
 
+const ImportPreviewTable: React.FC<ImportPreviewTableProps> = ({
+  loading,
+  taskType,
+  projectId,
+  data,
+  selectedRowKeys,
+  setSelectedRowKeys,
+  databaseSelections,
+  setDatabaseSelections,
+}) => {
+  const [showOnlyImportable, setShowOnlyImportable] = useState(false);
   const groupedData = useMemo(() => {
     return data.reduce(
       (
-        acc: Record<ScheduleNonImportableType | 'importable', IImportScheduleTaskView[]>,
-
+        acc: Record<ScheduleNonImportableType | 'TO_BE_IMPORTED', IImportScheduleTaskView[]>,
         item,
       ) => {
-        const groupKey = item.importable ? 'importable' : item.nonImportableType;
+        let groupKey: ScheduleNonImportableType | 'TO_BE_IMPORTED';
+
+        if (item.importable) {
+          groupKey = 'TO_BE_IMPORTED';
+        } else {
+          groupKey = item.nonImportableType;
+        }
+
         acc[groupKey] = acc[groupKey] || [];
         acc[groupKey].push(item);
         return acc;
       },
-      {} as Record<ScheduleNonImportableType | 'importable', IImportScheduleTaskView[]>,
+      {} as Record<ScheduleNonImportableType | 'TO_BE_IMPORTED', IImportScheduleTaskView[]>,
     );
   }, [data]);
 
-  // 当数据变化时，如果当前tableType不存在则重置为'importable'
+  const [tableType, setTableType] = useState<ScheduleNonImportableType | 'TO_BE_IMPORTED'>(
+    groupedData?.['TO_BE_IMPORTED']?.length > 0
+      ? 'TO_BE_IMPORTED'
+      : Object.values(ScheduleNonImportableType).find((key) => groupedData?.[key]?.length > 0) ||
+          'TO_BE_IMPORTED',
+  );
+  // 检查一个工单是否已经选择了所需的数据库
+  const hasSelectedAllDatabases = useCallback(
+    (item: IImportScheduleTaskView) => {
+      const hasSourceDatabase =
+        item.databaseView?.matchedDatabaseId || databaseSelections[item.originId]?.databaseId;
+      const hasTargetDatabase =
+        item.targetDatabaseView?.matchedDatabaseId ||
+        databaseSelections[item.originId]?.targetDatabaseId ||
+        !item?.targetDatabaseView;
+
+      // 如果是数据清理/归档任务，需要检查源端和目标端
+      if ([TaskType.DATA_ARCHIVE, TaskType.DATA_DELETE].includes(taskType)) {
+        return hasSourceDatabase && hasTargetDatabase;
+      }
+      // 其他任务类型只需要检查源端
+      return hasSourceDatabase;
+    },
+    [databaseSelections, taskType],
+  );
+
+  // 判断工单是否应该被选中
+  const shouldBeSelected = useCallback(
+    (item: IImportScheduleTaskView) => {
+      if (item.importable && hasSelectedAllDatabases(item)) return true;
+      return false;
+    },
+    [hasSelectedAllDatabases],
+  );
+
+  // 更新选中状态
+  const updateSelectedRowKeys = useCallback(() => {
+    if (!data?.length) return;
+
+    const selectedIds = data.filter((item) => shouldBeSelected(item)).map((item) => item.originId);
+
+    setSelectedRowKeys(selectedIds);
+  }, [data, shouldBeSelected, setSelectedRowKeys]);
+
+  // 初始化和数据变化时更新选中状态
   useEffect(() => {
-    if (data?.length > 0 && groupedData[tableType] === undefined) {
-      setTableType('importable');
-    }
-  }, [data]);
+    updateSelectedRowKeys();
+  }, [data, updateSelectedRowKeys]);
+
+  // 数据库选择变化时更新选中状态
+  useEffect(() => {
+    updateSelectedRowKeys();
+  }, [databaseSelections, updateSelectedRowKeys]);
+
+  const handleDatabaseChange = useCallback(
+    (originId: string, type: 'databaseId' | 'targetDatabaseId', databaseId: number) => {
+      setDatabaseSelections((prev) => ({
+        ...prev,
+        [originId]: {
+          databaseId: type === 'databaseId' ? databaseId : prev[originId]?.databaseId ?? null,
+          targetDatabaseId:
+            type === 'targetDatabaseId' ? databaseId : prev[originId]?.targetDatabaseId ?? null,
+        },
+      }));
+    },
+    [],
+  );
+
+  const { importableColumns, typeNotMatchColumns, alreadyExistColumns } = useColumns(
+    taskType,
+    projectId,
+    handleDatabaseChange,
+  );
+
+  const handleShowOnlyImportableChange = useCallback(
+    (checked: boolean) => {
+      setShowOnlyImportable(checked);
+      if (checked) {
+        updateSelectedRowKeys();
+      }
+    },
+    [updateSelectedRowKeys],
+  );
+
+  const getFilteredData = useCallback(
+    (data: IImportScheduleTaskView[]) => {
+      if (!showOnlyImportable) {
+        return data;
+      }
+      return data.filter(shouldBeSelected);
+    },
+    [showOnlyImportable, shouldBeSelected],
+  );
 
   const tableRender = () => {
-    if (tableType === 'importable' && !groupedData['importable']) {
-      return (
-        <Empty
-          description={formatMessage({
-            id: 'src.component.Task.component.ImportModal.1BF95006',
-            defaultMessage: '暂无可导入的作业',
-          })}
-          style={{ padding: 24 }}
-        />
-      );
-    }
     return (
       <>
-        <Table
-          columns={columns}
-          dataSource={groupedData[tableType] || []}
-          loading={loading}
-          pagination={false}
-          scroll={{ y: 300 }}
-        />
+        <div style={{ display: tableType === 'TO_BE_IMPORTED' ? 'block' : 'none' }}>
+          {!groupedData['TO_BE_IMPORTED'] ? (
+            <Empty
+              description={formatMessage({
+                id: 'src.component.Task.component.ImportModal.1BF95006',
+                defaultMessage: '暂无可导入的作业',
+              })}
+              style={{ padding: 24 }}
+            />
+          ) : (
+            <Table
+              columns={importableColumns}
+              dataSource={getFilteredData(groupedData['TO_BE_IMPORTED'] || [])}
+              loading={loading}
+              pagination={false}
+              scroll={{ y: 300 }}
+              rowKey="originId"
+              rowSelection={{
+                selectedRowKeys: selectedRowKeys,
+                onChange: (selectedRowKeys) => {
+                  setSelectedRowKeys(selectedRowKeys as string[]);
+                },
+                getCheckboxProps: (record) => ({
+                  disabled: !hasSelectedAllDatabases(record),
+                }),
+              }}
+            />
+          )}
+        </div>
+        <div
+          style={{
+            display: tableType === ScheduleNonImportableType.TYPE_NOT_MATCH ? 'block' : 'none',
+          }}
+        >
+          <Table
+            columns={typeNotMatchColumns}
+            dataSource={getFilteredData(
+              groupedData[ScheduleNonImportableType.TYPE_NOT_MATCH] || [],
+            )}
+            loading={loading}
+            pagination={false}
+            scroll={{ y: 300 }}
+            rowKey="originId"
+          />
+        </div>
+        <div
+          style={{ display: tableType === ScheduleNonImportableType.IMPORTED ? 'block' : 'none' }}
+        >
+          <Table
+            columns={alreadyExistColumns}
+            dataSource={getFilteredData(groupedData[ScheduleNonImportableType.IMPORTED] || [])}
+            loading={loading}
+            pagination={false}
+            scroll={{ y: 300 }}
+            rowKey="originId"
+          />
+        </div>
       </>
     );
   };
 
+  const tablePrefixRender = (type: ScheduleNonImportableType | 'TO_BE_IMPORTED') => {
+    const map = {
+      TO_BE_IMPORTED: (
+        <Flex justify="space-between" style={{ marginBottom: 16 }}>
+          {formatMessage({
+            id: 'src.component.Task.component.ImportModal.C264F2F5',
+            defaultMessage:
+              '勾选需要导入的工单，导入后将重新启用。导入前请检查涉及的新旧数据库对象是否一致，否则导入或执行时可能出现失败。',
+          })}
+
+          <Checkbox
+            checked={showOnlyImportable}
+            onChange={(e) => handleShowOnlyImportableChange(e.target.checked)}
+          >
+            {formatMessage({
+              id: 'src.component.Task.component.ImportModal.3137AA28',
+              defaultMessage: '仅显示已选择数据库的工单',
+            })}
+          </Checkbox>
+        </Flex>
+      ),
+
+      [ScheduleNonImportableType.IMPORTED]: (
+        <div style={{ paddingBottom: 8 }}>
+          {formatMessage({
+            id: 'src.component.Task.component.ImportModal.F8B503DB',
+            defaultMessage: '以下工单已导入，无需重复操作。',
+          })}
+        </div>
+      ),
+
+      [ScheduleNonImportableType.TYPE_NOT_MATCH]: (
+        <div style={{ paddingBottom: 8 }}>
+          {formatMessage({
+            id: 'src.component.Task.component.ImportModal.49FDDB00',
+            defaultMessage: '以下工单类型不匹配、无法导入，建议选择对应工单类型重新导入。',
+          })}
+        </div>
+      ),
+    };
+    return map[type];
+  };
+
   return (
     <>
-      {groupedData['importable']?.length !== data?.length ? (
-        <Radio.Group
-          value={tableType}
-          onChange={(e) => setTableType(e.target.value)}
-          style={{ marginBottom: 16 }}
-        >
-          <Radio.Button value={'importable'} key={'importable'}>
+      <Radio.Group
+        value={tableType}
+        onChange={(e) => setTableType(e.target.value)}
+        style={{ marginBottom: 16 }}
+      >
+        {groupedData['TO_BE_IMPORTED']?.length > 0 && (
+          <Radio.Button value={'TO_BE_IMPORTED'} key={'TO_BE_IMPORTED'}>
             {formatMessage({
-              id: 'src.component.Task.component.ImportModal.E8DE787E',
-              defaultMessage: '可导入',
+              id: 'src.component.Task.component.ImportModal.F42820DF',
+              defaultMessage: '待导入',
             })}
 
             <Typography.Text type="secondary" style={{ paddingLeft: 4 }}>
-              {groupedData['importable']?.length || 0}
+              {groupedData['TO_BE_IMPORTED']?.length || 0}
             </Typography.Text>
           </Radio.Button>
-          {Object.keys(ScheduleNonImportableType)?.map((key) => {
+        )}
+
+        {Object.keys(ScheduleNonImportableType)
+          ?.filter((key) => groupedData[key as ScheduleNonImportableType]?.length > 0)
+          ?.map((key) => {
             return (
               <Radio.Button value={key} key={key}>
                 {ScheduleNonImportableTypeMap[key as ScheduleNonImportableType]}{' '}
@@ -370,8 +317,8 @@ const ImportPreviewTable: React.FC<ImportPreviewTableProps> = ({ data, loading,
               </Radio.Button>
             );
           })}
-        </Radio.Group>
-      ) : null}
+      </Radio.Group>
+      {tablePrefixRender(tableType)}
       {tableRender()}
     </>
   );
diff --git a/src/component/Task/component/ImportModal/index.less b/src/component/Task/component/ImportModal/index.less
index 76b87d39a..1f1744501 100644
--- a/src/component/Task/component/ImportModal/index.less
+++ b/src/component/Task/component/ImportModal/index.less
@@ -9,3 +9,28 @@
     }
   }
 }
+
+.checkboxError {
+  color: var(--text-color-error);
+  :global(.ant-checkbox-inner) {
+    border-color: var(--text-color-error);
+    color: var(--text-color-error);
+  }
+}
+
+.changeDatabaseInput {
+  :global(.ant-form-item) {
+    :global(.ant-select) {
+      :global(.ant-select-selector) {
+        background-color: var(--table-edit-color);
+      }
+    }
+  }
+}
+
+.databasePopoverName {
+  cursor: pointer;
+  &:hover {
+    color: var(--text-color-link);
+  }
+}
diff --git a/src/component/Task/component/ImportModal/index.tsx b/src/component/Task/component/ImportModal/index.tsx
index 55e0c5bdf..a5a4f8e2d 100644
--- a/src/component/Task/component/ImportModal/index.tsx
+++ b/src/component/Task/component/ImportModal/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { getSchedulePreviewResult, startSchedulePreviewTask } from '@/common/network/task';
 // import user from '@/store/user';
@@ -6,7 +22,19 @@ import {
   IImportScheduleTaskView,
   IScheduleTaskImportRequest,
 } from '@/d.ts/importTask';
-import { Alert, Button, Form, Input, Modal, Select, Space, Spin, Typography } from 'antd';
+import {
+  Alert,
+  Button,
+  Checkbox,
+  Flex,
+  Form,
+  Input,
+  Modal,
+  Select,
+  Space,
+  Spin,
+  Typography,
+} from 'antd';
 import {
   CheckCircleFilled,
   CloseCircleFilled,
@@ -24,13 +52,13 @@ import { UploadFileStatus } from 'antd/lib/upload/interface';
 import { getODCServerHost } from '@/util/request';
 import ODCDragger from '@/component/OSSDragger';
 import login from '@/store/login';
-import NewDatasourceDrawer from '@/page/Datasource/Datasource/NewDatasourceDrawer';
-import { useProjects } from '../../hooks/useProjects';
 import CreateProjectDrawer from '@/page/Project/Project/CreateProject/Drawer';
 import NewDatasourceButton from '@/page/Datasource/Datasource/NewDatasourceDrawer/NewButton';
-import { TaskTypeMap } from '../TaskTable';
 import { listProjects } from '@/common/network/project';
+import { TaskTypeMap } from '../TaskTable/const';
+import styles from './index.less';
 
+export const IMPORTABLE_TYPE = 'IMPORTABLE_TYPE';
 interface IImportModalProps {
   open: boolean;
   onCancel: () => void;
@@ -50,6 +78,7 @@ export interface IDatasourceInfo {
 }
 const ImportModal: React.FC<IImportModalProps> = ({ open, onCancel, onOk, taskType }) => {
   const [form] = Form.useForm();
+  const [isConfirm, setIsConfirm] = useState(false);
   const [scheduleTaskImportRequest, setScheduleTaskImportRequest] =
     useState<IScheduleTaskImportRequest>();
   const [previewData, setPreviewData] = useState<IImportScheduleTaskView[]>([]);
@@ -61,6 +90,11 @@ const ImportModal: React.FC<IImportModalProps> = ({ open, onCancel, onOk, taskTy
     matchedList: [],
     createdList: [],
   });
+  const [selectedRowKeys, setSelectedRowKeys] = useState<string[]>([]);
+  const [databaseSelections, setDatabaseSelections] = useState<
+    Record<string, { databaseId: number; targetDatabaseId: number }>
+  >({});
+  const [notConfirmButSubmit, setNotConfirmButSubmit] = useState(false);
   const [uploadStatus, setUploadStatus] = useState<UploadFileStatus | 'default'>('default');
   const [addProjectDropVisible, setAddProjectDropVisible] = useState<boolean>(false);
   const { data: projects, run: loadProjects } = useRequest(listProjects, {
@@ -95,9 +129,6 @@ const ImportModal: React.FC<IImportModalProps> = ({ open, onCancel, onOk, taskTy
           setLoading(false);
           setScheduleTaskImportRequest({
             ...params,
-            importableExportRowId: (previewResult as IImportScheduleTaskView[])
-              ?.map((i) => (i.importable ? i?.exportRowId : null))
-              ?.filter(Boolean),
           });
           setPreviewData((previewResult as IImportScheduleTaskView[]) || []);
           setDatasourceInfo(
@@ -185,6 +216,9 @@ const ImportModal: React.FC<IImportModalProps> = ({ open, onCancel, onOk, taskTy
     e?.stopPropagation();
     setUploadStatus('default');
     form.setFieldValue('importFile', []);
+    setNotConfirmButSubmit(false);
+    setDatabaseSelections({});
+    setSelectedRowKeys([]);
   };
 
   const uploadInfoMap = useMemo(() => {
@@ -258,6 +292,7 @@ const ImportModal: React.FC<IImportModalProps> = ({ open, onCancel, onOk, taskTy
       createdList: [],
     });
     setPreviewData([]);
+    setIsConfirm(false);
   };
 
   useEffect(() => {
@@ -301,33 +336,76 @@ const ImportModal: React.FC<IImportModalProps> = ({ open, onCancel, onOk, taskTy
               </Button>
             </Space>
           ) : (
-            <Space>
-              <Button onClick={() => setStep('upload')}>
-                {formatMessage({
-                  id: 'src.component.Task.component.ImportModal.9FFF1F71',
-                  defaultMessage: '上一步: 上传文件',
-                })}
-              </Button>
-              <Button
-                loading={loading}
-                onClick={() => {
-                  const currentProjectId = form.getFieldValue('projectId');
-                  onOk(
-                    scheduleTaskImportRequest as IScheduleTaskImportRequest,
-                    previewData?.filter((i) => i.importable),
-                    currentProjectId,
-                  );
-                  onReset();
+            <Flex justify="space-between" align="center">
+              <Checkbox
+                value={isConfirm}
+                onChange={(e) => {
+                  setIsConfirm(e.target.checked);
+                  setNotConfirmButSubmit(false);
                 }}
-                type="primary"
-                disabled={previewData?.filter((i) => i?.importable)?.length === 0}
+                className={notConfirmButSubmit ? styles.checkboxError : null}
               >
                 {formatMessage({
-                  id: 'src.component.Task.component.ImportModal.81026A36',
-                  defaultMessage: '导入',
+                  id: 'src.component.Task.component.ImportModal.EA6397CD',
+                  defaultMessage: '我己确认导入的工单新旧数据库对象一致',
                 })}
-              </Button>
-            </Space>
+              </Checkbox>
+              <Space>
+                <Button
+                  onClick={() => {
+                    setStep('upload');
+                    setNotConfirmButSubmit(false);
+                    setDatabaseSelections({});
+                    setSelectedRowKeys([]);
+                    setIsConfirm(false);
+                  }}
+                >
+                  {formatMessage({
+                    id: 'src.component.Task.component.ImportModal.9FFF1F71',
+                    defaultMessage: '上一步: 上传文件',
+                  })}
+                </Button>
+                <Button
+                  loading={loading}
+                  onClick={() => {
+                    if (!isConfirm) {
+                      setNotConfirmButSubmit(true);
+                      return;
+                    }
+                    const currentProjectId = form.getFieldValue('projectId');
+                    onOk(
+                      {
+                        ...scheduleTaskImportRequest,
+                        scheduleTaskImportRows: previewData
+                          ?.filter((i) => selectedRowKeys.includes(i.originId))
+                          ?.map((i) => ({
+                            rowId: i?.exportRowId,
+                            databaseId:
+                              databaseSelections?.[i?.originId]?.databaseId ||
+                              i?.databaseView?.matchedDatabaseId,
+                            targetDatabaseId:
+                              databaseSelections?.[i?.originId]?.targetDatabaseId ||
+                              i?.targetDatabaseView?.matchedDatabaseId,
+                          })),
+                      },
+                      previewData?.filter((i) => selectedRowKeys.includes(i.originId)),
+                      currentProjectId,
+                    );
+                    onReset();
+                  }}
+                  type="primary"
+                  disabled={selectedRowKeys?.length === 0}
+                >
+                  {formatMessage(
+                    {
+                      id: 'src.component.Task.component.ImportModal.E756EF6A',
+                      defaultMessage: '导入 ({selectedRowKeysLength})',
+                    },
+                    { selectedRowKeysLength: selectedRowKeys?.length },
+                  )}
+                </Button>
+              </Space>
+            </Flex>
           )
         }
         width={step === 'upload' ? 520 : 960}
@@ -337,11 +415,30 @@ const ImportModal: React.FC<IImportModalProps> = ({ open, onCancel, onOk, taskTy
           <Alert
             type="info"
             showIcon
-            message={formatMessage({
-              id: 'src.component.Task.component.ImportModal.0C3395D0',
-              defaultMessage:
-                '仅支持导入由阿里云 OceanBase 数据研发导出的配置文件；\n请确认作业关联的实例已切换至 OB Cloud 当前项目中，系统将根据实例信息匹配或新建对应的数据源。',
-            })}
+            message={
+              <>
+                {formatMessage({
+                  id: 'src.component.Task.component.ImportModal.A28A2A00',
+                  defaultMessage:
+                    '仅支持导入由 阿里云 OceanBase 数据研发 或 ODC\n                导出的配置文件；在导入之前，请先将添加相关数据源、 井指定对应的项目。',
+                })}
+
+                <NewDatasourceButton onSuccess={() => {}}>
+                  <Button type="link">
+                    <a onClick={(e) => e.preventDefault()}>
+                      <Space>
+                        {formatMessage({
+                          id: 'src.component.Task.component.ImportModal.1E47B6CE',
+                          defaultMessage: '新建数据源',
+                        })}
+
+                        <DownOutlined />
+                      </Space>
+                    </a>
+                  </Button>
+                </NewDatasourceButton>
+              </>
+            }
           />
 
           <Form form={form} layout="vertical" style={{ marginTop: 16 }}>
@@ -425,89 +522,72 @@ const ImportModal: React.FC<IImportModalProps> = ({ open, onCancel, onOk, taskTy
                 })}
               />
             </Form.Item>
-            <Form.Item
-              name="projectId"
-              label={formatMessage({
-                id: 'src.component.Task.component.ImportModal.889B80AD',
-                defaultMessage: '导入项目',
-              })}
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'src.component.Task.component.ImportModal.30D6697A',
-                    defaultMessage: '请选择',
-                  }),
-                },
-              ]}
-              extra={
-                <>
-                  <span>
-                    {formatMessage({
-                      id: 'src.component.Task.component.ImportModal.B3686BE9',
-                      defaultMessage: '请确认相关数据源已加至项目',
-                    })}
-                  </span>
-                  <NewDatasourceButton onSuccess={() => {}}>
-                    <Button type="link">
-                      <a onClick={(e) => e.preventDefault()}>
-                        <Space>
-                          {formatMessage({
-                            id: 'src.component.Task.component.ImportModal.1E47B6CE',
-                            defaultMessage: '新建数据源',
-                          })}
-
-                          <DownOutlined />
-                        </Space>
-                      </a>
-                    </Button>
-                  </NewDatasourceButton>
-                </>
-              }
-            >
-              <Select
-                options={projectOptions}
-                placeholder={formatMessage({
-                  id: 'src.component.Task.component.ImportModal.E82DB6D1',
-                  defaultMessage: '请选择',
+            {!login.isPrivateSpace() && (
+              <Form.Item
+                name="projectId"
+                label={formatMessage({
+                  id: 'src.component.Task.component.ImportModal.889B80AD',
+                  defaultMessage: '导入项目',
                 })}
-                showSearch
-                filterOption={(input, option) =>
-                  (option?.label ?? '').toLowerCase().includes(input.toLowerCase())
-                }
-                open={addProjectDropVisible}
-                onDropdownVisibleChange={setAddProjectDropVisible}
-                dropdownRender={(menu) => (
-                  <>
-                    {menu}
-                    {
-                      <CreateProjectDrawer
-                        buttonChildren={
-                          <Space onClick={() => setAddProjectDropVisible(false)}>
-                            <PlusOutlined />
-                            {formatMessage({
-                              id: 'src.component.Task.component.ImportModal.68180A60',
-                              defaultMessage: '新建项目',
-                            })}
-                          </Space>
-                        }
-                        buttonType="link"
-                        onCreate={() => loadProjects(null, 1, 9999)}
-                      />
-                    }
-                  </>
-                )}
-              />
-            </Form.Item>
+                rules={[
+                  {
+                    required: true,
+                    message: formatMessage({
+                      id: 'src.component.Task.component.ImportModal.30D6697A',
+                      defaultMessage: '请选择',
+                    }),
+                  },
+                ]}
+              >
+                <Select
+                  options={projectOptions}
+                  placeholder={formatMessage({
+                    id: 'src.component.Task.component.ImportModal.E82DB6D1',
+                    defaultMessage: '请选择',
+                  })}
+                  showSearch
+                  filterOption={(input, option) =>
+                    (option?.label ?? '').toLowerCase().includes(input.toLowerCase())
+                  }
+                  open={addProjectDropVisible}
+                  onDropdownVisibleChange={setAddProjectDropVisible}
+                  dropdownRender={(menu) => (
+                    <>
+                      {menu}
+                      {
+                        <CreateProjectDrawer
+                          buttonChildren={
+                            <Space onClick={() => setAddProjectDropVisible(false)}>
+                              <PlusOutlined />
+                              {formatMessage({
+                                id: 'src.component.Task.component.ImportModal.68180A60',
+                                defaultMessage: '新建项目',
+                              })}
+                            </Space>
+                          }
+                          buttonType="link"
+                          onCreate={() => loadProjects(null, 1, 9999)}
+                        />
+                      }
+                    </>
+                  )}
+                />
+              </Form.Item>
+            )}
           </Form>
         </div>
-        <div style={{ display: step === 'preview' ? 'block' : 'none' }}>
+        {step === 'preview' ? (
           <ImportPreviewTable
             data={previewData}
             datasourceInfo={datasourceInfo}
             taskType={taskType}
+            projectId={form.getFieldValue('projectId')}
+            selectedRowKeys={selectedRowKeys}
+            setSelectedRowKeys={setSelectedRowKeys}
+            databaseSelections={databaseSelections}
+            setDatabaseSelections={setDatabaseSelections}
           />
-        </div>
+        ) : null}
       </Modal>
     </>
   );
diff --git a/src/component/Task/component/ImportModal/useColumn.tsx b/src/component/Task/component/ImportModal/useColumn.tsx
new file mode 100644
index 000000000..4dba8d4bc
--- /dev/null
+++ b/src/component/Task/component/ImportModal/useColumn.tsx
@@ -0,0 +1,311 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+import { IImportDatabaseView, IImportScheduleTaskView } from '@/d.ts/importTask';
+import { Tooltip, Typography, Flex } from 'antd';
+import type { ColumnsType } from 'antd/es/table';
+import { TaskStatus, TaskType } from '@/d.ts';
+import Icon, { InfoCircleOutlined } from '@ant-design/icons';
+import StatusLabel from '../Status';
+import DatabaseChangeItem from './DatabaseChangeItem';
+import DatabaseInfoPopover from './DatabaseInfoPopover';
+import { ReactComponent as SourceDatabase } from '@/svgr/source_database.svg';
+import { ReactComponent as TargetDatabase } from '@/svgr/target_database.svg';
+import styles from './index.less';
+import { TaskTypeMap } from '../TaskTable/const';
+
+export const useColumns = (
+  taskType: TaskType,
+  projectId: number,
+  handleDatabaseChange: (
+    originId: string,
+    type: 'databaseId' | 'targetDatabaseId',
+    databaseId: number,
+  ) => void,
+) => {
+  const baseInfoColumns = [
+    {
+      title: formatMessage({
+        id: 'src.component.Task.component.ImportModal.7C3EB72C',
+        defaultMessage: '工单',
+      }),
+      dataIndex: 'description',
+      key: 'description',
+      width: 300,
+      ellipsis: true,
+      render: (_, record) => {
+        return (
+          <Flex vertical gap={4}>
+            <Typography.Text ellipsis>{_ || '-'}</Typography.Text>
+            <Flex gap={8}>
+              <Typography.Text type="secondary">#{record?.originId}</Typography.Text>
+              <Typography.Text type="secondary">·</Typography.Text>
+              <Typography.Text type="secondary" ellipsis title={record?.originProjectName}>
+                {record?.originProjectName}
+              </Typography.Text>
+            </Flex>
+          </Flex>
+        );
+      },
+    },
+  ];
+
+  const originDatabaseColumns = [
+    {
+      title: formatMessage({
+        id: 'src.component.Task.component.ImportModal.DCD1BA1A',
+        defaultMessage: '原数据库',
+      }),
+      dataIndex: 'databaseView',
+      key: 'databaseView',
+      width: 140,
+      render: (_: IImportDatabaseView) => {
+        if (!_) return '-';
+        return (
+          <DatabaseInfoPopover
+            title={formatMessage({
+              id: 'src.component.Task.component.ImportModal.93C2FD0F',
+              defaultMessage: '原数据库',
+            })}
+            value={_}
+            popoverWidth={240}
+          >
+            <Flex vertical gap={4}>
+              <Typography.Text
+                ellipsis
+                className={styles.databasePopoverName}
+                title={_?.databaseName}
+              >
+                {_ ? `${_?.databaseName}` : '-'}
+              </Typography.Text>
+              <Typography.Text ellipsis type="secondary" title={_?.name}>
+                {formatMessage({
+                  id: 'src.component.Task.component.ImportModal.A8B5EF34',
+                  defaultMessage: '数据源:',
+                })}
+                {_?.name}
+              </Typography.Text>
+            </Flex>
+          </DatabaseInfoPopover>
+        );
+      },
+    },
+  ];
+
+  const originDatabaseWithTargetColumns = [
+    {
+      title: formatMessage({
+        id: 'src.component.Task.component.ImportModal.4C0466BB',
+        defaultMessage: '原数据库',
+      }),
+      dataIndex: 'databaseId',
+      key: 'databaseId',
+      width: 150,
+      render: (databaseId: number, record: IImportScheduleTaskView) => {
+        return (
+          <Flex vertical gap={4}>
+            <DatabaseInfoPopover
+              title={formatMessage({
+                id: 'src.component.Task.component.ImportModal.E78A5A7E',
+                defaultMessage: '源端数据库',
+              })}
+              value={record.databaseView}
+              popoverWidth={240}
+            >
+              <Flex gap={4} align="center">
+                <Icon component={SourceDatabase} style={{ width: 16, height: 16 }} />
+                <Typography.Text
+                  ellipsis
+                  className={styles.databasePopoverName}
+                  title={record.databaseView?.databaseName}
+                >
+                  {record.databaseView?.databaseName || '-'}
+                </Typography.Text>
+              </Flex>
+            </DatabaseInfoPopover>
+            <DatabaseInfoPopover
+              title={formatMessage({
+                id: 'src.component.Task.component.ImportModal.47F8A3BA',
+                defaultMessage: '目标端数据库',
+              })}
+              value={record.targetDatabaseView}
+              popoverWidth={240}
+            >
+              <Flex gap={4} align="center">
+                <Icon component={TargetDatabase} style={{ width: 16, height: 16 }} />
+                <Typography.Text
+                  ellipsis
+                  className={styles.databasePopoverName}
+                  title={record.targetDatabaseView?.databaseName}
+                >
+                  {record.targetDatabaseView?.databaseName || '-'}
+                </Typography.Text>
+              </Flex>
+            </DatabaseInfoPopover>
+          </Flex>
+        );
+      },
+    },
+  ];
+
+  const originStatusColumns = [
+    {
+      title: formatMessage({
+        id: 'src.component.Task.component.ImportModal.55E87B63',
+        defaultMessage: '原状态',
+      }),
+      dataIndex: 'originStatus',
+      key: 'originStatus',
+      width: 120,
+      render: (status, record) => (
+        <Flex gap={4}>
+          <StatusLabel status={status} type={record?.type} />
+          {status !== TaskStatus.ENABLED && (
+            <Tooltip
+              title={formatMessage({
+                id: 'src.component.Task.component.ImportModal.DFCD4ABB',
+                defaultMessage: '工单导入成功后将重新启用',
+              })}
+            >
+              <InfoCircleOutlined style={{ color: 'var(--icon-color-3)' }} />
+            </Tooltip>
+          )}
+        </Flex>
+      ),
+    },
+  ];
+
+  const originDatabaseTypeColumns = [
+    {
+      title: formatMessage({
+        id: 'src.component.Task.component.ImportModal.37A63CCA',
+        defaultMessage: '类型',
+      }),
+      dataIndex: 'taskType',
+      key: 'taskType',
+      width: 120,
+      render: (status, record) => {
+        return TaskTypeMap[record.type];
+      },
+    },
+  ];
+
+  const dlmColumns = [
+    ...originDatabaseWithTargetColumns,
+    {
+      title: formatMessage({
+        id: 'src.component.Task.component.ImportModal.D22149A7',
+        defaultMessage: '新源端',
+      }),
+      dataIndex: 'databaseView',
+      key: 'databaseView',
+      width: 200,
+      render: (_: IImportDatabaseView, record: IImportScheduleTaskView) => {
+        if (!_) return '-';
+        return (
+          <DatabaseChangeItem
+            defaultDatabaseId={record.databaseView?.matchedDatabaseId}
+            taskType={taskType}
+            projectId={projectId}
+            onChange={(databaseId) =>
+              handleDatabaseChange(record.originId, 'databaseId', databaseId)
+            }
+          />
+        );
+      },
+    },
+    {
+      title: formatMessage({
+        id: 'src.component.Task.component.ImportModal.6992AD58',
+        defaultMessage: '新目标端',
+      }),
+      dataIndex: 'targetDatabaseView',
+      key: 'targetDatabaseView',
+      width: 200,
+      render: (_: IImportDatabaseView, record: IImportScheduleTaskView) => {
+        if (!_) return '-';
+        return (
+          <DatabaseChangeItem
+            defaultDatabaseId={record.targetDatabaseView?.matchedDatabaseId}
+            taskType={taskType}
+            projectId={projectId}
+            onChange={(databaseId) =>
+              handleDatabaseChange(record.originId, 'targetDatabaseId', databaseId)
+            }
+          />
+        );
+      },
+    },
+  ];
+
+  const otherScheduleColumns = [
+    ...originDatabaseColumns,
+    {
+      title: formatMessage({
+        id: 'src.component.Task.component.ImportModal.01BA659E',
+        defaultMessage: '新数据库',
+      }),
+      dataIndex: 'databaseView',
+      key: 'databaseView',
+      width: 200,
+      render: (_: IImportDatabaseView, record: IImportScheduleTaskView) => {
+        return (
+          <DatabaseChangeItem
+            defaultDatabaseId={_?.matchedDatabaseId}
+            taskType={taskType}
+            projectId={projectId}
+            onChange={(databaseId) =>
+              handleDatabaseChange(record.originId, 'databaseId', databaseId)
+            }
+          />
+        );
+      },
+    },
+  ];
+
+  const typeNotMatchColumns = [
+    ...baseInfoColumns,
+    ...originDatabaseColumns,
+    ...originDatabaseTypeColumns,
+  ];
+
+  const alreadyExistColumns = [
+    ...baseInfoColumns,
+    ...([TaskType.DATA_ARCHIVE, TaskType.DATA_DELETE]?.includes(taskType)
+      ? originDatabaseWithTargetColumns
+      : []),
+    ...([TaskType.SQL_PLAN, TaskType.PARTITION_PLAN]?.includes(taskType)
+      ? originDatabaseColumns
+      : []),
+  ];
+
+  const importableColumns: ColumnsType<IImportScheduleTaskView> = [
+    ...baseInfoColumns,
+    ...originStatusColumns,
+    // 数据清理/归档有源端目标端, 分区计划和sql计划只有数据库
+    ...([TaskType.DATA_ARCHIVE, TaskType.DATA_DELETE]?.includes(taskType) ? dlmColumns : []),
+    ...([TaskType.SQL_PLAN, TaskType.PARTITION_PLAN]?.includes(taskType)
+      ? otherScheduleColumns
+      : []),
+  ]?.filter(Boolean);
+
+  return {
+    importableColumns,
+    typeNotMatchColumns,
+    alreadyExistColumns,
+  };
+};
diff --git a/src/component/Task/component/ImportModal/useImport.tsx b/src/component/Task/component/ImportModal/useImport.tsx
index 8e8da0a66..8fd828149 100644
--- a/src/component/Task/component/ImportModal/useImport.tsx
+++ b/src/component/Task/component/ImportModal/useImport.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import {
   getScheduleImportLog,
@@ -16,6 +32,7 @@ import { useDebounceFn } from 'ahooks';
 import React, { useState } from 'react';
 import { AsyncTaskType } from '@/d.ts/migrateTask';
 import { history } from '@umijs/max';
+import login from '@/store/login';
 
 const downloadLogFromString = (str: string) => {
   const blob = new Blob([str], { type: 'text/plain' });
@@ -62,20 +79,44 @@ export const useImport = (
           downloadLogFromString(res);
         };
         if (result?.every((i) => i.success)) {
+          const importedCount = result?.filter((i) => i?.remark === 'Have been imported.')?.length;
+          const importedDescription = importedCount
+            ? formatMessage(
+                {
+                  id: 'src.component.Task.component.ImportModal.A6892359',
+                  defaultMessage: '(包含 {importedCount} 个已导入的任务)',
+                },
+                { importedCount },
+              )
+            : '';
+          const privateSpaceDescription = formatMessage(
+            {
+              id: 'src.component.Task.component.ImportModal.AF106FF6',
+              defaultMessage: '{resultLength} 个作业导入成功{importedDescription}。',
+            },
+            { resultLength: result?.length, importedDescription },
+          );
           notification.success({
             message: formatMessage({
               id: 'src.component.Task.component.ImportModal.997B6AC7',
               defaultMessage: '导入定时任务已完成',
             }),
-            description: (
+            description: login.isPrivateSpace() ? (
+              privateSpaceDescription
+            ) : (
               <Typography.Text>
                 {formatMessage(
                   {
-                    id: 'src.component.Task.component.ImportModal.E256F212',
-                    defaultMessage: '{resultLength} 个作业导入成功。 建议手动为任务',
+                    id: 'src.component.Task.component.ImportModal.97A1A7A3',
+                    defaultMessage: '{resultLength} 个作业导入成功{importedDescription}。',
                   },
-                  { resultLength: result?.length },
+                  { resultLength: result?.length, importedDescription },
                 )}
+                {formatMessage({
+                  id: 'src.component.Task.component.ImportModal.1B653B27',
+                  defaultMessage: '建议手动为任务',
+                })}
+
                 <Typography.Link onClick={() => goNotification(projectId)}>
                   {formatMessage({
                     id: 'src.component.Task.component.ImportModal.8AD83BC8',
@@ -94,19 +135,59 @@ export const useImport = (
         } else {
           const successCount = result?.filter((i) => i?.success)?.length;
           const failedCount = result?.filter((i) => !i?.success)?.length;
+          const importedCount = result?.filter(
+            (i) => i?.success && i?.remark === 'Have been imported.',
+          )?.length;
+          const importedDescription = importedCount
+            ? formatMessage(
+                {
+                  id: 'src.component.Task.component.ImportModal.92D087FB',
+                  defaultMessage: '(包含 {importedCount} 个已导入的任务)',
+                },
+                { importedCount },
+              )
+            : '';
+          const privateSpaceDescription = (
+            <Typography.Text>
+              {formatMessage(
+                {
+                  id: 'src.component.Task.component.ImportModal.94BFD01C',
+                  defaultMessage:
+                    '{successCount} 个作业导入成功{importedDescription}, {failedCount} 个作业导入失败。可',
+                },
+                { successCount, importedDescription, failedCount },
+              )}
+              <Typography.Link
+                onClick={downloadLog}
+                style={{ padding: '0 4px', display: 'inline' }}
+              >
+                {formatMessage({
+                  id: 'src.component.Task.component.ImportModal.A23B9738',
+                  defaultMessage: '下载日志',
+                })}
+              </Typography.Link>
+              {formatMessage({
+                id: 'src.component.Task.component.ImportModal.997B48CD',
+                defaultMessage: '查看。',
+              })}
+            </Typography.Text>
+          );
+
           notification.warning({
             message: formatMessage({
-              id: 'src.component.Task.component.ImportModal.E12ACFFB',
-              defaultMessage: '导出定时任务已完成',
+              id: 'src.component.Task.component.ImportModal.997B6AC7',
+              defaultMessage: '导入定时任务已完成',
             }),
-            description: (
+            description: login.isPrivateSpace() ? (
+              privateSpaceDescription
+            ) : (
               <Typography.Text style={{ textAlign: 'center' }}>
                 {formatMessage(
                   {
-                    id: 'src.component.Task.component.ImportModal.47DA5967',
-                    defaultMessage: '{successCount} 个作业导入成功，',
+                    id: 'src.component.Task.component.ImportModal.AE88E265',
+                    defaultMessage: '{successCount} 个作业导入成功{importedDescription}, ',
                   },
-                  { successCount },
+                  { successCount, importedDescription },
                 )}
                 {formatMessage(
                   {
@@ -128,7 +209,6 @@ export const useImport = (
                   id: 'src.component.Task.component.ImportModal.60663407',
                   defaultMessage: '，保证任务异常能够被及时发现。如需了解导出详情，可',
                 })}
-
                 <Typography.Link
                   onClick={downloadLog}
                   style={{ padding: '0 4px', display: 'inline' }}
diff --git a/src/component/Task/component/JoinTableConfigsModal/index.tsx b/src/component/Task/component/JoinTableConfigsModal/index.tsx
index 8ce60306a..9ddbc1d71 100644
--- a/src/component/Task/component/JoinTableConfigsModal/index.tsx
+++ b/src/component/Task/component/JoinTableConfigsModal/index.tsx
@@ -1,4 +1,20 @@
-import { IDataArchiveJobParameters, IDLMJobParametersTables } from '@/d.ts';
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { IDLMJobParametersTables } from '@/d.ts';
 import { Modal, Form, Input, Button, Space, Select, Typography } from 'antd';
 import { FormListFieldData } from 'antd/es/form/FormList';
 import styles from './index.less';
diff --git a/src/component/Task/component/JoinTableConfigsModal/useJoinTableConfig.ts b/src/component/Task/component/JoinTableConfigsModal/useJoinTableConfig.ts
index 67136921e..1304fc986 100644
--- a/src/component/Task/component/JoinTableConfigsModal/useJoinTableConfig.ts
+++ b/src/component/Task/component/JoinTableConfigsModal/useJoinTableConfig.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { useState } from 'react';
 import { FormInstance } from 'antd';
 
diff --git a/src/component/Task/component/MaxAllowedDirtyRowCount/index.tsx b/src/component/Task/component/MaxAllowedDirtyRowCount/index.tsx
index 237696a13..b47cb1f9d 100644
--- a/src/component/Task/component/MaxAllowedDirtyRowCount/index.tsx
+++ b/src/component/Task/component/MaxAllowedDirtyRowCount/index.tsx
@@ -1,5 +1,21 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
-import { Checkbox, Form, FormInstance, InputNumber, Radio, Space, Tooltip } from 'antd';
+import { Form, InputNumber } from 'antd';
 import React, { useEffect, useState } from 'react';
 import styles from './index.less';
 import { DirtyRowActionEnum } from '@/component/ExecuteSqlDetailModal/constant';
diff --git a/src/component/Task/component/MultipleDatabaseSelect/index.tsx b/src/component/Task/component/MultipleDatabaseSelect/index.tsx
index 79ff8fcbd..85eaa2c44 100644
--- a/src/component/Task/component/MultipleDatabaseSelect/index.tsx
+++ b/src/component/Task/component/MultipleDatabaseSelect/index.tsx
@@ -1,7 +1,22 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import SessionDropdown, {
   ISessionDropdownFiltersProps,
 } from '@/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown';
-import { IDatabase } from '@/d.ts/database';
 import React, { useState } from 'react';
 import { Divider, Select, Space, Form } from 'antd';
 import { formatMessage } from '@/util/intl';
diff --git a/src/component/Task/component/PartitionPolicyFormTable/components/CustomNamingRules.tsx b/src/component/Task/component/PartitionPolicyFormTable/components/CustomNamingRules.tsx
new file mode 100644
index 000000000..35cefd7bd
--- /dev/null
+++ b/src/component/Task/component/PartitionPolicyFormTable/components/CustomNamingRules.tsx
@@ -0,0 +1,50 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+import { Form, Input, Space } from 'antd';
+import { rules } from '../const';
+import styles from '../index.less';
+
+const CustomNamingRules = () => {
+  return (
+    <Space>
+      <Form.Item
+        name="generateExpr"
+        className={styles.noMarginBottom}
+        rules={rules.generateExpr}
+        style={{ width: 320 }}
+      >
+        <Input
+          placeholder={
+            formatMessage({
+              id: 'src.component.Task.component.PartitionPolicyFormTable.23B74BBB',
+              defaultMessage: '请输入表达式',
+            }) /*"请输入表达式"*/
+          }
+          addonBefore={
+            formatMessage({
+              id: 'src.component.Task.component.PartitionPolicyFormTable.D97787FE',
+              defaultMessage: '表达式',
+            }) /*"表达式"*/
+          }
+        />
+      </Form.Item>
+    </Space>
+  );
+};
+
+export default CustomNamingRules;
diff --git a/src/component/Task/component/PartitionPolicyFormTable/components/DropPartitionFormItems.tsx b/src/component/Task/component/PartitionPolicyFormTable/components/DropPartitionFormItems.tsx
new file mode 100644
index 000000000..86437e364
--- /dev/null
+++ b/src/component/Task/component/PartitionPolicyFormTable/components/DropPartitionFormItems.tsx
@@ -0,0 +1,96 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import FormItemPanel from '@/component/FormItemPanel';
+import HelpDoc from '@/component/helpDoc';
+import { formatMessage } from '@/util/intl';
+import { Form, InputNumber, Radio, Space } from 'antd';
+import { rules } from '../const';
+
+const DropPatitionFormItems = () => {
+  return (
+    <FormItemPanel
+      keepExpand
+      label={
+        formatMessage({
+          id: 'src.component.Task.component.PartitionPolicyFormTable.40F7E641',
+          defaultMessage: '删除分区',
+        }) /*"删除分区"*/
+      }
+    >
+      <Space size={40} align="start">
+        <Form.Item
+          required
+          name="keepLatestCount"
+          label={
+            <HelpDoc doc="partitionKeepLatestCount" leftText>
+              {
+                formatMessage({
+                  id: 'src.component.Task.component.PartitionPolicyFormTable.7D6F23AE' /*分区保留数量*/,
+                  defaultMessage: '分区保留数量',
+                }) /* 分区保留数量 */
+              }
+            </HelpDoc>
+          }
+          rules={rules.keepLatestCount}
+        >
+          <InputNumber
+            placeholder={
+              formatMessage({
+                id: 'src.component.Task.component.PartitionPolicyFormTable.94B98AF7',
+                defaultMessage: '请输入',
+              }) /*"请输入"*/
+            }
+            min={0}
+            style={{ width: 100 }}
+          />
+        </Form.Item>
+        <Form.Item
+          required
+          name="reloadIndexes"
+          label={
+            formatMessage({
+              id: 'src.component.Task.component.PartitionPolicyFormTable.3C92777E',
+              defaultMessage: '删除后是否重建索引',
+            }) /*"删除后是否重建索引"*/
+          }
+          rules={rules.reloadIndexes}
+        >
+          <Radio.Group
+            options={[
+              {
+                value: true,
+                label: formatMessage({
+                  id: 'src.component.Task.component.PartitionPolicyFormTable.77C8BE4D' /*是*/,
+                  defaultMessage: '是',
+                }) /* 是 */,
+              },
+              {
+                value: false,
+                label: formatMessage({
+                  id: 'src.component.Task.component.PartitionPolicyFormTable.E374E7C8' /*否*/,
+                  defaultMessage: '否',
+                }) /* 否 */,
+              },
+            ]}
+          />
+        </Form.Item>
+      </Space>
+    </FormItemPanel>
+  );
+};
+
+export default DropPatitionFormItems;
diff --git a/src/component/Task/component/PartitionPolicyFormTable/EditTable/index.less b/src/component/Task/component/PartitionPolicyFormTable/components/EditTable/index.less
similarity index 100%
rename from src/component/Task/component/PartitionPolicyFormTable/EditTable/index.less
rename to src/component/Task/component/PartitionPolicyFormTable/components/EditTable/index.less
diff --git a/src/component/Task/component/PartitionPolicyFormTable/EditTable/index.tsx b/src/component/Task/component/PartitionPolicyFormTable/components/EditTable/index.tsx
similarity index 99%
rename from src/component/Task/component/PartitionPolicyFormTable/EditTable/index.tsx
rename to src/component/Task/component/PartitionPolicyFormTable/components/EditTable/index.tsx
index 54d10ca1c..e60ff0a4d 100644
--- a/src/component/Task/component/PartitionPolicyFormTable/EditTable/index.tsx
+++ b/src/component/Task/component/PartitionPolicyFormTable/components/EditTable/index.tsx
@@ -19,7 +19,7 @@ import { formatMessage } from '@/util/intl';
 import type { FormInstance } from 'antd';
 import { Form, Select, Typography } from 'antd';
 import VirtualList from 'rc-virtual-list';
-import React, { useState } from 'react';
+import React from 'react';
 import RuleFormItem from '../RuleFormItem';
 import styles from './index.less';
 
diff --git a/src/component/Task/component/PartitionPolicyFormTable/components/IntervalGenerateExprFormItem.tsx b/src/component/Task/component/PartitionPolicyFormTable/components/IntervalGenerateExprFormItem.tsx
new file mode 100644
index 000000000..a454f8f06
--- /dev/null
+++ b/src/component/Task/component/PartitionPolicyFormTable/components/IntervalGenerateExprFormItem.tsx
@@ -0,0 +1,49 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+import { Form, Input } from 'antd';
+
+const IntervalGenerateExprFormItem = () => {
+  return (
+    <Form.Item
+      name="intervalGenerateExpr"
+      label={
+        formatMessage({
+          id: 'src.component.Task.component.PartitionPolicyFormTable.7BC3752C',
+          defaultMessage: '命名间隔',
+        }) /*"命名间隔"*/
+      }
+      tooltip={formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.7F47487A',
+        defaultMessage:
+          "可在命名规则表达式中通过 ${INTERVAL} 变量引用，比如:concat('P_',${COL1}+${INTERVAL})",
+      })}
+    >
+      <Input
+        style={{ width: 180 }}
+        placeholder={
+          formatMessage({
+            id: 'src.component.Task.component.PartitionPolicyFormTable.07788524',
+            defaultMessage: '请输入',
+          }) /*"请输入"*/
+        }
+      />
+    </Form.Item>
+  );
+};
+
+export default IntervalGenerateExprFormItem;
diff --git a/src/component/Task/component/PartitionPolicyFormTable/components/PreSuffixNamingRules.tsx b/src/component/Task/component/PartitionPolicyFormTable/components/PreSuffixNamingRules.tsx
new file mode 100644
index 000000000..d5c0ba60f
--- /dev/null
+++ b/src/component/Task/component/PartitionPolicyFormTable/components/PreSuffixNamingRules.tsx
@@ -0,0 +1,148 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+import { AutoComplete, Form, Input, Select, Space, Tag } from 'antd';
+import { rules, suffixOptions } from '../const';
+import styles from '../index.less';
+import HelpDoc from '@/component/helpDoc';
+import { PartitionBound } from '@/constant';
+
+const PreSuffixNamingRules = ({ partitionKeyOptions }) => {
+  return (
+    <Space size={8} align="start">
+      <Form.Item
+        validateFirst
+        className={styles.noMarginBottom}
+        name="namingPrefix"
+        rules={rules.namingPrefix}
+        style={{ width: 140 }}
+      >
+        <Input
+          addonBefore={
+            formatMessage({
+              id: 'src.component.Task.component.PartitionPolicyFormTable.7D91EBA7',
+              defaultMessage: '前缀',
+            }) /*"前缀"*/
+          }
+          placeholder={
+            formatMessage({
+              id: 'src.component.Task.component.PartitionPolicyFormTable.D2573F4C',
+              defaultMessage: '请输入前缀',
+            }) /*"请输入前缀"*/
+          }
+        />
+      </Form.Item>
+      <Input.Group compact>
+        <Tag className={styles.suffix}>
+          <HelpDoc
+            leftText
+            isTip
+            title={formatMessage({
+              id: 'src.component.Task.component.PartitionPolicyFormTable.BB3B1843',
+              defaultMessage: '后缀根据指定的分区键取值策略生成',
+            })}
+          >
+            {
+              formatMessage({
+                id: 'src.component.Task.component.PartitionPolicyFormTable.0F79EE9C' /*后缀*/,
+                defaultMessage: '后缀',
+              }) /* 后缀 */
+            }
+          </HelpDoc>
+        </Tag>
+        <Form.Item
+          name="refPartitionKey"
+          className={styles.noMarginBottom}
+          rules={rules.refPartitionKey}
+        >
+          <Select
+            placeholder={
+              formatMessage({
+                id: 'src.component.Task.component.PartitionPolicyFormTable.B7A571C8',
+                defaultMessage: '请选择',
+              }) /*"请选择"*/
+            }
+            optionLabelProp="label"
+            options={partitionKeyOptions}
+            dropdownMatchSelectWidth={154}
+            style={{ width: 135 }}
+          />
+        </Form.Item>
+        <Form.Item
+          name="namingSuffixExpression"
+          className={styles.noMarginBottom}
+          rules={rules.namingSuffixExpression}
+        >
+          <AutoComplete
+            filterOption={(inputValue, option) =>
+              option.value.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1
+            }
+            placeholder={
+              formatMessage({
+                id: 'src.component.Task.component.PartitionPolicyFormTable.0259BAC2',
+                defaultMessage: '请选择',
+              }) /*"请选择"*/
+            }
+            style={{ width: 124 }}
+            dropdownMatchSelectWidth={200}
+            options={suffixOptions}
+          />
+        </Form.Item>
+      </Input.Group>
+      <Input.Group compact>
+        <Tag className={styles.suffix}>
+          {formatMessage({
+            id: 'src.component.Task.component.PartitionPolicyFormTable.7B83EDD7',
+            defaultMessage: '取值策略',
+          })}
+        </Tag>
+        <Form.Item
+          name="namingSuffixStrategy"
+          className={styles.noMarginBottom}
+          rules={rules.namingSuffixStrategy}
+        >
+          <Select
+            placeholder={formatMessage({
+              id: 'src.component.Task.component.PartitionPolicyFormTable.ACFEE807',
+              defaultMessage: '请选择',
+            })}
+            dropdownMatchSelectWidth={100}
+            style={{ width: 100 }}
+            options={[
+              {
+                label: formatMessage({
+                  id: 'src.component.Task.component.PartitionPolicyFormTable.602BD66C',
+                  defaultMessage: '分区上界',
+                }),
+                value: PartitionBound.PARTITION_UPPER_BOUND,
+              },
+              {
+                label: formatMessage({
+                  id: 'src.component.Task.component.PartitionPolicyFormTable.2384A1C3',
+                  defaultMessage: '分区下界',
+                }),
+                value: PartitionBound.PARTITION_LOWER_BOUND,
+              },
+            ]}
+          />
+        </Form.Item>
+      </Input.Group>
+    </Space>
+  );
+};
+
+export default PreSuffixNamingRules;
diff --git a/src/component/Task/component/PartitionPolicyFormTable/PreviewSQLModal/index.less b/src/component/Task/component/PartitionPolicyFormTable/components/PreviewSQLModal/index.less
similarity index 100%
rename from src/component/Task/component/PartitionPolicyFormTable/PreviewSQLModal/index.less
rename to src/component/Task/component/PartitionPolicyFormTable/components/PreviewSQLModal/index.less
diff --git a/src/component/Task/component/PartitionPolicyFormTable/PreviewSQLModal/index.tsx b/src/component/Task/component/PartitionPolicyFormTable/components/PreviewSQLModal/index.tsx
similarity index 100%
rename from src/component/Task/component/PartitionPolicyFormTable/PreviewSQLModal/index.tsx
rename to src/component/Task/component/PartitionPolicyFormTable/components/PreviewSQLModal/index.tsx
diff --git a/src/component/Task/component/PartitionPolicyFormTable/RuleFormItem/index.less b/src/component/Task/component/PartitionPolicyFormTable/components/RuleFormItem/index.less
similarity index 100%
rename from src/component/Task/component/PartitionPolicyFormTable/RuleFormItem/index.less
rename to src/component/Task/component/PartitionPolicyFormTable/components/RuleFormItem/index.less
diff --git a/src/component/Task/component/PartitionPolicyFormTable/RuleFormItem/index.tsx b/src/component/Task/component/PartitionPolicyFormTable/components/RuleFormItem/index.tsx
similarity index 63%
rename from src/component/Task/component/PartitionPolicyFormTable/RuleFormItem/index.tsx
rename to src/component/Task/component/PartitionPolicyFormTable/components/RuleFormItem/index.tsx
index bc51503fb..43742872a 100644
--- a/src/component/Task/component/PartitionPolicyFormTable/RuleFormItem/index.tsx
+++ b/src/component/Task/component/PartitionPolicyFormTable/components/RuleFormItem/index.tsx
@@ -31,121 +31,26 @@ import {
   Typography,
 } from 'antd';
 import React, { useState } from 'react';
-import { intervalPrecisionOptions } from '../configModal';
-import { NameRuleType } from '../configModal';
-import { START_DATE, INCREAMENT_FIELD_TYPE, increamentFieldTypeLabelMap } from '../const';
-import styles from '../index.less';
-import { getLocale } from '@umijs/max';
+import {
+  START_DATE,
+  INCREAMENT_FIELD_TYPE,
+  intervalPrecisionOptions,
+  NameRuleType,
+  startDateOptionValues,
+  incrementFieldTypeOptionsValues,
+  incrementByDateOptionsInNumber,
+  ruleFormRules,
+} from '../../const';
+import styles from '../../index.less';
+import {
+  getDefaultPrecisionByIncrementDateTypeInDate,
+  getIncrementByDateOptionsInChar,
+  getIntervalPrecisionOptionsByIncrementDateType,
+  getPartitionKeyConfigsFormItemName,
+} from '../../utils';
 
 const { Text } = Typography;
 
-const startDateOptionValues = [
-  {
-    label: formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.88D572DE',
-      defaultMessage: '当前时间',
-    }), //'当前时间'
-    value: START_DATE.CURRENT_DATE,
-    description: formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.684CAF92',
-      defaultMessage: '从实际执行的时间开始创建',
-    }), //'从实际执行的时间开始创建'
-  },
-  {
-    label: formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.9CDC5E14',
-      defaultMessage: '指定时间',
-    }), //'指定时间'
-    value: START_DATE.CUSTOM_DATE,
-    description: formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.0E0ADD3E',
-      defaultMessage: '从指定的某个时间开始创建',
-    }), //'从指定的某个时间开始创建'
-  },
-];
-
-const incrementFieldTypeOptionsValues = [
-  {
-    label: increamentFieldTypeLabelMap[INCREAMENT_FIELD_TYPE.NUMBER],
-    value: INCREAMENT_FIELD_TYPE.NUMBER,
-    description: formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.33B07A9E',
-      defaultMessage: '仅代表数值数据，如：001、002',
-    }),
-  },
-  {
-    label: increamentFieldTypeLabelMap[INCREAMENT_FIELD_TYPE.TIME_STRING],
-    value: INCREAMENT_FIELD_TYPE.TIME_STRING,
-    description: formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.38D2B418',
-      defaultMessage: '类型为数值但实际含义为日期时间，如: 20250207',
-    }),
-  },
-  {
-    label: increamentFieldTypeLabelMap[INCREAMENT_FIELD_TYPE.TIMESTAMP],
-    value: INCREAMENT_FIELD_TYPE.TIMESTAMP,
-    description: formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.EBF8762C',
-      defaultMessage: '类型为数值但实际含义为时间戳，如: 1609459200',
-    }),
-  },
-];
-
-const incrementByDateOptionsInNumber = ['yyyy', 'yyyyMM', 'yyyyMMdd', 'yyyyMMddHHmmss'].map(
-  (item) => ({
-    label: item,
-    value: item,
-  }),
-);
-
-const getIncrementByDateOptionsInChar = () => {
-  const locale = getLocale();
-  const options = [
-    'yyyy',
-    formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.E205FB6F',
-      defaultMessage: 'yyyy年',
-    }),
-
-    'yyyyMM',
-    'yyyy-MM',
-    'yyyy/MM',
-    formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.216E3527',
-      defaultMessage: 'yyyy年MM月',
-    }),
-
-    'yyyyMMdd',
-    'yyyy-MM-dd',
-    'yyyy/MM/dd',
-    formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.EF0BF81D',
-      defaultMessage: 'yyyy年MM月dd日',
-    }),
-    'yyyyMMdd HH:mm:ss',
-    'yyyy-MM-dd HH:mm:ss',
-    'yyyy/MM/dd HH:mm:ss',
-    formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.13B22678',
-      defaultMessage: 'yyyy年MM月dd日 HH:mm:ss',
-    }),
-  ];
-
-  if (locale !== 'zh-CN') {
-    return options
-      .filter((item) => !/[\u4e00-\u9fa5]/.test(item))
-      .map((item) => ({
-        label: item,
-        value: item,
-      }));
-  }
-
-  return options.map((item) => ({
-    label: item,
-    value: item,
-  }));
-};
-
 const getOptionsByValueList = (valueList) => {
   return valueList.map(({ label, value, description }) => {
     return {
@@ -178,7 +83,7 @@ const getFieldProps: (
     ? {
         status: 'error',
         [position]: (
-          <Tooltip title={error?.join('')}>
+          <Tooltip title={error?.join?.('')}>
             <CloseCircleFilled style={{ color: 'var(--function-red6-color)' }} />
           </Tooltip>
         ),
@@ -193,123 +98,29 @@ interface TableFormProps {
   dataTypeName: string;
 }
 
-const PRECISION_MAP = {
-  second: 63,
-  minute: 31,
-  hour: 15,
-  day: 7,
-  month: 3,
-  year: 1,
-};
-
-const getIntervalPrecisionOptionsByIncrementDateType = (
-  incrementFieldTypeInDate: string,
-  incrementFieldType: INCREAMENT_FIELD_TYPE,
-) => {
-  if (incrementFieldType !== INCREAMENT_FIELD_TYPE.TIME_STRING || !incrementFieldTypeInDate) {
-    return intervalPrecisionOptions;
-  }
-
-  if (incrementFieldTypeInDate?.includes?.('s')) {
-    return intervalPrecisionOptions?.filter((item) => item.value <= PRECISION_MAP.second);
-  }
-  if (incrementFieldTypeInDate?.includes?.('m')) {
-    return intervalPrecisionOptions?.filter((item) => item.value <= PRECISION_MAP.minute);
-  }
-  if (incrementFieldTypeInDate?.includes?.('H')) {
-    return intervalPrecisionOptions?.filter((item) => item.value <= PRECISION_MAP.hour);
-  }
-  if (incrementFieldTypeInDate?.includes?.('d')) {
-    return intervalPrecisionOptions?.filter((item) => item.value <= PRECISION_MAP.day);
-  }
-  if (incrementFieldTypeInDate?.includes?.('M')) {
-    return intervalPrecisionOptions?.filter((item) => item.value <= PRECISION_MAP.month);
-  }
-  if (incrementFieldTypeInDate?.includes?.('y')) {
-    return intervalPrecisionOptions?.filter((item) => item.value <= PRECISION_MAP.year);
-  }
-
-  return intervalPrecisionOptions;
-};
-
-const getDefaultPrecisionByIncrementDateTypeInDate = (
-  incrementFieldTypeInDate: string,
-  incrementFieldType: INCREAMENT_FIELD_TYPE,
-) => {
-  if (incrementFieldType !== INCREAMENT_FIELD_TYPE.TIME_STRING || !incrementFieldTypeInDate) {
-    return 3;
-  }
-
-  if (incrementFieldTypeInDate?.includes?.('s')) {
-    return PRECISION_MAP.second;
-  }
-  if (incrementFieldTypeInDate?.includes?.('m')) {
-    return PRECISION_MAP.minute;
-  }
-  if (incrementFieldTypeInDate?.includes?.('H')) {
-    return PRECISION_MAP.hour;
-  }
-  if (incrementFieldTypeInDate?.includes?.('d')) {
-    return PRECISION_MAP.day;
-  }
-  if (incrementFieldTypeInDate?.includes?.('M')) {
-    return PRECISION_MAP.month;
-  }
-  if (incrementFieldTypeInDate?.includes?.('y')) {
-    return PRECISION_MAP.year;
-  }
-
-  return 3;
-};
-
 const RuleFormItem: React.FC<TableFormProps> = (props) => {
   const { field, precision, isDate, dataTypeName } = props;
   const [intervalErrorInBlur, setIntervalErrorInBlur] = useState<string[]>();
   return (
     <Form.Item shouldUpdate={true} className={styles.noMarginBottom}>
       {({ getFieldValue, getFieldError, setFieldValue }) => {
-        const partitionKeyInvoker = getFieldValue([
-          'option',
-          'partitionKeyConfigs',
-          field.name,
-          'partitionKeyInvoker',
-        ]);
-        const fromCurrentTime = getFieldValue([
-          'option',
-          'partitionKeyConfigs',
-          field.name,
-          'fromCurrentTime',
-        ]);
-        const incrementFieldType = getFieldValue([
-          'option',
-          'partitionKeyConfigs',
-          field.name,
-          'incrementFieldType',
-        ]);
-        const incrementFieldTypeInDate = getFieldValue([
-          'option',
-          'partitionKeyConfigs',
-          field.name,
-          'incrementFieldTypeInDate',
-        ]);
-        const generateExprError = getFieldError([
-          'option',
-          'partitionKeyConfigs',
-          field.name,
-          'generateExpr',
-        ]);
-        const intervalGenerateExprError = getFieldError([
-          'option',
-          'partitionKeyConfigs',
-          field.name,
-          'intervalGenerateExpr',
-        ]);
-        const intervalError = getFieldError([
-          'option',
-          'partitionKeyConfigs',
-          field.name,
-          'interval',
-        ]);
+        const getFieldBySecondName = (key: string) => {
+          return getFieldValue(getPartitionKeyConfigsFormItemName({ name: field.name, key }));
+        };
+
+        const partitionKeyInvoker = getFieldBySecondName('partitionKeyInvoker');
+        const fromCurrentTime = getFieldBySecondName('fromCurrentTime');
+        const incrementFieldType = getFieldBySecondName('incrementFieldType');
+        const incrementFieldTypeInDate = getFieldBySecondName('incrementFieldTypeInDate');
+        const generateExprError = getFieldError(
+          getPartitionKeyConfigsFormItemName({ name: field.name, key: 'generateExpr' }),
+        );
+        const intervalGenerateExprError = getFieldError(
+          getPartitionKeyConfigsFormItemName({ name: field.name, key: 'intervalGenerateExpr' }),
+        );
+        const intervalError = getFieldError(
+          getPartitionKeyConfigsFormItemName({ name: field.name, key: 'interval' }),
+        );
 
         const validateInput = (error) => {
           setIntervalErrorInBlur(error);
@@ -347,15 +158,7 @@ const RuleFormItem: React.FC<TableFormProps> = (props) => {
                     name={[field.name, 'intervalGenerateExpr']}
                     className={styles.noMarginBottom}
                     style={{ flexGrow: 2 }}
-                    rules={[
-                      {
-                        required: true,
-                        message: formatMessage({
-                          id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.8368A05F',
-                          defaultMessage: '请输入',
-                        }), //'请输入'
-                      },
-                    ]}
+                    rules={ruleFormRules.intervalGenerateExpr}
                   >
                     <InputNumber
                       min={0}
@@ -377,15 +180,7 @@ const RuleFormItem: React.FC<TableFormProps> = (props) => {
                   {...field}
                   name={[field.name, 'interval']}
                   className={styles.noMarginBottom}
-                  rules={[
-                    {
-                      required: true,
-                      message: formatMessage({
-                        id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.2F986FD8',
-                        defaultMessage: '请输入',
-                      }), //'请输入'
-                    },
-                  ]}
+                  rules={ruleFormRules.interval}
                   help={EmptyHelp}
                 >
                   <InputNumber
@@ -432,15 +227,7 @@ const RuleFormItem: React.FC<TableFormProps> = (props) => {
             </Tag>
             <Form.Item
               name={[field.name, 'incrementFieldType']}
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.88F8B3BE',
-                    defaultMessage: '请选择',
-                  }),
-                },
-              ]}
+              rules={ruleFormRules.incrementFieldType}
               style={{ margin: 0 }}
             >
               <Select
@@ -472,15 +259,7 @@ const RuleFormItem: React.FC<TableFormProps> = (props) => {
                 {...field}
                 name={[field.name, 'incrementFieldTypeInDate']}
                 className={styles.noMarginBottom}
-                rules={[
-                  {
-                    required: true,
-                    message: formatMessage({
-                      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.3174105E',
-                      defaultMessage: '请输入格式',
-                    }),
-                  },
-                ]}
+                rules={ruleFormRules.incrementFieldTypeInDate}
               >
                 <AutoComplete
                   options={
@@ -532,15 +311,7 @@ const RuleFormItem: React.FC<TableFormProps> = (props) => {
                   name={[field.name, 'generateExpr']}
                   className={styles.noMarginBottom}
                   style={{ width: '374px' }}
-                  rules={[
-                    {
-                      required: true,
-                      message: formatMessage({
-                        id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.DE258551',
-                        defaultMessage: '请输入',
-                      }), //'请输入'
-                    },
-                  ]}
+                  rules={ruleFormRules.generateExpr}
                   help={EmptyHelp}
                 >
                   <Input
@@ -578,15 +349,7 @@ const RuleFormItem: React.FC<TableFormProps> = (props) => {
                     name={[field.name, 'intervalGenerateExpr']}
                     className={styles.noMarginBottom}
                     style={{ flexGrow: 2 }}
-                    rules={[
-                      {
-                        required: true,
-                        message: formatMessage({
-                          id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.8368A05F',
-                          defaultMessage: '请输入',
-                        }), //'请输入'
-                      },
-                    ]}
+                    rules={ruleFormRules.intervalGenerateExpr}
                     help={EmptyHelp}
                   >
                     <Input
@@ -646,15 +409,7 @@ const RuleFormItem: React.FC<TableFormProps> = (props) => {
                   {...field}
                   name={[field.name, 'interval']}
                   className={styles.noMarginBottom}
-                  rules={[
-                    {
-                      required: true,
-                      message: formatMessage({
-                        id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.2F986FD8',
-                        defaultMessage: '请输入',
-                      }), //'请输入'
-                    },
-                  ]}
+                  rules={ruleFormRules.interval}
                   help={EmptyHelp}
                 >
                   <InputNumber
@@ -670,15 +425,7 @@ const RuleFormItem: React.FC<TableFormProps> = (props) => {
                       <Form.Item
                         {...field}
                         name={[field.name, 'intervalPrecision']}
-                        rules={[
-                          {
-                            required: true,
-                            message: formatMessage({
-                              id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.7FB4A416',
-                              defaultMessage: '请选择',
-                            }), //'请选择'
-                          },
-                        ]}
+                        rules={ruleFormRules.intervalPrecision}
                         noStyle
                       >
                         <Select options={validIntervalPrecisionOptions} style={{ width: 60 }} />
diff --git a/src/component/Task/component/PartitionPolicyFormTable/configModal.tsx b/src/component/Task/component/PartitionPolicyFormTable/configModal.tsx
index 1108589ac..0977380dc 100644
--- a/src/component/Task/component/PartitionPolicyFormTable/configModal.tsx
+++ b/src/component/Task/component/PartitionPolicyFormTable/configModal.tsx
@@ -17,93 +17,45 @@
 import { previewPartitionPlans } from '@/common/network/task';
 import Action from '@/component/Action';
 import FormItemPanel from '@/component/FormItemPanel';
-import HelpDoc from '@/component/helpDoc';
 import { PartitionBound } from '@/constant';
 import { PARTITION_KEY_INVOKER, PARTITION_NAME_INVOKER, TaskPartitionStrategy } from '@/d.ts';
 import odc from '@/plugins/odc';
 import { formatMessage, getLocalDocs } from '@/util/intl';
 import {
   Alert,
-  AutoComplete,
   Button,
   Checkbox,
   Descriptions,
   Drawer,
   Form,
-  Input,
   InputNumber,
   Popconfirm,
-  Radio,
   Select,
   Space,
-  Tag,
   Tooltip,
   Typography,
 } from 'antd';
 import React, { useEffect, useMemo, useState } from 'react';
-import { TaskPartitionStrategyMap } from '../../const';
-import { ITableConfig } from '../../PartitionTask/CreateModal';
+import { ITableConfig } from '@/component/Task/modals/PartitionTask/CreateModal';
 import {
   getPartitionKeyInvokerByIncrementFieldType,
   INCREAMENT_FIELD_TYPE,
+  NameRuleType,
+  rules,
   START_DATE,
+  StrategyOptions,
 } from './const';
-import EditTable from './EditTable';
+import EditTable from './components/EditTable';
 import styles from './index.less';
-import PreviewSQLModal from './PreviewSQLModal';
+import PreviewSQLModal from './components/PreviewSQLModal';
+import { filteredNameRuleOptions, getAlertMessage } from './utils';
+import DropPatitionFormItems from './components/DropPartitionFormItems';
+import IntervalGenerateExprFormItem from './components/IntervalGenerateExprFormItem';
+import PreSuffixNamingRules from './components/PreSuffixNamingRules';
+import CustomNamingRules from './components/CustomNamingRules';
 
 const { Text } = Typography;
 
-export enum NameRuleType {
-  PRE_SUFFIX = 'PRE_SUFFIX',
-  CUSTOM = 'CUSTOM',
-}
-
-export const intervalPrecisionOptions = [
-  {
-    label: formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.436BC171',
-      defaultMessage: '秒',
-    }), //'秒'
-    value: 63,
-  },
-  {
-    label: formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.0E0CEBAC',
-      defaultMessage: '分',
-    }), //'分'
-    value: 31,
-  },
-  {
-    label: formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.9EC2D1FF',
-      defaultMessage: '时',
-    }), //'时'
-    value: 15,
-  },
-  {
-    label: formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.1E11DFEA',
-      defaultMessage: '日',
-    }), //'日'
-    value: 7,
-  },
-  {
-    label: formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.1FB1ABDC',
-      defaultMessage: '月',
-    }), //'月'
-    value: 3,
-  },
-  {
-    label: formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.069255DB',
-      defaultMessage: '年',
-    }), //'年'
-    value: 1,
-  },
-];
-
 const defaultInitialValues = {
   strategies: [TaskPartitionStrategy.CREATE, TaskPartitionStrategy.DROP],
   nameRuleType: NameRuleType.PRE_SUFFIX,
@@ -114,35 +66,6 @@ const defaultInitialValues = {
   namingSuffixStrategy: PartitionBound.PARTITION_LOWER_BOUND,
 };
 
-const StrategyOptions = Object.keys(TaskPartitionStrategyMap)?.map((key) => ({
-  label: TaskPartitionStrategyMap[key],
-  value: key,
-}));
-
-const nameRuleOptions = [
-  {
-    label: formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.EB655A6C',
-      defaultMessage: '前缀 + 后缀',
-    }), //'前缀 + 后缀'
-    value: NameRuleType.PRE_SUFFIX,
-  },
-  {
-    label: formatMessage({
-      id: 'src.component.Task.component.PartitionPolicyFormTable.AB4964B2',
-      defaultMessage: '自定义',
-    }), //'自定义'
-    value: NameRuleType.CUSTOM,
-  },
-];
-
-const filteredNameRuleOptions = (dateTypes: boolean, incrementFieldType: INCREAMENT_FIELD_TYPE) => {
-  if (dateTypes || incrementFieldType === INCREAMENT_FIELD_TYPE.TIME_STRING) {
-    return nameRuleOptions;
-  }
-  return nameRuleOptions.filter((item) => item.value === NameRuleType.CUSTOM);
-};
-
 interface IProps {
   visible: boolean;
   isBatch: boolean;
@@ -154,80 +77,6 @@ interface IProps {
   dateTypes: boolean;
 }
 
-const suffixOptions = [
-  {
-    label: 'yyyy',
-    value: 'yyyy',
-  },
-
-  {
-    label: 'yyyyMMdd',
-    value: 'yyyyMMdd',
-  },
-
-  {
-    label: 'yyyyMM',
-    value: 'yyyyMM',
-  },
-
-  {
-    label: 'yyyy_MM_dd',
-    value: 'yyyy_MM_dd',
-  },
-
-  {
-    label: 'yyyy_MM',
-    value: 'yyyy_MM',
-  },
-  {
-    label: 'yyyy/MM',
-    value: 'yyyy/MM',
-  },
-  {
-    label: 'yyyy/MM/dd',
-    value: 'yyyy/MM/dd',
-  },
-  {
-    label: 'yyyyMMddHHmmss',
-    value: 'yyyyMMddHHmmss',
-  },
-  {
-    label: 'yyyy/MM/dd HH:mm:ss',
-    value: 'yyyy/MM/dd HH:mm:ss',
-  },
-  {
-    label: 'yyyy_MM_dd HH:mm:ss',
-    value: 'yyyy_MM_dd HH:mm:ss',
-  },
-];
-
-const DropConfigMessage = formatMessage({
-  id: 'src.component.Task.component.PartitionPolicyFormTable.A9C95E9D',
-  defaultMessage:
-    '当前表如果包含全局索引，删除分区会导致全局索引失效，如果选择重建全局索引可能耗时很久，请谨慎操作',
-}); /*"当前表如果包含全局索引，删除分区会导致全局索引失效，请谨慎操作，如果选择重建全局索引可能耗时很久，请谨慎操作"*/
-
-const CreateConfigMessage = formatMessage({
-  id: 'src.component.Task.component.PartitionPolicyFormTable.8DC77765',
-  defaultMessage:
-    '当前表如果属于表组（tablegroup），创建分区可能会失败或破坏负载均衡，请谨慎配置创建策略',
-}); /*"当前表如果属于表组（tablegroup），创建分区可能会失败或破坏负载均衡，请谨慎配置创建策略"*/
-
-export const getAlertMessage = (strategies: TaskPartitionStrategy[]) => {
-  const messages = [];
-  if (strategies?.includes(TaskPartitionStrategy.DROP)) {
-    messages.push(DropConfigMessage);
-  }
-  if (strategies?.includes(TaskPartitionStrategy.CREATE)) {
-    messages.push(CreateConfigMessage);
-  }
-  return messages;
-};
-
-export const getUnitLabel = (value: number) => {
-  return intervalPrecisionOptions.find((item) => item.value === value)?.label;
-};
-
 const ConfigDrawer: React.FC<IProps> = (props) => {
   const { visible, configs, isBatch, sessionId, theme, onClose, dateTypes } = props;
   const [previewSQLVisible, setPreviewSQLVisible] = useState(false);
@@ -501,7 +350,7 @@ const ConfigDrawer: React.FC<IProps> = (props) => {
     }
   }, [configs]);
 
-  const submitBtn = useMemo(() => {
+  const submitBtn = () => {
     const isSingleGenerateCount = generateCount === 1;
     const isSingleGenerateCountMessage = formatMessage({
       id: 'src.component.Task.component.PartitionPolicyFormTable.B988E243',
@@ -513,10 +362,15 @@ const ConfigDrawer: React.FC<IProps> = (props) => {
       id: 'odc.components.PartitionPolicyTable.configModal.BatchSettingWillOverwriteThe',
       defaultMessage: '批量设置将覆盖原有的策略，是否确定设置？',
     });
+
     if (isBatch) {
       return (
         <Popconfirm
-          overlayStyle={{ width: '216px' }}
+          styles={{
+            root: {
+              width: '216px',
+            },
+          }}
           title={
             isSingleGenerateCount ? (
               <>
@@ -538,6 +392,7 @@ const ConfigDrawer: React.FC<IProps> = (props) => {
           })} /*返回*/
         >
           <Button type="primary">
+            {' '}
             {
               formatMessage({
                 id: 'odc.components.PartitionPolicyTable.configModal.Ok',
@@ -551,7 +406,11 @@ const ConfigDrawer: React.FC<IProps> = (props) => {
     if (isSingleGenerateCount) {
       return (
         <Popconfirm
-          overlayStyle={{ width: '216px' }}
+          styles={{
+            root: {
+              width: '216px',
+            },
+          }}
           title={isSingleGenerateCountMessage}
           onConfirm={handleOk}
           okText={formatMessage({
@@ -564,6 +423,7 @@ const ConfigDrawer: React.FC<IProps> = (props) => {
           })} /*返回*/
           placement="topRight"
         >
+          {' '}
           <Button type="primary">
             {
               formatMessage({
@@ -585,7 +445,7 @@ const ConfigDrawer: React.FC<IProps> = (props) => {
         }
       </Button>
     );
-  }, [isBatch, generateCount]);
+  };
 
   return (
     <Drawer
@@ -639,7 +499,7 @@ const ConfigDrawer: React.FC<IProps> = (props) => {
               }
             </Button>
           </Tooltip>
-          {submitBtn}
+          {submitBtn()}
         </Space>
       }
     >
@@ -653,28 +513,28 @@ const ConfigDrawer: React.FC<IProps> = (props) => {
         }}
         onChange={handleChange}
       >
-        <Descriptions column={1} style={{ paddingBottom: 24 }}>
-          <Descriptions.Item
-            label={
-              formatMessage({
+        <Descriptions
+          column={1}
+          style={{ paddingBottom: 24 }}
+          items={[
+            {
+              key: 1,
+              label: formatMessage({
                 id: 'src.component.Task.component.PartitionPolicyFormTable.AE09B3CB',
                 defaultMessage: '分区表',
-              }) /*"分区表"*/
-            }
-          >
-            {`${tableLabels}${moreText}`}
-          </Descriptions.Item>
-          <Descriptions.Item
-            label={
-              formatMessage({
+              }) /*"分区表"*/,
+              children: `${tableLabels}${moreText}`,
+            },
+            {
+              key: '2',
+              label: formatMessage({
                 id: 'src.component.Task.component.PartitionPolicyFormTable.D50C1358',
                 defaultMessage: '分区类型',
-              }) /*"分区类型"*/
-            }
-          >
-            Range
-          </Descriptions.Item>
-        </Descriptions>
+              }) /*"分区类型"*/,
+              children: 'Range',
+            },
+          ]}
+        />
         <Form.Item
           name="strategies"
           label={
@@ -717,15 +577,7 @@ const ConfigDrawer: React.FC<IProps> = (props) => {
                   defaultMessage: '预创建分区数量',
                 }) /*"预创建分区数量"*/
               }
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'src.component.Task.component.PartitionPolicyFormTable.16355175',
-                    defaultMessage: '请输入预创建分区数量',
-                  }), //'请输入预创建分区数量'
-                },
-              ]}
+              rules={rules.generateCount}
             >
               <InputNumber
                 placeholder={
@@ -783,15 +635,7 @@ const ConfigDrawer: React.FC<IProps> = (props) => {
                 id: 'src.component.Task.component.PartitionPolicyFormTable.18397BFF',
                 defaultMessage: '分区名的生成方式',
               })}
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'src.component.Task.component.PartitionPolicyFormTable.87D4D0BB',
-                    defaultMessage: '请选择',
-                  }), //'请选择'
-                },
-              ]}
+              rules={rules.nameRuleType}
             >
               <Select
                 options={filteredNameRuleOptions(dateTypes, incrementFieldType)}
@@ -819,196 +663,9 @@ const ConfigDrawer: React.FC<IProps> = (props) => {
             >
               <Space size={8} align="start" style={{ width: '100%' }}>
                 {isCustomRuleType ? (
-                  <Space>
-                    <Form.Item
-                      name="generateExpr"
-                      className={styles.noMarginBottom}
-                      rules={[
-                        {
-                          required: true,
-                          message: formatMessage({
-                            id: 'src.component.Task.component.PartitionPolicyFormTable.E5DA1FA4',
-                            defaultMessage: '请输入表达式',
-                          }), //'请输入表达式'
-                        },
-                      ]}
-                      style={{ width: 320 }}
-                    >
-                      <Input
-                        placeholder={
-                          formatMessage({
-                            id: 'src.component.Task.component.PartitionPolicyFormTable.23B74BBB',
-                            defaultMessage: '请输入表达式',
-                          }) /*"请输入表达式"*/
-                        }
-                        addonBefore={
-                          formatMessage({
-                            id: 'src.component.Task.component.PartitionPolicyFormTable.D97787FE',
-                            defaultMessage: '表达式',
-                          }) /*"表达式"*/
-                        }
-                      />
-                    </Form.Item>
-                  </Space>
+                  <CustomNamingRules />
                 ) : (
-                  <Space size={8} align="start">
-                    <Form.Item
-                      validateFirst
-                      className={styles.noMarginBottom}
-                      name="namingPrefix"
-                      rules={[
-                        {
-                          required: true,
-                          message: formatMessage({
-                            id: 'src.component.Task.component.PartitionPolicyFormTable.4293BED4',
-                            defaultMessage: '请输入前缀',
-                          }), //'请输入前缀'
-                        },
-                        {
-                          pattern: /^[a-zA-Z][a-zA-Z0-9_]*$/,
-                          message: formatMessage({
-                            id: 'src.component.Task.component.PartitionPolicyFormTable.F70A7891',
-                            defaultMessage: '仅支持英文/数字/下划线，且以英文开头',
-                          }), //'仅支持英文/数字/下划线，且以英文开头'
-                        },
-                        {
-                          max: 32,
-                          message: formatMessage({
-                            id: 'src.component.Task.component.PartitionPolicyFormTable.D76C944C',
-                            defaultMessage: '不超过32个字符',
-                          }), //'不超过32个字符'
-                        },
-                      ]}
-                      style={{ width: 140 }}
-                    >
-                      <Input
-                        addonBefore={
-                          formatMessage({
-                            id: 'src.component.Task.component.PartitionPolicyFormTable.7D91EBA7',
-                            defaultMessage: '前缀',
-                          }) /*"前缀"*/
-                        }
-                        placeholder={
-                          formatMessage({
-                            id: 'src.component.Task.component.PartitionPolicyFormTable.D2573F4C',
-                            defaultMessage: '请输入前缀',
-                          }) /*"请输入前缀"*/
-                        }
-                      />
-                    </Form.Item>
-                    <Input.Group compact>
-                      <Tag className={styles.suffix}>
-                        <HelpDoc
-                          leftText
-                          isTip
-                          title={formatMessage({
-                            id: 'src.component.Task.component.PartitionPolicyFormTable.BB3B1843',
-                            defaultMessage: '后缀根据指定的分区键取值策略生成',
-                          })}
-                        >
-                          {
-                            formatMessage({
-                              id: 'src.component.Task.component.PartitionPolicyFormTable.0F79EE9C' /*后缀*/,
-                              defaultMessage: '后缀',
-                            }) /* 后缀 */
-                          }
-                        </HelpDoc>
-                      </Tag>
-                      <Form.Item
-                        name="refPartitionKey"
-                        className={styles.noMarginBottom}
-                        rules={[
-                          {
-                            required: true,
-                            message: formatMessage({
-                              id: 'src.component.Task.component.PartitionPolicyFormTable.CC74D506',
-                              defaultMessage: '请选择',
-                            }), //'请选择'
-                          },
-                        ]}
-                      >
-                        <Select
-                          placeholder={
-                            formatMessage({
-                              id: 'src.component.Task.component.PartitionPolicyFormTable.B7A571C8',
-                              defaultMessage: '请选择',
-                            }) /*"请选择"*/
-                          }
-                          optionLabelProp="label"
-                          options={partitionKeyOptions}
-                          dropdownMatchSelectWidth={154}
-                          style={{ width: 135 }}
-                        />
-                      </Form.Item>
-                      <Form.Item
-                        name="namingSuffixExpression"
-                        className={styles.noMarginBottom}
-                        rules={[
-                          {
-                            required: true,
-                            message: formatMessage({
-                              id: 'src.component.Task.component.PartitionPolicyFormTable.7183DAA0',
-                              defaultMessage: '请选择后缀',
-                            }), //'请选择后缀'
-                          },
-                        ]}
-                      >
-                        <AutoComplete
-                          filterOption={(inputValue, option) =>
-                            option.value.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1
-                          }
-                          placeholder={
-                            formatMessage({
-                              id: 'src.component.Task.component.PartitionPolicyFormTable.0259BAC2',
-                              defaultMessage: '请选择',
-                            }) /*"请选择"*/
-                          }
-                          style={{ width: 124 }}
-                          dropdownMatchSelectWidth={200}
-                          options={suffixOptions}
-                        ></AutoComplete>
-                      </Form.Item>
-                    </Input.Group>
-                    <Input.Group compact>
-                      <Tag className={styles.suffix}>
-                        {formatMessage({
-                          id: 'src.component.Task.component.PartitionPolicyFormTable.7B83EDD7',
-                          defaultMessage: '取值策略',
-                        })}
-                      </Tag>
-                      <Form.Item
-                        name="namingSuffixStrategy"
-                        className={styles.noMarginBottom}
-                        rules={[
-                          {
-                            required: true,
-                          },
-                        ]}
-                      >
-                        <Select
-                          placeholder={formatMessage({
-                            id: 'src.component.Task.component.PartitionPolicyFormTable.ACFEE807',
-                            defaultMessage: '请选择',
-                          })}
-                          dropdownMatchSelectWidth={100}
-                          style={{ width: 100 }}
-                        >
-                          <Select.Option value={PartitionBound.PARTITION_UPPER_BOUND}>
-                            {formatMessage({
-                              id: 'src.component.Task.component.PartitionPolicyFormTable.602BD66C',
-                              defaultMessage: '分区上界',
-                            })}
-                          </Select.Option>
-                          <Select.Option value={PartitionBound.PARTITION_LOWER_BOUND}>
-                            {formatMessage({
-                              id: 'src.component.Task.component.PartitionPolicyFormTable.2384A1C3',
-                              defaultMessage: '分区下界',
-                            })}
-                          </Select.Option>
-                        </Select>
-                      </Form.Item>
-                    </Input.Group>
-                  </Space>
+                  <PreSuffixNamingRules partitionKeyOptions={partitionKeyOptions} />
                 )}
               </Space>
             </Form.Item>
@@ -1032,121 +689,11 @@ const ConfigDrawer: React.FC<IProps> = (props) => {
                 </Text>
               )}
             </Space>
-            {isCustomRuleType && (
-              <Form.Item
-                name="intervalGenerateExpr"
-                label={
-                  formatMessage({
-                    id: 'src.component.Task.component.PartitionPolicyFormTable.7BC3752C',
-                    defaultMessage: '命名间隔',
-                  }) /*"命名间隔"*/
-                }
-                tooltip={formatMessage({
-                  id: 'src.component.Task.component.PartitionPolicyFormTable.7F47487A',
-                  defaultMessage:
-                    "可在命名规则表达式中通过 ${INTERVAL} 变量引用，比如:concat('P_',${COL1}+${INTERVAL})",
-                })}
-              >
-                <Input
-                  style={{ width: 180 }}
-                  placeholder={
-                    formatMessage({
-                      id: 'src.component.Task.component.PartitionPolicyFormTable.07788524',
-                      defaultMessage: '请输入',
-                    }) /*"请输入"*/
-                  }
-                />
-              </Form.Item>
-            )}
+            {isCustomRuleType && <IntervalGenerateExprFormItem />}
           </FormItemPanel>
         )}
 
-        {isDropConfigVisible && (
-          <FormItemPanel
-            keepExpand
-            label={
-              formatMessage({
-                id: 'src.component.Task.component.PartitionPolicyFormTable.40F7E641',
-                defaultMessage: '删除分区',
-              }) /*"删除分区"*/
-            }
-          >
-            <Space size={40} align="start">
-              <Form.Item
-                required
-                name="keepLatestCount"
-                label={
-                  <HelpDoc doc="partitionKeepLatestCount" leftText>
-                    {
-                      formatMessage({
-                        id: 'src.component.Task.component.PartitionPolicyFormTable.7D6F23AE' /*分区保留数量*/,
-                        defaultMessage: '分区保留数量',
-                      }) /* 分区保留数量 */
-                    }
-                  </HelpDoc>
-                }
-                rules={[
-                  {
-                    required: true,
-                    message: formatMessage({
-                      id: 'src.component.Task.component.PartitionPolicyFormTable.967356C8',
-                      defaultMessage: '请输入',
-                    }), //'请输入'
-                  },
-                ]}
-              >
-                <InputNumber
-                  placeholder={
-                    formatMessage({
-                      id: 'src.component.Task.component.PartitionPolicyFormTable.94B98AF7',
-                      defaultMessage: '请输入',
-                    }) /*"请输入"*/
-                  }
-                  min={0}
-                  style={{ width: 100 }}
-                />
-              </Form.Item>
-              <Form.Item
-                required
-                name="reloadIndexes"
-                label={
-                  formatMessage({
-                    id: 'src.component.Task.component.PartitionPolicyFormTable.3C92777E',
-                    defaultMessage: '删除后是否重建索引',
-                  }) /*"删除后是否重建索引"*/
-                }
-                rules={[
-                  {
-                    required: true,
-                    message: formatMessage({
-                      id: 'src.component.Task.component.PartitionPolicyFormTable.393D1F82',
-                      defaultMessage: '请选择',
-                    }), //'请选择'
-                  },
-                ]}
-              >
-                <Radio.Group>
-                  <Radio value={true}>
-                    {
-                      formatMessage({
-                        id: 'src.component.Task.component.PartitionPolicyFormTable.77C8BE4D' /*是*/,
-                        defaultMessage: '是',
-                      }) /* 是 */
-                    }
-                  </Radio>
-                  <Radio value={false}>
-                    {
-                      formatMessage({
-                        id: 'src.component.Task.component.PartitionPolicyFormTable.E374E7C8' /*否*/,
-                        defaultMessage: '否',
-                      }) /* 否 */
-                    }
-                  </Radio>
-                </Radio.Group>
-              </Form.Item>
-            </Space>
-          </FormItemPanel>
-        )}
+        {isDropConfigVisible && <DropPatitionFormItems />}
       </Form>
       <PreviewSQLModal
         theme={theme}
diff --git a/src/component/Task/component/PartitionPolicyFormTable/const.ts b/src/component/Task/component/PartitionPolicyFormTable/const.ts
index 431158292..a26a47cac 100644
--- a/src/component/Task/component/PartitionPolicyFormTable/const.ts
+++ b/src/component/Task/component/PartitionPolicyFormTable/const.ts
@@ -15,7 +15,12 @@ import { formatMessage } from '@/util/intl';
  * limitations under the License.
  */
 
-import { PARTITION_KEY_INVOKER } from '@/d.ts';
+import { PARTITION_KEY_INVOKER, TaskPartitionStrategy } from '@/d.ts';
+import { TaskPartitionStrategyMap } from '../../const';
+export enum NameRuleType {
+  PRE_SUFFIX = 'PRE_SUFFIX',
+  CUSTOM = 'CUSTOM',
+}
 
 export enum START_DATE {
   CURRENT_DATE = 'CURRENT_DATE',
@@ -43,6 +48,11 @@ export const increamentFieldTypeLabelMap = {
   }),
 };
 
+export const StrategyOptions = Object.keys(TaskPartitionStrategyMap)?.map((key) => ({
+  label: TaskPartitionStrategyMap[key],
+  value: key,
+}));
+
 export const getPartitionKeyInvokerByIncrementFieldType = (
   partitionKeyInvoker: PARTITION_KEY_INVOKER,
   incrementFieldType: INCREAMENT_FIELD_TYPE,
@@ -72,3 +82,314 @@ export const revertPartitionKeyInvokerByIncrementFieldType = (
   }
   return PARTITION_KEY_INVOKER.TIME_INCREASING_GENERATOR;
 };
+
+export const intervalPrecisionOptions = [
+  {
+    label: formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.436BC171',
+      defaultMessage: '秒',
+    }), //'秒'
+    value: 63,
+  },
+  {
+    label: formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.0E0CEBAC',
+      defaultMessage: '分',
+    }), //'分'
+    value: 31,
+  },
+  {
+    label: formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.9EC2D1FF',
+      defaultMessage: '时',
+    }), //'时'
+    value: 15,
+  },
+  {
+    label: formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.1E11DFEA',
+      defaultMessage: '日',
+    }), //'日'
+    value: 7,
+  },
+  {
+    label: formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.1FB1ABDC',
+      defaultMessage: '月',
+    }), //'月'
+    value: 3,
+  },
+  {
+    label: formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.069255DB',
+      defaultMessage: '年',
+    }), //'年'
+    value: 1,
+  },
+];
+
+export const suffixOptions = [
+  {
+    label: 'yyyy',
+    value: 'yyyy',
+  },
+
+  {
+    label: 'yyyyMMdd',
+    value: 'yyyyMMdd',
+  },
+
+  {
+    label: 'yyyyMM',
+    value: 'yyyyMM',
+  },
+
+  {
+    label: 'yyyy_MM_dd',
+    value: 'yyyy_MM_dd',
+  },
+
+  {
+    label: 'yyyy_MM',
+    value: 'yyyy_MM',
+  },
+  {
+    label: 'yyyy/MM',
+    value: 'yyyy/MM',
+  },
+  {
+    label: 'yyyy/MM/dd',
+    value: 'yyyy/MM/dd',
+  },
+  {
+    label: 'yyyyMMddHHmmss',
+    value: 'yyyyMMddHHmmss',
+  },
+  {
+    label: 'yyyy/MM/dd HH:mm:ss',
+    value: 'yyyy/MM/dd HH:mm:ss',
+  },
+  {
+    label: 'yyyy_MM_dd HH:mm:ss',
+    value: 'yyyy_MM_dd HH:mm:ss',
+  },
+];
+
+export const rules = {
+  generateCount: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.16355175',
+        defaultMessage: '请输入预创建分区数量',
+      }), //'请输入预创建分区数量'
+    },
+  ],
+  nameRuleType: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.87D4D0BB',
+        defaultMessage: '请选择',
+      }), //'请选择'
+    },
+  ],
+  generateExpr: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.E5DA1FA4',
+        defaultMessage: '请输入表达式',
+      }), //'请输入表达式'
+    },
+  ],
+  namingPrefix: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.4293BED4',
+        defaultMessage: '请输入前缀',
+      }), //'请输入前缀'
+    },
+    {
+      pattern: /^[a-zA-Z][a-zA-Z0-9_]*$/,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.F70A7891',
+        defaultMessage: '仅支持英文/数字/下划线，且以英文开头',
+      }), //'仅支持英文/数字/下划线，且以英文开头'
+    },
+    {
+      max: 32,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.D76C944C',
+        defaultMessage: '不超过32个字符',
+      }), //'不超过32个字符'
+    },
+  ],
+  refPartitionKey: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.CC74D506',
+        defaultMessage: '请选择',
+      }), //'请选择'
+    },
+  ],
+  namingSuffixExpression: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.7183DAA0',
+        defaultMessage: '请选择后缀',
+      }), //'请选择后缀'
+    },
+  ],
+  namingSuffixStrategy: [
+    {
+      required: true,
+    },
+  ],
+  keepLatestCount: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.967356C8',
+        defaultMessage: '请输入',
+      }), //'请输入'
+    },
+  ],
+  reloadIndexes: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.393D1F82',
+        defaultMessage: '请选择',
+      }), //'请选择'
+    },
+  ],
+};
+
+export const ruleFormRules = {
+  intervalPrecision: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.7FB4A416',
+        defaultMessage: '请选择',
+      }), //'请选择'
+    },
+  ],
+  intervalGenerateExpr: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.8368A05F',
+        defaultMessage: '请输入',
+      }), //'请输入'
+    },
+  ],
+  interval: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.2F986FD8',
+        defaultMessage: '请输入',
+      }), //'请输入'
+    },
+  ],
+  incrementFieldType: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.88F8B3BE',
+        defaultMessage: '请选择',
+      }),
+    },
+  ],
+  incrementFieldTypeInDate: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.3174105E',
+        defaultMessage: '请输入格式',
+      }),
+    },
+  ],
+  generateExpr: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.DE258551',
+        defaultMessage: '请输入',
+      }), //'请输入'
+    },
+  ],
+};
+
+export const startDateOptionValues = [
+  {
+    label: formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.88D572DE',
+      defaultMessage: '当前时间',
+    }), //'当前时间'
+    value: START_DATE.CURRENT_DATE,
+    description: formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.684CAF92',
+      defaultMessage: '从实际执行的时间开始创建',
+    }), //'从实际执行的时间开始创建'
+  },
+  {
+    label: formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.9CDC5E14',
+      defaultMessage: '指定时间',
+    }), //'指定时间'
+    value: START_DATE.CUSTOM_DATE,
+    description: formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.0E0ADD3E',
+      defaultMessage: '从指定的某个时间开始创建',
+    }), //'从指定的某个时间开始创建'
+  },
+];
+
+export const incrementFieldTypeOptionsValues = [
+  {
+    label: increamentFieldTypeLabelMap[INCREAMENT_FIELD_TYPE.NUMBER],
+    value: INCREAMENT_FIELD_TYPE.NUMBER,
+    description: formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.33B07A9E',
+      defaultMessage: '仅代表数值数据，如：001、002',
+    }),
+  },
+  {
+    label: increamentFieldTypeLabelMap[INCREAMENT_FIELD_TYPE.TIME_STRING],
+    value: INCREAMENT_FIELD_TYPE.TIME_STRING,
+    description: formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.38D2B418',
+      defaultMessage: '类型为数值但实际含义为日期时间，如: 20250207',
+    }),
+  },
+  {
+    label: increamentFieldTypeLabelMap[INCREAMENT_FIELD_TYPE.TIMESTAMP],
+    value: INCREAMENT_FIELD_TYPE.TIMESTAMP,
+    description: formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.EBF8762C',
+      defaultMessage: '类型为数值但实际含义为时间戳，如: 1609459200',
+    }),
+  },
+];
+
+export const incrementByDateOptionsInNumber = ['yyyy', 'yyyyMM', 'yyyyMMdd', 'yyyyMMddHHmmss'].map(
+  (item) => ({
+    label: item,
+    value: item,
+  }),
+);
+
+export const PRECISION_MAP = {
+  second: 63,
+  minute: 31,
+  hour: 15,
+  day: 7,
+  month: 3,
+  year: 1,
+};
diff --git a/src/component/Task/component/PartitionPolicyFormTable/index.tsx b/src/component/Task/component/PartitionPolicyFormTable/index.tsx
index 20c03b4bd..6a3c348d5 100644
--- a/src/component/Task/component/PartitionPolicyFormTable/index.tsx
+++ b/src/component/Task/component/PartitionPolicyFormTable/index.tsx
@@ -18,7 +18,7 @@ import { getPartitionPlanKeyDataTypes } from '@/common/network/task';
 import CommonTable from '@/component/CommonTable';
 import { CommonTableMode, ITableLoadOptions } from '@/component/CommonTable/interface';
 import SearchFilter from '@/component/SearchFilter';
-import { PARTITION_KEY_INVOKER, TaskPartitionStrategy } from '@/d.ts';
+import { PARTITION_KEY_INVOKER } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
 import {
   EditOutlined,
@@ -28,10 +28,10 @@ import {
 } from '@ant-design/icons';
 import { Checkbox, Space, Tooltip } from 'antd';
 import React, { useRef, useState } from 'react';
-import { ITableConfig } from '../../PartitionTask/CreateModal';
+import { ITableConfig } from '@/component/Task/modals/PartitionTask/CreateModal';
 import { getStrategyLabel } from '../PartitionPolicyTable';
-import ConfigDrawer, { NameRuleType } from './configModal';
-import { revertPartitionKeyInvokerByIncrementFieldType, START_DATE } from './const';
+import ConfigDrawer from './configModal';
+import { NameRuleType, revertPartitionKeyInvokerByIncrementFieldType, START_DATE } from './const';
 import styles from './index.less';
 
 const defaultIntervalPrecision = 3;
diff --git a/src/component/Task/component/PartitionPolicyFormTable/utils.ts b/src/component/Task/component/PartitionPolicyFormTable/utils.ts
new file mode 100644
index 000000000..fe1836ad8
--- /dev/null
+++ b/src/component/Task/component/PartitionPolicyFormTable/utils.ts
@@ -0,0 +1,191 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { TaskPartitionStrategy } from '@/d.ts';
+import { formatMessage } from '@/util/intl';
+import {
+  INCREAMENT_FIELD_TYPE,
+  intervalPrecisionOptions,
+  NameRuleType,
+  PRECISION_MAP,
+} from './const';
+import { getLocale } from '@umijs/max';
+
+const DropConfigMessage = formatMessage({
+  id: 'src.component.Task.component.PartitionPolicyFormTable.A9C95E9D',
+  defaultMessage:
+    '当前表如果包含全局索引，删除分区会导致全局索引失效，如果选择重建全局索引可能耗时很久，请谨慎操作',
+}); /*"当前表如果包含全局索引，删除分区会导致全局索引失效，请谨慎操作，如果选择重建全局索引可能耗时很久，请谨慎操作"*/
+
+const CreateConfigMessage = formatMessage({
+  id: 'src.component.Task.component.PartitionPolicyFormTable.8DC77765',
+  defaultMessage:
+    '当前表如果属于表组（tablegroup），创建分区可能会失败或破坏负载均衡，请谨慎配置创建策略',
+}); /*"当前表如果属于表组（tablegroup），创建分区可能会失败或破坏负载均衡，请谨慎配置创建策略"*/
+
+export const getAlertMessage = (strategies: TaskPartitionStrategy[]) => {
+  const messages = [];
+  if (strategies?.includes(TaskPartitionStrategy.DROP)) {
+    messages.push(DropConfigMessage);
+  }
+  if (strategies?.includes(TaskPartitionStrategy.CREATE)) {
+    messages.push(CreateConfigMessage);
+  }
+  return messages;
+};
+
+export const getUnitLabel = (value: number) => {
+  return intervalPrecisionOptions.find((item) => item.value === value)?.label;
+};
+
+const nameRuleOptions = [
+  {
+    label: formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.EB655A6C',
+      defaultMessage: '前缀 + 后缀',
+    }), //'前缀 + 后缀'
+    value: NameRuleType.PRE_SUFFIX,
+  },
+  {
+    label: formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.AB4964B2',
+      defaultMessage: '自定义',
+    }), //'自定义'
+    value: NameRuleType.CUSTOM,
+  },
+];
+
+export const filteredNameRuleOptions = (
+  dateTypes: boolean,
+  incrementFieldType: INCREAMENT_FIELD_TYPE,
+) => {
+  if (dateTypes || incrementFieldType === INCREAMENT_FIELD_TYPE.TIME_STRING) {
+    return nameRuleOptions;
+  }
+  return nameRuleOptions.filter((item) => item.value === NameRuleType.CUSTOM);
+};
+
+export const getIncrementByDateOptionsInChar = () => {
+  const locale = getLocale();
+  const options = [
+    'yyyy',
+    formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.E205FB6F',
+      defaultMessage: 'yyyy年',
+    }),
+
+    'yyyyMM',
+    'yyyy-MM',
+    'yyyy/MM',
+    formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.216E3527',
+      defaultMessage: 'yyyy年MM月',
+    }),
+
+    'yyyyMMdd',
+    'yyyy-MM-dd',
+    'yyyy/MM/dd',
+    formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.EF0BF81D',
+      defaultMessage: 'yyyy年MM月dd日',
+    }),
+    'yyyyMMdd HH:mm:ss',
+    'yyyy-MM-dd HH:mm:ss',
+    'yyyy/MM/dd HH:mm:ss',
+    formatMessage({
+      id: 'src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.13B22678',
+      defaultMessage: 'yyyy年MM月dd日 HH:mm:ss',
+    }),
+  ];
+
+  if (locale !== 'zh-CN') {
+    return options
+      .filter((item) => !/[\u4e00-\u9fa5]/.test(item))
+      .map((item) => ({
+        label: item,
+        value: item,
+      }));
+  }
+
+  return options.map((item) => ({
+    label: item,
+    value: item,
+  }));
+};
+
+export const getIntervalPrecisionOptionsByIncrementDateType = (
+  incrementFieldTypeInDate: string,
+  incrementFieldType: INCREAMENT_FIELD_TYPE,
+) => {
+  if (incrementFieldType !== INCREAMENT_FIELD_TYPE.TIME_STRING || !incrementFieldTypeInDate) {
+    return intervalPrecisionOptions;
+  }
+
+  if (incrementFieldTypeInDate?.includes?.('s')) {
+    return intervalPrecisionOptions?.filter((item) => item.value <= PRECISION_MAP.second);
+  }
+  if (incrementFieldTypeInDate?.includes?.('m')) {
+    return intervalPrecisionOptions?.filter((item) => item.value <= PRECISION_MAP.minute);
+  }
+  if (incrementFieldTypeInDate?.includes?.('H')) {
+    return intervalPrecisionOptions?.filter((item) => item.value <= PRECISION_MAP.hour);
+  }
+  if (incrementFieldTypeInDate?.includes?.('d')) {
+    return intervalPrecisionOptions?.filter((item) => item.value <= PRECISION_MAP.day);
+  }
+  if (incrementFieldTypeInDate?.includes?.('M')) {
+    return intervalPrecisionOptions?.filter((item) => item.value <= PRECISION_MAP.month);
+  }
+  if (incrementFieldTypeInDate?.includes?.('y')) {
+    return intervalPrecisionOptions?.filter((item) => item.value <= PRECISION_MAP.year);
+  }
+
+  return intervalPrecisionOptions;
+};
+
+export const getDefaultPrecisionByIncrementDateTypeInDate = (
+  incrementFieldTypeInDate: string,
+  incrementFieldType: INCREAMENT_FIELD_TYPE,
+) => {
+  if (incrementFieldType !== INCREAMENT_FIELD_TYPE.TIME_STRING || !incrementFieldTypeInDate) {
+    return 3;
+  }
+
+  if (incrementFieldTypeInDate?.includes?.('s')) {
+    return PRECISION_MAP.second;
+  }
+  if (incrementFieldTypeInDate?.includes?.('m')) {
+    return PRECISION_MAP.minute;
+  }
+  if (incrementFieldTypeInDate?.includes?.('H')) {
+    return PRECISION_MAP.hour;
+  }
+  if (incrementFieldTypeInDate?.includes?.('d')) {
+    return PRECISION_MAP.day;
+  }
+  if (incrementFieldTypeInDate?.includes?.('M')) {
+    return PRECISION_MAP.month;
+  }
+  if (incrementFieldTypeInDate?.includes?.('y')) {
+    return PRECISION_MAP.year;
+  }
+
+  return 3;
+};
+
+export const getPartitionKeyConfigsFormItemName = ({ name, key }) => {
+  return ['option', 'partitionKeyConfigs', name, key];
+};
diff --git a/src/component/Task/component/PartitionPolicyTable/ConfigDrawer.tsx b/src/component/Task/component/PartitionPolicyTable/ConfigDrawer.tsx
index cd7d743e4..1604d5f03 100644
--- a/src/component/Task/component/PartitionPolicyTable/ConfigDrawer.tsx
+++ b/src/component/Task/component/PartitionPolicyTable/ConfigDrawer.tsx
@@ -20,7 +20,7 @@ import type { IPartitionTableConfig } from '@/d.ts';
 import { PARTITION_KEY_INVOKER, TaskPartitionStrategy } from '@/d.ts';
 import { Button, Descriptions, Drawer, Space } from 'antd';
 import React from 'react';
-import { SimpleTextItem } from '../../component/SimpleTextItem';
+import { SimpleTextItem } from '@/component/Task/component/SimpleTextItem';
 import ConfigTable from './ConfigTable';
 import { getStrategyLabelByConfig } from './index';
 import styles from './index.less';
diff --git a/src/component/Task/component/PartitionPolicyTable/ConfigTable.tsx b/src/component/Task/component/PartitionPolicyTable/ConfigTable.tsx
index ad3700537..95ef74fc9 100644
--- a/src/component/Task/component/PartitionPolicyTable/ConfigTable.tsx
+++ b/src/component/Task/component/PartitionPolicyTable/ConfigTable.tsx
@@ -15,7 +15,6 @@ import { formatMessage } from '@/util/intl';
  * limitations under the License.
  */
 import DisplayTable from '@/component/DisplayTable';
-import { intervalPrecisionOptions } from '@/component/Task/component/PartitionPolicyFormTable/configModal';
 import { IPartitionKeyConfig, PARTITION_KEY_INVOKER } from '@/d.ts';
 import { getFormatDateTime } from '@/util/utils';
 import { Descriptions, Tooltip } from 'antd';
@@ -24,6 +23,7 @@ import styles from './index.less';
 import {
   INCREAMENT_FIELD_TYPE,
   increamentFieldTypeLabelMap,
+  intervalPrecisionOptions,
 } from '../PartitionPolicyFormTable/const';
 
 const getFromCurrentTimeLabel = (fromCurrentTime: boolean, baseTimestampMillis: number) => {
diff --git a/src/component/Task/component/PartitionPolicyTable/index.tsx b/src/component/Task/component/PartitionPolicyTable/index.tsx
index 3f0825bfc..0a3bca2c5 100644
--- a/src/component/Task/component/PartitionPolicyTable/index.tsx
+++ b/src/component/Task/component/PartitionPolicyTable/index.tsx
@@ -24,7 +24,7 @@ import { formatMessage } from '@/util/intl';
 import { CheckCircleFilled, SearchOutlined, StopFilled } from '@ant-design/icons';
 import { Space } from 'antd';
 import React, { useEffect, useRef, useState } from 'react';
-import { TaskPartitionStrategyMap } from '../../const';
+import { TaskPartitionStrategyMap } from '@/component/Task/const';
 import ConfigDrawer from './ConfigDrawer';
 import styles from './index.less';
 
diff --git a/src/component/Task/component/PartitionTextArea/index.tsx b/src/component/Task/component/PartitionTextArea/index.tsx
index d231d1bbd..a411d0e95 100644
--- a/src/component/Task/component/PartitionTextArea/index.tsx
+++ b/src/component/Task/component/PartitionTextArea/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Button, Form, Select, Space, Input } from 'antd';
 import styles from './index.less';
diff --git a/src/component/Task/component/ShardingStrategyItem/index.tsx b/src/component/Task/component/ShardingStrategyItem/index.tsx
index 5f766e51c..89b8779e1 100644
--- a/src/component/Task/component/ShardingStrategyItem/index.tsx
+++ b/src/component/Task/component/ShardingStrategyItem/index.tsx
@@ -1,30 +1,44 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
-import { Form, Radio } from 'antd';
+import { Checkbox, CheckboxChangeEvent, Form, FormInstance, Radio, Space } from 'antd';
 import { ShardingStrategy } from '@/d.ts';
+import { useState, useEffect, useMemo } from 'react';
+
+interface IProps {
+  form: FormInstance;
+}
 
-export const shardingStrategyOptions = [
-  {
-    label: formatMessage({
-      id: 'src.component.Task.component.ShardingStrategyItem.E5A6B481',
-      defaultMessage: '全表扫描',
-    }),
-    value: ShardingStrategy.FIXED_LENGTH,
-  },
-  {
-    label: formatMessage({
-      id: 'src.component.Task.component.ShardingStrategyItem.F91EEC6C',
-      defaultMessage: '条件匹配',
-    }),
-    value: ShardingStrategy.MATCH,
-  },
-];
+const ShardingStrategyItem: React.FC<IProps> = ({ form }) => {
+  const [fullTableSearch, setFullTableSearch] = useState<boolean>(
+    form.getFieldValue('shardingStrategy') === ShardingStrategy.FIXED_LENGTH,
+  );
+  const handleChange = (e: CheckboxChangeEvent) => {
+    form.setFieldsValue({
+      shardingStrategy: e.target.checked ? ShardingStrategy.FIXED_LENGTH : ShardingStrategy.MATCH,
+    });
+    setFullTableSearch(e.target.checked);
+  };
 
-const ShardingStrategyItem = () => {
   return (
     <Form.Item
-      label={formatMessage({
-        id: 'src.component.Task.component.ShardingStrategyItem.3BD95C1A',
-        defaultMessage: '搜索策略',
+      extra={formatMessage({
+        id: 'src.component.Task.component.ShardingStrategyItem.B6EB2F37',
+        defaultMessage: '若使用全表扫描方式进行数据搜索，处理过程将更加稳定但性能可能会受到影响',
       })}
       name="shardingStrategy"
       rules={[
@@ -37,7 +51,12 @@ const ShardingStrategyItem = () => {
         },
       ]}
     >
-      <Radio.Group options={shardingStrategyOptions} />
+      <Checkbox checked={fullTableSearch} onChange={handleChange}>
+        {formatMessage({
+          id: 'src.component.Task.component.ShardingStrategyItem.61BD0252',
+          defaultMessage: '通过全表扫描进行数据搜索',
+        })}
+      </Checkbox>
     </Form.Item>
   );
 };
diff --git a/src/component/Task/component/Status/index.tsx b/src/component/Task/component/Status/index.tsx
index d6cb25c0a..3649dcb27 100644
--- a/src/component/Task/component/Status/index.tsx
+++ b/src/component/Task/component/Status/index.tsx
@@ -35,7 +35,7 @@ import {
 import { Space, Tooltip } from 'antd';
 import { isNil } from 'lodash';
 import React from 'react';
-import { isCycleTask } from '../../helper';
+import { isCycleTask } from '@/component/Task/helper';
 export const nodeStatus = {
   [TaskFlowNodeType.APPROVAL_TASK]: {
     [TaskNodeStatus.PENDING]: {
@@ -135,6 +135,13 @@ export const nodeStatus = {
       //已终止
       status: 'error',
     },
+    [TaskNodeStatus.EXECUTING_ABNORMAL]: {
+      text: formatMessage({
+        id: 'src.component.Task.component.Status.F318D350',
+        defaultMessage: '执行异常',
+      }),
+      status: 'error',
+    },
     [TaskNodeStatus.FAILED]: {
       text: formatMessage({
         id: 'odc.component.TaskStatus.Failed.2',
diff --git a/src/component/Task/component/SynchronizationItem/index.tsx b/src/component/Task/component/SynchronizationItem/index.tsx
index a8ec25ce8..88779a18e 100644
--- a/src/component/Task/component/SynchronizationItem/index.tsx
+++ b/src/component/Task/component/SynchronizationItem/index.tsx
@@ -1,8 +1,24 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Form, Space, Checkbox, FormInstance, Tooltip } from 'antd';
 import React, { useEffect, useState } from 'react';
 import { SyncTableStructureEnum } from '@/d.ts';
-import { SyncTableStructureOptions } from '../../const';
+import { SyncTableStructureOptions } from '@/component/Task/const';
 import { IDatabase } from '@/d.ts/database';
 import { isConnectTypeBeFileSystemGroup } from '@/util/connection';
 
diff --git a/src/component/Task/component/TableSelecter/index.tsx b/src/component/Task/component/TableSelecter/index.tsx
index 9acf7a191..16298582d 100644
--- a/src/component/Task/component/TableSelecter/index.tsx
+++ b/src/component/Task/component/TableSelecter/index.tsx
@@ -21,7 +21,7 @@ import ExportCard from '@/component/ExportCard';
 import { EnvColorMap } from '@/constant';
 import { ReactComponent as TableSvg } from '@/svgr/menuTable.svg';
 import Icon, { DeleteOutlined } from '@ant-design/icons';
-import { Badge, Empty, Popconfirm, Space, Spin, Tree, Typography } from 'antd';
+import { Badge, Popconfirm, Space, Spin, Tree, Typography } from 'antd';
 import { DataNode, EventDataNode, TreeProps } from 'antd/lib/tree';
 import classnames from 'classnames';
 import { isConnectTypeBeFileSystemGroup } from '@/util/connection';
@@ -232,7 +232,11 @@ const TableSelecter: React.ForwardRefRenderFunction<TableSelecterRef, IProps> =
     if (!projectId) return;
     setIsLoading(true);
     try {
-      const res = await listDatabases(projectId, null, null, null, null, null, null, true, true);
+      const res = await listDatabases({
+        projectId,
+        existed: true,
+        includesPermittedAction: true,
+      });
       if (res?.contents) {
         datasourceStatus.asyncUpdateStatus(
           res?.contents
@@ -702,8 +706,14 @@ const TableSelecter: React.ForwardRefRenderFunction<TableSelecterRef, IProps> =
           return Array.from(new Set([...prevExpandKeys, databaseId]));
         });
       },
+      getAllLoadedTables: () => {
+        return databaseWithTableList.reduce(
+          (pre, cur) => pre.concat(cur.tableList, cur.viewList, cur.materializedViewList),
+          [],
+        );
+      },
     }),
-    [handleLoadTables],
+    [handleLoadTables, databaseWithTableList],
   );
 
   useEffect(() => {
diff --git a/src/component/Task/component/TableSelecter/interface.ts b/src/component/Task/component/TableSelecter/interface.ts
index e5e82abdd..a06cb46b8 100644
--- a/src/component/Task/component/TableSelecter/interface.ts
+++ b/src/component/Task/component/TableSelecter/interface.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { IDatabase } from '@/d.ts/database';
 import { DataNode, EventDataNode } from 'antd/lib/tree';
 
@@ -13,8 +29,10 @@ export interface TableSelecterRef {
     tables: LoadTableItems[];
     externalTables: LoadTableItems[];
     views: LoadTableItems[];
+    materializedViews: LoadTableItems[];
   }>;
   expandTable: (dbId: number) => void;
+  getAllLoadedTables: () => TableItemInDB[];
 }
 
 export type LoadTableItems = {
diff --git a/src/component/Task/component/TableSelecter/util.tsx b/src/component/Task/component/TableSelecter/util.tsx
index 4e9a09210..f1dd0ab09 100644
--- a/src/component/Task/component/TableSelecter/util.tsx
+++ b/src/component/Task/component/TableSelecter/util.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { TableItem, TableItemInDB } from './interface';
 
 /**
diff --git a/src/component/Task/component/TaskTable/const.ts b/src/component/Task/component/TaskTable/const.ts
new file mode 100644
index 000000000..da837fa95
--- /dev/null
+++ b/src/component/Task/component/TaskTable/const.ts
@@ -0,0 +1,112 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { TaskType } from '@/d.ts';
+import { formatMessage } from '@/util/intl';
+
+// dev_ing 工单类型对应工单名称
+export const TaskTypeMap = {
+  [TaskType.IMPORT]: formatMessage({
+    id: 'odc.TaskManagePage.component.TaskTable.Import',
+    defaultMessage: '导入',
+  }),
+  //导入
+  [TaskType.EXPORT]: formatMessage({
+    id: 'odc.TaskManagePage.component.TaskTable.Export',
+    defaultMessage: '导出',
+  }),
+  //导出
+  [TaskType.DATAMOCK]: formatMessage({
+    id: 'odc.TaskManagePage.component.TaskTable.AnalogData',
+    defaultMessage: '模拟数据',
+  }),
+  //模拟数据
+  [TaskType.ASYNC]: formatMessage({
+    id: 'odc.TaskManagePage.component.TaskTable.DatabaseChanges',
+    defaultMessage: '数据库变更',
+  }),
+  // 数据库变更
+
+  [TaskType.PARTITION_PLAN]: formatMessage({
+    id: 'odc.TaskManagePage.component.TaskTable.PartitionPlan',
+    defaultMessage: '分区计划',
+  }),
+  //分区计划
+
+  [TaskType.SHADOW]: formatMessage({
+    id: 'odc.TaskManagePage.component.TaskTable.ShadowTableSynchronization',
+    defaultMessage: '影子表同步',
+  }),
+  //影子表同步
+
+  [TaskType.ALTER_SCHEDULE]: formatMessage({
+    id: 'odc.TaskManagePage.component.TaskTable.PlannedChange',
+    defaultMessage: '计划变更',
+  }),
+  //计划变更
+  [TaskType.EXPORT_RESULT_SET]: formatMessage({
+    id: 'odc.src.component.Task.component.TaskTable.ExportResultSet',
+    defaultMessage: '导出结果集',
+  }),
+  //'导出结果集'
+  [TaskType.SQL_PLAN]: formatMessage({
+    id: 'odc.component.TaskTable.SqlPlan',
+    defaultMessage: 'SQL 计划',
+  }),
+  //SQL 计划
+  [TaskType.DATA_ARCHIVE]: formatMessage({
+    id: 'odc.component.TaskTable.DataArchiving',
+    defaultMessage: '数据归档',
+  }),
+  //数据归档
+  [TaskType.ONLINE_SCHEMA_CHANGE]: formatMessage({
+    id: 'odc.component.TaskTable.LockFreeStructureChange',
+    defaultMessage: '无锁结构变更',
+  }),
+  //无锁结构变更
+  [TaskType.DATA_DELETE]: formatMessage({
+    id: 'odc.component.TaskTable.DataCleansing',
+    defaultMessage: '数据清理',
+  }),
+  //数据清理
+  [TaskType.APPLY_PROJECT_PERMISSION]: formatMessage({
+    id: 'odc.src.component.Task.component.TaskTable.ApplicationProjectPermissions',
+    defaultMessage: '申请项目权限',
+  }), //'申请项目权限'
+  [TaskType.APPLY_DATABASE_PERMISSION]: formatMessage({
+    id: 'src.component.Task.component.TaskTable.E1E161BA',
+    defaultMessage: '申请库权限',
+  }), //'申请库权限'
+  [TaskType.APPLY_TABLE_PERMISSION]: formatMessage({
+    id: 'src.component.Task.component.TaskTable.573E2A28',
+    defaultMessage: '申请表/视图权限',
+  }),
+  [TaskType.STRUCTURE_COMPARISON]: formatMessage({
+    id: 'src.component.Task.component.TaskTable.80E1D16A',
+    defaultMessage: '结构比对',
+  }), //'结构比对'
+  [TaskType.MULTIPLE_ASYNC]: formatMessage({
+    id: 'src.component.Task.component.TaskTable.A3CA13D5',
+    defaultMessage: '多库变更',
+  }),
+  [TaskType.LOGICAL_DATABASE_CHANGE]: formatMessage({
+    id: 'src.component.Task.component.TaskTable.4203E912',
+    defaultMessage: '逻辑库变更',
+  }),
+};
+
+export const TASK_EXECUTE_TIME_KEY = 'task:executeTime';
+export const TASK_EXECUTE_DATE_KEY = 'task:executeDate';
diff --git a/src/component/Task/component/TaskTable/index.tsx b/src/component/Task/component/TaskTable/index.tsx
index cd8aaba62..069ba336e 100644
--- a/src/component/Task/component/TaskTable/index.tsx
+++ b/src/component/Task/component/TaskTable/index.tsx
@@ -22,21 +22,19 @@ import type {
   ITableSorter,
 } from '@/component/CommonTable/interface';
 import { CommonTableMode, IOperationOptionType } from '@/component/CommonTable/interface';
-import { getCronExecuteCycleByObject, translator } from '@/component/Crontab';
 import SearchFilter from '@/component/SearchFilter';
 import StatusLabel, { cycleStatus, status } from '@/component/Task/component/Status';
 import { TIME_OPTION_ALL_TASK, TimeOptions } from '@/component/TimeSelect';
 import UserPopover from '@/component/UserPopover';
 import type {
   ICycleTaskRecord,
-  ICycleTaskTriggerConfig,
   IDataArchiveJobParameters,
   IResponseData,
   ISqlPlayJobParameters,
   TaskRecord,
   TaskRecordParameters,
 } from '@/d.ts';
-import { TaskExecStrategy, TaskPageType, TaskStatus, TaskType } from '@/d.ts';
+import { TaskPageType, TaskType } from '@/d.ts';
 import type { PageStore } from '@/store/page';
 import type { TaskStore } from '@/store/task';
 import { haveOCP, isClient } from '@/util/env';
@@ -44,14 +42,14 @@ import { useLoop } from '@/util/hooks/useLoop';
 import { formatMessage } from '@/util/intl';
 import { getLocalFormatDateTime } from '@/util/utils';
 import { DownOutlined, SearchOutlined } from '@ant-design/icons';
-import { Button, DatePicker, Tooltip, Popover, Space, Typography } from 'antd';
+import { Button, DatePicker, Tooltip, Popover, Space, Typography, Alert } from 'antd';
 import { flatten } from 'lodash';
 import { inject, observer } from 'mobx-react';
 import type { Dayjs } from 'dayjs';
 import dayjs from 'dayjs';
 import React, { useEffect, useRef, useState, useContext } from 'react';
-import { getTaskGroupLabels, getTaskLabelByType, isCycleTaskPage } from '../../helper';
-import styles from '../../index.less';
+import { getTaskGroupLabels, getTaskLabelByType, isCycleTaskPage } from '@/component/Task/helper';
+import styles from '@/component/Task/index.less';
 import TaskTools from '../ActionBar';
 import { listProjects } from '@/common/network/project';
 import ProjectContext from '@/page/Project/ProjectContext';
@@ -59,6 +57,8 @@ import { isProjectArchived } from '@/page/Project/helper';
 import { useRequest } from 'ahooks';
 import useUrlAction, { URL_ACTION } from '@/util/hooks/useUrlAction';
 import useURLParams from '@/util/hooks/useUrlParams';
+import { TASK_EXECUTE_DATE_KEY, TASK_EXECUTE_TIME_KEY, TaskTypeMap } from './const';
+import { getStatusFilters } from './utils';
 import { AsyncTaskOperationButton } from '../AsyncTaskOperationButton';
 import {
   getExportConfig,
@@ -69,131 +69,10 @@ const { RangePicker } = DatePicker;
 const { Text, Link } = Typography;
 import ImportModal from '../ImportModal';
 import { useImport } from '../ImportModal/useImport';
-import clusterStore from '@/store/cluster';
 import { useTaskSelection, taskTypeThatCanBeExport } from './useTaskSelection';
 import login from '@/store/login';
 import odc from '@/plugins/odc';
 
-export const getCronCycle = (triggerConfig: ICycleTaskTriggerConfig) => {
-  const { triggerStrategy, days, hours, cronExpression } = triggerConfig;
-  return triggerStrategy !== TaskExecStrategy.CRON
-    ? getCronExecuteCycleByObject(triggerStrategy as any, {
-        hour: hours,
-        dayOfWeek: days,
-        dayOfMonth: days,
-      })
-    : translator.parse(cronExpression).toLocaleString();
-};
-export const TaskTypeMap = {
-  [TaskType.IMPORT]: formatMessage({
-    id: 'odc.TaskManagePage.component.TaskTable.Import',
-    defaultMessage: '导入',
-  }),
-  //导入
-  [TaskType.EXPORT]: formatMessage({
-    id: 'odc.TaskManagePage.component.TaskTable.Export',
-    defaultMessage: '导出',
-  }),
-  //导出
-  [TaskType.DATAMOCK]: formatMessage({
-    id: 'odc.TaskManagePage.component.TaskTable.AnalogData',
-    defaultMessage: '模拟数据',
-  }),
-  //模拟数据
-  [TaskType.ASYNC]: formatMessage({
-    id: 'odc.TaskManagePage.component.TaskTable.DatabaseChanges',
-    defaultMessage: '数据库变更',
-  }),
-  // 数据库变更
-
-  [TaskType.PARTITION_PLAN]: formatMessage({
-    id: 'odc.TaskManagePage.component.TaskTable.PartitionPlan',
-    defaultMessage: '分区计划',
-  }),
-  //分区计划
-
-  [TaskType.SHADOW]: formatMessage({
-    id: 'odc.TaskManagePage.component.TaskTable.ShadowTableSynchronization',
-    defaultMessage: '影子表同步',
-  }),
-  //影子表同步
-
-  [TaskType.ALTER_SCHEDULE]: formatMessage({
-    id: 'odc.TaskManagePage.component.TaskTable.PlannedChange',
-    defaultMessage: '计划变更',
-  }),
-  //计划变更
-  [TaskType.EXPORT_RESULT_SET]: formatMessage({
-    id: 'odc.src.component.Task.component.TaskTable.ExportResultSet',
-    defaultMessage: '导出结果集',
-  }),
-  //'导出结果集'
-  [TaskType.SQL_PLAN]: formatMessage({
-    id: 'odc.component.TaskTable.SqlPlan',
-    defaultMessage: 'SQL 计划',
-  }),
-  //SQL 计划
-  [TaskType.DATA_ARCHIVE]: formatMessage({
-    id: 'odc.component.TaskTable.DataArchiving',
-    defaultMessage: '数据归档',
-  }),
-  //数据归档
-  [TaskType.ONLINE_SCHEMA_CHANGE]: formatMessage({
-    id: 'odc.component.TaskTable.LockFreeStructureChange',
-    defaultMessage: '无锁结构变更',
-  }),
-  //无锁结构变更
-  [TaskType.DATA_DELETE]: formatMessage({
-    id: 'odc.component.TaskTable.DataCleansing',
-    defaultMessage: '数据清理',
-  }),
-  //数据清理
-  [TaskType.APPLY_PROJECT_PERMISSION]: formatMessage({
-    id: 'odc.src.component.Task.component.TaskTable.ApplicationProjectPermissions',
-    defaultMessage: '申请项目权限',
-  }), //'申请项目权限'
-  [TaskType.APPLY_DATABASE_PERMISSION]: formatMessage({
-    id: 'src.component.Task.component.TaskTable.E1E161BA',
-    defaultMessage: '申请库权限',
-  }), //'申请库权限'
-  [TaskType.APPLY_TABLE_PERMISSION]: formatMessage({
-    id: 'src.component.Task.component.TaskTable.573E2A28',
-    defaultMessage: '申请表/视图权限',
-  }),
-  [TaskType.STRUCTURE_COMPARISON]: formatMessage({
-    id: 'src.component.Task.component.TaskTable.80E1D16A',
-    defaultMessage: '结构比对',
-  }), //'结构比对'
-  [TaskType.MULTIPLE_ASYNC]: formatMessage({
-    id: 'src.component.Task.component.TaskTable.A3CA13D5',
-    defaultMessage: '多库变更',
-  }),
-  [TaskType.LOGICAL_DATABASE_CHANGE]: formatMessage({
-    id: 'src.component.Task.component.TaskTable.4203E912',
-    defaultMessage: '逻辑库变更',
-  }),
-};
-export const getStatusFilters = (status: {
-  [key: string]: {
-    text: string;
-  };
-}) => {
-  return Object.keys(status)
-    ?.filter((key) => key !== TaskStatus.WAIT_FOR_CONFIRM)
-    .map((key) => {
-      return {
-        text: status?.[key].text,
-        value: key,
-      };
-    });
-};
-export const TASK_EXECUTE_TIME_KEY = 'task:executeTime';
-export const TASK_EXECUTE_DATE_KEY = 'task:executeDate';
-
-const isSupportTaksImport = odc?.appConfig?.task?.isSupportTaksImport;
-const isSupportTaksExport = odc?.appConfig?.task?.isSupportTaksExport;
-const isSupportTaksTerminate = odc?.appConfig?.task?.isSupportTaksTerminate;
-
 interface IProps {
   tableRef: React.RefObject<ITableInstance>;
   taskStore?: TaskStore;
@@ -282,7 +161,9 @@ const TaskTable: React.FC<IProps> = inject(
         setExecuteTime(_executeTime);
         const filters = {
           ...args?.filters,
-          status: (args?.filters?.status || []).concat(urlStatusValue ? [urlStatusValue] : []),
+          status: Array.from(
+            new Set((args?.filters?.status || []).concat(urlStatusValue ? [urlStatusValue] : [])),
+          ),
           executeTime: urlStatusValue ? TIME_OPTION_ALL_TASK : _executeTime,
         };
 
@@ -330,7 +211,7 @@ const TaskTable: React.FC<IProps> = inject(
           },
         });
       }
-    }, [taskPageScope, taskTabType, activePageKey, urlStatusValue]);
+    }, [taskPageScope, taskTabType, activePageKey]);
 
     useEffect(() => {
       if (executeTime) {
@@ -460,7 +341,8 @@ const TaskTable: React.FC<IProps> = inject(
               />
             );
           },
-
+          onFilter: (value, record) =>
+            record?.creator?.name?.toLowerCase()?.includes(value?.toLowerCase()),
           filterIcon: (filtered) => (
             <SearchOutlined
               style={{
@@ -645,10 +527,11 @@ const TaskTable: React.FC<IProps> = inject(
           },
         ];
       }
+      const isSupportTaksImport = odc?.appConfig?.task?.isSupportTaksImport;
+      const isSupportTaksExport = odc?.appConfig?.task?.isSupportTaksExport;
+      const isSupportTaksTerminate = odc?.appConfig?.task?.isSupportTaksTerminate;
       return [
-        !taskTypeThatCanBeExport.includes(taskTabType) ||
-        login.isPrivateSpace() ||
-        !isSupportTaksImport
+        !taskTypeThatCanBeExport.includes(taskTabType) || !isSupportTaksImport
           ? {
               type: IOperationOptionType.button,
               content: [
@@ -760,6 +643,19 @@ const TaskTable: React.FC<IProps> = inject(
 
     return (
       <>
+        {login.isPrivateSpace() && isScheduleMigrateTask(taskTabType as any) && (
+          <Alert
+            message={formatMessage({
+              id: 'src.component.Task.component.TaskTable.E20D58A0',
+              defaultMessage:
+                '个人空间任务仅支持本人管理和查看，且不提供告警配置功能，因此不建议将其用于对生产业务有强依赖的场景。如需在生产业务中使用该功能，请优先选择团队空间，并配置相应的消息通知机制，以保障业务的正常运转。',
+            })}
+            type="warning"
+            showIcon
+            style={{ margin: '8px 0' }}
+          />
+        )}
+
         <CommonTable
           ref={tableRef}
           mode={CommonTableMode.SMALL}
@@ -803,6 +699,7 @@ const TaskTable: React.FC<IProps> = inject(
                       }}
                     />
                   );
+
                   return content;
                 },
               },
diff --git a/src/component/Task/component/TaskTable/useTaskSelection.ts b/src/component/Task/component/TaskTable/useTaskSelection.ts
index 356e2b26b..d77e2bce8 100644
--- a/src/component/Task/component/TaskTable/useTaskSelection.ts
+++ b/src/component/Task/component/TaskTable/useTaskSelection.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { useEffect, useState, useMemo } from 'react';
 import type {
   TaskRecord,
diff --git a/src/component/Task/component/TaskTable/utils.ts b/src/component/Task/component/TaskTable/utils.ts
new file mode 100644
index 000000000..e4f988341
--- /dev/null
+++ b/src/component/Task/component/TaskTable/utils.ts
@@ -0,0 +1,44 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { getCronExecuteCycleByObject, translator } from '@/component/Crontab';
+import { ICycleTaskTriggerConfig, TaskExecStrategy, TaskStatus } from '@/d.ts';
+
+export const getCronCycle = (triggerConfig: ICycleTaskTriggerConfig) => {
+  const { triggerStrategy, days, hours, cronExpression } = triggerConfig;
+  return triggerStrategy !== TaskExecStrategy.CRON
+    ? getCronExecuteCycleByObject(triggerStrategy as any, {
+        hour: hours,
+        dayOfWeek: days,
+        dayOfMonth: days,
+      })
+    : translator.parse(cronExpression).toLocaleString();
+};
+
+export const getStatusFilters = (status: {
+  [key: string]: {
+    text: string;
+  };
+}) => {
+  return Object.keys(status)
+    ?.filter((key) => key !== TaskStatus.WAIT_FOR_CONFIRM)
+    .map((key) => {
+      return {
+        text: status?.[key].text,
+        value: key,
+      };
+    });
+};
diff --git a/src/component/Task/component/TaskdurationItem/index.tsx b/src/component/Task/component/TaskdurationItem/index.tsx
index 6e5794873..0758fcbd1 100644
--- a/src/component/Task/component/TaskdurationItem/index.tsx
+++ b/src/component/Task/component/TaskdurationItem/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Checkbox, Form, FormInstance, InputNumber, Space } from 'antd';
 import React, { useEffect, useState } from 'react';
diff --git a/src/component/Task/component/ThrottleFormItem/index.tsx b/src/component/Task/component/ThrottleFormItem/index.tsx
index bec6505c9..9237b9bc5 100644
--- a/src/component/Task/component/ThrottleFormItem/index.tsx
+++ b/src/component/Task/component/ThrottleFormItem/index.tsx
@@ -19,7 +19,6 @@ import HelpDoc from '@/component/helpDoc';
 import setting from '@/store/setting';
 import { Form, InputNumber, Space } from 'antd';
 import React from 'react';
-import { TaskType } from '@/d.ts';
 interface IProps {
   initialValue?: {
     rowLimit?: number;
diff --git a/src/component/Task/component/VariableConfigTable/index.tsx b/src/component/Task/component/VariableConfigTable/index.tsx
index 50d093046..bda5b9ddc 100644
--- a/src/component/Task/component/VariableConfigTable/index.tsx
+++ b/src/component/Task/component/VariableConfigTable/index.tsx
@@ -15,7 +15,7 @@
  */
 
 import DisplayTable from '@/component/DisplayTable';
-import { timeUnitOptions } from '@/component/Task/DataArchiveTask/CreateModal/VariableConfig';
+import { timeUnitOptions } from '@/component/Task/modals/DataArchiveTask/CreateModal/VariableConfig';
 import { formatMessage } from '@/util/intl';
 import React from 'react';
 const oprationReg = /^[-+]\d+[shdwmMy]$/;
diff --git a/src/component/Task/const.ts b/src/component/Task/const.ts
index 730dc82ea..6c722177c 100644
--- a/src/component/Task/const.ts
+++ b/src/component/Task/const.ts
@@ -18,7 +18,9 @@ import {
   SubTaskType,
   SyncTableStructureEnum,
   TaskErrorStrategy,
+  TaskExecStrategy,
   TaskPartitionStrategy,
+  TaskType,
 } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
 
@@ -103,3 +105,109 @@ export const SubTaskTypeMap = {
 export const OscMinRowLimit = 1;
 export const OscMaxRowLimit = 10000;
 export const OscMaxDataSizeLimit = 1000;
+
+export const getTaskExecStrategyMap = (type: TaskType) => {
+  switch (type) {
+    case TaskType.DATA_ARCHIVE:
+    case TaskType.DATA_DELETE:
+    case TaskType.LOGICAL_DATABASE_CHANGE:
+    case TaskType.PARTITION_PLAN:
+      return {
+        [TaskExecStrategy.TIMER]: formatMessage({
+          id: 'odc.src.component.Task.CycleExecution',
+          defaultMessage: '周期执行',
+        }), //'周期执行'
+        [TaskExecStrategy.CRON]: formatMessage({
+          id: 'odc.src.component.Task.CycleExecution.1',
+          defaultMessage: '周期执行',
+        }), //'周期执行'
+        [TaskExecStrategy.DAY]: formatMessage({
+          id: 'odc.src.component.Task.CycleExecution.2',
+          defaultMessage: '周期执行',
+        }), //'周期执行'
+        [TaskExecStrategy.MONTH]: formatMessage({
+          id: 'odc.src.component.Task.CycleExecution.3',
+          defaultMessage: '周期执行',
+        }), //'周期执行'
+        [TaskExecStrategy.WEEK]: formatMessage({
+          id: 'odc.src.component.Task.CycleExecution.4',
+          defaultMessage: '周期执行',
+        }), //'周期执行'
+        [TaskExecStrategy.START_NOW]: formatMessage({
+          id: 'odc.src.component.Task.ExecuteImmediately',
+          defaultMessage: '立即执行',
+        }), //'立即执行'
+        [TaskExecStrategy.START_AT]: formatMessage({
+          id: 'odc.src.component.Task.TimedExecution',
+          defaultMessage: '定时执行',
+        }), //'定时执行'
+      };
+    case TaskType.STRUCTURE_COMPARISON: {
+      return {
+        [TaskExecStrategy.AUTO]: formatMessage({
+          id: 'src.component.Task.9B79BD20',
+          defaultMessage: '自动执行',
+        }), //'自动执行'
+        [TaskExecStrategy.MANUAL]: formatMessage({
+          id: 'src.component.Task.0B2B1D60',
+          defaultMessage: '手动执行',
+        }), //'手动执行'
+      };
+    }
+    default:
+      return {
+        [TaskExecStrategy.AUTO]: formatMessage({
+          id: 'odc.components.TaskManagePage.ExecuteNow',
+          defaultMessage: '立即执行',
+        }),
+        //立即执行
+        [TaskExecStrategy.MANUAL]: formatMessage({
+          id: 'odc.components.TaskManagePage.ManualExecution',
+          defaultMessage: '手动执行',
+        }),
+        //手动执行
+        [TaskExecStrategy.TIMER]: formatMessage({
+          id: 'odc.components.TaskManagePage.ScheduledExecution',
+          defaultMessage: '定时执行',
+        }), //定时执行
+      };
+  }
+};
+export const getTaskExecStrategyTextMap = {
+  [TaskExecStrategy.TIMER]: formatMessage({
+    id: 'odc.src.component.Task.CycleExecution',
+    defaultMessage: '周期执行',
+  }), //'周期执行'
+  [TaskExecStrategy.CRON]: formatMessage({
+    id: 'odc.src.component.Task.CycleExecution.1',
+    defaultMessage: '周期执行',
+  }), //'周期执行'
+  [TaskExecStrategy.DAY]: formatMessage({
+    id: 'odc.src.component.Task.CycleExecution.2',
+    defaultMessage: '周期执行',
+  }), //'周期执行'
+  [TaskExecStrategy.MONTH]: formatMessage({
+    id: 'odc.src.component.Task.CycleExecution.3',
+    defaultMessage: '周期执行',
+  }), //'周期执行'
+  [TaskExecStrategy.WEEK]: formatMessage({
+    id: 'odc.src.component.Task.CycleExecution.4',
+    defaultMessage: '周期执行',
+  }), //'周期执行'
+  [TaskExecStrategy.START_NOW]: formatMessage({
+    id: 'odc.src.component.Task.ExecuteImmediately',
+    defaultMessage: '立即执行',
+  }), //'立即执行'
+  [TaskExecStrategy.START_AT]: formatMessage({
+    id: 'odc.src.component.Task.TimedExecution',
+    defaultMessage: '定时执行',
+  }), //'定时执行'
+  [TaskExecStrategy.AUTO]: formatMessage({
+    id: 'src.component.Task.9B79BD20',
+    defaultMessage: '自动执行',
+  }), //'自动执行'
+  [TaskExecStrategy.MANUAL]: formatMessage({
+    id: 'src.component.Task.0B2B1D60',
+    defaultMessage: '手动执行',
+  }), //'手动执行'
+};
diff --git a/src/component/Task/Content.tsx b/src/component/Task/container/Content.tsx
similarity index 80%
rename from src/component/Task/Content.tsx
rename to src/component/Task/container/Content.tsx
index b5948de55..4a2ba2fb9 100644
--- a/src/component/Task/Content.tsx
+++ b/src/component/Task/container/Content.tsx
@@ -1,4 +1,3 @@
-import { formatMessage } from '@/util/intl';
 /*
  * Copyright 2023 OceanBase
  *
@@ -14,17 +13,9 @@ import { formatMessage } from '@/util/intl';
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 import { getCycleTaskDetail, getTaskDetail } from '@/common/network/task';
 import type { ITableInstance, ITableLoadOptions } from '@/component/CommonTable/interface';
-import type {
-  IAlterScheduleTaskParams,
-  IDataArchiveJobParameters,
-  IResponseData,
-  ISqlPlayJobParameters,
-  TaskRecordParameters,
-  TaskStatus,
-} from '@/d.ts';
+import type { IAlterScheduleTaskParams, TaskRecordParameters } from '@/d.ts';
 import {
   IConnectionType,
   ICycleTaskRecord,
@@ -36,20 +27,23 @@ import {
 import { ModalStore } from '@/store/modal';
 import type { TaskStore } from '@/store/task';
 import tracert from '@/util/tracert';
-import { getPreTime } from '@/util/utils';
 import { useLocation } from '@umijs/max';
 import { useSetState } from 'ahooks';
 import { message } from 'antd';
 import { inject, observer } from 'mobx-react';
 import type { Dayjs } from 'dayjs';
 import React, { useEffect, useRef, useMemo } from 'react';
-import TaskTable from './component/TaskTable';
-import DetailModal from './DetailModal';
-import { isCycleTask, isCycleTaskPage } from './helper';
-import styles from './index.less';
+import TaskTable from '../component/TaskTable';
+import { isCycleTask, isCycleTaskPage } from '../helper';
+import styles from '../index.less';
 import { UserStore } from '@/store/login';
 import { TaskDetailContext } from './TaskDetailContext';
 import useURLParams from '@/util/hooks/useUrlParams';
+import { IState } from '../interface';
+import CreateModals from '../modals/CreateModals';
+import DetailModals from '../modals/DetailModals';
+import { formatMessage } from '@/util/intl';
+import { getPreTime } from '@/util/utils';
 
 interface IProps {
   taskStore?: TaskStore;
@@ -63,14 +57,7 @@ interface IProps {
   defaultTaskId?: number;
   defaultTaskType?: TaskType;
 }
-export interface IState {
-  detailId: number;
-  detailType: TaskType;
-  detailVisible: boolean;
-  status: TaskStatus;
-  tasks: IResponseData<TaskRecord<TaskRecordParameters>>;
-  cycleTasks: IResponseData<ICycleTaskRecord<ISqlPlayJobParameters | IDataArchiveJobParameters>>;
-}
+
 const TaskManaerContent: React.FC<IProps> = (props) => {
   const {
     pageKey,
@@ -100,7 +87,7 @@ const TaskManaerContent: React.FC<IProps> = (props) => {
   const { getParam } = useURLParams();
   const urlTriggerValue = getParam('filtered');
 
-  const TaskEventMap = {
+  const taskModalActions = {
     [TaskPageType.IMPORT]: () => modalStore.changeImportModal(true),
     [TaskPageType.EXPORT]: () => modalStore.changeExportModal(),
     [TaskPageType.DATAMOCK]: () => modalStore.changeDataMockerModal(true),
@@ -128,6 +115,7 @@ const TaskManaerContent: React.FC<IProps> = (props) => {
       ),
     [TaskPageType.LOGICAL_DATABASE_CHANGE]: () => modalStore.changeLogicialDatabaseModal(true),
   };
+
   const loadList = async (args: ITableLoadOptions, executeDate: [Dayjs, Dayjs]) => {
     const { pageKey, taskStore } = props;
     const taskTabType = pageKey || taskStore?.taskPageType;
@@ -137,39 +125,59 @@ const TaskManaerContent: React.FC<IProps> = (props) => {
       await loadTaskList(taskTabType, args, executeDate);
     }
   };
+
+  const getListParams = (taskTabType, args: ITableLoadOptions, executeDate: [Dayjs, Dayjs]) => {
+    const { projectId } = props;
+    const { filters, sorter } = args ?? {};
+    const { status, candidateApprovers, creator, projectIdList, executeTime } = filters ?? {};
+    const { column, order } = sorter ?? {};
+
+    const isAllScope = ![
+      TaskPageType.CREATED_BY_CURRENT_USER,
+      TaskPageType.APPROVE_BY_CURRENT_USER,
+    ].includes(taskTabType);
+    const isAll = taskTabType === TaskPageType.ALL;
+
+    const commonParams = {
+      projectId: projectId || projectIdList || undefined,
+      status,
+      startTime: executeDate?.length > 0 ? executeDate?.[0]?.valueOf() ?? getPreTime(7) : undefined,
+      endTime: executeDate?.length > 0 ? executeDate?.[1]?.valueOf() ?? getPreTime(0) : undefined,
+      candidateApprovers,
+      creator,
+      sort: column?.dataIndex,
+      containsAll: isAll || isAllScope,
+    };
+    if (executeTime !== 'custom' && typeof executeTime === 'number') {
+      commonParams.startTime = getPreTime(executeTime);
+      commonParams.endTime = getPreTime(0);
+    }
+    const sort = column ? `${column.dataIndex},${order === 'ascend' ? 'asc' : 'desc'}` : undefined;
+    return { commonParams, sort, isAllScope, isAll };
+  };
+
   const loadTaskList = async (
     taskTabType,
     args: ITableLoadOptions,
     executeDate: [Dayjs, Dayjs],
   ) => {
-    const { projectId } = props;
-    const { filters, sorter, pagination, pageSize } = args ?? {};
-    const { status, executeTime, candidateApprovers, creator, connection, id, projectIdList } =
-      filters ?? {};
-    const { column, order } = sorter ?? {};
-    const { current = 1 } = pagination ?? {};
+    const { filters, pageSize, pagination } = args ?? {};
+    const { connection, id } = filters ?? {};
     const connectionId = connection?.filter(
       (key) => ![IConnectionType.PRIVATE, IConnectionType.ORGANIZATION].includes(key),
     );
-    const isAllScope = ![
-      TaskPageType.CREATED_BY_CURRENT_USER,
-      TaskPageType.APPROVE_BY_CURRENT_USER,
-    ].includes(taskTabType);
-    const isAll = taskTabType === TaskPageType.ALL;
+    const { current = 1 } = pagination ?? {};
+
+    const { commonParams, sort, isAll, isAllScope } = getListParams(taskTabType, args, executeDate);
+
     if (!pageSize) {
       return;
     }
     const params = {
+      ...commonParams,
       fuzzySearchKeyword: id ? id : undefined,
       taskType: isAllScope ? (isAll ? undefined : taskTabType) : undefined,
-      projectId: projectId || projectIdList || undefined,
-      status,
-      startTime: executeDate?.length > 0 ? executeDate?.[0]?.valueOf() ?? getPreTime(7) : undefined,
-      endTime: executeDate?.length > 0 ? executeDate?.[1]?.valueOf() ?? getPreTime(0) : undefined,
       connectionId,
-      candidateApprovers,
-      creator,
-      sort: column?.dataIndex,
       page: current,
       size: pageSize,
       createdByCurrentUser: isAllScope
@@ -178,14 +186,10 @@ const TaskManaerContent: React.FC<IProps> = (props) => {
       approveByCurrentUser: isAllScope
         ? true
         : taskTabType === TaskPageType.APPROVE_BY_CURRENT_USER,
-      containsAll: isAll || isAllScope,
     };
-    if (executeTime !== 'custom' && typeof executeTime === 'number') {
-      params.startTime = getPreTime(executeTime);
-      params.endTime = getPreTime(0);
-    }
     // sorter
-    params.sort = column ? `${column.dataIndex},${order === 'ascend' ? 'asc' : 'desc'}` : undefined;
+    params.sort = sort;
+
     const tasks = await props.taskStore.getTaskList(params);
     setState({
       tasks,
@@ -196,41 +200,27 @@ const TaskManaerContent: React.FC<IProps> = (props) => {
     args: ITableLoadOptions,
     executeDate: [Dayjs, Dayjs],
   ) => {
-    const { projectId } = props;
-    const { filters, sorter, pagination, pageSize } = args ?? {};
-    const { status, executeTime, candidateApprovers, creator, id, projectIdList } = filters ?? {};
-    const { column, order } = sorter ?? {};
+    const { filters, pageSize, pagination } = args ?? {};
+    const { id } = filters ?? {};
     const { current = 1 } = pagination ?? {};
-    const isAllScope = ![
-      TaskPageType.CREATED_BY_CURRENT_USER,
-      TaskPageType.APPROVE_BY_CURRENT_USER,
-    ].includes(taskTabType);
-    const isAll = taskTabType === TaskPageType.ALL;
+
+    const { commonParams, sort, isAll, isAllScope } = getListParams(taskTabType, args, executeDate);
+
     if (!pageSize) {
       return;
     }
     const params = {
+      ...commonParams,
       id: id ? id : undefined,
       type: isAllScope ? (isAll ? undefined : taskTabType) : undefined,
-      projectId: projectId || projectIdList,
-      status,
-      candidateApprovers,
-      creator,
-      startTime: executeDate?.length > 0 ? executeDate?.[0]?.valueOf() ?? getPreTime(7) : undefined,
-      endTime: executeDate?.length > 0 ? executeDate?.[1]?.valueOf() ?? getPreTime(0) : undefined,
-      createdByCurrentUser: taskTabType === TaskPageType.CREATED_BY_CURRENT_USER,
-      approveByCurrentUser: taskTabType === TaskPageType.APPROVE_BY_CURRENT_USER,
-      sort: column?.dataIndex,
       page: urlTriggerValue ? undefined : current,
       size: urlTriggerValue ? undefined : pageSize,
-      containsAll: isAll || isAllScope,
+      createdByCurrentUser: taskTabType === TaskPageType.CREATED_BY_CURRENT_USER,
+      approveByCurrentUser: taskTabType === TaskPageType.APPROVE_BY_CURRENT_USER,
     };
-    if (executeTime !== 'custom' && typeof executeTime === 'number') {
-      params.startTime = getPreTime(executeTime);
-      params.endTime = getPreTime(0);
-    }
     // sorter
-    params.sort = column ? `${column.dataIndex},${order === 'ascend' ? 'asc' : 'desc'}` : undefined;
+    params.sort = sort;
+
     const cycleTasks = await props.taskStore.getCycleTaskList(params);
     const filteredContents = cycleTasks?.contents?.filter(
       (item) =>
@@ -246,6 +236,7 @@ const TaskManaerContent: React.FC<IProps> = (props) => {
   const reloadList = () => {
     tableRef.current.reload();
   };
+
   const handleDetailVisible = (
     task: TaskRecord<TaskRecordParameters> | ICycleTaskRecord<any>,
     visible: boolean = false,
@@ -265,12 +256,14 @@ const TaskManaerContent: React.FC<IProps> = (props) => {
     });
     taskOpenRef.current = visible;
   };
-  const handleMenuClick = (type: TaskPageType) => {
+
+  const handleMenuItemClick = (type: TaskPageType) => {
     tracert.click('a3112.b64006.c330917.d367464', {
       type,
     });
-    TaskEventMap?.[type]?.();
+    taskModalActions?.[type]?.();
   };
+
   const openDefaultTask = async () => {
     const { defaultTaskId, defaultTaskType } = props;
     if (defaultTaskId) {
@@ -306,15 +299,11 @@ const TaskManaerContent: React.FC<IProps> = (props) => {
    * 显示：sql控制台
    */
   const disableProjectCol = useMemo(() => {
-    if (inProject) {
-      return true;
-    } else if (userStore.isPrivateSpace()) {
+    if (inProject || userStore.isPrivateSpace()) {
       return true;
-    } else if (pageKey === TaskPageType.ALL && !userStore.isPrivateSpace()) {
-      return false;
     }
     return false;
-  }, [inProject, pageKey, userStore.organizationId]);
+  }, [inProject, userStore.organizationId]);
 
   return (
     <TaskDetailContext.Provider
@@ -333,10 +322,11 @@ const TaskManaerContent: React.FC<IProps> = (props) => {
           getTaskList={loadList}
           onDetailVisible={handleDetailVisible}
           onReloadList={reloadList}
-          onMenuClick={handleMenuClick}
+          onMenuClick={handleMenuItemClick}
         />
       </div>
-      <DetailModal
+      {!isSqlworkspace && <CreateModals projectId={projectId} theme="white" />}
+      <DetailModals
         theme={theme}
         taskOpenRef={taskOpenRef}
         type={detailType}
diff --git a/src/component/Task/Sider.tsx b/src/component/Task/container/Sider.tsx
similarity index 93%
rename from src/component/Task/Sider.tsx
rename to src/component/Task/container/Sider.tsx
index 5300bb981..49dbb5233 100644
--- a/src/component/Task/Sider.tsx
+++ b/src/component/Task/container/Sider.tsx
@@ -23,11 +23,10 @@ import { Space, Tooltip, Typography } from 'antd';
 import classNames from 'classnames';
 import { inject, observer } from 'mobx-react';
 import React, { useEffect } from 'react';
-import { getFirstEnabledTask, getTaskGroupLabels } from './helper';
-
-import styles from './index.less';
-import useUrlAction, { URL_ACTION } from '@/util/hooks/useUrlAction';
+import { getFirstEnabledTask, getTaskGroupLabels } from '../helper';
+import useUrlAction from '@/util/hooks/useUrlAction';
 import useURLParams from '@/util/hooks/useUrlParams';
+import styles from '../index.less';
 
 interface IProps {
   taskStore?: TaskStore;
@@ -37,10 +36,11 @@ interface IProps {
   inProject?: boolean;
 }
 
-const Sider: React.FC<IProps> = function ({ taskStore, pageStore, className, isPage, inProject }) {
+const { Text } = Typography;
+
+const Sider: React.FC<IProps> = function ({ taskStore, pageStore, className, isPage }) {
   const firstEnabledTask = getFirstEnabledTask();
   const pageKey = isPage ? pageStore?.activePageKey : taskStore?.taskPageType;
-  const { Text } = Typography;
   const { getParam, deleteParam } = useURLParams();
   const urlTriggerValue = getParam('filtered');
   const urlStatusValue = getParam('status');
diff --git a/src/component/Task/container/TaskDetailContext.tsx b/src/component/Task/container/TaskDetailContext.tsx
new file mode 100644
index 000000000..5937520bb
--- /dev/null
+++ b/src/component/Task/container/TaskDetailContext.tsx
@@ -0,0 +1,29 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { ICycleTaskRecord, TaskRecord, TaskRecordParameters } from '@/d.ts';
+import React from 'react';
+import { IState } from '../interface';
+
+interface ITaskDetailContext {
+  handleDetailVisible: (
+    task: TaskRecord<TaskRecordParameters> | ICycleTaskRecord<any>,
+    visible?: boolean,
+  ) => void;
+  setState: (patch: Partial<IState> | ((prevState: IState) => Partial<IState>)) => void;
+}
+
+export const TaskDetailContext = React.createContext<ITaskDetailContext>(null);
diff --git a/src/component/Task/helper.tsx b/src/component/Task/helper.tsx
index 2f4e693af..65b850e11 100644
--- a/src/component/Task/helper.tsx
+++ b/src/component/Task/helper.tsx
@@ -20,8 +20,12 @@ import login from '@/store/login';
 import settingStore from '@/store/setting';
 import { isClient } from '@/util/env';
 import { formatMessage } from '@/util/intl';
+import { getPreTime } from '@/util/utils';
 import { flatten } from 'lodash';
-export { TaskTypeMap } from '@/component/Task/component/TaskTable';
+import type { Dayjs } from 'dayjs';
+import { ITableLoadOptions } from '../CommonTable/interface';
+export { TaskTypeMap } from '@/component/Task/component/TaskTable/const';
+import dayjs from 'dayjs';
 
 // 423 屏蔽 SysFormItem 配置
 export const ENABLED_SYS_FROM_ITEM = false;
@@ -318,3 +322,45 @@ export const conditionExpressionColumns = [
     },
   },
 ];
+
+type TimeUnit = 'years' | 'months' | 'days';
+
+const MAX_DATE = '9999-12-31 23:59:59';
+const MAX_DATE_LABEL = '9999-12-31';
+
+/**
+ * 处理时间单位转换的兼容函数
+ * @param value 时间值
+ * @param unit 单位
+ * @returns [转换后的值, 转换后的单位]
+ */
+const normalizeTimeUnit = (value: number, unit: TimeUnit): [number, TimeUnit] => {
+  if (unit === 'years' && value % 1 !== 0) {
+    // 处理年的小数情况，转换为月
+    return [value * 12, 'months'];
+  }
+  return [value, unit];
+};
+
+export const getExpireTime = (expireTime, customExpireTime, isCustomExpireTime) => {
+  if (isCustomExpireTime) {
+    return customExpireTime?.valueOf();
+  } else {
+    const [offset, unit] = expireTime.split(',') ?? [];
+    if (offset === 'never') {
+      return dayjs(MAX_DATE)?.valueOf();
+    }
+    const [normalizedValue, normalizedUnit] = normalizeTimeUnit(Number(offset), unit as TimeUnit);
+    return dayjs().add(normalizedValue, normalizedUnit)?.valueOf();
+  }
+};
+
+export const getExpireTimeLabel = (expireTime) => {
+  const label = dayjs(expireTime).format('YYYY-MM-DD');
+  return label === MAX_DATE_LABEL
+    ? formatMessage({
+        id: 'src.component.Task.ApplyDatabasePermission.CreateModal.B5C7760D',
+        defaultMessage: '永不过期',
+      })
+    : label;
+};
diff --git a/src/component/Task/hooks/useProjects.tsx b/src/component/Task/hooks/useLoadProjects.tsx
similarity index 97%
rename from src/component/Task/hooks/useProjects.tsx
rename to src/component/Task/hooks/useLoadProjects.tsx
index 23e0e4182..6858edadc 100644
--- a/src/component/Task/hooks/useProjects.tsx
+++ b/src/component/Task/hooks/useLoadProjects.tsx
@@ -18,7 +18,7 @@ import { useState } from 'react';
 import { getProjectList } from '@/common/network/task';
 import { IProject } from '@/d.ts/project';
 
-export const useProjects = () => {
+export const useLoadProjects = () => {
   const [projects, setProjects] = useState<IProject[]>([]);
   const [projectMap, setProjectMap] = useState<Record<number, string>>({});
   const projectOptions = projects?.map(({ name, id }) => ({
diff --git a/src/component/Task/index.less b/src/component/Task/index.less
index 0a64f9d4d..45c02c289 100644
--- a/src/component/Task/index.less
+++ b/src/component/Task/index.less
@@ -36,17 +36,6 @@
   }
 }
 
-.approvalModal {
-  .block:global(.ant-space) {
-    width: 100%;
-  }
-  :global {
-    .ant-modal-body {
-      padding: 20px;
-    }
-  }
-}
-
 .tools {
   :global {
     .ant-dropdown-menu-item {
diff --git a/src/component/Task/index.tsx b/src/component/Task/index.tsx
index 28c27a4ad..a619ee75f 100644
--- a/src/component/Task/index.tsx
+++ b/src/component/Task/index.tsx
@@ -14,127 +14,19 @@
  * limitations under the License.
  */
 
-import { TaskExecStrategy, TaskType } from '@/d.ts';
+import { TaskType } from '@/d.ts';
 import login from '@/store/login';
-import { formatMessage } from '@/util/intl';
 import { useSearchParams } from '@umijs/max';
 import { toInteger } from 'lodash';
-import Content from './Content';
-import CreateModals from './CreateModals';
+import Content from './container/Content';
 import styles from './index.less';
-import Sider from './Sider';
-
-export const getTaskExecStrategyMap = (type: TaskType) => {
-  switch (type) {
-    case TaskType.DATA_ARCHIVE:
-    case TaskType.DATA_DELETE:
-    case TaskType.LOGICAL_DATABASE_CHANGE:
-    case TaskType.PARTITION_PLAN:
-      return {
-        [TaskExecStrategy.TIMER]: formatMessage({
-          id: 'odc.src.component.Task.CycleExecution',
-          defaultMessage: '周期执行',
-        }), //'周期执行'
-        [TaskExecStrategy.CRON]: formatMessage({
-          id: 'odc.src.component.Task.CycleExecution.1',
-          defaultMessage: '周期执行',
-        }), //'周期执行'
-        [TaskExecStrategy.DAY]: formatMessage({
-          id: 'odc.src.component.Task.CycleExecution.2',
-          defaultMessage: '周期执行',
-        }), //'周期执行'
-        [TaskExecStrategy.MONTH]: formatMessage({
-          id: 'odc.src.component.Task.CycleExecution.3',
-          defaultMessage: '周期执行',
-        }), //'周期执行'
-        [TaskExecStrategy.WEEK]: formatMessage({
-          id: 'odc.src.component.Task.CycleExecution.4',
-          defaultMessage: '周期执行',
-        }), //'周期执行'
-        [TaskExecStrategy.START_NOW]: formatMessage({
-          id: 'odc.src.component.Task.ExecuteImmediately',
-          defaultMessage: '立即执行',
-        }), //'立即执行'
-        [TaskExecStrategy.START_AT]: formatMessage({
-          id: 'odc.src.component.Task.TimedExecution',
-          defaultMessage: '定时执行',
-        }), //'定时执行'
-      };
-    case TaskType.STRUCTURE_COMPARISON: {
-      return {
-        [TaskExecStrategy.AUTO]: formatMessage({
-          id: 'src.component.Task.9B79BD20',
-          defaultMessage: '自动执行',
-        }), //'自动执行'
-        [TaskExecStrategy.MANUAL]: formatMessage({
-          id: 'src.component.Task.0B2B1D60',
-          defaultMessage: '手动执行',
-        }), //'手动执行'
-      };
-    }
-    default:
-      return {
-        [TaskExecStrategy.AUTO]: formatMessage({
-          id: 'odc.components.TaskManagePage.ExecuteNow',
-          defaultMessage: '立即执行',
-        }),
-        //立即执行
-        [TaskExecStrategy.MANUAL]: formatMessage({
-          id: 'odc.components.TaskManagePage.ManualExecution',
-          defaultMessage: '手动执行',
-        }),
-        //手动执行
-        [TaskExecStrategy.TIMER]: formatMessage({
-          id: 'odc.components.TaskManagePage.ScheduledExecution',
-          defaultMessage: '定时执行',
-        }), //定时执行
-      };
-  }
-};
-export const getTaskExecStrategyTextMap = {
-  [TaskExecStrategy.TIMER]: formatMessage({
-    id: 'odc.src.component.Task.CycleExecution',
-    defaultMessage: '周期执行',
-  }), //'周期执行'
-  [TaskExecStrategy.CRON]: formatMessage({
-    id: 'odc.src.component.Task.CycleExecution.1',
-    defaultMessage: '周期执行',
-  }), //'周期执行'
-  [TaskExecStrategy.DAY]: formatMessage({
-    id: 'odc.src.component.Task.CycleExecution.2',
-    defaultMessage: '周期执行',
-  }), //'周期执行'
-  [TaskExecStrategy.MONTH]: formatMessage({
-    id: 'odc.src.component.Task.CycleExecution.3',
-    defaultMessage: '周期执行',
-  }), //'周期执行'
-  [TaskExecStrategy.WEEK]: formatMessage({
-    id: 'odc.src.component.Task.CycleExecution.4',
-    defaultMessage: '周期执行',
-  }), //'周期执行'
-  [TaskExecStrategy.START_NOW]: formatMessage({
-    id: 'odc.src.component.Task.ExecuteImmediately',
-    defaultMessage: '立即执行',
-  }), //'立即执行'
-  [TaskExecStrategy.START_AT]: formatMessage({
-    id: 'odc.src.component.Task.TimedExecution',
-    defaultMessage: '定时执行',
-  }), //'定时执行'
-  [TaskExecStrategy.AUTO]: formatMessage({
-    id: 'src.component.Task.9B79BD20',
-    defaultMessage: '自动执行',
-  }), //'自动执行'
-  [TaskExecStrategy.MANUAL]: formatMessage({
-    id: 'src.component.Task.0B2B1D60',
-    defaultMessage: '手动执行',
-  }), //'手动执行'
-};
+import Sider from './container/Sider';
 
 interface IProps {
   projectId?: number;
   inProject?: boolean;
 }
-const TaskManaerPage: React.FC<IProps> = (props) => {
+const TaskManagerPage: React.FC<IProps> = (props) => {
   const { projectId, inProject } = props;
   const [search] = useSearchParams();
   const defaultTaskId = search.get('taskId');
@@ -154,9 +46,8 @@ const TaskManaerPage: React.FC<IProps> = (props) => {
           defaultTaskType={defaultTaskType}
           defaultTaskId={isOrganizationMatch ? toInteger(defaultTaskId) : null}
         />
-        <CreateModals projectId={projectId} theme="white" />
       </div>
     </>
   );
 };
-export default TaskManaerPage;
+export default TaskManagerPage;
diff --git a/src/component/Task/interface.ts b/src/component/Task/interface.ts
index 9a4f3cda5..6cafb48d5 100644
--- a/src/component/Task/interface.ts
+++ b/src/component/Task/interface.ts
@@ -24,7 +24,21 @@ import type {
   TaskRecordParameters,
   IResponseData,
   Operation,
+  TaskStatus,
+  ICycleTaskRecord,
+  ISqlPlayJobParameters,
+  IDataArchiveJobParameters,
+  TaskType,
 } from '@/d.ts';
+
+export interface IState {
+  detailId: number;
+  detailType: TaskType;
+  detailVisible: boolean;
+  status: TaskStatus;
+  tasks: IResponseData<TaskRecord<TaskRecordParameters>>;
+  cycleTasks: IResponseData<ICycleTaskRecord<ISqlPlayJobParameters | IDataArchiveJobParameters>>;
+}
 export interface ITaskDetailModalProps {
   visible: boolean;
   taskTools: React.ReactNode;
diff --git a/src/component/Task/modals/AlterDdlTask/CreateModal/const.ts b/src/component/Task/modals/AlterDdlTask/CreateModal/const.ts
new file mode 100644
index 000000000..4bfb05830
--- /dev/null
+++ b/src/component/Task/modals/AlterDdlTask/CreateModal/const.ts
@@ -0,0 +1,96 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+
+export const rules = {
+  sqlType: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.AlterDdlTask.CreateModal.SelectAChangeDefinition',
+        defaultMessage: '请选择变更定义',
+      }), //请选择变更定义
+    },
+  ],
+  sqlContent: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.AlterDdlTask.CreateModal.EnterTheSqlContent',
+        defaultMessage: '请填写 SQL 内容',
+      }), //请填写 SQL 内容
+    },
+  ],
+  lockTableTimeOutSeconds: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.AlterDdlTask.CreateModal.EnterATimeoutPeriod',
+        defaultMessage: '请输入超时时间',
+      }), //请输入超时时间
+    },
+    {
+      type: 'number',
+      max: 3600,
+      message: formatMessage({
+        id: 'odc.AlterDdlTask.CreateModal.UpToSeconds',
+        defaultMessage: '最大不超过 3600 秒',
+      }), //最大不超过 3600 秒
+    },
+  ],
+  swapTableNameRetryTimes: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.AlterDdlTask.CreateModal.PleaseEnterTheNumberOf',
+        defaultMessage: '请输入失败重试次数',
+      }), //请输入失败重试次数
+    },
+  ],
+  originTableCleanStrategy: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.AlterDdlTask.CreateModal.SelectACleanupPolicy',
+        defaultMessage: '请选择清理策略',
+      }), //请选择清理策略
+    },
+  ],
+  errorStrategy: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.AlterDdlTask.CreateModal.SelectTaskErrorHandling',
+        defaultMessage: '请选择任务错误处理',
+      }), //请选择任务错误处理
+    },
+  ],
+  swapTableType: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.src.component.Task.AlterDdlTask.CreateModal.PleaseSelectTheTableName',
+        defaultMessage: '请选择表名切换方式',
+      }), //'请选择表名切换方式'
+    },
+  ],
+};
+
+export enum SwapTableType {
+  AUTO = 'AUTO',
+  MANUAL = 'MANUAL',
+}
diff --git a/src/component/Task/AlterDdlTask/CreateModal/index.less b/src/component/Task/modals/AlterDdlTask/CreateModal/index.less
similarity index 100%
rename from src/component/Task/AlterDdlTask/CreateModal/index.less
rename to src/component/Task/modals/AlterDdlTask/CreateModal/index.less
diff --git a/src/component/Task/AlterDdlTask/CreateModal/index.tsx b/src/component/Task/modals/AlterDdlTask/CreateModal/index.tsx
similarity index 85%
rename from src/component/Task/AlterDdlTask/CreateModal/index.tsx
rename to src/component/Task/modals/AlterDdlTask/CreateModal/index.tsx
index e0f0119b2..2ed3f9367 100644
--- a/src/component/Task/AlterDdlTask/CreateModal/index.tsx
+++ b/src/component/Task/modals/AlterDdlTask/CreateModal/index.tsx
@@ -61,12 +61,14 @@ import {
 import { useRequest } from 'ahooks';
 import { inject, observer } from 'mobx-react';
 import React, { useEffect, useRef, useState } from 'react';
-import DatabaseSelect from '../../component/DatabaseSelect';
-import ThrottleFormItem from '../../component/ThrottleFormItem';
-import { OscMaxDataSizeLimit, OscMaxRowLimit, OscMinRowLimit } from '../../const';
+import DatabaseSelect from '@/component/Task/component/DatabaseSelect';
+import ThrottleFormItem from '@/component/Task/component/ThrottleFormItem';
+import { OscMaxDataSizeLimit, OscMaxRowLimit, OscMinRowLimit } from '@/component/Task/const';
 import { haveOCP } from '@/util/env';
 import styles from './index.less';
 import { isBoolean } from 'lodash';
+import { rules, SwapTableType } from './const';
+import { Rule } from 'antd/es/form';
 import dayjs from 'dayjs';
 
 interface IProps {
@@ -83,10 +85,7 @@ enum SqlType {
   CREATE = 'CREATE',
   ALTER = 'ALTER',
 }
-export enum SwapTableType {
-  AUTO = 'AUTO',
-  MANUAL = 'MANUAL',
-}
+
 export enum ClearStrategy {
   ORIGIN_TABLE_RENAME_AND_RESERVED = 'ORIGIN_TABLE_RENAME_AND_RESERVED',
   ORIGIN_TABLE_DROP = 'ORIGIN_TABLE_DROP',
@@ -554,20 +553,17 @@ const CreateDDLTaskModal: React.FC<IProps> = (props) => {
             })}
             /*变更定义*/ name="sqlType"
             initialValue={SqlType.CREATE}
-            rules={[
-              {
-                required: true,
-                message: formatMessage({
-                  id: 'odc.AlterDdlTask.CreateModal.SelectAChangeDefinition',
-                  defaultMessage: '请选择变更定义',
-                }), //请选择变更定义
-              },
-            ]}
+            rules={rules.sqlType}
           >
-            <Radio.Group>
-              <Radio value={SqlType.CREATE}>CREATE TABLE</Radio>
-              <Radio value={SqlType.ALTER}>ALTER TABLE</Radio>
-            </Radio.Group>
+            <Radio.Group
+              options={[
+                { label: 'CREATE TABLE', value: SqlType.CREATE },
+                {
+                  label: 'ALTER TABLE',
+                  value: SqlType.ALTER,
+                },
+              ]}
+            />
           </Form.Item>
           <Form.Item
             name="sqlContent"
@@ -577,15 +573,7 @@ const CreateDDLTaskModal: React.FC<IProps> = (props) => {
             })}
             /*SQL 内容*/
             className={styles.sqlContent}
-            rules={[
-              {
-                required: true,
-                message: formatMessage({
-                  id: 'odc.AlterDdlTask.CreateModal.EnterTheSqlContent',
-                  defaultMessage: '请填写 SQL 内容',
-                }), //请填写 SQL 内容
-              },
-            ]}
+            rules={rules.sqlContent}
             style={{
               height: '280px',
             }}
@@ -643,42 +631,38 @@ const CreateDDLTaskModal: React.FC<IProps> = (props) => {
               })}
               /*完成后源表清理策略*/ name="originTableCleanStrategy"
               initialValue={ClearStrategy.ORIGIN_TABLE_RENAME_AND_RESERVED}
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'odc.AlterDdlTask.CreateModal.SelectACleanupPolicy',
-                    defaultMessage: '请选择清理策略',
-                  }), //请选择清理策略
-                },
-              ]}
+              rules={rules.originTableCleanStrategy}
             >
-              <Radio.Group>
-                <Radio value={ClearStrategy.ORIGIN_TABLE_RENAME_AND_RESERVED}>
-                  <Space>
-                    {
-                      formatMessage({
-                        id: 'odc.AlterDdlTask.CreateModal.RenameNotProcessed',
-                        defaultMessage: '重命名不处理',
-                      }) /*重命名不处理*/
-                    }
-                    <Tag color="blue">
-                      {formatMessage({
-                        id: 'src.component.Task.AlterDdlTask.CreateModal.125DF508',
-                        defaultMessage: '推荐',
-                      })}
-                    </Tag>
-                  </Space>
-                </Radio>
-                <Radio value={ClearStrategy.ORIGIN_TABLE_DROP}>
+              <Radio.Group
+                options={[
                   {
-                    formatMessage({
+                    label: (
+                      <Space>
+                        {
+                          formatMessage({
+                            id: 'odc.AlterDdlTask.CreateModal.RenameNotProcessed',
+                            defaultMessage: '重命名不处理',
+                          }) /*重命名不处理*/
+                        }
+                        <Tag color="blue">
+                          {formatMessage({
+                            id: 'src.component.Task.AlterDdlTask.CreateModal.125DF508',
+                            defaultMessage: '推荐',
+                          })}
+                        </Tag>
+                      </Space>
+                    ),
+                    value: ClearStrategy.ORIGIN_TABLE_RENAME_AND_RESERVED,
+                  },
+                  {
+                    label: formatMessage({
                       id: 'odc.AlterDdlTask.CreateModal.DeleteNow',
                       defaultMessage: '立即删除',
-                    }) /*立即删除*/
-                  }
-                </Radio>
-              </Radio.Group>
+                    }) /*立即删除*/,
+                    value: ClearStrategy.ORIGIN_TABLE_DROP,
+                  },
+                ]}
+              />
             </Form.Item>
           </FormItemPanel>
           <FormItemPanel
@@ -696,34 +680,26 @@ const CreateDDLTaskModal: React.FC<IProps> = (props) => {
               })}
               /*任务错误处理*/ name="errorStrategy"
               initialValue={ErrorStrategy.ABORT}
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'odc.AlterDdlTask.CreateModal.SelectTaskErrorHandling',
-                    defaultMessage: '请选择任务错误处理',
-                  }), //请选择任务错误处理
-                },
-              ]}
+              rules={rules.errorStrategy}
             >
-              <Radio.Group>
-                <Radio value={ErrorStrategy.ABORT}>
+              <Radio.Group
+                options={[
                   {
-                    formatMessage({
+                    value: ErrorStrategy.ABORT,
+                    label: formatMessage({
                       id: 'odc.AlterDdlTask.CreateModal.StopATask',
                       defaultMessage: '停止任务',
-                    }) /*停止任务*/
-                  }
-                </Radio>
-                <Radio value={ErrorStrategy.CONTINUE}>
+                    }) /*停止任务*/,
+                  },
                   {
-                    formatMessage({
+                    value: ErrorStrategy.CONTINUE,
+                    label: formatMessage({
                       id: 'odc.AlterDdlTask.CreateModal.IgnoreErrorsToContinueThe',
                       defaultMessage: '忽略错误继续任务',
-                    }) /*忽略错误继续任务*/
-                  }
-                </Radio>
-              </Radio.Group>
+                    }) /*忽略错误继续任务*/,
+                  },
+                ]}
+              />
             </Form.Item>
             <Form.Item
               label={
@@ -734,34 +710,26 @@ const CreateDDLTaskModal: React.FC<IProps> = (props) => {
               }
               name="swapTableType"
               initialValue={SwapTableType.AUTO}
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'odc.src.component.Task.AlterDdlTask.CreateModal.PleaseSelectTheTableName',
-                    defaultMessage: '请选择表名切换方式',
-                  }), //'请选择表名切换方式'
-                },
-              ]}
+              rules={rules.swapTableType}
             >
-              <Radio.Group>
-                <Radio value={SwapTableType.AUTO}>
+              <Radio.Group
+                options={[
                   {
-                    formatMessage({
+                    value: SwapTableType.AUTO,
+                    label: formatMessage({
                       id: 'odc.src.component.Task.AlterDdlTask.CreateModal.AutomaticSwitch',
                       defaultMessage: '自动切换',
-                    }) /* 自动切换 */
-                  }
-                </Radio>
-                <Radio value={SwapTableType.MANUAL}>
+                    }) /* 自动切换 */,
+                  },
                   {
-                    formatMessage({
+                    value: SwapTableType.MANUAL,
+                    label: formatMessage({
                       id: 'odc.src.component.Task.AlterDdlTask.CreateModal.ManualSwitch',
                       defaultMessage: '手动切换',
-                    }) /* 手工切换 */
-                  }
-                </Radio>
-              </Radio.Group>
+                    }) /* 手工切换 */,
+                  },
+                ]}
+              />
             </Form.Item>
             {settingStore.enableOSCLimiting && (
               <ThrottleFormItem
diff --git a/src/component/Task/AlterDdlTask/DetailContent/index.tsx b/src/component/Task/modals/AlterDdlTask/DetailContent/index.tsx
similarity index 95%
rename from src/component/Task/AlterDdlTask/DetailContent/index.tsx
rename to src/component/Task/modals/AlterDdlTask/DetailContent/index.tsx
index c038d4ea1..796dbc465 100644
--- a/src/component/Task/AlterDdlTask/DetailContent/index.tsx
+++ b/src/component/Task/modals/AlterDdlTask/DetailContent/index.tsx
@@ -17,7 +17,6 @@ import { getDataSourceModeConfigByConnectionMode } from '@/common/datasource';
 import { updateThrottleConfig } from '@/common/network/task';
 import RiskLevelLabel from '@/component/RiskLevelLabel';
 import { SQLContent } from '@/component/SQLContent';
-import { getTaskExecStrategyMap } from '@/component/Task';
 import type { ITaskResult, TaskDetail } from '@/d.ts';
 import { TaskExecStrategy, TaskStatus } from '@/d.ts';
 import setting from '@/store/setting';
@@ -25,12 +24,14 @@ import { formatMessage } from '@/util/intl';
 import { bToMb, getFormatDateTime, mbToB } from '@/util/utils';
 import { message, Typography } from 'antd';
 import React, { useMemo } from 'react';
-import { SimpleTextItem } from '../../component/SimpleTextItem';
-import ThrottleEditableCell from '../../component/ThrottleEditableCell';
-import { OscMaxDataSizeLimit, OscMaxRowLimit } from '../../const';
-import { ClearStrategy, LockStrategy, LockStrategyLableMap, SwapTableType } from '../CreateModal';
+import { SimpleTextItem } from '@/component/Task/component/SimpleTextItem';
+import ThrottleEditableCell from '@/component/Task/component/ThrottleEditableCell';
+import { getTaskExecStrategyMap, OscMaxRowLimit } from '@/component/Task/const';
+import { ClearStrategy, LockStrategy, LockStrategyLableMap } from '../CreateModal';
+import { SwapTableType } from '../CreateModal/const';
 import { ProjectRole } from '@/d.ts/project';
 import userStore from '@/store/login';
+import EllipsisText from '@/component/EllipsisText';
 
 const { Text } = Typography;
 interface IDDLAlterParamters {
@@ -228,7 +229,7 @@ export function getItems(
             defaultMessage: '所属库',
           }),
           //所属库
-          task?.database?.name || '-',
+          <EllipsisText content={task?.database?.name} />,
         ],
 
         [
@@ -237,7 +238,7 @@ export function getItems(
             defaultMessage: '所属数据源',
           }),
           //'所属数据源'
-          task?.database?.dataSource?.name || '-',
+          <EllipsisText content={task?.database?.dataSource?.name} />,
         ],
         [
           formatMessage({
diff --git a/src/component/Task/AlterDdlTask/index.tsx b/src/component/Task/modals/AlterDdlTask/index.tsx
similarity index 100%
rename from src/component/Task/AlterDdlTask/index.tsx
rename to src/component/Task/modals/AlterDdlTask/index.tsx
diff --git a/src/component/Task/ApplyDatabasePermission/CreateButton.tsx b/src/component/Task/modals/ApplyDatabasePermission/CreateButton.tsx
similarity index 100%
rename from src/component/Task/ApplyDatabasePermission/CreateButton.tsx
rename to src/component/Task/modals/ApplyDatabasePermission/CreateButton.tsx
diff --git a/src/component/Task/modals/ApplyDatabasePermission/CreateModal/const.ts b/src/component/Task/modals/ApplyDatabasePermission/CreateModal/const.ts
new file mode 100644
index 000000000..2b8f254a0
--- /dev/null
+++ b/src/component/Task/modals/ApplyDatabasePermission/CreateModal/const.ts
@@ -0,0 +1,168 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { DatabasePermissionType } from '@/d.ts/database';
+import { formatMessage } from '@/util/intl';
+
+export const permissionOptionsMap = {
+  [DatabasePermissionType.QUERY]: {
+    text: formatMessage({
+      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.8890FE39',
+      defaultMessage: '查询',
+    }), //'查询'
+    docKey: 'ApplyDatabasePermissionQueryTip',
+    value: DatabasePermissionType.QUERY,
+  },
+  [DatabasePermissionType.EXPORT]: {
+    text: formatMessage({
+      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.3B7A9E11',
+      defaultMessage: '导出',
+    }), //'导出'
+    docKey: 'ApplyDatabasePermissionExportTip',
+    value: DatabasePermissionType.EXPORT,
+  },
+  [DatabasePermissionType.CHANGE]: {
+    text: formatMessage({
+      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.985A0E7F',
+      defaultMessage: '变更',
+    }), //'变更'
+    docKey: 'ApplyDatabasePermissionChangeTip',
+    value: DatabasePermissionType.CHANGE,
+  },
+};
+
+export const expireTimeOptions = [
+  {
+    label: formatMessage({
+      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.A3DBC09F',
+      defaultMessage: '7 天',
+    }), //'7 天'
+    value: '7,days',
+  },
+  {
+    label: formatMessage({
+      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.B4654D83',
+      defaultMessage: '30 天',
+    }), //'30 天'
+    value: '30,days',
+  },
+  {
+    label: formatMessage({
+      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.44988077',
+      defaultMessage: '90 天',
+    }), //'90 天'
+    value: '90,days',
+  },
+  {
+    label: formatMessage({
+      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.A383B626',
+      defaultMessage: '半年',
+    }), //'半年'
+    value: '0.5,years',
+  },
+  {
+    label: formatMessage({
+      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.87E335B0',
+      defaultMessage: '1 年',
+    }), //'1 年'
+    value: '1,years',
+  },
+  {
+    label: formatMessage({
+      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.1758E31F',
+      defaultMessage: '3 年',
+    }), //'3 年'
+    value: '3,years',
+  },
+  {
+    label: formatMessage({
+      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.35CFABDC',
+      defaultMessage: '永不过期',
+    }), //'永不过期'
+    value: 'never',
+  },
+  {
+    label: formatMessage({
+      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.1AAFDFFB',
+      defaultMessage: '自定义',
+    }), //'自定义'
+    value: 'custom',
+  },
+];
+
+export const rules = {
+  projectId: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.ApplyDatabasePermission.CreateModal.564E6CF8',
+        defaultMessage: '请选择项目',
+      }), //'请选择项目'
+    },
+  ],
+  databases: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.ApplyDatabasePermission.CreateModal.6921F0B1',
+        defaultMessage: '请选择数据库',
+      }),
+    },
+  ],
+  types: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.ApplyDatabasePermission.CreateModal.75126DC3',
+        defaultMessage: '请选择',
+      }), //'请选择'
+    },
+  ],
+  expireTime: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.ApplyDatabasePermission.CreateModal.3A596C86',
+        defaultMessage: '请选择',
+      }), //'请选择'
+    },
+  ],
+  customExpireTime: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.ApplyDatabasePermission.CreateModal.5FDEC16A',
+        defaultMessage: '请选择',
+      }), //'请选择'
+    },
+  ],
+  applyReason: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.ApplyDatabasePermission.CreateModal.B0247EF7',
+        defaultMessage: '请输入原因描述',
+      }), //'请输入原因描述'
+    },
+    {
+      max: 200,
+      message: formatMessage({
+        id: 'src.component.Task.ApplyDatabasePermission.CreateModal.7BD59E12',
+        defaultMessage: '申请原因不超过 200 个字符',
+      }), //'申请原因不超过 200 个字符'
+    },
+  ],
+};
diff --git a/src/component/Task/ApplyDatabasePermission/CreateModal/index.less b/src/component/Task/modals/ApplyDatabasePermission/CreateModal/index.less
similarity index 100%
rename from src/component/Task/ApplyDatabasePermission/CreateModal/index.less
rename to src/component/Task/modals/ApplyDatabasePermission/CreateModal/index.less
diff --git a/src/component/Task/ApplyDatabasePermission/CreateModal/index.tsx b/src/component/Task/modals/ApplyDatabasePermission/CreateModal/index.tsx
similarity index 68%
rename from src/component/Task/ApplyDatabasePermission/CreateModal/index.tsx
rename to src/component/Task/modals/ApplyDatabasePermission/CreateModal/index.tsx
index 803bd628e..64c9cce1f 100644
--- a/src/component/Task/ApplyDatabasePermission/CreateModal/index.tsx
+++ b/src/component/Task/modals/ApplyDatabasePermission/CreateModal/index.tsx
@@ -17,10 +17,8 @@ import { formatMessage } from '@/util/intl';
 
 import { listProjects } from '@/common/network/project';
 import { createTask } from '@/common/network/task';
-import HelpDoc from '@/component/helpDoc';
 import DatabaseSelecter from '@/component/Task/component/DatabaseSelecter';
 import { TaskPageScope, TaskPageType, TaskType } from '@/d.ts';
-import { DatabasePermissionType } from '@/d.ts/database';
 import { openTasksPage } from '@/store/helper/page';
 import type { ModalStore } from '@/store/modal';
 import { useRequest } from 'ahooks';
@@ -42,138 +40,20 @@ import dayjs from 'dayjs';
 import React, { useEffect, useState } from 'react';
 import styles from './index.less';
 import ProjectSelectEmpty from '@/component/Empty/ProjectSelectEmpty';
+import { permissionOptions } from './utils';
+import { expireTimeOptions, rules } from './const';
+import { getExpireTime } from '@/component/Task/helper';
 
-const CheckboxGroup = Checkbox.Group;
+export * from './const';
+export * from './utils';
 
-const MAX_DATE = '9999-12-31 23:59:59';
-const MAX_DATE_LABEL = '9999-12-31';
+const CheckboxGroup = Checkbox.Group;
 
 const defaultValue = {
   databases: [],
   expireTime: '7,days',
 };
 
-export const getExpireTime = (expireTime, customExpireTime, isCustomExpireTime) => {
-  if (isCustomExpireTime) {
-    return customExpireTime?.valueOf();
-  } else {
-    const [offset, unit] = expireTime.split(',') ?? [];
-    return offset === 'never' ? dayjs(MAX_DATE)?.valueOf() : dayjs().add(offset, unit)?.valueOf();
-  }
-};
-
-export const getExpireTimeLabel = (expireTime) => {
-  const label = dayjs(expireTime).format('YYYY-MM-DD');
-  return label === MAX_DATE_LABEL
-    ? formatMessage({
-        id: 'src.component.Task.ApplyDatabasePermission.CreateModal.B5C7760D',
-        defaultMessage: '永不过期',
-      })
-    : label;
-};
-
-const Label: React.FC<{
-  text: string;
-  docKey: string;
-}> = ({ text, docKey }) => (
-  <HelpDoc leftText isTip doc={docKey}>
-    {text}
-  </HelpDoc>
-);
-
-export const permissionOptionsMap = {
-  [DatabasePermissionType.QUERY]: {
-    text: formatMessage({
-      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.8890FE39',
-      defaultMessage: '查询',
-    }), //'查询'
-    docKey: 'ApplyDatabasePermissionQueryTip',
-    value: DatabasePermissionType.QUERY,
-  },
-  [DatabasePermissionType.EXPORT]: {
-    text: formatMessage({
-      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.3B7A9E11',
-      defaultMessage: '导出',
-    }), //'导出'
-    docKey: 'ApplyDatabasePermissionExportTip',
-    value: DatabasePermissionType.EXPORT,
-  },
-  [DatabasePermissionType.CHANGE]: {
-    text: formatMessage({
-      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.985A0E7F',
-      defaultMessage: '变更',
-    }), //'变更'
-    docKey: 'ApplyDatabasePermissionChangeTip',
-    value: DatabasePermissionType.CHANGE,
-  },
-};
-
-export const permissionOptions = Object.values(permissionOptionsMap)?.map(
-  ({ text, docKey, ...rest }) => ({
-    ...rest,
-    label: <Label text={text} docKey={docKey} />,
-  }),
-);
-
-export const expireTimeOptions = [
-  {
-    label: formatMessage({
-      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.A3DBC09F',
-      defaultMessage: '7 天',
-    }), //'7 天'
-    value: '7,days',
-  },
-  {
-    label: formatMessage({
-      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.B4654D83',
-      defaultMessage: '30 天',
-    }), //'30 天'
-    value: '30,days',
-  },
-  {
-    label: formatMessage({
-      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.44988077',
-      defaultMessage: '90 天',
-    }), //'90 天'
-    value: '90,days',
-  },
-  {
-    label: formatMessage({
-      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.A383B626',
-      defaultMessage: '半年',
-    }), //'半年'
-    value: '0.5,years',
-  },
-  {
-    label: formatMessage({
-      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.87E335B0',
-      defaultMessage: '1 年',
-    }), //'1 年'
-    value: '1,years',
-  },
-  {
-    label: formatMessage({
-      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.1758E31F',
-      defaultMessage: '3 年',
-    }), //'3 年'
-    value: '3,years',
-  },
-  {
-    label: formatMessage({
-      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.35CFABDC',
-      defaultMessage: '永不过期',
-    }), //'永不过期'
-    value: 'never',
-  },
-  {
-    label: formatMessage({
-      id: 'src.component.Task.ApplyDatabasePermission.CreateModal.1AAFDFFB',
-      defaultMessage: '自定义',
-    }), //'自定义'
-    value: 'custom',
-  },
-];
-
 interface IProps {
   modalStore?: ModalStore;
   projectId?: number;
@@ -188,6 +68,7 @@ const CreateModal: React.FC<IProps> = (props) => {
   const [confirmLoading, setConfirmLoading] = useState(false);
   const { run: getProjects, data: projects } = useRequest(listProjects, {
     defaultParams: [null, null, null],
+    manual: true,
   });
   const projectOptions = projects?.contents?.map(({ name, id }) => ({
     label: name,
@@ -384,15 +265,7 @@ const CreateModal: React.FC<IProps> = (props) => {
             }) /*"项目"*/
           }
           name="projectId"
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'src.component.Task.ApplyDatabasePermission.CreateModal.564E6CF8',
-                defaultMessage: '请选择项目',
-              }), //'请选择项目'
-            },
-          ]}
+          rules={rules.projectId}
         >
           <Select
             showSearch
@@ -437,15 +310,7 @@ const CreateModal: React.FC<IProps> = (props) => {
               )}
             </div>
           }
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'src.component.Task.ApplyDatabasePermission.CreateModal.6921F0B1',
-                defaultMessage: '请选择数据库',
-              }),
-            },
-          ]}
+          rules={rules.databases}
         >
           <DatabaseSelecter
             projectId={projectId}
@@ -474,15 +339,7 @@ const CreateModal: React.FC<IProps> = (props) => {
               defaultMessage: '权限类型',
             }) /*"权限类型"*/
           }
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'src.component.Task.ApplyDatabasePermission.CreateModal.75126DC3',
-                defaultMessage: '请选择',
-              }), //'请选择'
-            },
-          ]}
+          rules={rules.types}
         >
           <CheckboxGroup options={permissionOptions} />
         </Form.Item>
@@ -494,15 +351,7 @@ const CreateModal: React.FC<IProps> = (props) => {
             }) /*"权限有效期"*/
           }
           name="expireTime"
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'src.component.Task.ApplyDatabasePermission.CreateModal.3A596C86',
-                defaultMessage: '请选择',
-              }), //'请选择'
-            },
-          ]}
+          rules={rules.expireTime}
         >
           <Select
             style={{ width: '327px' }}
@@ -529,15 +378,7 @@ const CreateModal: React.FC<IProps> = (props) => {
                     }) /*"结束日期"*/
                   }
                   name="customExpireTime"
-                  rules={[
-                    {
-                      required: true,
-                      message: formatMessage({
-                        id: 'src.component.Task.ApplyDatabasePermission.CreateModal.5FDEC16A',
-                        defaultMessage: '请选择',
-                      }), //'请选择'
-                    },
-                  ]}
+                  rules={rules.customExpireTime}
                 >
                   <DatePicker disabledDate={disabledDate} style={{ width: '327px' }} />
                 </Form.Item>
@@ -553,22 +394,7 @@ const CreateModal: React.FC<IProps> = (props) => {
             }) /*"申请原因"*/
           }
           name="applyReason"
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'src.component.Task.ApplyDatabasePermission.CreateModal.B0247EF7',
-                defaultMessage: '请输入原因描述',
-              }), //'请输入原因描述'
-            },
-            {
-              max: 200,
-              message: formatMessage({
-                id: 'src.component.Task.ApplyDatabasePermission.CreateModal.7BD59E12',
-                defaultMessage: '申请原因不超过 200 个字符',
-              }), //'申请原因不超过 200 个字符'
-            },
-          ]}
+          rules={rules.applyReason}
         >
           <Input.TextArea
             rows={6}
@@ -584,4 +410,5 @@ const CreateModal: React.FC<IProps> = (props) => {
     </Drawer>
   );
 };
+
 export default inject('modalStore')(observer(CreateModal));
diff --git a/src/component/Task/modals/ApplyDatabasePermission/CreateModal/utils.tsx b/src/component/Task/modals/ApplyDatabasePermission/CreateModal/utils.tsx
new file mode 100644
index 000000000..1e5a84108
--- /dev/null
+++ b/src/component/Task/modals/ApplyDatabasePermission/CreateModal/utils.tsx
@@ -0,0 +1,34 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { permissionOptionsMap } from './const';
+import HelpDoc from '@/component/helpDoc';
+
+const Label: React.FC<{
+  text: string;
+  docKey: string;
+}> = ({ text, docKey }) => (
+  <HelpDoc leftText isTip doc={docKey}>
+    {text}
+  </HelpDoc>
+);
+
+export const permissionOptions = Object.values(permissionOptionsMap)?.map(
+  ({ text, docKey, ...rest }) => ({
+    ...rest,
+    label: <Label text={text} docKey={docKey} />,
+  }),
+);
diff --git a/src/component/Task/ApplyDatabasePermission/DetailContent/index.less b/src/component/Task/modals/ApplyDatabasePermission/DetailContent/index.less
similarity index 100%
rename from src/component/Task/ApplyDatabasePermission/DetailContent/index.less
rename to src/component/Task/modals/ApplyDatabasePermission/DetailContent/index.less
diff --git a/src/component/Task/ApplyDatabasePermission/DetailContent/index.tsx b/src/component/Task/modals/ApplyDatabasePermission/DetailContent/index.tsx
similarity index 96%
rename from src/component/Task/ApplyDatabasePermission/DetailContent/index.tsx
rename to src/component/Task/modals/ApplyDatabasePermission/DetailContent/index.tsx
index bcccfc137..3ef31aaca 100644
--- a/src/component/Task/ApplyDatabasePermission/DetailContent/index.tsx
+++ b/src/component/Task/modals/ApplyDatabasePermission/DetailContent/index.tsx
@@ -24,11 +24,13 @@ import {
 } from '@/d.ts';
 import { getFormatDateTime } from '@/util/utils';
 import { Descriptions, Divider, Alert, Space } from 'antd';
-import { getExpireTimeLabel, permissionOptionsMap } from '../';
+import { permissionOptionsMap } from '../';
+import { getExpireTimeLabel } from '@/component/Task/helper';
 import styles from './index.less';
 import { DBType, IDatabase } from '@/d.ts/database';
 import DatabaseIcon from '@/component/StatusIcon/DatabaseIcon';
 import RiskLevelLabel from '@/component/RiskLevelLabel';
+import EllipsisText from '@/component/EllipsisText';
 
 const getConnectionColumns = () => {
   return [
@@ -121,7 +123,7 @@ const TaskContent: React.FC<IProps> = (props) => {
       </Descriptions>
       <Divider
         style={{
-          marginTop: 4,
+          marginTop: 16,
         }}
       />
 
@@ -145,7 +147,7 @@ const TaskContent: React.FC<IProps> = (props) => {
             }) /*"申请项目"*/
           }
         >
-          {parameters?.project?.name}
+          <EllipsisText content={parameters?.project?.name} />
         </Descriptions.Item>
       </Descriptions>
       <SimpleTextItem
@@ -172,7 +174,7 @@ const TaskContent: React.FC<IProps> = (props) => {
 
       <Divider
         style={{
-          marginTop: 4,
+          marginTop: 16,
         }}
       />
 
@@ -210,7 +212,7 @@ const TaskContent: React.FC<IProps> = (props) => {
       </Descriptions>
       <Divider
         style={{
-          marginTop: 4,
+          marginTop: 16,
         }}
       />
 
diff --git a/src/component/Task/ApplyDatabasePermission/index.tsx b/src/component/Task/modals/ApplyDatabasePermission/index.tsx
similarity index 100%
rename from src/component/Task/ApplyDatabasePermission/index.tsx
rename to src/component/Task/modals/ApplyDatabasePermission/index.tsx
diff --git a/src/component/Task/ApplyPermission/CreateButton.tsx b/src/component/Task/modals/ApplyPermission/CreateButton.tsx
similarity index 100%
rename from src/component/Task/ApplyPermission/CreateButton.tsx
rename to src/component/Task/modals/ApplyPermission/CreateButton.tsx
diff --git a/src/component/Task/modals/ApplyPermission/CreateModal/const.ts b/src/component/Task/modals/ApplyPermission/CreateModal/const.ts
new file mode 100644
index 000000000..8b9b7ee18
--- /dev/null
+++ b/src/component/Task/modals/ApplyPermission/CreateModal/const.ts
@@ -0,0 +1,54 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+
+export const rules = {
+  applyReason: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.src.component.Task.ApplyPermission.CreateModal.PleaseEnterTheReasonDescription',
+        defaultMessage: '请输入原因描述',
+      }), //'请输入原因描述'
+    },
+    {
+      max: 200,
+      message: formatMessage({
+        id: 'odc.src.component.Task.ApplyPermission.CreateModal.TheReasonForTheApplication',
+        defaultMessage: '申请原因不超过 200 个字符',
+      }), //'申请原因不超过 200 个字符'
+    },
+  ],
+  projectId: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.src.component.Task.ApplyPermission.CreateModal.PleaseSelectTheProject',
+        defaultMessage: '请选择项目',
+      }), //'请选择项目'
+    },
+  ],
+  resourceRoleIds: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.src.component.Task.ApplyPermission.CreateModal.PleaseSelectTheProjectRole',
+        defaultMessage: '请选择项目角色',
+      }), //'请选择项目角色'
+    },
+  ],
+};
diff --git a/src/component/Task/ApplyPermission/CreateModal/index.less b/src/component/Task/modals/ApplyPermission/CreateModal/index.less
similarity index 100%
rename from src/component/Task/ApplyPermission/CreateModal/index.less
rename to src/component/Task/modals/ApplyPermission/CreateModal/index.less
diff --git a/src/component/Task/ApplyPermission/CreateModal/index.tsx b/src/component/Task/modals/ApplyPermission/CreateModal/index.tsx
similarity index 89%
rename from src/component/Task/ApplyPermission/CreateModal/index.tsx
rename to src/component/Task/modals/ApplyPermission/CreateModal/index.tsx
index 94b1fac81..a729139e7 100644
--- a/src/component/Task/ApplyPermission/CreateModal/index.tsx
+++ b/src/component/Task/modals/ApplyPermission/CreateModal/index.tsx
@@ -1,4 +1,3 @@
-import { formatMessage } from '@/util/intl';
 /*
  * Copyright 2023 OceanBase
  *
@@ -17,7 +16,7 @@ import { formatMessage } from '@/util/intl';
 
 import { getResourceRoles } from '@/common/network/manager';
 import { createTask } from '@/common/network/task';
-import { useProjects } from '@/component/Task/hooks/useProjects';
+import { useLoadProjects } from '@/component/Task/hooks/useLoadProjects';
 import { TaskExecStrategy, TaskPageScope, TaskPageType, TaskType } from '@/d.ts';
 import { ProjectRole } from '@/d.ts/project';
 import { openTasksPage } from '@/store/helper/page';
@@ -27,6 +26,9 @@ import { inject, observer } from 'mobx-react';
 import React, { useEffect, useState } from 'react';
 import styles from './index.less';
 import ProjectSelectEmpty from '@/component/Empty/ProjectSelectEmpty';
+import { formatMessage } from '@/util/intl';
+import { rules } from './const';
+
 const { Paragraph } = Typography;
 export const projectRoleMap = {
   [ProjectRole.OWNER]: {
@@ -93,7 +95,7 @@ const CreateModal: React.FC<IProps> = (props) => {
   const [roles, setRoles] = useState<any[]>([]);
   const [hasEdit, setHasEdit] = useState(false);
   const [confirmLoading, setConfirmLoading] = useState(false);
-  const { projectOptions, loadProjects } = useProjects();
+  const { projectOptions, loadProjects } = useLoadProjects();
   const { applyPermissionVisible, asyncTaskData, applyPermissionData } = modalStore;
   const rolesOptions = roles?.map(({ roleName, id }) => {
     const role = projectRoleMap?.[roleName];
@@ -280,15 +282,7 @@ const CreateModal: React.FC<IProps> = (props) => {
             }) /* 项目 */
           }
           name="projectId"
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'odc.src.component.Task.ApplyPermission.CreateModal.PleaseSelectTheProject',
-                defaultMessage: '请选择项目',
-              }), //'请选择项目'
-            },
-          ]}
+          rules={rules.projectId}
         >
           <Select
             style={{
@@ -317,15 +311,7 @@ const CreateModal: React.FC<IProps> = (props) => {
             }) /* 项目角色 */
           }
           name="resourceRoleIds"
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'odc.src.component.Task.ApplyPermission.CreateModal.PleaseSelectTheProjectRole',
-                defaultMessage: '请选择项目角色',
-              }), //'请选择项目角色'
-            },
-          ]}
+          rules={rules.resourceRoleIds}
         >
           <Select
             mode="multiple"
@@ -360,22 +346,7 @@ const CreateModal: React.FC<IProps> = (props) => {
             }) /* 申请原因 */
           }
           name="applyReason"
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'odc.src.component.Task.ApplyPermission.CreateModal.PleaseEnterTheReasonDescription',
-                defaultMessage: '请输入原因描述',
-              }), //'请输入原因描述'
-            },
-            {
-              max: 200,
-              message: formatMessage({
-                id: 'odc.src.component.Task.ApplyPermission.CreateModal.TheReasonForTheApplication',
-                defaultMessage: '申请原因不超过 200 个字符',
-              }), //'申请原因不超过 200 个字符'
-            },
-          ]}
+          rules={rules.applyReason}
         >
           <Input.TextArea
             rows={6}
diff --git a/src/component/Task/ApplyPermission/DetailContent/index.tsx b/src/component/Task/modals/ApplyPermission/DetailContent/index.tsx
similarity index 96%
rename from src/component/Task/ApplyPermission/DetailContent/index.tsx
rename to src/component/Task/modals/ApplyPermission/DetailContent/index.tsx
index d948334ff..b9c3c66eb 100644
--- a/src/component/Task/ApplyPermission/DetailContent/index.tsx
+++ b/src/component/Task/modals/ApplyPermission/DetailContent/index.tsx
@@ -19,6 +19,7 @@ import type { IApplyPermissionTaskParams, TaskDetail } from '@/d.ts';
 import { getFormatDateTime } from '@/util/utils';
 import { Descriptions, Divider } from 'antd';
 import { projectRoleMap } from '../CreateModal';
+import EllipsisText from '@/component/EllipsisText';
 
 interface IProps {
   task: TaskDetail<IApplyPermissionTaskParams>;
@@ -65,7 +66,7 @@ const ApplyPermissionTaskContent: React.FC<IProps> = (props) => {
             }) /* 申请项目 */
           }
         >
-          {parameters?.project?.name || '-'}
+          <EllipsisText content={parameters?.project?.name} />
         </Descriptions.Item>
         <Descriptions.Item
           label={
@@ -91,7 +92,7 @@ const ApplyPermissionTaskContent: React.FC<IProps> = (props) => {
       </Descriptions>
       <Divider
         style={{
-          marginTop: 4,
+          marginTop: 16,
         }}
       />
 
diff --git a/src/component/Task/ApplyPermission/index.tsx b/src/component/Task/modals/ApplyPermission/index.tsx
similarity index 100%
rename from src/component/Task/ApplyPermission/index.tsx
rename to src/component/Task/modals/ApplyPermission/index.tsx
diff --git a/src/component/Task/ApplyTablePermission/CreateButton.tsx b/src/component/Task/modals/ApplyTablePermission/CreateButton.tsx
similarity index 100%
rename from src/component/Task/ApplyTablePermission/CreateButton.tsx
rename to src/component/Task/modals/ApplyTablePermission/CreateButton.tsx
diff --git a/src/component/Task/modals/ApplyTablePermission/CreateModal/const.ts b/src/component/Task/modals/ApplyTablePermission/CreateModal/const.ts
new file mode 100644
index 000000000..65c5d88e3
--- /dev/null
+++ b/src/component/Task/modals/ApplyTablePermission/CreateModal/const.ts
@@ -0,0 +1,81 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+
+export const rules = {
+  tables: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.ApplyTablePermission.CreateModal.78B63403',
+        defaultMessage: '请选择',
+      }),
+    },
+  ],
+  types: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.ApplyTablePermission.CreateModal.72AFD173',
+        defaultMessage: '请选择',
+      }),
+    },
+  ],
+  expireTime: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.ApplyTablePermission.CreateModal.BC9BE9CE',
+        defaultMessage: '请选择',
+      }),
+    },
+  ],
+  customExpireTime: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.ApplyTablePermission.CreateModal.55D2BC4D',
+        defaultMessage: '请选择',
+      }),
+    },
+  ],
+  applyReason: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.ApplyTablePermission.CreateModal.A92A0F62',
+        defaultMessage: '请输入原因描述',
+      }),
+    },
+    {
+      max: 200,
+      message: formatMessage({
+        id: 'src.component.Task.ApplyTablePermission.CreateModal.319F7B70',
+        defaultMessage: '申请原因不超过 200 个字符',
+      }),
+    },
+  ],
+  projectId: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.ApplyTablePermission.CreateModal.77D8F632',
+        defaultMessage: '请选择项目',
+      }),
+    },
+  ],
+};
diff --git a/src/component/Task/ApplyTablePermission/CreateModal/index.less b/src/component/Task/modals/ApplyTablePermission/CreateModal/index.less
similarity index 100%
rename from src/component/Task/ApplyTablePermission/CreateModal/index.less
rename to src/component/Task/modals/ApplyTablePermission/CreateModal/index.less
diff --git a/src/component/Task/ApplyTablePermission/CreateModal/index.tsx b/src/component/Task/modals/ApplyTablePermission/CreateModal/index.tsx
similarity index 82%
rename from src/component/Task/ApplyTablePermission/CreateModal/index.tsx
rename to src/component/Task/modals/ApplyTablePermission/CreateModal/index.tsx
index 956090815..6579fc99d 100644
--- a/src/component/Task/ApplyTablePermission/CreateModal/index.tsx
+++ b/src/component/Task/modals/ApplyTablePermission/CreateModal/index.tsx
@@ -46,36 +46,16 @@ import { inject, observer } from 'mobx-react';
 import dayjs from 'dayjs';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import styles from './index.less';
+import { rules } from './const';
+import { getExpireTime } from '@/component/Task/helper';
 
 const CheckboxGroup = Checkbox.Group;
 
-const MAX_DATE = '9999-12-31 23:59:59';
-const MAX_DATE_LABEL = '9999-12-31';
-
 const defaultValue = {
   tables: [],
   expireTime: '7,days',
 };
 
-export const getExpireTime = (expireTime, customExpireTime, isCustomExpireTime) => {
-  if (isCustomExpireTime) {
-    return customExpireTime?.valueOf();
-  } else {
-    const [offset, unit] = expireTime.split(',') ?? [];
-    return offset === 'never' ? dayjs(MAX_DATE)?.valueOf() : dayjs().add(offset, unit)?.valueOf();
-  }
-};
-
-export const getExpireTimeLabel = (expireTime) => {
-  const label = dayjs(expireTime).format('YYYY-MM-DD');
-  return label === MAX_DATE_LABEL
-    ? formatMessage({
-        id: 'src.component.Task.ApplyTablePermission.CreateModal.BC4488C7',
-        defaultMessage: '永不过期',
-      })
-    : label;
-};
-
 const Label: React.FC<{
   text: string;
   docKey: string;
@@ -191,6 +171,7 @@ const CreateModal: React.FC<IProps> = (props) => {
   const tableSelecterRef = useRef<TableSelecterRef>(null);
   const { run: getProjects, data: projects } = useRequest(listProjects, {
     defaultParams: [null, null, null],
+    manual: true,
   });
   const projectOptions = projects?.contents?.map(({ name, id }) => ({
     label: name,
@@ -239,11 +220,16 @@ const CreateModal: React.FC<IProps> = (props) => {
       .then(async (values) => {
         const { projectId, tables, types, expireTime, customExpireTime, applyReason } = values;
         const isCustomExpireTime = expireTime?.startsWith('custom');
+        const allLoadedTables = tableSelecterRef.current
+          .getAllLoadedTables()
+          .map((table) => table.id);
+        const allLoadedTablesSet = new Set(allLoadedTables);
+        const filteredTables = tables.filter((table) => allLoadedTablesSet.has(table.tableId));
         const parameters = {
           project: {
             id: projectId,
           },
-          tables: groupTableByDataBase(tables),
+          tables: groupTableByDataBase(filteredTables),
           types,
           expireTime: getExpireTime(expireTime, customExpireTime, isCustomExpireTime),
           applyReason,
@@ -297,12 +283,15 @@ const CreateModal: React.FC<IProps> = (props) => {
       applyReason,
     };
     // 默认获取要申请权限的库下面的表，并且展开
-    // 目前一个工单只会关联一个库
-    const databaseId = tables?.[0]?.databaseId;
-    if (projectId && databaseId) {
+    const databaseIds = [...new Set(tables?.map((table) => table.databaseId).filter(Boolean))];
+    if (projectId && databaseIds.length) {
       await tableSelecterRef.current?.loadDatabases();
-      await tableSelecterRef.current?.loadTables(databaseId);
-      tableSelecterRef.current?.expandTable(databaseId);
+      await Promise.all(
+        databaseIds.map(async (databaseId) => {
+          await tableSelecterRef.current?.loadTables(databaseId);
+          tableSelecterRef.current?.expandTable(databaseId);
+        }),
+      );
     }
     form.setFieldsValue(formData);
   }, [applyTablePermissionData, form]);
@@ -420,15 +409,7 @@ const CreateModal: React.FC<IProps> = (props) => {
             defaultMessage: '项目',
           })}
           name="projectId"
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'src.component.Task.ApplyTablePermission.CreateModal.77D8F632',
-                defaultMessage: '请选择项目',
-              }),
-            },
-          ]}
+          rules={rules.projectId}
         >
           <Select
             showSearch
@@ -452,15 +433,7 @@ const CreateModal: React.FC<IProps> = (props) => {
             defaultMessage: '表/视图',
           })}
           required
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'src.component.Task.ApplyTablePermission.CreateModal.78B63403',
-                defaultMessage: '请选择',
-              }),
-            },
-          ]}
+          rules={rules.tables}
         >
           <TableSelecter projectId={projectId} ref={tableSelecterRef} />
         </Form.Item>
@@ -470,15 +443,7 @@ const CreateModal: React.FC<IProps> = (props) => {
             id: 'src.component.Task.ApplyTablePermission.CreateModal.3BCFDC84',
             defaultMessage: '权限类型',
           })}
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'src.component.Task.ApplyTablePermission.CreateModal.72AFD173',
-                defaultMessage: '请选择',
-              }),
-            },
-          ]}
+          rules={rules.types}
         >
           <CheckboxGroup options={permissionOptions} />
         </Form.Item>
@@ -489,15 +454,7 @@ const CreateModal: React.FC<IProps> = (props) => {
               defaultMessage: '权限有效期',
             })}
             name="expireTime"
-            rules={[
-              {
-                required: true,
-                message: formatMessage({
-                  id: 'src.component.Task.ApplyTablePermission.CreateModal.BC9BE9CE',
-                  defaultMessage: '请选择',
-                }),
-              },
-            ]}
+            rules={rules.expireTime}
           >
             <Select
               style={{ width: '327px' }}
@@ -520,15 +477,7 @@ const CreateModal: React.FC<IProps> = (props) => {
                       defaultMessage: '结束日期',
                     })}
                     name="customExpireTime"
-                    rules={[
-                      {
-                        required: true,
-                        message: formatMessage({
-                          id: 'src.component.Task.ApplyTablePermission.CreateModal.55D2BC4D',
-                          defaultMessage: '请选择',
-                        }),
-                      },
-                    ]}
+                    rules={rules.customExpireTime}
                   >
                     <DatePicker disabledDate={disabledDate} style={{ width: '327px' }} />
                   </Form.Item>
@@ -543,22 +492,7 @@ const CreateModal: React.FC<IProps> = (props) => {
             defaultMessage: '申请原因',
           })}
           name="applyReason"
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'src.component.Task.ApplyTablePermission.CreateModal.A92A0F62',
-                defaultMessage: '请输入原因描述',
-              }),
-            },
-            {
-              max: 200,
-              message: formatMessage({
-                id: 'src.component.Task.ApplyTablePermission.CreateModal.319F7B70',
-                defaultMessage: '申请原因不超过 200 个字符',
-              }),
-            },
-          ]}
+          rules={rules.applyReason}
         >
           <Input.TextArea
             rows={6}
diff --git a/src/component/Task/ApplyTablePermission/DetailContent/index.tsx b/src/component/Task/modals/ApplyTablePermission/DetailContent/index.tsx
similarity index 95%
rename from src/component/Task/ApplyTablePermission/DetailContent/index.tsx
rename to src/component/Task/modals/ApplyTablePermission/DetailContent/index.tsx
index 86741d510..9cc2f9cc2 100644
--- a/src/component/Task/ApplyTablePermission/DetailContent/index.tsx
+++ b/src/component/Task/modals/ApplyTablePermission/DetailContent/index.tsx
@@ -22,8 +22,10 @@ import type { IApplyTablePermissionTaskParams, TaskDetail } from '@/d.ts';
 import { getFormatDateTime } from '@/util/utils';
 import { Descriptions, Divider, Space } from 'antd';
 import { useMemo } from 'react';
-import { getExpireTimeLabel, permissionOptionsMap } from '../';
+import { permissionOptionsMap } from '../';
+import { getExpireTimeLabel } from '@/component/Task/helper';
 import RiskLevelLabel from '@/component/RiskLevelLabel';
+import EllipsisText from '@/component/EllipsisText';
 
 const getConnectionColumns = () => {
   return [
@@ -127,7 +129,7 @@ const TaskContent: React.FC<IProps> = (props) => {
       </Descriptions>
       <Divider
         style={{
-          marginTop: 4,
+          marginTop: 16,
         }}
       />
 
@@ -138,7 +140,7 @@ const TaskContent: React.FC<IProps> = (props) => {
             defaultMessage: '项目',
           })}
         >
-          {parameters?.project?.name}
+          <EllipsisText content={parameters?.project?.name} />
         </Descriptions.Item>
       </Descriptions>
       <SimpleTextItem
@@ -162,7 +164,7 @@ const TaskContent: React.FC<IProps> = (props) => {
 
       <Divider
         style={{
-          marginTop: 4,
+          marginTop: 16,
         }}
       />
 
@@ -194,7 +196,7 @@ const TaskContent: React.FC<IProps> = (props) => {
       </Descriptions>
       <Divider
         style={{
-          marginTop: 4,
+          marginTop: 16,
         }}
       />
 
diff --git a/src/component/Task/ApplyTablePermission/index.tsx b/src/component/Task/modals/ApplyTablePermission/index.tsx
similarity index 100%
rename from src/component/Task/ApplyTablePermission/index.tsx
rename to src/component/Task/modals/ApplyTablePermission/index.tsx
diff --git a/src/component/Task/AsyncTask/CreateModal/PopconfirmButton.tsx b/src/component/Task/modals/AsyncTask/CreateModal/PopconfirmButton.tsx
similarity index 100%
rename from src/component/Task/AsyncTask/CreateModal/PopconfirmButton.tsx
rename to src/component/Task/modals/AsyncTask/CreateModal/PopconfirmButton.tsx
diff --git a/src/component/Task/modals/AsyncTask/CreateModal/const.ts b/src/component/Task/modals/AsyncTask/CreateModal/const.ts
new file mode 100644
index 000000000..38c1474a1
--- /dev/null
+++ b/src/component/Task/modals/AsyncTask/CreateModal/const.ts
@@ -0,0 +1,125 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import setting from '@/store/setting';
+import { formatMessage } from '@/util/intl';
+
+export const rules = {
+  sqlContentType: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.components.CreateAsyncTaskModal.SelectSqlContent',
+        defaultMessage: '请选择 SQL 内容',
+      }),
+
+      // 请选择 SQL 内容
+    },
+  ],
+  sqlContent: ({ required }) => {
+    return [
+      {
+        required,
+        message: formatMessage({
+          id: 'odc.components.CreateAsyncTaskModal.EnterTheSqlContent',
+          defaultMessage: '请填写 SQL 内容',
+        }),
+
+        // 请填写 SQL 内容
+      },
+    ];
+  },
+  delimiter: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.components.CreateAsyncTaskModal.EnterADelimiter',
+        defaultMessage: '请输入分隔符',
+      }),
+
+      //请输入分隔符
+    },
+  ],
+  timeoutMillis: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.components.CreateAsyncTaskModal.EnterATimeoutPeriod',
+        defaultMessage: '请输入超时时间',
+      }),
+
+      // 请输入超时时间
+    },
+    {
+      type: 'number',
+      max: 480,
+      message: formatMessage({
+        id: 'odc.components.CreateAsyncTaskModal.MaximumLengthOfHours',
+        defaultMessage: '最大不超过 480 小时',
+      }),
+
+      // 最大不超过480小时
+    },
+  ],
+  errorStrategy: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.components.CreateAsyncTaskModal.SelectTaskErrorHandling',
+        defaultMessage: '请选择任务错误处理',
+      }),
+
+      // 请选择任务错误处理
+    },
+  ],
+  retryTimes: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.AsyncTask.CreateModal.DF31D4E7',
+        defaultMessage: '请输入',
+      }), //'请输入'
+    },
+  ],
+  queryLimit: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.components.CreateAsyncTaskModal.EnterAQueryResultLimit',
+        defaultMessage: '请输入查询结果限制',
+      }),
+
+      //请输入查询结果限制
+    },
+    {
+      validator: (_, value) => {
+        const max = setting.getSpaceConfigByKey('odc.sqlexecute.default.maxQueryLimit');
+        if (value !== undefined && value > max) {
+          return Promise.reject(
+            formatMessage(
+              {
+                id: 'src.component.Task.AsyncTask.CreateModal.06DB3655',
+                defaultMessage: '不超过查询条数上限 {max}',
+              },
+              { max },
+            ),
+          );
+        }
+        return Promise.resolve();
+      },
+    },
+  ],
+};
diff --git a/src/component/Task/AsyncTask/CreateModal/index.less b/src/component/Task/modals/AsyncTask/CreateModal/index.less
similarity index 100%
rename from src/component/Task/AsyncTask/CreateModal/index.less
rename to src/component/Task/modals/AsyncTask/CreateModal/index.less
diff --git a/src/component/Task/AsyncTask/CreateModal/index.tsx b/src/component/Task/modals/AsyncTask/CreateModal/index.tsx
similarity index 87%
rename from src/component/Task/AsyncTask/CreateModal/index.tsx
rename to src/component/Task/modals/AsyncTask/CreateModal/index.tsx
index 49fd53865..d3ec53654 100644
--- a/src/component/Task/AsyncTask/CreateModal/index.tsx
+++ b/src/component/Task/modals/AsyncTask/CreateModal/index.tsx
@@ -17,7 +17,6 @@
 import { getDataSourceModeConfig } from '@/common/datasource';
 import { runSQLLint } from '@/common/network/sql';
 import { createTask, getAsyncTaskUploadUrl } from '@/common/network/task';
-import { isReadonlyPublicConnection } from '@/component/Acess';
 import CommonIDE from '@/component/CommonIDE';
 import FormItemPanel from '@/component/FormItemPanel';
 import ODCDragger from '@/component/OSSDragger2';
@@ -61,9 +60,11 @@ import type { UploadFile } from 'antd/lib/upload/interface';
 import Cookies from 'js-cookie';
 import { inject, observer } from 'mobx-react';
 import React, { useEffect, useRef, useState } from 'react';
-import DatabaseSelect from '../../component/DatabaseSelect';
+import DatabaseSelect from '@/component/Task/component/DatabaseSelect';
 import styles from './index.less';
 import setting from '@/store/setting';
+import { rules } from './const';
+import { Rule } from 'antd/es/form';
 import dayjs from 'dayjs';
 
 const MAX_FILE_SIZE = 1024 * 1024 * 256;
@@ -579,61 +580,38 @@ const CreateModal: React.FC<IProps> = (props) => {
           })}
           /* SQL 内容 */ name="sqlContentType"
           initialValue={SQLContentType.TEXT}
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'odc.components.CreateAsyncTaskModal.SelectSqlContent',
-                defaultMessage: '请选择 SQL 内容',
-              }),
-
-              // 请选择 SQL 内容
-            },
-          ]}
+          rules={rules.sqlContentType}
         >
           <Radio.Group
-            onChange={(e) => {
-              handleChange('sqlContentType', e.target.value);
-            }}
-          >
-            <Radio.Button value={SQLContentType.TEXT}>
+            options={[
               {
-                formatMessage({
+                label: formatMessage({
                   id: 'odc.components.CreateAsyncTaskModal.SqlEntry',
                   defaultMessage: 'SQL 录入',
-                })
+                }),
 
-                /* SQL录入 */
-              }
-            </Radio.Button>
-            <Radio.Button value={SQLContentType.FILE}>
+                /* SQL录入 */ value: SQLContentType.TEXT,
+              },
               {
-                formatMessage({
+                label: formatMessage({
                   id: 'odc.components.CreateAsyncTaskModal.UploadAttachments',
                   defaultMessage: '上传附件',
-                })
+                }),
 
-                /* 上传附件 */
-              }
-            </Radio.Button>
-          </Radio.Group>
+                /* 上传附件 */ value: SQLContentType.FILE,
+              },
+            ]}
+            onChange={(e) => {
+              handleChange('sqlContentType', e.target.value);
+            }}
+          />
         </Form.Item>
         <Form.Item
           name="sqlContent"
           className={`${styles.sqlContent} ${
             sqlContentType !== SQLContentType.TEXT && styles.hide
           }`}
-          rules={[
-            {
-              required: sqlContentType === SQLContentType.TEXT,
-              message: formatMessage({
-                id: 'odc.components.CreateAsyncTaskModal.EnterTheSqlContent',
-                defaultMessage: '请填写 SQL 内容',
-              }),
-
-              // 请填写 SQL 内容
-            },
-          ]}
+          rules={rules.sqlContent({ required: sqlContentType === SQLContentType.TEXT })}
           style={{
             height: '280px',
           }}
@@ -815,31 +793,28 @@ const CreateModal: React.FC<IProps> = (props) => {
           </Form.Item>
           <Form.Item name="rollbackContentType" initialValue={SQLContentType.TEXT} noStyle>
             <Radio.Group
-              onChange={(e) => {
-                handleChange('rollbackContentType', e.target.value);
-              }}
-            >
-              <Radio.Button value={SQLContentType.TEXT}>
+              options={[
                 {
-                  formatMessage({
+                  label: formatMessage({
                     id: 'odc.components.CreateAsyncTaskModal.SqlEntry',
                     defaultMessage: 'SQL 录入',
-                  })
+                  }),
 
-                  /* SQL录入 */
-                }
-              </Radio.Button>
-              <Radio.Button value={SQLContentType.FILE}>
+                  /* SQL录入 */ value: SQLContentType.TEXT,
+                },
                 {
-                  formatMessage({
+                  label: formatMessage({
                     id: 'odc.components.CreateAsyncTaskModal.UploadAttachments',
                     defaultMessage: '上传附件',
-                  })
+                  }),
 
-                  /* 上传附件 */
-                }
-              </Radio.Button>
-            </Radio.Group>
+                  /* 上传附件 */ value: SQLContentType.FILE,
+                },
+              ]}
+              onChange={(e) => {
+                handleChange('rollbackContentType', e.target.value);
+              }}
+            />
           </Form.Item>
         </Form.Item>
         <Form.Item
@@ -913,17 +888,7 @@ const CreateModal: React.FC<IProps> = (props) => {
           })}
           /* 分隔符 */ initialValue=";"
           required
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'odc.components.CreateAsyncTaskModal.EnterADelimiter',
-                defaultMessage: '请输入分隔符',
-              }),
-
-              //请输入分隔符
-            },
-          ]}
+          rules={rules.delimiter}
         >
           <AutoComplete
             style={{
@@ -943,34 +908,7 @@ const CreateModal: React.FC<IProps> = (props) => {
             defaultMessage: '查询结果限制',
           })}
           required
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'odc.components.CreateAsyncTaskModal.EnterAQueryResultLimit',
-                defaultMessage: '请输入查询结果限制',
-              }),
-
-              //请输入查询结果限制
-            },
-            {
-              validator: (_, value) => {
-                const max = setting.getSpaceConfigByKey('odc.sqlexecute.default.maxQueryLimit');
-                if (value !== undefined && value > max) {
-                  return Promise.reject(
-                    formatMessage(
-                      {
-                        id: 'src.component.Task.AsyncTask.CreateModal.06DB3655',
-                        defaultMessage: '不超过查询条数上限 {max}',
-                      },
-                      { max },
-                    ),
-                  );
-                }
-                return Promise.resolve();
-              },
-            },
-          ]}
+          rules={rules.queryLimit}
         >
           <InputNumber min={1} />
         </Form.Item>
@@ -989,15 +927,7 @@ const CreateModal: React.FC<IProps> = (props) => {
               }) /*"SQL 重试次数"*/
             }
             name="retryTimes"
-            rules={[
-              {
-                required: true,
-                message: formatMessage({
-                  id: 'src.component.Task.AsyncTask.CreateModal.DF31D4E7',
-                  defaultMessage: '请输入',
-                }), //'请输入'
-              },
-            ]}
+            rules={rules.retryTimes}
           >
             <InputNumber min={0} precision={0} />
           </Form.Item>
@@ -1008,40 +938,28 @@ const CreateModal: React.FC<IProps> = (props) => {
             })}
             /* 任务错误处理 */ name="errorStrategy"
             initialValue={ErrorStrategy.ABORT}
-            rules={[
-              {
-                required: true,
-                message: formatMessage({
-                  id: 'odc.components.CreateAsyncTaskModal.SelectTaskErrorHandling',
-                  defaultMessage: '请选择任务错误处理',
-                }),
-
-                // 请选择任务错误处理
-              },
-            ]}
+            rules={rules.errorStrategy}
           >
-            <Radio.Group>
-              <Radio value={ErrorStrategy.ABORT}>
+            <Radio.Group
+              options={[
                 {
-                  formatMessage({
+                  label: formatMessage({
                     id: 'odc.components.CreateAsyncTaskModal.StopATask',
                     defaultMessage: '停止任务',
-                  })
+                  }),
 
-                  /* 停止任务 */
-                }
-              </Radio>
-              <Radio value={ErrorStrategy.CONTINUE}>
+                  /* 停止任务 */ value: ErrorStrategy.ABORT,
+                },
                 {
-                  formatMessage({
+                  label: formatMessage({
                     id: 'odc.components.CreateAsyncTaskModal.IgnoreErrorsContinueTasks',
                     defaultMessage: '忽略错误继续任务',
-                  })
+                  }),
 
-                  /* 忽略错误继续任务 */
-                }
-              </Radio>
-            </Radio.Group>
+                  /* 忽略错误继续任务 */ value: ErrorStrategy.CONTINUE,
+                },
+              ]}
+            />
           </Form.Item>
           <TaskTimer />
         </FormItemPanel>
@@ -1058,27 +976,7 @@ const CreateModal: React.FC<IProps> = (props) => {
               defaultMessage: '小时',
             })}
             /* 小时 */ name="timeoutMillis"
-            rules={[
-              {
-                required: true,
-                message: formatMessage({
-                  id: 'odc.components.CreateAsyncTaskModal.EnterATimeoutPeriod',
-                  defaultMessage: '请输入超时时间',
-                }),
-
-                // 请输入超时时间
-              },
-              {
-                type: 'number',
-                max: 480,
-                message: formatMessage({
-                  id: 'odc.components.CreateAsyncTaskModal.MaximumLengthOfHours',
-                  defaultMessage: '最大不超过 480 小时',
-                }),
-
-                // 最大不超过480小时
-              },
-            ]}
+            rules={rules.timeoutMillis as Rule[]}
             initialValue={48}
             noStyle
           >
diff --git a/src/component/Task/AsyncTask/DetailContent/index.less b/src/component/Task/modals/AsyncTask/DetailContent/index.less
similarity index 100%
rename from src/component/Task/AsyncTask/DetailContent/index.less
rename to src/component/Task/modals/AsyncTask/DetailContent/index.less
diff --git a/src/component/Task/AsyncTask/DetailContent/index.tsx b/src/component/Task/modals/AsyncTask/DetailContent/index.tsx
similarity index 96%
rename from src/component/Task/AsyncTask/DetailContent/index.tsx
rename to src/component/Task/modals/AsyncTask/DetailContent/index.tsx
index bdd63a9f0..3ed28d254 100644
--- a/src/component/Task/AsyncTask/DetailContent/index.tsx
+++ b/src/component/Task/modals/AsyncTask/DetailContent/index.tsx
@@ -17,18 +17,19 @@
 import { getDataSourceModeConfigByConnectionMode } from '@/common/datasource';
 import RiskLevelLabel from '@/component/RiskLevelLabel';
 import { SQLContent } from '@/component/SQLContent';
-import { getTaskExecStrategyMap } from '@/component/Task';
 import type { IAsyncTaskParams, ITaskResult, TaskDetail } from '@/d.ts';
 import { TaskExecStrategy, TaskFlowNodeType, TaskNodeStatus } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
 import { getFormatDateTime, milliSecondsToHour } from '@/util/utils';
 import { InfoCircleOutlined, LoadingOutlined } from '@ant-design/icons';
 import { Descriptions, Divider, Space, Tooltip } from 'antd';
-import DatabaseLabel from '../../component/DatabaseLabel';
-import { DownloadFileAction } from '../../component/DownloadFileAction';
-import { SimpleTextItem } from '../../component/SimpleTextItem';
+import DatabaseLabel from '@/component/Task/component/DatabaseLabel';
+import { DownloadFileAction } from '@/component/Task/component/DownloadFileAction';
+import { SimpleTextItem } from '@/component/Task/component/SimpleTextItem';
 import styles from './index.less';
 import login from '@/store/login';
+import { getTaskExecStrategyMap } from '@/component/Task/const';
+import EllipsisText from '@/component/EllipsisText';
 
 export const ErrorStrategy = {
   ABORT: formatMessage({
@@ -91,7 +92,7 @@ const AsyncTaskContent: React.FC<IProps> = (props) => {
             }) /* 所属数据源 */
           }
         >
-          {task?.database?.dataSource?.name || '-'}
+          <EllipsisText content={task?.database?.dataSource?.name} />
         </Descriptions.Item>
         <Descriptions.Item
           span={2}
diff --git a/src/component/Task/AsyncTask/index.tsx b/src/component/Task/modals/AsyncTask/index.tsx
similarity index 100%
rename from src/component/Task/AsyncTask/index.tsx
rename to src/component/Task/modals/AsyncTask/index.tsx
diff --git a/src/component/Task/CreateModals.tsx b/src/component/Task/modals/CreateModals.tsx
similarity index 100%
rename from src/component/Task/CreateModals.tsx
rename to src/component/Task/modals/CreateModals.tsx
diff --git a/src/component/Task/DataArchiveTask/CreateModal/ArchiveRange.tsx b/src/component/Task/modals/DataArchiveTask/CreateModal/ArchiveRange.tsx
similarity index 92%
rename from src/component/Task/DataArchiveTask/CreateModal/ArchiveRange.tsx
rename to src/component/Task/modals/DataArchiveTask/CreateModal/ArchiveRange.tsx
index fd199eb4c..5ff6d1004 100644
--- a/src/component/Task/DataArchiveTask/CreateModal/ArchiveRange.tsx
+++ b/src/component/Task/modals/DataArchiveTask/CreateModal/ArchiveRange.tsx
@@ -20,15 +20,16 @@ import { PlusOutlined, SettingOutlined, SettingFilled } from '@ant-design/icons'
 import { Button, Checkbox, Form, Input, Radio, Select, Typography, Tooltip } from 'antd';
 import classNames from 'classnames';
 import { useEffect, useState } from 'react';
-import ArchiveRangeTip from '../../component/ArchiveRangeTip';
-import { PartitionTextArea } from '../../component/PartitionTextArea';
+import ArchiveRangeTip from '@/component/Task/component/ArchiveRangeTip';
+import { PartitionTextArea } from '@/component/Task/component/PartitionTextArea';
 import { IArchiveRange } from './index';
 import styles from './index.less';
 import BatchSelectionPopover from '@/component/BatchSelectionPopover';
 import { isConnectTypeBeFileSystemGroup } from '@/util/connection';
 import { IDatabase } from '@/d.ts/database';
-import JoinTableConfigModal from '../../component/JoinTableConfigsModal';
-import useJoinTableConfig from '../../component/JoinTableConfigsModal/useJoinTableConfig';
+import JoinTableConfigModal from '@/component/Task/component/JoinTableConfigsModal';
+import useJoinTableConfig from '@/component/Task/component/JoinTableConfigsModal/useJoinTableConfig';
+import { rules } from './const';
 
 const { Text, Link } = Typography;
 
@@ -81,24 +82,24 @@ const ArchiveRange: React.FC<IProps> = (props) => {
         /*归档范围*/ name="archiveRange"
         required
       >
-        <Radio.Group>
-          <Radio value={IArchiveRange.PORTION}>
+        <Radio.Group
+          options={[
             {
-              formatMessage({
+              label: formatMessage({
                 id: 'odc.DataArchiveTask.CreateModal.ArchiveRange.PartialArchive',
                 defaultMessage: '部分归档',
-              }) /*部分归档*/
-            }
-          </Radio>
-          <Radio value={IArchiveRange.ALL}>
+              }) /*部分归档*/,
+              value: IArchiveRange.PORTION,
+            },
             {
-              formatMessage({
+              label: formatMessage({
                 id: 'odc.DataArchiveTask.CreateModal.ArchiveRange.ArchiveTheEntireDatabase',
                 defaultMessage: '整库归档',
-              }) /*整库归档*/
-            }
-          </Radio>
-        </Radio.Group>
+              }) /*整库归档*/,
+              value: IArchiveRange.ALL,
+            },
+          ]}
+        />
       </Form.Item>
       <Form.Item shouldUpdate noStyle>
         {({ getFieldValue }) => {
@@ -202,15 +203,7 @@ const ArchiveRange: React.FC<IProps> = (props) => {
                         <Form.Item
                           {...restField}
                           name={[name, 'tableName']}
-                          rules={[
-                            {
-                              required: true,
-                              message: formatMessage({
-                                id: 'odc.src.component.Task.DataArchiveTask.CreateModal.PleaseSelectTheTable',
-                                defaultMessage: '请选择表',
-                              }), //'请选择表'
-                            },
-                          ]}
+                          rules={rules.tableName}
                         >
                           <Select
                             showSearch
diff --git a/src/component/Task/DataArchiveTask/CreateModal/VariableConfig.tsx b/src/component/Task/modals/DataArchiveTask/CreateModal/VariableConfig.tsx
similarity index 87%
rename from src/component/Task/DataArchiveTask/CreateModal/VariableConfig.tsx
rename to src/component/Task/modals/DataArchiveTask/CreateModal/VariableConfig.tsx
index dcc0bc461..e33e80472 100644
--- a/src/component/Task/DataArchiveTask/CreateModal/VariableConfig.tsx
+++ b/src/component/Task/modals/DataArchiveTask/CreateModal/VariableConfig.tsx
@@ -18,10 +18,11 @@ import HelpDoc from '@/component/helpDoc';
 import { formatMessage } from '@/util/intl';
 import { DeleteOutlined, MinusOutlined, PlusOutlined } from '@ant-design/icons';
 import type { FormInstance } from 'antd';
-import { Button, Form, Input, InputNumber, Select, Space, Tooltip } from 'antd';
+import { AutoComplete, Button, Form, Input, InputNumber, Select, Space, Tooltip } from 'antd';
 import classNames from 'classnames';
 import { variable } from './index';
 import styles from './index.less';
+import { rules } from './const';
 export const timeUnitOptions = [
   {
     label: formatMessage({
@@ -191,7 +192,7 @@ const VariableConfig: React.FC<IProps> = (props) => {
                   />
                 </Form.Item>
                 <Form.Item {...restField} name={[name, 'format']}>
-                  <Select
+                  <AutoComplete
                     placeholder={formatMessage({
                       id: 'odc.DataArchiveTask.CreateModal.VariableConfig.PleaseSelect',
                       defaultMessage: '请选择',
@@ -212,15 +213,7 @@ const VariableConfig: React.FC<IProps> = (props) => {
                             <Form.Item
                               {...restField}
                               name={[name, 'operator']}
-                              rules={[
-                                {
-                                  required,
-                                  message: formatMessage({
-                                    id: 'odc.src.component.Task.DataArchiveTask.CreateModal.PleaseChoose',
-                                    defaultMessage: '请选择',
-                                  }), //'请选择'
-                                },
-                              ]}
+                              rules={rules.operator({ required })}
                             >
                               <Select
                                 placeholder={formatMessage({
@@ -233,15 +226,7 @@ const VariableConfig: React.FC<IProps> = (props) => {
                             <Form.Item
                               {...restField}
                               name={[name, 'step']}
-                              rules={[
-                                {
-                                  required,
-                                  message: formatMessage({
-                                    id: 'odc.src.component.Task.DataArchiveTask.CreateModal.PleaseEnter',
-                                    defaultMessage: '请输入',
-                                  }), //'请输入'
-                                },
-                              ]}
+                              rules={rules.step({ required })}
                             >
                               <InputNumber
                                 placeholder={formatMessage({
@@ -254,15 +239,7 @@ const VariableConfig: React.FC<IProps> = (props) => {
                             <Form.Item
                               {...restField}
                               name={[name, 'unit']}
-                              rules={[
-                                {
-                                  required,
-                                  message: formatMessage({
-                                    id: 'odc.src.component.Task.DataArchiveTask.CreateModal.PleaseChoose.1',
-                                    defaultMessage: '请选择',
-                                  }), //'请选择'
-                                },
-                              ]}
+                              rules={rules.unit({ required })}
                             >
                               <Select
                                 placeholder={formatMessage({
diff --git a/src/component/Task/modals/DataArchiveTask/CreateModal/const.ts b/src/component/Task/modals/DataArchiveTask/CreateModal/const.ts
new file mode 100644
index 000000000..6a2433154
--- /dev/null
+++ b/src/component/Task/modals/DataArchiveTask/CreateModal/const.ts
@@ -0,0 +1,71 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+
+export const rules = {
+  tableName: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.src.component.Task.DataArchiveTask.CreateModal.PleaseSelectTheTable',
+        defaultMessage: '请选择表',
+      }), //'请选择表'
+    },
+  ],
+  migrationInsertAction: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.src.component.Task.DataArchiveTask.CreateModal.PleaseSelectInsertionStrategy',
+        defaultMessage: '请选择插入策略',
+      }), //'请选择插入策略'
+    },
+  ],
+  unit: ({ required }) => {
+    return [
+      {
+        required,
+        message: formatMessage({
+          id: 'odc.src.component.Task.DataClearTask.CreateModal.PleaseChoose.1',
+          defaultMessage: '请选择',
+        }), //'请选择'
+      },
+    ];
+  },
+  operator: ({ required }) => {
+    return [
+      {
+        required,
+        message: formatMessage({
+          id: 'odc.src.component.Task.DataClearTask.CreateModal.PleaseChoose',
+          defaultMessage: '请选择',
+        }), //'请选择'
+      },
+    ];
+  },
+  step: ({ required }) => {
+    return [
+      {
+        required,
+        message: formatMessage({
+          id: 'odc.src.component.Task.DataClearTask.CreateModal.PleaseEnter',
+          defaultMessage: '请输入',
+        }), //'请输入'
+      },
+    ];
+  },
+};
diff --git a/src/component/Task/DataArchiveTask/CreateModal/index.less b/src/component/Task/modals/DataArchiveTask/CreateModal/index.less
similarity index 100%
rename from src/component/Task/DataArchiveTask/CreateModal/index.less
rename to src/component/Task/modals/DataArchiveTask/CreateModal/index.less
diff --git a/src/component/Task/DataArchiveTask/CreateModal/index.tsx b/src/component/Task/modals/DataArchiveTask/CreateModal/index.tsx
similarity index 95%
rename from src/component/Task/DataArchiveTask/CreateModal/index.tsx
rename to src/component/Task/modals/DataArchiveTask/CreateModal/index.tsx
index fc64f4efd..dd8e8c461 100644
--- a/src/component/Task/DataArchiveTask/CreateModal/index.tsx
+++ b/src/component/Task/modals/DataArchiveTask/CreateModal/index.tsx
@@ -59,19 +59,21 @@ import {
 import { inject, observer } from 'mobx-react';
 import dayjs from 'dayjs';
 import React, { useEffect, useRef, useState } from 'react';
-import DatabaseSelect from '../../component/DatabaseSelect';
-import SQLPreviewModal from '../../component/SQLPreviewModal';
-import SynchronizationItem from '../../component/SynchronizationItem';
-import TaskdurationItem from '../../component/TaskdurationItem';
-import ThrottleFormItem from '../../component/ThrottleFormItem';
+import DatabaseSelect from '@/component/Task/component/DatabaseSelect';
+import SQLPreviewModal from '@/component/Task/component/SQLPreviewModal';
+import SynchronizationItem from '@/component/Task/component/SynchronizationItem';
+import TaskdurationItem from '@/component/Task/component/TaskdurationItem';
+import ThrottleFormItem from '@/component/Task/component/ThrottleFormItem';
 import ArchiveRange from './ArchiveRange';
 import styles from './index.less';
 import { isConnectTypeBeFileSystemGroup } from '@/util/connection';
 import VariableConfig, { timeUnitOptions } from './VariableConfig';
-import ShardingStrategyItem from '../../component/ShardingStrategyItem';
+import ShardingStrategyItem from '@/component/Task/component/ShardingStrategyItem';
 import { disabledDate, disabledTime } from '@/util/utils';
-import DirtyRowAction from '../../component/DirtyRowAction';
-import MaxAllowedDirtyRowCount from '../../component/MaxAllowedDirtyRowCount';
+import DirtyRowAction from '@/component/Task/component/DirtyRowAction';
+import MaxAllowedDirtyRowCount from '@/component/Task/component/MaxAllowedDirtyRowCount';
+import { rules } from './const';
+import ExecuteFailTip from '@/component/Task/component/ExecuteFailTip';
 
 export enum IArchiveRange {
   PORTION = 'portion',
@@ -110,7 +112,7 @@ const defaultValue = {
   archiveRange: IArchiveRange.PORTION,
   tables: [null],
   migrationInsertAction: MigrationInsertAction.INSERT_DUPLICATE_UPDATE,
-  shardingStrategy: ShardingStrategy.FIXED_LENGTH,
+  shardingStrategy: ShardingStrategy.MATCH,
   rowLimit: 100,
   dataSizeLimit: 1,
 };
@@ -731,13 +733,16 @@ const CreateModal: React.FC<IProps> = (props) => {
                 }
                 if (triggerStrategy === TaskExecStrategy.TIMER) {
                   return (
-                    <Form.Item>
-                      <Crontab
-                        ref={crontabRef}
-                        initialValue={crontab}
-                        onValueChange={handleCrontabChange}
-                      />
-                    </Form.Item>
+                    <>
+                      <ExecuteFailTip />
+                      <Form.Item>
+                        <Crontab
+                          ref={crontabRef}
+                          initialValue={crontab}
+                          onValueChange={handleCrontabChange}
+                        />
+                      </Form.Item>
+                    </>
                   );
                 }
                 return null;
@@ -792,6 +797,7 @@ const CreateModal: React.FC<IProps> = (props) => {
               <MaxAllowedDirtyRowCount />
               <TaskdurationItem form={form} />
               <SynchronizationItem form={form} targetDatabase={targetDatabase} />
+              <ShardingStrategyItem form={form} />
               <Form.Item
                 label={
                   formatMessage({
@@ -800,19 +806,10 @@ const CreateModal: React.FC<IProps> = (props) => {
                   }) /* 插入策略 */
                 }
                 name="migrationInsertAction"
-                rules={[
-                  {
-                    required: true,
-                    message: formatMessage({
-                      id: 'odc.src.component.Task.DataArchiveTask.CreateModal.PleaseSelectInsertionStrategy',
-                      defaultMessage: '请选择插入策略',
-                    }), //'请选择插入策略'
-                  },
-                ]}
+                rules={rules.migrationInsertAction}
               >
                 <Radio.Group options={InsertActionOptions} />
               </Form.Item>
-              <ShardingStrategyItem />
               <ThrottleFormItem isShowDataSizeLimit={true} />
             </FormItemPanel>
             <DescriptionInput />
diff --git a/src/component/Task/DataArchiveTask/DetailContent/ArchiveRange.tsx b/src/component/Task/modals/DataArchiveTask/DetailContent/ArchiveRange.tsx
similarity index 97%
rename from src/component/Task/DataArchiveTask/DetailContent/ArchiveRange.tsx
rename to src/component/Task/modals/DataArchiveTask/DetailContent/ArchiveRange.tsx
index 263b7cdda..e443d414a 100644
--- a/src/component/Task/DataArchiveTask/DetailContent/ArchiveRange.tsx
+++ b/src/component/Task/modals/DataArchiveTask/DetailContent/ArchiveRange.tsx
@@ -18,7 +18,7 @@ import DisplayTable from '@/component/DisplayTable';
 import { formatMessage } from '@/util/intl';
 import { Flex, Popover, Tooltip, Typography } from 'antd';
 import React from 'react';
-import { conditionExpressionColumns } from '../../helper';
+import { conditionExpressionColumns } from '@/component/Task/helper';
 
 const columns = [
   {
diff --git a/src/component/Task/DataArchiveTask/DetailContent/index.tsx b/src/component/Task/modals/DataArchiveTask/DetailContent/index.tsx
similarity index 94%
rename from src/component/Task/DataArchiveTask/DetailContent/index.tsx
rename to src/component/Task/modals/DataArchiveTask/DetailContent/index.tsx
index ab877c622..e435f87a3 100644
--- a/src/component/Task/DataArchiveTask/DetailContent/index.tsx
+++ b/src/component/Task/modals/DataArchiveTask/DetailContent/index.tsx
@@ -16,12 +16,11 @@
 
 import { updateLimiterConfig } from '@/common/network/task';
 import RiskLevelLabel from '@/component/RiskLevelLabel';
-import { getTaskExecStrategyMap } from '@/component/Task';
 import { SimpleTextItem } from '@/component/Task/component/SimpleTextItem';
 import VariableConfigTable from '@/component/Task/component/VariableConfigTable';
 import { isCycleTriggerStrategy } from '@/component/Task/helper';
 import type { CycleTaskDetail, IDataArchiveJobParameters, TaskOperationType } from '@/d.ts';
-import { TaskExecStrategy } from '@/d.ts';
+import { ShardingStrategy, TaskExecStrategy } from '@/d.ts';
 import setting from '@/store/setting';
 import { formatMessage } from '@/util/intl';
 import {
@@ -34,12 +33,11 @@ import {
 import { DownOutlined, UpOutlined } from '@ant-design/icons';
 import { Collapse, Descriptions, Divider, message, Space, Typography } from 'antd';
 import React from 'react';
-import ThrottleEditableCell from '../../component/ThrottleEditableCell';
-import { SyncTableStructureConfig } from '../../const';
-import styles from '../../index.less';
+import ThrottleEditableCell from '@/component/Task/component/ThrottleEditableCell';
+import { getTaskExecStrategyMap, SyncTableStructureConfig } from '@/component/Task/const';
+import styles from '@/component/Task/index.less';
 import { InsertActionOptions } from '../CreateModal';
 import ArchiveRange from './ArchiveRange';
-import { shardingStrategyOptions } from '../../component/ShardingStrategyItem';
 import { isConnectTypeBeFileSystemGroup } from '@/util/connection';
 import {
   DirtyRowActionEnum,
@@ -324,13 +322,20 @@ const DataArchiveTaskContent: React.FC<IProps> = (props) => {
         </Descriptions.Item>
         <Descriptions.Item
           label={formatMessage({
-            id: 'src.component.Task.DataArchiveTask.DetailContent.4844C10F',
-            defaultMessage: '搜索策略',
+            id: 'src.component.Task.modals.DataArchiveTask.DetailContent.44776A6F',
+            defaultMessage: '通过全表扫描进行数据搜索',
           })}
           span={isCycleStrategy ? 2 : 1}
         >
-          {shardingStrategyOptions.find((item) => item.value === jobParameters?.shardingStrategy)
-            ?.label || '-'}
+          {jobParameters?.shardingStrategy === ShardingStrategy.FIXED_LENGTH
+            ? formatMessage({
+                id: 'src.component.Task.modals.DataArchiveTask.DetailContent.D405684B',
+                defaultMessage: '是',
+              })
+            : formatMessage({
+                id: 'src.component.Task.modals.DataArchiveTask.DetailContent.53EB9D22',
+                defaultMessage: '否',
+              })}
         </Descriptions.Item>
         <Descriptions.Item
           label={formatMessage({
@@ -420,7 +425,7 @@ const DataArchiveTaskContent: React.FC<IProps> = (props) => {
 
       <Divider
         style={{
-          marginTop: 4,
+          marginTop: 16,
         }}
       />
 
diff --git a/src/component/Task/DataArchiveTask/index.tsx b/src/component/Task/modals/DataArchiveTask/index.tsx
similarity index 100%
rename from src/component/Task/DataArchiveTask/index.tsx
rename to src/component/Task/modals/DataArchiveTask/index.tsx
diff --git a/src/component/Task/DataClearTask/CreateModal/ArchiveRange.tsx b/src/component/Task/modals/DataClearTask/CreateModal/ArchiveRange.tsx
similarity index 92%
rename from src/component/Task/DataClearTask/CreateModal/ArchiveRange.tsx
rename to src/component/Task/modals/DataClearTask/CreateModal/ArchiveRange.tsx
index 09b2860f5..e8d25ec92 100644
--- a/src/component/Task/DataClearTask/CreateModal/ArchiveRange.tsx
+++ b/src/component/Task/modals/DataClearTask/CreateModal/ArchiveRange.tsx
@@ -20,13 +20,14 @@ import { PlusOutlined, SettingOutlined, SettingFilled } from '@ant-design/icons'
 import { Tooltip, Button, Checkbox, Form, Input, Radio, Select, Typography } from 'antd';
 import classNames from 'classnames';
 import { useEffect, useState } from 'react';
-import ArchiveRangeTip from '../../component/ArchiveRangeTip';
-import { PartitionTextArea } from '../../component/PartitionTextArea';
+import ArchiveRangeTip from '@/component/Task/component/ArchiveRangeTip';
+import { PartitionTextArea } from '@/component/Task/component/PartitionTextArea';
 import { IArchiveRange } from './index';
 import BatchSelectionPopover from '@/component/BatchSelectionPopover';
 import styles from './index.less';
-import JoinTableConfigModal from '../../component/JoinTableConfigsModal';
-import useJoinTableConfig from '../../component/JoinTableConfigsModal/useJoinTableConfig';
+import JoinTableConfigModal from '@/component/Task/component/JoinTableConfigsModal';
+import useJoinTableConfig from '@/component/Task/component/JoinTableConfigsModal/useJoinTableConfig';
+import { rules } from './const';
 
 const { Text, Link } = Typography;
 
@@ -78,24 +79,24 @@ const ArchiveRange: React.FC<IProps> = (props) => {
         /*清理范围*/ name="archiveRange"
         required
       >
-        <Radio.Group>
-          <Radio value={IArchiveRange.PORTION}>
+        <Radio.Group
+          options={[
             {
-              formatMessage({
+              label: formatMessage({
                 id: 'odc.DataClearTask.CreateModal.ArchiveRange.PartialCleaning',
                 defaultMessage: '部分清理',
-              }) /*部分清理*/
-            }
-          </Radio>
-          <Radio value={IArchiveRange.ALL}>
+              }) /*部分清理*/,
+              value: IArchiveRange.PORTION,
+            },
             {
-              formatMessage({
+              label: formatMessage({
                 id: 'odc.DataClearTask.CreateModal.ArchiveRange.CleanUpTheEntireDatabase',
                 defaultMessage: '整库清理',
-              }) /*整库清理*/
-            }
-          </Radio>
-        </Radio.Group>
+              }) /*整库清理*/,
+              value: IArchiveRange.ALL,
+            },
+          ]}
+        />
       </Form.Item>
       <Form.Item shouldUpdate noStyle>
         {({ getFieldValue }) => {
@@ -201,15 +202,7 @@ const ArchiveRange: React.FC<IProps> = (props) => {
                         <Form.Item
                           {...restField}
                           name={[name, 'tableName']}
-                          rules={[
-                            {
-                              required: true,
-                              message: formatMessage({
-                                id: 'odc.DataClearTask.CreateModal.ArchiveRange.PleaseSelect',
-                                defaultMessage: '请选择',
-                              }), //请选择
-                            },
-                          ]}
+                          rules={rules.tableName}
                           style={{ width: 160 }}
                         >
                           <Select
diff --git a/src/component/Task/DataClearTask/CreateModal/VariableConfig.tsx b/src/component/Task/modals/DataClearTask/CreateModal/VariableConfig.tsx
similarity index 84%
rename from src/component/Task/DataClearTask/CreateModal/VariableConfig.tsx
rename to src/component/Task/modals/DataClearTask/CreateModal/VariableConfig.tsx
index b0bff11c9..c899d3fb3 100644
--- a/src/component/Task/DataClearTask/CreateModal/VariableConfig.tsx
+++ b/src/component/Task/modals/DataClearTask/CreateModal/VariableConfig.tsx
@@ -18,11 +18,12 @@ import HelpDoc from '@/component/helpDoc';
 import { formatMessage } from '@/util/intl';
 import { DeleteOutlined, MinusOutlined, PlusOutlined } from '@ant-design/icons';
 import type { FormInstance } from 'antd';
-import { Button, Form, Input, InputNumber, Select, Space } from 'antd';
+import { AutoComplete, Button, Form, Input, InputNumber, Select, Space } from 'antd';
 import classNames from 'classnames';
-import { timeUnitOptions } from '../../DataArchiveTask/CreateModal/VariableConfig';
+import { timeUnitOptions } from '@/component/Task/modals/DataArchiveTask/CreateModal/VariableConfig';
 import { variable } from './index';
 import styles from './index.less';
+import { rules } from './const';
 const ENABLE_PATTERN_OPERATOR = false;
 const timeFormatOptions = ['yyyy-MM-dd', 'yyyyMMdd'].map((item) => ({
   label: item,
@@ -145,7 +146,7 @@ const VariableConfig: React.FC<IProps> = (props) => {
                   }}
                   name={[name, 'format']}
                 >
-                  <Select
+                  <AutoComplete
                     placeholder={formatMessage({
                       id: 'odc.DataClearTask.CreateModal.VariableConfig.PleaseSelect',
                       defaultMessage: '请选择',
@@ -166,15 +167,7 @@ const VariableConfig: React.FC<IProps> = (props) => {
                             <Form.Item
                               {...restField}
                               name={[name, 'operator']}
-                              rules={[
-                                {
-                                  required,
-                                  message: formatMessage({
-                                    id: 'odc.src.component.Task.DataClearTask.CreateModal.PleaseChoose',
-                                    defaultMessage: '请选择',
-                                  }), //'请选择'
-                                },
-                              ]}
+                              rules={rules.operator({ required })}
                             >
                               <Select
                                 placeholder={formatMessage({
@@ -187,15 +180,7 @@ const VariableConfig: React.FC<IProps> = (props) => {
                             <Form.Item
                               {...restField}
                               name={[name, 'step']}
-                              rules={[
-                                {
-                                  required,
-                                  message: formatMessage({
-                                    id: 'odc.src.component.Task.DataClearTask.CreateModal.PleaseEnter',
-                                    defaultMessage: '请输入',
-                                  }), //'请输入'
-                                },
-                              ]}
+                              rules={rules.step({ required })}
                             >
                               <InputNumber
                                 placeholder={formatMessage({
@@ -208,15 +193,7 @@ const VariableConfig: React.FC<IProps> = (props) => {
                             <Form.Item
                               {...restField}
                               name={[name, 'unit']}
-                              rules={[
-                                {
-                                  required,
-                                  message: formatMessage({
-                                    id: 'odc.src.component.Task.DataClearTask.CreateModal.PleaseChoose.1',
-                                    defaultMessage: '请选择',
-                                  }), //'请选择'
-                                },
-                              ]}
+                              rules={rules.unit({ required })}
                             >
                               <Select
                                 placeholder={formatMessage({
diff --git a/src/component/Task/modals/DataClearTask/CreateModal/const.ts b/src/component/Task/modals/DataClearTask/CreateModal/const.ts
new file mode 100644
index 000000000..7b9731839
--- /dev/null
+++ b/src/component/Task/modals/DataClearTask/CreateModal/const.ts
@@ -0,0 +1,62 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+
+export const rules = {
+  tableName: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.DataClearTask.CreateModal.ArchiveRange.PleaseSelect',
+        defaultMessage: '请选择',
+      }), //请选择
+    },
+  ],
+  unit: ({ required }) => {
+    return [
+      {
+        required,
+        message: formatMessage({
+          id: 'odc.src.component.Task.DataClearTask.CreateModal.PleaseChoose.1',
+          defaultMessage: '请选择',
+        }), //'请选择'
+      },
+    ];
+  },
+  operator: ({ required }) => {
+    return [
+      {
+        required,
+        message: formatMessage({
+          id: 'odc.src.component.Task.DataClearTask.CreateModal.PleaseChoose',
+          defaultMessage: '请选择',
+        }), //'请选择'
+      },
+    ];
+  },
+  step: ({ required }) => {
+    return [
+      {
+        required,
+        message: formatMessage({
+          id: 'odc.src.component.Task.DataClearTask.CreateModal.PleaseEnter',
+          defaultMessage: '请输入',
+        }), //'请输入'
+      },
+    ];
+  },
+};
diff --git a/src/component/Task/DataClearTask/CreateModal/index.less b/src/component/Task/modals/DataClearTask/CreateModal/index.less
similarity index 100%
rename from src/component/Task/DataClearTask/CreateModal/index.less
rename to src/component/Task/modals/DataClearTask/CreateModal/index.less
diff --git a/src/component/Task/DataClearTask/CreateModal/index.tsx b/src/component/Task/modals/DataClearTask/CreateModal/index.tsx
similarity index 92%
rename from src/component/Task/DataClearTask/CreateModal/index.tsx
rename to src/component/Task/modals/DataClearTask/CreateModal/index.tsx
index d12e21d6e..ad015bc32 100644
--- a/src/component/Task/DataClearTask/CreateModal/index.tsx
+++ b/src/component/Task/modals/DataClearTask/CreateModal/index.tsx
@@ -45,19 +45,21 @@ import { Button, Checkbox, DatePicker, Drawer, Form, Modal, Radio, Space, Spin }
 import { inject, observer } from 'mobx-react';
 import dayjs from 'dayjs';
 import React, { useEffect, useRef, useState } from 'react';
-import DatabaseSelect from '../../component/DatabaseSelect';
-import SQLPreviewModal from '../../component/SQLPreviewModal';
-import TaskdurationItem from '../../component/TaskdurationItem';
-import ThrottleFormItem from '../../component/ThrottleFormItem';
-import { getVariableValue } from '../../DataArchiveTask/CreateModal';
+import DatabaseSelect from '@/component/Task/component/DatabaseSelect';
+import SQLPreviewModal from '@/component/Task/component/SQLPreviewModal';
+import TaskdurationItem from '@/component/Task/component/TaskdurationItem';
+import ThrottleFormItem from '@/component/Task/component/ThrottleFormItem';
+import { getVariableValue } from '@/component/Task/modals/DataArchiveTask/CreateModal';
 import ArchiveRange from './ArchiveRange';
 import styles from './index.less';
 import VariableConfig from './VariableConfig';
-import ShardingStrategyItem from '../../component/ShardingStrategyItem';
+import ShardingStrategyItem from '@/component/Task/component/ShardingStrategyItem';
 import { disabledDate, disabledTime } from '@/util/utils';
 import { useRequest } from 'ahooks';
-import DirtyRowAction from '../../component/DirtyRowAction';
-import MaxAllowedDirtyRowCount from '../../component/MaxAllowedDirtyRowCount';
+import DirtyRowAction from '@/component/Task/component/DirtyRowAction';
+import MaxAllowedDirtyRowCount from '@/component/Task/component/MaxAllowedDirtyRowCount';
+import { rules } from './const';
+import ExecuteFailTip from '@/component/Task/component/ExecuteFailTip';
 
 export enum IArchiveRange {
   PORTION = 'portion',
@@ -89,11 +91,10 @@ const deleteByUniqueKeyOptions = [
 const defaultValue = {
   triggerStrategy: TaskExecStrategy.START_NOW,
   archiveRange: IArchiveRange.PORTION,
-  shardingStrategy: ShardingStrategy.FIXED_LENGTH,
+  shardingStrategy: ShardingStrategy.MATCH,
   tables: [null],
   rowLimit: 100,
   dataSizeLimit: 1,
-  deleteByUniqueKey: true,
 };
 interface IProps {
   modalStore?: ModalStore;
@@ -167,7 +168,6 @@ const CreateModal: React.FC<IProps> = (props) => {
       shardingStrategy,
       tables,
       variables,
-      deleteByUniqueKey,
       needCheckBeforeDelete,
       targetDatabaseId,
       timeoutMillis,
@@ -185,7 +185,6 @@ const CreateModal: React.FC<IProps> = (props) => {
         return i;
       }),
       shardingStrategy,
-      deleteByUniqueKey,
       variables: getVariableValue(variables),
       archiveRange: fullDatabase ? IArchiveRange.ALL : IArchiveRange.PORTION,
       triggerStrategy,
@@ -310,7 +309,6 @@ const CreateModal: React.FC<IProps> = (props) => {
           shardingStrategy,
           rowLimit,
           dataSizeLimit,
-          deleteByUniqueKey,
           timeoutMillis,
           needCheckBeforeDelete,
           targetDatabaseId,
@@ -332,7 +330,7 @@ const CreateModal: React.FC<IProps> = (props) => {
           scheduleTaskParameters: {
             fullDatabase: archiveRange === IArchiveRange.ALL,
             databaseId,
-            deleteByUniqueKey,
+            deleteByUniqueKey: true,
             variables: getVariables(variables),
             shardingStrategy,
             tables:
@@ -617,13 +615,16 @@ const CreateModal: React.FC<IProps> = (props) => {
                 }
                 if (triggerStrategy === TaskExecStrategy.TIMER) {
                   return (
-                    <Form.Item>
-                      <Crontab
-                        ref={crontabRef}
-                        initialValue={crontab}
-                        onValueChange={handleCrontabChange}
-                      />
-                    </Form.Item>
+                    <>
+                      <ExecuteFailTip />
+                      <Form.Item>
+                        <Crontab
+                          ref={crontabRef}
+                          initialValue={crontab}
+                          onValueChange={handleCrontabChange}
+                        />
+                      </Form.Item>
+                    </>
                   );
                 }
                 return null;
@@ -671,28 +672,8 @@ const CreateModal: React.FC<IProps> = (props) => {
               <DirtyRowAction dependentField="needCheckBeforeDelete" />
               <MaxAllowedDirtyRowCount />
               <TaskdurationItem form={form} />
-              <ShardingStrategyItem />
+              <ShardingStrategyItem form={form} />
               <ThrottleFormItem isShowDataSizeLimit={true} />
-              <Form.Item
-                label={
-                  formatMessage({
-                    id: 'src.component.Task.DataClearTask.CreateModal.99D8FCD6',
-                    defaultMessage: '使用主键清理',
-                  }) /*"使用主键清理"*/
-                }
-                name="deleteByUniqueKey"
-                rules={[
-                  {
-                    required: true,
-                    message: formatMessage({
-                      id: 'src.component.Task.DataClearTask.CreateModal.23542D89',
-                      defaultMessage: '请选择',
-                    }), //'请选择'
-                  },
-                ]}
-              >
-                <Radio.Group options={deleteByUniqueKeyOptions} />
-              </Form.Item>
             </FormItemPanel>
             <DescriptionInput />
           </Form>
diff --git a/src/component/Task/DataClearTask/DetailContent/ArchiveRange.tsx b/src/component/Task/modals/DataClearTask/DetailContent/ArchiveRange.tsx
similarity index 98%
rename from src/component/Task/DataClearTask/DetailContent/ArchiveRange.tsx
rename to src/component/Task/modals/DataClearTask/DetailContent/ArchiveRange.tsx
index db2b92bcb..8bf5e2e8c 100644
--- a/src/component/Task/DataClearTask/DetailContent/ArchiveRange.tsx
+++ b/src/component/Task/modals/DataClearTask/DetailContent/ArchiveRange.tsx
@@ -18,7 +18,7 @@ import DisplayTable from '@/component/DisplayTable';
 import { formatMessage } from '@/util/intl';
 import { Flex, Popover, Tooltip, Typography } from 'antd';
 import React from 'react';
-import { conditionExpressionColumns } from '../../helper';
+import { conditionExpressionColumns } from '@/component/Task/helper';
 
 const columns = (needCheckBeforeDelete: boolean) => [
   {
diff --git a/src/component/Task/DataClearTask/DetailContent/index.tsx b/src/component/Task/modals/DataClearTask/DetailContent/index.tsx
similarity index 92%
rename from src/component/Task/DataClearTask/DetailContent/index.tsx
rename to src/component/Task/modals/DataClearTask/DetailContent/index.tsx
index e224c2495..5e9df9e32 100644
--- a/src/component/Task/DataClearTask/DetailContent/index.tsx
+++ b/src/component/Task/modals/DataClearTask/DetailContent/index.tsx
@@ -16,12 +16,11 @@
 
 import { updateLimiterConfig } from '@/common/network/task';
 import RiskLevelLabel from '@/component/RiskLevelLabel';
-import { getTaskExecStrategyMap } from '@/component/Task';
 import { SimpleTextItem } from '@/component/Task/component/SimpleTextItem';
 import VariableConfigTable from '@/component/Task/component/VariableConfigTable';
 import { isCycleTriggerStrategy } from '@/component/Task/helper';
 import type { CycleTaskDetail, IDataClearJobParameters, TaskOperationType } from '@/d.ts';
-import { TaskExecStrategy } from '@/d.ts';
+import { ShardingStrategy, TaskExecStrategy } from '@/d.ts';
 import setting from '@/store/setting';
 import { formatMessage } from '@/util/intl';
 import {
@@ -34,14 +33,14 @@ import {
 import { DownOutlined, UpOutlined } from '@ant-design/icons';
 import { Collapse, Descriptions, Divider, message, Space, Typography } from 'antd';
 import React from 'react';
-import ThrottleEditableCell from '../../component/ThrottleEditableCell';
-import styles from '../../index.less';
+import ThrottleEditableCell from '@/component/Task/component/ThrottleEditableCell';
+import styles from '@/component/Task/index.less';
 import ArchiveRange from './ArchiveRange';
-import { shardingStrategyOptions } from '../../component/ShardingStrategyItem';
 import {
   DirtyRowActionEnum,
   DirtyRowActionLabelMap,
 } from '@/component/ExecuteSqlDetailModal/constant';
+import { getTaskExecStrategyMap } from '@/component/Task/const';
 
 const { Panel } = Collapse;
 const { Text } = Typography;
@@ -287,13 +286,20 @@ const DataClearTaskContent: React.FC<IProps> = (props) => {
         ) : null}
         <Descriptions.Item
           label={formatMessage({
-            id: 'src.component.Task.DataClearTask.DetailContent.E977DA21',
-            defaultMessage: '搜索策略',
+            id: 'src.component.Task.modals.DataClearTask.DetailContent.E35B6945',
+            defaultMessage: '通过全表扫描进行数据搜索',
           })}
           span={isCycleTriggerStrategy(triggerConfig?.triggerStrategy) ? 2 : 1}
         >
-          {shardingStrategyOptions.find((item) => item.value === jobParameters?.shardingStrategy)
-            ?.label || '-'}
+          {jobParameters?.shardingStrategy === ShardingStrategy.FIXED_LENGTH
+            ? formatMessage({
+                id: 'src.component.Task.modals.DataClearTask.DetailContent.A75CE867',
+                defaultMessage: '是',
+              })
+            : formatMessage({
+                id: 'src.component.Task.modals.DataClearTask.DetailContent.CB4C9BFB',
+                defaultMessage: '否',
+              })}
         </Descriptions.Item>
         <Descriptions.Item
           label={
@@ -327,24 +333,6 @@ const DataClearTaskContent: React.FC<IProps> = (props) => {
             onOk={handleDataSizeLimit}
           />
         </Descriptions.Item>
-        <Descriptions.Item
-          label={
-            formatMessage({
-              id: 'src.component.Task.DataClearTask.DetailContent.2D1A14AB',
-              defaultMessage: '使用主键清理',
-            }) /*"使用主键清理"*/
-          }
-        >
-          {jobParameters?.deleteByUniqueKey
-            ? formatMessage({
-                id: 'src.component.Task.DataClearTask.DetailContent.D2882643',
-                defaultMessage: '是',
-              })
-            : formatMessage({
-                id: 'src.component.Task.DataClearTask.DetailContent.834E7D89',
-                defaultMessage: '否',
-              })}
-        </Descriptions.Item>
         <Descriptions.Item
           label={formatMessage({
             id: 'src.component.Task.DataClearTask.DetailContent.D4D1227C',
@@ -368,7 +356,7 @@ const DataClearTaskContent: React.FC<IProps> = (props) => {
       </Descriptions>
       <Divider
         style={{
-          marginTop: 4,
+          marginTop: 16,
         }}
       />
 
diff --git a/src/component/Task/DataClearTask/index.tsx b/src/component/Task/modals/DataClearTask/index.tsx
similarity index 100%
rename from src/component/Task/DataClearTask/index.tsx
rename to src/component/Task/modals/DataClearTask/index.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleConfigTable.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleConfigTable.tsx
similarity index 93%
rename from src/component/Task/DataMockerTask/CreateModal/RuleConfigTable.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleConfigTable.tsx
index 359446993..176357908 100644
--- a/src/component/Task/DataMockerTask/CreateModal/RuleConfigTable.tsx
+++ b/src/component/Task/modals/DataMockerTask/CreateModal/RuleConfigTable.tsx
@@ -22,7 +22,8 @@ import { ColumnProps } from 'antd/es/table';
 import React, { useState } from 'react';
 import RuleContent, { getDefaultValue } from './RuleContent';
 import RuleSelect from './RuleSelect';
-import { IMockFormColumn, IMockFormData, RuleConfigList } from './type';
+import { IMockFormColumn, IMockFormData } from './type';
+import { rules } from './const';
 
 const { Option } = Select;
 
@@ -98,15 +99,7 @@ const RuleConfigTable: React.FC<IRuleConfigTableProps> = (props) => {
               style={{ marginBottom: 0 }}
               shouldUpdate
               name={['columns', index, 'rule']}
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'odc.component.DataMockerDrawer.RuleConfigTable.SelectARule',
-                    defaultMessage: '请选择规则',
-                  }), // 请选择规则
-                },
-              ]}
+              rules={rules.columnsRule}
             >
               <RuleSelect
                 dbMode={taskDbMode}
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/RangeInput/index.less b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/RangeInput/index.less
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/RangeInput/index.less
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/RangeInput/index.less
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/RangeInput/index.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/RangeInput/index.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/RangeInput/index.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/RangeInput/index.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/WrapItemWithTitle/index.less b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/WrapItemWithTitle/index.less
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/WrapItemWithTitle/index.less
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/WrapItemWithTitle/index.less
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/WrapItemWithTitle/index.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/WrapItemWithTitle/index.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/WrapItemWithTitle/index.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/WrapItemWithTitle/index.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/index.less b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/index.less
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/index.less
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/index.less
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/index.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/index.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/index.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/index.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/CharItem/converter.ts b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/CharItem/converter.ts
similarity index 98%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/CharItem/converter.ts
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/CharItem/converter.ts
index fd9ad9cde..3f24a8503 100644
--- a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/CharItem/converter.ts
+++ b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/CharItem/converter.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { IMockFormColumn } from '@/component/Task/DataMockerTask/CreateModal/type';
+import { IMockFormColumn } from '@/component/Task/modals/DataMockerTask/CreateModal/type';
 import { IServerMockColumn, MockGenerator } from '@/d.ts';
 import { convertColumnType } from '@/util/utils';
 import BigNumber from 'bignumber.js';
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/CharItem/defaultValue.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/CharItem/defaultValue.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/CharItem/defaultValue.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/CharItem/defaultValue.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/CharItem/index.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/CharItem/index.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/CharItem/index.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/CharItem/index.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/DateItem/converter.ts b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/DateItem/converter.ts
similarity index 97%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/DateItem/converter.ts
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/DateItem/converter.ts
index 5cacadc50..f4c98c1f7 100644
--- a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/DateItem/converter.ts
+++ b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/DateItem/converter.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { IMockFormColumn } from '@/component/Task/DataMockerTask/CreateModal/type';
+import { IMockFormColumn } from '@/component/Task/modals/DataMockerTask/CreateModal/type';
 import { IServerMockColumn, MockGenerator } from '@/d.ts';
 import { convertColumnType } from '@/util/utils';
 import BigNumber from 'bignumber.js';
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/DateItem/defaultValue.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/DateItem/defaultValue.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/DateItem/defaultValue.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/DateItem/defaultValue.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/DateItem/index.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/DateItem/index.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/DateItem/index.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/DateItem/index.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/IntervalItem/converter.ts b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/IntervalItem/converter.ts
similarity index 95%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/IntervalItem/converter.ts
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/IntervalItem/converter.ts
index 32f3d2e38..fd556c108 100644
--- a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/IntervalItem/converter.ts
+++ b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/IntervalItem/converter.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { IMockFormColumn } from '@/component/Task/DataMockerTask/CreateModal/type';
+import { IMockFormColumn } from '@/component/Task/modals/DataMockerTask/CreateModal/type';
 import { IServerMockColumn, MockGenerator } from '@/d.ts';
 import { convertColumnType } from '@/util/utils';
 import { cloneDeep } from 'lodash';
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/IntervalItem/defaultValue.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/IntervalItem/defaultValue.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/IntervalItem/defaultValue.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/IntervalItem/defaultValue.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/IntervalItem/index.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/IntervalItem/index.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/IntervalItem/index.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/IntervalItem/index.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/NumberItem/converter.ts b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/NumberItem/converter.ts
similarity index 97%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/NumberItem/converter.ts
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/NumberItem/converter.ts
index c03bd89de..dfe00481e 100644
--- a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/NumberItem/converter.ts
+++ b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/NumberItem/converter.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { IMockFormColumn } from '@/component/Task/DataMockerTask/CreateModal/type';
+import { IMockFormColumn } from '@/component/Task/modals/DataMockerTask/CreateModal/type';
 import { IServerMockColumn, MockGenerator } from '@/d.ts';
 import { convertColumnType } from '@/util/utils';
 import BigNumber from 'bignumber.js';
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/NumberItem/defaultValue.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/NumberItem/defaultValue.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/NumberItem/defaultValue.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/NumberItem/defaultValue.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/NumberItem/index.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/NumberItem/index.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/NumberItem/index.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/NumberItem/index.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/OtherItem/converter.ts b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/OtherItem/converter.ts
similarity index 95%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/OtherItem/converter.ts
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/OtherItem/converter.ts
index 3fc85c08c..eea18c23f 100644
--- a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/OtherItem/converter.ts
+++ b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/OtherItem/converter.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { IMockFormColumn } from '@/component/Task/DataMockerTask/CreateModal/type';
+import { IMockFormColumn } from '@/component/Task/modals/DataMockerTask/CreateModal/type';
 import { IServerMockColumn, MockGenerator } from '@/d.ts';
 import { convertColumnType } from '@/util/utils';
 import { cloneDeep } from 'lodash';
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/OtherItem/defaultValue.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/OtherItem/defaultValue.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/OtherItem/defaultValue.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/OtherItem/defaultValue.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/OtherItem/index.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/OtherItem/index.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/OtherItem/index.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/OtherItem/index.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/valid.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/valid.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/ruleItems/valid.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/ruleItems/valid.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleContent/util.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/util.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleContent/util.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleContent/util.tsx
diff --git a/src/component/Task/DataMockerTask/CreateModal/RuleSelect.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/RuleSelect.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/RuleSelect.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/RuleSelect.tsx
diff --git a/src/component/Task/modals/DataMockerTask/CreateModal/const.ts b/src/component/Task/modals/DataMockerTask/CreateModal/const.ts
new file mode 100644
index 000000000..ad953539d
--- /dev/null
+++ b/src/component/Task/modals/DataMockerTask/CreateModal/const.ts
@@ -0,0 +1,79 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+import { Rule } from 'antd/es/form';
+
+export const rules = {
+  tableName: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.component.DataMockerDrawer.form.SelectATable',
+        defaultMessage: '请选择表',
+      }),
+
+      // 请选择表
+    },
+  ],
+  batchSize: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.component.DataMockerDrawer.form.EnterTheBatchSize',
+        defaultMessage: '请输入批处理大小',
+      }),
+
+      // 请输入批处理大小
+    },
+    {
+      max: 1000,
+      message: formatMessage({
+        id: 'odc.component.DataMockerDrawer.form.TheBatchSizeCannotExceed',
+        defaultMessage: '批处理大小不能超过 1000',
+      }),
+
+      // 批处理大小不能超过 1000
+      type: 'number',
+    },
+  ],
+  columnsRule: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.component.DataMockerDrawer.RuleConfigTable.SelectARule',
+        defaultMessage: '请选择规则',
+      }), // 请选择规则
+    },
+  ],
+  totalCount: ({ maxMockLimit }): Rule[] => {
+    return [
+      {
+        required: true,
+        message: formatMessage({
+          id: 'odc.component.DataMockerDrawer.form.EnterTheSimulatedDataVolume',
+          defaultMessage: '请输入模拟数据量',
+        }),
+
+        // 请输入模拟数据量
+      },
+      {
+        max: maxMockLimit,
+        type: 'number',
+      },
+    ];
+  },
+};
diff --git a/src/component/Task/DataMockerTask/CreateModal/form.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/form.tsx
similarity index 85%
rename from src/component/Task/DataMockerTask/CreateModal/form.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/form.tsx
index c6d450f43..ce8c43ec7 100644
--- a/src/component/Task/DataMockerTask/CreateModal/form.tsx
+++ b/src/component/Task/modals/DataMockerTask/CreateModal/form.tsx
@@ -29,12 +29,14 @@ import { FormInstance } from 'antd/es/form/Form';
 import { cloneDeep } from 'lodash';
 import { inject, observer } from 'mobx-react';
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useState } from 'react';
-import DatabaseSelect from '../../component/DatabaseSelect';
+import DatabaseSelect from '@/component/Task/component/DatabaseSelect';
 import RuleConfigTable from './RuleConfigTable';
 import { convertFormToServerColumns, getDefaultRule, getDefaultValue } from './RuleContent';
 import { IMockFormData, MockStrategy, MockStrategyTextMap, RuleConfigList } from './type';
 import { NumberRuleType } from './RuleContent/ruleItems/NumberItem';
 import styles from './index.less';
+import { rules } from './const';
+import { Rule } from 'antd/es/form';
 
 const { Option } = Select;
 
@@ -201,23 +203,13 @@ const DataMockerForm: React.FC<IDataMockerFormProps> = inject('settingStore')(
               <DatabaseSelect
                 onChange={(v) => form.resetFields(['tableName', 'columns'])}
                 projectId={projectId}
-                width={'441px'}
+                width={441}
                 type={TaskType.DATAMOCK}
               />
             </Col>
             <Col span={12}>
               <Form.Item
-                rules={[
-                  {
-                    required: true,
-                    message: formatMessage({
-                      id: 'odc.component.DataMockerDrawer.form.SelectATable',
-                      defaultMessage: '请选择表',
-                    }),
-
-                    // 请选择表
-                  },
-                ]}
+                rules={rules.tableName}
                 name="tableName"
                 label={formatMessage({
                   id: 'odc.component.DataMockerDrawer.form.Table',
@@ -247,21 +239,7 @@ const DataMockerForm: React.FC<IDataMockerFormProps> = inject('settingStore')(
           <Row gutter={14}>
             <Col span={12}>
               <Form.Item
-                rules={[
-                  {
-                    required: true,
-                    message: formatMessage({
-                      id: 'odc.component.DataMockerDrawer.form.EnterTheSimulatedDataVolume',
-                      defaultMessage: '请输入模拟数据量',
-                    }),
-
-                    // 请输入模拟数据量
-                  },
-                  {
-                    max: maxMockLimit,
-                    type: 'number',
-                  },
-                ]}
+                rules={rules.totalCount({ maxMockLimit })}
                 required
                 name="totalCount"
                 label={formatMessage({
@@ -276,27 +254,7 @@ const DataMockerForm: React.FC<IDataMockerFormProps> = inject('settingStore')(
             </Col>
             <Col span={12}>
               <Form.Item
-                rules={[
-                  {
-                    required: true,
-                    message: formatMessage({
-                      id: 'odc.component.DataMockerDrawer.form.EnterTheBatchSize',
-                      defaultMessage: '请输入批处理大小',
-                    }),
-
-                    // 请输入批处理大小
-                  },
-                  {
-                    max: 1000,
-                    message: formatMessage({
-                      id: 'odc.component.DataMockerDrawer.form.TheBatchSizeCannotExceed',
-                      defaultMessage: '批处理大小不能超过 1000',
-                    }),
-
-                    // 批处理大小不能超过 1000
-                    type: 'number',
-                  },
-                ]}
+                rules={rules.batchSize as Rule[]}
                 required
                 name="batchSize"
                 label={formatMessage({
@@ -322,28 +280,24 @@ const DataMockerForm: React.FC<IDataMockerFormProps> = inject('settingStore')(
 
                 /* 插入模拟数据清空表 */
               >
-                <Radio.Group>
-                  <Radio key="1" value={false}>
+                <Radio.Group
+                  options={[
                     {
-                      formatMessage({
+                      label: formatMessage({
                         id: 'odc.component.DataMockerDrawer.form.No',
                         defaultMessage: '否',
-                      })
-
-                      /* 否 */
-                    }
-                  </Radio>
-                  <Radio key="2" value>
+                      }),
+                      value: false,
+                    },
                     {
-                      formatMessage({
+                      label: formatMessage({
                         id: 'odc.component.DataMockerDrawer.form.Is',
                         defaultMessage: '是',
-                      })
-
-                      /* 是 */
-                    }
-                  </Radio>
-                </Radio.Group>
+                      }),
+                      value: true,
+                    },
+                  ]}
+                />
               </Form.Item>
             </Col>
             <Col span={12}>
diff --git a/src/component/Task/DataMockerTask/CreateModal/index.less b/src/component/Task/modals/DataMockerTask/CreateModal/index.less
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/index.less
rename to src/component/Task/modals/DataMockerTask/CreateModal/index.less
diff --git a/src/component/Task/DataMockerTask/CreateModal/index.tsx b/src/component/Task/modals/DataMockerTask/CreateModal/index.tsx
similarity index 99%
rename from src/component/Task/DataMockerTask/CreateModal/index.tsx
rename to src/component/Task/modals/DataMockerTask/CreateModal/index.tsx
index fd4d273f3..b200fbf38 100644
--- a/src/component/Task/DataMockerTask/CreateModal/index.tsx
+++ b/src/component/Task/modals/DataMockerTask/CreateModal/index.tsx
@@ -134,7 +134,7 @@ const CreateModal: React.FC<IProps> = inject('modalStore')(
       <Drawer
         open={modalStore.dataMockerVisible}
         onClose={closeWithConfirm}
-        destroyOnClose
+        destroyOnHidden
         width={960}
         rootClassName="o-adaptive-drawer"
         title={formatMessage({
diff --git a/src/component/Task/DataMockerTask/CreateModal/type.ts b/src/component/Task/modals/DataMockerTask/CreateModal/type.ts
similarity index 100%
rename from src/component/Task/DataMockerTask/CreateModal/type.ts
rename to src/component/Task/modals/DataMockerTask/CreateModal/type.ts
diff --git a/src/component/Task/DataMockerTask/DetailContent/index.tsx b/src/component/Task/modals/DataMockerTask/DetailContent/index.tsx
similarity index 94%
rename from src/component/Task/DataMockerTask/DetailContent/index.tsx
rename to src/component/Task/modals/DataMockerTask/DetailContent/index.tsx
index a37b87e32..4e37a075d 100644
--- a/src/component/Task/DataMockerTask/DetailContent/index.tsx
+++ b/src/component/Task/modals/DataMockerTask/DetailContent/index.tsx
@@ -15,10 +15,9 @@
  */
 
 import RiskLevelLabel from '@/component/RiskLevelLabel';
-import { getTaskExecStrategyMap } from '@/component/Task';
-import RuleConfigTable from '@/component/Task/DataMockerTask/CreateModal/RuleConfigTable';
-import { convertServerColumnsToFormColumns } from '@/component/Task/DataMockerTask/CreateModal/RuleContent';
-import { MockStrategyTextMap } from '@/component/Task/DataMockerTask/CreateModal/type';
+import RuleConfigTable from '@/component/Task/modals/DataMockerTask/CreateModal/RuleConfigTable';
+import { convertServerColumnsToFormColumns } from '@/component/Task/modals/DataMockerTask/CreateModal/RuleContent';
+import { MockStrategyTextMap } from '@/component/Task/modals/DataMockerTask/CreateModal/type';
 import {
   IMockDataParams,
   IServerMockTable,
@@ -29,7 +28,9 @@ import {
 import { formatMessage } from '@/util/intl';
 import { getFormatDateTime } from '@/util/utils';
 import Form from 'antd/lib/form/Form';
-import DatabaseLabel from '../../component/DatabaseLabel';
+import DatabaseLabel from '@/component/Task/component/DatabaseLabel';
+import { getTaskExecStrategyMap } from '@/component/Task/const';
+import EllipsisText from '@/component/EllipsisText';
 export function getItems(task: TaskDetail<IMockDataParams>, result: ITaskResult, hasFlow: boolean) {
   if (!task) {
     return [];
@@ -216,7 +217,7 @@ export function getItems(task: TaskDetail<IMockDataParams>, result: ITaskResult,
             id: 'odc.src.component.Task.DataMockerTask.DetailContent.DataSource',
             defaultMessage: '所属数据源',
           }), //'所属数据源'
-          task?.database?.dataSource?.name || '-',
+          <EllipsisText content={task?.database?.dataSource?.name} />,
         ],
 
         [
diff --git a/src/component/Task/DataMockerTask/index.tsx b/src/component/Task/modals/DataMockerTask/index.tsx
similarity index 100%
rename from src/component/Task/DataMockerTask/index.tsx
rename to src/component/Task/modals/DataMockerTask/index.tsx
diff --git a/src/component/Task/DetailModal.tsx b/src/component/Task/modals/DetailModals.tsx
similarity index 97%
rename from src/component/Task/DetailModal.tsx
rename to src/component/Task/modals/DetailModals.tsx
index 50c4fdd83..150ab82d2 100644
--- a/src/component/Task/DetailModal.tsx
+++ b/src/component/Task/modals/DetailModals.tsx
@@ -13,8 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import { getProjectWithErrorCatch } from '@/common/network/project';
 import {
   getCycleTaskDetail,
   getCycleTaskLog,
@@ -42,7 +40,6 @@ import type {
   ITaskResult,
   TaskDetail,
   Operation,
-  TaskRecord,
 } from '@/d.ts';
 import {
   CommonTaskLogType,
@@ -58,13 +55,13 @@ import { ApplyDatabasePermissionTaskContent } from './ApplyDatabasePermission';
 import { ApplyPermissionTaskContent } from './ApplyPermission';
 import { ApplyTablePermissionTaskContent } from './ApplyTablePermission';
 import { AsyncTaskContent } from './AsyncTask';
-import TaskTools from './component/ActionBar';
-import ApprovalModal from './component/ApprovalModal';
+import TaskTools from '../component/ActionBar';
+import ApprovalModal from '../component/ApprovalModal';
 import { DataArchiveTaskContent } from './DataArchiveTask';
 import { DataClearTaskContent } from './DataClearTask';
 import { getItems as getDataMockerItems } from './DataMockerTask';
-import { isCycleTask, isLogicalDbChangeTask } from './helper';
-import { TaskDetailType } from './interface';
+import { isCycleTask, isLogicalDbChangeTask } from '../helper';
+import { TaskDetailType } from '../interface';
 import { LogicDatabaseAsyncTaskContent } from './LogicDatabaseAsyncTask';
 import { MutipleAsyncTaskContent } from './MutipleAsyncTask';
 import { PartitionTaskContent } from './PartitionTask';
diff --git a/src/component/Task/ExportTask/CreateModal/ExportForm/ConfigPanel/index.tsx b/src/component/Task/modals/ExportTask/CreateModal/ExportForm/ConfigPanel/index.tsx
similarity index 77%
rename from src/component/Task/ExportTask/CreateModal/ExportForm/ConfigPanel/index.tsx
rename to src/component/Task/modals/ExportTask/CreateModal/ExportForm/ConfigPanel/index.tsx
index dfdb7c95f..2df89287b 100644
--- a/src/component/Task/ExportTask/CreateModal/ExportForm/ConfigPanel/index.tsx
+++ b/src/component/Task/modals/ExportTask/CreateModal/ExportForm/ConfigPanel/index.tsx
@@ -28,6 +28,7 @@ import { AutoComplete, Checkbox, Col, Form, FormInstance, InputNumber, Row, Sele
 import React, { useContext } from 'react';
 import FormContext from '../FormContext';
 import { CRLFToSeparatorString } from '@/util/utils';
+import { rules } from '../../const';
 
 const FormItem = Form.Item;
 const Option = Select.Option;
@@ -60,40 +61,6 @@ const ConfigPanel: React.FC<IProps> = function ({ form, connection }) {
     },
   ];
 
-  const validator = (_, value) => {
-    if (
-      value ===
-      formatMessage({ id: 'odc.ExportForm.ConfigPanel.Unlimited', defaultMessage: '无限制' }) //无限制
-    ) {
-      return Promise.resolve();
-    } else {
-      // 当value不为'无限制'时，它的类型可能为string或者number。
-      const size = parseInt(value);
-      // 当value为011时，它可以转换为整数，但不是我们想要的参数形式，所以使用转换前后的长度来进行比较。
-      if (Number.isNaN(size) || size.toString().length !== value.toString().length) {
-        return Promise.reject(
-          new Error(
-            formatMessage({
-              id: 'odc.ExportForm.ConfigPanel.SelectUnlimitedOrEnterA',
-              defaultMessage: '请选择"无限制"或者输入 0 < size <= 2048 范围内的正整数',
-            }),
-          ), //请选择"无限制"或者输入0 < size <= 2048范围内的正整数
-        );
-      }
-      if (size > 0 && size <= 2048) {
-        return Promise.resolve();
-      } else {
-        return Promise.reject(
-          new Error(
-            formatMessage({
-              id: 'odc.ExportForm.ConfigPanel.SetTheUpperLimitOf',
-              defaultMessage: '请将单个文件上限设定为 0 < size <= 2048 范围内的正整数',
-            }),
-          ), //请将单个文件上限设定为0 < size <= 2048范围内的正整数
-        );
-      }
-    }
-  };
   return (
     <>
       <FormItem noStyle shouldUpdate>
@@ -135,15 +102,7 @@ const ConfigPanel: React.FC<IProps> = function ({ form, connection }) {
 
                           // 数据格式
                         }
-                        rules={[
-                          {
-                            required: true,
-                            message: formatMessage({
-                              id: 'odc.ExportDrawer.ExportForm.SelectExportFormat',
-                              defaultMessage: '请选择导出格式',
-                            }),
-                          },
-                        ]}
+                        rules={rules.dataTransferFormat}
                       >
                         <Select>
                           <Option key={EXPORT_TYPE.CSV} value={EXPORT_TYPE.CSV}>
@@ -172,15 +131,7 @@ const ConfigPanel: React.FC<IProps> = function ({ form, connection }) {
                           id: 'odc.ImportDrawer.ImportForm.FileEncoding',
                           defaultMessage: '文件编码',
                         })}
-                        rules={[
-                          {
-                            required: true,
-                            message: formatMessage({
-                              id: 'odc.ImportDrawer.ImportForm.SelectAFileEncoding',
-                              defaultMessage: '请选择文件编码',
-                            }),
-                          },
-                        ]}
+                        rules={rules.encoding}
                       >
                         <Select>
                           {Object.entries(IMPORT_ENCODING).map(([text, value]) => {
@@ -221,18 +172,7 @@ const ConfigPanel: React.FC<IProps> = function ({ form, connection }) {
                             </span>
                           }
                           name="exportFileMaxSize"
-                          rules={[
-                            {
-                              required: true,
-                              message: formatMessage({
-                                id: 'odc.ExportForm.ConfigPanel.PleaseFillInOrSelect',
-                                defaultMessage: '请填写或者选择单个文件上限（MB）',
-                              }), //请填写或者选择单个文件上限(MB)
-                            },
-                            () => ({
-                              validator,
-                            }),
-                          ]}
+                          rules={rules.exportFileMaxSize}
                         >
                           <AutoComplete options={exportFileMaxSizeOpt} />
                         </FormItem>
@@ -281,15 +221,9 @@ const ConfigPanel: React.FC<IProps> = function ({ form, connection }) {
                             <FormItem
                               name="batchCommitNum"
                               shouldUpdate
-                              rules={[
-                                {
-                                  required: !!form.getFieldValue('batchCommit'),
-                                  message: formatMessage({
-                                    id: 'odc.ExportDrawer.ExportForm.EnterTheNumberOfBatch',
-                                    defaultMessage: '请填写批量提交数量',
-                                  }),
-                                },
-                              ]}
+                              rules={rules.batchCommitNum({
+                                required: !!form.getFieldValue('batchCommit'),
+                              })}
                               style={{ marginBottom: 8, width: '100%' }}
                             >
                               <InputNumber
@@ -360,25 +294,7 @@ const ConfigPanel: React.FC<IProps> = function ({ form, connection }) {
                               </span>
                             }
                             name="columnSeparator"
-                            rules={[
-                              {
-                                required: true,
-                                message: formatMessage({
-                                  id: 'odc.ImportDrawer.ImportForm.EnterAFieldDelimiter',
-                                  defaultMessage: '请填写字段分隔符',
-                                }),
-                              },
-
-                              {
-                                max: 1,
-                                message: formatMessage({
-                                  id: 'odc.ExportDrawer.ExportForm.YouCanEnterOnlyOne',
-                                  defaultMessage: '只能输入一个字符',
-                                }),
-
-                                // 只能输入一个字符
-                              },
-                            ]}
+                            rules={rules.columnSeparator}
                           >
                             <AutoComplete
                               options={[';', ':', ','].map((value) => {
@@ -399,15 +315,7 @@ const ConfigPanel: React.FC<IProps> = function ({ form, connection }) {
                               </span>
                             }
                             name="columnDelimiter"
-                            rules={[
-                              {
-                                required: true,
-                                message: formatMessage({
-                                  id: 'odc.ImportDrawer.ImportForm.EnterATextIdentifier',
-                                  defaultMessage: '请填写文本识别符',
-                                }),
-                              },
-                            ]}
+                            rules={rules.columnDelimiter}
                           >
                             <Select>
                               <Option key='"' value='"'>
@@ -431,15 +339,7 @@ const ConfigPanel: React.FC<IProps> = function ({ form, connection }) {
                               </span>
                             }
                             name="lineSeparator"
-                            rules={[
-                              {
-                                required: true,
-                                message: formatMessage({
-                                  id: 'odc.ImportDrawer.ImportForm.EnterALineBreakSymbol',
-                                  defaultMessage: '请填写换行符号',
-                                }),
-                              },
-                            ]}
+                            rules={rules.lineSeparator}
                             getValueProps={(value) => ({
                               value: CRLFToSeparatorString(value),
                             })}
@@ -509,19 +409,7 @@ const ConfigPanel: React.FC<IProps> = function ({ form, connection }) {
                     </FormItem>
                   )}
 
-                  <FormItem
-                    name="withDropDDL"
-                    rules={[
-                      {
-                        required: false,
-                        message: formatMessage({
-                          id: 'odc.ExportDrawer.ExportForm.SelectExportContent',
-                          defaultMessage: '请选择导出内容',
-                        }),
-                      },
-                    ]}
-                    valuePropName="checked"
-                  >
+                  <FormItem name="withDropDDL" rules={rules.withDropDDL} valuePropName="checked">
                     <Checkbox>
                       {
                         formatMessage({
diff --git a/src/component/Task/ExportTask/CreateModal/ExportForm/ExportSelecter/index.less b/src/component/Task/modals/ExportTask/CreateModal/ExportForm/ExportSelecter/index.less
similarity index 100%
rename from src/component/Task/ExportTask/CreateModal/ExportForm/ExportSelecter/index.less
rename to src/component/Task/modals/ExportTask/CreateModal/ExportForm/ExportSelecter/index.less
diff --git a/src/component/Task/ExportTask/CreateModal/ExportForm/ExportSelecter/index.tsx b/src/component/Task/modals/ExportTask/CreateModal/ExportForm/ExportSelecter/index.tsx
similarity index 100%
rename from src/component/Task/ExportTask/CreateModal/ExportForm/ExportSelecter/index.tsx
rename to src/component/Task/modals/ExportTask/CreateModal/ExportForm/ExportSelecter/index.tsx
diff --git a/src/component/Task/ExportTask/CreateModal/ExportForm/FormContext.tsx b/src/component/Task/modals/ExportTask/CreateModal/ExportForm/FormContext.tsx
similarity index 87%
rename from src/component/Task/ExportTask/CreateModal/ExportForm/FormContext.tsx
rename to src/component/Task/modals/ExportTask/CreateModal/ExportForm/FormContext.tsx
index ff060d30a..1ea1db380 100644
--- a/src/component/Task/ExportTask/CreateModal/ExportForm/FormContext.tsx
+++ b/src/component/Task/modals/ExportTask/CreateModal/ExportForm/FormContext.tsx
@@ -15,10 +15,9 @@
  */
 
 import React from 'react';
-import type { IState as IExportDrawerState } from '../index';
-
+import { ExportFormData } from '@/d.ts';
 interface IFormContext {
-  dfaultConfig?: IExportDrawerState['formData'];
+  dfaultConfig?: ExportFormData;
 }
 
 const FormContext = React.createContext<IFormContext>({ dfaultConfig: null });
diff --git a/src/component/Task/ExportTask/CreateModal/ExportForm/ObjSelecterPanel/index.tsx b/src/component/Task/modals/ExportTask/CreateModal/ExportForm/ObjSelecterPanel/index.tsx
similarity index 71%
rename from src/component/Task/ExportTask/CreateModal/ExportForm/ObjSelecterPanel/index.tsx
rename to src/component/Task/modals/ExportTask/CreateModal/ExportForm/ObjSelecterPanel/index.tsx
index 5f5ac89cf..e6f187f5f 100644
--- a/src/component/Task/ExportTask/CreateModal/ExportForm/ObjSelecterPanel/index.tsx
+++ b/src/component/Task/modals/ExportTask/CreateModal/ExportForm/ObjSelecterPanel/index.tsx
@@ -20,8 +20,9 @@ import { formatMessage } from '@/util/intl';
 import { Form, Radio } from 'antd';
 import { FormInstance } from 'antd/es/form';
 import React from 'react';
-import DatabaseSelect from '../../../../component/DatabaseSelect';
+import DatabaseSelect from '@/component/Task/component/DatabaseSelect';
 import ExportSelecter from '../ExportSelecter';
+import { rules } from '../../const';
 
 const FormItem = Form.Item;
 
@@ -50,17 +51,32 @@ const ObjSelecterPanel: React.FC<IProps> = function ({ form, projectId, database
           id: 'odc.ExportDrawer.ExportForm.ExportContent',
           defaultMessage: '导出内容',
         })}
-        rules={[
-          {
-            required: true,
-            message: formatMessage({
-              id: 'odc.ExportDrawer.ExportForm.SelectExportContent',
-              defaultMessage: '请选择导出内容',
-            }),
-          },
-        ]}
+        rules={rules.exportContent}
       >
         <Radio.Group
+          options={[
+            {
+              label: formatMessage({
+                id: 'odc.ExportDrawer.ExportForm.ExportDataStructure',
+                defaultMessage: '导出结构和数据',
+              }),
+              value: EXPORT_CONTENT.DATA_AND_STRUCT,
+            },
+            {
+              label: formatMessage({
+                id: 'odc.ExportDrawer.ExportForm.ExportDataOnly',
+                defaultMessage: '仅导出数据',
+              }),
+              value: EXPORT_CONTENT.DATA,
+            },
+            {
+              label: formatMessage({
+                id: 'odc.ExportDrawer.ExportForm.ExportStructureOnly',
+                defaultMessage: '仅导出结构',
+              }),
+              value: EXPORT_CONTENT.STRUCT,
+            },
+          ]}
           onChange={() => {
             form.setFieldsValue({
               exportDbObjects: form
@@ -71,26 +87,8 @@ const ObjSelecterPanel: React.FC<IProps> = function ({ form, projectId, database
                 ),
             });
           }}
-        >
-          <Radio.Button value={EXPORT_CONTENT.DATA_AND_STRUCT}>
-            {formatMessage({
-              id: 'odc.ExportDrawer.ExportForm.ExportDataStructure',
-              defaultMessage: '导出结构和数据',
-            })}
-          </Radio.Button>
-          <Radio.Button value={EXPORT_CONTENT.DATA}>
-            {formatMessage({
-              id: 'odc.ExportDrawer.ExportForm.ExportDataOnly',
-              defaultMessage: '仅导出数据',
-            })}
-          </Radio.Button>
-          <Radio.Button value={EXPORT_CONTENT.STRUCT}>
-            {formatMessage({
-              id: 'odc.ExportDrawer.ExportForm.ExportStructureOnly',
-              defaultMessage: '仅导出结构',
-            })}
-          </Radio.Button>
-        </Radio.Group>
+          optionType="button" // 设置为按钮样式
+        />
       </FormItem>
       <DatabaseSelect type={TaskType.EXPORT} projectId={projectId} onChange={handleChange} />
       <FormItem
@@ -103,26 +101,24 @@ const ObjSelecterPanel: React.FC<IProps> = function ({ form, projectId, database
         name="exportAllObjects"
         required
       >
-        <Radio.Group>
-          <Radio value={false}>
+        <Radio.Group
+          options={[
             {
-              formatMessage({
+              label: formatMessage({
                 id: 'odc.ExportForm.ObjSelecterPanel.PartialExport',
                 defaultMessage: '部分导出',
-              })
-              /*部分导出*/
-            }
-          </Radio>
-          <Radio value={true}>
+              }),
+              value: false,
+            },
             {
-              formatMessage({
+              label: formatMessage({
                 id: 'odc.ExportForm.ObjSelecterPanel.ExportTheEntireLibrary',
                 defaultMessage: '整库导出',
-              })
-              /*整库导出*/
-            }
-          </Radio>
-        </Radio.Group>
+              }),
+              value: true,
+            },
+          ]}
+        />
       </FormItem>
       <FormItem noStyle shouldUpdate>
         {({ getFieldValue }) => {
diff --git a/src/component/Task/ExportTask/CreateModal/ExportForm/index.less b/src/component/Task/modals/ExportTask/CreateModal/ExportForm/index.less
similarity index 100%
rename from src/component/Task/ExportTask/CreateModal/ExportForm/index.less
rename to src/component/Task/modals/ExportTask/CreateModal/ExportForm/index.less
diff --git a/src/component/Task/ExportTask/CreateModal/ExportForm/index.tsx b/src/component/Task/modals/ExportTask/CreateModal/ExportForm/index.tsx
similarity index 97%
rename from src/component/Task/ExportTask/CreateModal/ExportForm/index.tsx
rename to src/component/Task/modals/ExportTask/CreateModal/ExportForm/index.tsx
index 3ffb38366..9a99736c3 100644
--- a/src/component/Task/ExportTask/CreateModal/ExportForm/index.tsx
+++ b/src/component/Task/modals/ExportTask/CreateModal/ExportForm/index.tsx
@@ -48,7 +48,7 @@ interface IExportFormProps {
 const ExportForm: React.FC<IExportFormProps> = inject('modalStore')(
   observer(
     forwardRef(function (props, ref) {
-      const { formData, formType, onFormValueChange, projectId } = props;
+      const { formData, formType, onFormValueChange, projectId, modalStore } = props;
       const { taskId } = formData;
       const [form] = useForm<ExportFormData>();
       const databaseId = Form.useWatch('databaseId', form);
@@ -166,6 +166,10 @@ const ExportForm: React.FC<IExportFormProps> = inject('modalStore')(
         }
       }
 
+      useEffect(() => {
+        form.setFieldsValue(formData);
+      }, [formData]);
+
       return (
         <Form
           layout="vertical"
diff --git a/src/component/Task/modals/ExportTask/CreateModal/const.ts b/src/component/Task/modals/ExportTask/CreateModal/const.ts
new file mode 100644
index 000000000..c3272daa9
--- /dev/null
+++ b/src/component/Task/modals/ExportTask/CreateModal/const.ts
@@ -0,0 +1,149 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+
+export const rules = {
+  dataTransferFormat: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.ExportDrawer.ExportForm.SelectExportFormat',
+        defaultMessage: '请选择导出格式',
+      }),
+    },
+  ],
+  encoding: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.ImportDrawer.ImportForm.SelectAFileEncoding',
+        defaultMessage: '请选择文件编码',
+      }),
+    },
+  ],
+  exportFileMaxSize: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.ExportForm.ConfigPanel.PleaseFillInOrSelect',
+        defaultMessage: '请填写或者选择单个文件上限（MB）',
+      }), //请填写或者选择单个文件上限(MB)
+    },
+    () => ({
+      validator: (_, value) => {
+        if (
+          value ===
+          formatMessage({ id: 'odc.ExportForm.ConfigPanel.Unlimited', defaultMessage: '无限制' }) //无限制
+        ) {
+          return Promise.resolve();
+        } else {
+          // 当value不为'无限制'时，它的类型可能为string或者number。
+          const size = parseInt(value);
+          // 当value为011时，它可以转换为整数，但不是我们想要的参数形式，所以使用转换前后的长度来进行比较。
+          if (Number.isNaN(size) || size.toString().length !== value.toString().length) {
+            return Promise.reject(
+              new Error(
+                formatMessage({
+                  id: 'odc.ExportForm.ConfigPanel.SelectUnlimitedOrEnterA',
+                  defaultMessage: '请选择"无限制"或者输入 0 < size <= 2048 范围内的正整数',
+                }),
+              ), //请选择"无限制"或者输入0 < size <= 2048范围内的正整数
+            );
+          }
+          if (size > 0 && size <= 2048) {
+            return Promise.resolve();
+          } else {
+            return Promise.reject(
+              new Error(
+                formatMessage({
+                  id: 'odc.ExportForm.ConfigPanel.SetTheUpperLimitOf',
+                  defaultMessage: '请将单个文件上限设定为 0 < size <= 2048 范围内的正整数',
+                }),
+              ), //请将单个文件上限设定为0 < size <= 2048范围内的正整数
+            );
+          }
+        }
+      },
+    }),
+  ],
+  batchCommitNum: ({ required }) => {
+    return [
+      {
+        required,
+        message: formatMessage({
+          id: 'odc.ExportDrawer.ExportForm.EnterTheNumberOfBatch',
+          defaultMessage: '请填写批量提交数量',
+        }),
+      },
+    ];
+  },
+  columnSeparator: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.ImportDrawer.ImportForm.EnterAFieldDelimiter',
+        defaultMessage: '请填写字段分隔符',
+      }),
+    },
+
+    {
+      max: 1,
+      message: formatMessage({
+        id: 'odc.ExportDrawer.ExportForm.YouCanEnterOnlyOne',
+        defaultMessage: '只能输入一个字符',
+      }),
+
+      // 只能输入一个字符
+    },
+  ],
+  columnDelimiter: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.ImportDrawer.ImportForm.EnterATextIdentifier',
+        defaultMessage: '请填写文本识别符',
+      }),
+    },
+  ],
+  lineSeparator: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.ImportDrawer.ImportForm.EnterALineBreakSymbol',
+        defaultMessage: '请填写换行符号',
+      }),
+    },
+  ],
+  withDropDDL: [
+    {
+      required: false,
+      message: formatMessage({
+        id: 'odc.ExportDrawer.ExportForm.SelectExportContent',
+        defaultMessage: '请选择导出内容',
+      }),
+    },
+  ],
+  exportContent: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.ExportDrawer.ExportForm.SelectExportContent',
+        defaultMessage: '请选择导出内容',
+      }),
+    },
+  ],
+};
diff --git a/src/component/Task/ExportTask/CreateModal/index.less b/src/component/Task/modals/ExportTask/CreateModal/index.less
similarity index 100%
rename from src/component/Task/ExportTask/CreateModal/index.less
rename to src/component/Task/modals/ExportTask/CreateModal/index.less
diff --git a/src/component/Task/modals/ExportTask/CreateModal/index.tsx b/src/component/Task/modals/ExportTask/CreateModal/index.tsx
new file mode 100644
index 000000000..30801b842
--- /dev/null
+++ b/src/component/Task/modals/ExportTask/CreateModal/index.tsx
@@ -0,0 +1,503 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { createBatchExportTask } from '@/common/network';
+import HelpDoc from '@/component/helpDoc';
+import {
+  DbObjectType,
+  ExportFormData,
+  EXPORT_CONTENT,
+  EXPORT_TYPE,
+  IMPORT_ENCODING,
+  TaskExecStrategy,
+  TaskPageScope,
+  TaskPageType,
+} from '@/d.ts';
+import { openTasksPage } from '@/store/helper/page';
+import login from '@/store/login';
+import { ModalStore } from '@/store/modal';
+import { selectFolder } from '@/util/client';
+import { isClient } from '@/util/env';
+import { formatMessage } from '@/util/intl';
+import { safeParseJson } from '@/util/utils';
+import { Alert, Button, Checkbox, Drawer, message, Modal, Space, Tooltip } from 'antd';
+import { inject, observer } from 'mobx-react';
+import React, { useEffect, useMemo, useState } from 'react';
+import ExportForm, { FormType } from './ExportForm';
+import FormContext from './ExportForm/FormContext';
+import styles from './index.less';
+
+const steps: {
+  key: FormType;
+  label: string;
+}[] = [
+  {
+    label: formatMessage({
+      id: 'odc.components.ExportDrawer.SelectObject',
+      defaultMessage: '选择对象',
+    }),
+    //选择对象
+    key: FormType.ObjSelecter,
+  },
+  {
+    label: formatMessage({
+      id: 'odc.components.ExportDrawer.ExportSettings',
+      defaultMessage: '导出设置',
+    }),
+    //导出设置
+    key: FormType.Config,
+  },
+];
+
+export interface IProps {
+  modalStore?: ModalStore;
+  projectId?: number;
+}
+
+export interface IState {
+  stepIndex: number;
+  submitting: boolean;
+  isFormChanged: boolean;
+  isSaveDefaultConfig: boolean;
+}
+
+const CreateModal: React.FC<IProps> = (props) => {
+  const { modalStore, projectId } = props;
+  const _formRef = React.useRef<any>();
+  const [defaultConfig, setDefaultConfig] = useState<ExportFormData>(null);
+  const [state, setState] = useState<IState>({
+    stepIndex: 0,
+    submitting: false,
+    isFormChanged: false,
+    isSaveDefaultConfig: false,
+  });
+
+  const getDefaultFormData = () => {
+    const formData = {
+      databaseId: modalStore.exportModalData?.databaseId,
+      taskId: modalStore.exportModalData?.taskId,
+      executionStrategy: defaultConfig?.executionStrategy ?? TaskExecStrategy.AUTO,
+      taskName: null,
+      dataTransferFormat: defaultConfig?.dataTransferFormat ?? EXPORT_TYPE.CSV,
+      exportContent: defaultConfig?.exportContent ?? EXPORT_CONTENT.DATA_AND_STRUCT,
+      batchCommit: defaultConfig?.batchCommit ?? false,
+      batchCommitNum: defaultConfig?.batchCommitNum ?? null,
+      skippedDataType: defaultConfig?.skippedDataType ?? [],
+      encoding: defaultConfig?.encoding ?? IMPORT_ENCODING.UTF8,
+      maskStrategy: '',
+      globalSnapshot: defaultConfig?.globalSnapshot ?? false,
+      withDropDDL: defaultConfig?.withDropDDL ?? false,
+      mergeSchemaFiles: defaultConfig?.mergeSchemaFiles ?? false,
+      withColumnTitle: defaultConfig?.withColumnTitle ?? true,
+      blankToNull: defaultConfig?.blankToNull ?? true,
+      columnSeparator: defaultConfig?.columnSeparator ?? ',',
+      exportFileMaxSize:
+        defaultConfig?.exportFileMaxSize ??
+        formatMessage({
+          id: 'odc.components.ExportDrawer.Unlimited',
+          defaultMessage: '无限制',
+        }),
+      //无限制
+      columnDelimiter: defaultConfig?.columnDelimiter ?? '"',
+      lineSeparator: defaultConfig?.lineSeparator ?? '\r\n',
+      useSys: false,
+      exportAllObjects: defaultConfig?.exportAllObjects ?? false,
+      exportDbObjects: [],
+    };
+
+    return formData;
+  };
+
+  const [formData, setFormData] = useState<ExportFormData>(getDefaultFormData());
+
+  useEffect(() => {
+    initDefaultConfig();
+    if (modalStore.exportModalData?.name) {
+      const newExportDbObjects = [
+        {
+          objectName: modalStore.exportModalData.name,
+          dbObjectType: modalStore.exportModalData.type,
+        },
+      ];
+      if (
+        modalStore.exportModalData?.type === DbObjectType.package &&
+        modalStore.exportModalData?.exportPkgBody
+      ) {
+        newExportDbObjects.push({
+          objectName: modalStore.exportModalData.name,
+          dbObjectType: DbObjectType.package_body,
+        });
+      }
+      setFormData((prev) => ({
+        ...prev,
+        exportDbObjects: newExportDbObjects,
+      }));
+    }
+  }, []);
+
+  const resetFormData = () => {
+    setState((prev) => ({
+      ...prev,
+      stepIndex: 0,
+      isSaveDefaultConfig: false,
+    }));
+    setFormData(getDefaultFormData());
+  };
+
+  const handleClose = () => {
+    modalStore.changeExportModal(false);
+    resetFormData();
+  };
+
+  const saveCurrentConfig = () => {
+    const userId = login.user?.id;
+    const key = `exportFormConfig-${userId}`;
+    localStorage.setItem(key, JSON.stringify(formData));
+  };
+
+  const initDefaultConfig = () => {
+    const userId = login.user?.id;
+    const key = `exportFormConfig-${userId}`;
+    const data = localStorage.getItem(key);
+    if (data) {
+      setDefaultConfig(safeParseJson(data));
+    }
+  };
+
+  useEffect(() => {
+    const nextModalData = modalStore?.exportModalData;
+    if (nextModalData && !formData?.exportDbObjects?.length) {
+      const { databaseId, name, type, exportPkgBody, taskId } = nextModalData;
+      const newFormData = {
+        ...formData,
+        databaseId,
+        taskId,
+      };
+      if (name) {
+        newFormData.exportDbObjects = [
+          {
+            objectName: name,
+            dbObjectType: type,
+          },
+        ];
+      }
+      if (type === DbObjectType.package && exportPkgBody) {
+        newFormData.exportDbObjects.push({
+          objectName: name,
+          dbObjectType: DbObjectType.package_body,
+        });
+      }
+      setFormData(newFormData);
+    }
+  }, [modalStore?.exportModalData, JSON.stringify(formData?.exportDbObjects)]);
+
+  const handleConfirmClose = () => {
+    if (state?.isFormChanged) {
+      handleClose();
+      return;
+    }
+    Modal.confirm({
+      title: formatMessage({
+        id: 'odc.components.ExportDrawer.AreYouSureYouWant',
+        defaultMessage: '是否确定取消导出？',
+      }),
+      centered: true,
+      onOk: () => {
+        handleClose();
+      },
+    });
+  };
+
+  const submit = () => {
+    _formRef.current?.valid(async (haveError, values) => {
+      console.log(haveError);
+      if (!haveError) {
+        let exportFilePath;
+        if (isClient()) {
+          exportFilePath = await selectFolder();
+          if (!exportFilePath) {
+            return;
+          }
+        }
+        try {
+          setState((prev) => ({
+            ...prev,
+            submitting: true,
+          }));
+          const data = {
+            ...formData,
+            ...values,
+            projectId,
+            exportFilePath,
+          };
+          const { exportContent, exportFileMaxSize } = data;
+          // 当用户选择"仅导出结构"后点击下一步，勾选结构文件设置中任一选项后再点击上一步，选择"导出结构和数据"或者"仅导出数据"后，点击下一步，再点击导出时，会携带"仅导出结构"时才可用的参数，导致导出文件和预期不符。
+          // 当导出内容为"导出结构和数据"或者"仅导出数据"时，"导出结果合并为一个SQL文件"不可勾选。
+          // 当导出内容为"仅导出数据"时，这两个都不可勾选。
+          // 当导出内容为"仅导出结构"时，为了避免"单个文件上限(MB)"被其他导出内容时的操作影响，这里设置为无限制，即-1。
+          switch (exportContent) {
+            case EXPORT_CONTENT.DATA_AND_STRUCT: {
+              data.mergeSchemaFiles = false;
+              if (data.exportFileMaxSize) {
+                data.exportFileMaxSize =
+                  exportFileMaxSize ===
+                  formatMessage({
+                    id: 'odc.components.ExportDrawer.Unlimited',
+                    defaultMessage: '无限制',
+                  }) //无限制
+                    ? -1
+                    : parseInt(exportFileMaxSize as string);
+              }
+              break;
+            }
+            case EXPORT_CONTENT.DATA: {
+              data.withDropDDL = false;
+              data.mergeSchemaFiles = false;
+              if (data.exportFileMaxSize) {
+                data.exportFileMaxSize =
+                  exportFileMaxSize ===
+                  formatMessage({
+                    id: 'odc.components.ExportDrawer.Unlimited',
+                    defaultMessage: '无限制',
+                  }) //无限制
+                    ? -1
+                    : parseInt(exportFileMaxSize as string);
+              }
+              break;
+            }
+            case EXPORT_CONTENT.STRUCT: {
+              data.exportFileMaxSize = -1;
+              break;
+            }
+            default: {
+              break;
+            }
+          }
+          const { executionStrategy, executionTime } = data;
+          if (executionStrategy === TaskExecStrategy.TIMER) {
+            data.executionTime = executionTime?.valueOf();
+          } else {
+            data.executionTime = undefined;
+          }
+          const res = await createBatchExportTask(data);
+          if (res) {
+            message.success(
+              formatMessage({
+                id: 'src.component.Task.ExportTask.CreateModal.133432E8' /*'工单创建成功'*/,
+                defaultMessage: '工单创建成功',
+              }),
+            );
+            if (state.isSaveDefaultConfig) {
+              saveCurrentConfig();
+              initDefaultConfig();
+            }
+            handleClose();
+            openTasksPage(TaskPageType.EXPORT, TaskPageScope.CREATED_BY_CURRENT_USER);
+          }
+        } finally {
+          setState((prev) => ({
+            ...prev,
+            submitting: false,
+          }));
+        }
+      }
+    });
+  };
+
+  const nextStep = () => {
+    _formRef.current.valid(async (haveError, values) => {
+      if (!haveError) {
+        setState((prev) => ({
+          ...prev,
+          stepIndex: prev.stepIndex + 1,
+        }));
+      }
+    });
+  };
+
+  const ExportAlert = useMemo(() => {
+    if (!isClient()) {
+      return (
+        <Alert
+          style={{
+            marginBottom: 12,
+          }}
+          type="info"
+          showIcon
+          message={
+            <>
+              {formatMessage({
+                id: 'odc.components.ExportDrawer.TheMaximumDataSizeCannot',
+                defaultMessage: '数据最大不能超过 2GB，如需导出大量数据，请使用导数工具 OBDUMPER',
+              })}
+              <a
+                style={{ marginLeft: 4 }}
+                target="__blank"
+                href="https://www.oceanbase.com/docs/common-oceanbase-dumper-loader-1000000001189488"
+              >
+                {
+                  formatMessage({
+                    id: 'src.component.Task.ExportTask.CreateModal.5DF92911' /*详情*/,
+                    defaultMessage: '详情',
+                  }) /* 详情 */
+                }
+              </a>
+            </>
+
+            //数据最大不能超过2GB，如需导出大量数据，请使用导数工具obdumper
+          }
+        />
+      );
+    }
+  }, [isClient()]);
+
+  const isNextStepDisabled = useMemo(() => {
+    return (
+      state?.stepIndex === 0 && !formData?.exportAllObjects && !formData?.exportDbObjects?.length
+    );
+  }, [state?.stepIndex, formData?.exportAllObjects, formData?.exportDbObjects?.length]);
+
+  return (
+    <Drawer
+      title={
+        formatMessage({
+          id: 'odc.components.ExportDrawer.Export',
+          defaultMessage: '导出',
+        }) //导出
+      }
+      open={modalStore.exportModalVisible}
+      destroyOnHidden
+      width={720}
+      onClose={handleConfirmClose}
+    >
+      <div className={styles.drawerContent}>
+        {ExportAlert}
+        <FormContext.Provider
+          value={{
+            dfaultConfig: defaultConfig,
+          }}
+        >
+          <ExportForm
+            onFormValueChange={(_, values) => {
+              setState((prev) => ({
+                ...prev,
+                isFormChanged: true,
+              }));
+
+              setFormData((prev) => ({
+                ...prev,
+                ...values,
+              }));
+            }}
+            formData={formData}
+            projectId={projectId}
+            ref={_formRef}
+            formType={steps[state.stepIndex].key}
+          />
+        </FormContext.Provider>
+      </div>
+      <div className={styles.drawerFooter}>
+        <Checkbox
+          checked={state.isSaveDefaultConfig}
+          onChange={(e) =>
+            setState((prev) => ({
+              ...prev,
+              isSaveDefaultConfig: e.target.checked,
+            }))
+          }
+        >
+          {
+            formatMessage({
+              id: 'odc.components.ExportDrawer.RetainTheCurrentConfiguration',
+              defaultMessage: '保留当前配置',
+            }) /*保留当前配置*/
+          }
+
+          <HelpDoc doc="saveImportAndExportConfig" />
+        </Checkbox>
+        <Space>
+          <Button
+            onClick={handleConfirmClose}
+            style={{
+              marginRight: 8,
+            }}
+          >
+            {formatMessage({
+              id: 'app.button.cancel',
+              defaultMessage: '取消',
+            })}
+          </Button>
+          {state.stepIndex === 1 ? (
+            <>
+              <Button
+                onClick={() => {
+                  setState((prev) => ({
+                    ...prev,
+                    stepIndex: prev.stepIndex - 1,
+                  }));
+                }}
+              >
+                {
+                  formatMessage({
+                    id: 'odc.components.ExportDrawer.PreviousStep',
+                    defaultMessage: '上一步：',
+                  })
+
+                  /*上一步:*/
+                }
+
+                <span>{steps[0].label}</span>
+              </Button>
+              <Button loading={state.submitting} onClick={submit} type="primary">
+                {formatMessage({
+                  id: 'workspace.header.tools.export',
+                  defaultMessage: '导出',
+                })}
+              </Button>
+            </>
+          ) : (
+            <Tooltip
+              title={
+                isNextStepDisabled
+                  ? formatMessage({
+                      id: 'odc.components.ExportDrawer.SelectAtLeastOneExport',
+                      defaultMessage: '至少选择一个导出对象',
+                    })
+                  : //至少选择一个导出对象
+                    null
+              }
+            >
+              <Button type="primary" onClick={nextStep} disabled={isNextStepDisabled}>
+                {
+                  formatMessage({
+                    id: 'odc.components.ExportDrawer.NextStep',
+                    defaultMessage: '下一步:',
+                  })
+
+                  /*下一步:*/
+                }
+
+                <span>{steps[1].label}</span>
+              </Button>
+            </Tooltip>
+          )}
+        </Space>
+      </div>
+    </Drawer>
+  );
+};
+
+export default inject('modalStore')(observer(CreateModal));
diff --git a/src/component/Task/ImportTask/index.tsx b/src/component/Task/modals/ExportTask/index.tsx
similarity index 87%
rename from src/component/Task/ImportTask/index.tsx
rename to src/component/Task/modals/ExportTask/index.tsx
index 1f070ce0e..3c3ae713e 100644
--- a/src/component/Task/ImportTask/index.tsx
+++ b/src/component/Task/modals/ExportTask/index.tsx
@@ -14,5 +14,5 @@
  * limitations under the License.
  */
 
-export { default as ImportTaskContent } from '../component/DataTransferModal';
+export { default as ExportTaskContent } from '@/component/Task/component/DataTransferModal';
 export { default } from './CreateModal';
diff --git a/src/component/Task/ImportTask/CreateModal/ImportForm/ConfigPanel/index.tsx b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/ConfigPanel/index.tsx
similarity index 77%
rename from src/component/Task/ImportTask/CreateModal/ImportForm/ConfigPanel/index.tsx
rename to src/component/Task/modals/ImportTask/CreateModal/ImportForm/ConfigPanel/index.tsx
index 19b1ba827..fe9866638 100644
--- a/src/component/Task/ImportTask/CreateModal/ImportForm/ConfigPanel/index.tsx
+++ b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/ConfigPanel/index.tsx
@@ -27,10 +27,11 @@ import { useDBSession } from '@/store/sessionManager/hooks';
 import { formatMessage } from '@/util/intl';
 import { Form, FormInstance, Radio, Select } from 'antd';
 import React, { useEffect, useState } from 'react';
-import DatabaseSelect from '../../../../component/DatabaseSelect';
+import DatabaseSelect from '@/component/Task/component/DatabaseSelect';
 import CsvMapping from '../../csvMapping';
 import CsvProvider from '../CsvProvider';
 import StructDataFormItem from '../formitem/StructDataFormItem';
+import { rules } from '../../const';
 
 const FormItem = Form.Item;
 
@@ -93,39 +94,37 @@ const FileSelecterPanel: React.FC<IProps> = function ({
                 })}
                 name="importContent"
                 style={{ display: isZipFileType || isDIRFileType ? 'block' : 'none' }}
-                rules={[
-                  {
-                    required: true,
-                    message: formatMessage({
-                      id: 'odc.ImportDrawer.ImportForm.SelectImportContent',
-                      defaultMessage: '请选择导入内容',
-                    }),
-                  },
-                ]}
+                rules={rules.importContent}
               >
-                <Radio.Group>
-                  <Radio.Button
-                    disabled={!containsData || !containsSchema}
-                    value={EXPORT_CONTENT.DATA_AND_STRUCT}
-                  >
-                    {formatMessage({
-                      id: 'odc.ImportDrawer.ImportForm.ImportStructuresAndData',
-                      defaultMessage: '导入结构和数据',
-                    })}
-                  </Radio.Button>
-                  <Radio.Button disabled={!containsData} value={EXPORT_CONTENT.DATA}>
-                    {formatMessage({
-                      id: 'odc.ImportDrawer.ImportForm.ImportDataOnly',
-                      defaultMessage: '仅导入数据',
-                    })}
-                  </Radio.Button>
-                  <Radio.Button disabled={!containsSchema} value={EXPORT_CONTENT.STRUCT}>
-                    {formatMessage({
-                      id: 'odc.ImportDrawer.ImportForm.ImportStructureOnly',
-                      defaultMessage: '仅导入结构',
-                    })}
-                  </Radio.Button>
-                </Radio.Group>
+                <Radio.Group
+                  options={[
+                    {
+                      label: formatMessage({
+                        id: 'odc.ImportDrawer.ImportForm.ImportStructuresAndData',
+                        defaultMessage: '导入结构和数据',
+                      }),
+                      value: EXPORT_CONTENT.DATA_AND_STRUCT,
+                      disabled: !containsData || !containsSchema,
+                    },
+                    {
+                      label: formatMessage({
+                        id: 'odc.ImportDrawer.ImportForm.ImportDataOnly',
+                        defaultMessage: '仅导入数据',
+                      }),
+                      value: EXPORT_CONTENT.DATA,
+                      disabled: !containsData,
+                    },
+                    {
+                      label: formatMessage({
+                        id: 'odc.ImportDrawer.ImportForm.ImportStructureOnly',
+                        defaultMessage: '仅导入结构',
+                      }),
+                      value: EXPORT_CONTENT.STRUCT,
+                      disabled: !containsSchema,
+                    },
+                  ]}
+                  optionType="button"
+                />
               </FormItem>
               <DatabaseSelect type={TaskType.IMPORT} projectId={projectId} />
               {(isCsvFileType || isSingleImport) && (
@@ -139,16 +138,7 @@ const FileSelecterPanel: React.FC<IProps> = function ({
                     //导入目标表
                   }
                   name="tableName"
-                  rules={[
-                    {
-                      required: isCsvFileType,
-                      message: formatMessage({
-                        id: 'odc.ImportForm.ConfigPanel.TheImportTargetTableCannot',
-                        defaultMessage: '导入目标表不能为空',
-                      }),
-                      //导入目标表不能为空
-                    },
-                  ]}
+                  rules={rules.tableName({ required: isCsvFileType })}
                 >
                   <Select
                     style={{ width: 320 }}
@@ -198,28 +188,24 @@ const FileSelecterPanel: React.FC<IProps> = function ({
                     })}
                     /* 任务错误处理 */ name="stopWhenError"
                   >
-                    <Radio.Group>
-                      <Radio value>
+                    <Radio.Group
+                      options={[
                         {
-                          formatMessage({
+                          label: formatMessage({
                             id: 'odc.ImportDrawer.ImportForm.StopATask',
                             defaultMessage: '停止任务',
-                          })
-
-                          /* 停止任务 */
-                        }
-                      </Radio>
-                      <Radio value={false}>
+                          }),
+                          value: true,
+                        },
                         {
-                          formatMessage({
+                          label: formatMessage({
                             id: 'odc.ImportDrawer.ImportForm.IgnoreErrorsContinueTasks',
                             defaultMessage: '忽略错误继续任务',
-                          })
-
-                          /* 忽略错误继续任务 */
-                        }
-                      </Radio>
-                    </Radio.Group>
+                          }),
+                          value: false,
+                        },
+                      ]}
+                    />
                   </FormItem>
                 )}
 
diff --git a/src/component/Task/ImportTask/CreateModal/ImportForm/CsvProvider.ts b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/CsvProvider.ts
similarity index 100%
rename from src/component/Task/ImportTask/CreateModal/ImportForm/CsvProvider.ts
rename to src/component/Task/modals/ImportTask/CreateModal/ImportForm/CsvProvider.ts
diff --git a/src/component/Task/ImportTask/CreateModal/ImportForm/FileSelecterPanel/index.less b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/FileSelecterPanel/index.less
similarity index 100%
rename from src/component/Task/ImportTask/CreateModal/ImportForm/FileSelecterPanel/index.less
rename to src/component/Task/modals/ImportTask/CreateModal/ImportForm/FileSelecterPanel/index.less
diff --git a/src/component/Task/ImportTask/CreateModal/ImportForm/FileSelecterPanel/index.tsx b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/FileSelecterPanel/index.tsx
similarity index 94%
rename from src/component/Task/ImportTask/CreateModal/ImportForm/FileSelecterPanel/index.tsx
rename to src/component/Task/modals/ImportTask/CreateModal/ImportForm/FileSelecterPanel/index.tsx
index c9cc072b6..092a4ec5d 100644
--- a/src/component/Task/ImportTask/CreateModal/ImportForm/FileSelecterPanel/index.tsx
+++ b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/FileSelecterPanel/index.tsx
@@ -40,6 +40,7 @@ import FormContext from '../FormContext';
 import styles from './index.less';
 import { selectFolder } from '@/util/client';
 import { getImportFileMeta } from '@/common/network/exportAndImport';
+import { rules } from '../../const';
 
 const FormItem = Form.Item;
 const Option = Select.Option;
@@ -211,15 +212,7 @@ const FileSelecterPanel: React.FC<IProps> = function ({ isSingleImport, form })
           defaultMessage: '导入文件格式',
         })}
         name="fileType"
-        rules={[
-          {
-            required: true,
-            message: formatMessage({
-              id: 'odc.ImportDrawer.ImportForm.SelectAnImportFormat',
-              defaultMessage: '请选择导入格式',
-            }),
-          },
-        ]}
+        rules={rules.fileType}
       >
         <Select style={{ width: 152 }}>
           <Option key={IMPORT_TYPE.ZIP} value={IMPORT_TYPE.ZIP}>
@@ -283,15 +276,7 @@ const FileSelecterPanel: React.FC<IProps> = function ({ isSingleImport, form })
                 defaultMessage: '导入文件',
               })}
               name="importFileName"
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'odc.ImportDrawer.ImportForm.PleaseUploadTheImportedFile',
-                    defaultMessage: '请上传导入文件',
-                  }),
-                },
-              ]}
+              rules={rules.importFileName}
               valuePropName="fileList"
               getValueFromEvent={(e) => {
                 if (!e.fileList?.length) {
@@ -447,15 +432,7 @@ const FileSelecterPanel: React.FC<IProps> = function ({ isSingleImport, form })
           defaultMessage: '文件编码',
         })}
         name="encoding"
-        rules={[
-          {
-            required: true,
-            message: formatMessage({
-              id: 'odc.ImportDrawer.ImportForm.SelectAFileEncoding',
-              defaultMessage: '请选择文件编码',
-            }),
-          },
-        ]}
+        rules={rules.encoding}
       >
         <Select style={{ width: 152 }}>
           {Object.entries(IMPORT_ENCODING).map(([text, value]) => {
diff --git a/src/component/Task/ImportTask/CreateModal/ImportForm/FormConfigContext.tsx b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/FormConfigContext.tsx
similarity index 100%
rename from src/component/Task/ImportTask/CreateModal/ImportForm/FormConfigContext.tsx
rename to src/component/Task/modals/ImportTask/CreateModal/ImportForm/FormConfigContext.tsx
diff --git a/src/component/Task/ImportTask/CreateModal/ImportForm/FormContext.ts b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/FormContext.ts
similarity index 100%
rename from src/component/Task/ImportTask/CreateModal/ImportForm/FormContext.ts
rename to src/component/Task/modals/ImportTask/CreateModal/ImportForm/FormContext.ts
diff --git a/src/component/Task/ImportTask/CreateModal/ImportForm/formitem/CsvFormItem.tsx b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/formitem/CsvFormItem.tsx
similarity index 78%
rename from src/component/Task/ImportTask/CreateModal/ImportForm/formitem/CsvFormItem.tsx
rename to src/component/Task/modals/ImportTask/CreateModal/ImportForm/formitem/CsvFormItem.tsx
index 3c427eee4..4473d3e55 100644
--- a/src/component/Task/ImportTask/CreateModal/ImportForm/formitem/CsvFormItem.tsx
+++ b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/formitem/CsvFormItem.tsx
@@ -20,6 +20,7 @@ import { formatMessage } from '@/util/intl';
 import { CRLFToSeparatorString } from '@/util/utils';
 import { AutoComplete, Checkbox, Col, Form, Row, Select } from 'antd';
 import React from 'react';
+import { rules } from '../../const';
 const { Option } = Select;
 
 const FormItem = Form.Item;
@@ -81,23 +82,7 @@ const CsvFormItem: React.FC<IProps> = function (props) {
                       </span>
                     }
                     name="columnSeparator"
-                    rules={[
-                      {
-                        required: true,
-                        message: formatMessage({
-                          id: 'odc.ImportDrawer.ImportForm.EnterAFieldDelimiter',
-                          defaultMessage: '请填写字段分隔符',
-                        }),
-                      },
-
-                      {
-                        max: 1,
-                        message: formatMessage({
-                          id: 'odc.ImportForm.formitem.CsvFormItem.YouCanEnterOnlyOne',
-                          defaultMessage: '只能输入一个字符',
-                        }), // 只能输入一个字符
-                      },
-                    ]}
+                    rules={rules.columnSeparator}
                   >
                     <AutoComplete
                       options={[';', ':', ','].map((value) => {
@@ -118,15 +103,7 @@ const CsvFormItem: React.FC<IProps> = function (props) {
                       </span>
                     }
                     name="columnDelimiter"
-                    rules={[
-                      {
-                        required: true,
-                        message: formatMessage({
-                          id: 'odc.ImportDrawer.ImportForm.EnterATextIdentifier',
-                          defaultMessage: '请填写文本识别符',
-                        }),
-                      },
-                    ]}
+                    rules={rules.columnDelimiter}
                   >
                     <Select>
                       <Option key='"' value='"'>
@@ -150,15 +127,7 @@ const CsvFormItem: React.FC<IProps> = function (props) {
                       </span>
                     }
                     name="lineSeparator"
-                    rules={[
-                      {
-                        required: true,
-                        message: formatMessage({
-                          id: 'odc.ImportDrawer.ImportForm.EnterALineBreakSymbol',
-                          defaultMessage: '请填写换行符号',
-                        }),
-                      },
-                    ]}
+                    rules={rules.lineSeparator}
                     getValueProps={(value) => ({
                       value: CRLFToSeparatorString(value),
                     })}
diff --git a/src/component/Task/ImportTask/CreateModal/ImportForm/formitem/StructDataFormItem.tsx b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/formitem/StructDataFormItem.tsx
similarity index 83%
rename from src/component/Task/ImportTask/CreateModal/ImportForm/formitem/StructDataFormItem.tsx
rename to src/component/Task/modals/ImportTask/CreateModal/ImportForm/formitem/StructDataFormItem.tsx
index 94a236619..4e115fd5b 100644
--- a/src/component/Task/ImportTask/CreateModal/ImportForm/formitem/StructDataFormItem.tsx
+++ b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/formitem/StructDataFormItem.tsx
@@ -22,6 +22,7 @@ import setting from '@/store/setting';
 import { formatMessage } from '@/util/intl';
 import { Checkbox, Col, Form, InputNumber, Radio, Row } from 'antd';
 import React from 'react';
+import { rules } from '../../const';
 
 const FormItem = Form.Item;
 
@@ -88,15 +89,7 @@ const StructDataFormItem: React.FC<IProps> = function (props) {
                           </HelpDoc>
                         }
                         name="batchCommitNum"
-                        rules={[
-                          {
-                            required: true,
-                            message: formatMessage({
-                              id: 'odc.ImportDrawer.ImportForm.EnterTheNumberOfBatch',
-                              defaultMessage: '请填写批量提交数量',
-                            }),
-                          },
-                        ]}
+                        rules={rules.batchCommitNum}
                         style={{ marginBottom: 8, width: '100%' }}
                       >
                         <InputNumber style={{ width: '100%' }} max={500} min={0} />
@@ -148,27 +141,28 @@ const StructDataFormItem: React.FC<IProps> = function (props) {
                 required={false}
                 name="replaceSchemaWhenExists"
               >
-                <Radio.Group>
-                  <Radio value={false}>
-                    {formatMessage({
-                      id: 'odc.ImportDrawer.ImportForm.Skip',
-                      defaultMessage: '跳过',
-                    })}
-                  </Radio>
-                  <Radio
-                    value
-                    disabled={
-                      setting?.getSpaceConfigByKey(
-                        'odc.task.default.importTaskStructureReplacementEnabled',
-                      ) === 'false'
-                    }
-                  >
-                    {formatMessage({
-                      id: 'odc.ImportDrawer.ImportForm.Replacement',
-                      defaultMessage: '替换',
-                    })}
-                  </Radio>
-                </Radio.Group>
+                <Radio.Group
+                  options={[
+                    {
+                      label: formatMessage({
+                        id: 'odc.ImportDrawer.ImportForm.Skip',
+                        defaultMessage: '跳过',
+                      }),
+                      value: false,
+                    },
+                    {
+                      label: formatMessage({
+                        id: 'odc.ImportDrawer.ImportForm.Replacement',
+                        defaultMessage: '替换',
+                      }),
+                      value: true,
+                      disabled:
+                        setting?.getSpaceConfigByKey(
+                          'odc.task.default.importTaskStructureReplacementEnabled',
+                        ) === 'false', // 动态禁用逻辑
+                    },
+                  ]}
+                />
               </FormItem>
             )}
           </>
diff --git a/src/component/Task/ImportTask/CreateModal/ImportForm/helper.ts b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/helper.ts
similarity index 100%
rename from src/component/Task/ImportTask/CreateModal/ImportForm/helper.ts
rename to src/component/Task/modals/ImportTask/CreateModal/ImportForm/helper.ts
diff --git a/src/component/Task/ImportTask/CreateModal/ImportForm/index.less b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/index.less
similarity index 100%
rename from src/component/Task/ImportTask/CreateModal/ImportForm/index.less
rename to src/component/Task/modals/ImportTask/CreateModal/ImportForm/index.less
diff --git a/src/component/Task/ImportTask/CreateModal/ImportForm/index.tsx b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/index.tsx
similarity index 97%
rename from src/component/Task/ImportTask/CreateModal/ImportForm/index.tsx
rename to src/component/Task/modals/ImportTask/CreateModal/ImportForm/index.tsx
index 56a30d9af..2fc8eeed5 100644
--- a/src/component/Task/ImportTask/CreateModal/ImportForm/index.tsx
+++ b/src/component/Task/modals/ImportTask/CreateModal/ImportForm/index.tsx
@@ -90,6 +90,12 @@ const ImportForm: React.FC<IImportFormProps> = inject('modalStore')(
         getTaskDetailFoTaskId();
       }, [taskId]);
 
+      useEffect(() => {
+        if (modalStore?.importModalData?.databaseId) {
+          form.setFieldValue('databaseId', modalStore?.importModalData?.databaseId);
+        }
+      }, [modalStore?.importModalData?.databaseId]);
+
       function getExportContent(transferDDL: boolean, transferData: boolean) {
         if (transferDDL && transferData) {
           return EXPORT_CONTENT.DATA_AND_STRUCT;
diff --git a/src/component/Task/modals/ImportTask/CreateModal/const.ts b/src/component/Task/modals/ImportTask/CreateModal/const.ts
new file mode 100644
index 000000000..ec5345c2a
--- /dev/null
+++ b/src/component/Task/modals/ImportTask/CreateModal/const.ts
@@ -0,0 +1,112 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+
+export const rules = {
+  importContent: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.ImportDrawer.ImportForm.SelectImportContent',
+        defaultMessage: '请选择导入内容',
+      }),
+    },
+  ],
+  tableName: (required) => {
+    return [
+      {
+        required,
+        message: formatMessage({
+          id: 'odc.ImportForm.ConfigPanel.TheImportTargetTableCannot',
+          defaultMessage: '导入目标表不能为空',
+        }),
+        //导入目标表不能为空
+      },
+    ];
+  },
+  fileType: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.ImportDrawer.ImportForm.SelectAnImportFormat',
+        defaultMessage: '请选择导入格式',
+      }),
+    },
+  ],
+  importFileName: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.ImportDrawer.ImportForm.PleaseUploadTheImportedFile',
+        defaultMessage: '请上传导入文件',
+      }),
+    },
+  ],
+  encoding: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.ImportDrawer.ImportForm.SelectAFileEncoding',
+        defaultMessage: '请选择文件编码',
+      }),
+    },
+  ],
+  columnSeparator: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.ImportDrawer.ImportForm.EnterAFieldDelimiter',
+        defaultMessage: '请填写字段分隔符',
+      }),
+    },
+
+    {
+      max: 1,
+      message: formatMessage({
+        id: 'odc.ImportForm.formitem.CsvFormItem.YouCanEnterOnlyOne',
+        defaultMessage: '只能输入一个字符',
+      }), // 只能输入一个字符
+    },
+  ],
+  columnDelimiter: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.ImportDrawer.ImportForm.EnterATextIdentifier',
+        defaultMessage: '请填写文本识别符',
+      }),
+    },
+  ],
+  lineSeparator: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.ImportDrawer.ImportForm.EnterALineBreakSymbol',
+        defaultMessage: '请填写换行符号',
+      }),
+    },
+  ],
+  batchCommitNum: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.ImportDrawer.ImportForm.EnterTheNumberOfBatch',
+        defaultMessage: '请填写批量提交数量',
+      }),
+    },
+  ],
+};
diff --git a/src/component/Task/ImportTask/CreateModal/csvMapping/editable.less b/src/component/Task/modals/ImportTask/CreateModal/csvMapping/editable.less
similarity index 100%
rename from src/component/Task/ImportTask/CreateModal/csvMapping/editable.less
rename to src/component/Task/modals/ImportTask/CreateModal/csvMapping/editable.less
diff --git a/src/component/Task/modals/ImportTask/CreateModal/csvMapping/editable.tsx b/src/component/Task/modals/ImportTask/CreateModal/csvMapping/editable.tsx
new file mode 100644
index 000000000..b80f2e2be
--- /dev/null
+++ b/src/component/Task/modals/ImportTask/CreateModal/csvMapping/editable.tsx
@@ -0,0 +1,89 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Popover, Table } from 'antd';
+import React from 'react';
+import { ColumnType, TableProps } from 'antd/es/table';
+import classNames from 'classnames';
+import styles from './editable.less';
+
+interface IEditableColumn extends ColumnType<any> {
+  editor?: (text: any, record: any, index: number) => React.ReactElement;
+}
+
+interface IEditableProps extends TableProps<any> {
+  columns: IEditableColumn[];
+}
+
+const Editable: React.FC<IEditableProps> = (props) => {
+  const { columns, ...rest } = props;
+
+  const columnConvert = (column) => {
+    return {
+      ...column,
+      ellipsis: true,
+      children: column.children?.map((c) => {
+        return columnConvert(c);
+      }),
+      render: (text: any, record: any, i: number) => {
+        const originContent = column.render ? column.render(text, record, i) : text;
+        if (column.editor) {
+          return (
+            <Popover
+              overlayClassName={styles.popOver}
+              trigger="click"
+              getPopupContainer={(trigger) => {
+                return document.querySelector('.odc_csvmapping_archor');
+              }}
+              content={column.editor(text, record, i)}
+            >
+              <div
+                style={{
+                  height: '100%',
+                  position: 'relative',
+                  cursor: 'pointer',
+                  lineHeight: '24px',
+                }}
+              >
+                {originContent}
+              </div>
+            </Popover>
+          );
+        } else {
+          return originContent;
+        }
+      },
+    };
+  };
+
+  const initColumns = () => {
+    const { columns } = props;
+
+    return columns.map((column) => columnConvert(column));
+  };
+
+  return (
+    <Table
+      bordered={true}
+      className={classNames(styles.table, 'odc_csvmapping_archor')}
+      rowClassName={(record, i) => (i % 2 === 0 ? styles.even : styles.odd)}
+      columns={initColumns()}
+      {...rest}
+    />
+  );
+};
+
+export default Editable;
diff --git a/src/component/Task/ImportTask/CreateModal/csvMapping/index.tsx b/src/component/Task/modals/ImportTask/CreateModal/csvMapping/index.tsx
similarity index 63%
rename from src/component/Task/ImportTask/CreateModal/csvMapping/index.tsx
rename to src/component/Task/modals/ImportTask/CreateModal/csvMapping/index.tsx
index bc955647f..f768d967f 100644
--- a/src/component/Task/ImportTask/CreateModal/csvMapping/index.tsx
+++ b/src/component/Task/modals/ImportTask/CreateModal/csvMapping/index.tsx
@@ -19,70 +19,53 @@ import type { CsvColumnMapping, ITableColumn } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
 import { Row, Select, Tooltip } from 'antd';
 import { cloneDeep, isNil } from 'lodash';
-import React from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import Editable from './editable';
 
 const { Option } = Select;
+interface IProps {
+  csvColumnMappings: CsvColumnMapping[];
+  tableName: string;
+  databaseName: string;
+  sessionId: string;
+  onChangeCsvColumnMappings: (csvColumnMappings: CsvColumnMapping[]) => void;
+  csvMappingErrors: {
+    errorMsg: string;
+    errorIndex: number;
+  }[];
+}
 
-class CsvMapping extends React.Component<
-  {
-    csvColumnMappings: CsvColumnMapping[];
-    tableName: string;
-    databaseName: string;
-    sessionId: string;
-    onChangeCsvColumnMappings: (csvColumnMappings: CsvColumnMapping[]) => void;
-    csvMappingErrors: {
-      errorMsg: string;
-      errorIndex: number;
-    }[];
-  },
-  {
-    columns: ITableColumn[];
-  }
-> {
-  constructor(props) {
-    super(props);
-    this.state = {
-      columns: [],
-    };
-  }
-  componentDidMount() {
-    this.getTableColumns();
-  }
-  getTableColumns = async () => {
-    const { databaseName, sessionId } = this.props;
+const CsvMapping: React.FC<IProps> = (props) => {
+  const {
+    databaseName,
+    sessionId,
+    tableName,
+    csvColumnMappings,
+    onChangeCsvColumnMappings,
+    csvMappingErrors,
+  } = props;
+  const [columns, setColumns] = useState<ITableColumn[]>([]);
+
+  const getTableColumns = async () => {
     if (!sessionId) {
       return;
     }
-    const columns = await getTableColumnList(this.props.tableName, databaseName, sessionId);
-    this.setState({
-      columns,
-    });
+    const columns = await getTableColumnList(tableName, databaseName, sessionId);
+    setColumns(columns);
   };
-  componentDidUpdate(
-    prevProps: Readonly<{
-      csvColumnMappings: CsvColumnMapping[];
-      tableName: string;
-      sessionId: string;
-      onChangeCsvColumnMappings: (csvColumnMappings: CsvColumnMapping[]) => void;
-      csvMappingErrors: {
-        errorMsg: string;
-        errorIndex: number;
-      }[];
-    }>,
 
-    prevState: Readonly<{ columns: ITableColumn[] }>,
-    snapshot?: any,
-  ): void {
-    const { tableName, sessionId } = this.props;
-    if (prevProps.tableName !== tableName || prevProps.sessionId !== sessionId) {
-      this.getTableColumns();
-    }
-  }
-  changeDestColumnName = (index, value) => {
-    const newMapping = cloneDeep(this.props.csvColumnMappings);
-    const targetColumn = this.state.columns.find((column) => {
-      return column.columnName == value;
+  useEffect(() => {
+    getTableColumns();
+  }, []);
+
+  useEffect(() => {
+    getTableColumns();
+  }, [tableName, sessionId]);
+
+  const changeDestColumnName = (index: number, value: string) => {
+    const newMapping = cloneDeep(csvColumnMappings);
+    const targetColumn = columns.find((column) => {
+      return column.columnName === value;
     });
     newMapping[index] = {
       ...newMapping[index],
@@ -91,22 +74,39 @@ class CsvMapping extends React.Component<
       destColumnPosition: targetColumn?.ordinalPosition,
     };
 
-    this.props.onChangeCsvColumnMappings(newMapping);
+    onChangeCsvColumnMappings?.(newMapping);
   };
 
-  updateSelectedKeys = (selectedKeys: string[]) => {
+  const updateSelectedKeys = (selectedKeys: string[]) => {
     const indexs = selectedKeys.map((key) => {
       return parseInt(key.split('-')[0]);
     });
-    this.props.onChangeCsvColumnMappings(
-      this.props.csvColumnMappings.map((column, i) => {
+    onChangeCsvColumnMappings?.(
+      csvColumnMappings?.map((column, i) => {
         return { ...column, isSelected: indexs.includes(i) };
       }),
     );
   };
 
-  initColumns = () => {
-    const { csvMappingErrors } = this.props;
+  const errorMsg = useMemo(() => {
+    let errorMsg;
+    if (csvMappingErrors?.length) {
+      const globalError = csvMappingErrors.find((error) => {
+        return error.errorIndex === -1;
+      });
+      if (globalError) {
+        errorMsg = globalError.errorMsg;
+      } else {
+        errorMsg = formatMessage({
+          id: 'odc.ImportDrawer.csvMapping.IncorrectFormSettings',
+          defaultMessage: '表单设置有误',
+        });
+      }
+    }
+    return errorMsg;
+  }, [JSON.stringify(csvMappingErrors)]);
+
+  const initColumns = () => {
     const errorMap = {};
     csvMappingErrors?.forEach((error) => {
       errorMap[error.errorIndex] = error.errorMsg;
@@ -185,7 +185,7 @@ class CsvMapping extends React.Component<
                   value={t}
                   showSearch
                   allowClear
-                  onChange={this.changeDestColumnName.bind(this, i)}
+                  onChange={(value) => changeDestColumnName(i, value)}
                   style={{ width: 100 }}
                   getPopupContainer={(trigger) => trigger?.parentNode}
                   dropdownStyle={{
@@ -193,7 +193,7 @@ class CsvMapping extends React.Component<
                     minWidth: 170,
                   }}
                 >
-                  {this.state.columns.map((column) => {
+                  {columns.map((column) => {
                     return (
                       <Option
                         title={column.columnName}
@@ -222,53 +222,37 @@ class CsvMapping extends React.Component<
       },
     ];
   };
-  render() {
-    const { csvColumnMappings, csvMappingErrors } = this.props;
-    let errorMsg;
-    if (csvMappingErrors?.length) {
-      const globalError = csvMappingErrors.find((error) => {
-        return error.errorIndex === -1;
-      });
-      if (globalError) {
-        errorMsg = globalError.errorMsg;
-      } else {
-        errorMsg = formatMessage({
-          id: 'odc.ImportDrawer.csvMapping.IncorrectFormSettings',
-          defaultMessage: '表单设置有误',
-        });
-      }
-    }
-    return (
-      <div>
-        <div style={{ lineHeight: '20px', fontSize: 12, margin: '16px 0px' }}>
-          {formatMessage({
-            id: 'odc.ImportDrawer.csvMapping.FieldMapping',
-            defaultMessage: '字段映射',
-          })}
-        </div>
-        <Editable
-          rowKey={(_, i) => {
-            return `${i}-key`;
-          }}
-          columns={this.initColumns()}
-          dataSource={csvColumnMappings}
-          rowSelection={{
-            selectedRowKeys: csvColumnMappings
-              .map((column, i) => {
-                return column.isSelected ? `${i}-key` : null;
-              })
-              .filter(Boolean),
-            onChange: (selectedKeys) => {
-              this.updateSelectedKeys(selectedKeys as string[]);
-            },
-          }}
-          pagination={false}
-        />
 
-        {errorMsg && <Row style={{ color: '#FF4D4F', marginTop: 8 }}>{errorMsg}</Row>}
+  return (
+    <div>
+      <div style={{ lineHeight: '20px', fontSize: 12, margin: '16px 0px' }}>
+        {formatMessage({
+          id: 'odc.ImportDrawer.csvMapping.FieldMapping',
+          defaultMessage: '字段映射',
+        })}
       </div>
-    );
-  }
-}
+      <Editable
+        rowKey={(_, i) => {
+          return `${i}-key`;
+        }}
+        columns={initColumns()}
+        dataSource={csvColumnMappings}
+        rowSelection={{
+          selectedRowKeys: csvColumnMappings
+            .map((column, i) => {
+              return column.isSelected ? `${i}-key` : null;
+            })
+            .filter(Boolean),
+          onChange: (selectedKeys) => {
+            updateSelectedKeys(selectedKeys as string[]);
+          },
+        }}
+        pagination={false}
+      />
+
+      {errorMsg && <Row style={{ color: '#FF4D4F', marginTop: 8 }}>{errorMsg}</Row>}
+    </div>
+  );
+};
 
 export default CsvMapping;
diff --git a/src/component/Task/ImportTask/CreateModal/index.less b/src/component/Task/modals/ImportTask/CreateModal/index.less
similarity index 100%
rename from src/component/Task/ImportTask/CreateModal/index.less
rename to src/component/Task/modals/ImportTask/CreateModal/index.less
diff --git a/src/component/Task/modals/ImportTask/CreateModal/index.tsx b/src/component/Task/modals/ImportTask/CreateModal/index.tsx
new file mode 100644
index 000000000..7418b73e1
--- /dev/null
+++ b/src/component/Task/modals/ImportTask/CreateModal/index.tsx
@@ -0,0 +1,584 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { createBatchImportTask, getCsvFileInfo } from '@/common/network';
+import { getTableColumnList } from '@/common/network/table';
+import HelpDoc from '@/component/helpDoc';
+import type { CsvColumnMapping, ImportFormData } from '@/d.ts';
+import {
+  FILE_DATA_TYPE,
+  IMPORT_CONTENT,
+  IMPORT_ENCODING,
+  IMPORT_TYPE,
+  TaskExecStrategy,
+  TaskPageScope,
+  TaskPageType,
+} from '@/d.ts';
+import { openTasksPage } from '@/store/helper/page';
+import login from '@/store/login';
+import type { ModalStore } from '@/store/modal';
+import { formatMessage } from '@/util/intl';
+import { formatBytes, safeParseJson } from '@/util/utils';
+import { Alert, Button, Checkbox, Drawer, message, Modal, Space, Tooltip } from 'antd';
+import { inject, observer } from 'mobx-react';
+import React, { useEffect, useMemo, useState } from 'react';
+import ImportForm from './ImportForm';
+import CsvProvider from './ImportForm/CsvProvider';
+import FormConfigContext from './ImportForm/FormConfigContext';
+import { MAX_FILE_SIZE } from './ImportForm/helper';
+import styles from './index.less';
+
+const steps: {
+  key: 'fileSelecter' | 'config';
+  label: string;
+}[] = [
+  {
+    label: formatMessage({
+      id: 'odc.components.ImportDrawer.UploadFiles',
+      defaultMessage: '上传文件',
+    }),
+    //上传文件
+    key: 'fileSelecter',
+  },
+  {
+    label: formatMessage({
+      id: 'odc.components.ImportDrawer.ImportSettings',
+      defaultMessage: '导入设置',
+    }),
+    //导入设置
+    key: 'config',
+  },
+];
+
+export interface IProps {
+  modalStore?: ModalStore;
+  projectId?: number;
+}
+export interface IState {
+  stepIndex: number;
+  csvColumnMappings: CsvColumnMapping[];
+  formData: ImportFormData;
+  isFormChanged: boolean;
+  csvMappingErrors: {
+    errorMsg: string;
+    errorIndex: number;
+  }[];
+  sessionData: {
+    sessionId: string;
+    databaseName: string;
+  };
+  submitting: boolean;
+  isSaveDefaultConfig: boolean;
+}
+
+const CreateModal: React.FC<IProps> = (props) => {
+  const { modalStore, projectId } = props;
+  const _formRef = React.useRef<any>();
+  const [defaultConfig, setDefaultConfig] = useState<IState['formData']>(null);
+
+  const getDefaultFormData = () => {
+    return {
+      useSys: false,
+      databaseId: modalStore.importModalData?.databaseId,
+      taskId: modalStore.exportModalData?.taskId,
+      executionStrategy: defaultConfig?.executionStrategy ?? TaskExecStrategy.AUTO,
+      fileType: defaultConfig?.fileType ?? IMPORT_TYPE.ZIP,
+      encoding: defaultConfig?.encoding ?? IMPORT_ENCODING.UTF8,
+      importFileName: null,
+      importContent: IMPORT_CONTENT.DATA_AND_STRUCT,
+      batchCommitNum: defaultConfig?.batchCommitNum ?? 100,
+      truncateTableBeforeImport: defaultConfig?.truncateTableBeforeImport ?? false,
+      skippedDataType: defaultConfig?.skippedDataType ?? [],
+      replaceSchemaWhenExists: defaultConfig?.replaceSchemaWhenExists ?? false,
+      skipHeader: defaultConfig?.skipHeader ?? false,
+      blankToNull: defaultConfig?.blankToNull ?? true,
+      columnSeparator: defaultConfig?.columnSeparator ?? ',',
+      columnDelimiter: defaultConfig?.columnDelimiter ?? '"',
+      lineSeparator: defaultConfig?.lineSeparator ?? '\r\n',
+      dataTransferFormat: FILE_DATA_TYPE.CSV,
+      stopWhenError: defaultConfig?.stopWhenError ?? false,
+      tableName: modalStore.importModalData?.table?.tableName,
+    };
+  };
+  const [state, setState] = useState<IState>({
+    stepIndex: 0,
+    isFormChanged: false,
+    csvColumnMappings: [],
+    csvMappingErrors: null,
+    submitting: false,
+    isSaveDefaultConfig: false,
+    sessionData: null,
+    formData: getDefaultFormData(),
+  });
+
+  useEffect(() => {
+    initDefaultConfig();
+  }, []);
+
+  useEffect(() => {
+    const nextDatabaseId = modalStore.importModalData?.databaseId;
+    const preDatabaseId = state?.formData.databaseId;
+    const taskId = modalStore.importModalData?.taskId;
+
+    if ((nextDatabaseId && nextDatabaseId !== preDatabaseId) || taskId) {
+      setState((prev) => ({
+        ...prev,
+        formData: {
+          ...prev.formData,
+          databaseId: nextDatabaseId,
+          taskId: taskId,
+        },
+      }));
+    }
+  }, [
+    modalStore.importModalData?.databaseId,
+    state?.formData.databaseId,
+    modalStore.importModalData?.taskId,
+  ]);
+
+  const saveCurrentConfig = () => {
+    const userId = login.user?.id;
+    const key = `importFormConfig-${userId}`;
+    localStorage.setItem(key, JSON.stringify(state.formData));
+  };
+
+  const initDefaultConfig = () => {
+    const userId = login.user?.id;
+    const key = `importFormConfig-${userId}`;
+    const data = localStorage.getItem(key);
+    if (data) {
+      setDefaultConfig(safeParseJson(data));
+    }
+  };
+  const resetFormData = () => {
+    setState((prev) => ({
+      ...prev,
+      stepIndex: 0,
+      formData: getDefaultFormData(),
+    }));
+  };
+
+  const nextStep = async () => {
+    _formRef.current.valid(async (haveError, values) => {
+      if (!haveError) {
+        if (
+          state.formData.fileType === IMPORT_TYPE.CSV &&
+          !state.csvColumnMappings?.length &&
+          steps[state.stepIndex]?.key === 'fileSelecter'
+        ) {
+          /**
+           * 处理csv
+           */
+          const error = await resolveCsvFile();
+          if (error) {
+            return;
+          }
+        }
+        setState((prev) => ({
+          ...prev,
+          stepIndex: prev.stepIndex + 1,
+        }));
+      }
+    });
+  };
+
+  const submit = async () => {
+    await _formRef?.current?.valid?.(async (haveError, values) => {
+      if (!haveError) {
+        const data = {
+          ...state.formData,
+          ...values,
+          projectId: projectId,
+        };
+        const { executionStrategy, executionTime } = data;
+        if (executionStrategy === TaskExecStrategy.TIMER) {
+          data.executionTime = executionTime?.valueOf();
+        } else {
+          data.executionTime = undefined;
+        }
+        setState((prev) => ({
+          ...prev,
+          submitting: true,
+        }));
+        try {
+          const result = await createBatchImportTask(
+            data,
+            data.tableName,
+            state.csvColumnMappings.filter((column) => {
+              return column.isSelected;
+            }),
+          );
+          if (result) {
+            message.success(
+              formatMessage({
+                id: 'src.component.Task.ImportTask.CreateModal.F0622C80' /*'工单创建成功'*/,
+                defaultMessage: '工单创建成功',
+              }),
+            );
+            if (state.isSaveDefaultConfig) {
+              saveCurrentConfig();
+              initDefaultConfig();
+            }
+            modalStore?.changeImportModal(false);
+            setState((prev) => ({
+              ...prev,
+              setIsSaveDefaultConfig: false,
+            }));
+            openTasksPage(TaskPageType.IMPORT, TaskPageScope.CREATED_BY_CURRENT_USER);
+          }
+        } catch (e) {
+          console.error(e);
+        } finally {
+          resetFormData();
+          setState((prev) => ({
+            ...prev,
+            submitting: false,
+          }));
+        }
+      }
+    });
+  };
+
+  const resolveCsvFile = async () => {
+    const {
+      importFileName,
+      encoding,
+      skipHeader,
+      blankToNull,
+      lineSeparator,
+      columnDelimiter,
+      columnSeparator,
+    } = state.formData;
+    const { sessionId, databaseName } = state.sessionData ?? {};
+    const fileInfo = await getCsvFileInfo({
+      blankToNull,
+      columnSeparator,
+      encoding,
+      columnDelimiter,
+      lineSeparator,
+      skipHeader,
+      fileName: importFileName?.[0]?.response?.data?.fileName,
+    });
+    if (!fileInfo) {
+      message.warning(
+        formatMessage({
+          id: 'odc.components.ImportDrawer.AnErrorOccurredWhileParsing',
+          defaultMessage: '上传的 CSV 文件解析异常，请检查文件格式是否正确',
+        }),
+      );
+      return formatMessage({
+        id: 'odc.components.ImportDrawer.TheCsvFileTypeIs',
+        defaultMessage: 'CSV 文件类型有误',
+      });
+    }
+    const tableName = state.formData.tableName;
+    if (tableName) {
+      const columns =
+        databaseName && sessionId
+          ? await getTableColumnList(state.formData.tableName, databaseName, sessionId)
+          : [];
+      setState((prev) => ({
+        ...prev,
+        csvColumnMappings: fileInfo?.map((column, i) => {
+          return {
+            ...column,
+            isSelected: true,
+            destColumnName: columns?.[i]?.columnName,
+            destColumnType: columns?.[i]?.dataType,
+            destColumnPosition: columns?.[i]?.ordinalPosition,
+          };
+        }),
+      }));
+    } else {
+      setState((prev) => ({
+        ...prev,
+        csvColumnMappings: fileInfo?.map((column, i) => ({
+          ...column,
+          isSelected: true,
+          destColumnName: '',
+          destColumnType: null,
+          destColumnPosition: null,
+        })),
+      }));
+    }
+  };
+
+  const resolveTableColumnsToCsv = async (tableName: string) => {
+    const { sessionId, databaseName } = state.sessionData ?? {};
+    if (!tableName) {
+      setState((prev) => ({
+        ...prev,
+        csvColumnMappings: prev.csvColumnMappings?.map((column, i) => ({
+          ...column,
+          isSelected: true,
+          destColumnName: null,
+          destColumnType: null,
+          destColumnPosition: null,
+        })),
+      }));
+      return;
+    }
+    const columns = await getTableColumnList(tableName, databaseName, sessionId);
+
+    setState((prev) => ({
+      ...prev,
+      csvColumnMappings: prev.csvColumnMappings?.map((column, i) => ({
+        ...column,
+        isSelected: true,
+        destColumnName: columns?.[i]?.columnName,
+        destColumnType: columns?.[i]?.dataType,
+        destColumnPosition: columns?.[i]?.ordinalPosition,
+      })),
+    }));
+  };
+
+  const isSingleImport = () => {
+    return !!props.modalStore?.importModalData?.table;
+  };
+
+  const onChangeCsvColumnMappings = (csvColumnMappings: CsvColumnMapping[]) => {
+    setState((prev) => ({
+      ...prev,
+      csvColumnMappings,
+      csvMappingErrors: null,
+    }));
+  };
+
+  const handleConfirmClose = () => {
+    if (!state.isFormChanged) {
+      modalStore.changeImportModal(false);
+      return;
+    }
+    Modal.confirm({
+      title: formatMessage({
+        id: 'odc.components.ImportDrawer.AreYouSureYouWant',
+        defaultMessage: '是否确定取消导入？',
+      }),
+      centered: true,
+      onOk: () => {
+        resetFormData();
+        modalStore.changeImportModal(false);
+      },
+    });
+  };
+
+  const handleSessionChange = (sessionData: { sessionId: string; databaseName: string }) => {
+    setState((prev) => ({
+      ...prev,
+      sessionData,
+    }));
+  };
+
+  const ExportAlert = useMemo(() => {
+    if (MAX_FILE_SIZE > -1) {
+      const size = formatBytes(MAX_FILE_SIZE);
+
+      return (
+        <Alert
+          style={{
+            marginBottom: 12,
+          }}
+          type="info"
+          showIcon
+          message={
+            <>
+              {formatMessage(
+                {
+                  id: 'odc.components.ImportDrawer.TheMaximumSizeOfData',
+                  defaultMessage:
+                    '数据最大不能超过 {size}，如需导入大量数据，请使用导数工具 OBLOADER',
+                },
+                {
+                  size,
+                },
+              )}
+              <a
+                style={{ marginLeft: 4 }}
+                target="__blank"
+                href="https://www.oceanbase.com/docs/common-oceanbase-dumper-loader-1000000001189497"
+              >
+                {
+                  formatMessage({
+                    id: 'src.component.Task.ImportTask.CreateModal.70AD4872' /*详情*/,
+                    defaultMessage: '详情',
+                  }) /* 详情 */
+                }
+              </a>
+            </>
+
+            // `数据最大不能超过 ${size}，如需导入大量数据，请使用导数工具 OBLOADER`
+          }
+        />
+      );
+    }
+  }, [MAX_FILE_SIZE]);
+
+  const isNextStepDisabled = useMemo(() => {
+    return (
+      state?.stepIndex === 0 &&
+      (!state.formData.importFileName?.length ||
+        !!state.formData?.importFileName?.find((item) => item.status !== 'done'))
+    );
+  }, [state.formData.importFileName, state?.stepIndex]);
+
+  return (
+    <Drawer
+      title={
+        !isSingleImport()
+          ? formatMessage({
+              id: 'odc.components.ImportDrawer.CreateImport',
+              defaultMessage: '新建导入',
+            }) //新建导入
+          : formatMessage({
+              id: 'workspace.tree.table.importSingleTable',
+              defaultMessage: '单表导入',
+            })
+      }
+      open={modalStore.importModalVisible}
+      destroyOnHidden
+      width={520}
+      onClose={handleConfirmClose}
+    >
+      <div className={styles.drawerContent}>
+        {ExportAlert}
+        <CsvProvider.Provider
+          value={{
+            csvColumnMappings: state.csvColumnMappings,
+            onChangeCsvColumnMappings,
+            csvMappingErrors: state.csvMappingErrors,
+          }}
+        >
+          <FormConfigContext.Provider
+            value={{
+              dfaultConfig: defaultConfig,
+            }}
+          >
+            <ImportForm
+              formType={steps?.[state.stepIndex]?.key}
+              formData={state.formData}
+              projectId={projectId}
+              onFormValueChange={(values) => {
+                setState((prev) => ({
+                  ...prev,
+                  isFormChanged: true,
+                  formData: {
+                    ...prev.formData,
+                    ...values,
+                  },
+                }));
+              }}
+              ref={_formRef}
+              onChangeCsvColumnMappings={onChangeCsvColumnMappings}
+              resolveTableColumnsToCsv={resolveTableColumnsToCsv}
+              onSessionChange={handleSessionChange}
+              sessionData={state.sessionData}
+            />
+          </FormConfigContext.Provider>
+        </CsvProvider.Provider>
+      </div>
+      <div className={styles.drawerFooter}>
+        <Checkbox
+          checked={state.isSaveDefaultConfig}
+          onChange={(e) =>
+            setState((prev) => ({
+              ...prev,
+              isSaveDefaultConfig: e.target.checked,
+            }))
+          }
+        >
+          {
+            formatMessage({
+              id: 'odc.components.ImportDrawer.RetainTheCurrentConfiguration',
+              defaultMessage: '保留当前配置',
+            }) /*保留当前配置*/
+          }
+
+          <HelpDoc doc="saveImportAndExportConfig" />
+        </Checkbox>
+        <Space>
+          <Button
+            onClick={handleConfirmClose}
+            style={{
+              marginRight: 8,
+            }}
+          >
+            {formatMessage({
+              id: 'app.button.cancel',
+              defaultMessage: '取消',
+            })}
+          </Button>
+          {state.stepIndex === 1 ? (
+            <>
+              <Button
+                onClick={() => {
+                  setState((prev) => ({
+                    ...prev,
+                    stepIndex: prev.stepIndex - 1,
+                  }));
+                }}
+              >
+                {
+                  formatMessage({
+                    id: 'odc.components.ImportDrawer.PreviousStep.1',
+                    defaultMessage: '上一步:',
+                  })
+                  /*上一步:*/
+                }
+
+                <span>{steps[0].label}</span>
+              </Button>
+              <Button loading={state.submitting} onClick={submit} type="primary">
+                {
+                  formatMessage({
+                    id: 'odc.components.ImportDrawer.Submit',
+                    defaultMessage: '提交',
+                  })
+                  /*提交*/
+                }
+              </Button>
+            </>
+          ) : (
+            <Tooltip
+              title={
+                isNextStepDisabled
+                  ? formatMessage({
+                      id: 'odc.components.ImportDrawer.PleaseUploadTheImportFile',
+                      defaultMessage: '请上传导入文件',
+                    })
+                  : //请上传导入文件
+                    null
+              }
+            >
+              <Button disabled={isNextStepDisabled} type="primary" onClick={nextStep}>
+                {
+                  formatMessage({
+                    id: 'odc.components.ImportDrawer.NextStep',
+                    defaultMessage: '下一步：',
+                  })
+                  /*下一步:*/
+                }
+
+                <span>{steps[1].label}</span>
+              </Button>
+            </Tooltip>
+          )}
+        </Space>
+      </div>
+    </Drawer>
+  );
+};
+
+export default inject('modalStore')(observer(CreateModal));
diff --git a/src/component/Task/modals/ImportTask/index.tsx b/src/component/Task/modals/ImportTask/index.tsx
new file mode 100644
index 000000000..0fc65b709
--- /dev/null
+++ b/src/component/Task/modals/ImportTask/index.tsx
@@ -0,0 +1,18 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export { default as ImportTaskContent } from '@/component/Task/component/DataTransferModal';
+export { default } from './CreateModal';
diff --git a/src/component/Task/LogicDatabaseAsyncTask/CreateModal/PopconfirmButton.tsx b/src/component/Task/modals/LogicDatabaseAsyncTask/CreateModal/PopconfirmButton.tsx
similarity index 100%
rename from src/component/Task/LogicDatabaseAsyncTask/CreateModal/PopconfirmButton.tsx
rename to src/component/Task/modals/LogicDatabaseAsyncTask/CreateModal/PopconfirmButton.tsx
diff --git a/src/component/Task/LogicDatabaseAsyncTask/CreateModal/PreviewSQLDrawer.tsx b/src/component/Task/modals/LogicDatabaseAsyncTask/CreateModal/PreviewSQLDrawer.tsx
similarity index 84%
rename from src/component/Task/LogicDatabaseAsyncTask/CreateModal/PreviewSQLDrawer.tsx
rename to src/component/Task/modals/LogicDatabaseAsyncTask/CreateModal/PreviewSQLDrawer.tsx
index 49ea8c07f..6f6d191cd 100644
--- a/src/component/Task/LogicDatabaseAsyncTask/CreateModal/PreviewSQLDrawer.tsx
+++ b/src/component/Task/modals/LogicDatabaseAsyncTask/CreateModal/PreviewSQLDrawer.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { previewSqls } from '@/common/network/logicalDatabase';
 import DataBaseStatusIcon from '@/component/StatusIcon/DatabaseIcon';
diff --git a/src/component/Task/modals/LogicDatabaseAsyncTask/CreateModal/const.ts b/src/component/Task/modals/LogicDatabaseAsyncTask/CreateModal/const.ts
new file mode 100644
index 000000000..0b36de46c
--- /dev/null
+++ b/src/component/Task/modals/LogicDatabaseAsyncTask/CreateModal/const.ts
@@ -0,0 +1,66 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+
+export const rules = {
+  delimiter: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.LogicDatabaseAsyncTask.CreateModal.3AA56015',
+        defaultMessage: '请输入分隔符',
+      }),
+    },
+  ],
+  timeoutMillis: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.LogicDatabaseAsyncTask.CreateModal.5AF8C707',
+        defaultMessage: '请输入超时时间',
+      }),
+    },
+    {
+      type: 'number',
+      max: 480,
+      message: formatMessage({
+        id: 'src.component.Task.LogicDatabaseAsyncTask.CreateModal.7BAA8D0E',
+        defaultMessage: '最大不超过480小时',
+      }),
+    },
+  ],
+  sqlContentType: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.LogicDatabaseAsyncTask.CreateModal.FED011D0',
+        defaultMessage: '请选择 SQL 内容',
+      }),
+    },
+  ],
+  sqlContent: ({ required }) => {
+    return [
+      {
+        required,
+        message: formatMessage({
+          id: 'src.component.Task.LogicDatabaseAsyncTask.CreateModal.FD315879',
+          defaultMessage: '请填写 SQL 内容',
+        }),
+      },
+    ];
+  },
+};
diff --git a/src/component/Task/LogicDatabaseAsyncTask/CreateModal/index.less b/src/component/Task/modals/LogicDatabaseAsyncTask/CreateModal/index.less
similarity index 100%
rename from src/component/Task/LogicDatabaseAsyncTask/CreateModal/index.less
rename to src/component/Task/modals/LogicDatabaseAsyncTask/CreateModal/index.less
diff --git a/src/component/Task/LogicDatabaseAsyncTask/CreateModal/index.tsx b/src/component/Task/modals/LogicDatabaseAsyncTask/CreateModal/index.tsx
similarity index 86%
rename from src/component/Task/LogicDatabaseAsyncTask/CreateModal/index.tsx
rename to src/component/Task/modals/LogicDatabaseAsyncTask/CreateModal/index.tsx
index f2b9747a9..329e87b8a 100644
--- a/src/component/Task/LogicDatabaseAsyncTask/CreateModal/index.tsx
+++ b/src/component/Task/modals/LogicDatabaseAsyncTask/CreateModal/index.tsx
@@ -39,15 +39,16 @@ import {
   Radio,
   Space,
   Tooltip,
-  Typography,
 } from 'antd';
 import { inject, observer } from 'mobx-react';
 import dayjs from 'dayjs';
 import React, { useEffect, useRef, useState } from 'react';
-import DatabaseSelect from '../../component/DatabaseSelect';
+import DatabaseSelect from '@/component/Task/component/DatabaseSelect';
 import styles from './index.less';
 import PreviewSQLDrawer from './PreviewSQLDrawer';
 import { openTasksPage } from '@/store/helper/page';
+import { rules } from './const';
+import { Rule } from 'antd/es/form';
 
 interface IProps {
   sqlStore?: SQLStore;
@@ -339,24 +340,20 @@ const CreateModal: React.FC<IProps> = (props) => {
                 }}
                 name="sqlContentType"
                 initialValue={SQLContentType.TEXT}
-                rules={[
-                  {
-                    required: true,
-                    message: formatMessage({
-                      id: 'src.component.Task.LogicDatabaseAsyncTask.CreateModal.FED011D0',
-                      defaultMessage: '请选择 SQL 内容',
-                    }),
-                  },
-                ]}
+                rules={rules.sqlContentType}
               >
-                <Radio.Group>
-                  <Radio.Button value={SQLContentType.TEXT}>
-                    {formatMessage({
-                      id: 'src.component.Task.LogicDatabaseAsyncTask.CreateModal.0A3EB502',
-                      defaultMessage: 'SQL录入',
-                    })}
-                  </Radio.Button>
-                </Radio.Group>
+                <Radio.Group
+                  options={[
+                    {
+                      label: formatMessage({
+                        id: 'src.component.Task.LogicDatabaseAsyncTask.CreateModal.0A3EB502',
+                        defaultMessage: 'SQL录入',
+                      }),
+                      value: SQLContentType.TEXT, // 对应原代码中的 <Radio.Button value={SQLContentType.TEXT}>
+                    },
+                  ]}
+                  optionType="button"
+                />
               </Form.Item>
               <Tooltip placement="left" title={getPreveiwSqlTooltip()}>
                 <Button
@@ -377,15 +374,7 @@ const CreateModal: React.FC<IProps> = (props) => {
             className={`${styles.sqlContent} ${
               sqlContentType !== SQLContentType.TEXT && styles.hide
             }`}
-            rules={[
-              {
-                required: sqlContentType === SQLContentType.TEXT,
-                message: formatMessage({
-                  id: 'src.component.Task.LogicDatabaseAsyncTask.CreateModal.FD315879',
-                  defaultMessage: '请填写 SQL 内容',
-                }),
-              },
-            ]}
+            rules={rules.sqlContent({ required: sqlContentType === SQLContentType.TEXT })}
             style={{
               height: '280px',
               paddingTop: 8,
@@ -423,15 +412,7 @@ const CreateModal: React.FC<IProps> = (props) => {
               })}
               initialValue=";"
               required
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'src.component.Task.LogicDatabaseAsyncTask.CreateModal.3AA56015',
-                    defaultMessage: '请输入分隔符',
-                  }),
-                },
-              ]}
+              rules={rules.delimiter}
             >
               <AutoComplete
                 style={{
@@ -460,24 +441,25 @@ const CreateModal: React.FC<IProps> = (props) => {
               /*执行方式*/ name="triggerStrategy"
               required
             >
-              <Radio.Group>
-                <Radio.Button value={TaskExecStrategy.START_NOW}>
+              <Radio.Group
+                options={[
                   {
-                    formatMessage({
+                    label: formatMessage({
                       id: 'odc.DataClearTask.CreateModal.ExecuteNow',
                       defaultMessage: '立即执行',
-                    }) /*立即执行*/
-                  }
-                </Radio.Button>
-                <Radio.Button value={TaskExecStrategy.START_AT}>
+                    }),
+                    value: TaskExecStrategy.START_NOW,
+                  },
                   {
-                    formatMessage({
+                    label: formatMessage({
                       id: 'odc.DataClearTask.CreateModal.ScheduledExecution',
                       defaultMessage: '定时执行',
-                    }) /*定时执行*/
-                  }
-                </Radio.Button>
-              </Radio.Group>
+                    }),
+                    value: TaskExecStrategy.START_AT,
+                  },
+                ]}
+                optionType="button"
+              />
             </Form.Item>
             <Form.Item shouldUpdate noStyle>
               {({ getFieldValue }) => {
@@ -518,23 +500,7 @@ const CreateModal: React.FC<IProps> = (props) => {
                 defaultMessage: '小时',
               })}
               name="timeoutMillis"
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'src.component.Task.LogicDatabaseAsyncTask.CreateModal.5AF8C707',
-                    defaultMessage: '请输入超时时间',
-                  }),
-                },
-                {
-                  type: 'number',
-                  max: 480,
-                  message: formatMessage({
-                    id: 'src.component.Task.LogicDatabaseAsyncTask.CreateModal.7BAA8D0E',
-                    defaultMessage: '最大不超过480小时',
-                  }),
-                },
-              ]}
+              rules={rules.timeoutMillis as Rule[]}
               initialValue={48}
               noStyle
             >
diff --git a/src/component/Task/LogicDatabaseAsyncTask/DetailContent/index.tsx b/src/component/Task/modals/LogicDatabaseAsyncTask/DetailContent/index.tsx
similarity index 86%
rename from src/component/Task/LogicDatabaseAsyncTask/DetailContent/index.tsx
rename to src/component/Task/modals/LogicDatabaseAsyncTask/DetailContent/index.tsx
index 2b5277055..1baf69a3c 100644
--- a/src/component/Task/LogicDatabaseAsyncTask/DetailContent/index.tsx
+++ b/src/component/Task/modals/LogicDatabaseAsyncTask/DetailContent/index.tsx
@@ -1,13 +1,29 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { getDataSourceModeConfigByConnectionMode } from '@/common/datasource';
-import { ODCRiskLevelLabel } from '@/component/RiskLevelLabel';
 import { SQLContent } from '@/component/SQLContent';
-import { getTaskExecStrategyMap } from '@/component/Task';
 import type { ITaskResult } from '@/d.ts';
 import { getFormatDateTime, milliSecondsToHour } from '@/util/utils';
 import { InfoCircleOutlined } from '@ant-design/icons';
 import { Descriptions, Divider, Space, Tooltip } from 'antd';
-import { SimpleTextItem } from '../../component/SimpleTextItem';
+import { SimpleTextItem } from '@/component/Task/component/SimpleTextItem';
+import { getTaskExecStrategyMap } from '@/component/Task//const';
+import EllipsisText from '@/component/EllipsisText';
 export const ErrorStrategy = {
   ABORT: formatMessage({
     id: 'src.component.Task.LogicDatabaseAsyncTask.DetailContent.11ED2337',
@@ -32,7 +48,7 @@ const LogicDatabaseAsyncTaskContent: React.FC<IProps> = (props) => {
 
   return (
     <>
-      <Descriptions column={4}>
+      <Descriptions column={4} style={{ marginBottom: 16 }}>
         <Descriptions.Item
           span={2}
           label={formatMessage({
@@ -61,7 +77,7 @@ const LogicDatabaseAsyncTaskContent: React.FC<IProps> = (props) => {
             defaultMessage: '数据库',
           })}
         >
-          {task?.database?.name || '-'}
+          <EllipsisText content={task?.database?.name} />
         </Descriptions.Item>
         <Descriptions.Item
           span={2}
@@ -70,9 +86,10 @@ const LogicDatabaseAsyncTaskContent: React.FC<IProps> = (props) => {
             defaultMessage: '所属项目',
           })}
         >
-          {task?.project?.name || '-'}
+          <EllipsisText content={task?.project?.name} />
         </Descriptions.Item>
       </Descriptions>
+      <Divider style={{ marginTop: 16 }} />
       <SimpleTextItem
         label={formatMessage({
           id: 'src.component.Task.LogicDatabaseAsyncTask.DetailContent.97C2BA42',
@@ -177,7 +194,7 @@ const LogicDatabaseAsyncTaskContent: React.FC<IProps> = (props) => {
       </Descriptions>
       <Divider
         style={{
-          marginTop: 4,
+          marginTop: 16,
         }}
       />
 
diff --git a/src/component/Task/LogicDatabaseAsyncTask/index.tsx b/src/component/Task/modals/LogicDatabaseAsyncTask/index.tsx
similarity index 100%
rename from src/component/Task/LogicDatabaseAsyncTask/index.tsx
rename to src/component/Task/modals/LogicDatabaseAsyncTask/index.tsx
diff --git a/src/component/Task/MutipleAsyncTask/CreateModal/DatabaseQueue.tsx b/src/component/Task/modals/MutipleAsyncTask/CreateModal/DatabaseQueue.tsx
similarity index 94%
rename from src/component/Task/MutipleAsyncTask/CreateModal/DatabaseQueue.tsx
rename to src/component/Task/modals/MutipleAsyncTask/CreateModal/DatabaseQueue.tsx
index 4c7b516a6..18caffe44 100644
--- a/src/component/Task/MutipleAsyncTask/CreateModal/DatabaseQueue.tsx
+++ b/src/component/Task/modals/MutipleAsyncTask/CreateModal/DatabaseQueue.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { listDatabases } from '@/common/network/database';
 import { IConnection, IConnectionStatus, TaskType } from '@/d.ts';
 import { DatabasePermissionType } from '@/d.ts/database';
@@ -42,25 +58,18 @@ export const DatabaseQueueSelect: React.FC<{
   const orderedDatabaseIds = Form.useWatch(['parameters', 'orderedDatabaseIds'], form);
   const [databaseIdMap, setDatabaseIdMap] = useState<Map<number, boolean>>(new Map());
   const [_databaseOptions, setDatabaseOptions] = useState<DatabaseOption[]>([]);
-  const {
-    data,
-    run,
-    loading: fetchLoading,
-  } = useRequest(listDatabases, {
+  const { run } = useRequest(listDatabases, {
     manual: true,
   });
   const loadDatabaseList = async (projectId: number) => {
-    const databaseList = await run(
+    const databaseList = await run({
       projectId,
-      null,
-      1,
-      99999,
-      null,
-      null,
-      login.isPrivateSpace(),
-      true,
-      true,
-    );
+      page: 1,
+      size: 99999,
+      containsUnassigned: login.isPrivateSpace(),
+      existed: true,
+      includesPermittedAction: true,
+    });
     if (databaseList?.contents?.length) {
       setDefaultDatasource(databaseList?.contents?.[0]?.dataSource);
       datasourceStatus.asyncUpdateStatus([
diff --git a/src/component/Task/MutipleAsyncTask/CreateModal/DrawerFooter.tsx b/src/component/Task/modals/MutipleAsyncTask/CreateModal/DrawerFooter.tsx
similarity index 61%
rename from src/component/Task/MutipleAsyncTask/CreateModal/DrawerFooter.tsx
rename to src/component/Task/modals/MutipleAsyncTask/CreateModal/DrawerFooter.tsx
index d073e4350..b4ddacd2c 100644
--- a/src/component/Task/MutipleAsyncTask/CreateModal/DrawerFooter.tsx
+++ b/src/component/Task/modals/MutipleAsyncTask/CreateModal/DrawerFooter.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Button, Space } from 'antd';
 
diff --git a/src/component/Task/MutipleAsyncTask/CreateModal/InnerSelecter.tsx b/src/component/Task/modals/MutipleAsyncTask/CreateModal/InnerSelecter.tsx
similarity index 93%
rename from src/component/Task/MutipleAsyncTask/CreateModal/InnerSelecter.tsx
rename to src/component/Task/modals/MutipleAsyncTask/CreateModal/InnerSelecter.tsx
index 2507f49ec..04f111f26 100644
--- a/src/component/Task/MutipleAsyncTask/CreateModal/InnerSelecter.tsx
+++ b/src/component/Task/modals/MutipleAsyncTask/CreateModal/InnerSelecter.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { getDataSourceStyleByConnectType } from '@/common/datasource';
 import ConnectionPopover from '@/component/ConnectionPopover';
 import RiskLevelLabel from '@/component/RiskLevelLabel';
@@ -6,15 +22,16 @@ import { IEnvironment } from '@/d.ts/environment';
 import { ReactComponent as DragSvg } from '@/svgr/drag.svg';
 import { formatMessage } from '@/util/intl';
 import Icon, { DeleteOutlined } from '@ant-design/icons';
-import { Empty, Form, FormListFieldData, Popover, Select, Space, Tooltip } from 'antd';
+import { Form, FormListFieldData, Popover, Select, Space, Tooltip } from 'antd';
 import { useWatch } from 'antd/lib/form/Form';
 import classNames from 'classnames';
 import React, { useEffect, useRef, useState } from 'react';
 import { useDrag, useDrop } from 'react-dnd';
-import { flatArray } from './helper';
+import { flatArray } from '@/util/utils';
 import styles from './index.less';
 import DatabaseSelectEmpty from '@/component/Empty/DatabaseSelectEmpty';
 import { IDatabase } from '@/d.ts/database';
+import { rules } from '../const';
 
 export type DatabaseOption = {
   label: string;
@@ -152,16 +169,6 @@ const InnerSelect: React.FC<{
     });
   };
 
-  const checkDatabaseExsisted = async (ruler, value) => {
-    if (value && !databaseOptionMap?.[value]) {
-      throw new Error(
-        formatMessage({
-          id: 'src.component.Task.MutipleAsyncTask.CreateModal.94128D2B',
-          defaultMessage: '该数据库不属于当前项目',
-        }),
-      );
-    }
-  };
   const renderItem = (
     item: DatabaseOption,
     setSearchValue: React.Dispatch<React.SetStateAction<string>>,
@@ -304,23 +311,7 @@ const InnerSelect: React.FC<{
             style={{ cursor: 'move !important' }}
           />
 
-          <Form.Item
-            name={[innerName]}
-            rules={[
-              {
-                required: true,
-                message: formatMessage({
-                  id: 'src.component.Task.MutipleAsyncTask.CreateModal.E7E1BCF3',
-                  defaultMessage: '请选择数据库',
-                }),
-              },
-              {
-                validateTrigger: 'onChange',
-                validator: checkDatabaseExsisted,
-              },
-            ]}
-            noStyle
-          >
+          <Form.Item name={[innerName]} rules={rules.innerName({ databaseOptionMap })} noStyle>
             <Popover
               trigger="click"
               placement="bottom"
diff --git a/src/component/Task/MutipleAsyncTask/CreateModal/MoreSetting.tsx b/src/component/Task/modals/MutipleAsyncTask/CreateModal/MoreSetting.tsx
similarity index 57%
rename from src/component/Task/MutipleAsyncTask/CreateModal/MoreSetting.tsx
rename to src/component/Task/modals/MutipleAsyncTask/CreateModal/MoreSetting.tsx
index 83c370dfc..2942916e6 100644
--- a/src/component/Task/MutipleAsyncTask/CreateModal/MoreSetting.tsx
+++ b/src/component/Task/modals/MutipleAsyncTask/CreateModal/MoreSetting.tsx
@@ -1,11 +1,29 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import FormItemPanel from '@/component/FormItemPanel';
 import { TaskExecStrategy } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
 import { AutoComplete, Form, InputNumber, Radio, Space } from 'antd';
-import DescriptionInput from '../../component/DescriptionInput';
+import DescriptionInput from '@/component/Task/component/DescriptionInput';
 import { ErrorStrategy } from './helper';
 import styles from './index.less';
 import setting from '@/store/setting';
+import { rules } from '../const';
+import { Rule } from 'antd/es/form';
 
 const MoreSetting = () => {
   const form = Form.useFormInstance();
@@ -28,15 +46,7 @@ const MoreSetting = () => {
             })}
             initialValue=";"
             required
-            rules={[
-              {
-                required: true,
-                message: formatMessage({
-                  id: 'src.component.Task.MutipleAsyncTask.CreateModal.FF497D5B',
-                  defaultMessage: '请输入分隔符',
-                }),
-              },
-            ]}
+            rules={rules['parameters-delimiter']}
           >
             <AutoComplete
               style={{
@@ -56,32 +66,7 @@ const MoreSetting = () => {
               defaultMessage: '查询结果限制',
             })}
             required
-            rules={[
-              {
-                required: true,
-                message: formatMessage({
-                  id: 'src.component.Task.MutipleAsyncTask.CreateModal.631AD60F',
-                  defaultMessage: '请输入查询结果限制',
-                }),
-              },
-              {
-                validator: (_, value) => {
-                  const max = setting.getSpaceConfigByKey('odc.sqlexecute.default.maxQueryLimit');
-                  if (value !== undefined && value > max) {
-                    return Promise.reject(
-                      formatMessage(
-                        {
-                          id: 'src.component.Task.MutipleAsyncTask.CreateModal.61AA1269',
-                          defaultMessage: '不超过查询条数上限 {max}',
-                        },
-                        { max },
-                      ),
-                    );
-                  }
-                  return Promise.resolve();
-                },
-              },
-            ]}
+            rules={rules['parameters-queryLimit']}
           >
             <InputNumber style={{ width: 128 }} min={1} />
           </Form.Item>
@@ -98,23 +83,7 @@ const MoreSetting = () => {
                 defaultMessage: '小时',
               })}
               name={['parameters', 'timeoutMillis']}
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'src.component.Task.MutipleAsyncTask.CreateModal.57804D6A',
-                    defaultMessage: '请输入超时时间',
-                  }),
-                },
-                {
-                  type: 'number',
-                  max: 480,
-                  message: formatMessage({
-                    id: 'src.component.Task.MutipleAsyncTask.CreateModal.50D2F13E',
-                    defaultMessage: '最大不超过480小时',
-                  }),
-                },
-              ]}
+              rules={rules['parameters-timeoutMillis'] as Rule[]}
               initialValue={48}
               noStyle
             >
@@ -135,30 +104,26 @@ const MoreSetting = () => {
           })}
           name={['parameters', 'errorStrategy']}
           initialValue={ErrorStrategy.ABORT}
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'src.component.Task.MutipleAsyncTask.CreateModal.C3F2CC4E',
-                defaultMessage: '请选择SQL 执行处理',
-              }),
-            },
-          ]}
+          rules={rules['parameters-errorStrategy']}
         >
-          <Radio.Group>
-            <Radio value={ErrorStrategy.ABORT}>
-              {formatMessage({
-                id: 'src.component.Task.MutipleAsyncTask.CreateModal.7026E054',
-                defaultMessage: '停止执行',
-              })}
-            </Radio>
-            <Radio value={ErrorStrategy.CONTINUE}>
-              {formatMessage({
-                id: 'src.component.Task.MutipleAsyncTask.CreateModal.6E9057B6',
-                defaultMessage: '忽略错误继续执行',
-              })}
-            </Radio>
-          </Radio.Group>
+          <Radio.Group
+            options={[
+              {
+                label: formatMessage({
+                  id: 'src.component.Task.MutipleAsyncTask.CreateModal.7026E054',
+                  defaultMessage: '停止执行',
+                }),
+                value: ErrorStrategy.ABORT,
+              },
+              {
+                label: formatMessage({
+                  id: 'src.component.Task.MutipleAsyncTask.CreateModal.6E9057B6',
+                  defaultMessage: '忽略错误继续执行',
+                }),
+                value: ErrorStrategy.CONTINUE,
+              },
+            ]}
+          />
         </Form.Item>
       </FormItemPanel>
       <FormItemPanel
@@ -175,30 +140,26 @@ const MoreSetting = () => {
           })}
           name="executionStrategy"
           initialValue={TaskExecStrategy.MANUAL}
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'src.component.Task.MutipleAsyncTask.CreateModal.B1EBE15F',
-                defaultMessage: '请选择执行方式',
-              }),
-            },
-          ]}
+          rules={rules.executionStrategy}
         >
-          <Radio.Group>
-            <Radio value={TaskExecStrategy.AUTO}>
-              {formatMessage({
-                id: 'src.component.Task.MutipleAsyncTask.CreateModal.D0E2C00B',
-                defaultMessage: '自动执行',
-              })}
-            </Radio>
-            <Radio value={TaskExecStrategy.MANUAL}>
-              {formatMessage({
-                id: 'src.component.Task.MutipleAsyncTask.CreateModal.A8CB0B6F',
-                defaultMessage: '手动执行',
-              })}
-            </Radio>
-          </Radio.Group>
+          <Radio.Group
+            options={[
+              {
+                label: formatMessage({
+                  id: 'src.component.Task.MutipleAsyncTask.CreateModal.D0E2C00B',
+                  defaultMessage: '自动执行',
+                }),
+                value: TaskExecStrategy.AUTO,
+              },
+              {
+                label: formatMessage({
+                  id: 'src.component.Task.MutipleAsyncTask.CreateModal.A8CB0B6F',
+                  defaultMessage: '手动执行',
+                }),
+                value: TaskExecStrategy.MANUAL,
+              },
+            ]}
+          />
         </Form.Item>
         {executionStrategy === TaskExecStrategy.AUTO ? (
           <Form.Item
@@ -208,30 +169,26 @@ const MoreSetting = () => {
             })}
             name={['parameters', 'autoErrorStrategy']}
             initialValue={ErrorStrategy.ABORT}
-            rules={[
-              {
-                required: true,
-                message: formatMessage({
-                  id: 'src.component.Task.MutipleAsyncTask.CreateModal.D2818FDA',
-                  defaultMessage: '请选择任务错误处理',
-                }),
-              },
-            ]}
+            rules={rules['parameters-autoErrorStrategy']}
           >
-            <Radio.Group>
-              <Radio value={ErrorStrategy.ABORT}>
-                {formatMessage({
-                  id: 'src.component.Task.MutipleAsyncTask.CreateModal.9115412E',
-                  defaultMessage: '终止任务',
-                })}
-              </Radio>
-              <Radio value={ErrorStrategy.CONTINUE}>
-                {formatMessage({
-                  id: 'src.component.Task.MutipleAsyncTask.CreateModal.FBD39393',
-                  defaultMessage: '忽略错误继续执行下一节点',
-                })}
-              </Radio>
-            </Radio.Group>
+            <Radio.Group
+              options={[
+                {
+                  label: formatMessage({
+                    id: 'src.component.Task.MutipleAsyncTask.CreateModal.9115412E',
+                    defaultMessage: '终止任务',
+                  }),
+                  value: ErrorStrategy.ABORT,
+                },
+                {
+                  label: formatMessage({
+                    id: 'src.component.Task.MutipleAsyncTask.CreateModal.FBD39393',
+                    defaultMessage: '忽略错误继续执行下一节点',
+                  }),
+                  value: ErrorStrategy.CONTINUE,
+                },
+              ]}
+            />
           </Form.Item>
         ) : (
           <Form.Item
@@ -249,23 +206,7 @@ const MoreSetting = () => {
               <Form.Item
                 noStyle
                 name={['parameters', 'manualTimeoutMillis']}
-                rules={[
-                  {
-                    required: true,
-                    message: formatMessage({
-                      id: 'src.component.Task.MutipleAsyncTask.CreateModal.73A16360',
-                      defaultMessage: '请输入手动确认超时时间',
-                    }),
-                  },
-                  {
-                    type: 'number',
-                    max: 480,
-                    message: formatMessage({
-                      id: 'src.component.Task.MutipleAsyncTask.CreateModal.61541BB4',
-                      defaultMessage: '最大不超过480小时',
-                    }),
-                  },
-                ]}
+                rules={rules['parameters-manualTimeoutMillis'] as Rule[]}
                 initialValue={48}
               >
                 <InputNumber
diff --git a/src/component/Task/modals/MutipleAsyncTask/CreateModal/MultipleAsyncContext.ts b/src/component/Task/modals/MutipleAsyncTask/CreateModal/MultipleAsyncContext.ts
new file mode 100644
index 000000000..363494700
--- /dev/null
+++ b/src/component/Task/modals/MutipleAsyncTask/CreateModal/MultipleAsyncContext.ts
@@ -0,0 +1,25 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from 'react';
+
+export const MultipleAsyncContext = React.createContext<{
+  projectId: number;
+  projectMap: Record<number, string>;
+}>({
+  projectId: null,
+  projectMap: {},
+});
diff --git a/src/component/Task/MutipleAsyncTask/CreateModal/ProjectSelect.tsx b/src/component/Task/modals/MutipleAsyncTask/CreateModal/ProjectSelect.tsx
similarity index 61%
rename from src/component/Task/MutipleAsyncTask/CreateModal/ProjectSelect.tsx
rename to src/component/Task/modals/MutipleAsyncTask/CreateModal/ProjectSelect.tsx
index 1d7ea1967..dd9db1470 100644
--- a/src/component/Task/MutipleAsyncTask/CreateModal/ProjectSelect.tsx
+++ b/src/component/Task/modals/MutipleAsyncTask/CreateModal/ProjectSelect.tsx
@@ -1,5 +1,22 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Form, Select } from 'antd';
+import { rules } from '../const';
 
 const ProjectSelect: React.FC<{
   projectOptions: {
@@ -27,15 +44,7 @@ const ProjectSelect: React.FC<{
         }) /* 项目 */
       }
       name="projectId"
-      rules={[
-        {
-          required: true,
-          message: formatMessage({
-            id: 'odc.src.component.Task.ApplyPermission.CreateModal.PleaseSelectTheProject',
-            defaultMessage: '请选择项目',
-          }), //'请选择项目'
-        },
-      ]}
+      rules={rules.projectId}
     >
       <Select
         showSearch
diff --git a/src/component/Task/MutipleAsyncTask/CreateModal/helper.tsx b/src/component/Task/modals/MutipleAsyncTask/CreateModal/helper.tsx
similarity index 69%
rename from src/component/Task/MutipleAsyncTask/CreateModal/helper.tsx
rename to src/component/Task/modals/MutipleAsyncTask/CreateModal/helper.tsx
index 43a5f147c..e0fa02c7c 100644
--- a/src/component/Task/MutipleAsyncTask/CreateModal/helper.tsx
+++ b/src/component/Task/modals/MutipleAsyncTask/CreateModal/helper.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import type { ModalStore } from '@/store/modal';
 import type { SQLStore } from '@/store/sql';
@@ -14,9 +30,7 @@ export enum ErrorStrategy {
   CONTINUE = 'CONTINUE',
   ABORT = 'ABORT',
 }
-export const flatArray = (array: any[]): any[] => {
-  return array?.reduce?.((pre, cur) => pre?.concat(Array.isArray(cur) ? flatArray(cur) : cur), []);
-};
+
 export enum SiderTabKeys {
   SELECT_DATABASE = 'SELECT_DATABASE',
   SQL_CONTENT = 'SQL_CONTENT',
diff --git a/src/component/Task/MutipleAsyncTask/CreateModal/index.less b/src/component/Task/modals/MutipleAsyncTask/CreateModal/index.less
similarity index 100%
rename from src/component/Task/MutipleAsyncTask/CreateModal/index.less
rename to src/component/Task/modals/MutipleAsyncTask/CreateModal/index.less
diff --git a/src/component/Task/MutipleAsyncTask/CreateModal/index.tsx b/src/component/Task/modals/MutipleAsyncTask/CreateModal/index.tsx
similarity index 92%
rename from src/component/Task/MutipleAsyncTask/CreateModal/index.tsx
rename to src/component/Task/modals/MutipleAsyncTask/CreateModal/index.tsx
index 117ec97e4..f2263dddf 100644
--- a/src/component/Task/MutipleAsyncTask/CreateModal/index.tsx
+++ b/src/component/Task/modals/MutipleAsyncTask/CreateModal/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { getDataSourceModeConfig } from '@/common/datasource';
 import { listProjects } from '@/common/network/project';
 import { runMultipleSQLLint } from '@/common/network/sql';
@@ -41,12 +57,14 @@ import { inject, observer } from 'mobx-react';
 import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
 import DatabaseQueue from './DatabaseQueue';
 import DrawerFooter from './DrawerFooter';
-import { flatArray, IProps, items, SiderTabKeys } from './helper';
+import { IProps, items, SiderTabKeys } from './helper';
+import { flatArray } from '@/util/utils';
 import styles from './index.less';
 import MoreSetting from './MoreSetting';
 import { MultipleAsyncContext } from './MultipleAsyncContext';
 import ProjectSelect from './ProjectSelect';
 import setting from '@/store/setting';
+import { rules } from '../const';
 
 const MAX_FILE_SIZE = 1024 * 1024 * 256;
 
@@ -588,59 +606,37 @@ const CreateModal: React.FC<IProps> = (props) => {
                   })}
                   name="sqlContentType"
                   initialValue={SQLContentType.TEXT}
-                  rules={[
-                    {
-                      required: true,
-                      message: formatMessage({
-                        id: 'odc.components.CreateAsyncTaskModal.SelectSqlContent',
-                        defaultMessage: '请选择 SQL 内容',
-                      }),
-
-                      // 请选择 SQL 内容
-                    },
-                  ]}
+                  rules={rules.sqlContentType}
                 >
                   <Radio.Group
-                    onChange={(e) => {
-                      handleChange('sqlContentType', e.target.value);
-                    }}
-                  >
-                    <Radio.Button value={SQLContentType.TEXT}>
+                    options={[
                       {
-                        formatMessage({
+                        label: formatMessage({
                           id: 'odc.components.CreateAsyncTaskModal.SqlEntry',
                           defaultMessage: 'SQL 录入',
-                        })
-
-                        /* SQL录入 */
-                      }
-                    </Radio.Button>
-                    <Radio.Button value={SQLContentType.FILE}>
+                        }),
+                        value: SQLContentType.TEXT,
+                      },
                       {
-                        formatMessage({
+                        label: formatMessage({
                           id: 'odc.components.CreateAsyncTaskModal.UploadAttachments',
                           defaultMessage: '上传附件',
-                        })
-
-                        /* 上传附件 */
-                      }
-                    </Radio.Button>
-                  </Radio.Group>
+                        }),
+                        value: SQLContentType.FILE,
+                      },
+                    ]}
+                    optionType="button"
+                    onChange={(e) => handleChange('sqlContentType', e.target.value)}
+                  />
                 </Form.Item>
                 <Form.Item
                   name={['parameters', 'sqlContent']}
                   className={`${styles.sqlContent} ${
                     sqlContentType !== SQLContentType.TEXT && styles.hide
                   }`}
-                  rules={[
-                    {
-                      required: sqlContentType === SQLContentType.TEXT,
-                      message: formatMessage({
-                        id: 'src.component.Task.MutipleAsyncTask.CreateModal.20CA9283',
-                        defaultMessage: '请填写 SQL 内容',
-                      }),
-                    },
-                  ]}
+                  rules={rules['parameters-sqlContent']({
+                    required: sqlContentType === SQLContentType.TEXT,
+                  })}
                   style={{
                     height: '280px',
                   }}
@@ -812,23 +808,25 @@ const CreateModal: React.FC<IProps> = (props) => {
                     noStyle
                   >
                     <Radio.Group
-                      onChange={(e) => {
-                        handleChange('rollbackContentType', e.target.value);
-                      }}
-                    >
-                      <Radio.Button value={SQLContentType.TEXT}>
-                        {formatMessage({
-                          id: 'src.component.Task.MutipleAsyncTask.CreateModal.F79FDCAD',
-                          defaultMessage: 'SQL 录入',
-                        })}
-                      </Radio.Button>
-                      <Radio.Button value={SQLContentType.FILE}>
-                        {formatMessage({
-                          id: 'src.component.Task.MutipleAsyncTask.CreateModal.447DDBF6',
-                          defaultMessage: '上传附件',
-                        })}
-                      </Radio.Button>
-                    </Radio.Group>
+                      options={[
+                        {
+                          label: formatMessage({
+                            id: 'src.component.Task.MutipleAsyncTask.CreateModal.F79FDCAD',
+                            defaultMessage: 'SQL 录入',
+                          }),
+                          value: SQLContentType.TEXT,
+                        },
+                        {
+                          label: formatMessage({
+                            id: 'src.component.Task.MutipleAsyncTask.CreateModal.447DDBF6',
+                            defaultMessage: '上传附件',
+                          }),
+                          value: SQLContentType.FILE,
+                        },
+                      ]}
+                      optionType="button"
+                      onChange={(e) => handleChange('rollbackContentType', e.target.value)}
+                    />
                   </Form.Item>
                 </Form.Item>
                 <Form.Item
diff --git a/src/component/Task/MutipleAsyncTask/DetailContent/index.less b/src/component/Task/modals/MutipleAsyncTask/DetailContent/index.less
similarity index 100%
rename from src/component/Task/MutipleAsyncTask/DetailContent/index.less
rename to src/component/Task/modals/MutipleAsyncTask/DetailContent/index.less
diff --git a/src/component/Task/MutipleAsyncTask/DetailContent/index.tsx b/src/component/Task/modals/MutipleAsyncTask/DetailContent/index.tsx
similarity index 92%
rename from src/component/Task/MutipleAsyncTask/DetailContent/index.tsx
rename to src/component/Task/modals/MutipleAsyncTask/DetailContent/index.tsx
index ae913842b..5c26f213b 100644
--- a/src/component/Task/MutipleAsyncTask/DetailContent/index.tsx
+++ b/src/component/Task/modals/MutipleAsyncTask/DetailContent/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { getDataSourceModeConfig, getDataSourceStyleByConnectType } from '@/common/datasource';
 import RiskLevelLabel, { ODCRiskLevelLabel } from '@/component/RiskLevelLabel';
 import { SQLContent } from '@/component/SQLContent';
@@ -17,11 +33,12 @@ import { Descriptions, Divider, Drawer, Space, Steps } from 'antd';
 import classNames from 'classnames';
 import { inject, observer } from 'mobx-react';
 import { useState } from 'react';
-import { getTaskExecStrategyMap } from '../..';
-import { ErrorStrategy } from '../../AsyncTask/DetailContent';
-import { SimpleTextItem } from '../../component/SimpleTextItem';
-import { TaskTypeMap } from '../../helper';
+import { ErrorStrategy } from '@/component/Task/modals/AsyncTask/DetailContent';
+import { SimpleTextItem } from '@/component/Task/component/SimpleTextItem';
+import { TaskTypeMap } from '@/component/Task/helper';
 import styles from './index.less';
+import { getTaskExecStrategyMap } from '@/component/Task/const';
+import EllipsisText from '@/component/EllipsisText';
 const { Step } = Steps;
 interface IStructureComparisonTaskContentProps {
   modalStore?: ModalStore;
@@ -52,7 +69,7 @@ const MutipleAsyncTaskContent: React.FC<IStructureComparisonTaskContentProps> =
     const taskExecStrategyMap = getTaskExecStrategyMap(task?.type);
     return (
       <>
-        <Descriptions column={4}>
+        <Descriptions column={4} style={{ marginBottom: 16 }}>
           <Descriptions.Item
             span={2}
             label={
@@ -110,7 +127,7 @@ const MutipleAsyncTaskContent: React.FC<IStructureComparisonTaskContentProps> =
               defaultMessage: '所属项目',
             })}
           >
-            {task?.parameters?.databases?.[0]?.project?.name || '-'}
+            <EllipsisText content={task?.parameters?.databases?.[0]?.project?.name} />
           </Descriptions.Item>
           <Descriptions.Item
             span={2}
@@ -126,6 +143,7 @@ const MutipleAsyncTaskContent: React.FC<IStructureComparisonTaskContentProps> =
             />
           </Descriptions.Item>
         </Descriptions>
+        <Divider style={{ marginTop: 16 }} />
         <SimpleTextItem
           label={formatMessage({
             id: 'src.component.Task.MutipleAsyncTask.DetailContent.10038C15',
@@ -254,7 +272,7 @@ const MutipleAsyncTaskContent: React.FC<IStructureComparisonTaskContentProps> =
             {task?.description || '-'}
           </Descriptions.Item>
         </Descriptions>
-        <Divider />
+        <Divider style={{ marginTop: 16 }} />
         <Descriptions column={4}>
           <Descriptions.Item
             span={2}
diff --git a/src/component/Task/MutipleAsyncTask/components/Template/CreateTemplate.tsx b/src/component/Task/modals/MutipleAsyncTask/components/Template/CreateTemplate.tsx
similarity index 78%
rename from src/component/Task/MutipleAsyncTask/components/Template/CreateTemplate.tsx
rename to src/component/Task/modals/MutipleAsyncTask/components/Template/CreateTemplate.tsx
index 4fe01d2ec..b21db486f 100644
--- a/src/component/Task/MutipleAsyncTask/components/Template/CreateTemplate.tsx
+++ b/src/component/Task/modals/MutipleAsyncTask/components/Template/CreateTemplate.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { createTemplate, existsTemplateName } from '@/common/network/databaseChange';
 import login from '@/store/login';
@@ -5,6 +21,7 @@ import { FormInstance, Form, message, Modal, Input } from 'antd';
 import { useContext } from 'react';
 import { MultipleAsyncContext } from '../../CreateModal/MultipleAsyncContext';
 import styles from './index.less';
+import { rules } from '../../const';
 
 const CreateTemplate: React.FC<{
   form: FormInstance<any>;
@@ -43,16 +60,6 @@ const CreateTemplate: React.FC<{
     }
   };
 
-  const checkNameRepeat = async (ruler, value) => {
-    const name = value?.trim();
-    if (!name) {
-      return;
-    }
-    const isRepeat = await existsTemplateName(name, projectId, login.organizationId?.toString());
-    if (isRepeat) {
-      throw new Error();
-    }
-  };
   return (
     <Modal
       open={createTemplateModalOpen}
@@ -92,23 +99,7 @@ const CreateTemplate: React.FC<{
             })}
             name="name"
             validateTrigger="onBlur"
-            rules={[
-              {
-                required: true,
-                message: formatMessage({
-                  id: 'src.component.Task.MutipleAsyncTask.components.Template.4B3E6B15',
-                  defaultMessage: '请输入模版名称',
-                }),
-              },
-              {
-                message: formatMessage({
-                  id: 'src.component.Task.MutipleAsyncTask.components.Template.1797C71B',
-                  defaultMessage: '模版名称已存在',
-                }),
-                required: true,
-                validator: checkNameRepeat,
-              },
-            ]}
+            rules={rules.name({ projectId })}
           >
             <Input
               placeholder={formatMessage({
diff --git a/src/component/Task/MutipleAsyncTask/components/Template/EditTemplate.tsx b/src/component/Task/modals/MutipleAsyncTask/components/Template/EditTemplate.tsx
similarity index 93%
rename from src/component/Task/MutipleAsyncTask/components/Template/EditTemplate.tsx
rename to src/component/Task/modals/MutipleAsyncTask/components/Template/EditTemplate.tsx
index e6b86da68..43657892e 100644
--- a/src/component/Task/MutipleAsyncTask/components/Template/EditTemplate.tsx
+++ b/src/component/Task/modals/MutipleAsyncTask/components/Template/EditTemplate.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { listDatabases } from '@/common/network/database';
 import {
   detailTemplate,
@@ -17,11 +33,12 @@ import { useEffect, useMemo, useState } from 'react';
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import { checkDbExpiredByDataSourceStatus } from '../../CreateModal/DatabaseQueue';
-import { flatArray } from '../../CreateModal/helper';
+import { flatArray } from '@/util/utils';
 import InnerSelecter, { DatabaseOption } from '../../CreateModal/InnerSelecter';
 import styles from './index.less';
 import { getDataSourceModeConfig } from '@/common/datasource';
 import { TaskType } from '@/d.ts';
+import { rules } from '../../const';
 
 const EditTemplate: React.FC<{
   open: boolean;
@@ -35,25 +52,18 @@ const EditTemplate: React.FC<{
   const orderedDatabaseIds = Form.useWatch<number[][]>(['orders'], form);
   const [currentTemplate, setCurrentTemplate] = useState<Template>();
   const [_databaseOptions, setDatabaseOptions] = useState<DatabaseOption[]>([]);
-  const {
-    data,
-    run,
-    loading: fetchLoading,
-  } = useRequest(listDatabases, {
+  const { run } = useRequest(listDatabases, {
     manual: true,
   });
   const loadDatabaseList = async (projectId: number) => {
-    const databaseList = await run(
+    const databaseList = await run({
       projectId,
-      null,
-      1,
-      99999,
-      null,
-      null,
-      login.isPrivateSpace(),
-      true,
-      true,
-    );
+      page: 1,
+      size: 99999,
+      containsUnassigned: login.isPrivateSpace(),
+      existed: true,
+      includesPermittedAction: true,
+    });
     if (databaseList?.contents?.length) {
       datasourceStatus.asyncUpdateStatus([
         ...new Set(
@@ -165,21 +175,7 @@ const EditTemplate: React.FC<{
       );
     }
   };
-  const checkNameRepeat = async (ruler, value) => {
-    const name = value?.trim();
-    if (!name) {
-      return;
-    }
-    const isRepeat = await existsTemplateName(name, projectId, login.organizationId?.toString());
-    if (isRepeat && name !== currentTemplate?.name) {
-      throw new Error(
-        formatMessage({
-          id: 'src.component.Task.MutipleAsyncTask.components.Template.A6EB2822',
-          defaultMessage: '模版名称已存在',
-        }),
-      );
-    }
-  };
+
   useEffect(() => {
     if (open) {
       loadDatabaseList(projectId);
@@ -231,18 +227,7 @@ const EditTemplate: React.FC<{
             defaultMessage: '模版名称',
           })}
           name="name"
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'src.component.Task.MutipleAsyncTask.components.Template.F3DD7E9F',
-                defaultMessage: '请输入',
-              }),
-            },
-            {
-              validator: checkNameRepeat,
-            },
-          ]}
+          rules={rules.editName({ projectId, currentTemplate })}
         >
           <Input
             placeholder={formatMessage({
diff --git a/src/component/Task/MutipleAsyncTask/components/Template/ManageTemplate.tsx b/src/component/Task/modals/MutipleAsyncTask/components/Template/ManageTemplate.tsx
similarity index 94%
rename from src/component/Task/MutipleAsyncTask/components/Template/ManageTemplate.tsx
rename to src/component/Task/modals/MutipleAsyncTask/components/Template/ManageTemplate.tsx
index 580ba110d..cea2401aa 100644
--- a/src/component/Task/MutipleAsyncTask/components/Template/ManageTemplate.tsx
+++ b/src/component/Task/modals/MutipleAsyncTask/components/Template/ManageTemplate.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Template, getTemplateList, deleteTemplate } from '@/common/network/databaseChange';
 import CommonTable from '@/component/CommonTable';
diff --git a/src/component/Task/MutipleAsyncTask/components/Template/SelectTemplate.tsx b/src/component/Task/modals/MutipleAsyncTask/components/Template/SelectTemplate.tsx
similarity index 92%
rename from src/component/Task/MutipleAsyncTask/components/Template/SelectTemplate.tsx
rename to src/component/Task/modals/MutipleAsyncTask/components/Template/SelectTemplate.tsx
index 5b9ef0312..521c19ae2 100644
--- a/src/component/Task/MutipleAsyncTask/components/Template/SelectTemplate.tsx
+++ b/src/component/Task/modals/MutipleAsyncTask/components/Template/SelectTemplate.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Template, getTemplateList, detailTemplate } from '@/common/network/databaseChange';
 import { IDatabase } from '@/d.ts/database';
diff --git a/src/component/Task/MutipleAsyncTask/components/Template/ShowTemplate.tsx b/src/component/Task/modals/MutipleAsyncTask/components/Template/ShowTemplate.tsx
similarity index 81%
rename from src/component/Task/MutipleAsyncTask/components/Template/ShowTemplate.tsx
rename to src/component/Task/modals/MutipleAsyncTask/components/Template/ShowTemplate.tsx
index 77e0490fe..43f9e5f44 100644
--- a/src/component/Task/MutipleAsyncTask/components/Template/ShowTemplate.tsx
+++ b/src/component/Task/modals/MutipleAsyncTask/components/Template/ShowTemplate.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { getDataSourceStyleByConnectType } from '@/common/datasource';
 import RiskLevelLabel from '@/component/RiskLevelLabel';
 import { formatMessage } from '@/util/intl';
diff --git a/src/component/Task/MutipleAsyncTask/components/Template/index.less b/src/component/Task/modals/MutipleAsyncTask/components/Template/index.less
similarity index 100%
rename from src/component/Task/MutipleAsyncTask/components/Template/index.less
rename to src/component/Task/modals/MutipleAsyncTask/components/Template/index.less
diff --git a/src/component/Task/modals/MutipleAsyncTask/components/Template/index.tsx b/src/component/Task/modals/MutipleAsyncTask/components/Template/index.tsx
new file mode 100644
index 000000000..e9433dec3
--- /dev/null
+++ b/src/component/Task/modals/MutipleAsyncTask/components/Template/index.tsx
@@ -0,0 +1,21 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export { default as CreateTemplate } from './CreateTemplate';
+export { default as EditTemplate } from './EditTemplate';
+export { default as ManageTemplate } from './ManageTemplate';
+export { default as SelectTemplate } from './SelectTemplate';
+export { default as ShowTemplate } from './ShowTemplate';
diff --git a/src/component/Task/modals/MutipleAsyncTask/const.ts b/src/component/Task/modals/MutipleAsyncTask/const.ts
new file mode 100644
index 000000000..fa4515b39
--- /dev/null
+++ b/src/component/Task/modals/MutipleAsyncTask/const.ts
@@ -0,0 +1,234 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { existsTemplateName } from '@/common/network/databaseChange';
+import login from '@/store/login';
+import setting from '@/store/setting';
+import { formatMessage } from '@/util/intl';
+
+export const rules = {
+  sqlContentType: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.components.CreateAsyncTaskModal.SelectSqlContent',
+        defaultMessage: '请选择 SQL 内容',
+      }),
+
+      // 请选择 SQL 内容
+    },
+  ],
+  editName: ({ projectId, currentTemplate }) => [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.MutipleAsyncTask.components.Template.F3DD7E9F',
+        defaultMessage: '请输入',
+      }),
+    },
+    {
+      validator: async (ruler, value) => {
+        const name = value?.trim();
+        if (!name) {
+          return;
+        }
+        const isRepeat = await existsTemplateName(
+          name,
+          projectId,
+          login.organizationId?.toString(),
+        );
+        if (isRepeat && name !== currentTemplate?.name) {
+          throw new Error(
+            formatMessage({
+              id: 'src.component.Task.MutipleAsyncTask.components.Template.A6EB2822',
+              defaultMessage: '模版名称已存在',
+            }),
+          );
+        }
+      },
+    },
+  ],
+  name: ({ projectId }) => [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.MutipleAsyncTask.components.Template.4B3E6B15',
+        defaultMessage: '请输入模版名称',
+      }),
+    },
+    {
+      message: formatMessage({
+        id: 'src.component.Task.MutipleAsyncTask.components.Template.1797C71B',
+        defaultMessage: '模版名称已存在',
+      }),
+      required: true,
+      validator: async (ruler, value) => {
+        const name = value?.trim();
+        if (!name) {
+          return;
+        }
+        const isRepeat = await existsTemplateName(
+          name,
+          projectId,
+          login.organizationId?.toString(),
+        );
+        if (isRepeat) {
+          throw new Error();
+        }
+      },
+    },
+  ],
+  ['parameters-sqlContent']: ({ required }) => {
+    return [
+      {
+        required,
+        message: formatMessage({
+          id: 'src.component.Task.MutipleAsyncTask.CreateModal.20CA9283',
+          defaultMessage: '请填写 SQL 内容',
+        }),
+      },
+    ];
+  },
+  innerName: ({ databaseOptionMap }) => {
+    return [
+      {
+        required: true,
+        message: formatMessage({
+          id: 'src.component.Task.MutipleAsyncTask.CreateModal.E7E1BCF3',
+          defaultMessage: '请选择数据库',
+        }),
+      },
+      {
+        validateTrigger: 'onChange',
+        validator: async (ruler, value) => {
+          if (value && !databaseOptionMap?.[value]) {
+            throw new Error(
+              formatMessage({
+                id: 'src.component.Task.MutipleAsyncTask.CreateModal.94128D2B',
+                defaultMessage: '该数据库不属于当前项目',
+              }),
+            );
+          }
+        },
+      },
+    ];
+  },
+  ['parameters-delimiter']: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.MutipleAsyncTask.CreateModal.FF497D5B',
+        defaultMessage: '请输入分隔符',
+      }),
+    },
+  ],
+  ['parameters-queryLimit']: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.MutipleAsyncTask.CreateModal.631AD60F',
+        defaultMessage: '请输入查询结果限制',
+      }),
+    },
+    {
+      validator: (_, value) => {
+        const max = setting.getSpaceConfigByKey('odc.sqlexecute.default.maxQueryLimit');
+        if (value !== undefined && value > max) {
+          return Promise.reject(
+            formatMessage(
+              {
+                id: 'src.component.Task.MutipleAsyncTask.CreateModal.61AA1269',
+                defaultMessage: '不超过查询条数上限 {max}',
+              },
+              { max },
+            ),
+          );
+        }
+        return Promise.resolve();
+      },
+    },
+  ],
+  ['parameters-timeoutMillis']: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.MutipleAsyncTask.CreateModal.57804D6A',
+        defaultMessage: '请输入超时时间',
+      }),
+    },
+    {
+      type: 'number',
+      max: 480,
+      message: formatMessage({
+        id: 'src.component.Task.MutipleAsyncTask.CreateModal.50D2F13E',
+        defaultMessage: '最大不超过480小时',
+      }),
+    },
+  ],
+  ['parameters-errorStrategy']: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.MutipleAsyncTask.CreateModal.C3F2CC4E',
+        defaultMessage: '请选择SQL 执行处理',
+      }),
+    },
+  ],
+  executionStrategy: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.MutipleAsyncTask.CreateModal.B1EBE15F',
+        defaultMessage: '请选择执行方式',
+      }),
+    },
+  ],
+  ['parameters-autoErrorStrategy']: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.MutipleAsyncTask.CreateModal.D2818FDA',
+        defaultMessage: '请选择任务错误处理',
+      }),
+    },
+  ],
+  ['parameters-manualTimeoutMillis']: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.MutipleAsyncTask.CreateModal.73A16360',
+        defaultMessage: '请输入手动确认超时时间',
+      }),
+    },
+    {
+      type: 'number',
+      max: 480,
+      message: formatMessage({
+        id: 'src.component.Task.MutipleAsyncTask.CreateModal.61541BB4',
+        defaultMessage: '最大不超过480小时',
+      }),
+    },
+  ],
+  projectId: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.src.component.Task.ApplyPermission.CreateModal.PleaseSelectTheProject',
+        defaultMessage: '请选择项目',
+      }), //'请选择项目'
+    },
+  ],
+};
diff --git a/src/component/Task/ExportTask/index.tsx b/src/component/Task/modals/MutipleAsyncTask/index.tsx
similarity index 88%
rename from src/component/Task/ExportTask/index.tsx
rename to src/component/Task/modals/MutipleAsyncTask/index.tsx
index 2ade016fc..c58222044 100644
--- a/src/component/Task/ExportTask/index.tsx
+++ b/src/component/Task/modals/MutipleAsyncTask/index.tsx
@@ -14,5 +14,5 @@
  * limitations under the License.
  */
 
-export { default as ExportTaskContent } from '../component/DataTransferModal';
 export { default } from './CreateModal';
+export { default as MutipleAsyncTaskContent } from './DetailContent';
diff --git a/src/component/Task/modals/PartitionTask/CreateModal/const.ts b/src/component/Task/modals/PartitionTask/CreateModal/const.ts
new file mode 100644
index 000000000..3b3983cfe
--- /dev/null
+++ b/src/component/Task/modals/PartitionTask/CreateModal/const.ts
@@ -0,0 +1,46 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+
+export const rules = {
+  errorStrategy: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.PartitionTask.CreateModal.6C651A64',
+        defaultMessage: '请选择任务错误处理',
+      }), //'请选择任务错误处理'
+    },
+  ],
+  timeoutMillis: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.PartitionTask.CreateModal.05B817DF',
+        defaultMessage: '请输入超时时间',
+      }), //'请输入超时时间'
+    },
+    {
+      type: 'number',
+      max: 480,
+      message: formatMessage({
+        id: 'src.component.Task.PartitionTask.CreateModal.25D1BD6D',
+        defaultMessage: '最大不超过480小时',
+      }), //'最大不超过480小时'
+    },
+  ],
+};
diff --git a/src/component/Task/PartitionTask/CreateModal/index.less b/src/component/Task/modals/PartitionTask/CreateModal/index.less
similarity index 100%
rename from src/component/Task/PartitionTask/CreateModal/index.less
rename to src/component/Task/modals/PartitionTask/CreateModal/index.less
diff --git a/src/component/Task/PartitionTask/CreateModal/index.tsx b/src/component/Task/modals/PartitionTask/CreateModal/index.tsx
similarity index 94%
rename from src/component/Task/PartitionTask/CreateModal/index.tsx
rename to src/component/Task/modals/PartitionTask/CreateModal/index.tsx
index 5a29f3e77..2d19c9337 100644
--- a/src/component/Task/PartitionTask/CreateModal/index.tsx
+++ b/src/component/Task/modals/PartitionTask/CreateModal/index.tsx
@@ -57,16 +57,19 @@ import { DrawerProps } from 'antd/es/drawer';
 import { inject, observer } from 'mobx-react';
 import dayjs from 'dayjs';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import DatabaseSelect from '../../component/DatabaseSelect';
-import PartitionPolicyFormTable from '../../component/PartitionPolicyFormTable';
+import DatabaseSelect from '@/component/Task/component/DatabaseSelect';
+import PartitionPolicyFormTable from '@/component/Task/component/PartitionPolicyFormTable';
 import {
   getPartitionKeyInvokerByIncrementFieldType,
   INCREAMENT_FIELD_TYPE,
   START_DATE,
-} from '../../component/PartitionPolicyFormTable/const';
+} from '@/component/Task/component/PartitionPolicyFormTable/const';
 import styles from './index.less';
 import { useRequest } from 'ahooks';
-import DescriptionInput from '../../component/DescriptionInput';
+import { rules } from './const';
+import { Rule } from 'antd/es/form';
+import DescriptionInput from '@/component/Task/component/DescriptionInput';
+import ExecuteFailTip from '@/component/Task/component/ExecuteFailTip';
 
 const { Paragraph, Text } = Typography;
 
@@ -722,6 +725,7 @@ const CreateModal: React.FC<IProps> = inject('modalStore')(
               </Form.Item>
             </Spin>
             <Divider />
+            <ExecuteFailTip />
             <Form.Item>
               <Crontab
                 ref={crontabRef}
@@ -796,34 +800,26 @@ const CreateModal: React.FC<IProps> = inject('modalStore')(
                   }) /*"任务错误处理"*/
                 }
                 name="errorStrategy"
-                rules={[
-                  {
-                    required: true,
-                    message: formatMessage({
-                      id: 'src.component.Task.PartitionTask.CreateModal.6C651A64',
-                      defaultMessage: '请选择任务错误处理',
-                    }), //'请选择任务错误处理'
-                  },
-                ]}
+                rules={rules.errorStrategy}
               >
-                <Radio.Group>
-                  <Radio value={TaskErrorStrategy.ABORT}>
+                <Radio.Group
+                  options={[
                     {
-                      formatMessage({
-                        id: 'src.component.Task.PartitionTask.CreateModal.A8B04845' /*停止任务*/,
+                      label: formatMessage({
+                        id: 'src.component.Task.PartitionTask.CreateModal.A8B04845',
                         defaultMessage: '停止任务',
-                      }) /* 停止任务 */
-                    }
-                  </Radio>
-                  <Radio value={TaskErrorStrategy.CONTINUE}>
+                      }),
+                      value: TaskErrorStrategy.ABORT,
+                    },
                     {
-                      formatMessage({
-                        id: 'src.component.Task.PartitionTask.CreateModal.E454F701' /*忽略错误继续任务*/,
+                      label: formatMessage({
+                        id: 'src.component.Task.PartitionTask.CreateModal.E454F701',
                         defaultMessage: '忽略错误继续任务',
-                      }) /* 忽略错误继续任务 */
-                    }
-                  </Radio>
-                </Radio.Group>
+                      }),
+                      value: TaskErrorStrategy.CONTINUE,
+                    },
+                  ]}
+                />
               </Form.Item>
             </FormItemPanel>
             <Form.Item
@@ -843,23 +839,7 @@ const CreateModal: React.FC<IProps> = inject('modalStore')(
                   }) /*"小时"*/
                 }
                 name="timeoutMillis"
-                rules={[
-                  {
-                    required: true,
-                    message: formatMessage({
-                      id: 'src.component.Task.PartitionTask.CreateModal.05B817DF',
-                      defaultMessage: '请输入超时时间',
-                    }), //'请输入超时时间'
-                  },
-                  {
-                    type: 'number',
-                    max: 480,
-                    message: formatMessage({
-                      id: 'src.component.Task.PartitionTask.CreateModal.25D1BD6D',
-                      defaultMessage: '最大不超过480小时',
-                    }), //'最大不超过480小时'
-                  },
-                ]}
+                rules={rules.timeoutMillis as Rule[]}
                 noStyle
               >
                 <InputNumber min={0} precision={1} />
diff --git a/src/component/Task/PartitionTask/DetailContent/CycleDescriptionItem.tsx b/src/component/Task/modals/PartitionTask/DetailContent/CycleDescriptionItem.tsx
similarity index 99%
rename from src/component/Task/PartitionTask/DetailContent/CycleDescriptionItem.tsx
rename to src/component/Task/modals/PartitionTask/DetailContent/CycleDescriptionItem.tsx
index f55e79968..fe444351b 100644
--- a/src/component/Task/PartitionTask/DetailContent/CycleDescriptionItem.tsx
+++ b/src/component/Task/modals/PartitionTask/DetailContent/CycleDescriptionItem.tsx
@@ -16,7 +16,7 @@ import { formatMessage } from '@/util/intl';
  */
 
 import { SimpleTextItem } from '@/component/Task/component/SimpleTextItem';
-import { getCronCycle } from '@/component/Task/component/TaskTable';
+import { getCronCycle } from '@/component/Task/component/TaskTable/utils';
 import type { ICycleTaskTriggerConfig } from '@/d.ts';
 import { getFormatDateTime } from '@/util/utils';
 import { DownOutlined, UpOutlined } from '@ant-design/icons';
diff --git a/src/component/Task/PartitionTask/DetailContent/index.less b/src/component/Task/modals/PartitionTask/DetailContent/index.less
similarity index 100%
rename from src/component/Task/PartitionTask/DetailContent/index.less
rename to src/component/Task/modals/PartitionTask/DetailContent/index.less
diff --git a/src/component/Task/PartitionTask/DetailContent/index.tsx b/src/component/Task/modals/PartitionTask/DetailContent/index.tsx
similarity index 92%
rename from src/component/Task/PartitionTask/DetailContent/index.tsx
rename to src/component/Task/modals/PartitionTask/DetailContent/index.tsx
index 90c154ad6..9bdf465cd 100644
--- a/src/component/Task/PartitionTask/DetailContent/index.tsx
+++ b/src/component/Task/modals/PartitionTask/DetailContent/index.tsx
@@ -20,10 +20,11 @@ import type { IIPartitionPlanTaskDetail, IPartitionPlanParams, ITaskResult } fro
 import { getFormatDateTime, milliSecondsToHour } from '@/util/utils';
 import { Descriptions, Divider, Typography } from 'antd';
 import React from 'react';
-import DatabaseLabel from '../../component/DatabaseLabel';
-import PartitionPolicyTable from '../../component/PartitionPolicyTable';
-import { ErrorStrategyMap } from '../../const';
+import DatabaseLabel from '@/component/Task/component/DatabaseLabel';
+import PartitionPolicyTable from '@/component/Task/component/PartitionPolicyTable';
+import { ErrorStrategyMap } from '@/component/Task/const';
 import CycleDescriptionItem from './CycleDescriptionItem';
+import EllipsisText from '@/component/EllipsisText';
 
 const { Text } = Typography;
 
@@ -93,7 +94,7 @@ const PartitionTaskContent: React.FC<IProps> = (props) => {
             }) /*"所属数据源"*/
           }
         >
-          {task?.database?.dataSource?.name || '-'}
+          <EllipsisText content={task?.database?.dataSource?.name} />
         </Descriptions.Item>
         {hasFlow && (
           <Descriptions.Item
@@ -108,7 +109,7 @@ const PartitionTaskContent: React.FC<IProps> = (props) => {
           </Descriptions.Item>
         )}
       </Descriptions>
-      <Divider style={{ marginTop: 4 }} />
+      <Divider style={{ marginTop: 16 }} />
       <PartitionPolicyTable taskId={task?.id} />
       {creationTrigger && (
         <CycleDescriptionItem
@@ -136,7 +137,7 @@ const PartitionTaskContent: React.FC<IProps> = (props) => {
         />
       )}
 
-      <Descriptions column={2}>
+      <Descriptions column={2} style={{ marginTop: 16 }}>
         <Descriptions.Item
           label={
             formatMessage({
@@ -173,7 +174,7 @@ const PartitionTaskContent: React.FC<IProps> = (props) => {
           {task?.description || '-'}
         </Descriptions.Item>
       </Descriptions>
-      <Divider style={{ marginTop: 4 }} />
+      <Divider style={{ marginTop: 16 }} />
       <Descriptions column={2}>
         <Descriptions.Item
           label={
diff --git a/src/component/Task/PartitionTask/index.tsx b/src/component/Task/modals/PartitionTask/index.tsx
similarity index 100%
rename from src/component/Task/PartitionTask/index.tsx
rename to src/component/Task/modals/PartitionTask/index.tsx
diff --git a/src/component/Task/PermissionApplication/CreateModal/index.less b/src/component/Task/modals/PermissionApplication/CreateModal/index.less
similarity index 100%
rename from src/component/Task/PermissionApplication/CreateModal/index.less
rename to src/component/Task/modals/PermissionApplication/CreateModal/index.less
diff --git a/src/component/Task/PermissionApplication/CreateModal/index.tsx b/src/component/Task/modals/PermissionApplication/CreateModal/index.tsx
similarity index 99%
rename from src/component/Task/PermissionApplication/CreateModal/index.tsx
rename to src/component/Task/modals/PermissionApplication/CreateModal/index.tsx
index 976b74fe3..9e07c877a 100644
--- a/src/component/Task/PermissionApplication/CreateModal/index.tsx
+++ b/src/component/Task/modals/PermissionApplication/CreateModal/index.tsx
@@ -386,7 +386,7 @@ const CreateModal: React.FC<IProps> = inject('modalStore')(
                   value: 'custom',
                 },
               ]}
-            ></Radio.Group>
+            />
             <InputNumber />
           </Form.Item>
           <Form.Item
diff --git a/src/component/Task/PermissionApplication/index.tsx b/src/component/Task/modals/PermissionApplication/index.tsx
similarity index 100%
rename from src/component/Task/PermissionApplication/index.tsx
rename to src/component/Task/modals/PermissionApplication/index.tsx
diff --git a/src/component/Task/ResultSetExportTask/CreateModal/CsvFormItemPanel.tsx b/src/component/Task/modals/ResultSetExportTask/CreateModal/CsvFormItemPanel.tsx
similarity index 83%
rename from src/component/Task/ResultSetExportTask/CreateModal/CsvFormItemPanel.tsx
rename to src/component/Task/modals/ResultSetExportTask/CreateModal/CsvFormItemPanel.tsx
index 20d2d7043..0ea8c8666 100644
--- a/src/component/Task/ResultSetExportTask/CreateModal/CsvFormItemPanel.tsx
+++ b/src/component/Task/modals/ResultSetExportTask/CreateModal/CsvFormItemPanel.tsx
@@ -21,6 +21,7 @@ import { AutoComplete, Checkbox, Col, Form, Input, Row, Select } from 'antd';
 import React from 'react';
 import styles from './index.less';
 import { CRLFToSeparatorString } from '@/util/utils';
+import { rules } from './const';
 const { Option } = Select;
 const FormItem = Form.Item;
 interface IProps {}
@@ -92,22 +93,7 @@ export const CsvFormItemPanel: React.FC<IProps> = (props) => {
                           }) /* 字段分隔符 */
                         }
                         name={['csvFormat', 'columnSeparator']}
-                        rules={[
-                          {
-                            required: true,
-                            message: formatMessage({
-                              id: 'odc.src.component.Task.ResultSetExportTask.CreateModal.PleaseFillInTheField',
-                              defaultMessage: '请填写字段分隔符',
-                            }), //'请填写字段分隔符'
-                          },
-                          {
-                            max: 1,
-                            message: formatMessage({
-                              id: 'odc.src.component.Task.ResultSetExportTask.CreateModal.YouCanOnlyEnterOne',
-                              defaultMessage: '只能输入一个字符',
-                            }), //'只能输入一个字符'
-                          },
-                        ]}
+                        rules={rules['csvFormat-columnSeparator']}
                       >
                         <AutoComplete
                           options={[';', ':', ','].map((value) => {
@@ -130,15 +116,7 @@ export const CsvFormItemPanel: React.FC<IProps> = (props) => {
                           }) /* 文本识别符 */
                         }
                         name={['csvFormat', 'columnDelimiter']}
-                        rules={[
-                          {
-                            required: true,
-                            message: formatMessage({
-                              id: 'odc.src.component.Task.ResultSetExportTask.CreateModal.PleaseFillInTheText',
-                              defaultMessage: '请填写文本识别符',
-                            }), //'请填写文本识别符'
-                          },
-                        ]}
+                        rules={rules['csvFormat-columnDelimiter']}
                       >
                         <Select>
                           <Option key='"' value='"'>
@@ -162,15 +140,7 @@ export const CsvFormItemPanel: React.FC<IProps> = (props) => {
                           }) /* 换行符号 */
                         }
                         name={['csvFormat', 'lineSeparator']}
-                        rules={[
-                          {
-                            required: true,
-                            message: formatMessage({
-                              id: 'odc.src.component.Task.ResultSetExportTask.CreateModal.PleaseFillInTheChange',
-                              defaultMessage: '请填写换行符号',
-                            }), //'请填写换行符号'
-                          },
-                        ]}
+                        rules={rules['csvFormat-lineSeparator']}
                         getValueProps={(value) => ({
                           value: CRLFToSeparatorString(value),
                         })}
@@ -208,11 +178,7 @@ export const CsvFormItemPanel: React.FC<IProps> = (props) => {
                 <div className={styles.inlineForm}>
                   <Row>
                     <Form.Item
-                      rules={[
-                        {
-                          required: true,
-                        },
-                      ]}
+                      rules={rules.tableName}
                       label={
                         <HelpDoc isTip leftText doc="exportTableName">
                           {
diff --git a/src/component/Task/modals/ResultSetExportTask/CreateModal/const.ts b/src/component/Task/modals/ResultSetExportTask/CreateModal/const.ts
new file mode 100644
index 000000000..d2a048e0f
--- /dev/null
+++ b/src/component/Task/modals/ResultSetExportTask/CreateModal/const.ts
@@ -0,0 +1,106 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import setting from '@/store/setting';
+import { formatMessage } from '@/util/intl';
+import { ChineseAndEnglishAndNumberAndUnderline } from '@/util/validRule';
+
+export const rules = {
+  ['csvFormat-columnSeparator']: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.src.component.Task.ResultSetExportTask.CreateModal.PleaseFillInTheField',
+        defaultMessage: '请填写字段分隔符',
+      }), //'请填写字段分隔符'
+    },
+    {
+      max: 1,
+      message: formatMessage({
+        id: 'odc.src.component.Task.ResultSetExportTask.CreateModal.YouCanOnlyEnterOne',
+        defaultMessage: '只能输入一个字符',
+      }), //'只能输入一个字符'
+    },
+  ],
+  ['csvFormat-columnDelimiter']: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.src.component.Task.ResultSetExportTask.CreateModal.PleaseFillInTheText',
+        defaultMessage: '请填写文本识别符',
+      }), //'请填写文本识别符'
+    },
+  ],
+  ['csvFormat-lineSeparator']: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.src.component.Task.ResultSetExportTask.CreateModal.PleaseFillInTheChange',
+        defaultMessage: '请填写换行符号',
+      }), //'请填写换行符号'
+    },
+  ],
+  tableName: [
+    {
+      required: true,
+    },
+  ],
+  sql: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.src.component.Task.ResultSetExportTask.CreateModal.PleaseFillInSQLContent',
+        defaultMessage: '请填写 SQL 内容',
+      }), //'请填写 SQL 内容'
+    },
+  ],
+  maxRows: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.src.component.Task.ResultSetExportTask.CreateModal.PleaseFillInTheNumber',
+        defaultMessage: '请填写条数限制',
+      }), //'请填写条数限制'
+    },
+    {
+      validator: (_, value) => {
+        const max = setting.getSpaceConfigByKey('odc.sqlexecute.default.maxQueryLimit');
+        if (value !== undefined && Number(value) > max) {
+          return Promise.reject(
+            formatMessage(
+              {
+                id: 'src.component.Task.ResultSetExportTask.CreateModal.BD74423A',
+                defaultMessage: '不超过查询条数上限 {max}',
+              },
+              { max },
+            ),
+          );
+        }
+        return Promise.resolve();
+      },
+    },
+  ],
+  fileName: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.src.component.Task.ResultSetExportTask.CreateModal.PleaseFillInTheFile',
+        defaultMessage: '请填写文件名称',
+      }), //'请填写文件名称'
+    },
+    ChineseAndEnglishAndNumberAndUnderline,
+  ],
+};
diff --git a/src/component/Task/ResultSetExportTask/CreateModal/index.less b/src/component/Task/modals/ResultSetExportTask/CreateModal/index.less
similarity index 100%
rename from src/component/Task/ResultSetExportTask/CreateModal/index.less
rename to src/component/Task/modals/ResultSetExportTask/CreateModal/index.less
diff --git a/src/component/Task/ResultSetExportTask/CreateModal/index.tsx b/src/component/Task/modals/ResultSetExportTask/CreateModal/index.tsx
similarity index 85%
rename from src/component/Task/ResultSetExportTask/CreateModal/index.tsx
rename to src/component/Task/modals/ResultSetExportTask/CreateModal/index.tsx
index a08a7e309..146e118c8 100644
--- a/src/component/Task/ResultSetExportTask/CreateModal/index.tsx
+++ b/src/component/Task/modals/ResultSetExportTask/CreateModal/index.tsx
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { getDataSourceModeConfig } from '@/common/datasource';
-import { createTask, getTaskDetail } from '@/common/network/task';
+import { createTask } from '@/common/network/task';
 import CommonIDE from '@/component/CommonIDE';
 import FormItemPanel from '@/component/FormItemPanel';
 import InputBigNumber from '@/component/InputBigNumber';
@@ -22,11 +22,8 @@ import DescriptionInput from '@/component/Task/component/DescriptionInput';
 import TaskTimer from '@/component/Task/component/TimerSelect';
 import {
   EXPORT_TYPE,
-  ExportFormData,
   IExportResultSetFileType,
   IMPORT_ENCODING,
-  IResultSetExportTaskParams,
-  TaskDetail,
   TaskExecStrategy,
   TaskPageScope,
   TaskPageType,
@@ -37,14 +34,14 @@ import type { ModalStore } from '@/store/modal';
 import { useDBSession } from '@/store/sessionManager/hooks';
 import type { TaskStore } from '@/store/task';
 import { formatMessage } from '@/util/intl';
-import { ChineseAndEnglishAndNumberAndUnderline } from '@/util/validRule';
 import { Button, Col, Drawer, Form, Input, Modal, Row, Select, Space, Typography } from 'antd';
 import { inject, observer } from 'mobx-react';
 import React, { useEffect, useState } from 'react';
-import DatabaseSelect from '../../component/DatabaseSelect';
+import DatabaseSelect from '@/component/Task/component/DatabaseSelect';
 import { CsvFormItemPanel } from './CsvFormItemPanel';
 import styles from './index.less';
 import setting from '@/store/setting';
+import { rules } from './const';
 import dayjs from 'dayjs';
 
 const { Text } = Typography;
@@ -280,15 +277,7 @@ const CreateModal: React.FC<IProps> = (props) => {
           }
           name="sql"
           className={styles.sqlContent}
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'odc.src.component.Task.ResultSetExportTask.CreateModal.PleaseFillInSQLContent',
-                defaultMessage: '请填写 SQL 内容',
-              }), //'请填写 SQL 内容'
-            },
-          ]}
+          rules={rules.sql}
           style={{
             height: '280px',
           }}
@@ -312,32 +301,7 @@ const CreateModal: React.FC<IProps> = (props) => {
               defaultMessage: '查询结果条数限制',
             }) /* 查询结果条数限制 */
           }
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'odc.src.component.Task.ResultSetExportTask.CreateModal.PleaseFillInTheNumber',
-                defaultMessage: '请填写条数限制',
-              }), //'请填写条数限制'
-            },
-            {
-              validator: (_, value) => {
-                const max = setting.getSpaceConfigByKey('odc.sqlexecute.default.maxQueryLimit');
-                if (value !== undefined && Number(value) > max) {
-                  return Promise.reject(
-                    formatMessage(
-                      {
-                        id: 'src.component.Task.ResultSetExportTask.CreateModal.BD74423A',
-                        defaultMessage: '不超过查询条数上限 {max}',
-                      },
-                      { max },
-                    ),
-                  );
-                }
-                return Promise.resolve();
-              },
-            },
-          ]}
+          rules={rules.maxRows}
         >
           <InputBigNumber
             isInt
@@ -355,16 +319,7 @@ const CreateModal: React.FC<IProps> = (props) => {
               defaultMessage: '文件名称',
             }) /* 文件名称 */
           }
-          rules={[
-            {
-              required: true,
-              message: formatMessage({
-                id: 'odc.src.component.Task.ResultSetExportTask.CreateModal.PleaseFillInTheFile',
-                defaultMessage: '请填写文件名称',
-              }), //'请填写文件名称'
-            },
-            ChineseAndEnglishAndNumberAndUnderline,
-          ]}
+          rules={rules.fileName}
         >
           <Input
             style={{
diff --git a/src/component/Task/ResultSetExportTask/DetailContent/index.tsx b/src/component/Task/modals/ResultSetExportTask/DetailContent/index.tsx
similarity index 97%
rename from src/component/Task/ResultSetExportTask/DetailContent/index.tsx
rename to src/component/Task/modals/ResultSetExportTask/DetailContent/index.tsx
index 538e3db29..4bb5e3feb 100644
--- a/src/component/Task/ResultSetExportTask/DetailContent/index.tsx
+++ b/src/component/Task/modals/ResultSetExportTask/DetailContent/index.tsx
@@ -18,13 +18,14 @@ import { formatMessage } from '@/util/intl';
 import { getDataSourceModeConfigByConnectionMode } from '@/common/datasource';
 import RiskLevelLabel from '@/component/RiskLevelLabel';
 import { SQLContent } from '@/component/SQLContent';
-import { getTaskExecStrategyMap } from '@/component/Task';
 import type { IResultSetExportTaskParams, ITaskResult, TaskDetail } from '@/d.ts';
 import { IExportResultSetFileType, TaskExecStrategy } from '@/d.ts';
 import { CRLFToSeparatorString, getFormatDateTime } from '@/util/utils';
 import { Divider } from 'antd';
-import DatabaseLabel from '../../component/DatabaseLabel';
-import { SimpleTextItem } from '../../component/SimpleTextItem';
+import DatabaseLabel from '@/component/Task/component/DatabaseLabel';
+import { SimpleTextItem } from '@/component/Task/component/SimpleTextItem';
+import { getTaskExecStrategyMap } from '@/component/Task/const';
+import EllipsisText from '@/component/EllipsisText';
 export const getItems = (
   _task: TaskDetail<IResultSetExportTaskParams>,
   result: ITaskResult,
@@ -93,7 +94,7 @@ export const getItems = (
                   defaultMessage: '所属数据源',
                 }) /* 所属数据源 */
               }
-              content={task?.database?.dataSource?.name || '-'}
+              content={<EllipsisText content={task?.database?.dataSource?.name} />}
             />
 
             <SimpleTextItem
diff --git a/src/component/Task/ResultSetExportTask/index.tsx b/src/component/Task/modals/ResultSetExportTask/index.tsx
similarity index 100%
rename from src/component/Task/ResultSetExportTask/index.tsx
rename to src/component/Task/modals/ResultSetExportTask/index.tsx
diff --git a/src/component/Task/modals/SQLPlanTask/CreateModal/const.ts b/src/component/Task/modals/SQLPlanTask/CreateModal/const.ts
new file mode 100644
index 000000000..9040aa079
--- /dev/null
+++ b/src/component/Task/modals/SQLPlanTask/CreateModal/const.ts
@@ -0,0 +1,118 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import setting from '@/store/setting';
+import { formatMessage } from '@/util/intl';
+
+export const rules = {
+  sqlContentType: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.components.CreateSQLPlanTaskModal.SelectSqlContent',
+        defaultMessage: '请选择 SQL 内容',
+      }),
+      //请选择 SQL 内容
+    },
+  ],
+  sqlContent: ({ required }) => {
+    return [
+      {
+        required,
+        message: formatMessage({
+          id: 'odc.components.CreateSQLPlanTaskModal.EnterTheSqlContent',
+          defaultMessage: '请填写 SQL 内容',
+        }),
+        //请填写 SQL 内容
+      },
+    ];
+  },
+  delimiter: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.components.CreateSQLPlanTaskModal.EnterADelimiter',
+        defaultMessage: '请输入分隔符',
+      }),
+      //请输入分隔符
+    },
+  ],
+  queryLimit: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.components.CreateSQLPlanTaskModal.PleaseEnterTheQueryResult',
+        defaultMessage: '请输入查询结果限制',
+      }),
+      //请输入查询结果限制
+    },
+    {
+      validator: (_, value) => {
+        const max = setting.getSpaceConfigByKey('odc.sqlexecute.default.maxQueryLimit');
+        if (value !== undefined && value > max) {
+          return Promise.reject(
+            formatMessage(
+              {
+                id: 'src.component.Task.SQLPlanTask.CreateModal.B88FB9EC',
+                defaultMessage: '不超过查询条数上限 {max}',
+              },
+              { max },
+            ),
+          );
+        }
+        return Promise.resolve();
+      },
+    },
+  ],
+  timeoutMillis: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.components.CreateSQLPlanTaskModal.EnterATimeoutPeriod',
+        defaultMessage: '请输入超时时间',
+      }),
+      //请输入超时时间
+    },
+    {
+      type: 'number',
+      max: 480,
+      message: formatMessage({
+        id: 'odc.components.CreateSQLPlanTaskModal.UpToHours',
+        defaultMessage: '最大不超过 480 小时',
+      }),
+      //最大不超过480小时
+    },
+  ],
+  errorStrategy: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.components.CreateSQLPlanTaskModal.SelectTaskErrorHandling',
+        defaultMessage: '请选择任务错误处理',
+      }),
+      //请选择任务错误处理
+    },
+  ],
+  allowConcurrent: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.components.CreateSQLPlanTaskModal.PleaseSelectTaskExecutionDuration',
+        defaultMessage: '请选择任务执行时长超周期处理',
+      }), //请选择任务执行时长超周期处理
+    },
+  ],
+};
diff --git a/src/component/Task/SQLPlanTask/CreateModal/index.less b/src/component/Task/modals/SQLPlanTask/CreateModal/index.less
similarity index 100%
rename from src/component/Task/SQLPlanTask/CreateModal/index.less
rename to src/component/Task/modals/SQLPlanTask/CreateModal/index.less
diff --git a/src/component/Task/SQLPlanTask/CreateModal/index.tsx b/src/component/Task/modals/SQLPlanTask/CreateModal/index.tsx
similarity index 81%
rename from src/component/Task/SQLPlanTask/CreateModal/index.tsx
rename to src/component/Task/modals/SQLPlanTask/CreateModal/index.tsx
index fd5677439..5e938794b 100644
--- a/src/component/Task/SQLPlanTask/CreateModal/index.tsx
+++ b/src/component/Task/modals/SQLPlanTask/CreateModal/index.tsx
@@ -55,11 +55,14 @@ import {
 import type { UploadFile } from 'antd/lib/upload/interface';
 import Cookies from 'js-cookie';
 import { inject, observer } from 'mobx-react';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import DatabaseSelect from '../../component/DatabaseSelect';
+import React, { useEffect, useRef, useState } from 'react';
+import DatabaseSelect from '@/component/Task/component/DatabaseSelect';
 import { useRequest } from 'ahooks';
 import styles from './index.less';
 import setting from '@/store/setting';
+import { rules } from './const';
+import { Rule } from '@@node_modules/antd/es/form';
+import ExecuteFailTip from '@/component/Task/component/ExecuteFailTip';
 
 const MAX_FILE_SIZE = 1024 * 1024 * 256;
 
@@ -568,53 +571,35 @@ const CreateModal: React.FC<IProps> = (props) => {
             })}
             /*SQL 内容*/
             name="sqlContentType"
-            rules={[
-              {
-                required: true,
-                message: formatMessage({
-                  id: 'odc.components.CreateSQLPlanTaskModal.SelectSqlContent',
-                  defaultMessage: '请选择 SQL 内容',
-                }),
-                //请选择 SQL 内容
-              },
-            ]}
+            rules={rules.sqlContentType}
           >
-            <Radio.Group onChange={handleContentTypeChange}>
-              <Radio.Button value={SQLContentType.TEXT}>
+            <Radio.Group
+              onChange={handleContentTypeChange}
+              optionType="button"
+              options={[
                 {
-                  formatMessage({
+                  label: formatMessage({
                     id: 'odc.components.CreateSQLPlanTaskModal.SqlEntry',
                     defaultMessage: 'SQL 录入',
-                  })
-                  /*SQL录入*/
-                }
-              </Radio.Button>
-              <Radio.Button value={SQLContentType.FILE}>
+                  }),
+                  value: SQLContentType.TEXT,
+                },
                 {
-                  formatMessage({
+                  label: formatMessage({
                     id: 'odc.components.CreateSQLPlanTaskModal.UploadAnAttachment',
                     defaultMessage: '上传附件',
-                  })
-                  /*上传附件*/
-                }
-              </Radio.Button>
-            </Radio.Group>
+                  }),
+                  value: SQLContentType.FILE,
+                },
+              ]}
+            />
           </Form.Item>
           <Form.Item
             name="sqlContent"
             className={`${styles.sqlContent} ${
               sqlContentType !== SQLContentType.TEXT && styles.hide
             }`}
-            rules={[
-              {
-                required: sqlContentType === SQLContentType.TEXT,
-                message: formatMessage({
-                  id: 'odc.components.CreateSQLPlanTaskModal.EnterTheSqlContent',
-                  defaultMessage: '请填写 SQL 内容',
-                }),
-                //请填写 SQL 内容
-              },
-            ]}
+            rules={rules.sqlContent({ required: sqlContentType === SQLContentType.TEXT })}
             style={{ height: '280px' }}
           >
             {isInitContent && (
@@ -664,16 +649,7 @@ const CreateModal: React.FC<IProps> = (props) => {
               })}
               /*分隔符*/
               required
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'odc.components.CreateSQLPlanTaskModal.EnterADelimiter',
-                    defaultMessage: '请输入分隔符',
-                  }),
-                  //请输入分隔符
-                },
-              ]}
+              rules={rules.delimiter}
             >
               <AutoComplete
                 style={{ width: 90 }}
@@ -692,33 +668,7 @@ const CreateModal: React.FC<IProps> = (props) => {
               })}
               /*查询结果限制*/
               required
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'odc.components.CreateSQLPlanTaskModal.PleaseEnterTheQueryResult',
-                    defaultMessage: '请输入查询结果限制',
-                  }),
-                  //请输入查询结果限制
-                },
-                {
-                  validator: (_, value) => {
-                    const max = setting.getSpaceConfigByKey('odc.sqlexecute.default.maxQueryLimit');
-                    if (value !== undefined && value > max) {
-                      return Promise.reject(
-                        formatMessage(
-                          {
-                            id: 'src.component.Task.SQLPlanTask.CreateModal.B88FB9EC',
-                            defaultMessage: '不超过查询条数上限 {max}',
-                          },
-                          { max },
-                        ),
-                      );
-                    }
-                    return Promise.resolve();
-                  },
-                },
-              ]}
+              rules={rules.queryLimit}
             >
               <InputNumber min={1} />
             </Form.Item>
@@ -736,25 +686,7 @@ const CreateModal: React.FC<IProps> = (props) => {
                 })}
                 /*小时*/
                 name="timeoutMillis"
-                rules={[
-                  {
-                    required: true,
-                    message: formatMessage({
-                      id: 'odc.components.CreateSQLPlanTaskModal.EnterATimeoutPeriod',
-                      defaultMessage: '请输入超时时间',
-                    }),
-                    //请输入超时时间
-                  },
-                  {
-                    type: 'number',
-                    max: 480,
-                    message: formatMessage({
-                      id: 'odc.components.CreateSQLPlanTaskModal.UpToHours',
-                      defaultMessage: '最大不超过 480 小时',
-                    }),
-                    //最大不超过480小时
-                  },
-                ]}
+                rules={rules.timeoutMillis as Rule[]}
                 noStyle
               >
                 <InputNumber min={0} />
@@ -770,6 +702,7 @@ const CreateModal: React.FC<IProps> = (props) => {
               </span>
             </Form.Item>
           </Space>
+          <ExecuteFailTip />
           <Form.Item>
             <Crontab ref={crontabRef} initialValue={crontab} onValueChange={handleCrontabChange} />
           </Form.Item>
@@ -787,37 +720,26 @@ const CreateModal: React.FC<IProps> = (props) => {
               })}
               /*任务错误处理*/
               name="errorStrategy"
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'odc.components.CreateSQLPlanTaskModal.SelectTaskErrorHandling',
-                    defaultMessage: '请选择任务错误处理',
-                  }),
-                  //请选择任务错误处理
-                },
-              ]}
+              rules={rules.errorStrategy}
             >
-              <Radio.Group>
-                <Radio value={ErrorStrategy.ABORT}>
+              <Radio.Group
+                options={[
                   {
-                    formatMessage({
+                    label: formatMessage({
                       id: 'odc.components.CreateSQLPlanTaskModal.StopATask',
                       defaultMessage: '停止任务',
-                    })
-                    /*停止任务*/
-                  }
-                </Radio>
-                <Radio value={ErrorStrategy.CONTINUE}>
+                    }),
+                    value: ErrorStrategy.ABORT,
+                  },
                   {
-                    formatMessage({
+                    label: formatMessage({
                       id: 'odc.components.CreateSQLPlanTaskModal.IgnoreErrorsToContinueThe',
                       defaultMessage: '忽略错误继续任务',
-                    })
-                    /*忽略错误继续任务*/
-                  }
-                </Radio>
-              </Radio.Group>
+                    }),
+                    value: ErrorStrategy.CONTINUE,
+                  },
+                ]}
+              />
             </Form.Item>
             <Form.Item
               label={formatMessage({
@@ -825,34 +747,26 @@ const CreateModal: React.FC<IProps> = (props) => {
                 defaultMessage: '任务执行时长超周期处理',
               })} /*任务执行时长超周期处理*/
               name="allowConcurrent"
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'odc.components.CreateSQLPlanTaskModal.PleaseSelectTaskExecutionDuration',
-                    defaultMessage: '请选择任务执行时长超周期处理',
-                  }), //请选择任务执行时长超周期处理
-                },
-              ]}
+              rules={rules.allowConcurrent}
             >
-              <Radio.Group>
-                <Radio value={false}>
+              <Radio.Group
+                options={[
                   {
-                    formatMessage({
+                    label: formatMessage({
                       id: 'odc.components.CreateSQLPlanTaskModal.AfterTheCurrentTaskIs',
                       defaultMessage: '待当前任务执行完毕在新周期发起任务',
-                    }) /*待当前任务执行完毕在新周期发起任务*/
-                  }
-                </Radio>
-                <Radio value={true}>
+                    }),
+                    value: false,
+                  },
                   {
-                    formatMessage({
+                    label: formatMessage({
                       id: 'odc.components.CreateSQLPlanTaskModal.IgnoreTheCurrentTaskStatus',
                       defaultMessage: '忽略当前任务状态，定期发起新任务',
-                    }) /*忽略当前任务状态，定期发起新任务*/
-                  }
-                </Radio>
-              </Radio.Group>
+                    }),
+                    value: true,
+                  },
+                ]}
+              />
             </Form.Item>
           </FormItemPanel>
           <DescriptionInput />
diff --git a/src/component/Task/SQLPlanTask/CreateModal/interface.ts b/src/component/Task/modals/SQLPlanTask/CreateModal/interface.ts
similarity index 100%
rename from src/component/Task/SQLPlanTask/CreateModal/interface.ts
rename to src/component/Task/modals/SQLPlanTask/CreateModal/interface.ts
diff --git a/src/component/Task/SQLPlanTask/DetailContent/index.tsx b/src/component/Task/modals/SQLPlanTask/DetailContent/index.tsx
similarity index 95%
rename from src/component/Task/SQLPlanTask/DetailContent/index.tsx
rename to src/component/Task/modals/SQLPlanTask/DetailContent/index.tsx
index e203658f7..3cd0af7ba 100644
--- a/src/component/Task/SQLPlanTask/DetailContent/index.tsx
+++ b/src/component/Task/modals/SQLPlanTask/DetailContent/index.tsx
@@ -26,9 +26,10 @@ import { getFormatDateTime, milliSecondsToHour } from '@/util/utils';
 import { DownOutlined, UpOutlined } from '@ant-design/icons';
 import { Collapse, Descriptions, Divider, Space } from 'antd';
 import React from 'react';
-import { getCronCycle } from '../../component/TaskTable';
-import styles from '../../index.less';
-import DatabaseLabel from '../../component/DatabaseLabel';
+import { getCronCycle } from '@/component/Task/component/TaskTable/utils';
+import styles from '@/component/Task/index.less';
+import DatabaseLabel from '@/component/Task/component/DatabaseLabel';
+import EllipsisText from '@/component/EllipsisText';
 
 const { Panel } = Collapse;
 const ErrorStrategy = {
@@ -70,7 +71,7 @@ const SqlPlanTaskContent: React.FC<IProps> = (props) => {
 
   return (
     <>
-      <Descriptions column={2}>
+      <Descriptions column={2} style={{ marginBottom: 16 }}>
         <Descriptions.Item
           label={formatMessage({
             id: 'odc.component.DetailModal.sqlPlan.TaskNumber',
@@ -94,7 +95,7 @@ const SqlPlanTaskContent: React.FC<IProps> = (props) => {
             defaultMessage: '所属数据源',
           })}
         >
-          {task?.database?.dataSource?.name || '-'}
+          <EllipsisText content={task?.database?.dataSource?.name} />
         </Descriptions.Item>
 
         <Descriptions.Item
@@ -130,6 +131,7 @@ const SqlPlanTaskContent: React.FC<IProps> = (props) => {
           </Descriptions.Item>
         )}
       </Descriptions>
+      <Divider style={{ marginTop: 16 }} />
       <SimpleTextItem
         label={formatMessage({
           id: 'odc.component.DetailModal.sqlPlan.SqlContent',
@@ -272,7 +274,7 @@ const SqlPlanTaskContent: React.FC<IProps> = (props) => {
           {task?.description || '-'}
         </Descriptions.Item>
       </Descriptions>
-      <Divider style={{ marginTop: 4 }} />
+      <Divider style={{ marginTop: 16 }} />
       <Descriptions column={2}>
         <Descriptions.Item
           label={formatMessage({
diff --git a/src/component/Task/SQLPlanTask/index.tsx b/src/component/Task/modals/SQLPlanTask/index.tsx
similarity index 100%
rename from src/component/Task/SQLPlanTask/index.tsx
rename to src/component/Task/modals/SQLPlanTask/index.tsx
diff --git a/src/component/Task/ShadowSyncTask/CreateModal/SelectPanel/index.less b/src/component/Task/modals/ShadowSyncTask/CreateModal/SelectPanel/index.less
similarity index 100%
rename from src/component/Task/ShadowSyncTask/CreateModal/SelectPanel/index.less
rename to src/component/Task/modals/ShadowSyncTask/CreateModal/SelectPanel/index.less
diff --git a/src/component/Task/ShadowSyncTask/CreateModal/SelectPanel/index.tsx b/src/component/Task/modals/ShadowSyncTask/CreateModal/SelectPanel/index.tsx
similarity index 92%
rename from src/component/Task/ShadowSyncTask/CreateModal/SelectPanel/index.tsx
rename to src/component/Task/modals/ShadowSyncTask/CreateModal/SelectPanel/index.tsx
index 36bab3574..6588b24f1 100644
--- a/src/component/Task/ShadowSyncTask/CreateModal/SelectPanel/index.tsx
+++ b/src/component/Task/modals/ShadowSyncTask/CreateModal/SelectPanel/index.tsx
@@ -34,10 +34,11 @@ import { clone, cloneDeep } from 'lodash';
 import { inject, observer } from 'mobx-react';
 import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { List as VirtualList } from 'react-virtualized';
-import DatabaseSelect from '../../../component/DatabaseSelect';
+import DatabaseSelect from '@/component/Task/component/DatabaseSelect';
 import { IContentProps, IShaodwSyncData } from '../interface';
 import { useRequest } from 'ahooks';
 import styles from './index.less';
+import { rules } from '../const';
 
 const Option = Select.Option;
 
@@ -360,28 +361,23 @@ const SelectPanel = forwardRef<any, IProps>(function (
                 originTableNames: new Set(),
               });
             }}
-          >
-            <Radio value={false}>
+            options={[
               {
-                formatMessage({
+                label: formatMessage({
                   id: 'odc.CreateShadowSyncModal.SelectPanel.PartialTable',
                   defaultMessage: '部分表',
-                })
-
-                /*部分表*/
-              }
-            </Radio>
-            <Radio value={true}>
+                }),
+                value: false,
+              },
               {
-                formatMessage({
+                label: formatMessage({
                   id: 'odc.CreateShadowSyncModal.SelectPanel.AllTables',
                   defaultMessage: '全部表',
-                })
-
-                /*全部表*/
-              }
-            </Radio>
-          </Radio.Group>
+                }),
+                value: true,
+              },
+            ]}
+          />
         </Form.Item>
         <Form.Item
           shouldUpdate
@@ -423,39 +419,7 @@ const SelectPanel = forwardRef<any, IProps>(function (
                 </Option>
               </Select>
             </Form.Item>
-            <Form.Item
-              noStyle
-              name="name"
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({
-                    id: 'odc.CreateShadowSyncModal.SelectPanel.EnterAShadowTableName',
-                    defaultMessage: '请输入影子表名',
-                  }),
-
-                  //请输入影子表名
-                },
-                {
-                  pattern: /^[\w]*$/,
-                  message: formatMessage({
-                    id: 'odc.CreateShadowSyncModal.SelectPanel.OnlyEnglishNumbersAndUnderscores',
-                    defaultMessage: '仅支持英文/数字/下划线',
-                  }),
-
-                  //仅支持英文/数字/下划线
-                },
-                {
-                  max: 32,
-                  message: formatMessage({
-                    id: 'odc.CreateShadowSyncModal.SelectPanel.NoMoreThanCharacters',
-                    defaultMessage: '不超过 32 个字符',
-                  }),
-
-                  //不超过 32 个字符
-                },
-              ]}
-            >
+            <Form.Item noStyle name="name" rules={rules.name}>
               <Input style={{ width: 185 }} />
             </Form.Item>
           </Space>
diff --git a/src/component/Task/ShadowSyncTask/CreateModal/StructConfigPanel/RecordSQLView/index.tsx b/src/component/Task/modals/ShadowSyncTask/CreateModal/StructConfigPanel/RecordSQLView/index.tsx
similarity index 100%
rename from src/component/Task/ShadowSyncTask/CreateModal/StructConfigPanel/RecordSQLView/index.tsx
rename to src/component/Task/modals/ShadowSyncTask/CreateModal/StructConfigPanel/RecordSQLView/index.tsx
diff --git a/src/component/Task/ShadowSyncTask/CreateModal/StructConfigPanel/StructAnalysisResult/column.tsx b/src/component/Task/modals/ShadowSyncTask/CreateModal/StructConfigPanel/StructAnalysisResult/column.tsx
similarity index 100%
rename from src/component/Task/ShadowSyncTask/CreateModal/StructConfigPanel/StructAnalysisResult/column.tsx
rename to src/component/Task/modals/ShadowSyncTask/CreateModal/StructConfigPanel/StructAnalysisResult/column.tsx
diff --git a/src/component/Task/ShadowSyncTask/CreateModal/StructConfigPanel/StructAnalysisResult/index.tsx b/src/component/Task/modals/ShadowSyncTask/CreateModal/StructConfigPanel/StructAnalysisResult/index.tsx
similarity index 100%
rename from src/component/Task/ShadowSyncTask/CreateModal/StructConfigPanel/StructAnalysisResult/index.tsx
rename to src/component/Task/modals/ShadowSyncTask/CreateModal/StructConfigPanel/StructAnalysisResult/index.tsx
diff --git a/src/component/Task/ShadowSyncTask/CreateModal/StructConfigPanel/index.tsx b/src/component/Task/modals/ShadowSyncTask/CreateModal/StructConfigPanel/index.tsx
similarity index 85%
rename from src/component/Task/ShadowSyncTask/CreateModal/StructConfigPanel/index.tsx
rename to src/component/Task/modals/ShadowSyncTask/CreateModal/StructConfigPanel/index.tsx
index fcd3e744a..607e761c8 100644
--- a/src/component/Task/ShadowSyncTask/CreateModal/StructConfigPanel/index.tsx
+++ b/src/component/Task/modals/ShadowSyncTask/CreateModal/StructConfigPanel/index.tsx
@@ -21,9 +21,10 @@ import { SchemaComparingResult } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
 import { Divider, Form, Radio } from 'antd';
 import { forwardRef, useImperativeHandle } from 'react';
-import TaskTimer from '../../../component/TimerSelect';
+import TaskTimer from '@/component/Task/component/TimerSelect';
 import { ErrorStrategy, IContentProps } from '../interface';
 import StructAnalysisResult from './StructAnalysisResult';
+import { rules } from '../const';
 
 type IProps = IContentProps;
 
@@ -150,40 +151,26 @@ const StructConfigPanel = forwardRef<any, IProps>(function (
             })}
             /* 任务错误处理 */
             name="errorStrategy"
-            rules={[
-              {
-                required: true,
-                message: formatMessage({
-                  id: 'odc.components.CreateAsyncTaskModal.SelectTaskErrorHandling',
-                  defaultMessage: '请选择任务错误处理',
-                }),
-
-                // 请选择任务错误处理
-              },
-            ]}
+            rules={rules.errorStrategy}
           >
-            <Radio.Group>
-              <Radio value={ErrorStrategy.ABORT}>
+            <Radio.Group
+              options={[
                 {
-                  formatMessage({
+                  label: formatMessage({
                     id: 'odc.components.CreateAsyncTaskModal.StopATask',
                     defaultMessage: '停止任务',
-                  })
-
-                  /* 停止任务 */
-                }
-              </Radio>
-              <Radio value={ErrorStrategy.CONTINUE}>
+                  }),
+                  value: ErrorStrategy.ABORT,
+                },
                 {
-                  formatMessage({
+                  label: formatMessage({
                     id: 'odc.components.CreateAsyncTaskModal.IgnoreErrorsContinueTasks',
                     defaultMessage: '忽略错误继续任务',
-                  })
-
-                  /* 忽略错误继续任务 */
-                }
-              </Radio>
-            </Radio.Group>
+                  }),
+                  value: ErrorStrategy.CONTINUE,
+                },
+              ]}
+            />
           </Form.Item>
         </FormItemPanel>
         <Divider />
diff --git a/src/component/Task/modals/ShadowSyncTask/CreateModal/const.ts b/src/component/Task/modals/ShadowSyncTask/CreateModal/const.ts
new file mode 100644
index 000000000..387f8551b
--- /dev/null
+++ b/src/component/Task/modals/ShadowSyncTask/CreateModal/const.ts
@@ -0,0 +1,60 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+
+export const rules = {
+  name: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.CreateShadowSyncModal.SelectPanel.EnterAShadowTableName',
+        defaultMessage: '请输入影子表名',
+      }),
+
+      //请输入影子表名
+    },
+    {
+      pattern: /^[\w]*$/,
+      message: formatMessage({
+        id: 'odc.CreateShadowSyncModal.SelectPanel.OnlyEnglishNumbersAndUnderscores',
+        defaultMessage: '仅支持英文/数字/下划线',
+      }),
+
+      //仅支持英文/数字/下划线
+    },
+    {
+      max: 32,
+      message: formatMessage({
+        id: 'odc.CreateShadowSyncModal.SelectPanel.NoMoreThanCharacters',
+        defaultMessage: '不超过 32 个字符',
+      }),
+
+      //不超过 32 个字符
+    },
+  ],
+  errorStrategy: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'odc.components.CreateAsyncTaskModal.SelectTaskErrorHandling',
+        defaultMessage: '请选择任务错误处理',
+      }),
+
+      // 请选择任务错误处理
+    },
+  ],
+};
diff --git a/src/component/Task/ShadowSyncTask/CreateModal/index.less b/src/component/Task/modals/ShadowSyncTask/CreateModal/index.less
similarity index 100%
rename from src/component/Task/ShadowSyncTask/CreateModal/index.less
rename to src/component/Task/modals/ShadowSyncTask/CreateModal/index.less
diff --git a/src/component/Task/ShadowSyncTask/CreateModal/index.tsx b/src/component/Task/modals/ShadowSyncTask/CreateModal/index.tsx
similarity index 100%
rename from src/component/Task/ShadowSyncTask/CreateModal/index.tsx
rename to src/component/Task/modals/ShadowSyncTask/CreateModal/index.tsx
diff --git a/src/component/Task/ShadowSyncTask/CreateModal/interface.ts b/src/component/Task/modals/ShadowSyncTask/CreateModal/interface.ts
similarity index 100%
rename from src/component/Task/ShadowSyncTask/CreateModal/interface.ts
rename to src/component/Task/modals/ShadowSyncTask/CreateModal/interface.ts
diff --git a/src/component/Task/ShadowSyncTask/DetailContent/index.tsx b/src/component/Task/modals/ShadowSyncTask/DetailContent/index.tsx
similarity index 93%
rename from src/component/Task/ShadowSyncTask/DetailContent/index.tsx
rename to src/component/Task/modals/ShadowSyncTask/DetailContent/index.tsx
index ee8b1d21a..86e6f8f83 100644
--- a/src/component/Task/ShadowSyncTask/DetailContent/index.tsx
+++ b/src/component/Task/modals/ShadowSyncTask/DetailContent/index.tsx
@@ -20,15 +20,16 @@ import {
   ErrorStrategy,
   IShadowSyncAnalysisResult,
   ShadowTableSyncTaskResult,
-} from '@/component/Task/ShadowSyncTask/CreateModal/interface';
-import StructAnalysisResult from '@/component/Task/ShadowSyncTask/CreateModal/StructConfigPanel/StructAnalysisResult';
+} from '@/component/Task/modals/ShadowSyncTask/CreateModal/interface';
+import StructAnalysisResult from '@/component/Task/modals/ShadowSyncTask/CreateModal/StructConfigPanel/StructAnalysisResult';
 import { ConnectionMode, TaskDetail, TaskExecStrategy } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
 import { getFormatDateTime } from '@/util/utils';
 import { Spin } from 'antd';
 import { useEffect, useState } from 'react';
-import { getTaskExecStrategyMap } from '../..';
-import DatabaseLabel from '../../component/DatabaseLabel';
+import DatabaseLabel from '@/component/Task/component/DatabaseLabel';
+import { getTaskExecStrategyMap } from '@/component/Task/const';
+import EllipsisText from '@/component/EllipsisText';
 interface IShadowSyncParamters {
   errorStrategy: ErrorStrategy;
   connectionId: string;
@@ -156,7 +157,7 @@ export function getItems(
             id: 'odc.src.component.Task.ShadowSyncTask.DetailContent.DataSource',
             defaultMessage: '所属数据源',
           }), //'所属数据源'
-          task?.database?.dataSource?.name || '-',
+          <EllipsisText content={task?.database?.dataSource?.name} />,
         ],
 
         hasFlow ? riskItem : null,
diff --git a/src/component/Task/ShadowSyncTask/index.tsx b/src/component/Task/modals/ShadowSyncTask/index.tsx
similarity index 100%
rename from src/component/Task/ShadowSyncTask/index.tsx
rename to src/component/Task/modals/ShadowSyncTask/index.tsx
diff --git a/src/component/Task/StructureComparisonTask/CreateModal/TableSelector.tsx b/src/component/Task/modals/StructureComparisonTask/CreateModal/TableSelector.tsx
similarity index 100%
rename from src/component/Task/StructureComparisonTask/CreateModal/TableSelector.tsx
rename to src/component/Task/modals/StructureComparisonTask/CreateModal/TableSelector.tsx
diff --git a/src/component/Task/modals/StructureComparisonTask/CreateModal/const.ts b/src/component/Task/modals/StructureComparisonTask/CreateModal/const.ts
new file mode 100644
index 000000000..a57f346e1
--- /dev/null
+++ b/src/component/Task/modals/StructureComparisonTask/CreateModal/const.ts
@@ -0,0 +1,38 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+
+export const rules = {
+  ['parameters-tableNamesToBeCompared']: [
+    {
+      required: true,
+      message: formatMessage({
+        id: 'src.component.Task.StructureComparisonTask.CreateModal.BCA1854E',
+        defaultMessage: '请选择比对对象',
+      }), //'请选择对比对象'
+    },
+  ],
+  description: [
+    {
+      max: 200,
+      message: formatMessage({
+        id: 'src.component.Task.StructureComparisonTask.CreateModal.FBBFFC4C',
+        defaultMessage: '描述不超过 200 个字符',
+      }), //'描述不超过 200 个字符'
+    },
+  ],
+};
diff --git a/src/component/Task/StructureComparisonTask/CreateModal/index.less b/src/component/Task/modals/StructureComparisonTask/CreateModal/index.less
similarity index 100%
rename from src/component/Task/StructureComparisonTask/CreateModal/index.less
rename to src/component/Task/modals/StructureComparisonTask/CreateModal/index.less
diff --git a/src/component/Task/StructureComparisonTask/CreateModal/index.tsx b/src/component/Task/modals/StructureComparisonTask/CreateModal/index.tsx
similarity index 89%
rename from src/component/Task/StructureComparisonTask/CreateModal/index.tsx
rename to src/component/Task/modals/StructureComparisonTask/CreateModal/index.tsx
index 6e00ab443..1a6d8204d 100644
--- a/src/component/Task/StructureComparisonTask/CreateModal/index.tsx
+++ b/src/component/Task/modals/StructureComparisonTask/CreateModal/index.tsx
@@ -35,11 +35,12 @@ import { Button, Drawer, Form, Input, message, Modal, Radio, Space } from 'antd'
 import { useForm } from 'antd/lib/form/Form';
 import { inject, observer } from 'mobx-react';
 import React, { useEffect, useState } from 'react';
-import { getTaskExecStrategyMap } from '../..';
-import DatabaseSelect from '../../component/DatabaseSelect';
+import DatabaseSelect from '@/component/Task/component/DatabaseSelect';
 import { comparisonScopeMap } from './interface';
 import TableSelector from './TableSelector';
-import DescriptionInput from '../../component/DescriptionInput';
+import { getTaskExecStrategyMap } from '@/component/Task/const';
+import { rules } from './const';
+import DescriptionInput from '@/component/Task/component/DescriptionInput';
 interface IProps {
   projectId?: number;
   modalStore?: ModalStore;
@@ -195,7 +196,7 @@ const StructureComparisonTask: React.FC<IProps> = ({ projectId, modalStore }) =>
         <Form.Item noStyle>
           <DatabaseSelect
             name={['parameters', 'sourceDatabaseId']}
-            width={'336px'}
+            width={336}
             type={TaskType.STRUCTURE_COMPARISON}
             label={
               formatMessage({
@@ -218,7 +219,7 @@ const StructureComparisonTask: React.FC<IProps> = ({ projectId, modalStore }) =>
           />
           <DatabaseSelect
             name={['parameters', 'targetDatabaseId']}
-            width={'336px'}
+            width={336}
             disabled={!sourceDatabaseId}
             type={TaskType.STRUCTURE_COMPARISON}
             label={
@@ -245,12 +246,18 @@ const StructureComparisonTask: React.FC<IProps> = ({ projectId, modalStore }) =>
             name={['parameters', 'comparisonScope']}
             required
           >
-            <Radio.Group>
-              <Radio value={EComparisonScope.PART}>
-                {comparisonScopeMap[EComparisonScope.PART]}
-              </Radio>
-              <Radio value={EComparisonScope.ALL}>{comparisonScopeMap[EComparisonScope.ALL]}</Radio>
-            </Radio.Group>
+            <Radio.Group
+              options={[
+                {
+                  label: comparisonScopeMap[EComparisonScope.PART],
+                  value: EComparisonScope.PART,
+                },
+                {
+                  label: comparisonScopeMap[EComparisonScope.ALL],
+                  value: EComparisonScope.ALL,
+                },
+              ]}
+            />
           </Form.Item>
           <Form.Item noStyle shouldUpdate>
             {({ getFieldValue }) => {
@@ -267,15 +274,7 @@ const StructureComparisonTask: React.FC<IProps> = ({ projectId, modalStore }) =>
                     }) /*"比对对象"*/
                   }
                   name={['parameters', 'tableNamesToBeCompared']}
-                  rules={[
-                    {
-                      required: true,
-                      message: formatMessage({
-                        id: 'src.component.Task.StructureComparisonTask.CreateModal.BCA1854E',
-                        defaultMessage: '请选择比对对象',
-                      }), //'请选择对比对象'
-                    },
-                  ]}
+                  rules={rules['parameters-tableNamesToBeCompared']}
                 >
                   <TableSelector
                     databaseId={sourceDatabaseId}
@@ -305,14 +304,18 @@ const StructureComparisonTask: React.FC<IProps> = ({ projectId, modalStore }) =>
             required
             name="executionStrategy"
           >
-            <Radio.Group>
-              <Radio value={TaskExecStrategy.AUTO}>
-                {taskExecStrategyMap?.[TaskExecStrategy.AUTO]}
-              </Radio>
-              <Radio value={TaskExecStrategy.MANUAL}>
-                {taskExecStrategyMap?.[TaskExecStrategy.MANUAL]}
-              </Radio>
-            </Radio.Group>
+            <Radio.Group
+              options={[
+                {
+                  label: taskExecStrategyMap?.[TaskExecStrategy.AUTO],
+                  value: TaskExecStrategy.AUTO,
+                },
+                {
+                  label: taskExecStrategyMap?.[TaskExecStrategy.MANUAL],
+                  value: TaskExecStrategy.MANUAL,
+                },
+              ]}
+            />
           </Form.Item>
         </FormItemPanel>
         <DescriptionInput />
diff --git a/src/component/Task/StructureComparisonTask/CreateModal/interface.ts b/src/component/Task/modals/StructureComparisonTask/CreateModal/interface.ts
similarity index 100%
rename from src/component/Task/StructureComparisonTask/CreateModal/interface.ts
rename to src/component/Task/modals/StructureComparisonTask/CreateModal/interface.ts
diff --git a/src/component/Task/StructureComparisonTask/DetailContent/index.less b/src/component/Task/modals/StructureComparisonTask/DetailContent/index.less
similarity index 100%
rename from src/component/Task/StructureComparisonTask/DetailContent/index.less
rename to src/component/Task/modals/StructureComparisonTask/DetailContent/index.less
diff --git a/src/component/Task/StructureComparisonTask/DetailContent/index.tsx b/src/component/Task/modals/StructureComparisonTask/DetailContent/index.tsx
similarity index 97%
rename from src/component/Task/StructureComparisonTask/DetailContent/index.tsx
rename to src/component/Task/modals/StructureComparisonTask/DetailContent/index.tsx
index 1f766a014..1d321a6df 100644
--- a/src/component/Task/StructureComparisonTask/DetailContent/index.tsx
+++ b/src/component/Task/modals/StructureComparisonTask/DetailContent/index.tsx
@@ -31,7 +31,6 @@ import MonacoEditor from '@/component/MonacoEditor';
 import DiffEditor from '@/component/MonacoEditor/DiffEditor';
 import SearchFilter from '@/component/SearchFilter';
 import { SQLContent } from '@/component/SQLContent';
-import { getTaskExecStrategyMap } from '@/component/Task';
 import {
   IResponseDataPage,
   SubTaskStatus,
@@ -54,10 +53,12 @@ import { SearchOutlined } from '@ant-design/icons';
 import { ConfigProvider, Descriptions, Divider, Empty, Modal, Tabs } from 'antd';
 import { inject, observer } from 'mobx-react';
 import { useEffect, useRef, useState } from 'react';
-import { SimpleTextItem } from '../../component/SimpleTextItem';
-import { TaskTypeMap } from '../../component/TaskTable';
+import { SimpleTextItem } from '@/component/Task/component/SimpleTextItem';
+import { TaskTypeMap } from '@/component/Task/component/TaskTable/const';
 import { comparisonScopeMap, EOperationTypeMap } from '../CreateModal/interface';
 import styles from './index.less';
+import { getTaskExecStrategyMap } from '@/component/Task/const';
+import EllipsisText from '@/component/EllipsisText';
 interface IStructureComparisonTaskContentProps {
   modalStore?: ModalStore;
   visible?: boolean;
@@ -591,7 +592,7 @@ const StructureComparisonTaskContent: React.FC<IStructureComparisonTaskContentPr
               }) /*"项目"*/
             }
           >
-            {task?.project?.name || '-'}
+            <EllipsisText content={task?.project?.name} />
           </Descriptions.Item>
           <Descriptions.Item
             span={2}
@@ -602,7 +603,7 @@ const StructureComparisonTaskContent: React.FC<IStructureComparisonTaskContentPr
               }) /*"源端数据源"*/
             }
           >
-            {task?.database?.dataSource?.name || '-'}
+            <EllipsisText content={task?.database?.dataSource?.name} />
           </Descriptions.Item>
           <Descriptions.Item
             span={2}
@@ -613,7 +614,7 @@ const StructureComparisonTaskContent: React.FC<IStructureComparisonTaskContentPr
               }) /*"源端数据库"*/
             }
           >
-            {task?.database?.name || '-'}
+            <EllipsisText content={task?.database?.name} />
           </Descriptions.Item>
 
           <Descriptions.Item
@@ -636,7 +637,7 @@ const StructureComparisonTaskContent: React.FC<IStructureComparisonTaskContentPr
               }) /*"目标端数据源"*/
             }
           >
-            {task?.relatedDatabase?.dataSource?.name || '-'}
+            <EllipsisText content={task?.relatedDatabase?.dataSource?.name} />
           </Descriptions.Item>
           <Descriptions.Item
             span={2}
@@ -647,7 +648,7 @@ const StructureComparisonTaskContent: React.FC<IStructureComparisonTaskContentPr
               }) /*"目标端数据库"*/
             }
           >
-            {task?.relatedDatabase?.name || '-'}
+            <EllipsisText content={task?.relatedDatabase?.name} />
           </Descriptions.Item>
 
           <Descriptions.Item
diff --git a/src/component/Task/StructureComparisonTask/index.tsx b/src/component/Task/modals/StructureComparisonTask/index.tsx
similarity index 100%
rename from src/component/Task/StructureComparisonTask/index.tsx
rename to src/component/Task/modals/StructureComparisonTask/index.tsx
diff --git a/src/component/WindowManager/DefaultPage.tsx b/src/component/WindowManager/DefaultPage.tsx
index ebe6289f8..3020904a9 100644
--- a/src/component/WindowManager/DefaultPage.tsx
+++ b/src/component/WindowManager/DefaultPage.tsx
@@ -117,11 +117,15 @@ export default function DefaultPage() {
       <div
         onClick={() => {
           tracert.click('a3112.b41896.c330987.d367620');
-          setting.setTheme(
+          const value =
             setting.theme?.key === EThemeConfigKey.ODC_WHITE
               ? EThemeConfigKey.ODC_DARK
-              : EThemeConfigKey.ODC_WHITE,
-          );
+              : EThemeConfigKey.ODC_WHITE;
+          setting.setTheme(value);
+          setting.updateOneUserConfig({
+            key: 'odc.appearance.scheme',
+            value,
+          });
         }}
         className={styles.item}
       >
diff --git a/src/component/WindowManager/factory.tsx b/src/component/WindowManager/factory.tsx
index 28d23803c..9de40ca61 100644
--- a/src/component/WindowManager/factory.tsx
+++ b/src/component/WindowManager/factory.tsx
@@ -154,7 +154,7 @@ export default function withConfirmModal(WrappedComponent: any) {
               ]}
             >
               <div className="ant-modal-confirm-body">
-                <QuestionCircleFilled style={{ color: 'rgb(250, 173, 20)' }} />
+                <QuestionCircleFilled style={{ color: 'rgb(250, 173, 20)', paddingRight: '4px' }} />
                 <span className="ant-modal-confirm-title">{unsavedModalTitle}</span>
                 <div className="ant-modal-confirm-content">{unsavedModalContent}</div>
               </div>
diff --git a/src/component/WindowManager/index.less b/src/component/WindowManager/index.less
index 729f219ca..7d13a481b 100644
--- a/src/component/WindowManager/index.less
+++ b/src/component/WindowManager/index.less
@@ -179,12 +179,11 @@
 .modal {
   :global {
     .ant-modal-body {
-      padding: 32px;
+      padding: 12px;
       padding-bottom: 24px;
     }
 
     .ant-modal-footer {
-      padding: 0 32px 24px 32px;
       border-top: none;
     }
   }
diff --git a/src/component/logicIcon/index.tsx b/src/component/logicIcon/index.tsx
index 77bfb478a..a2df73c71 100644
--- a/src/component/logicIcon/index.tsx
+++ b/src/component/logicIcon/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import styles from './index.less';
 export default () => {
diff --git a/src/constant/index.ts b/src/constant/index.ts
index c53bbd818..66f765c07 100644
--- a/src/constant/index.ts
+++ b/src/constant/index.ts
@@ -220,6 +220,28 @@ export enum PartitionBound {
   PARTITION_LOWER_BOUND = 'PARTITION_LOWER_BOUND',
 }
 
+export const taskSuccessHintInfo = {
+  terminate: formatMessage({
+    id: 'odc.components.TaskManagePage.TerminatedSuccessfully',
+    defaultMessage: '终止成功',
+  }),
+  delete: formatMessage({
+    id: 'src.component.Task.component.ActionBar.9EDD0936',
+    defaultMessage: '删除成功',
+  }),
+  retry: formatMessage({
+    id: 'odc.TaskManagePage.component.TaskTools.InitiatedAgain',
+    defaultMessage: '再次发起成功',
+  }),
+  again: formatMessage({
+    id: 'src.component.Task.component.ActionBar.15961986',
+    defaultMessage: '发起重试成功',
+  }),
+  start: formatMessage({
+    id: 'src.component.Task.component.ActionBar.10A4FEFD',
+    defaultMessage: '开始执行',
+  }),
+};
 export const ObDocsUrlMap = {
   'en-us': {
     '100.sql-development-common-techniques.html':
diff --git a/src/d.ts/datasource.ts b/src/d.ts/datasource.ts
index bbe587879..bed98e60c 100644
--- a/src/d.ts/datasource.ts
+++ b/src/d.ts/datasource.ts
@@ -55,3 +55,10 @@ export enum IDataSourceType {
   HUAWEI = 'HUAWEI',
   AWSS3 = 'AWSS3',
 }
+
+export enum IForbiddenSQLConsoleDataSourceType {
+  OSS = 'OSS',
+  COS = 'COS',
+  AWS = 'AWS',
+  OBS = 'OBS',
+}
diff --git a/src/d.ts/importTask.ts b/src/d.ts/importTask.ts
index 1155ad241..ae70f08c1 100644
--- a/src/d.ts/importTask.ts
+++ b/src/d.ts/importTask.ts
@@ -1,30 +1,36 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
-import { ConnectType, IConnection, TaskType } from '.';
+import { ConnectType, IConnection, TaskStatus, TaskType } from '.';
 import { ODCCloudProvider } from './migrateTask';
 
 export enum ScheduleNonImportableType {
-  LACK_OF_INSTANCE = 'LACK_OF_INSTANCE',
   TYPE_NOT_MATCH = 'TYPE_NOT_MATCH',
-  DATASOURCE_NON_EXIST = 'DATASOURCE_NON_EXIST',
   IMPORTED = 'IMPORTED',
 }
 
 export const ScheduleNonImportableTypeMap = {
-  [ScheduleNonImportableType.DATASOURCE_NON_EXIST]: formatMessage({
-    id: 'src.d.ts.25D43093',
-    defaultMessage: '数据源不存在',
-  }),
-  [ScheduleNonImportableType.LACK_OF_INSTANCE]: formatMessage({
-    id: 'src.d.ts.CAC52ADB',
-    defaultMessage: '实例不存在',
-  }),
   [ScheduleNonImportableType.TYPE_NOT_MATCH]: formatMessage({
     id: 'src.d.ts.B89ABE6D',
     defaultMessage: '类型不匹配',
   }),
   [ScheduleNonImportableType.IMPORTED]: formatMessage({
-    id: 'src.d.ts.7AE88D0A',
-    defaultMessage: '已导入',
+    id: 'src.d.ts.BE8F2539',
+    defaultMessage: '已存在',
   }),
 };
 
@@ -35,7 +41,16 @@ export interface IScheduleTaskImportRequest {
   projectId: string;
   decryptKey: string;
   // 导入接口必须传
-  importableExportRowId?: string[];
+  scheduleTaskImportRows?: scheduleTaskImportRows[];
+}
+
+export interface scheduleTaskImportRows {
+  // 行ID
+  rowId: string;
+  // 手动指定的源数据库ID
+  databaseId: number;
+  // 手动指定的目标数据库ID
+  targetDatabaseId: number;
 }
 
 export interface IImportScheduleTaskView {
@@ -60,8 +75,10 @@ export interface IImportScheduleTaskView {
    */
   originProjectName: string;
   type: TaskType;
-  databaseView: IImportDatabaseView;
-  targetDatabaseView: IImportDatabaseView;
+  databaseView: IImportDatabaseView; // 源端
+  targetDatabaseView: IImportDatabaseView; // 目标端
+  description: string;
+  originStatus: TaskStatus;
 }
 
 export interface IImportDatabaseView {
@@ -85,6 +102,7 @@ export interface IImportDatabaseView {
    */
   matchedDatasourceName: string;
   databaseName: string;
+  matchedDatabaseId?: number; // 匹配到的源端 / 目标端数据库ID
 }
 
 export interface IImportTaskResult {
@@ -94,6 +112,7 @@ export interface IImportTaskResult {
   exportRowId: string;
   success: boolean;
   failedReason: string;
+  remark?: string;
 }
 
 export enum IMPORT_TYPE {
@@ -114,6 +133,11 @@ export interface IScheduleTerminateCmd {
   ids: number[];
 }
 
+export interface ITaskTerminateCmd {
+  taskType: TaskType;
+  flowInstanceIds: number[];
+}
+
 export interface IScheduleTerminateResult {
   terminateSucceed: boolean;
   scheduleType: TaskType;
diff --git a/src/d.ts/index.ts b/src/d.ts/index.ts
index 3ebc43b94..47754c990 100644
--- a/src/d.ts/index.ts
+++ b/src/d.ts/index.ts
@@ -14,8 +14,8 @@
  * limitations under the License.
  */
 
+import { ErrorStrategy } from '@/component/Task/modals/ShadowSyncTask/CreateModal/interface';
 import type { Dayjs } from 'dayjs';
-import { ErrorStrategy } from '@/component/Task/ShadowSyncTask/CreateModal/interface';
 import { PLType } from '@/constant/plType';
 import { IRiskLevel } from '@/d.ts/riskLevel';
 import { IUnauthorizedDBResources, TablePermissionType } from '@/d.ts/table';
@@ -37,7 +37,7 @@ import {
   TablePrimaryConstraint,
 } from '@/page/Workspace/components/CreateTable/interface';
 import { IColumnStoreServerType } from '@/d.ts/table';
-import { LockStrategy } from '@/component/Task/AlterDdlTask/CreateModal';
+import { LockStrategy } from '@/component/Task/modals/AlterDdlTask/CreateModal';
 export interface IUser {
   email: string;
   desc: string;
@@ -1850,7 +1850,7 @@ export interface IDatabaseSession {
   dbUser: string;
   executeTime: number;
   obproxyIp: string;
-  sessionId: number;
+  sessionId: string;
   sql: string;
   srcIp: string;
   svrIp: string;
@@ -3268,6 +3268,7 @@ export enum TaskNodeStatus {
   FAILED = 'FAILED',
   WAIT_FOR_CONFIRM = 'WAIT_FOR_CONFIRM',
   PRE_CHECK_FAILED = 'PRE_CHECK_FAILED',
+  EXECUTING_ABNORMAL = 'EXECUTING_ABNORMAL',
 }
 
 export enum SQLContentType {
diff --git a/src/d.ts/logicalDatabase.ts b/src/d.ts/logicalDatabase.ts
index c8983c9a5..ab8e6b395 100644
--- a/src/d.ts/logicalDatabase.ts
+++ b/src/d.ts/logicalDatabase.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ConnectionMode, IAsyncTaskResultSet } from '.';
 import { IDatabase } from './database';
 import { IDatasource } from './datasource';
diff --git a/src/d.ts/migrateTask.tsx b/src/d.ts/migrateTask.tsx
index e82746eab..3c174c438 100644
--- a/src/d.ts/migrateTask.tsx
+++ b/src/d.ts/migrateTask.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { TaskRecord, TaskRecordParameters, TaskStatus, TaskType } from '.';
 import { IDatabase } from './database';
 
@@ -69,6 +85,7 @@ export interface FileExportResponse {
 export interface ScheduleExportListView {
   id: number;
   scheduleType: TaskType;
+  type: TaskType;
   databaseId: number;
   database: IDatabase;
   description: string;
diff --git a/src/d.ts/operation.ts b/src/d.ts/operation.ts
index d01491b5c..7a0609049 100644
--- a/src/d.ts/operation.ts
+++ b/src/d.ts/operation.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 export enum UserOperationKey {
   /** 管理权限 */
   MANAGE_PERMISSION = 'managePermission',
diff --git a/src/layout/DefaultRedirect.tsx b/src/layout/DefaultRedirect.tsx
index 7df358a92..974e85988 100644
--- a/src/layout/DefaultRedirect.tsx
+++ b/src/layout/DefaultRedirect.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { getDefaultProjectPage } from '@/service/projectHistory';
 import { Navigate } from '@umijs/max';
 
diff --git a/src/layout/antdTheme.tsx b/src/layout/antdTheme.tsx
index 528125943..706aa7ecd 100644
--- a/src/layout/antdTheme.tsx
+++ b/src/layout/antdTheme.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ThemeConfig } from 'antd/es';
 
 const colorToken = {
diff --git a/src/locales/must/strings/en-US.json b/src/locales/must/strings/en-US.json
index bce5ac3df..6c94ce8d6 100644
--- a/src/locales/must/strings/en-US.json
+++ b/src/locales/must/strings/en-US.json
@@ -141,7 +141,6 @@
   "odc.ImportDrawer.ImportForm.BatchSubmissionQuantity": "Batch Commit Quantity",
   "workspace.window.sql.explain.detail.failed": "Failed to view SQL execution details.",
   "odc.component.SnippetForm.SyntaxDescription": "Snippet Description",
-  "odc.components.ImportDrawer.NoMappingRelationshipSelected": "The mapping relationship is not selected",
   "odc.helper.page.openPage.CreateSynonym": "Create Synonym",
   "odc.components.SynonymPage.Created": "Created At:",
   "odc.src.d.ts.Function": "Function",
@@ -245,7 +244,6 @@
   "workspace.window.createSequence.params.cached.no": "No Cache",
   "workspace.window.createPackage.modal.title": "Create Package",
   "odc.components.TaskManagePage.TerminatedSuccessfully": "Aborted",
-  "odc.components.ImportDrawer.DuplicateMappingRelationships": "The mapping relationship is duplicate.",
   "odc.components.PackagePage.LastModifiedTime": "Last Modified At",
   "odc.CreateTriggerPage.component.AdvancedInfoFrom.SelectAtLeastOneEvent": "Select at least one event",
   "workspace.window.function.propstab.params": "Parameter",
@@ -554,7 +552,6 @@
   "odc.src.store.sql.Compile": "Compile",
   "odc.ImportDrawer.ImportForm.ClickOrDragTheFile": "Click or drag the file here to upload",
   "workspace.window.createTable.partition.value.listColumns.placelholder": "(Field 1, Field 2),(Field 1, Field 2)",
-  "workspace.window.sql.limit.placeholder": "1,000",
   "workspace.window.recyclebin.button.purgeAll": "Clear",
   "odc.component.GrammerHelpSider.SnippetslacksInTotal": "{snippetsLength} entries in total",
   "odc.helper.page.openPage.CreateATrigger": "Create Trigger",
@@ -581,7 +578,6 @@
   "odc.ImportDrawer.csvMapping.TargetFieldType": "Target Field Type",
   "odc.components.PLPage.SavedSuccessfully": "Saved.",
   "odc.TreeNodeMenu.config.view.ViewViewProperties": "Check View Properties",
-  "odc.components.ImportDrawer.SelectTheFieldsToBe": "Select the field to be mapped",
   "odc.components.PLPage.statusBar.ManualTermination": "Manually Abort",
   "odc.components.TypePage.ModificationTime": "Modified At:",
   "odc.component.CreateTypeModal.Cancel": "Cancel",
@@ -1374,7 +1370,6 @@
   "odc.component.CommonTaskDetailModal.TaskFlow.Handler": "Operator",
   "odc.component.helpDoc.doc.TheApprovalTimesOutAnd": "The approval has timed out. The task will expire.",
   "odc.component.DataTransferModal.ExecutionMethod": "Execution Mode",
-  "odc.TaskManagePage.component.TaskTools.InitiateAgain": "Initiate Again",
   "odc.component.CommonTaskDetailModal.TaskFlow.Handled": "Available Operator",
   "odc.components.FormRecordExportModal.Cancel": "Cancel",
   "odc.component.OSSDragger2.Cancel": "Cancel",
@@ -1549,7 +1544,6 @@
   "odc.component.CommonTaskDetailModal.TaskFlow.InitiateATask": "Initiate Task",
   "odc.components.FormRecordExportModal.Export": "Export",
   "odc.TaskManagePage.component.TaskTools.Reject": "Reject",
-  "odc.TaskManagePage.component.TaskTools.Terminate": "Stop",
   "odc.components.RecordPage.component.DetailedRules": "Operation Rules",
   "odc.component.DetailModal.dataMocker.RiskLevel": "Risk Level",
   "odc.component.TaskStatus.ApprovalExpired": "The approval has expired.",
@@ -1997,7 +1991,6 @@
   "odc.components.CreateShadowSyncModal.Submit": "Submit",
   "odc.StructConfigPanel.StructAnalysisResult.column.ExecutionResult": "Execution Result",
   "odc.component.CommonTaskDetailModal.TaskRecord.View": "View",
-  "odc.components.PartitionDrawer.Remarks": "Remarks",
   "odc.component.AddConnectionForm.AddressItems.ClusterName": "Cluster",
   "odc.AddConnectionForm.Account.PrivateAccount.TheEndOfTheAccount": "The account contains spaces at the beginning and end.",
   "odc.components.SQLPage.BecauseTheSqlIsToo": "Since SQL is too long, the editor will only support preview",
@@ -2234,7 +2227,6 @@
   "odc.Content.ListItem.TenantTenant": "Tenant: {tenant}",
   "odc.component.Crontab.const.Saturday": "Saturday",
   "odc.components.CreateSQLPlanTaskModal.Save": "Save",
-  "odc.TaskManagePage.component.TaskTools.View": "View",
   "odc.components.CreateSQLPlanTaskModal.CreateAnSqlPlan": "Create SQL Plan",
   "odc.components.RolePage.component.ResourceManagementPermissions": "Resource Management Permissions",
   "odc.src.d.ts.TableGroup": "Table Group",
@@ -2339,7 +2331,7 @@
   "odc.component.Login.RegisterForm.ConfirmPasswordInconsistency": "The passwords you entered do not match.",
   "odc.component.Login.RegisterForm.TheUsernameMustBeTo": "The username can contain 4 to 48 characters in length.",
   "odc.component.AskEventTrackingModal.Login": "Log On",
-  "odc.component.SQLConfig.ObtainTheColumnInformationOf": "Obtain Column Information of Result Set",
+  "odc.component.SQLConfig.ObtainTheColumnInformationOf": "Obtain Result Set Column Information",
   "odc.component.Login.RegisterForm.TheUsernameCannotBeEmpty": "The username is required.",
   "odc.component.AskEventTrackingModal.InformationCollectionList": "Information Collection List",
   "odc.component.Login.ActivateForm.Activate": "Activate",
@@ -2803,7 +2795,6 @@
   "odc.Project.User.DeletedSuccessfully": "Deleted.",
   "odc.SensitiveRule.components.CheckboxInput.PleaseEnter": "Enter a value",
   "odc.Secure.Approval.ExecutionValidityPeriod": "Execution Validity Period",
-  "odc.AlterDdlTask.CreateModal.LockTableTimeout": "Table Locking Timeout Period",
   "odc.NewSSODrawerButton.SSOForm.ConfigurationName": "Configuration Name",
   "odc.Datasource.Info.Delete": "Delete",
   "odc.components.SensitiveColumn.AreYouSureYouWant.1": "Are you sure that you want to delete the sensitive column?",
@@ -2836,7 +2827,6 @@
   "odc.NewSSODrawerButton.SSOForm.Type": "Type",
   "odc.component.FormModal.TitleName": "{title} Name",
   "odc.ResourceTree.Nodes.package.Subprogram": "Subprogram",
-  "odc.AlterDdlTask.CreateModal.Seconds": "Seconds",
   "odc.Project.Database.CharacterEncoding": "Character Set",
   "odc.page.Secure.RiskLevel": "Risk Level",
   "odc.DataArchiveTask.DetailContent.TaskType": "Task Type",
@@ -2871,7 +2861,6 @@
   "odc.AlterDdlTask.DetailContent.SourceTableCleanupPolicyAfter": "Cleanup Strategy for Source Table Upon Completion",
   "odc.SensitiveRule.components.DetectWay.Script": "Script",
   "odc.AlterDdlTask.CreateModal.AreYouSureYouWant": "Are you sure that you want to cancel the online schema change?",
-  "odc.AlterDdlTask.DetailContent.LockTableTimeout": "Table Locking Timeout Period",
   "odc.Project.Setting.ProjectInformation": "Project Information",
   "odc.Project.User.AreYouSureYouWant": "Are you sure that you want to delete this member?",
   "odc.SensitiveRule.components.FormSensitiveRuleDrawer.AreYouSureYouWant.1": "Are you sure that you want to cancel the creation?",
@@ -3204,7 +3193,6 @@
   "odc.AsyncTask.DetailContent.RollbackContent": "Rollback Content",
   "odc.NewSSODrawerButton.SSOForm.ObtainTheAccessTokenAddress": "The address provided by the authorization server for obtaining an access token.",
   "odc.ExternalIntegration.SSO.WhetherToEnable": "Enabled",
-  "odc.AlterDdlTask.CreateModal.NumberOfFailedRetries": "Retry Attempts on Failure",
   "odc.Env.components.InnerEnvironment.ConfigurationValue": "Current Value",
   "odc.Script.Snippet.Copy": "Copy",
   "odc.DataArchiveTask.CreateModal.Ok": "OK",
@@ -3270,7 +3258,6 @@
   "odc.Database.AddDataBaseButton.BoundProject": "- Bound Project:",
   "odc.component.EditPLParamsModal.StatementCannotBeEmpty": "Specify a statement.",
   "odc.component.FormModal.TheProcessNameCannotExceed": "The process name can be up to 128 characters in length.",
-  "odc.component.helpDoc.doc.AfterTheTableLockTime": "If the switching is not completed within the table locking period, the switching is automatically retried.",
   "odc.SensitiveRule.components.FormSensitiveRuleDrawer.UpdateFailed": "Update failed.",
   "odc.ExternalIntegration.SqlInterceptor.FollowTheSecuritySpecificationSql": "Follow the security specification-SQL development specification-SQL window rule path to use the configured and enabled SQL interception integration",
   "odc.Env.components.EditRuleDrawer.ExecutionIsProhibitedAndApproval": "Execution prohibited, unable to initiate approval",
@@ -3278,7 +3265,6 @@
   "odc.component.CommonDetailModal.TaskExecuteRecord.DatabaseChanges": "Database changes",
   "odc.components.RecordPage.column.EnterADataSource": "Please enter a data source",
   "odc.components.SQLResultSet.DBTimeline.SqlPostCheck": "SQL post check",
-  "odc.component.VersionModal.config.ThroughDataArchivingYouCan": "With data archiving, you can configure flexible archiving conditions to separate hot and cold data.",
   "odc.Sider.SpaceSelect.Ok": "OK",
   "odc.Record.RecordPage.column.DataSource": "Data Source",
   "odc.Record.RecordPage.interface.TransferProject": "Transfer Items",
@@ -3322,7 +3308,6 @@
   "odc.components.SQLResultSet.DBTimeline.SqlPrecheck": "SQL PreCheck",
   "odc.component.DescriptionInput.EnterADescriptionLessThan": "Please enter a description within 200 words; If not entered, the system will automatically generate description information according to the object and work order type.",
   "odc.DataArchiveTask.CreateModal.ExecutionTime": "Execution time",
-  "odc.component.VersionModal.config.OdcProvidesDatabaseObjectManagement": "ODC provides database object management, data import and export, SQL editing and execution, PL\nCompilation and debugging, data generation, execution analysis, database operation and maintenance and other tool capabilities.",
   "odc.Env.components.EditRuleDrawer.AllowExecution": "Permit Execution",
   "odc.ResourceTree.Datasource.DeletedSuccessfully": "Deleted successfully",
   "odc.DataArchiveTask.CreateModal.VariableConfig.DeleteAVariable": "Delete Variable",
@@ -3771,17 +3756,14 @@
   "odc.src.component.Task.component.CommonDetailModal.Nodes.HighRisk": "High Risk",
   "odc.src.page.Workspace.components.SQLResultSet.TheCurrentSQLExistenceMust": "The current SQL statement has items that require revision. Please make the necessary changes before executing.",
   "odc.src.component.Task.AlterDdlTask.CreateModal.LockUsers.1": "Lock User",
-  "odc.src.component.Task.AlterDdlTask.CreateModal.1BeforePerformingThe": "1. Before performing the online schema change, ensure that the database server has sufficient disk space.",
   "odc.src.component.Task.DataClearTask.CreateModal.PleaseEnter": "Please enter",
   "odc.src.component.Task.component.CommonDetailModal.Nodes.TheNumberOf": ". Pre-check processing exceeds the maximum limit of SQL statements. The current workflow will proceed based on the ",
   "odc.src.page.Project.Project.CreateProject.SecurityAdministrator": "Security Administrator",
   "odc.src.component.Task.component.CommonDetailModal.Share": "Share",
   "odc.src.page.Workspace.components.SQLResultSet.SQLContentHasBeenModified": "The SQL statement has been modified, and the original problematic line cannot be located. Please re-execute the SQL statement or initiate a pre-check.",
   "odc.src.component.Task.PartitionTask.DetailContent.Partition": "Partitioning Plan",
-  "odc.src.component.Task.DataArchiveTask.CreateModal.PleaseEnter": "Please enter",
   "odc.src.component.Task.PartitionTask.DetailContent.RiskLevel": "Risk Level",
   "odc.src.component.Task.component.CommonDetailModal.Nodes.GradeContinuesToAdvance": " level.",
-  "odc.src.component.Task.DataArchiveTask.CreateModal.PleaseChoose.1": "Please select",
   "odc.src.component.Task.PartitionTask.DetailContent.Remark": "Remarks",
   "odc.src.page.Workspace.components.SQLResultSet.TheCurrentSQLNeedsApproval": "The current SQL statement requires approval. Initiate the approval process or make the necessary modifications before execution.",
   "odc.src.component.Task.PartitionTask.DetailContent.CreationTime": "Created At",
@@ -3790,10 +3772,7 @@
   "odc.src.component.Task.component.CommonDetailModal.Replication": "Copied successfully",
   "odc.src.component.Task.DataClearTask.CreateModal.PleaseChoose": "Please select",
   "odc.src.component.Task.DataClearTask.CreateModal.PleaseChoose.1": "Please select",
-  "odc.src.component.Task.DataArchiveTask.CreateModal.PleaseChoose": "Please select",
   "odc.src.component.Task.NoCurrentWorkOrderView": "No permission to view the current ticket",
-  "odc.src.component.Task.AlterDdlTask.CreateModal.2WhenCreatingA": "2. When creating a ticket and selecting the source table cleanup strategy, it is recommended to retain the source table.",
-  "odc.src.component.Task.AlterDdlTask.CreateModal.3IfTheOB": "3. Before switching the table name, the specified database account will be locked, and the session corresponding to that account will be closed. During the table name switch, the locked account will prevent the application from accessing the database, so please do not execute this during peak business hours;",
   "src.component.Task.component.PartitionPolicyTable.F057FAAF": "Sequential Increment",
   "src.component.Task.StructureComparisonTask.DetailContent.E8DAF6BA": "Actions",
   "src.page.Datasource.Datasource.NewDatasourceDrawer.Form.Account.445C8BBC": "Default",
@@ -3804,7 +3783,6 @@
   "src.component.Task.ApplyDatabasePermission.CreateModal.B0247EF7": "Please enter the reason for the application.",
   "src.page.Project.User.ManageModal.B7377F46": "Once revoked, the operation cannot be undone.",
   "src.component.Task.StructureComparisonTask.CreateModal.A8C717F6": "Cancel",
-  "src.component.helpDoc.AEEC5916": "Regarding the third point of the considerations, specifying the account to be locked is to ensure data consistency during table name switching while minimizing the impact on the business as much as possible. Please ensure the accuracy of the specified account. If you do not specify any account, ODC will not perform any operations to lock accounts or kill sessions, and you will need to ensure data consistency during the switch.",
   "src.component.Task.ApplyDatabasePermission.DetailContent.2C812515": "Created By",
   "src.component.EditorToolBar.actions.3BDAC881": "Execute Current Statement",
   "src.component.Task.ApplyDatabasePermission.DetailContent.265A918A": "Reason for Application",
@@ -3879,10 +3857,9 @@
   "src.component.Task.ApplyDatabasePermission.DetailContent.AFAA55EA": "Ticket Type",
   "src.component.Task.ApplyDatabasePermission.CreateModal.B35BDC54": "Are you sure you want to cancel applying for database permissions?",
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.C5D23829": "Test login successful",
-  "src.component.ODCSetting.config.56F5CB81": "Delimiter Settings",
+  "src.component.ODCSetting.config.56F5CB81": "Delimiter",
   "src.component.Task.component.PartitionPolicyFormTable.7D6F23AE": "Number of Reserved Partitions",
   "src.page.Workspace.components.SessionContextWrap.SessionSelect.38EA55F4": "Project: ",
-  "src.component.Task.DataClearTask.DetailContent.D2882643": "Yes",
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.DBB95C01": "Please enter the server.",
   "src.page.Project.Notification.components.F80DF1C7": "Lark",
   "src.component.Task.StructureComparisonTask.DetailContent.3C7B0B00": "Target Database",
@@ -4032,7 +4009,6 @@
   "src.component.Task.0B2B1D60": "Manual Execution",
   "src.page.Project.Notification.components.DFE43F9E": "Request Method",
   "src.component.helpDoc.EFADD11A": "Able to manage sensitive columns in the project in addition to the privileges of a participant",
-  "src.component.Task.StructureComparisonTask.CreateModal.52828286": "Description",
   "src.page.Project.User.ManageModal.UserAuthList.C3B2211E": "Please enter",
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.DC978DE4": "Password",
   "src.component.Task.ApplyDatabasePermission.CreateModal.28506030": "Reason for Application",
@@ -4045,7 +4021,6 @@
   "src.component.Task.component.PartitionPolicyTable.8BC770B0": "Number of Partitions to be Created",
   "src.component.Task.StructureComparisonTask.CreateModal.B4FAB9EC": "Failed to create",
   "src.component.ODCSetting.647A18AA": "Are you sure you want to reset settings to default?",
-  "src.component.Task.DataClearTask.CreateModal.23542D89": "Please select",
   "src.page.Project.Notification.components.BA80DE5A": "Cancel",
   "src.component.ODCSetting.config.80241964": "Normal",
   "src.component.Task.component.PartitionPolicyFormTable.DF75EB9E": "How to configure?",
@@ -4076,7 +4051,6 @@
   "src.page.Project.Notification.components.713896D2": "Up to",
   "src.component.Task.StructureComparisonTask.CreateModal.45DB3909": "Create Schema Comparison",
   "src.component.Task.PartitionTask.CreateModal.E454F701": "Ignore Error and Continue",
-  "src.component.Task.StructureComparisonTask.CreateModal.67E284BD": "The description cannot exceed 200 characters",
   "src.page.Project.Notification.components.A50DD7D6": "Test notification sent successfully",
   "src.component.Task.9B79BD20": "Auto Execution",
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.2E3212A5": "Starting point or base point used when searching for groups during group queries.",
@@ -4086,7 +4060,6 @@
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.80683796": "Filter condition for user queries, allowing you to filter search results based on user attributes such as username, email, department, etc.",
   "src.component.Task.DataMockerTask.CreateModal.2C3DF5A5": "Create Mock Data Ticket",
   "src.page.Project.User.ManageModal.UserAuthList.19A27247": "Expired On",
-  "src.component.Task.DataClearTask.DetailContent.834E7D89": "No",
   "src.component.Task.component.PartitionPolicyTable.D94AE82A": "Creation Method",
   "src.page.Secure.Env.components.FF5B44FE": "Edit Environment",
   "src.page.Login.components.LDAPModal.AA5AB5DA": "The LDAP password cannot be empty.",
@@ -4222,7 +4195,7 @@
   "src.page.Datasource.Datasource.NewDatasourceDrawer.Form.BDA4C2AB": "Database",
   "src.component.ODCSetting.995A8948": "Cancel",
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.405C3356": "Please enter",
-  "src.component.ODCSetting.config.F785B55E": "Fetch Result Set Column Information",
+  "src.component.ODCSetting.config.F785B55E": "Obtain Result Set Column Information",
   "src.component.Task.component.PartitionPolicyTable.17F930BB": "Partitioning Strategy Details",
   "src.component.Task.ApplyDatabasePermission.CreateModal.5401D61D": "Please enter the reason for the application",
   "src.component.Task.component.PartitionPolicyTable.274DB973": "Enabled",
@@ -4235,7 +4208,6 @@
   "src.component.Task.AsyncTask.CreateModal.6EEFAEA6": "Create Database Change Ticket",
   "src.page.Project.Notification.components.95A710C5": "Request Method",
   "src.component.ODCSetting.config.1ACE7366": "The parameter modified will take effect after restarting ODC.",
-  "src.component.Task.PartitionTask.CreateModal.026392ED": "The description cannot exceed 200 characters, if left blank, a description will be automatically generated based on the object and ticket type",
   "src.page.Project.User.ManageModal.UserAuthList.583E307F": "Revoke",
   "src.page.Secure.Env.65EAAB75": "Are you sure you want to delete this environment?",
   "src.page.Login.components.LDAPModal.95DA8BD0": "LDAP Login",
@@ -4256,7 +4228,6 @@
   "src.page.Project.User.ManageModal.UserAuthList.8E0CB3F5": "Database",
   "src.page.Secure.Env.48529F6E": "All Environments",
   "src.component.Task.PartitionTask.CreateModal.0A49F493": "Hours",
-  "src.component.Task.DataClearTask.CreateModal.99D8FCD6": "Use Primary Key for Cleanup",
   "src.page.Project.Notification.components.F40AD99E": "Webhook URL",
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.5E8157A1": "Times",
   "src.component.Task.component.PartitionPolicyTable.5C3A7795": "Type",
@@ -4326,7 +4297,6 @@
   "src.component.Task.StructureComparisonTask.DetailContent.575F8B39": "Comparison Scope",
   "src.component.Task.ApplyDatabasePermission.CreateModal.87E335B0": "1 Year",
   "src.component.Task.component.PartitionPolicyFormTable.A9C95E9D": "Deleting partitions for tables with global indexes may result in index invalidation. If you choose to rebuild the global indexes, it may take a long time. Please proceed with caution.",
-  "src.component.Task.DataClearTask.DetailContent.2D1A14AB": "Use Primary Key for Cleanup",
   "src.component.Task.component.TaskTable.80E1D16A": "Schema Comparison",
   "src.page.Project.Notification.components.CA33D8AB": "The channel name already exists.",
   "src.page.Project.Notification.components.EA00E8BD": "Please select a channel type.",
@@ -4898,7 +4868,6 @@
   "src.component.SQLConfig.1A5CCA98": "SQL Execution",
   "src.page.Project.User.ManageModal.Table.TaskApplyList.EC52BFBC": "Expired On",
   "src.component.Task.ApplyTablePermission.CreateModal.E26609A0": "Export",
-  "src.component.Task.ApplyTablePermission.CreateModal.BC4488C7": "Never Expires",
   "src.component.Task.ApplyTablePermission.CreateModal.78B63403": "Please select",
   "src.component.Task.ApplyTablePermission.CreateModal.8955ACFE": "No projects available, please first  ",
   "src.component.Task.ApplyTablePermission.CreateModal.77D8F632": "Please select a project.",
@@ -4963,16 +4932,11 @@
   "src.page.Workspace.SideBar.ResourceTree.DatabaseSearchModal.components.5DDBC7F0": "All Search Results",
   "src.page.Project.User.ManageModal.Table.TaskApplyList.47C16695": "Database",
   "src.page.Project.User.ManageModal.Database.BC592E63": "Access",
-  "src.component.SQLConfig.1D15916D": "Delimiter Settings",
+  "src.component.SQLConfig.1D15916D": "Delimiter",
   "src.page.Workspace.SideBar.ResourceTree.DatabaseSearchModal.components.FA5E6855": "Locate Database \"{databaseName}\"",
   "src.page.Workspace.components.DDLResultSet.6477DD60": "Aggregate SQL execution details, physical execution plans, and multidimensional views of end-to-end trace diagnostics to quickly pinpoint the root causes of slow query executions.",
   "src.component.ExecuteSqlDetailModal.1882C007": "Plan Statistics",
-  "src.component.Task.component.ShardingStrategyItem.E5A6B481": "Full table scan",
-  "src.component.Task.component.ShardingStrategyItem.F91EEC6C": "Condition Matching",
-  "src.component.Task.component.ShardingStrategyItem.3BD95C1A": "Search strategy",
   "src.component.Task.component.ShardingStrategyItem.D5F45B7A": "Please select a search strategy.",
-  "src.component.Task.DataClearTask.DetailContent.E977DA21": "Search strategy",
-  "src.component.Task.DataArchiveTask.DetailContent.4844C10F": "Search strategy",
   "src.page.Workspace.components.TablePage.ShowTableBaseInfoForm.56FAF24C": "Logic Table Name",
   "src.page.Workspace.components.TablePage.ShowTableBaseInfoForm.C1C0A345": "Logical Table Expression",
   "src.page.Workspace.components.TablePage.ShowTableBaseInfoForm.200BCB34": "Table Topology",
@@ -5651,7 +5615,6 @@
   "src.page.Console.9B6E647E": "Feedback",
   "src.page.Console.470D66DD": "Understanding real-time SQL diagnostics for OceanBase AP",
   "src.page.Console.67004EA1": "ODC SQL check for automatic identification of high-risk operations",
-  "src.page.Console.4F744942": "Integration with ODC enterprise-level account system",
   "src.page.Console.15BABD7A": "Enterprise-level control and collaboration: Safeguard every database change",
   "src.page.Console.A0F9F190": "Manage and modify sharded databases and tables via ODC",
   "src.page.Console.7BD8C2BB": "Data masking and control practices",
@@ -5711,7 +5674,6 @@
   "src.component.Task.component.PartitionPolicyFormTable.E0F368F6": "Numeric",
   "src.component.Task.component.PartitionPolicyFormTable.053D6705": "Datetime",
   "src.component.Task.component.PartitionPolicyFormTable.FCD94271": "Timestamp",
-  "src.component.Task.component.PartitionPolicyFormTable.9F024A60": "The current number of pre-created partitions is too small. If the scheduling fails, business operations may be affected. It is recommended to adjust it to 2 or more.",
   "src.component.Task.component.PartitionPolicyFormTable.E753A67D": "The creation strategy has not been set up yet. No SQL can be previewed.",
   "src.component.Task.component.PartitionPolicyFormTable.18397BFF": "The method of generating partition names",
   "src.component.Task.component.PartitionPolicyFormTable.044700A2": "The generation rule for the partition name, which can reference variables. For example: concat('P_', ${COL1}), where COL1 indicates the partition key of the partitioned table.",
@@ -5771,7 +5733,6 @@
   "src.component.ODCSetting.B7CA4CA1": "Enter the default number of entries per query",
   "src.component.ODCSetting.5127321B": "Do not exceed {sessionQueryLimit}.",
   "src.component.ODCSetting.A8E22CC2": "Do not exceed {queryLimit}.",
-  "src.component.ODCSetting.4C8CC366": "Do not exceed 100000.",
   "src.component.ODCSetting.DD41DED4": "Enter the maximum number of entries per query",
   "src.component.ODCSetting.6BCFD6DD": "Users",
   "src.component.ODCSetting.47586FD4": "Personal Workspaces",
@@ -5794,7 +5755,7 @@
   "src.component.ODCSetting.config.group.B3BD15DD": "Automatically Generate Backup Rollback Plan for Database Changes",
   "src.component.ODCSetting.config.group.75980064": "Yes",
   "src.component.ODCSetting.config.group.228F4926": "No",
-  "src.component.ODCSetting.config.group.0ACF68C5": "Job Description Prompt",
+  "src.component.ODCSetting.config.group.0ACF68C5": "Task Description Prompt",
   "src.component.ODCSetting.config.group.8EBEF215": "SQL Query",
   "src.component.ODCSetting.config.group.5F1DCFE2": "Maximum Entries per Query",
   "src.component.ODCSetting.config.group.7B82C09C": "Default Entries per Query",
@@ -5836,21 +5797,14 @@
   "src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.13B22678": "yyyy-MM-dd HH:mm:ss",
   "src.component.Task.LogicDatabaseAsyncTask.CreateModal.C53810BF": "Comment parsing is currently unsupported for logical database changes. Adding comments may cause SQL statement parsing exceptions.",
   "src.component.CommonTable.2363A9C8": "Display Periodic Execution Tasks Only",
-  "src.page.Workspace.components.DDLResultSet.Sync.38BDFD2B": "View Refresh Records",
   "src.page.Auth.Role.component.FormModal.3D1B7861": "The currently granted permissions are overlapping. Only the records with larger permission scopes are retained.",
-  "src.d.ts.25D43093": "Data source does not exist",
-  "src.d.ts.CAC52ADB": "Instance does not exist",
   "src.d.ts.B89ABE6D": "Type mismatch",
-  "src.d.ts.7AE88D0A": "Imported",
   "src.component.Task.component.TaskTable.D4FAED98": "Import {activeTaskLabel}",
   "src.component.Task.component.TaskTable.55FC08BB": "Importing",
   "src.component.Task.component.PartitionPolicyFormTable.B988E243": "The current number of pre-created partitions is too small. If the scheduling fails, business operations may be affected. It is recommended to adjust it to 2 or more.",
   "src.component.Task.component.ImportModal.997B6AC7": "Scheduled Task Import Completed",
-  "src.component.Task.component.ImportModal.E256F212": "{resultLength} job(s) imported successfully. It is recommended to manually ",
   "src.component.Task.component.ImportModal.8AD83BC8": "Configure Message Notification",
   "src.component.Task.component.ImportModal.04E1F63D": "for the tasks to ensure that task exceptions can be found in time.",
-  "src.component.Task.component.ImportModal.E12ACFFB": "Scheduled Task Export Completed",
-  "src.component.Task.component.ImportModal.47DA5967": "{successCount} job(s) imported successfully.",
   "src.component.Task.component.ImportModal.32698C46": "{failedCount} job(s) failed to import. It is recommended to manually      ",
   "src.component.Task.component.ImportModal.801362FE": "Configure Message Notification",
   "src.component.Task.component.ImportModal.60663407": "for the tasks to ensure that task exceptions can be found in time. For export details, ",
@@ -5868,8 +5822,6 @@
   "src.component.Task.component.ImportModal.B6BCF0C0": "Cancel",
   "src.component.Task.component.ImportModal.2F42ECBC": "Next: Preview",
   "src.component.Task.component.ImportModal.9FFF1F71": "Previous: Upload File",
-  "src.component.Task.component.ImportModal.81026A36": "Import",
-  "src.component.Task.component.ImportModal.0C3395D0": "Only configuration files exported by Alibaba Cloud OceanBase R&D are supported for import.\nPlease confirm that the instance associated with the job has been switched to the current project in OceanBase Cloud. The system will match or create the corresponding data source based on the instance information.",
   "src.component.Task.component.ImportModal.D8DFA444": "Please upload",
   "src.component.Task.component.ImportModal.7B17FBF4": "File upload failed due to {fileResponseDataErrMsg}",
   "src.component.Task.component.ImportModal.3CEE142A": "File Key",
@@ -5878,30 +5830,14 @@
   "src.component.Task.component.ImportModal.C6AC4C4C": "Please enter",
   "src.component.Task.component.ImportModal.889B80AD": "Import Project",
   "src.component.Task.component.ImportModal.30D6697A": "Please select",
-  "src.component.Task.component.ImportModal.B3686BE9": "Please confirm that the relevant data sources have been added to the project.",
   "src.component.Task.component.ImportModal.1E47B6CE": "Create Data Source",
   "src.component.Task.component.ImportModal.E82DB6D1": "Please select",
   "src.component.Task.component.ImportModal.68180A60": "Create Project",
   "src.component.Task.component.ImportModal.A8BC98CA": "Data Source",
   "src.component.Task.component.ImportModal.0B1F9DCD": "Database",
   "src.component.Task.component.ImportModal.263EFA83": "Type",
-  "src.component.Task.component.ImportModal.40440087": "Cloud Vendor",
-  "src.component.Task.component.ImportModal.F2C95E45": "Region",
-  "src.component.Task.component.ImportModal.EFE4E0D0": "Connection Information",
-  "src.component.Task.component.ImportModal.4A911A47": "Instance Name",
-  "src.component.Task.component.ImportModal.396EF2AD": "Tenant Name",
   "src.component.Task.component.ImportModal.5928CAE8": "Database Account",
-  "src.component.Task.component.ImportModal.B4E8467F": "Source Database",
-  "src.component.Task.component.ImportModal.50582618": "Source Database",
-  "src.component.Task.component.ImportModal.76F572C8": "Target Database",
-  "src.component.Task.component.ImportModal.776397D6": "Target Database",
-  "src.component.Task.component.ImportModal.B5C62BDC": "Ticket Description",
-  "src.component.Task.component.ImportModal.1EB75659": "Database",
-  "src.component.Task.component.ImportModal.8D781AC2": "Database",
-  "src.component.Task.component.ImportModal.5DE578E8": "Original No.",
-  "src.component.Task.component.ImportModal.2043ADA9": "Original Project",
   "src.component.Task.component.ImportModal.1BF95006": "No jobs to import",
-  "src.component.Task.component.ImportModal.E8DE787E": "Importable",
   "src.component.Task.component.AsyncTaskOperationButton.D9D9A882": "Please select a ticket first.",
   "src.component.Task.component.AsyncTaskOperationButton.683E8B65": "Cancel",
   "src.component.Task.component.AsyncTaskOperationButton.2D7C7380": "I acknowledge the relevant business risks.",
@@ -5970,18 +5906,7 @@
   "src.component.Task.component.AsyncTaskOperationButton.89CE28F7": "Termination error occurred",
   "src.component.Task.component.AsyncTaskOperationButton.08EE66D0": "Terminate Task",
   "src.component.Task.component.AsyncTaskOperationButton.5E6481EB": "{idsLength} task(s) are being terminated...",
-  "src.component.Task.AlterDdlTask.CreateModal.A37F2729": "Before switching the table name, lock the original table to prohibit writes. Please ensure that your database meets the following conditions:\n    1. OceanBase Version ≥ 4.2.5 and < 4.3.0.\n    2. The enable_lock_priority parameter has been set to true.",
-  "src.component.Task.AlterDdlTask.CreateModal.8AC211D6": "Before switching the table name, lock the original table to prohibit writes. Please ensure that your database meets the following conditions:  \n    1. OceanBase Version ≥ 4.2.5 and < 4.3.0, and the enable_lock_priority parameter has been set to true.\n    2. ODP Version ≥ 4.3.1 and the following parameter settings have been made:  \n        alter proxyconfig set proxy_id=1;\n        alter proxyconfig set client_session_id_version=2;\n        alter proxyconfig set enable_single_leader_node_routing = false;",
-  "src.component.Task.AlterDdlTask.CreateModal.D1732875": "Note: Please ensure that the database server has sufficient disk space before performing the online schema change.",
-  "src.component.Task.AlterDdlTask.CreateModal.05BCC428": "Write Prohibition during Table Name Switch ",
-  "src.component.Task.AlterDdlTask.CreateModal.B0CFE0E1": "Before switching the table name, the system will lock the specified database account and terminate the session of the account. During the switch, all applications involving the account will not be able to access the database. It is recommended to avoid performing this operation during peak business hours to minimize the impact on your business.",
-  "src.component.Task.AlterDdlTask.CreateModal.D056FD5E": "Lock User",
-  "src.component.Task.AlterDdlTask.CreateModal.EA0D82E0": "Lock Table",
-  "src.component.Task.AlterDdlTask.CreateModal.125DF508": "Recommended",
-  "src.component.ODCSetting.2BE8F5C3": "Do not exceed {maxResultsetRows}",
-  "src.component.Task.AlterDdlTask.CreateModal.44A394CE": "Before switching the table name, lock the original table to prohibit writes. ",
-  "src.component.Task.AlterDdlTask.CreateModal.6DC73E39": "Before switching the table name, lock the original table to prevent writing. Please ensure that the ODP meets the following conditions:  \nODP version ≥ 4.3.1 and the following parameter settings have been made:  \n    alter proxyconfig set proxy_id=1;  \n    alter proxyconfig set client_session_id_version=2;  \n    alter proxyconfig set enable_single_leader_node_routing = false;  ",
-  "src.component.Task.AlterDdlTask.CreateModal.C62A7DBB": "Parameter enable_lock_priority needs to be set to true",
+  "src.page.Workspace.components.DDLResultSet.Sync.38BDFD2B": "View Refresh Records",
   "src.component.Task.component.ActionBar.797981FE": "No results",
   "src.component.Task.component.ActionBar.5218D741": "Query Results",
   "src.component.ODCSetting.9651E837": "Do not exceed {maxResultsetRows}",
@@ -5994,8 +5919,71 @@
   "src.component.ODCSetting.config.AB482BC7": "Support Viewing Query Results",
   "src.component.ODCSetting.config.3FE1F2A7": "Support Downloading Query Results",
   "src.component.ODCSetting.config.1ED38C41": "Query Results of Database Changes",
+  "src.component.Task.AlterDdlTask.CreateModal.D1732875": "Note: Please ensure that the database server has sufficient disk space before performing the online schema change.",
+  "src.component.Task.AlterDdlTask.CreateModal.05BCC428": "Write Prohibition during Table Name Switch ",
+  "src.component.Task.AlterDdlTask.CreateModal.B0CFE0E1": "Before switching the table name, the system will lock the specified database account and terminate the session of the account. During the switch, all applications involving the account will not be able to access the database. It is recommended to avoid performing this operation during peak business hours to minimize the impact on your business.",
+  "src.component.Task.AlterDdlTask.CreateModal.D056FD5E": "Lock User",
+  "src.component.Task.AlterDdlTask.CreateModal.EA0D82E0": "Lock Table",
+  "src.component.Task.AlterDdlTask.CreateModal.125DF508": "Recommended",
+  "src.component.Task.AlterDdlTask.CreateModal.44A394CE": "Before switching the table name, lock the original table to prohibit writes. ",
+  "src.component.Task.AlterDdlTask.CreateModal.6DC73E39": "Before switching the table name, lock the original table to prevent writing. Please ensure that the ODP meets the following conditions:  \nODP version ≥ 4.3.1 and the following parameter settings have been made:  \n    alter proxyconfig set proxy_id=1;  \n    alter proxyconfig set client_session_id_version=2;  \n    alter proxyconfig set enable_single_leader_node_routing = false;  ",
+  "src.component.Task.AlterDdlTask.CreateModal.C62A7DBB": "Parameter enable_lock_priority needs to be set to true",
   "src.page.Console.8F636FA5": "Explore ODC team workspaces",
   "src.component.helpDoc.7F2FDC2E": "Number of automatic retry attempts on lock failure",
   "src.component.Task.AlterDdlTask.CreateModal.1A8336C1": "Retry Attempts on Lock Failure",
-  "src.component.Task.AlterDdlTask.CreateModal.A56878AD": "Enter the number of retry attempts on lock failure"
+  "src.component.Task.AlterDdlTask.CreateModal.A56878AD": "Enter the number of retry attempts on lock failure",
+  "src.page.Workspace.components.SessionContextWrap.SessionSelect.SessionDropdown.49B355DA": "Manage Database",
+  "src.page.Console.components.RecentlyDatabase.806E294C": "Object storage does not currently support opening the SQL console.",
+  "src.d.ts.BE8F2539": "Already exists",
+  "src.component.Task.component.TaskTable.E20D58A0": "Personal space tasks can only be managed and viewed by you, and do not support alert configuration. Therefore, it is not recommended to use them in scenarios that heavily rely on production operations. If you need to use this feature in production, please prioritize using team space and set up the appropriate notification mechanism to ensure smooth business operations.",
+  "src.component.Task.component.ImportModal.A6892359": "(Contains {importedCount} imported tasks)",
+  "src.component.Task.component.ImportModal.AF106FF6": "{resultLength} jobs imported successfully {importedDescription}.",
+  "src.component.Task.component.ImportModal.97A1A7A3": "{resultLength} jobs imported successfully{importedDescription}.",
+  "src.component.Task.component.ImportModal.1B653B27": "It is recommended to manually complete the task.",
+  "src.component.Task.component.ImportModal.92D087FB": "(Contains {importedCount} imported tasks)",
+  "src.component.Task.component.ImportModal.94BFD01C": "{successCount} assignments imported successfully, {importedDescription}, {failedCount} assignments failed to import.",
+  "src.component.Task.component.ImportModal.AE88E265": "0 jobs imported successfully, 1,",
+  "src.component.Task.component.ImportModal.7C3EB72C": "Ticket",
+  "src.component.Task.component.ImportModal.DCD1BA1A": "Original database",
+  "src.component.Task.component.ImportModal.93C2FD0F": "Original database",
+  "src.component.Task.component.ImportModal.A8B5EF34": "Data Source: ",
+  "src.component.Task.component.ImportModal.4C0466BB": "Original database",
+  "src.component.Task.component.ImportModal.E78A5A7E": "Source Database",
+  "src.component.Task.component.ImportModal.47F8A3BA": "Target Database",
+  "src.component.Task.component.ImportModal.55E87B63": "Original state",
+  "src.component.Task.component.ImportModal.DFCD4ABB": "After successfully importing the work order, it will be re-enabled.",
+  "src.component.Task.component.ImportModal.37A63CCA": "Type",
+  "src.component.Task.component.ImportModal.D22149A7": "New Source Endpoint",
+  "src.component.Task.component.ImportModal.6992AD58": "New Target Endpoint",
+  "src.component.Task.component.ImportModal.01BA659E": "New database",
+  "src.component.Task.component.ImportModal.EA6397CD": "I have confirmed that the imported work order objects in the new and old databases are consistent.",
+  "src.component.Task.component.ImportModal.E756EF6A": "Import ({selectedRowKeysLength})",
+  "src.component.Task.component.ImportModal.A28A2A00": "Only configuration files exported from Alibaba Cloud OceanBase Data Development or ODC are supported. Before importing, please add the relevant data source and specify the corresponding project.",
+  "src.component.Task.component.ImportModal.C264F2F5": "Select the work orders you want to import, and they will be reactivated after import. Before importing, please check that the objects in the old and new databases are consistent; otherwise, the import or execution may fail.",
+  "src.component.Task.component.ImportModal.3137AA28": "Show only the tickets from the selected database.",
+  "src.component.Task.component.ImportModal.F8B503DB": "The following work orders have been imported and no further operations are required.",
+  "src.component.Task.component.ImportModal.49FDDB00": "The following work order types do not match and cannot be imported. It is recommended to select the corresponding work order type and re-import.",
+  "src.component.Task.component.ImportModal.F42820DF": "To be imported",
+  "src.component.Task.component.ImportModal.4559F373": "Host IP/Domain Name:",
+  "src.component.Task.component.ImportModal.FF8162DA": "Port",
+  "src.component.Task.component.ImportModal.825A80AC": "Please select a new database.",
+  "src.component.Task.component.ExecuteFailTip.BE7C5B92": "If the database connection fails or the project does not exist during the cycle execution, the task execution may fail; if the scheduling fails continuously within 30 days, the task will be automatically terminated.",
+  "src.page.Workspace.components.SQLResultSet.36FAD6DF": "Close Current Result Set",
+  "src.page.Workspace.components.SQLResultSet.A460FEDE": "Close Other Result Sets",
+  "src.page.Workspace.components.SQLResultSet.989D6FA1": "Close All Result Sets",
+  "src.component.helpDoc.7A52D62F": "The method to retrieve target record rows",
+  "src.component.ODCSetting.config.user.20C5DFB4": "Result Set Display",
+  "src.component.ODCSetting.config.user.2D4F8470": "The latest query results overwrite the previous query results. To view the results of multiple executions, you need to manually fix the result set (right-click in the Result Set tab).",
+  "src.component.ODCSetting.config.user.C8FE70F6": "Overwrite",
+  "src.component.ODCSetting.config.user.FACA6552": "Multiple query results are displayed in appended form and can be closed only if you manually close the Result Set tab.",
+  "src.component.ODCSetting.config.user.5BCACB4C": "Append",
+  "src.component.Task.component.Status.F318D350": "Execution exception",
+  "src.component.Task.component.ShardingStrategyItem.B6EB2F37": "Using a full table scan for data retrieval will make the process more stable, but performance may be affected.",
+  "src.component.Task.component.ShardingStrategyItem.61BD0252": "Data Retrieval through Full Table Scan",
+  "src.component.Task.modals.DataClearTask.DetailContent.E35B6945": "Data Retrieval through Full Table Scan",
+  "src.component.Task.modals.DataClearTask.DetailContent.A75CE867": "Yes",
+  "src.component.Task.modals.DataClearTask.DetailContent.CB4C9BFB": "No",
+  "src.component.Task.modals.DataArchiveTask.DetailContent.44776A6F": "Data Retrieval through Full Table Scan",
+  "src.component.Task.modals.DataArchiveTask.DetailContent.D405684B": "Yes",
+  "src.component.Task.modals.DataArchiveTask.DetailContent.53EB9D22": "No"
 }
diff --git a/src/locales/must/strings/zh-CN.json b/src/locales/must/strings/zh-CN.json
index 24d76291c..8c9cb136d 100644
--- a/src/locales/must/strings/zh-CN.json
+++ b/src/locales/must/strings/zh-CN.json
@@ -141,7 +141,6 @@
   "odc.ImportDrawer.ImportForm.BatchSubmissionQuantity": "批量提交数量",
   "workspace.window.sql.explain.detail.failed": "查看 SQL 执行详情失败",
   "odc.component.SnippetForm.SyntaxDescription": "代码片段描述",
-  "odc.components.ImportDrawer.NoMappingRelationshipSelected": "未选择映射关系",
   "odc.helper.page.openPage.CreateSynonym": "新建同义词",
   "odc.components.SynonymPage.Created": "创建时间:",
   "odc.src.d.ts.Function": "函数",
@@ -245,7 +244,6 @@
   "workspace.window.createSequence.params.cached.no": "无缓存",
   "workspace.window.createPackage.modal.title": "新建程序包",
   "odc.components.TaskManagePage.TerminatedSuccessfully": "终止成功",
-  "odc.components.ImportDrawer.DuplicateMappingRelationships": "映射关系存在重复",
   "odc.components.PackagePage.LastModifiedTime": "最近修改时间：",
   "odc.CreateTriggerPage.component.AdvancedInfoFrom.SelectAtLeastOneEvent": "请至少选择一个事件",
   "workspace.window.function.propstab.params": "参数",
@@ -554,7 +552,6 @@
   "odc.src.store.sql.Compile": "编译",
   "odc.ImportDrawer.ImportForm.ClickOrDragTheFile": "点击或将文件拖拽到这里上传",
   "workspace.window.createTable.partition.value.listColumns.placelholder": "(字段1,字段2),(字段1,字段2)",
-  "workspace.window.sql.limit.placeholder": "1000",
   "workspace.window.recyclebin.button.purgeAll": "清空",
   "odc.component.GrammerHelpSider.SnippetslacksInTotal": "共 {snippetsLength} 条",
   "odc.helper.page.openPage.CreateATrigger": "新建触发器",
@@ -581,7 +578,6 @@
   "odc.ImportDrawer.csvMapping.TargetFieldType": "目标字段类型",
   "odc.components.PLPage.SavedSuccessfully": "保存成功",
   "odc.TreeNodeMenu.config.view.ViewViewProperties": "查看视图属性",
-  "odc.components.ImportDrawer.SelectTheFieldsToBe": "请选择需要映射的字段",
   "odc.components.PLPage.statusBar.ManualTermination": "手动终止",
   "odc.components.TypePage.ModificationTime": "修改时间:",
   "odc.component.CreateTypeModal.Cancel": "取消",
@@ -1374,7 +1370,6 @@
   "odc.component.CommonTaskDetailModal.TaskFlow.Handler": "处理人",
   "odc.component.helpDoc.doc.TheApprovalTimesOutAnd": "审批超时，任务将过期",
   "odc.component.DataTransferModal.ExecutionMethod": "执行方式",
-  "odc.TaskManagePage.component.TaskTools.InitiateAgain": "再次发起",
   "odc.component.CommonTaskDetailModal.TaskFlow.Handled": "可处理人",
   "odc.components.FormRecordExportModal.Cancel": "取消",
   "odc.component.OSSDragger2.Cancel": "取消",
@@ -1549,7 +1544,6 @@
   "odc.component.CommonTaskDetailModal.TaskFlow.InitiateATask": "发起任务",
   "odc.components.FormRecordExportModal.Export": "导出",
   "odc.TaskManagePage.component.TaskTools.Reject": "拒绝",
-  "odc.TaskManagePage.component.TaskTools.Terminate": "终止",
   "odc.components.RecordPage.component.DetailedRules": "执行细则",
   "odc.component.DetailModal.dataMocker.RiskLevel": "风险等级",
   "odc.component.TaskStatus.ApprovalExpired": "审批已过期",
@@ -1997,7 +1991,6 @@
   "odc.components.CreateShadowSyncModal.Submit": "提交",
   "odc.StructConfigPanel.StructAnalysisResult.column.ExecutionResult": "执行结果",
   "odc.component.CommonTaskDetailModal.TaskRecord.View": "查看",
-  "odc.components.PartitionDrawer.Remarks": "备注",
   "odc.component.AddConnectionForm.AddressItems.ClusterName": "集群名",
   "odc.AddConnectionForm.Account.PrivateAccount.TheEndOfTheAccount": "账号首尾包含空格",
   "odc.components.SQLPage.BecauseTheSqlIsToo": "由于 SQL 过长，编辑器将只支持预览",
@@ -2234,7 +2227,6 @@
   "odc.Content.ListItem.TenantTenant": "租户: {tenant}",
   "odc.component.Crontab.const.Saturday": "周六",
   "odc.components.CreateSQLPlanTaskModal.Save": "保存",
-  "odc.TaskManagePage.component.TaskTools.View": "查看",
   "odc.components.CreateSQLPlanTaskModal.CreateAnSqlPlan": "新建 SQL 计划",
   "odc.components.RolePage.component.ResourceManagementPermissions": "资源管理权限",
   "odc.src.d.ts.TableGroup": "表组",
@@ -2803,7 +2795,6 @@
   "odc.Project.User.DeletedSuccessfully": "删除成功",
   "odc.SensitiveRule.components.CheckboxInput.PleaseEnter": "请输入",
   "odc.Secure.Approval.ExecutionValidityPeriod": "执行有效期",
-  "odc.AlterDdlTask.CreateModal.LockTableTimeout": "锁表超时时间",
   "odc.NewSSODrawerButton.SSOForm.ConfigurationName": "配置名称",
   "odc.Datasource.Info.Delete": "删除",
   "odc.components.SensitiveColumn.AreYouSureYouWant.1": "确认要删除敏感列吗？",
@@ -2836,7 +2827,6 @@
   "odc.NewSSODrawerButton.SSOForm.Type": "类型",
   "odc.component.FormModal.TitleName": "{title}名称",
   "odc.ResourceTree.Nodes.package.Subprogram": "子程序",
-  "odc.AlterDdlTask.CreateModal.Seconds": "秒",
   "odc.Project.Database.CharacterEncoding": "字符编码",
   "odc.page.Secure.RiskLevel": "风险等级",
   "odc.DataArchiveTask.DetailContent.TaskType": "任务类型",
@@ -2871,7 +2861,6 @@
   "odc.AlterDdlTask.DetailContent.SourceTableCleanupPolicyAfter": "完成后源表清理策略",
   "odc.SensitiveRule.components.DetectWay.Script": "脚本",
   "odc.AlterDdlTask.CreateModal.AreYouSureYouWant": "是否确认取消无锁结构变更？",
-  "odc.AlterDdlTask.DetailContent.LockTableTimeout": "锁表超时时间",
   "odc.Project.Setting.ProjectInformation": "项目信息",
   "odc.Project.User.AreYouSureYouWant": "是否确定删除该成员？",
   "odc.SensitiveRule.components.FormSensitiveRuleDrawer.AreYouSureYouWant.1": "是否确认取消新建？",
@@ -3204,7 +3193,6 @@
   "odc.AsyncTask.DetailContent.RollbackContent": "回滚内容",
   "odc.NewSSODrawerButton.SSOForm.ObtainTheAccessTokenAddress": "授权服务器提供的获取 access-token 地址",
   "odc.ExternalIntegration.SSO.WhetherToEnable": "是否启用",
-  "odc.AlterDdlTask.CreateModal.NumberOfFailedRetries": "失败重试次数",
   "odc.Env.components.InnerEnvironment.ConfigurationValue": "配置值",
   "odc.Script.Snippet.Copy": "复制",
   "odc.DataArchiveTask.CreateModal.Ok": "确定",
@@ -3270,7 +3258,6 @@
   "odc.Database.AddDataBaseButton.BoundProject": "- 已绑定项目：",
   "odc.component.EditPLParamsModal.StatementCannotBeEmpty": "语句不能为空",
   "odc.component.FormModal.TheProcessNameCannotExceed": "流程名称不超过 128 个字符",
-  "odc.component.helpDoc.doc.AfterTheTableLockTime": "超过锁表时间后，未切换完成可自动重试",
   "odc.SensitiveRule.components.FormSensitiveRuleDrawer.UpdateFailed": "更新失败",
   "odc.ExternalIntegration.SqlInterceptor.FollowTheSecuritySpecificationSql": "请按照 安全规范 - SQL 开发规范 - SQL 窗口规则 路径，使用您已配置并开启的 SQL 拦截集成",
   "odc.Env.components.EditRuleDrawer.ExecutionIsProhibitedAndApproval": "禁止执行，无法发起审批",
@@ -3278,7 +3265,6 @@
   "odc.component.CommonDetailModal.TaskExecuteRecord.DatabaseChanges": "数据库变更",
   "odc.components.RecordPage.column.EnterADataSource": "请输入所属数据源",
   "odc.components.SQLResultSet.DBTimeline.SqlPostCheck": "SQL 后置检查",
-  "odc.component.VersionModal.config.ThroughDataArchivingYouCan": "通过数据归档，您可以配置灵活的归档条件，实现冷热数据分离。",
   "odc.Sider.SpaceSelect.Ok": "确定",
   "odc.Record.RecordPage.column.DataSource": "数据源",
   "odc.Record.RecordPage.interface.TransferProject": "转移项目",
@@ -3322,7 +3308,6 @@
   "odc.components.SQLResultSet.DBTimeline.SqlPrecheck": "SQL 预检查",
   "odc.component.DescriptionInput.EnterADescriptionLessThan": "请输入描述，200字以内；未输入时，系统会根据对象和工单类型自动生成描述信息",
   "odc.DataArchiveTask.CreateModal.ExecutionTime": "执行时间",
-  "odc.component.VersionModal.config.OdcProvidesDatabaseObjectManagement": "ODC 提供了数据库对象管理、数据导入导出、SQL 编辑与执行、PL\n          编译与调试、数据生成、执行分析、数据库运维等工具能力。",
   "odc.Env.components.EditRuleDrawer.AllowExecution": "允许执行",
   "odc.ResourceTree.Datasource.DeletedSuccessfully": "删除成功",
   "odc.DataArchiveTask.CreateModal.VariableConfig.DeleteAVariable": "删除变量",
@@ -3771,17 +3756,14 @@
   "odc.src.component.Task.component.CommonDetailModal.Nodes.HighRisk": "高风险",
   "odc.src.page.Workspace.components.SQLResultSet.TheCurrentSQLExistenceMust": "当前 SQL 存在必须改进项，请修改后再执行",
   "odc.src.component.Task.AlterDdlTask.CreateModal.LockUsers.1": "锁定用户",
-  "odc.src.component.Task.AlterDdlTask.CreateModal.1BeforePerformingThe": "1. 执行无锁结构变更前请确保数据库服务器磁盘空间充足；",
   "odc.src.component.Task.DataClearTask.CreateModal.PleaseEnter": "请输入",
   "odc.src.component.Task.component.CommonDetailModal.Nodes.TheNumberOf": "，预检查处理 SQL 条数超过最大限制，当前任务流程将按",
   "odc.src.page.Project.Project.CreateProject.SecurityAdministrator": "安全管理员",
   "odc.src.component.Task.component.CommonDetailModal.Share": "分享",
   "odc.src.page.Workspace.components.SQLResultSet.SQLContentHasBeenModified": "SQL 内容已修改，已无法定位原问题行，请重新执行 SQL 语句或发起预检查",
   "odc.src.component.Task.PartitionTask.DetailContent.Partition": "分区计划",
-  "odc.src.component.Task.DataArchiveTask.CreateModal.PleaseEnter": "请输入",
   "odc.src.component.Task.PartitionTask.DetailContent.RiskLevel": "风险等级",
   "odc.src.component.Task.component.CommonDetailModal.Nodes.GradeContinuesToAdvance": "等级继续推进",
-  "odc.src.component.Task.DataArchiveTask.CreateModal.PleaseChoose.1": "请选择",
   "odc.src.component.Task.PartitionTask.DetailContent.Remark": "备注",
   "odc.src.page.Workspace.components.SQLResultSet.TheCurrentSQLNeedsApproval": "当前 SQL 存在需要审批项，请发起审批或修改后再执行",
   "odc.src.component.Task.PartitionTask.DetailContent.CreationTime": "创建时间",
@@ -3790,10 +3772,7 @@
   "odc.src.component.Task.component.CommonDetailModal.Replication": "复制成功",
   "odc.src.component.Task.DataClearTask.CreateModal.PleaseChoose": "请选择",
   "odc.src.component.Task.DataClearTask.CreateModal.PleaseChoose.1": "请选择",
-  "odc.src.component.Task.DataArchiveTask.CreateModal.PleaseChoose": "请选择",
   "odc.src.component.Task.NoCurrentWorkOrderView": "无当前工单查看权限",
-  "odc.src.component.Task.AlterDdlTask.CreateModal.2WhenCreatingA": "2. 创建工单选择源表清理策略时建议选择保留源表；",
-  "odc.src.component.Task.AlterDdlTask.CreateModal.3IfTheOB": "3. 表名切换之前会锁定您指定的数据库账号，并关闭该账号对应的会话。表名切换期间，锁定账号涉及应用将无法访问数据库，请勿在业务高峰期执行；",
   "src.component.Task.component.PartitionPolicyTable.F057FAAF": "顺序递增",
   "src.component.Task.StructureComparisonTask.DetailContent.E8DAF6BA": "操作",
   "src.page.Datasource.Datasource.NewDatasourceDrawer.Form.Account.445C8BBC": "默认",
@@ -3804,7 +3783,6 @@
   "src.component.Task.ApplyDatabasePermission.CreateModal.B0247EF7": "请输入原因描述",
   "src.page.Project.User.ManageModal.B7377F46": "回收后不可撤回",
   "src.component.Task.StructureComparisonTask.CreateModal.A8C717F6": "取消",
-  "src.component.helpDoc.AEEC5916": "关于注意事项第 3 条，由您指定将要锁定的账号，是为了保障表名切换期间数据一致性的同时尽可能降低对业务的影响。请您确保指定账号的准确性，若您未指定任何账号，ODC 将不会进行任何账号锁定及 Kill Session 操作，切换期间数据的一致性将需要由您来保障。",
   "src.component.Task.ApplyDatabasePermission.DetailContent.2C812515": "创建人",
   "src.component.EditorToolBar.actions.3BDAC881": "运行当前语句 ",
   "src.component.Task.ApplyDatabasePermission.DetailContent.265A918A": "申请原因",
@@ -3882,7 +3860,6 @@
   "src.component.ODCSetting.config.56F5CB81": "Delimiter 设置",
   "src.component.Task.component.PartitionPolicyFormTable.7D6F23AE": "分区保留数量",
   "src.page.Workspace.components.SessionContextWrap.SessionSelect.38EA55F4": "项目：",
-  "src.component.Task.DataClearTask.DetailContent.D2882643": "是",
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.DBB95C01": "请输入server",
   "src.page.Project.Notification.components.F80DF1C7": "飞书",
   "src.component.Task.StructureComparisonTask.DetailContent.3C7B0B00": "目标端数据库",
@@ -4032,7 +4009,6 @@
   "src.component.Task.0B2B1D60": "手动执行",
   "src.page.Project.Notification.components.DFE43F9E": "请求方法",
   "src.component.helpDoc.EFADD11A": "在参与者的基础上，同时可以管理敏感列",
-  "src.component.Task.StructureComparisonTask.CreateModal.52828286": "描述",
   "src.page.Project.User.ManageModal.UserAuthList.C3B2211E": "请输入",
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.DC978DE4": "访问密码",
   "src.component.Task.ApplyDatabasePermission.CreateModal.28506030": "申请原因",
@@ -4045,7 +4021,6 @@
   "src.component.Task.component.PartitionPolicyTable.8BC770B0": "预创建数量",
   "src.component.Task.StructureComparisonTask.CreateModal.B4FAB9EC": "新建失败",
   "src.component.ODCSetting.647A18AA": "确定要恢复默认设置吗？",
-  "src.component.Task.DataClearTask.CreateModal.23542D89": "请选择",
   "src.page.Project.Notification.components.BA80DE5A": "取消",
   "src.component.ODCSetting.config.80241964": "正常",
   "src.component.Task.component.PartitionPolicyFormTable.DF75EB9E": "如何配置",
@@ -4076,7 +4051,6 @@
   "src.page.Project.Notification.components.713896D2": "不超过",
   "src.component.Task.StructureComparisonTask.CreateModal.45DB3909": "新建结构比对",
   "src.component.Task.PartitionTask.CreateModal.E454F701": "忽略错误继续任务",
-  "src.component.Task.StructureComparisonTask.CreateModal.67E284BD": "描述不超过 200 个字符",
   "src.page.Project.Notification.components.A50DD7D6": "测试消息发送成功！",
   "src.component.Task.9B79BD20": "自动执行",
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.2E3212A5": "搜索群组查询时使用的起始点或基准点",
@@ -4086,7 +4060,6 @@
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.80683796": "用户查询的过滤条件，可以基于用户的属性（如用户名、邮箱、部门等）来过滤搜索结果",
   "src.component.Task.DataMockerTask.CreateModal.2C3DF5A5": "新建模拟数据",
   "src.page.Project.User.ManageModal.UserAuthList.19A27247": "过期时间",
-  "src.component.Task.DataClearTask.DetailContent.834E7D89": "否",
   "src.component.Task.component.PartitionPolicyTable.D94AE82A": "创建方式",
   "src.page.Secure.Env.components.FF5B44FE": "编辑环境",
   "src.page.Login.components.LDAPModal.AA5AB5DA": "LDAP 密码不能为空",
@@ -4235,7 +4208,6 @@
   "src.component.Task.AsyncTask.CreateModal.6EEFAEA6": "新建数据库变更",
   "src.page.Project.Notification.components.95A710C5": "请求方法",
   "src.component.ODCSetting.config.1ACE7366": "修改此参数，将在 ODC 重启后生效",
-  "src.component.Task.PartitionTask.CreateModal.026392ED": "请输入描述，不超过200个字符；未输入时，系统会根据对象和工单类型自动生成描述信息",
   "src.page.Project.User.ManageModal.UserAuthList.583E307F": "回收",
   "src.page.Secure.Env.65EAAB75": "确认删除该环境么？",
   "src.page.Login.components.LDAPModal.95DA8BD0": "LDAP 登录",
@@ -4256,7 +4228,6 @@
   "src.page.Project.User.ManageModal.UserAuthList.8E0CB3F5": "数据库",
   "src.page.Secure.Env.48529F6E": "全部环境",
   "src.component.Task.PartitionTask.CreateModal.0A49F493": "小时",
-  "src.component.Task.DataClearTask.CreateModal.99D8FCD6": "使用主键清理",
   "src.page.Project.Notification.components.F40AD99E": "Webhook地址",
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.5E8157A1": "次",
   "src.component.Task.component.PartitionPolicyTable.5C3A7795": "类型",
@@ -4326,7 +4297,6 @@
   "src.component.Task.StructureComparisonTask.DetailContent.575F8B39": "比对范围",
   "src.component.Task.ApplyDatabasePermission.CreateModal.87E335B0": "1 年",
   "src.component.Task.component.PartitionPolicyFormTable.A9C95E9D": "当前表如果包含全局索引，删除分区会导致全局索引失效，如果选择重建全局索引可能耗时很久，请谨慎操作",
-  "src.component.Task.DataClearTask.DetailContent.2D1A14AB": "使用主键清理",
   "src.component.Task.component.TaskTable.80E1D16A": "结构比对",
   "src.page.Project.Notification.components.CA33D8AB": "通道名称已存在",
   "src.page.Project.Notification.components.EA00E8BD": "请选择通道类型",
@@ -4898,7 +4868,6 @@
   "src.component.SQLConfig.1A5CCA98": "SQL 执行",
   "src.page.Project.User.ManageModal.Table.TaskApplyList.EC52BFBC": "过期时间",
   "src.component.Task.ApplyTablePermission.CreateModal.E26609A0": "导出",
-  "src.component.Task.ApplyTablePermission.CreateModal.BC4488C7": "永不过期",
   "src.component.Task.ApplyTablePermission.CreateModal.78B63403": "请选择",
   "src.component.Task.ApplyTablePermission.CreateModal.8955ACFE": "暂无项目，请先",
   "src.component.Task.ApplyTablePermission.CreateModal.77D8F632": "请选择项目",
@@ -4967,12 +4936,7 @@
   "src.page.Workspace.SideBar.ResourceTree.DatabaseSearchModal.components.FA5E6855": "定位到数据库 \"{databaseName}\"",
   "src.page.Workspace.components.DDLResultSet.6477DD60": "集合 SQL 的执行详情、物理执行计划、全链路诊断的多维度视图，帮助快速定位执行慢查询的根因",
   "src.component.ExecuteSqlDetailModal.1882C007": "计划统计",
-  "src.component.Task.component.ShardingStrategyItem.E5A6B481": "全表扫描",
-  "src.component.Task.component.ShardingStrategyItem.F91EEC6C": "条件匹配",
-  "src.component.Task.component.ShardingStrategyItem.3BD95C1A": "搜索策略",
   "src.component.Task.component.ShardingStrategyItem.D5F45B7A": "请选择搜索策略",
-  "src.component.Task.DataClearTask.DetailContent.E977DA21": "搜索策略",
-  "src.component.Task.DataArchiveTask.DetailContent.4844C10F": "搜索策略",
   "src.page.Workspace.components.TablePage.ShowTableBaseInfoForm.56FAF24C": "逻辑表名称",
   "src.page.Workspace.components.TablePage.ShowTableBaseInfoForm.C1C0A345": "逻辑表表达式",
   "src.page.Workspace.components.TablePage.ShowTableBaseInfoForm.200BCB34": "表拓扑",
@@ -5651,7 +5615,6 @@
   "src.page.Console.9B6E647E": "反馈建议",
   "src.page.Console.470D66DD": "OceanBase AP 实时 SQL 诊断能力解析",
   "src.page.Console.67004EA1": "ODC SQL 检查自动识别高危操作",
-  "src.page.Console.4F744942": "快速集成 ODC 的企业级账号体系",
   "src.page.Console.15BABD7A": "企业级管控协同：守护数据库的每一次变更",
   "src.page.Console.A0F9F190": "通过 ODC 实现分库分表的管理和变更",
   "src.page.Console.7BD8C2BB": "数据脱敏管控实践",
@@ -5711,7 +5674,6 @@
   "src.component.Task.component.PartitionPolicyFormTable.E0F368F6": "数值",
   "src.component.Task.component.PartitionPolicyFormTable.053D6705": "日期时间",
   "src.component.Task.component.PartitionPolicyFormTable.FCD94271": "时间戳",
-  "src.component.Task.component.PartitionPolicyFormTable.9F024A60": "当前预创建分区数量过小，若调度失败恐影响业务运行，建议调整预创建分区数量至2个及以上。",
   "src.component.Task.component.PartitionPolicyFormTable.E753A67D": "暂未设置创建策略，无 SQL 可预览",
   "src.component.Task.component.PartitionPolicyFormTable.18397BFF": "分区名的生成方式",
   "src.component.Task.component.PartitionPolicyFormTable.044700A2": "分区名的生成规则，可引用变量。比如：concat('P_',${COL1})，其中 COL1 表示分区表的分区键。",
@@ -5771,7 +5733,6 @@
   "src.component.ODCSetting.B7CA4CA1": "请输入查询条数默认值",
   "src.component.ODCSetting.5127321B": "不超过 {sessionQueryLimit}",
   "src.component.ODCSetting.A8E22CC2": "不超过 {queryLimit}",
-  "src.component.ODCSetting.4C8CC366": "不超过 100000",
   "src.component.ODCSetting.DD41DED4": "请输入查询条数上限",
   "src.component.ODCSetting.6BCFD6DD": "用户",
   "src.component.ODCSetting.47586FD4": "个人空间",
@@ -5836,21 +5797,14 @@
   "src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.13B22678": "yyyy年MM月dd日 HH:mm:ss",
   "src.component.Task.LogicDatabaseAsyncTask.CreateModal.C53810BF": "逻辑库变更内容暂不支持注释解析，编写注释可能会导致 SQL 语句解析异常。",
   "src.component.CommonTable.2363A9C8": "仅展示周期执行任务",
-  "src.page.Workspace.components.DDLResultSet.Sync.38BDFD2B": "查看刷新记录",
   "src.page.Auth.Role.component.FormModal.3D1B7861": "当前授予的权限存在包含关系，仅保留权限范围大的记录。",
-  "src.d.ts.25D43093": "数据源不存在",
-  "src.d.ts.CAC52ADB": "实例不存在",
   "src.d.ts.B89ABE6D": "类型不匹配",
-  "src.d.ts.7AE88D0A": "已导入",
   "src.component.Task.component.TaskTable.D4FAED98": "导入{activeTaskLabel}",
   "src.component.Task.component.TaskTable.55FC08BB": "正在导入中",
   "src.component.Task.component.PartitionPolicyFormTable.B988E243": "当前预创建分区数量过小，若调度失败恐影响业务运行，建议调整预创建分区数量至2个及以上。",
   "src.component.Task.component.ImportModal.997B6AC7": "导入定时任务已完成",
-  "src.component.Task.component.ImportModal.E256F212": "{resultLength} 个作业导入成功。 建议手动为任务",
   "src.component.Task.component.ImportModal.8AD83BC8": "配置消息通知",
   "src.component.Task.component.ImportModal.04E1F63D": "，保证任务异常能够被及时发现。",
-  "src.component.Task.component.ImportModal.E12ACFFB": "导出定时任务已完成",
-  "src.component.Task.component.ImportModal.47DA5967": "{successCount} 个作业导入成功，",
   "src.component.Task.component.ImportModal.32698C46": "{failedCount} 个作业导入失败。 建议手动为任务",
   "src.component.Task.component.ImportModal.801362FE": "配置消息通知",
   "src.component.Task.component.ImportModal.60663407": "，保证任务异常能够被及时发现。如需了解导出详情，可",
@@ -5868,8 +5822,6 @@
   "src.component.Task.component.ImportModal.B6BCF0C0": "取消",
   "src.component.Task.component.ImportModal.2F42ECBC": "下一步：预览",
   "src.component.Task.component.ImportModal.9FFF1F71": "上一步：上传文件",
-  "src.component.Task.component.ImportModal.81026A36": "导入",
-  "src.component.Task.component.ImportModal.0C3395D0": "仅支持导入由阿里云 OceanBase 数据研发导出的配置文件。\n请确认作业关联的实例已切换至 OB Cloud 当前项目中，系统将根据实例信息匹配或新建对应的数据源。",
   "src.component.Task.component.ImportModal.D8DFA444": "请上传",
   "src.component.Task.component.ImportModal.7B17FBF4": "文件上传失败，失败原因：{fileResponseDataErrMsg}",
   "src.component.Task.component.ImportModal.3CEE142A": "文件密钥",
@@ -5878,30 +5830,14 @@
   "src.component.Task.component.ImportModal.C6AC4C4C": "请输入",
   "src.component.Task.component.ImportModal.889B80AD": "导入项目",
   "src.component.Task.component.ImportModal.30D6697A": "请选择",
-  "src.component.Task.component.ImportModal.B3686BE9": "请确认相关数据源已加至项目",
   "src.component.Task.component.ImportModal.1E47B6CE": "新建数据源",
   "src.component.Task.component.ImportModal.E82DB6D1": "请选择",
   "src.component.Task.component.ImportModal.68180A60": "新建项目",
   "src.component.Task.component.ImportModal.A8BC98CA": "数据源",
   "src.component.Task.component.ImportModal.0B1F9DCD": "数据库",
   "src.component.Task.component.ImportModal.263EFA83": "类型",
-  "src.component.Task.component.ImportModal.40440087": "云厂商",
-  "src.component.Task.component.ImportModal.F2C95E45": "地域",
-  "src.component.Task.component.ImportModal.EFE4E0D0": "连接信息",
-  "src.component.Task.component.ImportModal.4A911A47": "实例名称",
-  "src.component.Task.component.ImportModal.396EF2AD": "租户名称",
   "src.component.Task.component.ImportModal.5928CAE8": "数据库账号",
-  "src.component.Task.component.ImportModal.B4E8467F": "源端数据库",
-  "src.component.Task.component.ImportModal.50582618": "源端数据库",
-  "src.component.Task.component.ImportModal.76F572C8": "目标端数据库",
-  "src.component.Task.component.ImportModal.776397D6": "目标端数据库",
-  "src.component.Task.component.ImportModal.B5C62BDC": "工单描述",
-  "src.component.Task.component.ImportModal.1EB75659": "数据库",
-  "src.component.Task.component.ImportModal.8D781AC2": "数据库",
-  "src.component.Task.component.ImportModal.5DE578E8": "原编号",
-  "src.component.Task.component.ImportModal.2043ADA9": "原项目",
   "src.component.Task.component.ImportModal.1BF95006": "暂无可导入的作业",
-  "src.component.Task.component.ImportModal.E8DE787E": "可导入",
   "src.component.Task.component.AsyncTaskOperationButton.D9D9A882": "请先选择工单",
   "src.component.Task.component.AsyncTaskOperationButton.683E8B65": "取消",
   "src.component.Task.component.AsyncTaskOperationButton.2D7C7380": "我已确认相关业务风险",
@@ -5970,18 +5906,7 @@
   "src.component.Task.component.AsyncTaskOperationButton.89CE28F7": "终止错误",
   "src.component.Task.component.AsyncTaskOperationButton.08EE66D0": "终止任务",
   "src.component.Task.component.AsyncTaskOperationButton.5E6481EB": "{idsLength} 个任务正在终止中...",
-  "src.component.Task.AlterDdlTask.CreateModal.A37F2729": "在表名切换前，锁定原表禁写。请确保您的数据库满足以下条件：\n        1. OB 版本号 ≥ 4.2.5 且 < 4.3.0 \n        2. 参数 enable_lock_priority 已设置为 true",
-  "src.component.Task.AlterDdlTask.CreateModal.8AC211D6": "在表名切换前，锁定原表禁写。请确保您的数据库满足以下条件：\n1. OB 版本号 ≥ 4.2.5 且 < 4.3.0 ，且参数 enable_lock_priority 已设置为 true \n2. ODP 版本 ≥ 4.3.1 且已进行以下参数设置：\n        alter proxyconfig set proxy_id=1;\n        alter proxyconfig set client_session_id_version=2;\n        alter proxyconfig set enable_single_leader_node_routing = false;",
-  "src.component.Task.AlterDdlTask.CreateModal.D1732875": "注意：执行无锁结构变更前请确保数据库服务器磁盘空间充足。",
-  "src.component.Task.AlterDdlTask.CreateModal.05BCC428": "表名切换禁写策略",
-  "src.component.Task.AlterDdlTask.CreateModal.B0CFE0E1": "在表名切换前，系统将锁定您指定的数据库账号，并终止该账号的当前会话。切换期间，所有涉及该账号的应用将无法访问数据库。建议避免在业务高峰期执行此操作，以减少对业务的影响。",
-  "src.component.Task.AlterDdlTask.CreateModal.D056FD5E": "锁定用户",
-  "src.component.Task.AlterDdlTask.CreateModal.EA0D82E0": "锁定表",
-  "src.component.Task.AlterDdlTask.CreateModal.125DF508": "推荐",
-  "src.component.ODCSetting.2BE8F5C3": "不超过{maxResultsetRows}",
-  "src.component.Task.AlterDdlTask.CreateModal.44A394CE": "在表名切换前，锁定原表禁写。",
-  "src.component.Task.AlterDdlTask.CreateModal.6DC73E39": "在表名切换前，锁定原表禁写。请您确保 ODP 满足以下条件：\nODP 版本 ≥ 4.3.1 且已进行以下参数设置：\n    alter proxyconfig set proxy_id=1;\n    alter proxyconfig set client_session_id_version=2;\n    alter proxyconfig set enable_single_leader_node_routing = false;",
-  "src.component.Task.AlterDdlTask.CreateModal.C62A7DBB": "需要将参数 enable_lock_priority 设置为 true",
+  "src.page.Workspace.components.DDLResultSet.Sync.38BDFD2B": "查看刷新记录",
   "src.component.Task.component.ActionBar.797981FE": "无可查看的结果信息",
   "src.component.Task.component.ActionBar.5218D741": "查询结果",
   "src.component.ODCSetting.9651E837": "不超过{maxResultsetRows}",
@@ -5994,8 +5919,71 @@
   "src.component.ODCSetting.config.AB482BC7": "支持查看查询结果",
   "src.component.ODCSetting.config.3FE1F2A7": "支持下载查询结果",
   "src.component.ODCSetting.config.1ED38C41": "数据库变更查询结果",
+  "src.component.Task.AlterDdlTask.CreateModal.D1732875": "注意：执行无锁结构变更前请确保数据库服务器磁盘空间充足。",
+  "src.component.Task.AlterDdlTask.CreateModal.05BCC428": "表名切换禁写策略",
+  "src.component.Task.AlterDdlTask.CreateModal.B0CFE0E1": "在表名切换前，系统将锁定您指定的数据库账号，并终止该账号的当前会话。切换期间，所有涉及该账号的应用将无法访问数据库。建议避免在业务高峰期执行此操作，以减少对业务的影响。",
+  "src.component.Task.AlterDdlTask.CreateModal.D056FD5E": "锁定用户",
+  "src.component.Task.AlterDdlTask.CreateModal.EA0D82E0": "锁定表",
+  "src.component.Task.AlterDdlTask.CreateModal.125DF508": "推荐",
+  "src.component.Task.AlterDdlTask.CreateModal.44A394CE": "在表名切换前，锁定原表禁写。",
+  "src.component.Task.AlterDdlTask.CreateModal.6DC73E39": "在表名切换前，锁定原表禁写。请您确保 ODP 满足以下条件：\nODP 版本 ≥ 4.3.1 且已进行以下参数设置：\n    alter proxyconfig set proxy_id=1;\n    alter proxyconfig set client_session_id_version=2;\n    alter proxyconfig set enable_single_leader_node_routing = false;",
+  "src.component.Task.AlterDdlTask.CreateModal.C62A7DBB": "需要将参数 enable_lock_priority 设置为 true",
   "src.page.Console.8F636FA5": "带你走进 ODC 团队空间的精彩世界",
   "src.component.helpDoc.7F2FDC2E": "若锁定失败，可自动重试次数",
   "src.component.Task.AlterDdlTask.CreateModal.1A8336C1": "锁定失败重试次数",
-  "src.component.Task.AlterDdlTask.CreateModal.A56878AD": "请输入锁定失败重试次数"
+  "src.component.Task.AlterDdlTask.CreateModal.A56878AD": "请输入锁定失败重试次数",
+  "src.page.Workspace.components.SessionContextWrap.SessionSelect.SessionDropdown.49B355DA": "管理数据库",
+  "src.page.Console.components.RecentlyDatabase.806E294C": "对象存储暂不支持打开 SQL 控制台",
+  "src.d.ts.BE8F2539": "已存在",
+  "src.component.Task.component.TaskTable.E20D58A0": "个人空间任务仅支持本人管理和查看，且不提供告警配置功能，因此不建议将其用于对生产业务有强依赖的场景。如需在生产业务中使用该功能，请优先选择团队空间，并配置相应的消息通知机制，以保障业务的正常运转。",
+  "src.component.Task.component.ImportModal.A6892359": "(包含 {importedCount} 个已导入的任务)",
+  "src.component.Task.component.ImportModal.AF106FF6": "{resultLength} 个作业导入成功{importedDescription}。",
+  "src.component.Task.component.ImportModal.97A1A7A3": "{resultLength} 个作业导入成功{importedDescription}。",
+  "src.component.Task.component.ImportModal.1B653B27": "建议手动为任务",
+  "src.component.Task.component.ImportModal.92D087FB": "(包含 {importedCount} 个已导入的任务)",
+  "src.component.Task.component.ImportModal.94BFD01C": "{successCount} 个作业导入成功{importedDescription}, {failedCount} 个作业导入失败。可",
+  "src.component.Task.component.ImportModal.AE88E265": "{successCount} 个作业导入成功{importedDescription}, ",
+  "src.component.Task.component.ImportModal.7C3EB72C": "工单",
+  "src.component.Task.component.ImportModal.DCD1BA1A": "原数据库",
+  "src.component.Task.component.ImportModal.93C2FD0F": "原数据库",
+  "src.component.Task.component.ImportModal.A8B5EF34": "数据源:",
+  "src.component.Task.component.ImportModal.4C0466BB": "原数据库",
+  "src.component.Task.component.ImportModal.E78A5A7E": "源端数据库",
+  "src.component.Task.component.ImportModal.47F8A3BA": "目标端数据库",
+  "src.component.Task.component.ImportModal.55E87B63": "原状态",
+  "src.component.Task.component.ImportModal.DFCD4ABB": "工单导入成功后将重新启用",
+  "src.component.Task.component.ImportModal.37A63CCA": "类型",
+  "src.component.Task.component.ImportModal.D22149A7": "新源端",
+  "src.component.Task.component.ImportModal.6992AD58": "新目标端",
+  "src.component.Task.component.ImportModal.01BA659E": "新数据库",
+  "src.component.Task.component.ImportModal.EA6397CD": "我己确认导入的工单新旧数据库对象一致",
+  "src.component.Task.component.ImportModal.E756EF6A": "导入 ({selectedRowKeysLength})",
+  "src.component.Task.component.ImportModal.A28A2A00": "仅支持导入由 阿里云 OceanBase 数据研发 或 ODC\n                导出的配置文件；在导入之前，请先将添加相关数据源、 井指定对应的项目。",
+  "src.component.Task.component.ImportModal.C264F2F5": "勾选需要导入的工单，导入后将重新启用。导入前请检查涉及的新旧数据库对象是否一致，否则导入或执行时可能出现失败。",
+  "src.component.Task.component.ImportModal.3137AA28": "仅显示已选择数据库的工单",
+  "src.component.Task.component.ImportModal.F8B503DB": "以下工单已导入，无需重复操作。",
+  "src.component.Task.component.ImportModal.49FDDB00": "以下工单类型不匹配、无法导入，建议选择对应工单类型重新导入。",
+  "src.component.Task.component.ImportModal.F42820DF": "待导入",
+  "src.component.Task.component.ImportModal.4559F373": "主机 IP/域名：",
+  "src.component.Task.component.ImportModal.FF8162DA": "端口",
+  "src.component.Task.component.ImportModal.825A80AC": "请选择新的数据库",
+  "src.component.Task.component.ExecuteFailTip.BE7C5B92": "周期执行期间若数据库连接失败或项目不存在，可能导致任务执行失败; 30 天内连续调度失败, 任务将自动终止。",
+  "src.page.Workspace.components.SQLResultSet.36FAD6DF": "关闭该结果集",
+  "src.page.Workspace.components.SQLResultSet.A460FEDE": "关闭其它结果集",
+  "src.page.Workspace.components.SQLResultSet.989D6FA1": "关闭所有结果集",
+  "src.component.helpDoc.7A52D62F": "检索目标记录行的方式",
+  "src.component.ODCSetting.config.user.20C5DFB4": "结果集展示",
+  "src.component.ODCSetting.config.user.2D4F8470": "最近查询结果覆盖上一次查询结果，若要查看多次执行结果需手动固定结果集（在结果集页签右键操作）。",
+  "src.component.ODCSetting.config.user.C8FE70F6": "覆盖",
+  "src.component.ODCSetting.config.user.FACA6552": "多次查询结果追加展示，需手动关闭结果集页签才会关闭。",
+  "src.component.ODCSetting.config.user.5BCACB4C": "追加",
+  "src.component.Task.component.Status.F318D350": "执行异常",
+  "src.component.Task.component.ShardingStrategyItem.B6EB2F37": "若使用全表扫描方式进行数据搜索，处理过程将更加稳定但性能可能会受到影响",
+  "src.component.Task.component.ShardingStrategyItem.61BD0252": "通过全表扫描进行数据搜索",
+  "src.component.Task.modals.DataClearTask.DetailContent.E35B6945": "通过全表扫描进行数据搜索",
+  "src.component.Task.modals.DataClearTask.DetailContent.A75CE867": "是",
+  "src.component.Task.modals.DataClearTask.DetailContent.CB4C9BFB": "否",
+  "src.component.Task.modals.DataArchiveTask.DetailContent.44776A6F": "通过全表扫描进行数据搜索",
+  "src.component.Task.modals.DataArchiveTask.DetailContent.D405684B": "是",
+  "src.component.Task.modals.DataArchiveTask.DetailContent.53EB9D22": "否"
 }
diff --git a/src/locales/must/strings/zh-TW.json b/src/locales/must/strings/zh-TW.json
index 688b047b6..b55dc4e23 100644
--- a/src/locales/must/strings/zh-TW.json
+++ b/src/locales/must/strings/zh-TW.json
@@ -141,7 +141,6 @@
   "odc.ImportDrawer.ImportForm.BatchSubmissionQuantity": "批量提交數量",
   "workspace.window.sql.explain.detail.failed": "查看 SQL 執行詳情失敗",
   "odc.component.SnippetForm.SyntaxDescription": "片段描述",
-  "odc.components.ImportDrawer.NoMappingRelationshipSelected": "未選擇映射關係",
   "odc.helper.page.openPage.CreateSynonym": "建立同義字",
   "odc.components.SynonymPage.Created": "建立時間:",
   "odc.src.d.ts.Function": "函數",
@@ -245,7 +244,6 @@
   "workspace.window.createSequence.params.cached.no": "無緩衝",
   "workspace.window.createPackage.modal.title": "建立程式包",
   "odc.components.TaskManagePage.TerminatedSuccessfully": "終止成功",
-  "odc.components.ImportDrawer.DuplicateMappingRelationships": "映射關係存在重複",
   "odc.components.PackagePage.LastModifiedTime": "最近修改時間：",
   "odc.CreateTriggerPage.component.AdvancedInfoFrom.SelectAtLeastOneEvent": "請至少選擇一個事件",
   "workspace.window.function.propstab.params": "參數",
@@ -554,7 +552,6 @@
   "odc.src.store.sql.Compile": "編譯",
   "odc.ImportDrawer.ImportForm.ClickOrDragTheFile": "點擊或將文件拖拽到這裡上傳",
   "workspace.window.createTable.partition.value.listColumns.placelholder": "(欄位1,欄位2),(欄位1,欄位2)",
-  "workspace.window.sql.limit.placeholder": "1000",
   "workspace.window.recyclebin.button.purgeAll": "清空",
   "odc.component.GrammerHelpSider.SnippetslacksInTotal": "共{snippetsLength}條",
   "odc.helper.page.openPage.CreateATrigger": "建立觸發器",
@@ -581,7 +578,6 @@
   "odc.ImportDrawer.csvMapping.TargetFieldType": "目標欄位類型",
   "odc.components.PLPage.SavedSuccessfully": "儲存成功",
   "odc.TreeNodeMenu.config.view.ViewViewProperties": "查看視圖屬性",
-  "odc.components.ImportDrawer.SelectTheFieldsToBe": "請選擇需要映射的欄位",
   "odc.components.PLPage.statusBar.ManualTermination": "手動終止",
   "odc.components.TypePage.ModificationTime": "修改時間:",
   "odc.component.CreateTypeModal.Cancel": "取消",
@@ -1374,7 +1370,6 @@
   "odc.component.CommonTaskDetailModal.TaskFlow.Handler": "處理人",
   "odc.component.helpDoc.doc.TheApprovalTimesOutAnd": "審批逾時，任務將到期",
   "odc.component.DataTransferModal.ExecutionMethod": "執行方式",
-  "odc.TaskManagePage.component.TaskTools.InitiateAgain": "再次發起",
   "odc.component.CommonTaskDetailModal.TaskFlow.Handled": "可處理人",
   "odc.components.FormRecordExportModal.Cancel": "取消",
   "odc.component.OSSDragger2.Cancel": "取消",
@@ -1549,7 +1544,6 @@
   "odc.component.CommonTaskDetailModal.TaskFlow.InitiateATask": "發起任務",
   "odc.components.FormRecordExportModal.Export": "匯出",
   "odc.TaskManagePage.component.TaskTools.Reject": "拒絕",
-  "odc.TaskManagePage.component.TaskTools.Terminate": "終止",
   "odc.components.RecordPage.component.DetailedRules": "執行細則",
   "odc.component.DetailModal.dataMocker.RiskLevel": "風險等級",
   "odc.component.TaskStatus.ApprovalExpired": "審批已到期",
@@ -1997,7 +1991,6 @@
   "odc.components.CreateShadowSyncModal.Submit": "提交",
   "odc.StructConfigPanel.StructAnalysisResult.column.ExecutionResult": "執行結果",
   "odc.component.CommonTaskDetailModal.TaskRecord.View": "查看",
-  "odc.components.PartitionDrawer.Remarks": "備忘",
   "odc.component.AddConnectionForm.AddressItems.ClusterName": "集群名",
   "odc.AddConnectionForm.Account.PrivateAccount.TheEndOfTheAccount": "賬號首尾包含空格",
   "odc.components.SQLPage.BecauseTheSqlIsToo": "由於 SQL 過長,編輯器將只支持預覽",
@@ -2234,7 +2227,6 @@
   "odc.Content.ListItem.TenantTenant": "租戶: {tenant}",
   "odc.component.Crontab.const.Saturday": "周六",
   "odc.components.CreateSQLPlanTaskModal.Save": "儲存",
-  "odc.TaskManagePage.component.TaskTools.View": "查看",
   "odc.components.CreateSQLPlanTaskModal.CreateAnSqlPlan": "建立 SQL 計劃",
   "odc.components.RolePage.component.ResourceManagementPermissions": "資源系統管理權限",
   "odc.src.d.ts.TableGroup": "錶組",
@@ -2803,7 +2795,6 @@
   "odc.Project.User.DeletedSuccessfully": "刪除成功",
   "odc.SensitiveRule.components.CheckboxInput.PleaseEnter": "請輸入",
   "odc.Secure.Approval.ExecutionValidityPeriod": "執行有效期間",
-  "odc.AlterDdlTask.CreateModal.LockTableTimeout": "鎖表逾時時間",
   "odc.NewSSODrawerButton.SSOForm.ConfigurationName": "配置名稱",
   "odc.Datasource.Info.Delete": "刪除",
   "odc.components.SensitiveColumn.AreYouSureYouWant.1": "確認要刪除敏感列嗎？",
@@ -2836,7 +2827,6 @@
   "odc.NewSSODrawerButton.SSOForm.Type": "類型",
   "odc.component.FormModal.TitleName": "{title}名稱",
   "odc.ResourceTree.Nodes.package.Subprogram": "子程式",
-  "odc.AlterDdlTask.CreateModal.Seconds": "秒",
   "odc.Project.Database.CharacterEncoding": "字元編碼",
   "odc.page.Secure.RiskLevel": "風險等級",
   "odc.DataArchiveTask.DetailContent.TaskType": "任務類型",
@@ -2871,7 +2861,6 @@
   "odc.AlterDdlTask.DetailContent.SourceTableCleanupPolicyAfter": "完成後源表清理策略",
   "odc.SensitiveRule.components.DetectWay.Script": "指令碼",
   "odc.AlterDdlTask.CreateModal.AreYouSureYouWant": "是否確認取消無鎖結構變更？",
-  "odc.AlterDdlTask.DetailContent.LockTableTimeout": "鎖表逾時時間",
   "odc.Project.Setting.ProjectInformation": "專案資訊",
   "odc.Project.User.AreYouSureYouWant": "是否確定刪除該成員？",
   "odc.SensitiveRule.components.FormSensitiveRuleDrawer.AreYouSureYouWant.1": "是否確認取消建立？",
@@ -3204,7 +3193,6 @@
   "odc.AsyncTask.DetailContent.RollbackContent": "復原內容",
   "odc.NewSSODrawerButton.SSOForm.ObtainTheAccessTokenAddress": "授權伺服器提供的擷取 access-token 地址",
   "odc.ExternalIntegration.SSO.WhetherToEnable": "是否啟用",
-  "odc.AlterDdlTask.CreateModal.NumberOfFailedRetries": "失敗重試次數",
   "odc.Env.components.InnerEnvironment.ConfigurationValue": "配置值",
   "odc.Script.Snippet.Copy": "複製",
   "odc.DataArchiveTask.CreateModal.Ok": "確定",
@@ -3270,7 +3258,6 @@
   "odc.Database.AddDataBaseButton.BoundProject": "- 已繫結項目：",
   "odc.component.EditPLParamsModal.StatementCannotBeEmpty": "語句不可為空",
   "odc.component.FormModal.TheProcessNameCannotExceed": "流程名稱不超過 128 個字元",
-  "odc.component.helpDoc.doc.AfterTheTableLockTime": "超過鎖表時間後，未切換完成可自動重試",
   "odc.SensitiveRule.components.FormSensitiveRuleDrawer.UpdateFailed": "更新失敗",
   "odc.ExternalIntegration.SqlInterceptor.FollowTheSecuritySpecificationSql": "請按照 安全規範 - SQL 開發規範 - SQL 窗口規則 路徑,使用您已配置並開啟的 SQL 攔截集成",
   "odc.Env.components.EditRuleDrawer.ExecutionIsProhibitedAndApproval": "禁止執行,無法發起審批",
@@ -3278,7 +3265,6 @@
   "odc.component.CommonDetailModal.TaskExecuteRecord.DatabaseChanges": "數據庫變更",
   "odc.components.RecordPage.column.EnterADataSource": "請輸入所屬數據源",
   "odc.components.SQLResultSet.DBTimeline.SqlPostCheck": "SQL 後置檢查",
-  "odc.component.VersionModal.config.ThroughDataArchivingYouCan": "通過數據歸檔,您可以配置靈活的歸檔條件,實現冷熱數據分離。",
   "odc.Sider.SpaceSelect.Ok": "確定",
   "odc.Record.RecordPage.column.DataSource": "數據源",
   "odc.Record.RecordPage.interface.TransferProject": "轉移項目",
@@ -3322,7 +3308,6 @@
   "odc.components.SQLResultSet.DBTimeline.SqlPrecheck": "SQL 預檢查",
   "odc.component.DescriptionInput.EnterADescriptionLessThan": "請輸入描述,200字以內;未輸入時,系統會根據對象和工單類型自動生成描述信息",
   "odc.DataArchiveTask.CreateModal.ExecutionTime": "執行時間",
-  "odc.component.VersionModal.config.OdcProvidesDatabaseObjectManagement": "ODC 提供了數據庫對象管理、數據導入導出、SQL 編輯與執行、PL\n編譯與調試、數據生成、執行分析、數據庫運維等工具能力。",
   "odc.Env.components.EditRuleDrawer.AllowExecution": "允許執行",
   "odc.ResourceTree.Datasource.DeletedSuccessfully": "刪除成功",
   "odc.DataArchiveTask.CreateModal.VariableConfig.DeleteAVariable": "刪除變量",
@@ -3771,17 +3756,14 @@
   "odc.src.component.Task.component.CommonDetailModal.Nodes.HighRisk": "高風險",
   "odc.src.page.Workspace.components.SQLResultSet.TheCurrentSQLExistenceMust": "當前 SQL\n 存在必須改進項，請修改後再執行",
   "odc.src.component.Task.AlterDdlTask.CreateModal.LockUsers.1": "鎖定使用者",
-  "odc.src.component.Task.AlterDdlTask.CreateModal.1BeforePerformingThe": "1. 執行無鎖結構變更前請確保資料庫伺服器磁碟空間充足；",
   "odc.src.component.Task.DataClearTask.CreateModal.PleaseEnter": "請輸入",
   "odc.src.component.Task.component.CommonDetailModal.Nodes.TheNumberOf": "，預檢查處理\n SQL 條數超過最大限制，當前任務流程將按",
   "odc.src.page.Project.Project.CreateProject.SecurityAdministrator": "安全性系統管理員",
   "odc.src.component.Task.component.CommonDetailModal.Share": "分享",
   "odc.src.page.Workspace.components.SQLResultSet.SQLContentHasBeenModified": "SQL 內容已修改，已無法定位原問題行，請重新執行 SQL 陳述式或發起預檢查",
   "odc.src.component.Task.PartitionTask.DetailContent.Partition": "分區計劃",
-  "odc.src.component.Task.DataArchiveTask.CreateModal.PleaseEnter": "請輸入",
   "odc.src.component.Task.PartitionTask.DetailContent.RiskLevel": "風險等級",
   "odc.src.component.Task.component.CommonDetailModal.Nodes.GradeContinuesToAdvance": "等級繼續推進",
-  "odc.src.component.Task.DataArchiveTask.CreateModal.PleaseChoose.1": "請選擇",
   "odc.src.component.Task.PartitionTask.DetailContent.Remark": "備忘",
   "odc.src.page.Workspace.components.SQLResultSet.TheCurrentSQLNeedsApproval": "當前 SQL 存在需要審批項，請發起審批或修改後再執行",
   "odc.src.component.Task.PartitionTask.DetailContent.CreationTime": "建立時間",
@@ -3790,10 +3772,7 @@
   "odc.src.component.Task.component.CommonDetailModal.Replication": "複製成功",
   "odc.src.component.Task.DataClearTask.CreateModal.PleaseChoose": "請選擇",
   "odc.src.component.Task.DataClearTask.CreateModal.PleaseChoose.1": "請選擇",
-  "odc.src.component.Task.DataArchiveTask.CreateModal.PleaseChoose": "請選擇",
   "odc.src.component.Task.NoCurrentWorkOrderView": "無當前工單查看許可權",
-  "odc.src.component.Task.AlterDdlTask.CreateModal.2WhenCreatingA": "2. 建立工單選擇源表清理策略時建議選擇保留源表；",
-  "odc.src.component.Task.AlterDdlTask.CreateModal.3IfTheOB": "3. 表名切換之前會鎖定您指定的資料庫帳號，並關閉該帳號對應的會話。表名切換期間，鎖定帳號涉及應用將無法訪問資料庫，請勿在業務高峰期執行；",
   "src.component.Task.component.PartitionPolicyTable.F057FAAF": "順序遞增",
   "src.component.Task.StructureComparisonTask.DetailContent.E8DAF6BA": "操作",
   "src.page.Datasource.Datasource.NewDatasourceDrawer.Form.Account.445C8BBC": "默認",
@@ -3804,7 +3783,6 @@
   "src.component.Task.ApplyDatabasePermission.CreateModal.B0247EF7": "請輸入原因描述",
   "src.page.Project.User.ManageModal.B7377F46": "回收後不可撤回",
   "src.component.Task.StructureComparisonTask.CreateModal.A8C717F6": "取消",
-  "src.component.helpDoc.AEEC5916": "關於注意事項第 3 條,由您指定將要鎖定的賬號,是為了保障錶名切換期間數據一致性的同時盡可能降低對業務的影響。 請您確保指定賬號的準確性,若您未指定任何賬號,ODC 將不會進行任何賬號鎖定及 Kill Session 操作,切換期間數據的一致性將需要由您來保障。",
   "src.component.Task.ApplyDatabasePermission.DetailContent.2C812515": "創建人",
   "src.component.EditorToolBar.actions.3BDAC881": "運行當前語句",
   "src.component.Task.ApplyDatabasePermission.DetailContent.265A918A": "申請原因",
@@ -3882,7 +3860,6 @@
   "src.component.ODCSetting.config.56F5CB81": "Delimiter 設置",
   "src.component.Task.component.PartitionPolicyFormTable.7D6F23AE": "分區保留數量",
   "src.page.Workspace.components.SessionContextWrap.SessionSelect.38EA55F4": "項目:",
-  "src.component.Task.DataClearTask.DetailContent.D2882643": "是",
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.DBB95C01": "請輸入server",
   "src.page.Project.Notification.components.F80DF1C7": "飛書",
   "src.component.Task.StructureComparisonTask.DetailContent.3C7B0B00": "目標端數據庫",
@@ -4032,7 +4009,6 @@
   "src.component.Task.0B2B1D60": "手動執行",
   "src.page.Project.Notification.components.DFE43F9E": "請求方法",
   "src.component.helpDoc.EFADD11A": "在參與者的基礎上,同時可以管理敏感列",
-  "src.component.Task.StructureComparisonTask.CreateModal.52828286": "描述",
   "src.page.Project.User.ManageModal.UserAuthList.C3B2211E": "請輸入",
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.DC978DE4": "訪問密碼",
   "src.component.Task.ApplyDatabasePermission.CreateModal.28506030": "申請原因",
@@ -4045,7 +4021,6 @@
   "src.component.Task.component.PartitionPolicyTable.8BC770B0": "預創建數量",
   "src.component.Task.StructureComparisonTask.CreateModal.B4FAB9EC": "新建失敗",
   "src.component.ODCSetting.647A18AA": "確定要恢復默認設置嗎?",
-  "src.component.Task.DataClearTask.CreateModal.23542D89": "請選擇",
   "src.page.Project.Notification.components.BA80DE5A": "取消",
   "src.component.ODCSetting.config.80241964": "正常",
   "src.component.Task.component.PartitionPolicyFormTable.DF75EB9E": "如何配置",
@@ -4076,7 +4051,6 @@
   "src.page.Project.Notification.components.713896D2": "不超過",
   "src.component.Task.StructureComparisonTask.CreateModal.45DB3909": "新建結構比對",
   "src.component.Task.PartitionTask.CreateModal.E454F701": "忽略錯誤繼續任務",
-  "src.component.Task.StructureComparisonTask.CreateModal.67E284BD": "描述不超過 200 個字符",
   "src.page.Project.Notification.components.A50DD7D6": "測試消息發送成功!",
   "src.component.Task.9B79BD20": "自動執行",
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.2E3212A5": "搜索群組查詢時使用的起始點或基準點",
@@ -4086,7 +4060,6 @@
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.80683796": "用戶查詢的過濾條件,可以基於用戶的屬性(如用戶名、郵箱、部門等)來過濾搜索結果",
   "src.component.Task.DataMockerTask.CreateModal.2C3DF5A5": "新建模擬數據",
   "src.page.Project.User.ManageModal.UserAuthList.19A27247": "過期時間",
-  "src.component.Task.DataClearTask.DetailContent.834E7D89": "否",
   "src.component.Task.component.PartitionPolicyTable.D94AE82A": "創建方式",
   "src.page.Secure.Env.components.FF5B44FE": "編輯環境",
   "src.page.Login.components.LDAPModal.AA5AB5DA": "LDAP 密碼不能為空",
@@ -4235,7 +4208,6 @@
   "src.component.Task.AsyncTask.CreateModal.6EEFAEA6": "新建數據庫變更",
   "src.page.Project.Notification.components.95A710C5": "請求方法",
   "src.component.ODCSetting.config.1ACE7366": "修改此參數,將在 ODC 重啟後生效",
-  "src.component.Task.PartitionTask.CreateModal.026392ED": "請輸入描述,不超過200個字符;未輸入時,系統會根據對象和工單類型自動生成描述信息",
   "src.page.Project.User.ManageModal.UserAuthList.583E307F": "回收",
   "src.page.Secure.Env.65EAAB75": "確認刪除該環境麼?",
   "src.page.Login.components.LDAPModal.95DA8BD0": "LDAP 登錄",
@@ -4256,7 +4228,6 @@
   "src.page.Project.User.ManageModal.UserAuthList.8E0CB3F5": "數據庫",
   "src.page.Secure.Env.48529F6E": "全部環境",
   "src.component.Task.PartitionTask.CreateModal.0A49F493": "小時",
-  "src.component.Task.DataClearTask.CreateModal.99D8FCD6": "使用主鍵清理",
   "src.page.Project.Notification.components.F40AD99E": "Webhook地址",
   "src.page.ExternalIntegration.SSO.NewSSODrawerButton.SSOForm.5E8157A1": "次",
   "src.component.Task.component.PartitionPolicyTable.5C3A7795": "類型",
@@ -4326,7 +4297,6 @@
   "src.component.Task.StructureComparisonTask.DetailContent.575F8B39": "比對範圍",
   "src.component.Task.ApplyDatabasePermission.CreateModal.87E335B0": "1 年",
   "src.component.Task.component.PartitionPolicyFormTable.A9C95E9D": "當前表如果包含全局索引,刪除分區會導致全局索引失效,如果選擇重建全局索引可能耗時很久,請謹慎操作",
-  "src.component.Task.DataClearTask.DetailContent.2D1A14AB": "使用主鍵清理",
   "src.component.Task.component.TaskTable.80E1D16A": "結構比對",
   "src.page.Project.Notification.components.CA33D8AB": "通道名稱已存在",
   "src.page.Project.Notification.components.EA00E8BD": "請選擇通道類型",
@@ -4898,7 +4868,6 @@
   "src.component.SQLConfig.1A5CCA98": "SQL 執行",
   "src.page.Project.User.ManageModal.Table.TaskApplyList.EC52BFBC": "過期時間",
   "src.component.Task.ApplyTablePermission.CreateModal.E26609A0": "匯出",
-  "src.component.Task.ApplyTablePermission.CreateModal.BC4488C7": "永不過期",
   "src.component.Task.ApplyTablePermission.CreateModal.78B63403": "請選擇",
   "src.component.Task.ApplyTablePermission.CreateModal.8955ACFE": "暫無項目,請先",
   "src.component.Task.ApplyTablePermission.CreateModal.77D8F632": "請選擇項目",
@@ -4967,12 +4936,7 @@
   "src.page.Workspace.SideBar.ResourceTree.DatabaseSearchModal.components.FA5E6855": "定位到數據庫 \"{databaseName}\"",
   "src.page.Workspace.components.DDLResultSet.6477DD60": "集合 SQL 的執行詳情、物理執行計劃、全鏈路診斷的多維度視圖,幫助快速定位執行慢查詢的根因",
   "src.component.ExecuteSqlDetailModal.1882C007": "計劃統計",
-  "src.component.Task.component.ShardingStrategyItem.E5A6B481": "全表掃描",
-  "src.component.Task.component.ShardingStrategyItem.F91EEC6C": "條件匹配",
-  "src.component.Task.component.ShardingStrategyItem.3BD95C1A": "搜尋策略",
   "src.component.Task.component.ShardingStrategyItem.D5F45B7A": "請選擇搜索策略",
-  "src.component.Task.DataClearTask.DetailContent.E977DA21": "搜索策略",
-  "src.component.Task.DataArchiveTask.DetailContent.4844C10F": "搜尋策略",
   "src.page.Workspace.components.TablePage.ShowTableBaseInfoForm.56FAF24C": "邏輯表名稱",
   "src.page.Workspace.components.TablePage.ShowTableBaseInfoForm.C1C0A345": "邏輯表表達式",
   "src.page.Workspace.components.TablePage.ShowTableBaseInfoForm.200BCB34": "表拓撲",
@@ -5651,7 +5615,6 @@
   "src.page.Console.9B6E647E": "反饋建議",
   "src.page.Console.470D66DD": "OceanBase AP 實時 SQL 診斷能力解析",
   "src.page.Console.67004EA1": "ODC SQL 檢查自動辨識高風險操作",
-  "src.page.Console.4F744942": "快速整合 ODC 的企業級帳號體系",
   "src.page.Console.15BABD7A": "企業級管控協同：守護資料庫的每一次變更",
   "src.page.Console.A0F9F190": "透過 ODC 實現分庫分表的管理和變更",
   "src.page.Console.7BD8C2BB": "資料脫敏管控實踐",
@@ -5711,7 +5674,6 @@
   "src.component.Task.component.PartitionPolicyFormTable.E0F368F6": "數值",
   "src.component.Task.component.PartitionPolicyFormTable.053D6705": "日期時間",
   "src.component.Task.component.PartitionPolicyFormTable.FCD94271": "時間戳",
-  "src.component.Task.component.PartitionPolicyFormTable.9F024A60": "當前預創建分區數量過小，若調度失敗恐影響業務運行，建議調整預創建分區數量至2個及以上。",
   "src.component.Task.component.PartitionPolicyFormTable.E753A67D": "暫未設定創建策略，無 SQL 可預覽",
   "src.component.Task.component.PartitionPolicyFormTable.18397BFF": "分區名的生成方式",
   "src.component.Task.component.PartitionPolicyFormTable.044700A2": "分區名的生成規則，可引用變數。比如：concat('P_',${COL1})，其中 COL1 表示分區表的分區鍵。",
@@ -5771,7 +5733,6 @@
   "src.component.ODCSetting.B7CA4CA1": "請輸入查詢條數預設值",
   "src.component.ODCSetting.5127321B": "不超過 {sessionQueryLimit}",
   "src.component.ODCSetting.A8E22CC2": "不超過 {queryLimit}",
-  "src.component.ODCSetting.4C8CC366": "不超過 100000",
   "src.component.ODCSetting.DD41DED4": "請輸入查詢條數上限",
   "src.component.ODCSetting.6BCFD6DD": "使用者",
   "src.component.ODCSetting.47586FD4": "個人空間",
@@ -5836,21 +5797,14 @@
   "src.component.Task.component.PartitionPolicyFormTable.RuleFormItem.13B22678": "yyyy年MM月dd日 HH:mm:ss",
   "src.component.Task.LogicDatabaseAsyncTask.CreateModal.C53810BF": "邏輯庫變更內容暫不支援註解解析，編寫註解可能會導致 SQL 語句解析異常。",
   "src.component.CommonTable.2363A9C8": "僅展示週期執行任務",
-  "src.page.Workspace.components.DDLResultSet.Sync.38BDFD2B": "查看刷新記錄",
   "src.page.Auth.Role.component.FormModal.3D1B7861": "目前已授予的權限存在重疊。僅保留具有更大權限範圍的記錄。",
-  "src.d.ts.25D43093": "資料來源不存在",
-  "src.d.ts.CAC52ADB": "實例不存在",
   "src.d.ts.B89ABE6D": "類型不匹配",
-  "src.d.ts.7AE88D0A": "進口",
   "src.component.Task.component.TaskTable.D4FAED98": "匯入 {activeTaskLabel}",
   "src.component.Task.component.TaskTable.55FC08BB": "匯入",
   "src.component.Task.component.PartitionPolicyFormTable.B988E243": "當前預創建分區數量過小，若調度失敗恐影響業務運行，建議調整預創建分區數量至2個及以上。",
   "src.component.Task.component.ImportModal.997B6AC7": "排程任務匯入完成",
-  "src.component.Task.component.ImportModal.E256F212": "{resultLength} 工作已成功匯入。建議手動",
   "src.component.Task.component.ImportModal.8AD83BC8": "配置訊息通知",
   "src.component.Task.component.ImportModal.04E1F63D": "為了確保任務異常能及時被發現。",
-  "src.component.Task.component.ImportModal.E12ACFFB": "計劃任務匯出已完成",
-  "src.component.Task.component.ImportModal.47DA5967": "{successCount} 個工作成功匯入。",
   "src.component.Task.component.ImportModal.32698C46": "{failedCount} 個作業匯入失敗。建議手動",
   "src.component.Task.component.ImportModal.801362FE": "配置訊息通知",
   "src.component.Task.component.ImportModal.60663407": "確保任務異常能夠及時發現。有關匯出詳細資訊，",
@@ -5868,8 +5822,6 @@
   "src.component.Task.component.ImportModal.B6BCF0C0": "取消",
   "src.component.Task.component.ImportModal.2F42ECBC": "下一步：預覽",
   "src.component.Task.component.ImportModal.9FFF1F71": "先前：上傳檔案",
-  "src.component.Task.component.ImportModal.81026A36": "導入",
-  "src.component.Task.component.ImportModal.0C3395D0": "僅支援由阿里雲 OceanBase 研發部門匯出的配置檔案進行匯入。  \n請確認與該任務相關聯的實例已切換至 OceanBase Cloud 的當前專案。系統將根據實例資訊匹配或創建相應的資料來源。",
   "src.component.Task.component.ImportModal.D8DFA444": "請上傳",
   "src.component.Task.component.ImportModal.7B17FBF4": "檔案上傳失敗，原因是 {fileResponseDataErrMsg}",
   "src.component.Task.component.ImportModal.3CEE142A": "檔案金鑰",
@@ -5878,30 +5830,14 @@
   "src.component.Task.component.ImportModal.C6AC4C4C": "請輸入",
   "src.component.Task.component.ImportModal.889B80AD": "導入專案",
   "src.component.Task.component.ImportModal.30D6697A": "請選擇",
-  "src.component.Task.component.ImportModal.B3686BE9": "請確認相關數據源已添加到專案中。",
   "src.component.Task.component.ImportModal.1E47B6CE": "建立資料來源",
   "src.component.Task.component.ImportModal.E82DB6D1": "請選擇",
   "src.component.Task.component.ImportModal.68180A60": "創建項目",
   "src.component.Task.component.ImportModal.A8BC98CA": "數據源",
   "src.component.Task.component.ImportModal.0B1F9DCD": "數據庫",
   "src.component.Task.component.ImportModal.263EFA83": "類型",
-  "src.component.Task.component.ImportModal.40440087": "雲端供應商",
-  "src.component.Task.component.ImportModal.F2C95E45": "地域",
-  "src.component.Task.component.ImportModal.EFE4E0D0": "連接資訊",
-  "src.component.Task.component.ImportModal.4A911A47": "實例名稱",
-  "src.component.Task.component.ImportModal.396EF2AD": "租戶名稱",
   "src.component.Task.component.ImportModal.5928CAE8": "資料庫帳號",
-  "src.component.Task.component.ImportModal.B4E8467F": "源端數據庫",
-  "src.component.Task.component.ImportModal.50582618": "源端數據庫",
-  "src.component.Task.component.ImportModal.76F572C8": "目標端數據庫",
-  "src.component.Task.component.ImportModal.776397D6": "目標端數據庫",
-  "src.component.Task.component.ImportModal.B5C62BDC": "任務描述",
-  "src.component.Task.component.ImportModal.1EB75659": "數據庫",
-  "src.component.Task.component.ImportModal.8D781AC2": "數據庫",
-  "src.component.Task.component.ImportModal.5DE578E8": "原始編號",
-  "src.component.Task.component.ImportModal.2043ADA9": "原始專案",
   "src.component.Task.component.ImportModal.1BF95006": "沒有工作可匯入",
-  "src.component.Task.component.ImportModal.E8DE787E": "可匯入的",
   "src.component.Task.component.AsyncTaskOperationButton.D9D9A882": "請先選擇一張票。",
   "src.component.Task.component.AsyncTaskOperationButton.683E8B65": "取消",
   "src.component.Task.component.AsyncTaskOperationButton.2D7C7380": "我承認相關的商業風險。",
@@ -5970,18 +5906,7 @@
   "src.component.Task.component.AsyncTaskOperationButton.89CE28F7": "終止錯誤已發生",
   "src.component.Task.component.AsyncTaskOperationButton.08EE66D0": "終止任務",
   "src.component.Task.component.AsyncTaskOperationButton.5E6481EB": "{idsLength} 個任務正在終止中...",
-  "src.component.Task.AlterDdlTask.CreateModal.A37F2729": "在表名切換前，鎖定原表禁寫。請確保您的資料庫符合以下條件：\n        1. OB 版本號 ≥ 4.2.5 且 < 4.3.0\n        2. 參數 enable_lock_priority 已設定為 true",
-  "src.component.Task.AlterDdlTask.CreateModal.8AC211D6": "在表名切換前，鎖定原表禁寫。請確保您的資料庫符合以下條件：\n1. OB 版本號 ≥ 4.2.5 且 < 4.3.0 ，且參數 enable_lock_priority 已設定為 true\n2. ODP 版本 ≥ 4.3.1 且已進行以下參數設定：\n        alter proxyconfig set proxy_id=1;\n        alter proxyconfig set client_session_id_version=2;\n        alter proxyconfig set enable_single_leader_node_routing = false;",
-  "src.component.Task.AlterDdlTask.CreateModal.D1732875": "注意：執行無鎖結構變更前，請確保資料庫伺服器磁碟空間充足。",
-  "src.component.Task.AlterDdlTask.CreateModal.05BCC428": "表名切換禁寫策略",
-  "src.component.Task.AlterDdlTask.CreateModal.B0CFE0E1": "在表名切換前，系統將鎖定您指定的資料庫帳號，並終止該帳號的當前會話。切換期間，所有涉及該帳號的應用將無法訪問資料庫。建議避免在業務高峰期執行此操作，以減少對業務的影響。",
-  "src.component.Task.AlterDdlTask.CreateModal.D056FD5E": "鎖定使用者",
-  "src.component.Task.AlterDdlTask.CreateModal.EA0D82E0": "鎖定表",
-  "src.component.Task.AlterDdlTask.CreateModal.125DF508": "推薦",
-  "src.component.ODCSetting.2BE8F5C3": "不超過{maxResultsetRows}",
-  "src.component.Task.AlterDdlTask.CreateModal.44A394CE": "在表名切換前，鎖定原表禁寫。",
-  "src.component.Task.AlterDdlTask.CreateModal.6DC73E39": "在表名切換前，鎖定原表禁寫。請您確保 ODP 滿足以下條件：\nODP 版本 ≥ 4.3.1 且已進行以下參數設定：\n    alter proxyconfig set proxy_id=1;\n    alter proxyconfig set client_session_id_version=2;\n    alter proxyconfig set enable_single_leader_node_routing = false;",
-  "src.component.Task.AlterDdlTask.CreateModal.C62A7DBB": "需要將參數 enable_lock_priority 設置為 true",
+  "src.page.Workspace.components.DDLResultSet.Sync.38BDFD2B": "查看刷新記錄",
   "src.component.Task.component.ActionBar.797981FE": "無可查看的結果資訊",
   "src.component.Task.component.ActionBar.5218D741": "查詢結果",
   "src.component.ODCSetting.9651E837": "不超過{maxResultsetRows}",
@@ -5994,8 +5919,71 @@
   "src.component.ODCSetting.config.AB482BC7": "支援查看查詢結果",
   "src.component.ODCSetting.config.3FE1F2A7": "支援下載查詢結果",
   "src.component.ODCSetting.config.1ED38C41": "資料庫變更查詢結果",
+  "src.component.Task.AlterDdlTask.CreateModal.D1732875": "注意：執行無鎖結構變更前，請確保資料庫伺服器磁碟空間充足。",
+  "src.component.Task.AlterDdlTask.CreateModal.05BCC428": "表名切換禁寫策略",
+  "src.component.Task.AlterDdlTask.CreateModal.B0CFE0E1": "在表名切換前，系統將鎖定您指定的資料庫帳號，並終止該帳號的當前會話。切換期間，所有涉及該帳號的應用將無法訪問資料庫。建議避免在業務高峰期執行此操作，以減少對業務的影響。",
+  "src.component.Task.AlterDdlTask.CreateModal.D056FD5E": "鎖定使用者",
+  "src.component.Task.AlterDdlTask.CreateModal.EA0D82E0": "鎖定表",
+  "src.component.Task.AlterDdlTask.CreateModal.125DF508": "推薦",
+  "src.component.Task.AlterDdlTask.CreateModal.44A394CE": "在表名切換前，鎖定原表禁寫。",
+  "src.component.Task.AlterDdlTask.CreateModal.6DC73E39": "在表名切換前，鎖定原表禁寫。請您確保 ODP 滿足以下條件：\nODP 版本 ≥ 4.3.1 且已進行以下參數設定：\n    alter proxyconfig set proxy_id=1;\n    alter proxyconfig set client_session_id_version=2;\n    alter proxyconfig set enable_single_leader_node_routing = false;",
+  "src.component.Task.AlterDdlTask.CreateModal.C62A7DBB": "需要將參數 enable_lock_priority 設置為 true",
   "src.page.Console.8F636FA5": "帶您進入 ODC 團隊空間的美妙世界",
   "src.component.helpDoc.7F2FDC2E": "若鎖定失敗，可自動重試次數",
   "src.component.Task.AlterDdlTask.CreateModal.1A8336C1": "鎖定失敗重試次數",
-  "src.component.Task.AlterDdlTask.CreateModal.A56878AD": "請輸入鎖定失敗重試次數"
+  "src.component.Task.AlterDdlTask.CreateModal.A56878AD": "請輸入鎖定失敗重試次數",
+  "src.page.Workspace.components.SessionContextWrap.SessionSelect.SessionDropdown.49B355DA": "管理資料庫",
+  "src.page.Console.components.RecentlyDatabase.806E294C": "對象存儲目前不支援開啟 SQL 控制台。",
+  "src.d.ts.BE8F2539": "已存在。",
+  "src.component.Task.component.TaskTable.E20D58A0": "個人空間任務僅支援本人管理和查看，且不提供警告配置功能，因此不建議將其用於對生產業務有強烈依賴的場景。如需在生產業務中使用此功能，請優先選擇團隊空間，並配置相應的訊息通知機制，以保障業務的正常運作。",
+  "src.component.Task.component.ImportModal.A6892359": "(包含 {importedCount} 個已匯入的任務)",
+  "src.component.Task.component.ImportModal.AF106FF6": "{resultLength} 個作業匯入成功{importedDescription}。",
+  "src.component.Task.component.ImportModal.97A1A7A3": "{resultLength} 個作業匯入成功{importedDescription}。",
+  "src.component.Task.component.ImportModal.1B653B27": "建議手動執行任務",
+  "src.component.Task.component.ImportModal.92D087FB": "(包含 {importedCount} 個已匯入的任務)",
+  "src.component.Task.component.ImportModal.94BFD01C": "{successCount} 個作業匯入成功{importedDescription}， {failedCount} 個作業匯入失敗。 可",
+  "src.component.Task.component.ImportModal.AE88E265": "{successCount} 個作業導入成功{importedDescription}，",
+  "src.component.Task.component.ImportModal.7C3EB72C": "工單",
+  "src.component.Task.component.ImportModal.DCD1BA1A": "原資料庫",
+  "src.component.Task.component.ImportModal.93C2FD0F": "原資料庫",
+  "src.component.Task.component.ImportModal.A8B5EF34": "數據源:",
+  "src.component.Task.component.ImportModal.4C0466BB": "原資料庫",
+  "src.component.Task.component.ImportModal.E78A5A7E": "源端數據庫",
+  "src.component.Task.component.ImportModal.47F8A3BA": "目標端數據庫",
+  "src.component.Task.component.ImportModal.55E87B63": "原狀態",
+  "src.component.Task.component.ImportModal.DFCD4ABB": "工單導入成功後將重新啟用",
+  "src.component.Task.component.ImportModal.37A63CCA": "類型",
+  "src.component.Task.component.ImportModal.D22149A7": "新源端",
+  "src.component.Task.component.ImportModal.6992AD58": "新目標端",
+  "src.component.Task.component.ImportModal.01BA659E": "新資料庫",
+  "src.component.Task.component.ImportModal.EA6397CD": "我已確認導入的工單新舊資料庫物件一致。",
+  "src.component.Task.component.ImportModal.E756EF6A": "導入 ({selectedRowKeysLength})",
+  "src.component.Task.component.ImportModal.A28A2A00": "僅支持匯入由 阿里雲 OceanBase 數據研發 或 ODC 匯出的配置檔；在匯入之前，請先添加相關資料來源，並指定對應的專案。",
+  "src.component.Task.component.ImportModal.C264F2F5": "勾選需要匯入的工單，匯入後將重新啟用。匯入前請檢查涉及的新舊資料庫物件是否一致，否則匯入或執行時可能會出現失敗。",
+  "src.component.Task.component.ImportModal.3137AA28": "僅顯示已選擇資料庫的工單",
+  "src.component.Task.component.ImportModal.F8B503DB": "以下工單已導入，無需重複操作。",
+  "src.component.Task.component.ImportModal.49FDDB00": "以下工單類型不匹配，無法導入。建議您選擇對應的工單類型重新導入。",
+  "src.component.Task.component.ImportModal.F42820DF": "待導入",
+  "src.component.Task.component.ImportModal.4559F373": "主機 IP/域名：",
+  "src.component.Task.component.ImportModal.FF8162DA": "連接埠",
+  "src.component.Task.component.ImportModal.825A80AC": "請選擇新的資料庫",
+  "src.component.Task.component.ExecuteFailTip.BE7C5B92": "週期執行期間若資料庫連線失敗或專案不存在，可能導致任務執行失敗；30 天內連續調度失敗，任務將自動終止。",
+  "src.page.Workspace.components.SQLResultSet.36FAD6DF": "關閉該結果集",
+  "src.page.Workspace.components.SQLResultSet.A460FEDE": "關閉其他結果集",
+  "src.page.Workspace.components.SQLResultSet.989D6FA1": "關閉所有結果集",
+  "src.component.helpDoc.7A52D62F": "檢索目標記錄行的方式",
+  "src.component.ODCSetting.config.user.20C5DFB4": "結果集顯示",
+  "src.component.ODCSetting.config.user.2D4F8470": "最近的查詢結果會覆蓋上一次的查詢結果，若要查看多次執行的結果，請手動固定結果集（在結果集頁籤右鍵操作）。",
+  "src.component.ODCSetting.config.user.C8FE70F6": "覆蓋",
+  "src.component.ODCSetting.config.user.FACA6552": "多次查詢結果追加展示，需手動關閉結果集頁籤才會關閉。",
+  "src.component.ODCSetting.config.user.5BCACB4C": "追加",
+  "src.component.Task.component.Status.F318D350": "執行異常",
+  "src.component.Task.component.ShardingStrategyItem.B6EB2F37": "若使用全表掃描方式進行資料搜尋，處理過程將更加穩定，但性能可能會受到影響。",
+  "src.component.Task.component.ShardingStrategyItem.61BD0252": "透過全表掃描進行資料搜尋",
+  "src.component.Task.modals.DataClearTask.DetailContent.E35B6945": "透過全表掃描進行資料搜尋",
+  "src.component.Task.modals.DataClearTask.DetailContent.A75CE867": "是",
+  "src.component.Task.modals.DataClearTask.DetailContent.CB4C9BFB": "否",
+  "src.component.Task.modals.DataArchiveTask.DetailContent.44776A6F": "透過全表掃描進行資料搜尋",
+  "src.component.Task.modals.DataArchiveTask.DetailContent.D405684B": "是",
+  "src.component.Task.modals.DataArchiveTask.DetailContent.53EB9D22": "否"
 }
diff --git a/src/main/server/main.ts b/src/main/server/main.ts
index 93471e22e..5e49fb7d3 100644
--- a/src/main/server/main.ts
+++ b/src/main/server/main.ts
@@ -29,6 +29,7 @@ import {
   getSetting,
 } from '../utils';
 import log from '../utils/log';
+import { runH2Migration } from '../utils/h2';
 
 class MainServer {
   static _mainServer: MainServer = null;
@@ -45,92 +46,72 @@ class MainServer {
     }
     return MainServer._mainServer;
   }
+
   /**
-   * 获取后端jar地址
+   * 统一获取各种路径
    */
-  private getJarPath() {
-    // @see https://github.com/electron-userland/electron-builder/issues/3863
+  private getPaths() {
+    const isDev = process.env.NODE_ENV === 'development';
+    const basePath = isDev ? process.cwd() : process.resourcesPath || '';
+
+    // 获取JAR路径
     let odcJarPath: string;
-    // tslint:disable-next-line:prefer-conditional-expression
     if (process.env.ODC_SERVER_JAR_PATH) {
       odcJarPath = process.env.ODC_SERVER_JAR_PATH;
-    } else if (process.env.NODE_ENV === 'development') {
-      odcJarPath = path.join(process.cwd(), 'libraries', 'java', 'odc.jar');
     } else {
-      // @see https://electronjs.org/docs/all#processresourcespath
-      log.info('resourcesPath: ', process.resourcesPath);
-      odcJarPath = path.join(process.resourcesPath || '', 'libraries', 'java', 'odc.jar');
+      odcJarPath = path.join(basePath, 'libraries', 'java', 'odc.jar');
     }
     this.jarPath = odcJarPath;
-    return odcJarPath;
-  }
 
-  private getPluginsPath() {
+    // 获取插件路径
     let pluginPath: string;
-    // tslint:disable-next-line:prefer-conditional-expression
     if (process.env.ODC_SERVER_PLUGINS_PATH) {
       pluginPath = process.env.ODC_SERVER_PLUGINS_PATH;
-    } else if (process.env.NODE_ENV === 'development') {
-      pluginPath = path.join(process.cwd(), 'libraries', 'java', 'plugins');
     } else {
-      // @see https://electronjs.org/docs/all#processresourcespath
-      log.info('resourcesPath: ', process.resourcesPath);
-      pluginPath = path.join(process.resourcesPath || '', 'libraries', 'java', 'plugins');
+      pluginPath = path.join(basePath, 'libraries', 'java', 'plugins');
     }
     this.pluginPath = pluginPath;
-    return pluginPath;
-  }
 
-  private getStartersPath() {
-    let _path: string;
-    // tslint:disable-next-line:prefer-conditional-expression
+    // 获取启动器路径
+    let starterPath: string;
     if (process.env.ODC_SERVER_STARTERS_PATH) {
-      _path = process.env.ODC_SERVER_STARTERS_PATH;
-    } else if (process.env.NODE_ENV === 'development') {
-      _path = path.join(process.cwd(), 'libraries', 'java', 'starters');
+      starterPath = process.env.ODC_SERVER_STARTERS_PATH;
     } else {
-      // @see https://electronjs.org/docs/all#processresourcespath
-      log.info('resourcesPath: ', process.resourcesPath);
-      _path = path.join(process.resourcesPath || '', 'libraries', 'java', 'starters');
+      starterPath = path.join(basePath, 'libraries', 'java', 'starters');
     }
-    this.starterPath = _path;
-    return _path;
-  }
+    this.starterPath = starterPath;
 
-  private getOBClientPath() {
-    let obPath;
-    let base;
-    if (process.env.NODE_ENV === 'development') {
-      base = process.cwd();
-    } else {
-      base = process.resourcesPath;
-    }
+    // 获取OBClient路径
+    let obClientPath: string;
     switch (process.platform) {
       case 'linux':
       case 'darwin': {
-        obPath = path.join(base, 'libraries', 'obclient/bin/obclient');
+        obClientPath = path.join(basePath, 'libraries', 'obclient/bin/obclient');
         break;
       }
       default: {
-        obPath = path.join(base, 'libraries', 'obclient', 'obclient.exe');
+        obClientPath = path.join(basePath, 'libraries', 'obclient', 'obclient.exe');
         break;
       }
     }
-    log.info('obPath: ', obPath);
-    return obPath;
-  }
 
-  private getOthersPath() {
-    let obPath;
-    let base;
-    if (process.env.NODE_ENV === 'development') {
-      base = process.cwd();
-    } else {
-      base = process.resourcesPath;
-    }
-    obPath = obPath = path.join(base, 'libraries', 'others');
-    log.info('others Path: ', obPath);
-    return obPath;
+    // 获取其他库路径
+    const othersPath = path.join(basePath, 'libraries', 'others');
+
+    log.info('resourcesPath: ', process.resourcesPath);
+    log.info('obPath: ', obClientPath);
+    log.info('others Path: ', othersPath);
+    log.info('jarPath: ', odcJarPath);
+    log.info('pluginPath: ', pluginPath);
+    log.info('starterPath: ', starterPath);
+
+    return {
+      jarPath: odcJarPath,
+      pluginPath,
+      starterPath,
+      obClientPath,
+      othersPath,
+    };
   }
 
   /**
@@ -225,9 +206,10 @@ class MainServer {
       return;
     }
     await this.getAvailablePort();
-    this.getJarPath();
-    this.getPluginsPath();
-    this.getStartersPath();
+
+    // 统一获取所有路径
+    const paths = this.getPaths();
+
     const dbPath = getJavaDBPath();
     if (!dbPath) {
       log.error('元数据库路径获取失败！');
@@ -267,19 +249,25 @@ class MainServer {
       CLASSPATH: process.env.CLASSPATH,
       PATH: process.env.PATH,
       JAVA_HOME: process.env.JAVA_HOME,
-      ODC_PLUGIN_DIR: this.pluginPath,
-      ODC_STARTER_DIR: this.starterPath,
+      ODC_PLUGIN_DIR: paths.pluginPath,
+      ODC_STARTER_DIR: paths.starterPath,
       'server.port': `${this.port}`,
       // obClient 文件上传目录
       'obclient.work.dir': path.join(app.getPath('userData'), 'data'),
       // 任务文件上传参数，后续任务会统一到这个目录下
       'file.storage.dir': path.join(app.getPath('userData'), 'data'),
-      'obclient.file.path': this.getOBClientPath(),
-      'libraries.others.file.path': this.getOthersPath(),
+      'obclient.file.path': paths.obClientPath,
+      'libraries.others.file.path': paths.othersPath,
     };
     if (JAVA_HOME) {
       env['JAVA_HOME'] = JAVA_HOME;
     }
+    const h2MigrationSuccess = await runH2Migration();
+    if (!h2MigrationSuccess) {
+      log.error('H2 migration failed');
+      app.quit();
+      return;
+    }
     // https://stackoverflow.com/questions/10232192/exec-display-stdout-live
     try {
       const setting = getSetting();
@@ -304,6 +292,12 @@ class MainServer {
           `-Dfile.encoding=UTF-8`,
           `-Duser.language=en-US`,
           ...jvmOptions,
+          '--add-opens',
+          'java.base/jdk.internal.loader=ALL-UNNAMED',
+          '--add-opens',
+          'java.base/java.net=ALL-UNNAMED',
+          '--add-opens',
+          'java.base/java.lang=ALL-UNNAMED',
           '-jar',
           this.jarPath,
           ...odcOptions,
diff --git a/src/main/tsconfig.json b/src/main/tsconfig.json
index 77aa25660..86945d0ea 100644
--- a/src/main/tsconfig.json
+++ b/src/main/tsconfig.json
@@ -2,8 +2,8 @@
   "compilerOptions": {
     "outDir": "build/dist",
     "module": "esnext",
-    "target": "es2016",
-    "lib": ["es6", "dom"],
+    "target": "es2018",
+    "lib": ["es2018", "dom"],
     "sourceMap": true,
     "jsx": "react-jsx",
     "strictNullChecks": false,
diff --git a/src/main/utils/h2.ts b/src/main/utils/h2.ts
new file mode 100644
index 000000000..bf3d5e9b8
--- /dev/null
+++ b/src/main/utils/h2.ts
@@ -0,0 +1,403 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * H2数据库迁移工具
+ *
+ * 该模块用于处理H2数据库从1.4.200版本到2.3.232版本的迁移过程。
+ * 主要功能包括：
+ * 1. 导出旧版本数据库的SQL脚本
+ * 2. 导入SQL脚本到新版本数据库
+ * 3. 验证迁移后的数据完整性
+ * 4. 提供数据库恢复和重置功能
+ */
+
+import { exec } from 'child_process';
+import { promisify } from 'util';
+import * as fs from 'fs';
+import * as fsPromises from 'fs/promises';
+import * as path from 'path';
+import { getH2JarPath, getJavaDBPath, getJavaPath } from './index';
+import log from './log';
+import { app, dialog } from 'electron';
+
+const execAsync = promisify(exec);
+
+/**
+ * 执行命令的结果接口
+ */
+interface ExecResult {
+  stdout: string;
+  stderr: string;
+}
+
+// 配置常量
+const OLD_H2_JAR_PATH = getH2JarPath().v1;
+const NEW_H2_JAR_PATH = getH2JarPath().v2;
+const DB_PATH = getJavaDBPath();
+const JAVA_PATH = getJavaPath()?.javaBin || 'java';
+const TMP_EXPORT_SQL_DIR = path.join(DB_PATH, 'odcTemp');
+const TMP_EXPORT_SQL_NAME = 'odc.sql';
+
+// 路径常量
+const OLD_H2_PATH = path.join(DB_PATH, 'odc2.0.mv.db');
+const OLD_H2_PATH_WITHOUT_SUFFIX = path.join(DB_PATH, 'odc2.0');
+const OLD_H2_BACKUP_PATH = path.join(DB_PATH, 'odc2.0.mv.db.backup');
+const NEW_H2_PATH = path.join(DB_PATH, 'odc4.0.mv.db');
+const NEW_H2_PATH_WITHOUT_SUFFIX = path.join(DB_PATH, 'odc4.0');
+const TMP_EXPORT_SQL_PATH = path.join(TMP_EXPORT_SQL_DIR, TMP_EXPORT_SQL_NAME);
+
+// 数据库连接信息
+const OLD_H2_URL = `jdbc:h2:${OLD_H2_PATH_WITHOUT_SUFFIX};MODE=MySQL;DATABASE_TO_UPPER=false`;
+const NEW_H2_URL = `jdbc:h2:file:${NEW_H2_PATH_WITHOUT_SUFFIX};MODE=MySQL;DATABASE_TO_UPPER=false`;
+const DB_USERNAME = 'sa';
+const DB_PASSWORD = '';
+
+/**
+ * 清理临时文件和数据库文件
+ * @param type - 清理类型：'delete_old' 删除旧数据库文件，'delete_new' 删除新数据库文件
+ */
+async function clear(type?: 'delete_old' | 'delete_new'): Promise<void> {
+  if (fs.existsSync(TMP_EXPORT_SQL_DIR)) {
+    await fsPromises.rm(TMP_EXPORT_SQL_DIR, { recursive: true, force: true });
+    log.info(`Export directory ${TMP_EXPORT_SQL_DIR} has been deleted.`);
+  }
+
+  if (!type) return;
+
+  switch (type) {
+    case 'delete_old':
+      if (fs.existsSync(OLD_H2_PATH)) {
+        await fsPromises.rm(OLD_H2_PATH, { force: true });
+      }
+      break;
+    case 'delete_new':
+      if (fs.existsSync(NEW_H2_PATH)) {
+        await fsPromises.rm(NEW_H2_PATH, { force: true });
+      }
+      break;
+    default:
+      log.warn('Unknown type arg, it must delete_old or delete_new');
+  }
+}
+
+/**
+ * 在旧版本H2数据库中执行SQL语句
+ * @param sql - 要执行的SQL语句
+ * @returns 执行结果
+ */
+async function executeSqlInOldH2(sql: string): Promise<string> {
+  const { stdout, stderr } = (await execAsync(
+    `"${JAVA_PATH}" -cp "${OLD_H2_JAR_PATH}" org.h2.tools.Shell -url "${OLD_H2_URL}" -user "${DB_USERNAME}" -password "${DB_PASSWORD}" -sql "${sql}"`,
+  )) as ExecResult;
+  if (stderr) {
+    log.error('[old]execute sql error: ', stderr);
+    return null;
+  }
+  return stdout;
+}
+
+/**
+ * 在新版本H2数据库中执行SQL语句
+ * @param sql - 要执行的SQL语句
+ * @returns 执行结果
+ */
+async function executeSqlInNewH2(sql: string): Promise<string> {
+  const { stdout, stderr } = (await execAsync(
+    `"${JAVA_PATH}" -cp "${NEW_H2_JAR_PATH}" org.h2.tools.Shell -url "${NEW_H2_URL}" -user "${DB_USERNAME}" -password "${DB_PASSWORD}" -sql "${sql}"`,
+  )) as ExecResult;
+  if (stderr) {
+    log.error('[new]execute sql error: ', stderr);
+    return null;
+  }
+  return stdout;
+}
+
+/**
+ * 检查新旧数据库的表结构是否一致
+ * 比较表名列表，确保完全匹配
+ * @returns 表结构是否一致
+ */
+async function checkTable(): Promise<boolean> {
+  log.info('Checking table names in OLD and NEW databases...');
+
+  const oldTableNames = await executeSqlInOldH2(
+    "SELECT TABLE_NAME FROM INFORMATION_SCHEMA.TABLES WHERE TABLE_SCHEMA='PUBLIC' ORDER BY TABLE_NAME;",
+  );
+  const newTableNames = await executeSqlInNewH2(
+    "SELECT TABLE_NAME FROM INFORMATION_SCHEMA.TABLES WHERE TABLE_SCHEMA='PUBLIC' ORDER BY TABLE_NAME;",
+  );
+
+  const oldTables = oldTableNames.split('\n').filter(Boolean).slice(1, -1);
+  const newTables = newTableNames.split('\n').filter(Boolean).slice(1, -1);
+
+  if (oldTables.length !== newTables.length) {
+    log.error(
+      `ERROR: Table counts do not match! OLD: ${oldTables.length}, NEW: ${newTables.length}`,
+    );
+    await clear();
+    return false;
+  }
+  log.info('Table Check: ', oldTables, newTables);
+  for (let i = 0; i < oldTables.length; i++) {
+    if (oldTables[i] !== newTables[i]) {
+      log.error(
+        `ERROR: Table name mismatch at position ${i}! OLD: ${oldTables[i]}, NEW: ${newTables[i]}`,
+      );
+      await clear();
+      return false;
+    }
+  }
+
+  log.info('Table check match!');
+  return true;
+}
+
+/**
+ * 检查每个表的行数是否一致
+ * @param oldTables - 旧数据库中的表名列表
+ * @returns 所有表的行数是否一致
+ */
+async function checkTableRowCounts(oldTables: string[]): Promise<boolean> {
+  log.info('Checking row counts for each table...');
+  try {
+    /**
+     * 由于命令行的长度限制，需要把这条语句拆分成多条来执行
+     * 按照 windows 8191的限制，每条语句按照100个字符来计算，每次执行的语句不能超过81张表，保险一点，按照50张表来处理
+     */
+    const maxTableCount = 50;
+    for (let i = 0; i < oldTables.length; i += maxTableCount) {
+      const sql = oldTables
+        .slice(i, i + maxTableCount)
+        .map((table) => `SELECT COUNT(*) as c FROM ${table}`)
+        .join(' union all ');
+      const result = await executeSqlInOldH2(sql);
+      const newResult = await executeSqlInNewH2(sql);
+      const oldCounts = result.split('\n').filter(Boolean).slice(1, -1);
+      const newCounts = newResult.split('\n').filter(Boolean).slice(1, -1);
+      log.info('sql: ', sql, 'oldCounts: ', oldCounts, 'newCounts: ', newCounts);
+      if (oldCounts.length !== newCounts.length) {
+        log.error('Row count mismatch for all tables! OLD: ', oldCounts, 'NEW: ', newCounts);
+        return false;
+      }
+    }
+
+    log.info('Row counts match for all tables!');
+    return true;
+  } catch (e) {
+    log.error('checkTableRowCounts error: ', e);
+    return false;
+  }
+}
+
+/**
+ * 检查迁移后的数据完整性
+ * 包括表结构检查和行数检查
+ * @returns 数据完整性检查是否通过
+ */
+async function checkIntegrityAfterMigration(): Promise<boolean> {
+  log.info('Starting to check integrity after migration');
+  const tableCheck = await checkTable();
+  if (!tableCheck) return false;
+
+  const oldTableNames = await executeSqlInOldH2(
+    "SELECT TABLE_NAME FROM INFORMATION_SCHEMA.TABLES WHERE TABLE_SCHEMA='PUBLIC' ORDER BY TABLE_NAME;",
+  );
+  const oldTables = oldTableNames.split('\n').filter(Boolean).slice(1, -1);
+
+  return await checkTableRowCounts(oldTables);
+}
+
+/**
+ * 检查是否需要执行迁移
+ * 通过检查旧版本数据库文件是否存在来判断
+ * @returns 是否需要迁移
+ */
+async function checkIfNeedMigrate(): Promise<boolean> {
+  return fs.existsSync(OLD_H2_PATH);
+}
+
+/**
+ * 导出旧版本数据库的SQL脚本
+ * 使用H2的Script工具导出完整的数据库结构和数据
+ * @returns 导出是否成功
+ */
+async function exportSql(): Promise<boolean> {
+  log.info('Starting to export sql');
+
+  if (!fs.existsSync(TMP_EXPORT_SQL_DIR)) {
+    log.info(`Export directory does not exist. Creating: ${TMP_EXPORT_SQL_DIR}`);
+    await fsPromises.mkdir(TMP_EXPORT_SQL_DIR, { recursive: true });
+  }
+
+  try {
+    const { stdout, stderr } = await execAsync(
+      `"${JAVA_PATH}" -cp "${OLD_H2_JAR_PATH}" org.h2.tools.Script -url "${OLD_H2_URL}" -user "${DB_USERNAME}" -password "${DB_PASSWORD}" -script "${TMP_EXPORT_SQL_PATH}" -options "DROP"`,
+    );
+    if (!fs.existsSync(TMP_EXPORT_SQL_PATH)) {
+      log.error('Failed Export Sql\n', 'stdout:', stdout, 'error:', stderr);
+      return false;
+    }
+    log.info(`Sql Export Success, Path is ${TMP_EXPORT_SQL_PATH}`);
+    return true;
+  } catch (error) {
+    log.error('Failed Export Sql:', error);
+    await clear();
+    return false;
+  }
+}
+
+/**
+ * 导入SQL脚本到新版本数据库
+ * 使用H2的RunScript工具执行SQL脚本
+ * @returns 导入是否成功
+ */
+async function importSql(): Promise<boolean> {
+  log.info('Starting to import sql');
+
+  if (!fs.existsSync(TMP_EXPORT_SQL_PATH)) {
+    log.error(`Import sql file does not exist. Path: ${TMP_EXPORT_SQL_PATH}`);
+    await clear();
+    return false;
+  }
+
+  if (fs.existsSync(NEW_H2_PATH)) {
+    await fsPromises.rm(NEW_H2_PATH, { force: true });
+  }
+
+  try {
+    await execAsync(
+      `"${JAVA_PATH}" -cp "${NEW_H2_JAR_PATH}" org.h2.tools.RunScript -url "${NEW_H2_URL}" -user "${DB_USERNAME}" -password "${DB_PASSWORD}" -script "${TMP_EXPORT_SQL_PATH}" -options "FROM_1X"`,
+    );
+    log.info(`Sql Import Success, Path is ${TMP_EXPORT_SQL_PATH}`);
+    return true;
+  } catch (error) {
+    log.error('Failed Import Sql:', error);
+    await clear();
+    return false;
+  }
+}
+
+/**
+ * 重置H2数据库
+ * 删除新旧版本的所有数据库文件
+ */
+async function resetH2(): Promise<void> {
+  await clear('delete_old');
+  await clear('delete_new');
+}
+
+/**
+ * 显示数据库恢复对话框
+ * 提供用户选择是否尝试恢复数据库
+ * @returns 用户是否选择恢复
+ */
+async function showRecoverDialog(): Promise<boolean> {
+  log.info('Show recover dialog...');
+  const recover = await new Promise<Boolean>((resolve) => {
+    const id = dialog.showMessageBoxSync({
+      type: 'error',
+      buttons: ['Reset', 'Cancel'],
+      defaultId: 1,
+      title: 'ODC Failed to Launch',
+      message: 'ODC Files Are Corrupted',
+      detail: 'An unexpected error occurred while upgrading ODC',
+      cancelId: 1,
+    });
+    if (id === 0) {
+      resolve(true);
+      return;
+    }
+    resolve(false);
+  });
+  if (!recover) {
+    app.exit();
+    return false;
+  }
+  await resetH2();
+  return true;
+}
+
+/**
+ * 执行数据库迁移流程
+ * 包括检查、导出、导入和验证等步骤
+ * @returns 迁移是否成功
+ */
+async function migrate(): Promise<boolean> {
+  log.info('Starting to migrate h2 database');
+  if (!(await checkIfNeedMigrate())) {
+    log.info('No need to migrate h2 database');
+    return true;
+  }
+  log.info('Exporting sql...');
+  if (!(await exportSql())) {
+    await clear();
+    return await showRecoverDialog();
+  }
+  log.info('Importing sql...');
+  if (!(await importSql()) || !(await checkIntegrityAfterMigration())) {
+    await clear('delete_new');
+    return await showRecoverDialog();
+  }
+
+  return true;
+}
+
+/**
+ * 检查H2数据库连接
+ * 如果连接失败，尝试恢复数据库
+ * @returns 连接是否成功
+ */
+async function checkH2Connection(): Promise<boolean> {
+  try {
+    return !!(await executeSqlInNewH2('SELECT * FROM dual'));
+  } catch (error) {
+    log.error('H2 connection check failed...', error);
+    return await showRecoverDialog();
+  }
+}
+
+async function moveOldFileToBackup(): Promise<void> {
+  log.info('Moving old file to backup...');
+  if (fs.existsSync(OLD_H2_PATH)) {
+    await fsPromises.rename(OLD_H2_PATH, OLD_H2_BACKUP_PATH);
+  }
+  log.info('Move old file to backup success');
+}
+
+/**
+ * 执行数据库迁移和连接检查的主函数
+ * @returns Promise<void>
+ */
+export async function runH2Migration(): Promise<boolean> {
+  if (!(await migrate())) {
+    log.error('Migration failed...');
+    return false;
+  }
+  log.info('Checking h2 connection...');
+  if (!(await checkH2Connection())) {
+    log.error('H2 connection check failed...');
+    return false;
+  }
+  log.info('H2 connection check success');
+  log.info('Moving old file to backup...');
+  await moveOldFileToBackup();
+  log.info('Moving old file to backup success');
+  log.info('Clearing temporary files...');
+  await clear();
+  log.info('Clearing temporary files success');
+  return true;
+}
diff --git a/src/main/utils/index.ts b/src/main/utils/index.ts
index 912dd905f..a59669046 100644
--- a/src/main/utils/index.ts
+++ b/src/main/utils/index.ts
@@ -205,9 +205,6 @@ export function getJavaPath() {
     isDevelopment ? process.cwd() : process.resourcesPath || '',
     'libraries/jre',
   );
-  if (isMac) {
-    basePath = path.join(basePath, 'Home');
-  }
   if (!fs.existsSync(basePath)) {
     log.info(basePath, ' 检测不到 Jre，采用系统 Jre');
     return null;
@@ -256,6 +253,19 @@ export function getSetting(): Record<string, string> {
   }
 }
 
+export function getH2JarPath() {
+  let odcJarPath: string;
+  if (process.env.NODE_ENV === 'development') {
+    odcJarPath = path.join(process.cwd(), 'libraries', 'script');
+  } else {
+    odcJarPath = path.join(process.resourcesPath || '', 'libraries', 'script');
+  }
+  return {
+    v1: path.join(odcJarPath, 'h2-v1.jar'),
+    v2: path.join(odcJarPath, 'h2-v2.jar'),
+  };
+}
+
 export function getRendererPath() {
   const p = 'file:' + path.join(process.resourcesPath, 'renderer/');
   log.info('renderer path: ', p);
diff --git a/src/page/Auth/User/index.tsx b/src/page/Auth/User/index.tsx
index 6d4b81d98..8fbb9bad8 100644
--- a/src/page/Auth/User/index.tsx
+++ b/src/page/Auth/User/index.tsx
@@ -131,6 +131,14 @@ class UserPage extends React.PureComponent<IProps, IState> {
             value: id,
           };
         }),
+        onFilter: (value, record) => {
+          // 如果过滤值为0，表示选择"空"选项，匹配没有角色的用户
+          if (value === 0) {
+            return !record?.roles?.length;
+          }
+          // 检查用户是否包含选中的角色
+          return record?.roles?.some((role) => role.id === value);
+        },
         render: (roles) => {
           return <RoleList roles={roles} isShowIcon />;
         },
diff --git a/src/page/Console/components/CounterCard/index.tsx b/src/page/Console/components/CounterCard/index.tsx
index 352b8ffba..14e5e3870 100644
--- a/src/page/Console/components/CounterCard/index.tsx
+++ b/src/page/Console/components/CounterCard/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import LabelWithIcon from '../LabelWithIcon';
 import styles from './index.less';
 interface IProps {
diff --git a/src/page/Console/components/DonutChart/index.tsx b/src/page/Console/components/DonutChart/index.tsx
index 0ac69b887..e505f6b2f 100644
--- a/src/page/Console/components/DonutChart/index.tsx
+++ b/src/page/Console/components/DonutChart/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React, { useRef, useEffect } from 'react';
 import * as echarts from 'echarts';
 import { ConsoleTextConfig } from '../../const';
diff --git a/src/page/Console/components/LabelWithIcon/index.tsx b/src/page/Console/components/LabelWithIcon/index.tsx
index 3f8bb98e7..d05f94515 100644
--- a/src/page/Console/components/LabelWithIcon/index.tsx
+++ b/src/page/Console/components/LabelWithIcon/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import styles from './index.less';
 
 interface IProps {
diff --git a/src/page/Console/components/QRCodeWithIcon/index.tsx b/src/page/Console/components/QRCodeWithIcon/index.tsx
index 36169dea3..850912713 100644
--- a/src/page/Console/components/QRCodeWithIcon/index.tsx
+++ b/src/page/Console/components/QRCodeWithIcon/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React from 'react';
 import { Popover, QRCode } from 'antd';
 import { ReactComponent as DingSvg } from '@/svgr/dingding.svg';
diff --git a/src/page/Console/components/RecentlyDatabase/help.ts b/src/page/Console/components/RecentlyDatabase/help.ts
index 42dd6a366..16fbd176b 100644
--- a/src/page/Console/components/RecentlyDatabase/help.ts
+++ b/src/page/Console/components/RecentlyDatabase/help.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { TaskPageType, TaskType } from '@/d.ts';
 import { DataBaseOperationKey, IOperation } from '@/d.ts/operation';
 import { formatMessage } from '@/util/intl';
diff --git a/src/page/Console/components/RecentlyDatabase/index.less b/src/page/Console/components/RecentlyDatabase/index.less
index 2940b387c..bba49e8f2 100644
--- a/src/page/Console/components/RecentlyDatabase/index.less
+++ b/src/page/Console/components/RecentlyDatabase/index.less
@@ -2,14 +2,15 @@
   margin-top: 16px;
   overflow: auto;
   cursor: default;
-  .action,
-  .disabledAction {
+  .action {
     cursor: pointer;
     font-size: 12px;
     color: var(--text-color-link);
     line-height: 20px;
   }
   .disabledAction {
+    font-size: 12px;
+    line-height: 20px;
     filter: grayscale(1);
     color: #00000040;
   }
diff --git a/src/page/Console/components/RecentlyDatabase/index.tsx b/src/page/Console/components/RecentlyDatabase/index.tsx
index 8dbc9bf2d..fee404862 100644
--- a/src/page/Console/components/RecentlyDatabase/index.tsx
+++ b/src/page/Console/components/RecentlyDatabase/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Table, Tooltip, Spin } from 'antd';
 import { useMount, useRequest } from 'ahooks';
@@ -7,9 +23,9 @@ import LabelWithIcon from '../LabelWithIcon';
 import { getDataSourceStyleByConnectType } from '@/common/datasource';
 import { IDatabaseHistoriesParam, TaskType } from '@/d.ts';
 import Action from '@/component/Action';
-import AsyncTaskCreateModal from '@/component/Task/AsyncTask';
-import ExportTaskCreateModal from '@/component/Task/ExportTask';
-import ImportTaskCreateModal from '@/component/Task/ImportTask';
+import AsyncTaskCreateModal from '@/component/Task/modals/AsyncTask';
+import ExportTaskCreateModal from '@/component/Task/modals/ExportTask';
+import ImportTaskCreateModal from '@/component/Task/modals/ImportTask';
 import { renderTool } from '@/util/renderTool';
 import { isLogicalDatabase } from '@/util/database';
 import { gotoSQLWorkspace } from '@/util/route';
@@ -19,18 +35,22 @@ import styles from './index.less';
 import { getDatabasesHistories } from '@/common/network/task';
 import login from '@/store/login';
 import RiskLevelLabel from '@/component/RiskLevelLabel';
-import ApplyPermission from '@/component/Task/ApplyPermission';
-import ApplyDatabasePermission from '@/component/Task/ApplyDatabasePermission';
+import ApplyPermission from '@/component/Task/modals/ApplyPermission';
+import ApplyDatabasePermission from '@/component/Task/modals/ApplyDatabasePermission';
 import RecentlyDatabaseEmpty from '@/component/Empty/RecentlyDatabaseEmpty';
 import { getRecentlyDatabaseOperation } from './help';
-import LogicDatabaseAsyncTask from '@/component/Task/LogicDatabaseAsyncTask';
+import LogicDatabaseAsyncTask from '@/component/Task/modals/LogicDatabaseAsyncTask';
 import LogicIcon from '@/component/logicIcon';
 import HelpDoc from '@/component/helpDoc';
+import { IForbiddenSQLConsoleDataSourceType } from '@/d.ts/datasource';
 
 interface IProps {
   modalStore?: ModalStore;
 }
-
+enum ETootipType {
+  DATABASE = 'database',
+  PROJECT = 'project',
+}
 const RecentlyDatabase: React.FC<IProps> = ({ modalStore }) => {
   const {
     data: databaseList,
@@ -62,7 +82,7 @@ const RecentlyDatabase: React.FC<IProps> = ({ modalStore }) => {
 
   const renderTooltipContent = ({ type, record }) => {
     switch (type) {
-      case 'project':
+      case ETootipType.PROJECT:
         return (
           <div>
             {formatMessage(
@@ -88,7 +108,7 @@ const RecentlyDatabase: React.FC<IProps> = ({ modalStore }) => {
           </div>
         );
 
-      case 'database':
+      case ETootipType.DATABASE:
         return (
           <div>
             {formatMessage({
@@ -126,20 +146,39 @@ const RecentlyDatabase: React.FC<IProps> = ({ modalStore }) => {
       ellipsis: true,
       width: columnWidth[index],
       render: (value, record) => {
-        const hasProjectAuth = record?.project?.currentUserResourceRoles?.length > 0;
-        const hasDBAuth = !!record?.authorizedPermissionTypes?.length;
-        const actionStyle = hasProjectAuth ? styles.action : styles.disabledAction;
-        const normalStyle = hasProjectAuth ? '' : styles.disabledAction;
+        const needToApplyProjectAuth = !record?.project?.currentUserResourceRoles?.length;
+        const needToApplyDatabaseAuth = !record?.authorizedPermissionTypes?.length;
+
+        const forbiddenAccessSQLConsole = [
+          IForbiddenSQLConsoleDataSourceType.OSS,
+          IForbiddenSQLConsoleDataSourceType.COS,
+          IForbiddenSQLConsoleDataSourceType.AWS,
+          IForbiddenSQLConsoleDataSourceType.OBS,
+        ].includes(record?.dataSource?.type);
+
+        const disabledAllOperations = needToApplyProjectAuth || forbiddenAccessSQLConsole;
+
+        const recordWithActionClassName = disabledAllOperations
+          ? styles.disabledAction
+          : styles.action;
+
+        const recordWithoutActionClassName = disabledAllOperations ? styles.disabledAction : '';
+
         switch (key) {
           case EDatabaseTableColumnKey.Operation:
             const operation = getRecentlyDatabaseOperation({ record, project: record?.project });
             return (
               <div
-                className={actionStyle}
-                style={hasDBAuth ? {} : { filter: 'grayscale(1)', pointerEvents: 'none' }}
+                className={recordWithActionClassName}
+                style={
+                  needToApplyDatabaseAuth ? { filter: 'grayscale(1)', color: '#00000040' } : {}
+                }
               >
                 <Action.Group size={3}>
                   {operation.map((item, index) => {
+                    if (disabledAllOperations || needToApplyDatabaseAuth) {
+                      item.disable = true;
+                    }
                     return renderTool(item, index);
                   })}
                 </Action.Group>
@@ -150,67 +189,85 @@ const RecentlyDatabase: React.FC<IProps> = ({ modalStore }) => {
             const databaseStyle = getDataSourceStyleByConnectType(record?.dataSource?.type);
             const existed = record?.existed;
             return (
-              <div
-                className={existed ? actionStyle : ''}
-                style={hasDBAuth ? {} : { filter: 'grayScale(1)' }}
+              <Tooltip
+                title={
+                  forbiddenAccessSQLConsole
+                    ? formatMessage({
+                        id: 'src.page.Console.components.RecentlyDatabase.806E294C',
+                        defaultMessage: '对象存储暂不支持打开 SQL 控制台',
+                      })
+                    : ''
+                }
               >
-                <LabelWithIcon
-                  gap={4}
-                  label={
-                    <Tooltip
-                      overlayInnerStyle={{ whiteSpace: 'nowrap', width: 'fit-content' }}
-                      title={renderTooltipContent({
-                        type: hasProjectAuth ? (hasDBAuth ? '' : 'database') : 'project',
-                        record,
-                      })}
-                    >
-                      <span
-                        onClick={() => {
-                          if (!existed) {
-                            return;
-                          }
-                          gotoSQLWorkspace(
-                            record?.project?.id,
-                            record?.dataSource?.id,
-                            record?.id,
-                            null,
-                            '',
-                            isLogicalDatabase(record),
-                          );
-                        }}
-                      >
-                        {value}
-                        {!existed && (
-                          <HelpDoc
-                            leftText
-                            isTip={false}
-                            title={formatMessage({
-                              id: 'odc.Datasource.Info.TheCurrentDatabaseDoesNot',
-                              defaultMessage: '当前数据库不存在',
-                            })} /*当前数据库不存在*/
-                          />
-                        )}
-                      </span>
-                    </Tooltip>
+                <div
+                  className={existed ? recordWithActionClassName : ''}
+                  style={
+                    needToApplyDatabaseAuth ? { filter: 'grayScale(1)', color: '#00000040' } : {}
                   }
-                  icon={
-                    record?.type === 'LOGICAL' ? (
-                      <div className={styles.logicIcon}>
-                        <LogicIcon />
-                      </div>
-                    ) : (
-                      <Icon
-                        component={databaseStyle?.dbIcon?.component}
-                        style={{
-                          color: databaseStyle?.icon?.color,
-                          fontSize: 16,
-                          marginRight: 4,
-                        }}
-                      />
-                    )
-                  }
-                />
-              </div>
+                >
+                  <LabelWithIcon
+                    gap={4}
+                    label={
+                      <Tooltip
+                        styles={{ body: { whiteSpace: 'nowrap', width: 'fit-content' } }}
+                        title={renderTooltipContent({
+                          type: needToApplyProjectAuth
+                            ? ETootipType.PROJECT
+                            : needToApplyDatabaseAuth
+                            ? ETootipType.DATABASE
+                            : '',
+
+                          record,
+                        })}
+                      >
+                        <span
+                          onClick={() => {
+                            if (!existed || disabledAllOperations || needToApplyDatabaseAuth) {
+                              return;
+                            }
+                            gotoSQLWorkspace(
+                              record?.project?.id,
+                              record?.dataSource?.id,
+                              record?.id,
+                              null,
+                              '',
+                              isLogicalDatabase(record),
+                            );
+                          }}
+                        >
+                          {value}
+                          {!existed && (
+                            <HelpDoc
+                              leftText
+                              isTip={false}
+                              title={formatMessage({
+                                id: 'odc.Datasource.Info.TheCurrentDatabaseDoesNot',
+                                defaultMessage: '当前数据库不存在',
+                              })} /*当前数据库不存在*/
+                            />
+                          )}
+                        </span>
+                      </Tooltip>
+                    }
+                    icon={
+                      record?.type === 'LOGICAL' ? (
+                        <div className={styles.logicIcon}>
+                          <LogicIcon />
+                        </div>
+                      ) : (
+                        <Icon
+                          component={databaseStyle?.dbIcon?.component}
+                          style={{
+                            color: databaseStyle?.icon?.color,
+                            fontSize: 16,
+                            marginRight: 4,
+                          }}
+                        />
+                      )
+                    }
+                  />
+                </div>
+              </Tooltip>
             );
 
           case EDatabaseTableColumnKey.DataSource:
@@ -218,9 +275,9 @@ const RecentlyDatabase: React.FC<IProps> = ({ modalStore }) => {
             if (!value) {
               return (
                 <Tooltip
-                  overlayInnerStyle={{ whiteSpace: 'nowrap', width: 'fit-content' }}
+                  styles={{ body: { whiteSpace: 'nowrap', width: 'fit-content' } }}
                   title={renderTooltipContent({
-                    type: hasProjectAuth ? '' : 'project',
+                    type: needToApplyDatabaseAuth ? ETootipType.PROJECT : '',
                     record,
                   })}
                 >
@@ -230,14 +287,18 @@ const RecentlyDatabase: React.FC<IProps> = ({ modalStore }) => {
             }
 
             return (
-              <div className={normalStyle}>
+              <div className={recordWithoutActionClassName}>
                 <LabelWithIcon
                   gap={6}
                   label={
                     <Tooltip
-                      overlayInnerStyle={{ whiteSpace: 'nowrap', width: 'fit-content' }}
+                      styles={{ body: { whiteSpace: 'nowrap', width: 'fit-content' } }}
                       title={renderTooltipContent({
-                        type: hasProjectAuth ? (hasDBAuth ? '' : 'database') : 'project',
+                        type: needToApplyProjectAuth
+                          ? ETootipType.PROJECT
+                          : needToApplyDatabaseAuth
+                          ? ETootipType.DATABASE
+                          : '',
                         record,
                       })}
                     >
@@ -261,8 +322,11 @@ const RecentlyDatabase: React.FC<IProps> = ({ modalStore }) => {
           case EDatabaseTableColumnKey.Project:
             return (
               <div
-                className={actionStyle}
+                className={recordWithActionClassName}
                 onClick={() => {
+                  if (disabledAllOperations) {
+                    return;
+                  }
                   window.open(`#/project/${value.id}/database`);
                 }}
               >
@@ -301,6 +365,7 @@ const RecentlyDatabase: React.FC<IProps> = ({ modalStore }) => {
       ) : (
         <RecentlyDatabaseEmpty height={391} color="var(--text-color-secondary)" />
       )}
+
       <ExportTaskCreateModal />
       <ImportTaskCreateModal />
       <AsyncTaskCreateModal theme="white" />
diff --git a/src/page/Console/components/ScheduleItem/index.tsx b/src/page/Console/components/ScheduleItem/index.tsx
index c1b8b37f3..653088696 100644
--- a/src/page/Console/components/ScheduleItem/index.tsx
+++ b/src/page/Console/components/ScheduleItem/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { useNavigate } from '@umijs/max';
 import { ConsoleTextConfig } from '../../const';
diff --git a/src/page/Console/const.ts b/src/page/Console/const.tsx
similarity index 81%
rename from src/page/Console/const.ts
rename to src/page/Console/const.tsx
index 93e2b02b1..e0c9e13e2 100644
--- a/src/page/Console/const.ts
+++ b/src/page/Console/const.tsx
@@ -1,6 +1,25 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { TaskPageType } from '@/d.ts';
-import { title } from 'process';
+import { ReactComponent as DownloadSvg } from '@/svgr/download-fill.svg';
+import { ReactComponent as GithubSvg } from '@/svgr/github.svg';
+import { ReactComponent as SendSvg } from '@/svgr/send-fill.svg';
+import Icon from '@ant-design/icons';
 
 export enum EQuickStartRole {
   Admin,
@@ -105,11 +124,22 @@ export const ConsoleTextConfig = {
   },
   aboutUs: {
     helps: [
-      formatMessage({ id: 'src.page.Console.D66A7480', defaultMessage: '下载新版' }),
-      formatMessage({ id: 'src.page.Console.B27ADAC6', defaultMessage: '产品动态' }),
-      formatMessage({ id: 'src.page.Console.9B6E647E', defaultMessage: '反馈建议' }),
+      {
+        title: formatMessage({ id: 'src.page.Console.D66A7480', defaultMessage: '下载新版' }),
+        url: 'softwarecenter',
+        icon: <Icon component={DownloadSvg} style={{ color: '#006AFF', fontSize: 14 }} />,
+      },
+      {
+        title: formatMessage({ id: 'src.page.Console.B27ADAC6', defaultMessage: '产品动态' }),
+        url: 'releaseNote',
+        icon: <Icon component={SendSvg} style={{ color: '#52c41a', fontSize: 14 }} />,
+      },
+      {
+        title: formatMessage({ id: 'src.page.Console.9B6E647E', defaultMessage: '反馈建议' }),
+        url: 'issues',
+        icon: <Icon component={GithubSvg} style={{ fontSize: 14 }} />,
+      },
     ],
-    urlKeys: ['softwarecenter', 'releaseNote', 'issues'],
     QRUrl:
       'https://qr.dingtalk.com/action/joingroup?code=v1,k1,HovdSAqfBdRGqRk2jQ0TDu1eMvQ+BB6rt8mFHeIqi/A=&_dt_no_comment=1&origin=11',
   },
diff --git a/src/page/Console/index.less b/src/page/Console/index.less
index 4f80a46b1..4a0ee84fc 100644
--- a/src/page/Console/index.less
+++ b/src/page/Console/index.less
@@ -280,7 +280,6 @@
         }
         .aboutUsContent {
           display: flex;
-          align-items: center;
           justify-content: space-between;
         }
         .article {
diff --git a/src/page/Console/index.tsx b/src/page/Console/index.tsx
index 703bd2c76..15807bef8 100644
--- a/src/page/Console/index.tsx
+++ b/src/page/Console/index.tsx
@@ -1,12 +1,25 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage, getLocalDocs, getOBDocsUrl } from '@/util/intl';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useMount, useRequest } from 'ahooks';
 import modal from '@/store/modal';
 import { Card, Col, Divider, Popconfirm, Radio, Row, Spin, Tooltip, Typography } from 'antd';
 import odc from '@/plugins/odc';
-import { ReactComponent as DownloadSvg } from '@/svgr/download-fill.svg';
-import { ReactComponent as GithubSvg } from '@/svgr/github.svg';
-import { ReactComponent as SendSvg } from '@/svgr/send-fill.svg';
 import { getImg } from '@/util/intl';
 
 import Icon, { ExperimentOutlined } from '@ant-design/icons';
@@ -30,12 +43,6 @@ const paddingCal = (currentLayout) => {
   return currentLayout === gridConfig.all ? 0 : 8;
 };
 
-const aboutUsIcons = [
-  <Icon component={DownloadSvg} style={{ color: '#006AFF', fontSize: 14 }} />,
-  <Icon component={SendSvg} style={{ color: '#52c41a', fontSize: 14 }} />,
-  <Icon component={GithubSvg} style={{ fontSize: 14 }} />,
-];
-
 const Console = () => {
   const { quickStart, aboutUs, bestPractice, schdules } = ConsoleTextConfig;
   const [currentQuickStartRole, setCurrentQuickStartRole] = useState(EQuickStartRole.Admin);
@@ -368,19 +375,22 @@ const Console = () => {
                 <div className={styles.aboutUsContent}>
                   <div className={styles.docsWrapper}>
                     {aboutUs.helps.map((help, index) => {
+                      if (!odc.appConfig.canDownloadNewVersion && index === 0) {
+                        return null;
+                      }
                       return (
                         <div className={styles.aboutUsHelpDocItem}>
                           <LabelWithIcon
                             gap={9}
-                            icon={aboutUsIcons[index]}
+                            icon={help.icon}
                             label={
                               <div
                                 className={styles.docs}
                                 onClick={() => {
-                                  window.open(getOBDocsUrl(aboutUs.urlKeys[index]));
+                                  window.open(getOBDocsUrl(help.url));
                                 }}
                               >
-                                {help}
+                                {help.title}
                               </div>
                             }
                           />
diff --git a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/CloudStorageForm/index.tsx b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/CloudStorageForm/index.tsx
index e05934aac..331837567 100644
--- a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/CloudStorageForm/index.tsx
+++ b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/CloudStorageForm/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import DatasourceFormContext from '../context';
 import { useContext, useMemo, useState } from 'react';
 import { Space, Form, Input, Typography, Row, message } from 'antd';
diff --git a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/components/ErrorTip/index.tsx b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/components/ErrorTip/index.tsx
index 8458fb236..986ef7ae0 100644
--- a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/components/ErrorTip/index.tsx
+++ b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/components/ErrorTip/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { Typography } from 'antd';
 import type { BaseType } from 'antd/lib/typography/Base';
 
diff --git a/src/page/Datasource/Info/Header/Filter/index.tsx b/src/page/Datasource/Info/Header/Filter/index.tsx
index af5d04daa..eaf983748 100644
--- a/src/page/Datasource/Info/Header/Filter/index.tsx
+++ b/src/page/Datasource/Info/Header/Filter/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { DatabaseAvailableTypeText, DatabaseBelongsToProjectTypeText } from '@/constant/label';
 import { formatMessage } from '@/util/intl';
 import { CloseOutlined, FilterOutlined } from '@ant-design/icons';
diff --git a/src/page/Datasource/Info/Header/Search.tsx b/src/page/Datasource/Info/Header/Search.tsx
index f2879b49f..0d847b802 100644
--- a/src/page/Datasource/Info/Header/Search.tsx
+++ b/src/page/Datasource/Info/Header/Search.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { SearchOutlined } from '@ant-design/icons';
 import { Input } from 'antd';
diff --git a/src/page/Datasource/Info/Header/index.tsx b/src/page/Datasource/Info/Header/index.tsx
index 7438bd6ab..57d274369 100644
--- a/src/page/Datasource/Info/Header/index.tsx
+++ b/src/page/Datasource/Info/Header/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ReloadOutlined } from '@ant-design/icons';
 import { Space } from 'antd';
 import React, { useContext } from 'react';
diff --git a/src/page/Datasource/Info/ParamContext.tsx b/src/page/Datasource/Info/ParamContext.tsx
index d871775cb..68c59627e 100644
--- a/src/page/Datasource/Info/ParamContext.tsx
+++ b/src/page/Datasource/Info/ParamContext.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React from 'react';
 
 export interface IFilterParams {
diff --git a/src/page/ExternalIntegration/SSO/NewSSODrawerButton/SSOForm/SAMLModalConfirm.tsx b/src/page/ExternalIntegration/SSO/NewSSODrawerButton/SSOForm/SAMLModalConfirm.tsx
index 2e85dcb56..264a23b1e 100644
--- a/src/page/ExternalIntegration/SSO/NewSSODrawerButton/SSOForm/SAMLModalConfirm.tsx
+++ b/src/page/ExternalIntegration/SSO/NewSSODrawerButton/SSOForm/SAMLModalConfirm.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Form, Input, Modal } from 'antd';
 import React from 'react';
diff --git a/src/page/Gateway/customConnect.ts b/src/page/Gateway/customConnect.ts
index 68c69410a..62371ef59 100644
--- a/src/page/Gateway/customConnect.ts
+++ b/src/page/Gateway/customConnect.ts
@@ -34,7 +34,7 @@ import { Base64 } from 'js-base64';
 import dayjs from 'dayjs';
 
 async function getDefaultSchema(dsId: number, userName: string) {
-  const res = await listDatabases(null, dsId, 1, 999);
+  const res = await listDatabases({ dataSourceId: dsId, page: 1, size: 999 });
   const databases = res?.contents;
   // mysql 模式的默认数据库是 information_schema
   const informationSchema = databases?.find((d) => d.name === 'information_schema');
diff --git a/src/page/Gateway/newCloudConnection.ts b/src/page/Gateway/newCloudConnection.ts
index 9e19dcb5e..6c94c219e 100644
--- a/src/page/Gateway/newCloudConnection.ts
+++ b/src/page/Gateway/newCloudConnection.ts
@@ -70,7 +70,7 @@ function resolveRemoteData(inputData: IRemoteNewCloudConnectionData): Partial<ID
   return data;
 }
 async function getDefaultSchema(dsId: number, userName: string) {
-  const res = await listDatabases(null, dsId, 1, 999);
+  const res = await listDatabases({ dataSourceId: dsId, page: 1, size: 999 });
   const databases = res?.contents;
   const informationSchema = databases.find((d) => d.name === 'information_schema');
   const sameName = databases.find((d) => d.name?.toLowerCase() === userName?.toLowerCase());
diff --git a/src/page/Project/Database/Header/Filter/index.tsx b/src/page/Project/Database/Header/Filter/index.tsx
index dc0ec3ead..96c1ff4a6 100644
--- a/src/page/Project/Database/Header/Filter/index.tsx
+++ b/src/page/Project/Database/Header/Filter/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ConnectTypeText, DBTypeText } from '@/constant/label';
 import { ConnectType } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
diff --git a/src/page/Project/Database/Header/Group.tsx b/src/page/Project/Database/Header/Group.tsx
index 529f8d71b..15d868b85 100644
--- a/src/page/Project/Database/Header/Group.tsx
+++ b/src/page/Project/Database/Header/Group.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import React, { useContext } from 'react';
 import { Dropdown } from 'antd';
diff --git a/src/page/Project/Database/Header/Search.tsx b/src/page/Project/Database/Header/Search.tsx
index 1796f52b2..28be4fc6f 100644
--- a/src/page/Project/Database/Header/Search.tsx
+++ b/src/page/Project/Database/Header/Search.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { AutoComplete, Input } from 'antd';
 import React, { forwardRef, useContext, useRef, useState } from 'react';
 import { SearchOutlined } from '@ant-design/icons';
diff --git a/src/page/Project/Database/Header/index.tsx b/src/page/Project/Database/Header/index.tsx
index 990359aaa..0d19e8dd6 100644
--- a/src/page/Project/Database/Header/index.tsx
+++ b/src/page/Project/Database/Header/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ReloadOutlined } from '@ant-design/icons';
 import { Space } from 'antd';
 import React, { useContext } from 'react';
diff --git a/src/page/Project/Database/ParamContext.tsx b/src/page/Project/Database/ParamContext.tsx
index 7de3c0197..e99bd03c9 100644
--- a/src/page/Project/Database/ParamContext.tsx
+++ b/src/page/Project/Database/ParamContext.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ConnectType } from '@/d.ts';
 import { DBType } from '@/d.ts/database';
 import React from 'react';
diff --git a/src/page/Project/Database/components/AddDataBaseButton/index.tsx b/src/page/Project/Database/components/AddDataBaseButton/index.tsx
index c03f6078c..cc173da75 100644
--- a/src/page/Project/Database/components/AddDataBaseButton/index.tsx
+++ b/src/page/Project/Database/components/AddDataBaseButton/index.tsx
@@ -18,7 +18,7 @@ import { getDataSourceStyleByConnectType, isFileSystemSupport } from '@/common/d
 import { getConnectionDetail, getConnectionList } from '@/common/network/connection';
 import { listDatabases, updateDataBase } from '@/common/network/database';
 import RiskLevelLabel from '@/component/RiskLevelLabel';
-import ApplyDatabasePermissionButton from '@/component/Task/ApplyDatabasePermission/CreateButton';
+import ApplyDatabasePermissionButton from '@/component/Task/modals/ApplyDatabasePermission/CreateButton';
 import TooltipAction from '@/component/TooltipAction';
 import { ModalStore } from '@/store/modal';
 import { formatMessage } from '@/util/intl';
@@ -274,7 +274,13 @@ const AddDataBaseButton: React.FC<IProps> = ({
           onValuesChange={(changedValues) => {
             if (changedValues.hasOwnProperty('dataSourceId')) {
               fetchDataSource(changedValues?.dataSourceId);
-              fetchDatabases(null, changedValues?.dataSourceId, 1, 999999, null, null, true, true);
+              fetchDatabases({
+                dataSourceId: changedValues?.dataSourceId,
+                page: 1,
+                size: 999999,
+                containsUnassigned: true,
+                existed: true,
+              });
             }
           }}
         >
diff --git a/src/page/Project/Database/components/AddObjectStorage/index.tsx b/src/page/Project/Database/components/AddObjectStorage/index.tsx
index b731c2442..9094e9c0b 100644
--- a/src/page/Project/Database/components/AddObjectStorage/index.tsx
+++ b/src/page/Project/Database/components/AddObjectStorage/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React, { useEffect, useState } from 'react';
 import { Modal, Form, Select, Row, Col, Tooltip, message } from 'antd';
 import Icon from '@ant-design/icons';
@@ -94,167 +110,171 @@ const AddObjectStorage: React.FC<AddObjectStorageProps> = (props) => {
   };
 
   return (
-    <>
-      <Modal
-        title={formatMessage({
-          id: 'src.page.Project.Database.components.AddObjectStorage.F4E4F8B8',
-          defaultMessage: '添加对象存储',
-        })}
-        open={open}
-        onOk={handlesubmit}
-        onCancel={handleCancel}
-        destroyOnClose
+    <Modal
+      title={formatMessage({
+        id: 'src.page.Project.Database.components.AddObjectStorage.F4E4F8B8',
+        defaultMessage: '添加对象存储',
+      })}
+      open={open}
+      onOk={handlesubmit}
+      onCancel={handleCancel}
+      destroyOnClose
+    >
+      <Form
+        form={form}
+        layout="vertical"
+        requiredMark={'optional'}
+        onValuesChange={(changedValues) => {
+          if (changedValues.hasOwnProperty('dataSourceId')) {
+            fetchDataSource(changedValues?.dataSourceId);
+            fetchDatabases({
+              dataSourceId: changedValues?.dataSourceId,
+              page: 1,
+              size: 99999,
+              containsUnassigned: true,
+              existed: true,
+            });
+          }
+        }}
       >
-        <Form
-          form={form}
-          layout="vertical"
-          requiredMark={'optional'}
-          onValuesChange={(changedValues) => {
-            if (changedValues.hasOwnProperty('dataSourceId')) {
-              fetchDataSource(changedValues?.dataSourceId);
-              fetchDatabases(null, changedValues?.dataSourceId, 1, 10, null, null, true, true);
-            }
-          }}
-        >
-          <Row>
-            <Col span={18}>
-              <Form.Item
-                rules={[
-                  {
-                    required: true,
-                  },
-                ]}
-                name={'dataSourceId'}
-                label={formatMessage({
-                  id: 'odc.Database.AddDataBaseButton.DataSource',
-                  defaultMessage: '数据源',
-                })} /*所属数据源*/
-              >
-                <Select
-                  showSearch
-                  optionFilterProp="title"
-                  loading={dataSourceListLoading || dataSourceLoading}
-                  style={{
-                    width: 'calc(100% - 10px)',
-                  }}
-                  placeholder={formatMessage({
-                    id: 'odc.Database.AddDataBaseButton.PleaseSelect',
-                    defaultMessage: '请选择',
-                  })}
-                  /*请选择*/ onChange={() =>
-                    form.setFieldsValue({
-                      databaseIds: [],
-                    })
-                  }
-                >
-                  {fileSystemDataSourceList?.map((item) => {
-                    const icon = getDataSourceStyleByConnectType(item.type);
-                    const isDisabled = !!item?.projectId && projectId !== item?.projectId;
-                    return (
-                      <Select.Option title={item.name} key={item.id} disabled={isDisabled}>
-                        <Tooltip
-                          title={
-                            isDisabled
-                              ? formatMessage(
-                                  {
-                                    id: 'odc.src.page.Project.Database.AddDataBaseButton.ThisDataSourceHasBeen',
-                                    defaultMessage: '该数据源已绑定项目：{itemProjectName}',
-                                  },
-                                  {
-                                    itemProjectName: item?.projectName,
-                                  },
-                                ) //`该数据源已绑定项目：${item?.projectName}`
-                              : null
-                          }
-                        >
-                          <Icon
-                            component={icon?.icon?.component}
-                            style={{
-                              color: icon?.icon?.color,
-                              fontSize: 16,
-                              marginRight: 4,
-                            }}
-                          />
-
-                          {item.name}
-                        </Tooltip>
-                      </Select.Option>
-                    );
-                  })}
-                </Select>
-              </Form.Item>
-            </Col>
-            <Col span={6}>
-              <Form.Item
-                required={false}
-                label={formatMessage({
-                  id: 'odc.Database.AddDataBaseButton.Environment',
-                  defaultMessage: '环境',
-                })} /*环境*/
-              >
-                <RiskLevelLabel
-                  color={dataSource?.environmentStyle}
-                  content={dataSource?.environmentName || '-'}
-                />
-              </Form.Item>
-            </Col>
-          </Row>
-          <Form.Item
-            rules={[
-              {
-                required: true,
-              },
-            ]}
-            name={'databaseIds'}
-            label={formatMessage({
-              id: 'odc.Database.AddDataBaseButton.Database',
-              defaultMessage: '数据库',
-            })} /*数据库*/
-          >
-            <Select
-              mode="multiple"
-              placeholder={formatMessage({
-                id: 'odc.Database.AddDataBaseButton.SelectAnUnassignedDatabase',
-                defaultMessage: '请选择未分配项目的数据库',
-              })}
-              /*请选择未分配项目的数据库*/ style={{
-                width: '100%',
-              }}
-              loading={databasesListLoading}
-              optionFilterProp="children"
+        <Row>
+          <Col span={18}>
+            <Form.Item
+              rules={[
+                {
+                  required: true,
+                },
+              ]}
+              name={'dataSourceId'}
+              label={formatMessage({
+                id: 'odc.Database.AddDataBaseButton.DataSource',
+                defaultMessage: '数据源',
+              })} /*所属数据源*/
             >
-              {databases?.contents?.map((p) => {
-                if (!!p.project?.id) {
+              <Select
+                showSearch
+                optionFilterProp="title"
+                loading={dataSourceListLoading || dataSourceLoading}
+                style={{
+                  width: 'calc(100% - 10px)',
+                }}
+                placeholder={formatMessage({
+                  id: 'odc.Database.AddDataBaseButton.PleaseSelect',
+                  defaultMessage: '请选择',
+                })}
+                /*请选择*/ onChange={() =>
+                  form.setFieldsValue({
+                    databaseIds: [],
+                  })
+                }
+              >
+                {fileSystemDataSourceList?.map((item) => {
+                  const icon = getDataSourceStyleByConnectType(item.type);
+                  const isDisabled = !!item?.projectId && projectId !== item?.projectId;
                   return (
-                    <Select.Option disabled={true} key={p.id}>
-                      {p.name}
-                      {
-                        formatMessage({
-                          id: 'odc.Database.AddDataBaseButton.BoundProject',
-                          defaultMessage: '- 已绑定项目：',
-                        }) /*- 已绑定项目：*/
-                      }
+                    <Select.Option title={item.name} key={item.id} disabled={isDisabled}>
+                      <Tooltip
+                        title={
+                          isDisabled
+                            ? formatMessage(
+                                {
+                                  id: 'odc.src.page.Project.Database.AddDataBaseButton.ThisDataSourceHasBeen',
+                                  defaultMessage: '该数据源已绑定项目：{itemProjectName}',
+                                },
+                                {
+                                  itemProjectName: item?.projectName,
+                                },
+                              ) //`该数据源已绑定项目：${item?.projectName}`
+                            : null
+                        }
+                      >
+                        <Icon
+                          component={icon?.icon?.component}
+                          style={{
+                            color: icon?.icon?.color,
+                            fontSize: 16,
+                            marginRight: 4,
+                          }}
+                        />
 
-                      {p.project?.name}
+                        {item.name}
+                      </Tooltip>
                     </Select.Option>
                   );
-                }
-                return <Select.Option key={p.id}>{p.name}</Select.Option>;
-              })}
-            </Select>
-          </Form.Item>
-          <DatabaseOwnerSelect
-            hasDefaultSet={false}
-            ownerIds={form.getFieldValue('ownerIds')}
-            setFormOwnerIds={(value) => {
-              form.setFieldsValue({
-                ownerIds: value,
-              });
+                })}
+              </Select>
+            </Form.Item>
+          </Col>
+          <Col span={6}>
+            <Form.Item
+              required={false}
+              label={formatMessage({
+                id: 'odc.Database.AddDataBaseButton.Environment',
+                defaultMessage: '环境',
+              })} /*环境*/
+            >
+              <RiskLevelLabel
+                color={dataSource?.environmentStyle}
+                content={dataSource?.environmentName || '-'}
+              />
+            </Form.Item>
+          </Col>
+        </Row>
+        <Form.Item
+          rules={[
+            {
+              required: true,
+            },
+          ]}
+          name={'databaseIds'}
+          label={formatMessage({
+            id: 'odc.Database.AddDataBaseButton.Database',
+            defaultMessage: '数据库',
+          })} /*数据库*/
+        >
+          <Select
+            mode="multiple"
+            placeholder={formatMessage({
+              id: 'odc.Database.AddDataBaseButton.SelectAnUnassignedDatabase',
+              defaultMessage: '请选择未分配项目的数据库',
+            })}
+            /*请选择未分配项目的数据库*/ style={{
+              width: '100%',
             }}
-          />
-        </Form>
-      </Modal>
-    </>
+            loading={databasesListLoading}
+            optionFilterProp="children"
+          >
+            {databases?.contents?.map((p) => {
+              if (!!p.project?.id) {
+                return (
+                  <Select.Option disabled={true} key={p.id}>
+                    {p.name}
+                    {
+                      formatMessage({
+                        id: 'odc.Database.AddDataBaseButton.BoundProject',
+                        defaultMessage: '- 已绑定项目：',
+                      }) /*- 已绑定项目：*/
+                    }
+
+                    {p.project?.name}
+                  </Select.Option>
+                );
+              }
+              return <Select.Option key={p.id}>{p.name}</Select.Option>;
+            })}
+          </Select>
+        </Form.Item>
+        <DatabaseOwnerSelect
+          hasDefaultSet={false}
+          ownerIds={form.getFieldValue('ownerIds')}
+          setFormOwnerIds={(value) => {
+            form.setFieldsValue({
+              ownerIds: value,
+            });
+          }}
+        />
+      </Form>
+    </Modal>
   );
 };
 
diff --git a/src/page/Project/Database/components/ChangeOwnerModal/index.tsx b/src/page/Project/Database/components/ChangeOwnerModal/index.tsx
index 641ceed18..f64977ce4 100644
--- a/src/page/Project/Database/components/ChangeOwnerModal/index.tsx
+++ b/src/page/Project/Database/components/ChangeOwnerModal/index.tsx
@@ -17,11 +17,12 @@ import { listDatabases, updateDataBaseOwner } from '@/common/network/database';
 import { IDatabase } from '@/d.ts/database';
 import { formatMessage } from '@/util/intl';
 import { useRequest } from 'ahooks';
-import { Form, message, Modal, Select } from 'antd';
+import { Form, message, Modal, Select, Space, Typography } from 'antd';
 import { useCallback, useEffect, useState } from 'react';
 import { DatabaseOwnerSelect } from '../DatabaseOwnerSelect';
 import styles from './index.less';
 import login from '@/store/login';
+import DatabaseIcon from '@/component/StatusIcon/DatabaseIcon';
 
 interface IProps {
   visible: boolean;
@@ -44,27 +45,32 @@ export default function ChangeOwnerModal({
   const { run: startUpdateDataBase, loading: saveOwnerLoading } = useRequest(updateDataBaseOwner, {
     manual: true,
   });
-  const [databaseOptions, setDatabaseOptions] = useState<{ label: string; value: number }[]>();
+  const [databaseOptions, setDatabaseOptions] =
+    useState<{ label: React.ReactNode; value: number }[]>();
   const [form] = Form.useForm<{ ownerIds: number[]; databaseList: number[] }>();
 
   const loadData = async () => {
-    const res = await listDatabases(
+    const res = await listDatabases({
       projectId,
-      null,
-      1,
-      99999,
-      null,
-      null,
-      login.isPrivateSpace(),
-      true,
-      true,
-    );
+      page: 1,
+      size: 99999,
+      containsUnassigned: login.isPrivateSpace(),
+      existed: true,
+      includesPermittedAction: true,
+    });
     if (res) {
       setDatabaseOptions(
         res?.contents?.map((i) => {
           return {
-            label: i.name,
+            label: (
+              <Space>
+                <DatabaseIcon item={i} />
+                {i.name}
+                <Typography.Text type="secondary">{i?.dataSource?.name}</Typography.Text>
+              </Space>
+            ),
             value: i.id,
+            name: i.name,
           };
         }),
       );
@@ -156,6 +162,7 @@ export default function ChangeOwnerModal({
                 defaultMessage: '请选择数据库',
               })}
               options={databaseOptions}
+              optionLabelProp="name"
             />
           </Form.Item>
         ) : (
diff --git a/src/page/Project/Database/components/DatabaseOwnerSelect/index.tsx b/src/page/Project/Database/components/DatabaseOwnerSelect/index.tsx
index b4dc5b3a7..8f50ecd02 100644
--- a/src/page/Project/Database/components/DatabaseOwnerSelect/index.tsx
+++ b/src/page/Project/Database/components/DatabaseOwnerSelect/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Form, Select, Checkbox, Row, Col, Tooltip } from 'antd';
 import { InfoCircleOutlined, QuestionCircleOutlined } from '@ant-design/icons';
diff --git a/src/page/Project/Database/components/LogicDatabase/CreateLogicialDatabase.tsx b/src/page/Project/Database/components/LogicDatabase/CreateLogicialDatabase.tsx
index 7b71f5db1..adc76c6d6 100644
--- a/src/page/Project/Database/components/LogicDatabase/CreateLogicialDatabase.tsx
+++ b/src/page/Project/Database/components/LogicDatabase/CreateLogicialDatabase.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { getDataSourceModeConfig, getDataSourceStyleByConnectType } from '@/common/datasource';
 import { listDatabases } from '@/common/network/database';
@@ -134,25 +150,18 @@ const CreateLogicialDatabase: React.FC<{
   const [databaseList, setDatabaseList] = useState<IDatabase[]>([]);
   const [checkedDatabaseList, setCheckedDatabaseList] = useState<number[]>([]);
 
-  const {
-    data,
-    run,
-    loading: fetchLoading,
-  } = useRequest(listDatabases, {
+  const { run } = useRequest(listDatabases, {
     manual: true,
   });
   const loadDatabaseList = async (projectId: number) => {
-    const databaseList = await run(
+    const databaseList = await run({
       projectId,
-      null,
-      1,
-      99999,
-      null,
-      null,
-      login.isPrivateSpace(),
-      true,
-      true,
-    );
+      page: 1,
+      size: 99999,
+      containsUnassigned: login.isPrivateSpace(),
+      existed: true,
+      includesPermittedAction: true,
+    });
     if (databaseList?.contents?.length) {
       setAllDatabaseList(databaseList?.contents);
       setDatabaseOptions(
diff --git a/src/page/Project/Database/components/LogicDatabase/ManageLogicDatabase.tsx b/src/page/Project/Database/components/LogicDatabase/ManageLogicDatabase.tsx
index cc3d2dfc4..b6f7dc4a4 100644
--- a/src/page/Project/Database/components/LogicDatabase/ManageLogicDatabase.tsx
+++ b/src/page/Project/Database/components/LogicDatabase/ManageLogicDatabase.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { render } from '@/app';
 import {
diff --git a/src/page/Project/Database/components/LogicDatabase/index.tsx b/src/page/Project/Database/components/LogicDatabase/index.tsx
index 55be68cdb..cacf15f96 100644
--- a/src/page/Project/Database/components/LogicDatabase/index.tsx
+++ b/src/page/Project/Database/components/LogicDatabase/index.tsx
@@ -1,2 +1,18 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 export { default as CreateLogicialDatabase } from './CreateLogicialDatabase';
 export { default as ManageLogicDatabase } from './ManageLogicDatabase';
diff --git a/src/page/Project/Database/const.ts b/src/page/Project/Database/const.ts
index 9cdcf6824..41d050fb0 100644
--- a/src/page/Project/Database/const.ts
+++ b/src/page/Project/Database/const.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 /**
  * 数据库管理员的最大个数
  */
diff --git a/src/page/Project/Database/help.ts b/src/page/Project/Database/help.ts
index 87e09e98b..04a232720 100644
--- a/src/page/Project/Database/help.ts
+++ b/src/page/Project/Database/help.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { DatabaseGroup } from '@/d.ts/database';
 import { DataBaseOperationKey, getOperatioFunc } from '@/d.ts/operation';
 import { DatabasePermissionType, IDatabase } from '@/d.ts/database';
diff --git a/src/page/Project/Database/hooks/useData.ts b/src/page/Project/Database/hooks/useData.ts
index 82b7042b1..235fac02f 100644
--- a/src/page/Project/Database/hooks/useData.ts
+++ b/src/page/Project/Database/hooks/useData.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { IDatabase } from '@/d.ts/database';
 import { listDatabases } from '@/common/network/database';
@@ -51,22 +67,20 @@ const useData = (id) => {
     connectType = filterParams?.connectType,
     type = filterParams.type,
   ) => {
-    const res = await fetchDatabases(
-      parseInt(id),
-      null,
-      1,
-      99999,
-      searchValue.value,
-      environmentId,
-      null,
-      null,
-      true,
+    const res = await fetchDatabases({
+      projectId: parseInt(id),
+      page: 1,
+      size: 99999,
+      name: searchValue?.value,
+      environmentId: environmentId,
+      includesPermittedAction: true,
+      includesDbOwner: true,
       type,
       connectType,
-      searchValue.type === SearchType.DATASOURCE ? searchValue.value : null,
-      searchValue.type === SearchType.CLUSTER ? searchValue.value : null,
-      searchValue.type === SearchType.TENANT ? searchValue.value : null,
-    );
+      dataSourceName: searchValue?.type === SearchType.DATASOURCE ? searchValue?.value : null,
+      clusterName: searchValue?.type === SearchType.CLUSTER ? searchValue?.value : null,
+      tenantName: searchValue?.type === SearchType.TENANT ? searchValue?.value : null,
+    });
     if (res) {
       datasourceStatus.asyncUpdateStatus(
         res?.contents
diff --git a/src/page/Project/Database/index.tsx b/src/page/Project/Database/index.tsx
index 1d64522a7..6a6089335 100644
--- a/src/page/Project/Database/index.tsx
+++ b/src/page/Project/Database/index.tsx
@@ -22,11 +22,11 @@ import LogicIcon from '@/component/logicIcon';
 import RiskLevelLabel from '@/component/RiskLevelLabel';
 import MiniTable from '@/component/Table/MiniTable';
 import TableCard from '@/component/Table/TableCard';
-import AsyncTaskCreateModal from '@/component/Task/AsyncTask';
-import ExportTaskCreateModal from '@/component/Task/ExportTask';
-import ImportTaskCreateModal from '@/component/Task/ImportTask';
-import LogicDatabaseAsyncTask from '@/component/Task/LogicDatabaseAsyncTask';
-import MutipleAsyncTask from '@/component/Task/MutipleAsyncTask';
+import AsyncTaskCreateModal from '@/component/Task/modals/AsyncTask';
+import ExportTaskCreateModal from '@/component/Task/modals/ExportTask';
+import ImportTaskCreateModal from '@/component/Task/modals/ImportTask';
+import LogicDatabaseAsyncTask from '@/component/Task/modals/LogicDatabaseAsyncTask';
+import MutipleAsyncTask from '@/component/Task/modals/MutipleAsyncTask';
 import { IConnectionStatus, TaskType } from '@/d.ts';
 import { DatabasePermissionType, IDatabase } from '@/d.ts/database';
 import ChangeProjectModal from '@/page/Datasource/Info/ChangeProjectModal';
diff --git a/src/page/Project/Project/MoreBtn/index.tsx b/src/page/Project/Project/MoreBtn/index.tsx
index 4e9428de3..5368c3311 100644
--- a/src/page/Project/Project/MoreBtn/index.tsx
+++ b/src/page/Project/Project/MoreBtn/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Dropdown, Tooltip, Button } from 'antd';
 import { inject, observer } from 'mobx-react';
diff --git a/src/page/Project/Project/index.tsx b/src/page/Project/Project/index.tsx
index 41cf870c3..bad63d64a 100644
--- a/src/page/Project/Project/index.tsx
+++ b/src/page/Project/Project/index.tsx
@@ -21,7 +21,7 @@ import Reload from '@/component/Button/Reload';
 import ProjectEmpty from '@/component/Empty/ProjectEmpty';
 import Search from '@/component/Input/Search';
 import PageContainer, { TitleType } from '@/component/PageContainer';
-import ApplyPermissionButton from '@/component/Task/ApplyPermission/CreateButton';
+import ApplyPermissionButton from '@/component/Task/modals/ApplyPermission/CreateButton';
 import { actionTypes, IManagerResourceType } from '@/d.ts';
 import { IProject, ProjectTabType } from '@/d.ts/project';
 import { IPageType } from '@/d.ts/_index';
diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx b/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx
index e3c28af53..3df02f76c 100644
--- a/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx
+++ b/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx
@@ -14,12 +14,9 @@
  * limitations under the License.
  */
 
-import { listDatabases } from '@/common/network/database';
 import { batchCreateSensitiveColumns, listColumns } from '@/common/network/sensitiveColumn';
 import ExportCard from '@/component/ExportCard';
-import RiskLevelLabel from '@/component/RiskLevelLabel';
 import { fieldIconMap } from '@/constant';
-import { IDatabase } from '@/d.ts/database';
 import { IMaskingAlgorithm } from '@/d.ts/maskingAlgorithm';
 import { ESensitiveColumnType } from '@/d.ts/sensitiveColumn';
 import ProjectContext from '@/page/Project/ProjectContext';
diff --git a/src/page/Project/Setting/Info/TaskList.tsx b/src/page/Project/Setting/Info/TaskList.tsx
index 3b260b6b5..3d0353dba 100644
--- a/src/page/Project/Setting/Info/TaskList.tsx
+++ b/src/page/Project/Setting/Info/TaskList.tsx
@@ -1,8 +1,24 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React, { useEffect, useRef, useState } from 'react';
 import styles from './index.less';
 import DisplayTable from '@/component/DisplayTable';
 import { formatMessage } from '@/util/intl';
-import { TaskTypeMap } from '@/component/Task/component/TaskTable';
+import { TaskTypeMap } from '@/component/Task/component/TaskTable/const';
 import StatusLabel from '@/component/Task/component/Status';
 
 interface TaskListProps {
diff --git a/src/page/Project/User/ManageModal/Database/CreateAuth/index.tsx b/src/page/Project/User/ManageModal/Database/CreateAuth/index.tsx
index 6e4c24d2a..1afdaa865 100644
--- a/src/page/Project/User/ManageModal/Database/CreateAuth/index.tsx
+++ b/src/page/Project/User/ManageModal/Database/CreateAuth/index.tsx
@@ -18,9 +18,9 @@ import { formatMessage } from '@/util/intl';
 import { addDatabasePermissions } from '@/common/network/project';
 import {
   expireTimeOptions,
-  getExpireTime,
   permissionOptions,
-} from '@/component/Task/ApplyDatabasePermission/CreateModal';
+} from '@/component/Task/modals/ApplyDatabasePermission/CreateModal';
+import { getExpireTime } from '@/component/Task/helper';
 import DatabaseSelecter from '@/component/Task/component/DatabaseSelecter';
 import { Button, Checkbox, DatePicker, Drawer, Form, message, Modal, Select, Space } from 'antd';
 import React, { useState } from 'react';
diff --git a/src/page/Project/User/ManageModal/Database/TaskApplyList/index.tsx b/src/page/Project/User/ManageModal/Database/TaskApplyList/index.tsx
index b1c5b9ac8..f7cbce82b 100644
--- a/src/page/Project/User/ManageModal/Database/TaskApplyList/index.tsx
+++ b/src/page/Project/User/ManageModal/Database/TaskApplyList/index.tsx
@@ -24,8 +24,8 @@ import {
   ITableLoadOptions,
 } from '@/component/CommonTable/interface';
 import SearchFilter from '@/component/SearchFilter';
-import { getExpireTimeLabel } from '@/component/Task/ApplyDatabasePermission';
-import TaskDetailModal from '@/component/Task/DetailModal';
+import TaskDetailModal from '@/component/Task/modals/DetailModals';
+import { getExpireTimeLabel } from '@/component/Task/helper';
 import type { IResponseData } from '@/d.ts';
 import { TaskType } from '@/d.ts';
 import { DatabasePermissionStatus, IDatabasePermission } from '@/d.ts/project';
diff --git a/src/page/Project/User/ManageModal/Database/UserAuthList/index.tsx b/src/page/Project/User/ManageModal/Database/UserAuthList/index.tsx
index c809ee0cd..dc5ac882c 100644
--- a/src/page/Project/User/ManageModal/Database/UserAuthList/index.tsx
+++ b/src/page/Project/User/ManageModal/Database/UserAuthList/index.tsx
@@ -23,7 +23,7 @@ import {
   ITableLoadOptions,
 } from '@/component/CommonTable/interface';
 import SearchFilter from '@/component/SearchFilter';
-import { getExpireTimeLabel } from '@/component/Task/ApplyDatabasePermission';
+import { getExpireTimeLabel } from '@/component/Task/helper';
 import type { IResponseData } from '@/d.ts';
 import { DatabasePermissionStatus, IDatabasePermission } from '@/d.ts/project';
 import { SearchOutlined } from '@ant-design/icons';
diff --git a/src/page/Project/User/ManageModal/Table/CreateAuth/index.tsx b/src/page/Project/User/ManageModal/Table/CreateAuth/index.tsx
index 64e7fe181..ea56699ca 100644
--- a/src/page/Project/User/ManageModal/Table/CreateAuth/index.tsx
+++ b/src/page/Project/User/ManageModal/Table/CreateAuth/index.tsx
@@ -18,9 +18,10 @@ import { formatMessage } from '@/util/intl';
 import { addTablePermissions } from '@/common/network/project';
 import {
   expireTimeOptions,
-  getExpireTime,
   permissionOptions,
-} from '@/component/Task/ApplyTablePermission/CreateModal';
+} from '@/component/Task/modals/ApplyTablePermission/CreateModal';
+import { getExpireTime } from '@/component/Task/helper';
+
 import TableSelecter from '@/component/Task/component/TableSelecter';
 import { groupTableIdsByDataBase } from '@/component/Task/component/TableSelecter/util';
 import { Button, Checkbox, DatePicker, Drawer, Form, Modal, Select, Space, message } from 'antd';
diff --git a/src/page/Project/User/ManageModal/Table/TaskApplyList/index.tsx b/src/page/Project/User/ManageModal/Table/TaskApplyList/index.tsx
index 3864216c1..aea439149 100644
--- a/src/page/Project/User/ManageModal/Table/TaskApplyList/index.tsx
+++ b/src/page/Project/User/ManageModal/Table/TaskApplyList/index.tsx
@@ -23,8 +23,8 @@ import {
   ITableLoadOptions,
 } from '@/component/CommonTable/interface';
 import SearchFilter from '@/component/SearchFilter';
-import { getExpireTimeLabel } from '@/component/Task/ApplyDatabasePermission';
-import TaskDetailModal from '@/component/Task/DetailModal';
+import TaskDetailModal from '@/component/Task/modals/DetailModals';
+import { getExpireTimeLabel } from '@/component/Task/helper';
 import type { IResponseData } from '@/d.ts';
 import { TaskType } from '@/d.ts';
 import { ITablePermission, TablePermissionStatus } from '@/d.ts/project';
diff --git a/src/page/Project/User/ManageModal/Table/UserAuthList/index.tsx b/src/page/Project/User/ManageModal/Table/UserAuthList/index.tsx
index a14df8be8..d6e3c0493 100644
--- a/src/page/Project/User/ManageModal/Table/UserAuthList/index.tsx
+++ b/src/page/Project/User/ManageModal/Table/UserAuthList/index.tsx
@@ -23,7 +23,6 @@ import {
   ITableLoadOptions,
 } from '@/component/CommonTable/interface';
 import SearchFilter from '@/component/SearchFilter';
-import { getExpireTimeLabel } from '@/component/Task/ApplyTablePermission';
 import type { IResponseData } from '@/d.ts';
 import { ITablePermission, TablePermissionStatus } from '@/d.ts/project';
 import { SearchOutlined } from '@ant-design/icons';
@@ -35,6 +34,7 @@ import {
   tablePermissionTypeMap,
 } from '../';
 import StatusLabel from '../Status';
+import { getExpireTimeLabel } from '@/component/Task/helper';
 
 const getColumns = (params: {
   paramOptions: ITableLoadOptions;
diff --git a/src/page/Project/components/DeleteProjectModal.tsx/index.tsx b/src/page/Project/components/DeleteProjectModal.tsx/index.tsx
index 5f2dd5a6e..11622aca8 100644
--- a/src/page/Project/components/DeleteProjectModal.tsx/index.tsx
+++ b/src/page/Project/components/DeleteProjectModal.tsx/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { Modal, Input, Alert, Form, Descriptions, message } from 'antd';
 import { batchDeleteProject } from '@/common/network/project';
 import { formatMessage } from '@/util/intl';
diff --git a/src/page/Project/helper.ts b/src/page/Project/helper.ts
index 03bc5b820..3d64be2aa 100644
--- a/src/page/Project/helper.ts
+++ b/src/page/Project/helper.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { IProject } from '@/d.ts/project';
 import { UserStore } from '@/store/login';
 
diff --git a/src/page/Project/index.tsx b/src/page/Project/index.tsx
index d40221dad..1493e0fb9 100644
--- a/src/page/Project/index.tsx
+++ b/src/page/Project/index.tsx
@@ -45,7 +45,7 @@ import { UserStore } from '@/store/login';
 
 const ExtraContent = ({ projectId, hasLoginDatabaseAuth, setHasLoginDatabaseAuth }) => {
   const getLoginDatabaseAuth = async () => {
-    const res = await listDatabases(projectId, null, null, null, null, null, null, null, true);
+    const res = await listDatabases({ projectId, includesPermittedAction: true });
     const canLoginDatabase = res.contents?.some((item) => !!item.authorizedPermissionTypes.length);
     setHasLoginDatabaseAuth(canLoginDatabase);
   };
diff --git a/src/page/Secure/RiskLevel/components/InnerRiskLevel.tsx b/src/page/Secure/RiskLevel/components/InnerRiskLevel.tsx
index 1ec9f60e5..362c3540f 100644
--- a/src/page/Secure/RiskLevel/components/InnerRiskLevel.tsx
+++ b/src/page/Secure/RiskLevel/components/InnerRiskLevel.tsx
@@ -376,25 +376,31 @@ const InnerRiskLevel: React.FC<InnerRiskLevelProps> = ({ currentRiskLevel, memor
                                           {(inFields, { add: inAdd, remove: inRemove }) => {
                                             return (
                                               <div className={styles.conditionItem} key={index}>
-                                                {inFields?.map((inField, inIndex) => (
-                                                  <Condition
-                                                    key={inIndex}
-                                                    indexChan={[index, inIndex]}
-                                                    parentField={inField}
-                                                    siblingSum={inFields?.length}
-                                                    prevSiblingSum={fields?.length}
-                                                    formRef={formRef}
-                                                    remove={inRemove}
-                                                    removeGroup={remove}
-                                                    setShowConditionGroup={setShowConditionGroup}
-                                                    environmentMap={taskTypeIdMap}
-                                                    taskTypeIdMap={taskTypeIdMap}
-                                                    sqlCheckResultIdMap={sqlCheckResultIdMap}
-                                                    environmentOptions={environmentOptions}
-                                                    taskTypeOptions={taskTypeOptions}
-                                                    sqlCheckResultOptions={sqlCheckResultOptions}
-                                                  />
-                                                ))}
+                                                {inFields?.map((inField, inIndex) => {
+                                                  const key = `${inIndex}_${
+                                                    formRef?.getFieldsValue()?.conditions?.[index]
+                                                      ?.children?.[inIndex]?.expression
+                                                  }`;
+                                                  return (
+                                                    <Condition
+                                                      key={key}
+                                                      indexChan={[index, inIndex]}
+                                                      parentField={inField}
+                                                      siblingSum={inFields?.length}
+                                                      prevSiblingSum={fields?.length}
+                                                      formRef={formRef}
+                                                      remove={inRemove}
+                                                      removeGroup={remove}
+                                                      setShowConditionGroup={setShowConditionGroup}
+                                                      environmentMap={taskTypeIdMap}
+                                                      taskTypeIdMap={taskTypeIdMap}
+                                                      sqlCheckResultIdMap={sqlCheckResultIdMap}
+                                                      environmentOptions={environmentOptions}
+                                                      taskTypeOptions={taskTypeOptions}
+                                                      sqlCheckResultOptions={sqlCheckResultOptions}
+                                                    />
+                                                  );
+                                                })}
                                                 <div>
                                                   <Button
                                                     type="link"
diff --git a/src/page/Secure/RiskLevel/components/options.ts b/src/page/Secure/RiskLevel/components/options.ts
index 46a0c76f2..3483a402e 100644
--- a/src/page/Secure/RiskLevel/components/options.ts
+++ b/src/page/Secure/RiskLevel/components/options.ts
@@ -16,7 +16,7 @@ import { formatMessage } from '@/util/intl';
  */
 
 import { listEnvironments } from '@/common/network/env';
-import { TaskTypeMap } from '@/component/Task/component/TaskTable';
+import { TaskTypeMap } from '@/component/Task/component/TaskTable/const';
 import { TaskType } from '@/d.ts';
 import { RiskLevelEnum, RiskLevelTextMap } from '../../interface';
 export const getEnvironmentOptions = async () => {
diff --git a/src/page/Workspace/GlobalModals/index.tsx b/src/page/Workspace/GlobalModals/index.tsx
index 04ae16ae0..4d5abd5bc 100644
--- a/src/page/Workspace/GlobalModals/index.tsx
+++ b/src/page/Workspace/GlobalModals/index.tsx
@@ -19,7 +19,7 @@ import CreatePackageModal from '@/component/CreatePackageModal';
 import CreateProcedureModal from '@/component/CreateProcedureModal';
 import CreateSynonymModal from '@/component/CreateSynonymModal';
 import CreateTypeModal from '@/component/CreateTypeModal';
-import CreateModals from '@/component/Task/CreateModals';
+import CreateModals from '@/component/Task/modals/CreateModals';
 import ExecuteSqlDetailModal from '@/component/ExecuteSqlDetailModal';
 import { ModalStore } from '@/store/modal';
 import { inject, observer } from 'mobx-react';
diff --git a/src/page/Workspace/SideBar/ResourceTree/DatabaseGroup/index.tsx b/src/page/Workspace/SideBar/ResourceTree/DatabaseGroup/index.tsx
index 50c1c8c9c..6f5d0e133 100644
--- a/src/page/Workspace/SideBar/ResourceTree/DatabaseGroup/index.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/DatabaseGroup/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import React, { useContext, useState } from 'react';
 import { Dropdown } from 'antd';
diff --git a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearch/index.tsx b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearch/index.tsx
index fcb5f5009..a5d3d6c47 100644
--- a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearch/index.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearch/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Input } from 'antd';
 import { inject, observer } from 'mobx-react';
diff --git a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/components/List.tsx b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/components/List.tsx
index e62a1c591..50e2d5037 100644
--- a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/components/List.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/components/List.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { getDataSourceStyleByConnectType } from '@/common/datasource';
 import DataBaseStatusIcon from '@/component/StatusIcon/DatabaseIcon';
 import { IDatabase } from '@/d.ts/database';
@@ -271,6 +287,7 @@ const List = ({ modalStore }: Iprops) => {
         <div
           key={'database' + db.id}
           onClick={(e) => {
+            if (!db?.authorizedPermissionTypes?.length) return;
             handlePosition(e, db);
             openSql?.(e, db);
           }}
diff --git a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/components/ObjectList.tsx b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/components/ObjectList.tsx
index 386a0b7ba..d369cb7f7 100644
--- a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/components/ObjectList.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/components/ObjectList.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { getDataSourceStyleByConnectType } from '@/common/datasource';
 import { DbObjsIcon } from '@/constant';
 import { DbObjectType } from '@/d.ts';
diff --git a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/components/Search.tsx b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/components/Search.tsx
index c0346d805..5c7220ddf 100644
--- a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/components/Search.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/components/Search.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import DataBaseStatusIcon from '@/component/StatusIcon/DatabaseIcon';
 import { formatMessage } from '@/util/intl';
 import { CloseCircleFilled, LoadingOutlined } from '@ant-design/icons';
diff --git a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/constant.ts b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/constant.ts
index 263d9cc22..7b7d050ec 100644
--- a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/constant.ts
+++ b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/constant.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { DbObjectType, ConnectType, SynonymType } from '@/d.ts';
 import {
diff --git a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/hooks/useActions.ts b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/hooks/useActions.ts
index 690d96982..b4c010c2e 100644
--- a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/hooks/useActions.ts
+++ b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/hooks/useActions.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ModalStore } from '@/store/modal';
 import { openNewSQLPage } from '@/store/helper/page';
 import { IProject } from '@/d.ts/project';
diff --git a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/hooks/useData.ts b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/hooks/useData.ts
index 458f408dc..0f32fb18e 100644
--- a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/hooks/useData.ts
+++ b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/hooks/useData.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { useRequest } from 'ahooks';
 import { getDatabaseObject } from '@/common/network/database';
 import { useState, useMemo, useCallback, useEffect } from 'react';
@@ -30,17 +46,13 @@ const useGlobalSearchData = (params: {
   });
 
   const loadDatabaseList = useCallback(async () => {
-    const data = await fetchDatabases(
-      null,
-      null,
-      1,
-      99999,
-      null,
-      null,
-      login.isPrivateSpace(),
-      true,
-      true,
-    );
+    const data = await fetchDatabases({
+      page: 1,
+      size: 99999,
+      containsUnassigned: true,
+      existed: true,
+      includesPermittedAction: true,
+    });
     const databases = data?.contents?.filter((db: IDatabase) => {
       const config = getDataSourceModeConfig(db?.dataSource?.type);
       // 隐藏对象存储类型数据库
diff --git a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/hooks/useSearchStatus.ts b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/hooks/useSearchStatus.ts
index ed15c3293..58aba3cfa 100644
--- a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/hooks/useSearchStatus.ts
+++ b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/hooks/useSearchStatus.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { useState } from 'react';
 import { IDatabase } from '@/d.ts/database';
 import { IProject } from '@/d.ts/project';
diff --git a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/index.tsx b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/index.tsx
index 4f1dc7783..0d7682075 100644
--- a/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/index.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { useState, useContext, useEffect, useMemo } from 'react';
 import { Modal, Spin } from 'antd';
 import { inject, observer } from 'mobx-react';
diff --git a/src/page/Workspace/SideBar/ResourceTree/DatabaseTree/index.tsx b/src/page/Workspace/SideBar/ResourceTree/DatabaseTree/index.tsx
index 7fcfc8490..a555ff5f4 100644
--- a/src/page/Workspace/SideBar/ResourceTree/DatabaseTree/index.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/DatabaseTree/index.tsx
@@ -96,7 +96,12 @@ const DatabaseTree = function () {
       const group = DatabaseGroupMap?.[item]?.entries()?.next()?.value?.[1];
       defaultExpandedKeys.push(getGroupKey(group?.mapId, item));
       if (
-        [DatabaseGroup.cluster, DatabaseGroup.environment, DatabaseGroup.connectType].includes(item)
+        [
+          DatabaseGroup.cluster,
+          DatabaseGroup.environment,
+          DatabaseGroup.connectType,
+          DatabaseGroup.tenant,
+        ].includes(item)
       ) {
         const secondGroup = group?.secondGroup?.entries()?.next()?.value?.[1];
         defaultExpandedKeys.push(getSecondGroupKey(group?.mapId, secondGroup?.mapId, item));
diff --git a/src/page/Workspace/SideBar/ResourceTree/DatabaseTree/useGroupData.ts b/src/page/Workspace/SideBar/ResourceTree/DatabaseTree/useGroupData.ts
index 1dbf985e4..492aa9dd7 100644
--- a/src/page/Workspace/SideBar/ResourceTree/DatabaseTree/useGroupData.ts
+++ b/src/page/Workspace/SideBar/ResourceTree/DatabaseTree/useGroupData.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { useMemo } from 'react';
 import {
   getMapIdByDB,
@@ -23,7 +39,7 @@ const useGroupData = (props: IProps) => {
     const datasourceGruop: Map<number, GroupWithDatabases[DatabaseGroup.dataSource]> = new Map();
     const clusterGroup: Map<string, GroupWithSecondGroup[DatabaseGroup.cluster]> = new Map();
     const projectGroup: Map<number, GroupWithDatabases[DatabaseGroup.project]> = new Map();
-    const tenantGroup: Map<string, GroupWithDatabases[DatabaseGroup.tenant]> = new Map();
+    const tenantGroup: Map<string, GroupWithSecondGroup[DatabaseGroup.tenant]> = new Map();
     const allDatabases: Map<number, IDatabase> = new Map();
     const filteredList = filter ? databaseList?.filter(filter) : databaseList;
     const allDatasources: IConnection[] = [];
@@ -152,19 +168,30 @@ const useGroupData = (props: IProps) => {
       // 租户分组
       {
         const { mapId, groupName, tip } = getMapIdByDB(db, DatabaseGroup.tenant);
-        const tenantDatabases: GroupWithDatabases[DatabaseGroup.tenant] = tenantGroup.get(
+        const tenantDatabases: GroupWithSecondGroup[DatabaseGroup.tenant] = tenantGroup.get(
           mapId,
         ) || {
           groupName,
           mapId,
           tip,
-          databases: [],
+          secondGroup: new Map(),
         };
+        const { mapId: secondGroupMapId, groupName: secondGroupgroupName } = getMapIdByDB(
+          db,
+          DatabaseGroup.dataSource,
+        );
+        const secondGroupDatabase: GroupWithDatabases[DatabaseGroup.dataSource] =
+          tenantDatabases.secondGroup.get(secondGroupMapId) || {
+            databases: [],
+            groupName: secondGroupgroupName,
+            mapId: secondGroupMapId,
+          };
         if (db.type === 'LOGICAL') {
-          tenantDatabases.databases.unshift(db);
+          secondGroupDatabase.databases.unshift(db);
         } else {
-          tenantDatabases.databases.push(db);
+          secondGroupDatabase.databases.push(db);
         }
+        tenantDatabases.secondGroup.set(secondGroupMapId, secondGroupDatabase);
         tenantGroup.set(mapId, tenantDatabases);
       }
     });
diff --git a/src/page/Workspace/SideBar/ResourceTree/Nodes/materializedView.tsx b/src/page/Workspace/SideBar/ResourceTree/Nodes/materializedView.tsx
index 4fc72eb03..64612390e 100644
--- a/src/page/Workspace/SideBar/ResourceTree/Nodes/materializedView.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/Nodes/materializedView.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import SessionStore from '@/store/sessionManager/session';
 import { IDatabase } from '@/d.ts/database';
 import { ResourceNodeType, TreeDataNode } from '../type';
diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/IconLoadingWrapper.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/IconLoadingWrapper.tsx
index 8283455c5..8c98d1d77 100644
--- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/IconLoadingWrapper.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/IconLoadingWrapper.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import Icon, { LoadingOutlined } from '@ant-design/icons';
 import { useState } from 'react';
 
diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/database.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/database.tsx
index d29476687..4dd9bd518 100644
--- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/database.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/database.tsx
@@ -43,16 +43,16 @@ const isPrivateSpace = userStore?.isPrivateSpace();
  * @param menuNode 当前菜单名称
  */
 export const menuAccessWrap = (
-  needPermissionTypeList: DatabasePermissionType[],
-  permissionList: DatabasePermissionType[],
+  needPermissionTypeList: DatabasePermissionType[] = [],
+  permissionList: DatabasePermissionType[] = [],
   menuNode: React.ReactNode,
 ) => {
   /* 不需要权限控制 */
-  if (!needPermissionTypeList?.length) {
+  if (!needPermissionTypeList?.length || isPrivateSpace) {
     return menuNode;
   }
   /* 需要的每一个权限点都存在于当前拥有的权限中 */
-  if (needPermissionTypeList.every((element) => permissionList.includes(element))) {
+  if (needPermissionTypeList.every((element) => permissionList?.includes(element))) {
     return menuNode;
   }
   return (
diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/materializedView.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/materializedView.tsx
index 1dcaaf7a4..adb9a9cf6 100644
--- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/materializedView.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/materializedView.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { actionTypes } from '@/component/Acess';
 import { copyObj } from '@/component/TemplateInsertModal';
 import { DbObjectType, DragInsertType, IView, ResourceTreeNodeMenuKeys } from '@/d.ts';
diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/dataSource.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/dataSource.tsx
index b3016ca95..b50e855bc 100644
--- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/dataSource.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/dataSource.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React, { useContext, useState } from 'react';
 import { formatMessage } from '@/util/intl';
 import { toInteger } from 'lodash';
@@ -26,6 +42,7 @@ const CustomDropdown = ({
   setAddDSVisiable,
   userStore,
   sync,
+  isHover,
 }) => {
   const [dropdownVisible, setDropdownVisible] = useState(false);
   const treeContext = useContext(ResourceTreeContext);
@@ -111,7 +128,10 @@ const CustomDropdown = ({
     >
       <span
         onContextMenu={handleContextMenu}
-        className={styles.fullWidthTitle}
+        className={classNames(styles.dataSourceTitle, {
+          [styles.mr12]: !userStore?.isPrivateSpace() && isHover,
+          [styles.mr24]: userStore?.isPrivateSpace() && isHover,
+        })}
         onClick={() => {
           if (!node?.disabled) {
             setCurrentObject?.({
@@ -150,7 +170,7 @@ const DataSourceNodeMenu = (props: IProps) => {
     reload,
   } = props;
   const dataSource = node.data;
-
+  const [hover, setHover] = useState(false);
   async function sync(id: number | string) {
     const isSuccess = await syncDatasource(toInteger(id));
     if (isSuccess) {
@@ -179,8 +199,15 @@ const DataSourceNodeMenu = (props: IProps) => {
             display: 'flex',
             justifyContent: 'space-between',
           }}
+          onMouseEnter={() => {
+            setHover(true);
+          }}
+          onMouseLeave={() => {
+            setHover(false);
+          }}
         >
           <CustomDropdown
+            isHover={hover}
             node={node}
             login={userStore}
             deleteDataSource={deleteDataSource}
@@ -201,7 +228,7 @@ const DataSourceNodeMenu = (props: IProps) => {
             />
           </div>
           {dataSource && (
-            <div className={treeStyles.menuActions} style={{ marginRight: '6px' }}>
+            <div className={treeStyles.menuActions}>
               {!isConnectTypeBeFileSystemGroup(dataSource.type) && (
                 <SearchOutlined
                   className={treeStyles.menuActions}
diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.less b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.less
index 5f1128a8c..68f1398d5 100644
--- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.less
+++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.less
@@ -19,3 +19,30 @@
     }
   }
 }
+
+.dataSourceTitle {
+  display: block;
+  max-width: 100%;
+  height: 100%;
+  line-height: 24px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  :global {
+    .anticon {
+      color: var(--icon-color-normal);
+    }
+  }
+}
+.mr12 {
+  margin-right: 12px;
+}
+.mr24 {
+  margin-right: 24px;
+}
+
+.p12 {
+  padding-right: 12px;
+}
+.p24 {
+  padding-right: 24px !important;
+}
diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.tsx
index 404a97c68..d9fc6f9ab 100644
--- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.tsx
@@ -28,7 +28,7 @@ import styles from './index.less';
 import { IMenuItemConfig, IProps } from './type';
 import { EnvColorMap } from '@/constant';
 import classNames from 'classnames';
-import { ReactNode, useContext, useMemo } from 'react';
+import { ReactNode, useContext, useMemo, useState } from 'react';
 import { menuAccessWrap } from './config/database';
 import IconLoadingWrapper from './IconLoadingWrapper';
 import { ItemType } from 'antd/es/menu/interface';
@@ -60,6 +60,7 @@ const TreeNodeMenu = (props: IProps) => {
   const { type = '', dbSession, node, pollingDatabase } = props;
   const treeContext = useContext(ResourceTreeContext);
   const { setCurrentObject, groupMode } = treeContext || {};
+  const [hover, setHover] = useState(false);
 
   const showTip = useMemo(() => {
     return ![DatabaseGroup.dataSource].includes(groupMode);
@@ -80,7 +81,8 @@ const TreeNodeMenu = (props: IProps) => {
   );
   if (type === ResourceNodeType.Database) {
     isShowGlobalSearchEntrance =
-      isShowGlobalSearchEntrance && Boolean(node?.data?.authorizedPermissionTypes?.length);
+      isShowGlobalSearchEntrance &&
+      (Boolean(node?.data?.authorizedPermissionTypes?.length) || login?.isPrivateSpace());
   }
 
   /**
@@ -89,6 +91,12 @@ const TreeNodeMenu = (props: IProps) => {
    */
   const titleNode = (
     <span
+      onMouseEnter={() => {
+        setHover(true);
+      }}
+      onMouseLeave={() => {
+        setHover(false);
+      }}
       onDoubleClick={(e) => {
         e.stopPropagation();
         if (!dbSession && type !== ResourceNodeType.Database) {
@@ -96,7 +104,10 @@ const TreeNodeMenu = (props: IProps) => {
         }
         node.doubleClick?.(dbSession, node);
       }}
-      className={classNames('ant-tree-title', styles.fullWidthTitle)}
+      className={classNames('ant-tree-title', styles.fullWidthTitle, {
+        [styles.p12]: !login?.isPrivateSpace() && hover,
+        [styles.p24]: login?.isPrivateSpace() && hover,
+      })}
       onClick={() => {
         setCurrentObject?.({
           value: node.key,
diff --git a/src/page/Workspace/SideBar/ResourceTree/const.ts b/src/page/Workspace/SideBar/ResourceTree/const.ts
index 1ea56c15f..854b8ed23 100644
--- a/src/page/Workspace/SideBar/ResourceTree/const.ts
+++ b/src/page/Workspace/SideBar/ResourceTree/const.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ResourceNodeType } from './type';
 import { IDatabase, DatabaseGroup } from '@/d.ts/database';
 import { DbObjectType, PageType, IPage, SynonymType } from '@/d.ts';
@@ -107,7 +123,7 @@ const getShouldExpandedGroupKeys = (params: {
     getGroupKey(mapId, groupMode),
     getSecondGroupKey(mapId, secondMapId, groupMode),
   );
-  if ([DatabaseGroup.project, DatabaseGroup.dataSource, DatabaseGroup.tenant].includes(groupMode)) {
+  if ([DatabaseGroup.project, DatabaseGroup.dataSource].includes(groupMode)) {
     shouldExpandedKeys = shouldExpandedKeys.filter((item) => {
       if (isString(item)) {
         return !item.includes(TreeDataSecondGroupKey);
@@ -225,7 +241,7 @@ const getShouldExpandedKeysByObject = (params: {
       break;
     }
   }
-  if ([DatabaseGroup.project, DatabaseGroup.dataSource, DatabaseGroup.tenant].includes(groupMode)) {
+  if ([DatabaseGroup.project, DatabaseGroup.dataSource].includes(groupMode)) {
     shouldExpandedKeys = shouldExpandedKeys.filter((item) => {
       if (isString(item)) {
         return !item?.includes(TreeDataSecondGroupKey);
@@ -414,7 +430,7 @@ const getObjectShouldExpandedKeysByPage = (params: {
       break;
     }
   }
-  if ([DatabaseGroup.project, DatabaseGroup.dataSource, DatabaseGroup.tenant].includes(groupMode)) {
+  if ([DatabaseGroup.project, DatabaseGroup.dataSource].includes(groupMode)) {
     shouldExpandedKeys = shouldExpandedKeys.filter((item) => {
       if (isString(item)) {
         return !item?.includes(TreeDataSecondGroupKey);
diff --git a/src/page/Workspace/SideBar/ResourceTree/hooks/useDataSourceDrawer.tsx b/src/page/Workspace/SideBar/ResourceTree/hooks/useDataSourceDrawer.tsx
index 2d8af9784..efcea282b 100644
--- a/src/page/Workspace/SideBar/ResourceTree/hooks/useDataSourceDrawer.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/hooks/useDataSourceDrawer.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React, { useContext, useState } from 'react';
 import { Modal, message } from 'antd';
 import { formatMessage } from '@/util/intl';
diff --git a/src/page/Workspace/SideBar/ResourceTree/hooks/useTreeState.tsx b/src/page/Workspace/SideBar/ResourceTree/hooks/useTreeState.tsx
index a699a0e9d..a50f0fc3f 100644
--- a/src/page/Workspace/SideBar/ResourceTree/hooks/useTreeState.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/hooks/useTreeState.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { TreeProps } from 'antd';
 import { useContext, useState, useEffect } from 'react';
 import TreeStateStore from '../TreeStateStore';
diff --git a/src/page/Workspace/SideBar/ResourceTree/index.tsx b/src/page/Workspace/SideBar/ResourceTree/index.tsx
index 1becd1372..5fccf247f 100644
--- a/src/page/Workspace/SideBar/ResourceTree/index.tsx
+++ b/src/page/Workspace/SideBar/ResourceTree/index.tsx
@@ -46,7 +46,6 @@ import NewDatasourceButton from '@/page/Datasource/Datasource/NewDatasourceDrawe
 import StatusIcon from '@/component/StatusIcon/DataSourceIcon';
 import NewDatasourceDrawer from '@/page/Datasource/Datasource/NewDatasourceDrawer';
 import { GroupNodeToResourceNodeType } from '@/page/Workspace/SideBar/ResourceTree/const';
-import { isConnectTypeBeFileSystemGroup } from '@/util/connection';
 import {
   getGroupKey,
   getSecondGroupKey,
@@ -263,8 +262,7 @@ const ResourceTree: React.FC<IProps> = function ({
           });
       }
       case DatabaseGroup.project:
-      case DatabaseGroup.dataSource:
-      case DatabaseGroup.tenant: {
+      case DatabaseGroup.dataSource: {
         return databases.map((groupItem) => {
           const groupKey = getGroupKey(groupItem.mapId, groupMode);
           let data, icon;
@@ -276,7 +274,6 @@ const ResourceTree: React.FC<IProps> = function ({
           }
           return {
             title: groupItem.groupName,
-            tip: groupItem.tip,
             key: groupKey,
             type: GroupNodeToResourceNodeType[groupMode],
             data: data ?? null,
@@ -306,11 +303,13 @@ const ResourceTree: React.FC<IProps> = function ({
       }
       case DatabaseGroup.cluster:
       case DatabaseGroup.environment:
-      case DatabaseGroup.connectType: {
+      case DatabaseGroup.connectType:
+      case DatabaseGroup.tenant: {
         return databases.map((groupItem) => {
           const groupKey = getGroupKey(groupItem.mapId, groupMode);
           return {
             title: groupItem.groupName,
+            tip: groupItem.tip,
             key: groupKey,
             type: GroupNodeToResourceNodeType[groupMode],
             children: [...groupItem.secondGroup.values()]?.map((sItem) => {
diff --git a/src/page/Workspace/SideBar/Script/ScriptFile/hooks/useKeyBoardSensor.ts b/src/page/Workspace/SideBar/Script/ScriptFile/hooks/useKeyBoardSensor.ts
index aa4bbabe1..0c2d07c9d 100644
--- a/src/page/Workspace/SideBar/Script/ScriptFile/hooks/useKeyBoardSensor.ts
+++ b/src/page/Workspace/SideBar/Script/ScriptFile/hooks/useKeyBoardSensor.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { useEffect, useState, useContext } from 'react';
 import ActivityBarContext from '@/page/Workspace/context/ActivityBarContext';
 import { ActivityBarItemType } from '@/page/Workspace/ActivityBar/type';
diff --git a/src/page/Workspace/SideBar/Task/index.tsx b/src/page/Workspace/SideBar/Task/index.tsx
index 425e10fe0..5309ba568 100644
--- a/src/page/Workspace/SideBar/Task/index.tsx
+++ b/src/page/Workspace/SideBar/Task/index.tsx
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import Sider from '@/component/Task/Sider';
+import Sider from '@/component/Task/container/Sider';
 import { formatMessage } from '@/util/intl';
 import tracert from '@/util/tracert';
 import React, { useEffect } from 'react';
diff --git a/src/page/Workspace/components/CreateMaterializedView/BaseInfo/index.tsx b/src/page/Workspace/components/CreateMaterializedView/BaseInfo/index.tsx
index e4eb173e9..50c38b273 100644
--- a/src/page/Workspace/components/CreateMaterializedView/BaseInfo/index.tsx
+++ b/src/page/Workspace/components/CreateMaterializedView/BaseInfo/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ColumnStoreType } from '@/d.ts/table';
 import { formatMessage } from '@/util/intl';
 import { Form, Input, Select, DatePicker, InputNumber } from 'antd';
diff --git a/src/page/Workspace/components/CreateMaterializedView/Columns/index.tsx b/src/page/Workspace/components/CreateMaterializedView/Columns/index.tsx
index 1cdd43344..555c3ce68 100644
--- a/src/page/Workspace/components/CreateMaterializedView/Columns/index.tsx
+++ b/src/page/Workspace/components/CreateMaterializedView/Columns/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { PlusOutlined } from '@ant-design/icons';
 import MViewContext from '../context/MaterializedViewContext';
diff --git a/src/page/Workspace/components/CreateMaterializedView/Constraint/Primary/columns.tsx b/src/page/Workspace/components/CreateMaterializedView/Constraint/Primary/columns.tsx
index 3a8d53dc8..1b25ace80 100644
--- a/src/page/Workspace/components/CreateMaterializedView/Constraint/Primary/columns.tsx
+++ b/src/page/Workspace/components/CreateMaterializedView/Constraint/Primary/columns.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ConnectionMode } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
 import { Column } from '@oceanbase-odc/ob-react-data-grid';
diff --git a/src/page/Workspace/components/CreateMaterializedView/Constraint/Primary/index.tsx b/src/page/Workspace/components/CreateMaterializedView/Constraint/Primary/index.tsx
index 72cdf93e1..ca6349cb9 100644
--- a/src/page/Workspace/components/CreateMaterializedView/Constraint/Primary/index.tsx
+++ b/src/page/Workspace/components/CreateMaterializedView/Constraint/Primary/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import Toolbar from '@/component/Toolbar';
 import { TableConstraintDefer } from '@/d.ts/table';
diff --git a/src/page/Workspace/components/CreateMaterializedView/Constraint/index.tsx b/src/page/Workspace/components/CreateMaterializedView/Constraint/index.tsx
index af1d908c6..aa4b6eb9c 100644
--- a/src/page/Workspace/components/CreateMaterializedView/Constraint/index.tsx
+++ b/src/page/Workspace/components/CreateMaterializedView/Constraint/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React, { useContext } from 'react';
 import PrimaryConstaint from './Primary';
 import MViewContext from '../context/MaterializedViewContext';
diff --git a/src/page/Workspace/components/CreateMaterializedView/Partition/index.tsx b/src/page/Workspace/components/CreateMaterializedView/Partition/index.tsx
index 68b30c29a..7d458bf4d 100644
--- a/src/page/Workspace/components/CreateMaterializedView/Partition/index.tsx
+++ b/src/page/Workspace/components/CreateMaterializedView/Partition/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import CreateTablePartitionRuleForm from '@/page/Workspace/components/CreateTable/Partition/CreateTablePartitionRuleForm';
 import MViewContext from '../context/MaterializedViewContext';
 import { useContext, useMemo } from 'react';
diff --git a/src/page/Workspace/components/CreateMaterializedView/TableSelector/index.tsx b/src/page/Workspace/components/CreateMaterializedView/TableSelector/index.tsx
index 36586d50d..c896e744e 100644
--- a/src/page/Workspace/components/CreateMaterializedView/TableSelector/index.tsx
+++ b/src/page/Workspace/components/CreateMaterializedView/TableSelector/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { uniqueId, debounce } from 'lodash';
 import MViewContext from '../context/MaterializedViewContext';
diff --git a/src/page/Workspace/components/CreateMaterializedView/config/index.tsx b/src/page/Workspace/components/CreateMaterializedView/config/index.tsx
index ccbb068d5..c6090878e 100644
--- a/src/page/Workspace/components/CreateMaterializedView/config/index.tsx
+++ b/src/page/Workspace/components/CreateMaterializedView/config/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ConnectType, ConnectionMode } from '@/d.ts';
 import {
   getDataSourceModeConfig,
diff --git a/src/page/Workspace/components/CreateMaterializedView/context/MaterializedViewContext.tsx b/src/page/Workspace/components/CreateMaterializedView/context/MaterializedViewContext.tsx
index c3f72709b..3e0153a62 100644
--- a/src/page/Workspace/components/CreateMaterializedView/context/MaterializedViewContext.tsx
+++ b/src/page/Workspace/components/CreateMaterializedView/context/MaterializedViewContext.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import SessionStore from '@/store/sessionManager/session';
 import React from 'react';
 import { MaterializedViewInfo, MaterializedViewTabType, MvColumns, MviewUnits } from '../interface';
diff --git a/src/page/Workspace/components/CreateMaterializedView/helper.tsx b/src/page/Workspace/components/CreateMaterializedView/helper.tsx
index e53736920..63de37e9b 100644
--- a/src/page/Workspace/components/CreateMaterializedView/helper.tsx
+++ b/src/page/Workspace/components/CreateMaterializedView/helper.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { RefreshMethod } from '@/d.ts';
 const JOIN_KEYWORDS_REFRESH_FORCE = [',', 'inner join', 'join', 'cross join'];
 
diff --git a/src/page/Workspace/components/CreateMaterializedView/index.tsx b/src/page/Workspace/components/CreateMaterializedView/index.tsx
index fc9edaa85..693abe2bd 100644
--- a/src/page/Workspace/components/CreateMaterializedView/index.tsx
+++ b/src/page/Workspace/components/CreateMaterializedView/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import WrapSessionPage from '../SessionContextWrap/SessionPageWrap';
 import { inject, observer } from 'mobx-react';
 import sessionManager, { SessionManagerStore } from '@/store/sessionManager';
diff --git a/src/page/Workspace/components/CreateMaterializedView/interface.ts b/src/page/Workspace/components/CreateMaterializedView/interface.ts
index 8ac1229f8..2bd0111c3 100644
--- a/src/page/Workspace/components/CreateMaterializedView/interface.ts
+++ b/src/page/Workspace/components/CreateMaterializedView/interface.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ColumnStoreType } from '@/d.ts/table';
 import { RefreshMethod, RefreshScheduleUnit } from '@/d.ts';
 import type { Dayjs } from 'dayjs';
diff --git a/src/page/Workspace/components/CreateTable/BaseInfo/LogicTableBaseInfo.tsx b/src/page/Workspace/components/CreateTable/BaseInfo/LogicTableBaseInfo.tsx
index 0a5c76539..8ca0e5144 100644
--- a/src/page/Workspace/components/CreateTable/BaseInfo/LogicTableBaseInfo.tsx
+++ b/src/page/Workspace/components/CreateTable/BaseInfo/LogicTableBaseInfo.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { previewLogicalTableTopologies } from '@/common/network/logicalDatabase';
 import CommonTable from '@/component/CommonTable';
 import DataBaseStatusIcon from '@/component/StatusIcon/DatabaseIcon';
diff --git a/src/page/Workspace/components/CreateTable/Columns/columns.tsx b/src/page/Workspace/components/CreateTable/Columns/columns.tsx
index 8c564b9a8..32569bb50 100644
--- a/src/page/Workspace/components/CreateTable/Columns/columns.tsx
+++ b/src/page/Workspace/components/CreateTable/Columns/columns.tsx
@@ -31,6 +31,7 @@ import { TableColumn } from '../interface';
 import WrapCheckboxFormatetr from '../RdgFomatter/CheckboxFormatter';
 import WrapDisableFormatter from '../RdgFomatter/DisableFormatter';
 import { getTypeByColumnName } from './helper';
+import { valueFilter } from '@/util/utils';
 
 interface IColumnParams {
   session?: SessionStore;
@@ -78,6 +79,7 @@ export function useColumns({ session }: IColumnParams, originColumns: TableColum
       return (
         <CaseTextEditor
           {...rest}
+          valueFilter={valueFilter}
           caseSensitive={sqlConfig?.caseSensitivity}
           escapes={sqlConfig?.escapeChar}
           onRowChange={(newRow: TableColumn, submit) => {
diff --git a/src/page/Workspace/components/CreateTable/TableConstraint/Foreign/index.tsx b/src/page/Workspace/components/CreateTable/TableConstraint/Foreign/index.tsx
index 2df6326af..9c2f90185 100644
--- a/src/page/Workspace/components/CreateTable/TableConstraint/Foreign/index.tsx
+++ b/src/page/Workspace/components/CreateTable/TableConstraint/Foreign/index.tsx
@@ -60,7 +60,7 @@ const ForeignConstraint: React.FC<IProps> = function ({ modified }) {
     manual: true,
   });
   useEffect(() => {
-    run(null, tableContext?.session?.connection?.id, 1, 999, null, null, null, true);
+    run({ dataSourceId: tableContext?.session?.connection?.id, page: 1, size: 999, existed: true });
   }, [tableContext?.session]);
   const gridColumns: any[] = useColumns(
     tableContext.columns,
diff --git a/src/page/Workspace/components/CreateTable/TableIndex/columns.tsx b/src/page/Workspace/components/CreateTable/TableIndex/columns.tsx
index 23c78a01f..89da75095 100644
--- a/src/page/Workspace/components/CreateTable/TableIndex/columns.tsx
+++ b/src/page/Workspace/components/CreateTable/TableIndex/columns.tsx
@@ -25,6 +25,7 @@ import { uniq } from 'lodash';
 import { useMemo } from 'react';
 import { WrapSelectEditor } from '../../EditableTable/Editors/SelectEditor';
 import { TextEditor } from '../../EditableTable/Editors/TextEditor';
+import { NoSpaceEditor } from '../../EditableTable/Editors/NoSpaceEditor';
 import { useTableConfig } from '../config';
 import {
   TableColumn,
@@ -134,7 +135,7 @@ export function useColumns(
       resizable: true,
       editable: true,
       formatter: NameFormatter,
-      editor: TextEditor,
+      editor: NoSpaceEditor,
     },
     config?.enableIndexScope && {
       key: 'scope',
diff --git a/src/page/Workspace/components/CreateTable/TableIndex/index.tsx b/src/page/Workspace/components/CreateTable/TableIndex/index.tsx
index a8cd85af6..9d029744b 100644
--- a/src/page/Workspace/components/CreateTable/TableIndex/index.tsx
+++ b/src/page/Workspace/components/CreateTable/TableIndex/index.tsx
@@ -41,7 +41,7 @@ import { useColumns } from './columns';
 const defaultIndex: ITableIndex = {
   name: null,
   method: TableIndexMehod.BTREE,
-  scope: TableIndexScope.GLOBAL,
+  scope: TableIndexScope.LOCAL,
   columns: [],
   visible: true,
   type: TableIndexType.NORMAL,
diff --git a/src/page/Workspace/components/CreateTriggerPage/index.tsx b/src/page/Workspace/components/CreateTriggerPage/index.tsx
index 0687b271a..fb48b5f77 100644
--- a/src/page/Workspace/components/CreateTriggerPage/index.tsx
+++ b/src/page/Workspace/components/CreateTriggerPage/index.tsx
@@ -102,16 +102,12 @@ class CreateTriggerPage extends Component<IProps & { session: SessionStore }, IS
     this.loadDatabases();
   } // 获取 step对应的状态
   private async loadDatabases() {
-    const res = await listDatabases(
-      null,
-      this.props?.session?.connection?.id,
-      1,
-      9999,
-      null,
-      null,
-      null,
-      true,
-    );
+    const res = await listDatabases({
+      dataSourceId: this.props?.session?.connection?.id,
+      page: 1,
+      size: 9999,
+      existed: true,
+    });
     this.setState({
       databases: res?.contents || [],
     });
diff --git a/src/page/Workspace/components/CreateViewPage/index.tsx b/src/page/Workspace/components/CreateViewPage/index.tsx
index 3cb455e7c..cca7f942b 100644
--- a/src/page/Workspace/components/CreateViewPage/index.tsx
+++ b/src/page/Workspace/components/CreateViewPage/index.tsx
@@ -114,9 +114,14 @@ const CreateViewPage: React.FC<IProps> = inject(
         session?.odcDatabase?.name,
       );
       setCreateCheckResults(results);
-      if (results?.invalid || !results?.executeResult?.length || !results.unauthorizedDBResources) {
+      if (results?.invalid || !results?.executeResult?.length) {
         return;
       }
+
+      if (results?.unauthorizedDBResources && !results?.unauthorizedDBResources?.length) {
+        return;
+      }
+
       const { dbObjectName: viewName, track } = results.executeResult[0];
       if (!track) {
         message.success(
diff --git a/src/page/Workspace/components/DBPermissionTableContent/index.tsx b/src/page/Workspace/components/DBPermissionTableContent/index.tsx
index 8be7adc67..6152e3907 100644
--- a/src/page/Workspace/components/DBPermissionTableContent/index.tsx
+++ b/src/page/Workspace/components/DBPermissionTableContent/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import {
   IUnauthorizedDBResources,
   TablePermissionType,
@@ -6,7 +22,7 @@ import {
 import { DatabasePermissionType } from '@/d.ts/database';
 import { ColumnType } from 'antd/es/table';
 import { formatMessage } from '@/util/intl';
-import { permissionOptionsMap } from '@/component/Task/ApplyDatabasePermission';
+import { permissionOptionsMap } from '@/component/Task/modals/ApplyDatabasePermission';
 import Action from '@/component/Action';
 import DisplayTable from '@/component/DisplayTable';
 import { ModalStore } from '@/store/modal';
diff --git a/src/page/Workspace/components/DDLResultSet/ColumnModeModal.tsx b/src/page/Workspace/components/DDLResultSet/ColumnModeModal.tsx
index e935bd747..e9544f6cd 100644
--- a/src/page/Workspace/components/DDLResultSet/ColumnModeModal.tsx
+++ b/src/page/Workspace/components/DDLResultSet/ColumnModeModal.tsx
@@ -170,6 +170,7 @@ const ColumnModeModal: React.FC<IProps> = function (props) {
           enableColumnRecord={false}
           enableRowRecord={false}
           readonly={true}
+          minHeight="350px"
         />
       </ResultContext.Provider>
 
diff --git a/src/page/Workspace/components/DDLResultSet/StatusBar.tsx b/src/page/Workspace/components/DDLResultSet/StatusBar.tsx
index 771abf7a9..34118ece4 100644
--- a/src/page/Workspace/components/DDLResultSet/StatusBar.tsx
+++ b/src/page/Workspace/components/DDLResultSet/StatusBar.tsx
@@ -52,14 +52,23 @@ const StatusBar: React.FC<IProps> = function ({
     if (!columns?.length || !selectedColumnKeys?.length || !fields?.length) {
       return [];
     }
-    const selectColumnNames = new Set(
-      selectedColumnKeys?.map((key) => fields.find((c) => c.key === key)?.columnName),
-    );
 
-    if (!selectColumnNames.size) {
-      return [];
+    const fieldsMap = new Map(fields.map((field) => [field.key, field]));
+    const columnsMap = new Map(columns.map((column) => [column.columnName, column]));
+
+    const result: Partial<ITableColumn>[] = [];
+
+    for (const key of selectedColumnKeys) {
+      const field = fieldsMap.get(String(key));
+      if (!field?.columnName) continue;
+
+      const column = columnsMap.get(field.columnName);
+      if (column) {
+        result.push(column);
+      }
     }
-    return columns?.filter(Boolean).filter((c) => selectColumnNames.has(c.columnName));
+
+    return result;
   }, [columns, fields, selectedColumnKeys]);
   const columnText = selectColumns
     .map((column) => {
diff --git a/src/page/Workspace/components/DDLResultSet/Sync/SyncRecordDrawer.tsx b/src/page/Workspace/components/DDLResultSet/Sync/SyncRecordDrawer.tsx
index 027f5aa08..6ba657ab5 100644
--- a/src/page/Workspace/components/DDLResultSet/Sync/SyncRecordDrawer.tsx
+++ b/src/page/Workspace/components/DDLResultSet/Sync/SyncRecordDrawer.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import React, { useMemo, useEffect, useContext } from 'react';
 import { Drawer, Descriptions, Spin } from 'antd';
diff --git a/src/page/Workspace/components/DDLResultSet/Sync/columns.tsx b/src/page/Workspace/components/DDLResultSet/Sync/columns.tsx
index 14570d6e3..90b50c8cb 100644
--- a/src/page/Workspace/components/DDLResultSet/Sync/columns.tsx
+++ b/src/page/Workspace/components/DDLResultSet/Sync/columns.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 export function useColumns() {
   const a = [
     {
diff --git a/src/page/Workspace/components/DDLResultSet/Sync/constants.ts b/src/page/Workspace/components/DDLResultSet/Sync/constants.ts
index 057b24aec..d05776f9c 100644
--- a/src/page/Workspace/components/DDLResultSet/Sync/constants.ts
+++ b/src/page/Workspace/components/DDLResultSet/Sync/constants.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { RefreshMethod } from '@/d.ts';
 import { refreshMethodText } from '@/constant/label';
diff --git a/src/page/Workspace/components/DDLResultSet/Sync/index.tsx b/src/page/Workspace/components/DDLResultSet/Sync/index.tsx
index eed4097bf..3a336803d 100644
--- a/src/page/Workspace/components/DDLResultSet/Sync/index.tsx
+++ b/src/page/Workspace/components/DDLResultSet/Sync/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { Dropdown, Button, Divider, Modal, Tooltip } from 'antd';
 import React, { useContext, useMemo, useState } from 'react';
diff --git a/src/page/Workspace/components/DDLResultSet/index.less b/src/page/Workspace/components/DDLResultSet/index.less
index 6e6bd4dee..115cfd8d3 100644
--- a/src/page/Workspace/components/DDLResultSet/index.less
+++ b/src/page/Workspace/components/DDLResultSet/index.less
@@ -80,6 +80,10 @@
     text-overflow: ellipsis;
   }
 }
+.checkbox {
+  margin-left: 2px;
+  margin-right: 8px;
+}
 
 .menuItem {
   box-sizing: content-box;
diff --git a/src/page/Workspace/components/DDLResultSet/index.tsx b/src/page/Workspace/components/DDLResultSet/index.tsx
index 0d78646f4..238f8357c 100644
--- a/src/page/Workspace/components/DDLResultSet/index.tsx
+++ b/src/page/Workspace/components/DDLResultSet/index.tsx
@@ -158,6 +158,10 @@ interface IProps {
    * db 查询耗时
    */
   dbTotalDurationMicroseconds?: number;
+  /**
+   * 外部传入的初始limit值，优先级高于session中的queryLimit
+   */
+  initialLimit?: number;
   onRefresh?: (limit: number) => void;
   onSubmitRows?: (
     newRows,
@@ -177,6 +181,7 @@ interface IProps {
   ) => void;
   isExternalTable?: boolean; // 是否为外表
 }
+
 const DDLResultSet: React.FC<IProps> = function (props) {
   const {
     isTableData,
@@ -206,6 +211,7 @@ const DDLResultSet: React.FC<IProps> = function (props) {
     withFullLinkTrace = false,
     withQueryProfile = false,
     traceEmptyReason = '',
+    initialLimit,
     onUpdateEditing,
     onRefresh,
     onShowExecuteDetail,
@@ -229,7 +235,9 @@ const DDLResultSet: React.FC<IProps> = function (props) {
   /**
    * 数据量限制
    */
-  const [limit, setLimit] = useState(1000);
+  const [limit, setLimit] = useState(() => {
+    return initialLimit ?? session?.params?.queryLimit;
+  });
   /**
    * 表数据搜索
    */
@@ -402,7 +410,7 @@ const DDLResultSet: React.FC<IProps> = function (props) {
     gridRef.current?.scrollToRow(0);
   }, [gridRef]);
   const handleExport = useCallback(() => {
-    onExport?.(limit || 1000);
+    onExport?.(limit);
   }, [onExport, limit]);
   const handleEditPropertyInCell = useCallback(
     (newRows) => {
@@ -856,7 +864,10 @@ const DDLResultSet: React.FC<IProps> = function (props) {
         <SubmitConfirm
           key="modify-submit"
           onConfirm={() => {
-            onSubmitRows?.(editRows, limit || 1000, true, table.columns);
+            (document.activeElement as HTMLElement)?.blur();
+            setTimeout(() => {
+              onSubmitRows?.(gridRef.current.rows, limit || 1000, true, table.columns);
+            }, 0);
           }}
         >
           <ToolbarButton
@@ -883,12 +894,15 @@ const DDLResultSet: React.FC<IProps> = function (props) {
         isShowText
         status={isSubmitting ? IConStatus.RUNNING : IConStatus.INIT}
         onClick={async () => {
-          setIsSubmitting(true);
-          try {
-            await onSubmitRows?.(editRows, limit || 1000, false, table.columns);
-          } finally {
-            setIsSubmitting(false);
-          }
+          (document.activeElement as HTMLElement)?.blur();
+          setTimeout(async () => {
+            setIsSubmitting(true);
+            try {
+              await onSubmitRows?.(gridRef.current.rows, limit || 1000, false, table.columns);
+            } finally {
+              setIsSubmitting(false);
+            }
+          }, 0);
         }}
       />,
     );
@@ -965,7 +979,7 @@ const DDLResultSet: React.FC<IProps> = function (props) {
             key="commit"
             onConfirm={async () => {
               await sqlStore.commit(props.pageKey, sessionId, session?.database?.dbName);
-              onRefresh(limit || 1000);
+              onRefresh(limit);
             }}
             disabled={isInTransaction}
           >
@@ -981,7 +995,7 @@ const DDLResultSet: React.FC<IProps> = function (props) {
             key="rollback"
             onConfirm={async () => {
               await sqlStore.rollback(props.pageKey, sessionId, session?.database?.dbName);
-              onRefresh(limit || 1000);
+              onRefresh(limit);
             }}
             isRollback
             disabled={isInTransaction}
@@ -1232,22 +1246,32 @@ const DDLResultSet: React.FC<IProps> = function (props) {
                   <InputNumber
                     onInput={(limit) => {
                       if (limit == '' || isNil(limit)) {
-                        setLimit(0);
+                        setLimit(1);
                       }
                     }}
-                    onChange={(limit) => setLimit(limit || 0)}
+                    onChange={(limit) => {
+                      const maxQueryLimit = session?.params?.maxQueryLimit;
+                      if (limit > maxQueryLimit) {
+                        const tips = `${formatMessage({
+                          id: 'src.component.SQLConfig.5E06ED93',
+                          defaultMessage: '不超过查询条数上限',
+                        })} ${maxQueryLimit}`;
+                        message.error(tips);
+                      }
+                      setLimit(limit || 1);
+                    }}
                     min={1}
                     precision={0}
-                    placeholder={formatMessage({
-                      id: 'workspace.window.sql.limit.placeholder',
-                      defaultMessage: '1000',
-                    })}
+                    defaultValue={limit}
                     style={{
                       width: 70,
                       marginLeft: 8,
                     }}
+                    onBlur={() => {
+                      onRefresh(limit);
+                    }}
                     onPressEnter={() => {
-                      onRefresh(limit || 1000);
+                      onRefresh(limit);
                     }}
                   />
                 </>
@@ -1269,7 +1293,6 @@ const DDLResultSet: React.FC<IProps> = function (props) {
               />
             </span>
             <Popover
-              // visible={true}
               content={
                 <Checkbox.Group
                   value={columnsToDisplay.map((c) => c.key)}
@@ -1285,7 +1308,7 @@ const DDLResultSet: React.FC<IProps> = function (props) {
                     maxHeight: '500px',
                     overflowY: 'auto',
                     overflowX: 'hidden',
-                    padding: 2, // 这个变量在样式上不是必须的，但是加上之后可以避免checkboxgroup高度抖动的问题
+                    padding: 2, // 避免高度抖动
                   }}
                 >
                   <Row>
@@ -1302,10 +1325,31 @@ const DDLResultSet: React.FC<IProps> = function (props) {
                   </Row>
                 </Checkbox.Group>
               }
-              title={formatMessage({
-                id: 'workspace.window.sql.button.columnFilter.title',
-                defaultMessage: '请选择要展示的列',
-              })}
+              title={
+                <>
+                  {/* 添加全选/取消全选按钮 */}
+                  <Checkbox
+                    indeterminate={
+                      columnsToDisplay.length > 0 && columnsToDisplay.length < columns.length
+                    }
+                    checked={columnsToDisplay.length === columns.length}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        setColumnsToDisplay(columns);
+                      } else {
+                        setColumnsToDisplay([]);
+                      }
+                    }}
+                    className={styles.checkbox}
+                  />
+                  <span>
+                    {formatMessage({
+                      id: 'workspace.window.sql.button.columnFilter.title',
+                      defaultMessage: '请选择要展示的列',
+                    })}
+                  </span>
+                </>
+              }
             >
               <ToolbarButton
                 text={formatMessage({
@@ -1338,7 +1382,7 @@ const DDLResultSet: React.FC<IProps> = function (props) {
                   defaultMessage: '刷新',
                 })}
                 icon={<SyncOutlined />}
-                onClick={onRefresh.bind(this, limit || 1000)}
+                onClick={onRefresh.bind(this, limit)}
               />
             ) : null}
           </div>
diff --git a/src/page/Workspace/components/EditableTable/Editors/CaseTextEditor.tsx b/src/page/Workspace/components/EditableTable/Editors/CaseTextEditor.tsx
index feae80547..cf700efc8 100644
--- a/src/page/Workspace/components/EditableTable/Editors/CaseTextEditor.tsx
+++ b/src/page/Workspace/components/EditableTable/Editors/CaseTextEditor.tsx
@@ -28,11 +28,13 @@ import AntdEditorWrap from './AntdEditorWrap';
 interface CaseOptions {
   caseSensitive: boolean;
   escapes: string;
+  valueFilter?: (value: string) => string;
 }
 
 export function CaseTextEditor<T>({
   row,
   onRowChange,
+  valueFilter,
   column,
   width,
   caseSensitive,
@@ -75,6 +77,7 @@ export function CaseTextEditor<T>({
           }}
           style={{ width: Math.max(width, 200), height: 68 }}
           value={value}
+          valueFilter={valueFilter}
           onChange={innerOnChange}
           autoSize={false}
         />
@@ -109,6 +112,7 @@ export function CaseTextEditor<T>({
           <CaseTextArea
             caseSensitive={caseSensitive}
             escapes={escapes}
+            valueFilter={valueFilter}
             autoSize={{ minRows: 15, maxRows: 15 }}
             value={modalTextValue}
             onKeyDown={(e) => {
diff --git a/src/page/Workspace/components/EditableTable/Editors/NoSpaceEditor.tsx b/src/page/Workspace/components/EditableTable/Editors/NoSpaceEditor.tsx
new file mode 100644
index 000000000..61fa5b6b2
--- /dev/null
+++ b/src/page/Workspace/components/EditableTable/Editors/NoSpaceEditor.tsx
@@ -0,0 +1,116 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { formatMessage } from '@/util/intl';
+import { valueFilter } from '@/util/utils';
+import { EditOutlined } from '@ant-design/icons';
+import type { EditorProps } from '@oceanbase-odc/ob-react-data-grid';
+import { Input, Modal } from 'antd';
+import type { ChangeEvent } from 'react';
+import { useCallback, useRef, useState } from 'react';
+
+import type { TextAreaRef } from 'antd/lib/input/TextArea';
+import AntdEditorWrap from './AntdEditorWrap';
+
+export function NoSpaceEditor<T>({ row, onRowChange, column, left, top, width }: EditorProps<T>) {
+  const { key, name } = column;
+  const value = row[key];
+  const editorRef = useRef<TextAreaRef>(null);
+  const [modalTextValue, setModalTextValue] = useState(null);
+  const [isShowTextModal, setIsShowTextModal] = useState(false);
+
+  const innerOnChange = useCallback(
+    (e: ChangeEvent<HTMLTextAreaElement>) => {
+      const filteredValue = valueFilter(e.target.value);
+      onRowChange({ ...row, [key]: filteredValue });
+    },
+    [onRowChange, row, key],
+  );
+
+  const modalOnChange = useCallback((e: ChangeEvent<HTMLTextAreaElement>) => {
+    const filteredValue = valueFilter(e.target.value);
+    setModalTextValue(filteredValue);
+  }, []);
+
+  return (
+    <AntdEditorWrap>
+      <div>
+        <Input.TextArea
+          ref={editorRef}
+          autoFocus
+          onFocus={() => {
+            setTimeout(() => {
+              editorRef.current?.resizableTextArea.textArea.setSelectionRange(
+                Number.MAX_SAFE_INTEGER,
+                Number.MAX_SAFE_INTEGER,
+              );
+            }, 100);
+          }}
+          onKeyDown={(e) => {
+            if (e.key === 'Tab') {
+              onRowChange(row, true);
+              e.preventDefault();
+            }
+          }}
+          style={{ width: Math.max(width, 200), height: 68 }}
+          value={value}
+          onChange={innerOnChange}
+          autoSize={false}
+        />
+
+        <a>
+          <EditOutlined
+            onClick={() => {
+              setModalTextValue(value);
+              setIsShowTextModal(true);
+            }}
+            style={{ position: 'absolute', bottom: 10, right: 18 }}
+          />
+        </a>
+      </div>
+      {isShowTextModal ? (
+        <Modal
+          open={true}
+          title={name}
+          zIndex={1031}
+          okText={formatMessage({
+            id: 'odc.EditableTable.Editors.TextEditor.Submitted',
+            defaultMessage: '提交',
+          })}
+          onCancel={() => {
+            setIsShowTextModal(false);
+            setModalTextValue(null);
+          }}
+          onOk={() => {
+            onRowChange({ ...row, [key]: modalTextValue }, true);
+          }}
+        >
+          <Input.TextArea
+            autoFocus
+            autoSize={{ minRows: 15, maxRows: 15 }}
+            value={modalTextValue}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter') {
+                e.stopPropagation();
+              }
+            }}
+            onChange={modalOnChange}
+          />
+        </Modal>
+      ) : null}
+    </AntdEditorWrap>
+  );
+}
diff --git a/src/page/Workspace/components/MaterializedViewPage/Columns/columns.tsx b/src/page/Workspace/components/MaterializedViewPage/Columns/columns.tsx
index cbbb2a3f4..80af321bd 100644
--- a/src/page/Workspace/components/MaterializedViewPage/Columns/columns.tsx
+++ b/src/page/Workspace/components/MaterializedViewPage/Columns/columns.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 
 export function useColumns() {
diff --git a/src/page/Workspace/components/MaterializedViewPage/Columns/index.tsx b/src/page/Workspace/components/MaterializedViewPage/Columns/index.tsx
index d9f3a9831..82e53e027 100644
--- a/src/page/Workspace/components/MaterializedViewPage/Columns/index.tsx
+++ b/src/page/Workspace/components/MaterializedViewPage/Columns/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React, { useContext, useRef, useEffect, useMemo } from 'react';
 import MaterializedViewPageContext from '../context';
 import EditableTable from '@/page/Workspace/components/EditableTable';
diff --git a/src/page/Workspace/components/MaterializedViewPage/Constraints/columns.tsx b/src/page/Workspace/components/MaterializedViewPage/Constraints/columns.tsx
index 4e7b98252..90beba156 100644
--- a/src/page/Workspace/components/MaterializedViewPage/Constraints/columns.tsx
+++ b/src/page/Workspace/components/MaterializedViewPage/Constraints/columns.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import {
   TableColumn,
   TablePrimaryConstraint,
diff --git a/src/page/Workspace/components/MaterializedViewPage/Constraints/index.tsx b/src/page/Workspace/components/MaterializedViewPage/Constraints/index.tsx
index bc789e09b..49b6922f7 100644
--- a/src/page/Workspace/components/MaterializedViewPage/Constraints/index.tsx
+++ b/src/page/Workspace/components/MaterializedViewPage/Constraints/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import React, { useContext, useRef, useState, useEffect, useMemo } from 'react';
 import Toolbar from '@/component/Toolbar';
diff --git a/src/page/Workspace/components/MaterializedViewPage/DDL/index.tsx b/src/page/Workspace/components/MaterializedViewPage/DDL/index.tsx
index d139578d7..6ba88cc75 100644
--- a/src/page/Workspace/components/MaterializedViewPage/DDL/index.tsx
+++ b/src/page/Workspace/components/MaterializedViewPage/DDL/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import MaterializedViewPageContext from '../context';
 import { SQLCodePreviewer } from '@/component/SQLCodePreviewer';
diff --git a/src/page/Workspace/components/MaterializedViewPage/Indexes/index.tsx b/src/page/Workspace/components/MaterializedViewPage/Indexes/index.tsx
index 04e6e71ab..6a1a80795 100644
--- a/src/page/Workspace/components/MaterializedViewPage/Indexes/index.tsx
+++ b/src/page/Workspace/components/MaterializedViewPage/Indexes/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React, { useContext, useState, useRef, useMemo, useEffect } from 'react';
 import MaterializedViewPageContext from '../context';
 import { formatMessage } from '@/util/intl';
diff --git a/src/page/Workspace/components/MaterializedViewPage/MvViewPageBaseInfoForm/index.tsx b/src/page/Workspace/components/MaterializedViewPage/MvViewPageBaseInfoForm/index.tsx
index a7c971961..3ee152dc8 100644
--- a/src/page/Workspace/components/MaterializedViewPage/MvViewPageBaseInfoForm/index.tsx
+++ b/src/page/Workspace/components/MaterializedViewPage/MvViewPageBaseInfoForm/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React, { useContext, useMemo } from 'react';
 import Toolbar from '@/component/Toolbar';
 import { EditOutlined, SyncOutlined } from '@ant-design/icons';
diff --git a/src/page/Workspace/components/MaterializedViewPage/Partitions/index.tsx b/src/page/Workspace/components/MaterializedViewPage/Partitions/index.tsx
index 335cf1ed7..582a3c569 100644
--- a/src/page/Workspace/components/MaterializedViewPage/Partitions/index.tsx
+++ b/src/page/Workspace/components/MaterializedViewPage/Partitions/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React, { useContext, useRef, useState, useEffect, useMemo } from 'react';
 import TableCardLayout from '@/page/Workspace/components/CreateTable/TableCardLayout';
 import EditToolbar from '@/page/Workspace/components/CreateTable/EditToolbar';
diff --git a/src/page/Workspace/components/MaterializedViewPage/context/index.ts b/src/page/Workspace/components/MaterializedViewPage/context/index.ts
index e295f759e..eb001b1bb 100644
--- a/src/page/Workspace/components/MaterializedViewPage/context/index.ts
+++ b/src/page/Workspace/components/MaterializedViewPage/context/index.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import SessionStore from '@/store/sessionManager/session';
 import React from 'react';
 import { IMaterializedView } from '@/d.ts';
diff --git a/src/page/Workspace/components/MaterializedViewPage/index.tsx b/src/page/Workspace/components/MaterializedViewPage/index.tsx
index cb84ec467..2099b7437 100644
--- a/src/page/Workspace/components/MaterializedViewPage/index.tsx
+++ b/src/page/Workspace/components/MaterializedViewPage/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { queryTableOrViewData } from '@/common/network/table';
 import type { IResultSet, IMaterializedView, ITable } from '@/d.ts';
 import { generateResultSetColumns } from '@/store/helper';
diff --git a/src/page/Workspace/components/SQLPage/index.tsx b/src/page/Workspace/components/SQLPage/index.tsx
index 804cf4a84..0aed7d727 100644
--- a/src/page/Workspace/components/SQLPage/index.tsx
+++ b/src/page/Workspace/components/SQLPage/index.tsx
@@ -388,8 +388,8 @@ export class SQLPage extends Component<IProps, ISQLPageState> {
         Array.isArray(result?.executeResult) &&
         result?.executeResult?.find((result) => result.status !== ISqlExecuteResultStatus.SUCCESS)
       ) {
-        const firstResultKey = sqlStore.getFirstUnlockedResultKey(pageKey);
-        sqlStore.setActiveTab(pageKey, firstResultKey ? firstResultKey : recordsTabKey);
+        const lastResultKey = sqlStore.getLastUnlockedResultKey(pageKey);
+        sqlStore.setActiveTab(pageKey, lastResultKey ? lastResultKey : recordsTabKey);
       } else if (result?.status !== EStatus.SUBMIT) {
         sqlStore.setActiveTab(pageKey, sqlLintTabKey);
       }
@@ -455,8 +455,8 @@ export class SQLPage extends Component<IProps, ISQLPageState> {
         Array.isArray(results?.executeResult) &&
         results?.executeResult?.find((result) => result.status !== ISqlExecuteResultStatus.SUCCESS)
       ) {
-        const firstResultKey = sqlStore.getFirstUnlockedResultKey(pageKey);
-        sqlStore.setActiveTab(pageKey, firstResultKey ? firstResultKey : recordsTabKey);
+        const lastResultKey = sqlStore.getLastUnlockedResultKey(pageKey);
+        sqlStore.setActiveTab(pageKey, lastResultKey ? lastResultKey : recordsTabKey);
       } else if (results?.status !== EStatus.SUBMIT) {
         sqlStore.setActiveTab(pageKey, sqlLintTabKey);
       }
@@ -668,7 +668,7 @@ export class SQLPage extends Component<IProps, ISQLPageState> {
     const resultSetIndex = sqlStore.resultSets.get(pageKey)?.findIndex((set) => {
       return set.uniqKey === resultSetKey;
     });
-    sqlStore.closeResultSet(pageKey, resultSetIndex);
+    sqlStore.closeResultSet(pageKey, resultSetKey);
     const resultSet = sqlStore.resultSets.get(pageKey); // 如果已经关闭了全部结果集，只剩下历史记录，需要切换
 
     if (resultSet && resultSet.length === 0) {
@@ -720,6 +720,49 @@ export class SQLPage extends Component<IProps, ISQLPageState> {
     sqlStore.unlockResultSet(pageKey, key);
   };
 
+  public handleCloseOtherResultSets = (currentKey: string) => {
+    const { sqlStore, pageKey } = this.props;
+    const resultSets = sqlStore.resultSets.get(pageKey);
+
+    // 关闭其它结果集
+    sqlStore.closeOtherResultSets(pageKey, currentKey);
+
+    // 检查当前激活tab是否被关闭，如果被关闭则切换到当前结果集
+    const updatedResultSets = sqlStore.resultSets.get(pageKey);
+    if (
+      updatedResultSets &&
+      !updatedResultSets.find((set) => set.uniqKey === sqlStore.activeTab[pageKey])
+    ) {
+      sqlStore.setActiveTab(pageKey, currentKey);
+    }
+
+    this.triggerTableLayout();
+  };
+
+  public handleCloseAllResultSets = () => {
+    const { sqlStore, pageKey } = this.props;
+
+    // 关闭所有结果集
+    sqlStore.closeAllResultSets(pageKey);
+
+    // 切换到执行记录tab
+    const updatedResultSets = sqlStore.resultSets.get(pageKey);
+    if (!updatedResultSets || updatedResultSets.length === 0) {
+      sqlStore.setActiveTab(pageKey, 'records');
+    } else {
+      // 优先定位到日志tab
+      const logTab = updatedResultSets.find((set) => set.type === 'LOG');
+      if (logTab) {
+        sqlStore.setActiveTab(pageKey, logTab.uniqKey);
+      } else {
+        // 如果没有日志tab，则定位到第一个（固定的结果集）
+        sqlStore.setActiveTab(pageKey, updatedResultSets[0].uniqKey);
+      }
+    }
+
+    this.triggerTableLayout();
+  };
+
   public handleChangeResultSetTab = (activeKey: string) => {
     const { sqlStore, pageKey } = this.props;
     sqlStore.setActiveTab(pageKey, activeKey);
@@ -1184,6 +1227,8 @@ export class SQLPage extends Component<IProps, ISQLPageState> {
                 onCloseResultSet={this.handleCloseResultSet}
                 onLockResultSet={this.handleLockResultSet}
                 onUnLockResultSet={this.handleUnLockResultSet}
+                onCloseOtherResultSets={this.handleCloseOtherResultSets}
+                onCloseAllResultSets={this.handleCloseAllResultSets}
                 onExportResultSet={this.handleStartExportResultSet}
                 onShowExecuteDetail={this.handleShowExecuteDetail}
                 onShowTrace={this.handleShowTrace}
@@ -1319,8 +1364,8 @@ export class SQLPage extends Component<IProps, ISQLPageState> {
     /**
      * 装填一下额外数据,详细的列名
      */
-    const firstResultKey = sqlStore.getFirstUnlockedResultKey(pageKey);
-    sqlStore.setActiveTab(pageKey, firstResultKey ? firstResultKey : recordsTabKey);
+    const lastResultKey = sqlStore.getLastUnlockedResultKey(pageKey);
+    sqlStore.setActiveTab(pageKey, lastResultKey ? lastResultKey : recordsTabKey);
 
     // TODO: 刷新左侧资源树
 
diff --git a/src/page/Workspace/components/SQLResultSet/MultipleAsyncSQLLintTable.tsx b/src/page/Workspace/components/SQLResultSet/MultipleAsyncSQLLintTable.tsx
index ebfd902f6..e5221bf93 100644
--- a/src/page/Workspace/components/SQLResultSet/MultipleAsyncSQLLintTable.tsx
+++ b/src/page/Workspace/components/SQLResultSet/MultipleAsyncSQLLintTable.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ISQLLintReuslt } from '@/component/SQLLintResult/type';
 import { IDatabase } from '@/d.ts/database';
 import { ModalStore } from '@/store/modal';
diff --git a/src/page/Workspace/components/SQLResultSet/const.ts b/src/page/Workspace/components/SQLResultSet/const.ts
index 16b4dbe32..7803cdc5c 100644
--- a/src/page/Workspace/components/SQLResultSet/const.ts
+++ b/src/page/Workspace/components/SQLResultSet/const.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { ISqlExecuteResultStatus } from '@/d.ts';
 import { formatMessage } from '@/util/intl';
 
diff --git a/src/page/Workspace/components/SQLResultSet/index.tsx b/src/page/Workspace/components/SQLResultSet/index.tsx
index 6c613d0aa..f02969a65 100644
--- a/src/page/Workspace/components/SQLResultSet/index.tsx
+++ b/src/page/Workspace/components/SQLResultSet/index.tsx
@@ -31,6 +31,8 @@ import { ModalStore } from '@/store/modal';
 import sessionManager from '@/store/sessionManager';
 import SessionStore from '@/store/sessionManager/session';
 import type { SQLStore } from '@/store/sql';
+import setting from '@/store/setting';
+import { EquerySqlResultDisplayMode } from '@/component/ODCSetting/config/user/database';
 import { inject, observer } from 'mobx-react';
 import type { MenuInfo } from 'rc-menu/lib/interface';
 import DDLResultSet from '../DDLResultSet';
@@ -46,6 +48,9 @@ export const sqlLintTabKey = 'sqlLint';
 export const enum MenuKey {
   LOCK = 'LOCK',
   UNLOCK = 'UNLOCK',
+  CLOSE_CURRENT = 'CLOSE_CURRENT',
+  CLOSE_OTHERS = 'CLOSE_OTHERS',
+  CLOSE_ALL = 'CLOSE_ALL',
 }
 
 interface IProps {
@@ -68,6 +73,8 @@ interface IProps {
   onExportResultSet: (resultSetIndex: number, limit: number, tableName: string) => void;
   onLockResultSet?: (key: string) => void;
   onUnLockResultSet?: (key: string) => void;
+  onCloseOtherResultSets?: (currentKey: string) => void;
+  onCloseAllResultSets?: () => void;
   onShowExecuteDetail: (sql: string, tag: string) => void;
   hanldeCloseLintPage: () => void;
   onSubmitRows: (
@@ -105,6 +112,8 @@ const SQLResultSet: React.FC<IProps> = function (props) {
     onLockResultSet,
     onUnLockResultSet,
     onCloseResultSet,
+    onCloseOtherResultSets,
+    onCloseAllResultSets,
     hanldeCloseLintPage,
     onUpdateEditing,
   } = props;
@@ -146,10 +155,29 @@ const SQLResultSet: React.FC<IProps> = function (props) {
             onUnLockResultSet(key);
           }
           break;
+        case MenuKey.CLOSE_CURRENT:
+          onCloseResultSet(key);
+          break;
+        case MenuKey.CLOSE_OTHERS:
+          if (onCloseOtherResultSets) {
+            onCloseOtherResultSets(key);
+          }
+          break;
+        case MenuKey.CLOSE_ALL:
+          if (onCloseAllResultSets) {
+            onCloseAllResultSets();
+          }
+          break;
         default:
       }
     },
-    [onLockResultSet, onUnLockResultSet],
+    [
+      onLockResultSet,
+      onUnLockResultSet,
+      onCloseResultSet,
+      onCloseOtherResultSets,
+      onCloseAllResultSets,
+    ],
   );
 
   /**
@@ -162,6 +190,11 @@ const SQLResultSet: React.FC<IProps> = function (props) {
     locked: boolean,
     resultSetKey: string,
   ): ReactNode {
+    // 检查是否为追加模式
+    const isAppendMode =
+      setting.configurations['odc.sqlexecute.querySqlResultDisplayMode'] ===
+      EquerySqlResultDisplayMode.APPEND;
+
     const menu: MenuProps = {
       style: {
         width: '160px',
@@ -171,22 +204,46 @@ const SQLResultSet: React.FC<IProps> = function (props) {
         e.domEvent.stopPropagation();
         handleMenuClick(e, resultSetKey);
       },
-      items: [
-        {
-          key: MenuKey.LOCK,
-          label: formatMessage({
-            id: 'workspace.window.sql.record.column.lock',
-            defaultMessage: '固定',
-          }),
-        },
-        {
-          key: MenuKey.UNLOCK,
-          label: formatMessage({
-            id: 'workspace.window.sql.record.column.unlock',
-            defaultMessage: '解除固定',
-          }),
-        },
-      ],
+      items: isAppendMode
+        ? [
+            {
+              key: MenuKey.CLOSE_CURRENT,
+              label: formatMessage({
+                id: 'src.page.Workspace.components.SQLResultSet.36FAD6DF',
+                defaultMessage: '关闭该结果集',
+              }),
+            },
+            {
+              key: MenuKey.CLOSE_OTHERS,
+              label: formatMessage({
+                id: 'src.page.Workspace.components.SQLResultSet.A460FEDE',
+                defaultMessage: '关闭其它结果集',
+              }),
+            },
+            {
+              key: MenuKey.CLOSE_ALL,
+              label: formatMessage({
+                id: 'src.page.Workspace.components.SQLResultSet.989D6FA1',
+                defaultMessage: '关闭所有结果集',
+              }),
+            },
+          ]
+        : [
+            {
+              key: MenuKey.LOCK,
+              label: formatMessage({
+                id: 'workspace.window.sql.record.column.lock',
+                defaultMessage: '固定',
+              }),
+            },
+            {
+              key: MenuKey.UNLOCK,
+              label: formatMessage({
+                id: 'workspace.window.sql.record.column.unlock',
+                defaultMessage: '解除固定',
+              }),
+            },
+          ],
     };
 
     return (
diff --git a/src/page/Workspace/components/SessionContextWrap/SessionSelect/SelectItem.tsx b/src/page/Workspace/components/SessionContextWrap/SessionSelect/SelectItem.tsx
index 7ffbef5ba..2ceb5a6e4 100644
--- a/src/page/Workspace/components/SessionContextWrap/SessionSelect/SelectItem.tsx
+++ b/src/page/Workspace/components/SessionContextWrap/SessionSelect/SelectItem.tsx
@@ -24,13 +24,14 @@ import login from '@/store/login';
 import { formatMessage } from '@/util/intl';
 import Icon, { ArrowDownOutlined, LoadingOutlined } from '@ant-design/icons';
 import { useRequest } from 'ahooks';
-import { Divider, Select, Space } from 'antd';
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { Divider, Flex, Select, Space } from 'antd';
 import SessionContext from '../context';
 import { DEFALT_WIDTH } from './const';
 import { IDatabase } from '@/d.ts/database';
 import styles from './index.less';
 import SessionDropdown, { ISessionDropdownFiltersProps } from './SessionDropdown';
+import { isNumber } from 'lodash';
 
 interface IProps {
   value?: number;
@@ -45,6 +46,9 @@ interface IProps {
   datasourceMode?: boolean;
   projectMode?: boolean;
   onChange?: (value: number, database?: IDatabase) => void;
+  showProject?: boolean;
+  popoverWidth?: number;
+  manageLinkVisible?: boolean;
 }
 
 const SelectItem: React.FC<IProps> = ({
@@ -63,11 +67,14 @@ const SelectItem: React.FC<IProps> = ({
   isLogicalDatabase = false,
   datasourceMode = false,
   projectMode = isLogicalDatabase,
+  showProject = true,
+  popoverWidth,
+  manageLinkVisible = false,
 }) => {
   const { data: database, run: runDatabase } = useRequest(getDatabase, {
     manual: true,
   });
-
+  const databaseInfoContainerRef = useRef<HTMLDivElement>(null);
   const { data: dataSource, run: runDataSource } = useRequest(getConnectionDetail, {
     manual: true,
   });
@@ -92,6 +99,18 @@ const SelectItem: React.FC<IProps> = ({
   const dbIcon = getDataSourceStyleByConnectType(database?.data?.dataSource?.type)?.dbIcon;
   const dataSourceIcon = getDataSourceStyleByConnectType(dataSource?.type)?.icon;
 
+  const [isDatabaseInfoContainerSingleLine, setIsDatabaseInfoContainerSingleLine] = useState(false);
+
+  useEffect(() => {
+    if (
+      databaseInfoContainerRef?.current &&
+      database?.data &&
+      isNumber(databaseInfoContainerRef?.current?.offsetHeight)
+    ) {
+      setIsDatabaseInfoContainerSingleLine(databaseInfoContainerRef?.current?.offsetHeight < 22);
+    }
+  }, [databaseInfoContainerRef?.current, database?.data]);
+
   const getPlaceholder = () => {
     if (!value) return placeholder;
     if (datasourceMode && dataSource) {
@@ -139,7 +158,10 @@ const SelectItem: React.FC<IProps> = ({
     }
     if (!datasourceMode && database?.data) {
       return (
-        <Space size={1} style={{ color: 'var(--text-color-primary)', width: '100%' }}>
+        <Flex
+          gap={1}
+          style={{ color: 'var(--text-color-primary)', width: '100%', overflow: 'hidden' }}
+        >
           <>
             <RiskLevelLabel
               content={database?.data?.environment?.name}
@@ -151,8 +173,17 @@ const SelectItem: React.FC<IProps> = ({
               style={{ fontSize: 16, marginRight: 4, verticalAlign: 'textBottom' }}
             />
           </>
-          {database?.data?.name}
-        </Space>
+
+          <div
+            style={{
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+            }}
+            title={database?.data?.name}
+          >
+            {database?.data?.name}
+          </div>
+        </Flex>
       );
     }
     return placeholder;
@@ -175,9 +206,10 @@ const SelectItem: React.FC<IProps> = ({
           projectId={projectId}
           dataSourceId={dataSourceId}
           filters={filters}
-          width={width || DEFALT_WIDTH}
+          width={popoverWidth || width || DEFALT_WIDTH}
           taskType={taskType}
           disabled={disabled}
+          manageLinkVisible={manageLinkVisible}
         >
           <Select
             disabled={disabled}
@@ -188,12 +220,14 @@ const SelectItem: React.FC<IProps> = ({
           />
         </SessionDropdown>
         {value && database?.data ? (
-          <Space
-            size={2}
-            split={<Divider type="vertical" />}
-            style={{ color: 'var(--text-color-hint)' }}
+          <div
+            ref={databaseInfoContainerRef}
+            className={styles.databaseInfo}
+            style={{
+              width: width || DEFALT_WIDTH,
+            }}
           >
-            {login.isPrivateSpace() ? null : (
+            {login.isPrivateSpace() || !showProject ? null : (
               <span>
                 {formatMessage({
                   id: 'src.page.Workspace.components.SessionContextWrap.SessionSelect.5AC43B24' /*项目：*/,
@@ -202,15 +236,15 @@ const SelectItem: React.FC<IProps> = ({
                 {database?.data?.project?.name}
               </span>
             )}
-
-            <span>
+            {isDatabaseInfoContainerSingleLine && <Divider type="vertical" />}
+            <div className={styles.item}>
               {formatMessage({
                 id: 'src.page.Workspace.components.SessionContextWrap.SessionSelect.7780C356' /*数据源：*/,
                 defaultMessage: '数据源：',
               })}
               {database?.data?.dataSource?.name}
-            </span>
-          </Space>
+            </div>
+          </div>
         ) : null}
       </Space>
     </SessionContext.Provider>
diff --git a/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/components/DatabasesTitle.tsx b/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/components/DatabasesTitle.tsx
index dadf47e29..2fb799916 100644
--- a/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/components/DatabasesTitle.tsx
+++ b/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/components/DatabasesTitle.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { IDatabasesTitleProps } from '../index';
 import { hasPermission, TaskTypeMap } from '@/component/Task/helper';
 import { Badge, Popover, Spin, Tooltip, Tree, Button, Radio } from 'antd';
diff --git a/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/components/Search.tsx b/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/components/Search.tsx
index 5ec86fd05..7b1b1454c 100644
--- a/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/components/Search.tsx
+++ b/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/components/Search.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { AutoComplete, Input } from 'antd';
 import React, { forwardRef, useContext, useRef, useState } from 'react';
 import type { BaseSelectRef } from 'rc-select';
diff --git a/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/components/Tab.tsx b/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/components/Tab.tsx
index eea362373..d081f5245 100644
--- a/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/components/Tab.tsx
+++ b/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/components/Tab.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { formatMessage } from '@/util/intl';
 import { TabsType } from '../index';
 import { Radio } from 'antd';
diff --git a/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/helper.tsx b/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/helper.tsx
index 3fd8e5087..d41a63d6a 100644
--- a/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/helper.tsx
+++ b/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/helper.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { IDatabase, DatabaseGroup } from '@/d.ts/database';
 import { getMapIdByDB } from '@/page/Workspace/SideBar/ResourceTree/helper';
 import { IConnection } from '@/d.ts';
@@ -58,9 +74,12 @@ const DatabaseGroupArr = [
 ];
 
 const hasSecondGroup = (group: DatabaseGroup) => {
-  return [DatabaseGroup.cluster, DatabaseGroup.environment, DatabaseGroup.connectType].includes(
-    group,
-  );
+  return [
+    DatabaseGroup.cluster,
+    DatabaseGroup.environment,
+    DatabaseGroup.connectType,
+    DatabaseGroup.tenant,
+  ].includes(group);
 };
 
 const getShouldExpandedGroupKeys = (params: {
@@ -96,7 +115,7 @@ const getShouldExpandedGroupKeys = (params: {
     getGroupKey(mapId, groupMode),
     getSecondGroupKey(mapId, secondMapId, groupMode),
   );
-  if ([DatabaseGroup.project, DatabaseGroup.dataSource, DatabaseGroup.tenant].includes(groupMode)) {
+  if ([DatabaseGroup.project, DatabaseGroup.dataSource].includes(groupMode)) {
     shouldExpandedKeys = shouldExpandedKeys.filter((item) => {
       if (isString(item)) {
         return !item.includes(TreeDataSecondGroupKey);
diff --git a/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/index.tsx b/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/index.tsx
index 00149bacf..e26ef9099 100644
--- a/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/index.tsx
+++ b/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/index.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { getDataSourceModeConfig } from '@/common/datasource';
 import { IDataSourceModeConfig } from '@/common/datasource/interface';
 import { listDatabases } from '@/common/network/database';
@@ -9,10 +25,10 @@ import { formatMessage } from '@/util/intl';
 import tracert from '@/util/tracert';
 import { useParams } from '@umijs/max';
 import { useRequest } from 'ahooks';
-import { Badge, Popover, Spin, Tooltip, Tree, Button, Radio } from 'antd';
+import { Badge, Popover, Spin, Tooltip, Tree, Button, Radio, Space } from 'antd';
 import { DataNode } from 'antd/lib/tree';
 import { toInteger } from 'lodash';
-import { UserStore } from '@/store/login';
+import login, { UserStore } from '@/store/login';
 import { inject, observer } from 'mobx-react';
 import { isConnectTypeBeFileSystemGroup, isPgDataDataSource } from '@/util/connection';
 import React, { Key, useContext, useEffect, useMemo, useRef, useState } from 'react';
@@ -43,6 +59,8 @@ import {
 import DatasourceSelectEmpty from '@/component/Empty/DatasourceSelectEmpty';
 import DatabaseSelectEmpty from '@/component/Empty/DatabaseSelectEmpty';
 import renderDatabaseNode from './renderDatabaseNode';
+import { ExportOutlined } from '@ant-design/icons';
+
 export interface IDatabasesTitleProps {
   db: IDatabase;
   taskType: TaskType;
@@ -76,6 +94,7 @@ interface IProps {
   userStore?: UserStore;
   checkModeConfig?: ISessionDropdownCheckModeConfigProps;
   groupMode?: DatabaseGroup;
+  manageLinkVisible?: boolean;
 }
 
 const SessionDropdown: React.FC<IProps> = (props) => {
@@ -91,6 +110,7 @@ const SessionDropdown: React.FC<IProps> = (props) => {
     userStore,
     groupMode: initGroupMode,
     checkModeConfig = null,
+    manageLinkVisible = false,
   } = props;
   const { onSelect, checkedKeys, setCheckedKeys, setOptions } = checkModeConfig || {};
   const context = useContext(SessionContext);
@@ -150,66 +170,73 @@ const SessionDropdown: React.FC<IProps> = (props) => {
     manual: true,
   });
 
+  const filter = (database: IDatabase) => {
+    if (!context?.isLogicalDatabase && database.type === 'LOGICAL' && !isIncludeLogicalDb) {
+      return false;
+    }
+    if (
+      context?.isLogicalDatabase
+        ? database.type !== 'LOGICAL'
+        : database.type !== 'PHYSICAL' && !isIncludeLogicalDb
+    ) {
+      return false;
+    }
+    const support =
+      !taskType ||
+      database.type === 'LOGICAL' ||
+      getDataSourceModeConfig(database.dataSource?.type)?.features?.task?.includes(taskType);
+    if (!support) {
+      return false;
+    }
+    if (!taskType && !getDataSourceModeConfig(database?.dataSource?.type)?.features?.sqlconsole) {
+      return false;
+    }
+    if (
+      hasDialectTypesFilter &&
+      !filters?.dialectTypes?.includes(database?.dataSource?.dialectType)
+    ) {
+      return false;
+    }
+    if (isConnectTypeBeFileSystemGroup(database?.dataSource?.type) && filters?.hideFileSystem) {
+      return false;
+    }
+    if (
+      hasFeature &&
+      !getDataSourceModeConfig(database?.dataSource?.type)?.features[filters?.feature]
+    ) {
+      return false;
+    }
+    if (projectId && database?.project?.id && toInteger(projectId) !== database?.project?.id) {
+      return false;
+    }
+    return true;
+  };
+
   const { DatabaseGroupMap, allDatasources } = useGroupData({
     databaseList: data?.contents,
-    filter: (database: IDatabase) => {
-      if (!context?.isLogicalDatabase && database.type === 'LOGICAL' && !isIncludeLogicalDb) {
-        return false;
-      }
-      if (
-        context?.isLogicalDatabase
-          ? database.type !== 'LOGICAL'
-          : database.type !== 'PHYSICAL' && !isIncludeLogicalDb
-      ) {
-        return false;
-      }
-      const support =
-        !taskType ||
-        database.type === 'LOGICAL' ||
-        getDataSourceModeConfig(database.dataSource?.type)?.features?.task?.includes(taskType);
-      if (!support) {
-        return false;
-      }
-      if (!taskType && !getDataSourceModeConfig(database?.dataSource?.type)?.features?.sqlconsole) {
-        return false;
-      }
-      if (
-        hasDialectTypesFilter &&
-        !filters?.dialectTypes?.includes(database?.dataSource?.dialectType)
-      ) {
-        return false;
-      }
-      if (isConnectTypeBeFileSystemGroup(database?.dataSource?.type) && filters?.hideFileSystem) {
-        return false;
-      }
-      if (
-        hasFeature &&
-        !getDataSourceModeConfig(database?.dataSource?.type)?.features[filters?.feature]
-      ) {
-        return false;
-      }
-      return true;
-    },
+    filter,
   });
 
   useEffect(() => {
     if (isOpen) {
-      run(
+      const params = {
         projectId,
-        datasourceId ? toInteger(datasourceId) : dataSourceId,
-        1,
-        99999,
-        searchValue.value,
-        null,
-        userStore.isPrivateSpace(),
-        true,
-        true,
-        null,
-        null,
-        searchValue.type === SearchType.DATASOURCE ? searchValue.value : null,
-        searchValue.type === SearchType.CLUSTER ? searchValue.value : null,
-        searchValue.type === SearchType.TENANT ? searchValue.value : null,
-      );
+        dataSourceId: datasourceId ? toInteger(datasourceId) : dataSourceId,
+        page: 1,
+        size: 99999,
+        name: searchValue?.value,
+        containsUnassigned: userStore.isPrivateSpace(),
+        existed: true,
+        includesPermittedAction: true,
+        dataSourceName: searchValue?.type === SearchType.DATASOURCE ? searchValue?.value : null,
+        clusterName: searchValue?.type === SearchType.CLUSTER ? searchValue?.value : null,
+        tenantName: searchValue?.type === SearchType.TENANT ? searchValue?.value : null,
+      };
+      // 个人空间不需要获取数据库的权限
+      if (userStore?.isPrivateSpace()) {
+        params.includesPermittedAction = false;
+      }
+      run(params);
       if (!context.datasourceMode && !checkModeConfig && !userStore.isPrivateSpace()) {
         runGetDatabasesHistories({
           currentOrganizationId: userStore.organizationId,
@@ -358,7 +385,9 @@ const SessionDropdown: React.FC<IProps> = (props) => {
         })
         .filter(Boolean);
     } else if (tab === TabsType.recentlyUsed) {
-      _treeData = databasesHistory?.map((database) => renderDatabaseNode({ taskType, database }));
+      _treeData = databasesHistory
+        ?.filter(filter)
+        ?.map((database) => renderDatabaseNode({ taskType, database }));
     } else {
       switch (groupMode) {
         case DatabaseGroup.none: {
@@ -373,8 +402,7 @@ const SessionDropdown: React.FC<IProps> = (props) => {
           break;
         }
         case DatabaseGroup.project:
-        case DatabaseGroup.dataSource:
-        case DatabaseGroup.tenant: {
+        case DatabaseGroup.dataSource: {
           _treeData = [...(DatabaseGroupMap[groupMode]?.values() || [])].map((groupItem) => {
             const groupKey = getGroupKey(groupItem.mapId, groupMode);
             return {
@@ -401,7 +429,8 @@ const SessionDropdown: React.FC<IProps> = (props) => {
         }
         case DatabaseGroup.cluster:
         case DatabaseGroup.environment:
-        case DatabaseGroup.connectType: {
+        case DatabaseGroup.connectType:
+        case DatabaseGroup.tenant: {
           _treeData = [...(DatabaseGroupMap[groupMode]?.values() || [])].map((groupItem) => {
             const groupKey = getGroupKey(groupItem.mapId, groupMode);
             return {
@@ -495,6 +524,32 @@ const SessionDropdown: React.FC<IProps> = (props) => {
   }
 
   function footerRender() {
+    if (manageLinkVisible) {
+      return (
+        <div className={styles.footer}>
+          <Button
+            type="link"
+            onClick={() => {
+              const isPrivateSpace = login.isPrivateSpace();
+              if (isPrivateSpace) {
+                window.open(`#/sqlworkspace`, '_blank');
+              } else {
+                window.open(`#/project/${projectId}/database`, '_blank');
+              }
+            }}
+          >
+            <Space>
+              {formatMessage({
+                id: 'src.page.Workspace.components.SessionContextWrap.SessionSelect.SessionDropdown.49B355DA',
+                defaultMessage: '管理数据库',
+              })}
+
+              <ExportOutlined />
+            </Space>
+          </Button>
+        </div>
+      );
+    }
     if (!checkModeConfig || !treeData?.length) return;
     return (
       <div className={styles.footer}>
@@ -515,6 +570,7 @@ const SessionDropdown: React.FC<IProps> = (props) => {
             })}
           </Button>
         )}
+
         {checkedKeys?.length === canCheckedDbKeys?.length && (
           <Button
             type="link"
@@ -560,6 +616,7 @@ const SessionDropdown: React.FC<IProps> = (props) => {
                 {!context.datasourceMode && !checkModeConfig && !userStore.isPrivateSpace() && (
                   <DatabaseSelectTab tab={tab} setTab={setTab} />
                 )}
+
                 {tab === TabsType.all && (
                   <Search
                     searchValue={searchValue}
@@ -570,6 +627,7 @@ const SessionDropdown: React.FC<IProps> = (props) => {
                     }}
                   />
                 )}
+
                 {!context.datasourceMode && tab === TabsType.all && (
                   <span className={styles.groupIcon}>
                     <Group setGroupMode={setGroupMode} groupMode={groupMode} />
diff --git a/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/renderDatabaseNode.tsx b/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/renderDatabaseNode.tsx
index 5ed32f915..a9ad1931e 100644
--- a/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/renderDatabaseNode.tsx
+++ b/src/page/Workspace/components/SessionContextWrap/SessionSelect/SessionDropdown/renderDatabaseNode.tsx
@@ -1,9 +1,26 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { hasPermission } from '@/component/Task/helper';
 import { TaskType } from '@/d.ts';
 import { IDatabase } from '@/d.ts/database';
 import DatabasesTitle from './components/DatabasesTitle';
 import { getIcon, NodeType } from './helper';
 import styles from './index.less';
+import login from '@/store/login';
 
 const renderDatabaseNode = (parmas: {
   taskType: TaskType;
@@ -17,6 +34,9 @@ const renderDatabaseNode = (parmas: {
   } else {
     dbDisabled = !database.authorizedPermissionTypes?.length;
   }
+  if (login.isPrivateSpace()) {
+    dbDisabled = false;
+  }
   !dbDisabled && canCheckedDbKeys && canCheckedDbKeys.push(database.id);
 
   return {
diff --git a/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.less b/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.less
index cfb760441..7c21ea917 100644
--- a/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.less
+++ b/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.less
@@ -73,3 +73,17 @@
     }
   }
 }
+
+.databaseInfo {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  align-items: center;
+  color: var(--text-color-hint);
+  .item {
+    max-width: 100%;
+    word-wrap: anywhere;
+    overflow-wrap: anywhere;
+    word-break: break-all;
+  }
+}
diff --git a/src/page/Workspace/components/SessionManagementPage/index.tsx b/src/page/Workspace/components/SessionManagementPage/index.tsx
index 1db8964f8..e7104c7fd 100644
--- a/src/page/Workspace/components/SessionManagementPage/index.tsx
+++ b/src/page/Workspace/components/SessionManagementPage/index.tsx
@@ -21,7 +21,7 @@ import { groupBySessionId, sortNumber, sortString } from '@/util/utils';
 import { SearchOutlined, SyncOutlined } from '@ant-design/icons';
 import { Input, Layout, message, Space, Spin, Tooltip, Typography } from 'antd';
 import { inject, observer } from 'mobx-react';
-import { useContext, useEffect, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 // @ts-ignore
 import { getDataSourceModeConfig } from '@/common/datasource';
 import { getDatabaseSessionList, killSessions } from '@/common/network/sessionParams';
@@ -55,8 +55,7 @@ function SessionManagementPage(props: IProps) {
   const context = useContext(SessionContext);
   const session = context?.session;
   const config = getDataSourceModeConfig(session?.connection?.type);
-
-  async function fetchDatabaseSessionList() {
+  async function fetchDatabaseSessionList(killSession?: string[]) {
     if (!session?.sessionId) {
       return;
     }
@@ -66,7 +65,8 @@ function SessionManagementPage(props: IProps) {
     // 获取连接参数列表
     const data = await getDatabaseSessionList(session?.sessionId);
     setListLoading(false);
-    setSessionList(data);
+    // 关闭会话后马上请求会话列表，关闭的会话还是会返回（有延迟），所以需要过滤掉
+    setSessionList(data?.filter((item) => !killSession?.includes(item.sessionId)));
   }
 
   useEffect(() => {
@@ -103,7 +103,8 @@ function SessionManagementPage(props: IProps) {
 
       dataIndex: 'sessionId',
       width: 105,
-      sorter: (a: IDatabaseSession, b: IDatabaseSession) => sortNumber(a.sessionId, b.sessionId),
+      sorter: (a: IDatabaseSession, b: IDatabaseSession) =>
+        sortNumber(Number(a.sessionId), Number(b.sessionId)),
       sortDirections: ['descend', 'ascend'],
       render: (value) => {
         return <Tooltip title={value}>{value}</Tooltip>;
@@ -243,7 +244,7 @@ function SessionManagementPage(props: IProps) {
       type,
     );
     if (data && !data?.find((item) => !item.killed)) {
-      await fetchDatabaseSessionList();
+      await fetchDatabaseSessionList(data?.map((item) => item.sessionId));
       message.success(
         formatMessage({
           id: 'odc.components.SessionManagementPage.ClosedSuccessfully',
diff --git a/src/page/Workspace/components/TablePage/ShowTableBaseInfoForm/LogicTableBaseInfo.tsx b/src/page/Workspace/components/TablePage/ShowTableBaseInfoForm/LogicTableBaseInfo.tsx
index 4a315222c..a087d0065 100644
--- a/src/page/Workspace/components/TablePage/ShowTableBaseInfoForm/LogicTableBaseInfo.tsx
+++ b/src/page/Workspace/components/TablePage/ShowTableBaseInfoForm/LogicTableBaseInfo.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import ObjectInfoView from '@/component/ObjectInfoView';
 import { formatMessage } from '@/util/intl';
 import { getLocalFormatDateTime } from '@/util/utils';
diff --git a/src/page/Workspace/components/TablePage/TableData/index.tsx b/src/page/Workspace/components/TablePage/TableData/index.tsx
index d9a476d1d..5ab6e6379 100644
--- a/src/page/Workspace/components/TablePage/TableData/index.tsx
+++ b/src/page/Workspace/components/TablePage/TableData/index.tsx
@@ -72,6 +72,7 @@ class TableData extends React.Component<
     status: EStatus;
     hasExecuted: boolean;
     allowExport?: boolean;
+    limit: number;
   }
 > {
   constructor(props) {
@@ -88,6 +89,7 @@ class TableData extends React.Component<
       status: null,
       hasExecuted: false,
       allowExport: true,
+      limit: props.session?.params?.queryLimit || 1000,
     };
   }
 
@@ -112,7 +114,7 @@ class TableData extends React.Component<
   public reloadTableData = async (
     tableName: string,
     keepInitialSQL: boolean = false,
-    limit: number = 1000,
+    limit: number = this.state.limit,
   ) => {
     const { table, session } = this.props;
 
@@ -137,6 +139,7 @@ class TableData extends React.Component<
           track: data?.track,
         });
       }
+      this.setState({ limit });
       let resultSet = generateResultSetColumns([data], session?.connection?.dialectType)?.[0];
       if (resultSet) {
         this._resultSetKey = generateUniqKey();
@@ -393,6 +396,7 @@ class TableData extends React.Component<
       lintResultSet,
       status,
       allowExport,
+      limit,
     } = this.state;
 
     return (
@@ -409,6 +413,7 @@ class TableData extends React.Component<
             table={{ ...table, columns: resultSet.resultSetMetaData?.columnList }}
             pageKey={pageKey}
             session={session}
+            initialLimit={limit}
             onUpdateEditing={(editing) => {
               this.setState({
                 isEditing: editing,
diff --git a/src/page/Workspace/components/TaskPage/index.tsx b/src/page/Workspace/components/TaskPage/index.tsx
index 0a2593b25..9d25a5a82 100644
--- a/src/page/Workspace/components/TaskPage/index.tsx
+++ b/src/page/Workspace/components/TaskPage/index.tsx
@@ -15,8 +15,8 @@ import { formatMessage } from '@/util/intl';
  * limitations under the License.
  */
 
-import { TaskTypeMap } from '@/component/Task/component/TaskTable';
-import Content from '@/component/Task/Content';
+import { TaskTypeMap } from '@/component/Task/component/TaskTable/const';
+import Content from '@/component/Task/container/Content';
 import { TaskPageType } from '@/d.ts';
 import styles from './index.less';
 export const getTitleByParams = (params: { type: TaskPageType }) => {
diff --git a/src/page/Workspace/components/Trace/TraceComponent.tsx b/src/page/Workspace/components/Trace/TraceComponent.tsx
index bd3928534..5c3eb7fa1 100644
--- a/src/page/Workspace/components/Trace/TraceComponent.tsx
+++ b/src/page/Workspace/components/Trace/TraceComponent.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { getFullLinkTrace } from '@/common/network/sql';
 import { useEffect, useState } from 'react';
 import { ExpandTraceSpan, randomUUID, TraceTabsType } from './index';
diff --git a/src/page/Workspace/context/GlobalSearchContext.tsx b/src/page/Workspace/context/GlobalSearchContext.tsx
index 26bb8a7c1..1ac11f3a5 100644
--- a/src/page/Workspace/context/GlobalSearchContext.tsx
+++ b/src/page/Workspace/context/GlobalSearchContext.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { IProject } from '@/d.ts/project';
 import React from 'react';
 import { SearchStatus } from '@/page/Workspace/SideBar/ResourceTree/DatabaseSearchModal/constant';
diff --git a/src/page/Workspace/context/WorkspaceStore.tsx b/src/page/Workspace/context/WorkspaceStore.tsx
index 4b055776e..6749c28c8 100644
--- a/src/page/Workspace/context/WorkspaceStore.tsx
+++ b/src/page/Workspace/context/WorkspaceStore.tsx
@@ -90,7 +90,7 @@ export default function WorkspaceStore({ children }) {
     manual: true,
   });
 
-  const { run: fetchDatabases, loading: dbLoading } = useRequest(listDatabases, {
+  const { run: fetchDatabases } = useRequest(listDatabases, {
     manual: true,
   });
 
@@ -106,26 +106,31 @@ export default function WorkspaceStore({ children }) {
   }, []);
 
   const reloadDatabaseList = useCallback(async () => {
-    const data = await fetchDatabases(
-      null,
-      null,
-      1,
-      99999,
-      null,
-      null,
-      login.isPrivateSpace(),
-      true,
-      true,
-    );
-    setDatabaseList(data?.contents || []);
-    return data?.contents;
-  }, []);
+    const params = {
+      page: 1,
+      size: 99999,
+      containsUnassigned: true,
+      existed: true,
+      includesPermittedAction: true,
+    };
+    // 个人空间不需要获取数据库的权限
+    if (login?.isPrivateSpace()) {
+      params.includesPermittedAction = false;
+    }
+    const data = await fetchDatabases(params);
+    let list = data?.contents;
+    if (!login?.isPrivateSpace()) {
+      list = data?.contents?.filter((item) => !!item?.authorizedPermissionTypes?.length) || [];
+    }
+    setDatabaseList(list);
+    return list;
+  }, [login?.isPrivateSpace()]);
 
   const { run: pollingDatabase, cancel } = useRequest(
     async () => {
       const databaseList = await reloadDatabaseList();
       const arr = [DBObjectSyncStatus.SYNCING, DBObjectSyncStatus.PENDING];
-      if (!databaseList?.find((item) => arr.includes(item.objectSyncStatus))) {
+      if (!databaseList?.find((item) => arr?.includes(item.objectSyncStatus))) {
         cancel();
       }
     },
diff --git a/src/page/Workspace/index.tsx b/src/page/Workspace/index.tsx
index 9761595c2..e5a1f220d 100644
--- a/src/page/Workspace/index.tsx
+++ b/src/page/Workspace/index.tsx
@@ -50,7 +50,6 @@ import GlobalModals from './GlobalModals';
 import WorkBenchLayout from './Layout';
 import SideBar from './SideBar';
 import { isLogicalDatabase } from '@/util/database';
-import { DatabaseGroup } from '@/d.ts/database';
 import { ResourceNodeType } from '@/page/Workspace/SideBar/ResourceTree/type';
 import { getAsyncResultSet } from '@/common/network/task';
 
diff --git a/src/plugins/defaultConfig.ts b/src/plugins/defaultConfig.ts
index 65a7d27c1..5db4f12c2 100644
--- a/src/plugins/defaultConfig.ts
+++ b/src/plugins/defaultConfig.ts
@@ -78,6 +78,7 @@ export default {
   connection: {
     sys: true,
   },
+  canDownloadNewVersion: true,
   task: {
     sys: true,
     isSupportTaksImport: false,
diff --git a/src/store/guideCache.ts b/src/store/guideCache.ts
index 28fe7f3e0..7e5fed6c1 100644
--- a/src/store/guideCache.ts
+++ b/src/store/guideCache.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { safeParseJson } from '@/util/utils';
 import { action, observable } from 'mobx';
 
diff --git a/src/store/login.ts b/src/store/login.ts
index 037a48844..9e41188c0 100644
--- a/src/store/login.ts
+++ b/src/store/login.ts
@@ -215,9 +215,12 @@ export class UserStore {
         currentPassword: encrypt(data.currentPassword),
       });
     }
-    const result = await request.post(`/api/v2/iam/users/${data.username}/activate`, {
-      data,
-    });
+    const result = await request.post(
+      `/api/v2/iam/users/${encodeURIComponent(data.username)}/activate`,
+      {
+        data,
+      },
+    );
     return result && result.data;
   }
 
diff --git a/src/store/migrationTaskManager.ts b/src/store/migrationTaskManager.ts
index 8e594a0cd..1baadbd18 100644
--- a/src/store/migrationTaskManager.ts
+++ b/src/store/migrationTaskManager.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { observable, action, computed, runInAction } from 'mobx';
 import { notification } from 'antd';
 import { AsyncTaskType } from '@/d.ts/migrateTask';
diff --git a/src/store/setting.ts b/src/store/setting.ts
index 49338e629..21ccf2435 100644
--- a/src/store/setting.ts
+++ b/src/store/setting.ts
@@ -28,6 +28,7 @@ import { isLinux, isWin64, kbToMb } from '@/util/utils';
 import { message } from 'antd';
 import { action, observable } from 'mobx';
 import login, { sessionKey } from '@/store/login';
+import { makeDataShareable } from '@/util/makeDataShareable';
 
 export const themeKey = 'odc-theme';
 const SPACE_CONFIG_EXPIRES = 60 * 1000;
@@ -258,6 +259,12 @@ export class SettingStore {
     boxShadow: '0px 1px 4px 0px rgba(0,21,41,0.12)',
   };
 
+  constructor() {
+    makeDataShareable(this, 'configurations', {
+      channelName: `user-config`,
+    });
+  }
+
   @action
   public setHeaderStyle(headerStyle: any) {
     this.headerStyle = headerStyle;
diff --git a/src/store/sql/index.tsx b/src/store/sql/index.tsx
index 3ab9fc94d..ce496aa7c 100644
--- a/src/store/sql/index.tsx
+++ b/src/store/sql/index.tsx
@@ -39,6 +39,7 @@ import { action, observable, runInAction } from 'mobx';
 import { generateResultSetColumns } from '../helper';
 import sessionManager from '../sessionManager';
 import setting from '../setting';
+import { EquerySqlResultDisplayMode } from '@/component/ODCSetting/config/user/database';
 
 export enum ExcecuteSQLMode {
   PL = 'PL',
@@ -48,6 +49,15 @@ export enum ExcecuteSQLMode {
   SYNONYM = 'SYNONYM',
   TYPE = 'TYPE',
 }
+
+// 结果集显示限制常量（与SQLResultSet组件保持一致）
+export const RESULT_TAB_LIMIT = 30;
+export const HISTORY_RESULT_LIMIT = RESULT_TAB_LIMIT - 1; // 30 - 1(日志) = 29
+
+export const isResultTab = (r: IResultSet) =>
+  r.columns?.length && r.status === ISqlExecuteResultStatus.SUCCESS;
+export const isLogTab = (r: IResultSet) => r.type === 'LOG';
+
 export enum PL_RUNNING_STATUS {
   // @ts-ignore
   COMPILE = formatMessage({
@@ -70,8 +80,6 @@ export class SQLStore {
   public records: ISqlExecuteResult[] = [];
   @observable.shallow
   public resultSets: Map<string, IResultSet[]> = new Map();
-  @observable.shallow
-  public lockedResultSets: IResultSet[] = []; // 编译|运行|调试中的 PL 对象 name, state
 
   /** 正在执行提交的Page */
   @observable
@@ -250,11 +258,52 @@ export class SQLStore {
           });
           const resultSet = this.resultSets.get(pageKey);
           if (resultSet) {
-            const lockedResultSets = resultSet.filter((r) => r.locked); // @ts-ignore
+            const lockedResultSets = resultSet.filter((r) => r.locked);
+            if (
+              setting.configurations['odc.sqlexecute.querySqlResultDisplayMode'] ===
+              EquerySqlResultDisplayMode.APPEND
+            ) {
+              // 获取未锁定的历史结果（排除LOG类型）
+              const unlockedHistoryResults = resultSet.filter((r) => !r.locked && isResultTab(r));
+
+              const historySqlIDs = resultSet.map((r) => r.sqlId);
+              // 去重处理：避免轮询时对同一个SQL对应结果重复渲染
+              const newInfo = info.results?.filter((r) => !historySqlIDs.includes(r.sqlId));
+
+              // 限制执行记录+日志一共30个tab
+              const newInfoLength = newInfo.length || 0;
+
+              const maxHistoryResults = Math.max(
+                0,
+                HISTORY_RESULT_LIMIT - newInfoLength - lockedResultSets?.length,
+              );
+              const limitedHistoryResults = unlockedHistoryResults.slice(-maxHistoryResults);
+
+              // 生成新的结果集
+              const newResultSets = generateResultSetColumns(
+                newInfo,
+                session?.connection?.dialectType,
+              );
+
+              // 设置结果集：锁定结果集 + 历史结果集 + 新的日志tab + 去重后的新结果集
+              this.resultSets.set(pageKey, [
+                ...lockedResultSets,
+                this.getLogTab(info),
+                ...limitedHistoryResults,
+                ...newResultSets,
+              ]);
+              return;
+            }
+            // 生成新的结果集
+            const newResultSets = generateResultSetColumns(
+              info?.results,
+              session?.connection?.dialectType,
+            );
+
             this.resultSets.set(pageKey, [
               ...lockedResultSets,
               this.getLogTab(info),
-              ...generateResultSetColumns(info.results, session?.connection?.dialectType),
+              ...newResultSets,
             ]);
           }
         });
@@ -339,9 +388,21 @@ export class SQLStore {
 
   private initLog(pageKey: string, info: IExecutingInfo) {
     const resultSet = this.resultSets.get(pageKey);
-    const lockedResultSets = resultSet.filter((r) => r.locked);
-    this.resultSets.set(pageKey, [...lockedResultSets, this.getLogTab(info)]);
-    this.setActiveTab(pageKey, this.resultSets.get(pageKey)?.find((i) => i.type == 'LOG')?.uniqKey);
+    const lockedResultSets = resultSet?.filter((r) => r.locked);
+    const historyResultSets = resultSet?.filter((r) => !r.locked && isResultTab(r));
+    if (
+      setting.configurations['odc.sqlexecute.querySqlResultDisplayMode'] ===
+      EquerySqlResultDisplayMode.APPEND
+    ) {
+      this.resultSets.set(pageKey, [
+        ...lockedResultSets,
+        this.getLogTab(info),
+        ...historyResultSets,
+      ]);
+    } else {
+      this.resultSets.set(pageKey, [...lockedResultSets, this.getLogTab(info)]);
+    }
+    this.setActiveTab(pageKey, this.resultSets.get(pageKey)?.find((i) => isLogTab(i))?.uniqKey);
   }
 
   public getLogTab(record?: IExecutingInfo): IResultSet {
@@ -581,16 +642,61 @@ export class SQLStore {
   }
 
   @action
-  public closeResultSet(pageKey: string, resultSetIdx: number) {
+  public closeResultSet(pageKey: string, uniqKey: string) {
     const resultSet = this.resultSets.get(pageKey);
 
     if (resultSet) {
-      /**
-       * 手动去除rows的引用
-       */
-      resultSet[resultSetIdx]?.rows?.splice(0);
-      resultSet.splice(resultSetIdx, 1);
-      this.resultSets.set(pageKey, clone(resultSet));
+      const resultSetIdx = resultSet.findIndex((set) => set.uniqKey === uniqKey);
+
+      if (resultSetIdx !== -1) {
+        /**
+         * 手动去除rows的引用
+         */
+        resultSet[resultSetIdx]?.rows?.splice(0);
+        resultSet.splice(resultSetIdx, 1);
+        this.resultSets.set(pageKey, clone(resultSet));
+      }
+    }
+  }
+
+  @action
+  public closeOtherResultSets(pageKey: string, currentUniqKey: string) {
+    const resultSet = this.resultSets.get(pageKey);
+
+    if (resultSet) {
+      // 保留当前结果集、固定结果集和LOG类型的结果集
+      const remainingResults = resultSet.filter((set) => {
+        return set.uniqKey === currentUniqKey || set.type === 'LOG' || set.locked;
+      });
+
+      // 清理被移除结果集的rows引用
+      resultSet.forEach((set) => {
+        if (set.uniqKey !== currentUniqKey && set.type !== 'LOG' && !set.locked) {
+          set?.rows?.splice(0);
+        }
+      });
+
+      this.resultSets.set(pageKey, clone(remainingResults));
+    }
+  }
+
+  @action
+  public closeAllResultSets(pageKey: string) {
+    const resultSet = this.resultSets.get(pageKey);
+
+    if (resultSet) {
+      // 保留固定的结果集和LOG类型的结果集
+      const logResults = resultSet.filter((set) => set.type === 'LOG');
+      const lockedResults = resultSet.filter((set) => set.locked);
+
+      // 清理被移除结果集的rows引用
+      resultSet.forEach((set) => {
+        if (set.type !== 'LOG' && !set.locked) {
+          set?.rows?.splice(0);
+        }
+      });
+
+      this.resultSets.set(pageKey, clone(lockedResults.concat(logResults)));
     }
   }
 
@@ -600,7 +706,12 @@ export class SQLStore {
     const resultSetIdx = resultSet?.findIndex?.((set) => set.uniqKey === key);
 
     if (resultSetIdx > -1) {
-      resultSet[resultSetIdx].locked = true;
+      const lockedItem = resultSet[resultSetIdx];
+
+      // 标记为锁定
+      lockedItem.locked = true;
+
+      // 更新结果集
       this.resultSets.set(pageKey, clone(resultSet));
     }
   }
@@ -610,8 +721,14 @@ export class SQLStore {
     const resultSet = this.resultSets.get(pageKey);
     const resultSetIdx = resultSet?.findIndex?.((set) => set.uniqKey === key);
 
-    if (resultSet) {
-      resultSet[resultSetIdx].locked = false;
+    if (resultSet && resultSetIdx !== -1) {
+      // 获取被解锁的结果集项
+      const unlockedItem = resultSet[resultSetIdx];
+
+      // 标记为未锁定
+      unlockedItem.locked = false;
+
+      // 更新结果集
       this.resultSets.set(pageKey, clone(resultSet));
     }
   }
@@ -652,7 +769,6 @@ export class SQLStore {
     this.stopingPageKey = new Set();
     this.runningPageKey = new Set();
     this.rollbackPageKey = new Set();
-    this.lockedResultSets = [];
     this.isRunningSection = new Set();
     this.isCompiling = false;
     this.debugLogs = [];
@@ -673,13 +789,24 @@ export class SQLStore {
   public getFirstUnlockedResultKey(pageKey: string) {
     const resultSet = this.resultSets.get(pageKey);
     return (
-      resultSet?.find((r) => !r.locked && r.type !== 'LOG')?.uniqKey ||
-      resultSet?.find((r) => !r.locked && r.type === 'LOG')?.uniqKey
+      resultSet?.find((r) => !r.locked && isResultTab(r))?.uniqKey ||
+      resultSet?.find((r) => !r.locked && isLogTab(r))?.uniqKey
     );
   }
 
+  public getLastUnlockedResultKey(pageKey: string) {
+    const resultSet = this.resultSets.get(pageKey);
+    const logKey = this.getLogKey(pageKey);
+    if (resultSet) {
+      const lastResultKey = [...resultSet]
+        .reverse()
+        .find((r) => !r.locked && isResultTab(r))?.uniqKey;
+      return lastResultKey || logKey;
+    }
+  }
+
   public getLogKey(pageKey: string) {
-    return this.resultSets.get(pageKey)?.find((i) => i.type == 'LOG')?.uniqKey;
+    return this.resultSets.get(pageKey)?.find((i) => isLogTab(i))?.uniqKey;
   }
 
   private formatSQLExplainTree(data: any): ISQLExplainTreeNode {
diff --git a/src/svgr/source_database.svg b/src/svgr/source_database.svg
new file mode 100644
index 000000000..1a661863b
--- /dev/null
+++ b/src/svgr/source_database.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>B30575F9-AE75-4507-82D1-2A81B9BAF9DC</title>
+    <g id="Z#/5.对象图标/1.数据库实体/数据库_outlined" stroke="none" fill="none" fill-rule="nonzero">
+        <path d="M10.8916992,8.09375 C10.9251953,8.09375 10.9573242,8.10878906 10.977832,8.13544922 L12.7230469,10.365332 C12.7852539,10.4446289 12.7852539,10.5553711 12.7230469,10.6353516 L10.977832,12.8645508 C10.9573242,12.8905273 10.9251953,12.90625 10.8916992,12.90625 L10.1157381,12.90625 C10.0699373,12.90625 10.0446443,12.8536133 10.0726717,12.8180664 L11.8869295,10.5 L10.0726717,8.18193359 C10.0446443,8.14638672 10.0699373,8.09375 10.1157381,8.09375 Z M7,1.3125 C9.66875,1.3125 11.8125,2.1 11.8125,3.0625 L11.8134089,7.43371658 C11.5384315,7.29361539 11.2450956,7.18438215 10.9379668,7.11058252 L10.9378757,5.81855013 C10.0688222,6.26777078 8.63265419,6.5625 7,6.5625 C5.36795207,6.5625 3.93224438,6.26798963 3.06309265,5.81905049 L3.0625,7.83125 C3.27182692,8.08244231 4.48270266,8.69419219 6.69512722,8.74643068 C6.51469971,9.00983041 6.36476901,9.29723642 6.2509986,9.60226199 C4.93326928,9.52922932 3.79648585,9.26036687 3.06309265,8.88155049 L3.0625,10.89375 C3.25131944,11.1203333 4.25505963,11.6402881 6.07372057,11.7783323 C6.13736867,12.0910825 6.23545516,12.3906156 6.36536036,12.6724621 C3.99968139,12.5594496 2.1875,11.8224414 2.1875,10.9375 L2.1875,3.0625 C2.1875,2.1 4.33125,1.3125 7,1.3125 Z M7,2.1875 C4.59375,2.1875 3.28125,2.8 3.0625,3.10625 L3.0625,4.76875 C3.28125,5.03125 4.59375,5.6875 7,5.6875 C9.40625,5.6875 10.71875,5.075 10.9375,4.76875 L10.9375,3.10625 C10.71875,2.84375 9.40625,2.1875 7,2.1875 Z M7.15,10.1 L12,10.1 L12,10.1 L12,10.9 L7.15,10.9 C7.06715729,10.9 7,10.8328427 7,10.75 L7,10.25 C7,10.1671573 7.06715729,10.1 7.15,10.1 Z" id="形状结合" fill="#5C6B8A"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svgr/target_database.svg b/src/svgr/target_database.svg
new file mode 100644
index 000000000..0f0600919
--- /dev/null
+++ b/src/svgr/target_database.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>C3AC05B3-1D8D-49AA-BF8C-7015DD9BA8A8</title>
+    <g id="Z#/5.对象图标/1.数据库实体/数据库_outlined" stroke="none" fill="none" fill-rule="nonzero">
+        <path d="M9.88432224,8.09375 L9.91431492,8.10252991 C9.93943699,8.11900024 9.94840916,8.15527344 9.92738865,8.18193359 L8.42712065,10.09975 L13.0001206,10.1 L13.0001206,10.9 L8.42712065,10.89975 L9.92738865,12.8180664 C9.95541599,12.8536133 9.93012303,12.90625 9.88432224,12.90625 L9.1083611,12.90625 C9.07486501,12.90625 9.0427361,12.8905273 9.02222829,12.8645508 L7.27701345,10.6353516 C7.21480642,10.5553711 7.21480642,10.4446289 7.27701345,10.365332 L9.02222829,8.13544922 C9.0427361,8.10878906 9.07486501,8.09375 9.1083611,8.09375 L9.88432224,8.09375 Z M7,1.3125 C9.66875,1.3125 11.8125,2.1 11.8125,3.0625 L11.8134089,7.43371658 C11.5384315,7.29361539 11.2450956,7.18438215 10.9379668,7.11058252 L10.9378757,5.81855013 C10.0688222,6.26777078 8.63265419,6.5625 7,6.5625 C5.36795207,6.5625 3.93224438,6.26798963 3.06309265,5.81905049 L3.0625,7.83125 C3.27182692,8.08244231 4.48270266,8.69419219 6.69512722,8.74643068 C6.51469971,9.00983041 6.36476901,9.29723642 6.2509986,9.60226199 C4.93326928,9.52922932 3.79648585,9.26036687 3.06309265,8.88155049 L3.0625,10.89375 C3.25131944,11.1203333 4.25505963,11.6402881 6.07372057,11.7783323 C6.13736867,12.0910825 6.23545516,12.3906156 6.36536036,12.6724621 C3.99968139,12.5594496 2.1875,11.8224414 2.1875,10.9375 L2.1875,3.0625 C2.1875,2.1 4.33125,1.3125 7,1.3125 Z M7,2.1875 C4.59375,2.1875 3.28125,2.8 3.0625,3.10625 L3.0625,4.76875 C3.28125,5.03125 4.59375,5.6875 7,5.6875 C9.40625,5.6875 10.71875,5.075 10.9375,4.76875 L10.9375,3.10625 C10.71875,2.84375 9.40625,2.1875 7,2.1875 Z" id="形状结合" fill="#5C6B8A"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/util/database.ts b/src/util/database.ts
index bd1f5cba7..2e021c264 100644
--- a/src/util/database.ts
+++ b/src/util/database.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { IDatabase, DBType } from '@/d.ts/database';
 
 export const isLogicalDatabase = (db: IDatabase) => {
diff --git a/src/util/hooks/useUrlAction.tsx b/src/util/hooks/useUrlAction.tsx
index a35184525..75b0832ec 100644
--- a/src/util/hooks/useUrlAction.tsx
+++ b/src/util/hooks/useUrlAction.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { useCallback } from 'react';
 import { useLocation, useNavigate } from '@umijs/max';
 import { TaskPageType } from '@/d.ts';
diff --git a/src/util/hooks/useUrlParams.tsx b/src/util/hooks/useUrlParams.tsx
index c11b68aaa..a4440e095 100644
--- a/src/util/hooks/useUrlParams.tsx
+++ b/src/util/hooks/useUrlParams.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { useLocation, useNavigate } from '@umijs/max';
 
 const useURLParams = () => {
diff --git a/src/util/makeDataShareable.ts b/src/util/makeDataShareable.ts
new file mode 100644
index 000000000..877829e3e
--- /dev/null
+++ b/src/util/makeDataShareable.ts
@@ -0,0 +1,272 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { reaction } from 'mobx';
+import login from '@/store/login';
+
+interface IShareableOptions {
+  /**
+   * 共享数据的唯一标识符
+   */
+  channelName: string;
+}
+
+/**
+ * 共享数据管理器
+ * 使用 BroadcastChannel 实现跨窗口的数据同步
+ */
+class ShareableDataManager {
+  private channels = new Map<string, BroadcastChannel>();
+  private subscriptions = new Map<string, Set<(data: any) => void>>();
+
+  /**
+   * 获取或创建BroadcastChannel
+   */
+  private getChannel(channelName: string): BroadcastChannel | null {
+    try {
+      if (!this.channels.has(channelName)) {
+        // 检查 BroadcastChannel 是否可用
+        if (typeof BroadcastChannel === 'undefined') {
+          console.warn('[makeDataShareable] BroadcastChannel is not available in this environment');
+          return null;
+        }
+
+        const channel = new BroadcastChannel(channelName);
+        this.channels.set(channelName, channel);
+
+        // 监听来自其他窗口/标签页的消息
+        channel.addEventListener('message', (event) => {
+          try {
+            const { type, data, userId } = event.data;
+            if (type === 'data_update') {
+              // 验证用户ID匹配，确保只接收同一用户的数据
+              const currentUserId = login.user?.id;
+              if (currentUserId && userId === currentUserId) {
+                this.notifySubscribers(channelName, data);
+              } else if (currentUserId) {
+                // 用户ID不匹配，忽略消息
+                console.log(
+                  `[makeDataShareable] Ignoring message from different user. Current: ${currentUserId}, Message: ${userId}`,
+                );
+              }
+            }
+          } catch (error) {
+            console.error('[makeDataShareable] Error processing message:', error);
+          }
+        });
+
+        // 监听错误事件
+        channel.addEventListener('messageerror', (event) => {
+          console.error('[makeDataShareable] Message error:', event);
+        });
+      }
+      return this.channels.get(channelName)!;
+    } catch (error) {
+      console.error('[makeDataShareable] Failed to create/get channel:', error);
+      return null;
+    }
+  }
+
+  /**
+   * 通知订阅者
+   */
+  private notifySubscribers(channelName: string, newData: any) {
+    const subscribers = this.subscriptions.get(channelName);
+    if (subscribers) {
+      subscribers.forEach((callback) => callback(newData));
+    }
+  }
+
+  /**
+   * 安全序列化数据，确保可以被 BroadcastChannel 克隆
+   */
+  private safeSerialize(data: any): any {
+    try {
+      // 使用 JSON 序列化和反序列化来确保数据可克隆
+      return JSON.parse(JSON.stringify(data));
+    } catch (error) {
+      console.warn('[makeDataShareable] Failed to serialize data:', error);
+      // 如果序列化失败，返回 null 并记录警告
+      return null;
+    }
+  }
+
+  /**
+   * 广播数据更新
+   */
+  public broadcastUpdate(channelName: string, data: any) {
+    try {
+      const channel = this.getChannel(channelName);
+
+      // 如果 channel 不可用，直接返回
+      if (!channel) {
+        return;
+      }
+
+      const safeData = this.safeSerialize(data);
+
+      if (safeData !== null) {
+        channel.postMessage({
+          type: 'data_update',
+          data: safeData,
+          userId: login.user?.id, // 添加用户ID
+          timestamp: Date.now(),
+        });
+      }
+    } catch (error) {
+      console.error('[makeDataShareable] Failed to broadcast update:', error);
+    }
+  }
+
+  /**
+   * 订阅数据变化
+   */
+  public subscribe(channelName: string, callback: (data: any) => void): () => void {
+    if (!this.subscriptions.has(channelName)) {
+      this.subscriptions.set(channelName, new Set());
+    }
+    this.subscriptions.get(channelName)!.add(callback);
+
+    // 确保频道存在
+    this.getChannel(channelName);
+
+    // 返回取消订阅函数
+    return () => {
+      const subscribers = this.subscriptions.get(channelName);
+      if (subscribers) {
+        subscribers.delete(callback);
+        if (subscribers.size === 0) {
+          this.subscriptions.delete(channelName);
+          this.closeChannel(channelName);
+        }
+      }
+    };
+  }
+
+  /**
+   * 关闭频道
+   */
+  private closeChannel(channelName: string) {
+    const channel = this.channels.get(channelName);
+    if (channel) {
+      channel.close();
+      this.channels.delete(channelName);
+    }
+  }
+
+  /**
+   * 清理所有资源
+   */
+  public destroy() {
+    this.channels.forEach((channel) => {
+      try {
+        channel.close();
+      } catch (error) {
+        console.error('[makeDataShareable] Error closing channel:', error);
+      }
+    });
+    this.channels.clear();
+    this.subscriptions.clear();
+  }
+}
+
+// 全局共享数据管理器实例
+const shareableManager = new ShareableDataManager();
+
+/**
+ * 将对象的属性包装成「共享属性」
+ * 共享属性会自动订阅属性的变化，同时在自身变化的时候会发送一个广播通知其他订阅者进行更新
+ *
+ * @param target - 目标对象
+ * @param propertyKey - 属性名
+ * @param options - 配置选项
+ * @returns 清理函数
+ */
+export function makeDataShareable<T extends object>(
+  target: T,
+  propertyKey: keyof T,
+  options: IShareableOptions,
+): () => void {
+  const { channelName } = options;
+
+  // 标记当前实例正在更新，避免循环广播
+  let isUpdating = false;
+
+  // 订阅来自其他窗口的数据更新
+  const unsubscribeExternal = shareableManager.subscribe(channelName, (newData) => {
+    if (isUpdating) return; // 避免循环更新
+
+    if (newData !== null) {
+      // 深度比较数据是否真正发生变化
+      try {
+        const newSerialized = JSON.stringify(newData);
+        const currentSerialized = JSON.stringify(target[propertyKey]);
+
+        if (newSerialized !== currentSerialized) {
+          isUpdating = true;
+          target[propertyKey] = newData;
+          isUpdating = false;
+        }
+      } catch (error) {
+        // 如果序列化失败，直接比较引用
+        if (newData !== target[propertyKey]) {
+          isUpdating = true;
+          target[propertyKey] = newData;
+          isUpdating = false;
+        }
+      }
+    }
+  });
+
+  // 监听本地属性变化并广播
+  const disposeReaction = reaction(
+    () => target[propertyKey],
+    (newValue, previousValue) => {
+      if (isUpdating) return; // 避免循环广播
+
+      // 只有在值真正发生变化时才广播
+      try {
+        const newSerialized = JSON.stringify(newValue);
+        const prevSerialized = JSON.stringify(previousValue);
+
+        if (newSerialized !== prevSerialized) {
+          shareableManager.broadcastUpdate(channelName, newValue);
+        }
+      } catch (error) {
+        // 如果序列化失败，直接比较引用
+        if (newValue !== previousValue) {
+          shareableManager.broadcastUpdate(channelName, newValue);
+        }
+      }
+    },
+  );
+
+  // 返回清理函数
+  return () => {
+    unsubscribeExternal();
+    disposeReaction();
+  };
+}
+
+/**
+ * 清理所有共享数据的工具函数
+ */
+export function cleanupAllShareableData() {
+  shareableManager.destroy();
+}
+
+export { IShareableOptions };
+export default shareableManager;
diff --git a/src/util/renderTool.tsx b/src/util/renderTool.tsx
index 0a316126f..f2e2df4c3 100644
--- a/src/util/renderTool.tsx
+++ b/src/util/renderTool.tsx
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { Popconfirm } from 'antd';
 import Action from '@/component/Action';
 import { IOperation } from '@/d.ts/operation';
diff --git a/src/util/request/service.ts b/src/util/request/service.ts
index d7cf5d83c..0763fa12f 100644
--- a/src/util/request/service.ts
+++ b/src/util/request/service.ts
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2023 OceanBase
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 /**
  * request 网络请求工具
  * axios文档：https://www.axios-http.cn
diff --git a/src/util/sql.ts b/src/util/sql.ts
index e2be9c097..68a484f8b 100644
--- a/src/util/sql.ts
+++ b/src/util/sql.ts
@@ -99,6 +99,9 @@ export function getDataType(type: string) {
     case 'VARCHAR': {
       return `${type}(4000)`;
     }
+    case 'CHAR': {
+      return `${type}(32)`;
+    }
     default: {
       return type;
     }
diff --git a/src/util/sqlExport/dataTypes/mysql/index.ts b/src/util/sqlExport/dataTypes/mysql/index.ts
index 1a88e8105..25f2d0ed6 100644
--- a/src/util/sqlExport/dataTypes/mysql/index.ts
+++ b/src/util/sqlExport/dataTypes/mysql/index.ts
@@ -47,6 +47,7 @@ export default function convertValueToSQLString(value: string | null, dataType:
     case 'TINYTEXT':
     case 'MEDIUMTEXT':
     case 'LONGTEXT':
+    case 'TIMESTAMP':
     case 'TEXT': {
       return MySQLString(value);
     }
diff --git a/src/util/utils.ts b/src/util/utils.ts
index 9808ec6d9..06dfdfd7e 100644
--- a/src/util/utils.ts
+++ b/src/util/utils.ts
@@ -749,3 +749,16 @@ export async function getSpaceConfigForFormInitialValue(isShow, callback) {
     callback();
   }
 }
+
+/** 根据Key去重数组 */
+export const uniqueTools = (tools) => {
+  return Array.from(new Map(tools.map((obj) => [obj.key, obj])).values());
+};
+
+export const flatArray = (array: any[]): any[] => {
+  return array?.reduce?.((pre, cur) => pre?.concat(Array.isArray(cur) ? flatArray(cur) : cur), []);
+};
+
+export const valueFilter = (value: string) => {
+  return value.replace(/[\n\r\v\t\f\s]/g, '');
+};
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 000000000..30ca1a13a
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,49 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@types/node@^24.3.0":
+  version "24.3.0"
+  resolved "https://registry.antgroup-inc.cn/@types/node/-/node-24.3.0.tgz#89b09f45cb9a8ee69466f18ee5864e4c3eb84dec"
+  integrity sha512-aPTXCrfwnDLj4VvXrm+UUCQjNEvJgNA8s5F1cvwQU+3KNltTOkBm1j30uNLyqqPNe7gE3KFzImYoZEfLhp4Yow==
+  dependencies:
+    undici-types "~7.10.0"
+
+"js-tokens@^3.0.0 || ^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.antgroup-inc.cn/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
+  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
+
+loose-envify@^1.1.0:
+  version "1.4.0"
+  resolved "https://registry.antgroup-inc.cn/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
+  dependencies:
+    js-tokens "^3.0.0 || ^4.0.0"
+
+react-dom@^18.3.1:
+  version "18.3.1"
+  resolved "https://registry.antgroup-inc.cn/react-dom/-/react-dom-18.3.1.tgz#c2265d79511b57d479b3dd3fdfa51536494c5cb4"
+  integrity sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==
+  dependencies:
+    loose-envify "^1.1.0"
+    scheduler "^0.23.2"
+
+react@^18.3.1:
+  version "18.3.1"
+  resolved "https://registry.antgroup-inc.cn/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891"
+  integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==
+  dependencies:
+    loose-envify "^1.1.0"
+
+scheduler@^0.23.2:
+  version "0.23.2"
+  resolved "https://registry.antgroup-inc.cn/scheduler/-/scheduler-0.23.2.tgz#414ba64a3b282892e944cf2108ecc078d115cdc3"
+  integrity sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==
+  dependencies:
+    loose-envify "^1.1.0"
+
+undici-types@~7.10.0:
+  version "7.10.0"
+  resolved "https://registry.antgroup-inc.cn/undici-types/-/undici-types-7.10.0.tgz#4ac2e058ce56b462b056e629cc6a02393d3ff350"
+  integrity sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag==