diff --git a/.env b/.env
index 26d65cd..f647e20 100644
--- a/.env
+++ b/.env
@@ -2,4 +2,5 @@ VUE_APP_I18N_LOCALE=zh-CN
 VUE_APP_I18N_FALLBACK_LOCALE=en-US
 VUE_APP_ROUTER_BASE_PATH=/
 VUE_APP_PUBLIC_BASE_PATH=/
-VUE_APP_API_URL=
+VUE_APP_API_URL=https://10.29.26.43:6443
+VUE_APP_AUTH=eyJhbGciOiJSUzI1NiIsImtpZCI6InBhOS1DUFJVTG9KTHItUTVPODhWTHBkc2lndFpsSUUyNkF2dUliRWxUNDAifQ.eyJhdWQiOlsiaHR0cHM6Ly9rdWJlcm5ldGVzLmRlZmF1bHQuc3ZjLmNsdXN0ZXIubG9jYWwiXSwiZXhwIjoxNzI5MzA0NTIyLCJpYXQiOjE2OTc3Njg1MjIsImlzcyI6Imh0dHBzOi8va3ViZXJuZXRlcy5kZWZhdWx0LnN2Yy5jbHVzdGVyLmxvY2FsIiwia3ViZXJuZXRlcy5pbyI6eyJuYW1lc3BhY2UiOiJkYXRhdHVuZXJ4Iiwic2VydmljZWFjY291bnQiOnsibmFtZSI6Im5zYWRtaW4iLCJ1aWQiOiI2N2FmMDNjZS1iYWJiLTRiNGUtYTNlNy01NzgxMmE5Y2Y5OGEifX0sIm5iZiI6MTY5Nzc2ODUyMiwic3ViIjoic3lzdGVtOnNlcnZpY2VhY2NvdW50OmRhdGF0dW5lcng6bnNhZG1pbiJ9.Q0j1YgBmFOztDPu2usYh9Sqqr8hGmwHC0yqkA4haoWblkwzb1KHZ7hbetWYmuWbyRdOKSsY7hHuMBLlhFgttF4C7OspovaI3UKGLWqnvENF9oK1_k9tm9cKt3LNnvCrSTXBxPWdyRvCMp71QtEvOt0J86iugG_JnUlW7FZswI2YUMohAAOfzxEXUztZj9doS_UTgilluhOfMaP-qe9H8okDWH5T57wDcFJir2O6bLVDkdWeDkIlINEGtJZRGOjFUPzIoXn1nnY3l32TE8kRYyci6od8RG6Z6Kz30QuwoYx04lW9Vu5ac9wznqxfN6r2jbViL_n30HUp3iHENk65bPA
\ No newline at end of file
diff --git a/.eslintrc.js b/.eslintrc.js
index 6dd2b76..bd33c63 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,7 +1,10 @@
-const path = require('path');
+const path = require("path");
 
 const vuejsAccessibilityOff = Object.keys(
-  require(path.resolve(path.dirname(require.resolve('eslint-plugin-vuejs-accessibility')), '../dist/index')).rules,
+  require(path.resolve(
+    path.dirname(require.resolve("eslint-plugin-vuejs-accessibility")),
+    "../dist/index"
+  )).rules
 ).reduce((rules, rule) => {
   rules[`vuejs-accessibility/${rule}`] = 0;
 
@@ -16,70 +19,69 @@ module.exports = {
     jest: true,
     browser: true,
   },
-  parser: 'vue-eslint-parser',
+  parser: "vue-eslint-parser",
   parserOptions: {
     ecmaVersion: 2020,
-    parser: '@typescript-eslint/parser',
-    sourceType: 'module',
-    extraFileExtensions: ['.vue'],
+    parser: "@typescript-eslint/parser",
+    sourceType: "module",
+    extraFileExtensions: [".vue"],
   },
-  plugins: ['vue', '@typescript-eslint'],
+  plugins: ["vue", "@typescript-eslint"],
   extends: [
-    'plugin:jsonc/recommended-with-json',
-    'plugin:vue/vue3-recommended',
-    '@vue/airbnb',
-    '@vue/typescript/recommended',
+    "plugin:jsonc/recommended-with-json",
+    "plugin:vue/vue3-recommended",
+    "@vue/airbnb",
+    "@vue/typescript/recommended",
   ],
   rules: {
-    "jsonc/indent": ["error", 2],
-    '@typescript-eslint/padding-line-between-statements': [
-      'error',
+    "@typescript-eslint/padding-line-between-statements": [
+      "error",
       {
-        blankLine: 'always',
-        prev: ['interface', 'type'],
-        next: '*',
+        blankLine: "always",
+        prev: ["interface", "type"],
+        next: "*",
       },
     ],
-    'padding-line-between-statements': [
-      'error',
+    "padding-line-between-statements": [
+      "error",
       {
-        blankLine: 'always',
-        prev: ['const', 'let', 'var'],
-        next: '*',
+        blankLine: "always",
+        prev: ["const", "let", "var"],
+        next: "*",
       },
       {
-        blankLine: 'any',
-        prev: ['const', 'let', 'var'],
-        next: ['const', 'let', 'var'],
+        blankLine: "any",
+        prev: ["const", "let", "var"],
+        next: ["const", "let", "var"],
       },
       {
-        blankLine: 'always',
-        prev: '*',
-        next: 'return',
+        blankLine: "always",
+        prev: "*",
+        next: "return",
       },
       {
-        blankLine: 'always',
-        prev: '*',
-        next: 'function',
+        blankLine: "always",
+        prev: "*",
+        next: "function",
       },
     ],
-    'brace-style': ['error', '1tbs', { allowSingleLine: false }],
-    'eol-last': ['error', 'always'],
-    'comma-spacing': [
-      'error',
+    "brace-style": ["error", "1tbs", { allowSingleLine: false }],
+    "eol-last": ["error", "always"],
+    "comma-spacing": [
+      "error",
       {
         before: false,
         after: true,
       },
     ],
-    quotes: ['error', 'single'],
-    'jsx-quotes': ['error', 'prefer-double'],
-    'vue/html-quotes': ['error', 'double', { avoidEscape: true }],
-    'max-statements-per-line': ['error', { max: 1 }],
-    'vue/multiline-html-element-content-newline': ['error'], // 多行html中的内容是否独占一行
-    'vue/singleline-html-element-content-newline': ['error'],
-    'vue/max-attributes-per-line': [
-      'error',
+    quotes: ["error", "single"],
+    "jsx-quotes": ["error", "prefer-double"],
+    "vue/html-quotes": ["error", "double", { avoidEscape: true }],
+    "max-statements-per-line": ["error", { max: 1 }],
+    "vue/multiline-html-element-content-newline": ["error"], // 多行html中的内容是否独占一行
+    "vue/singleline-html-element-content-newline": ["error"],
+    "vue/max-attributes-per-line": [
+      "error",
       {
         singleline: {
           max: 1,
@@ -89,43 +91,45 @@ module.exports = {
         },
       },
     ],
-    'array-element-newline': ['error', 'consistent'],
-    'array-bracket-newline': ['error', 'consistent'], // []新一行
-    'vue/array-bracket-newline': ['error', 'consistent'],
-    'comma-dangle': ['error', 'always-multiline'], // 最后一个对象元素加逗号
-    'object-property-newline': ['error', { allowAllPropertiesOnSameLine: false }],
-    'vue/object-property-newline': ['error', { allowAllPropertiesOnSameLine: false }],
-    'vue/space-infix-ops': ['error', { int32Hint: true }],
-    // 'vue/space-infix-ops': 0,
-    // "template-curly-spacing": ["error", "never"],
-    'vue/object-curly-spacing': ['error', 'always'], // 对象内的间距要求
-    'vue/comma-spacing': ['error'], // 对象内的逗号位置
-    'vue/key-spacing': ['error'], // 冒号位置
+    "array-element-newline": ["error", "consistent"],
+    "array-bracket-newline": ["error", "consistent"], // []新一行
+    "vue/array-bracket-newline": ["error", "consistent"],
+    "comma-dangle": ["error", "always-multiline"], // 最后一个对象元素加逗号
+    "object-property-newline": ["error", { allowAllPropertiesOnSameLine: false }],
+    "vue/object-property-newline": ["error", { allowAllPropertiesOnSameLine: false }],
+    "vue/space-infix-ops": ["error", { int32Hint: true }],
+    "vue/multi-word-component-names": 0,
 
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'import/prefer-default-export': 0,
-    'import/no-extraneous-dependencies': 0,
-    'import/no-unresolved': 0,
-    'import/extensions': [
-      'error',
-      'ignorePackages',
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "import/prefer-default-export": 0,
+    "import/no-extraneous-dependencies": 0,
+    "import/no-unresolved": 0,
+    "import/extensions": [
+      "error",
+      "ignorePackages",
       {
-        js: 'never',
-        mjs: 'never',
-        jsx: 'never',
-        ts: 'never',
-        tsx: 'never',
+        js: "never",
+        mjs: "never",
+        jsx: "never",
+        ts: "never",
+        tsx: "never",
       },
     ],
-    'no-shadow': 'off',
-    '@typescript-eslint/no-shadow': 'error',
-    curly: 'error', // 强制if括号包裹，无效
+    "no-shadow": "off",
+    "@typescript-eslint/no-shadow": "error",
+    curly: "error", // 强制if括号包裹，无效
+    "max-len": ["error", { code: 150, ignoreStrings: true }],
+    "jsonc/indent": ["error",
+        2,
+        {}
+    ],
+    // "jsonc/auto": true,
     ...vuejsAccessibilityOff,
   },
   overrides: [
     {
-      files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.spec.{j,t}s?(x)'],
+      files: ["**/__tests__/*.{j,t}s?(x)", "**/tests/unit/**/*.spec.{j,t}s?(x)"],
       env: {
         jest: true,
       },
@@ -133,6 +137,11 @@ module.exports = {
     {
       files: ["*.json", "*.json5", "*.jsonc"],
       parser: "jsonc-eslint-parser",
-    }
+    },
   ],
+  globals: {
+    defineProps: true,
+    defineEmits: true,
+    defineExpose: true,
+  },
 };
diff --git a/Dockerfile b/Dockerfile
index 9ce0f7a..d143dc2 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -6,6 +6,7 @@ RUN apk -U upgrade
 
 COPY dist /usr/share/nginx/html
 COPY nginx.conf /etc/nginx/nginx.conf
+COPY startup.sh /usr/share
 
 RUN chown -R nginx:nginx /var/cache/nginx && \
         chown -R nginx:nginx /var/log/nginx && \
@@ -13,6 +14,10 @@ RUN chown -R nginx:nginx /var/cache/nginx && \
 RUN touch /var/run/nginx.pid && \
         chown -R nginx:nginx /var/run/nginx.pid
 
+RUN chmod a+x /usr/share/startup.sh && chown nginx /etc/nginx
+
+EXPOSE 8443
+
 USER nginx
 
-EXPOSE 8080
+CMD /usr/share/startup.sh && nginx -g 'daemon off;'
diff --git a/Makefile b/Makefile
index 5bc90c1..3b2a8eb 100644
--- a/Makefile
+++ b/Makefile
@@ -111,3 +111,8 @@ minor-release:
 .PHONY: patch-release
 patch-release:
 	npx esno ./scripts/patch-release.ts
+
+.PHONY: build
+build:
+		yarn build
+		docker buildx build --builder=builder --platform linux/amd64,linux/arm64 -t release.daocloud.io/max/datatunerx-ui:v0.0.4 -f Dockerfile . --push
\ No newline at end of file
diff --git a/deploy/application.yaml b/deploy/application.yaml
new file mode 100644
index 0000000..862f3ee
--- /dev/null
+++ b/deploy/application.yaml
@@ -0,0 +1,68 @@
+apiVersion: v1
+kind: ServiceAccount
+metadata:
+  name: ns-admin
+  namespace: datatunerx
+---
+apiVersion: rbac.authorization.k8s.io/v1
+kind: ClusterRoleBinding
+metadata:
+  name: datatunerx-admin
+roleRef:
+  apiGroup: rbac.authorization.k8s.io
+  kind: ClusterRole
+  name: cluster-admin
+subjects:
+- kind: ServiceAccount
+  name: ns-admin
+  namespace: datatunerx
+---
+kind: Deployment
+apiVersion: apps/v1
+metadata:
+  name: datatunerx-ui
+  namespace: datatunerx
+  labels:
+    app: datatunerx-ui
+spec:
+  replicas: 1
+  selector:
+    matchLabels:
+      app: datatunerx-ui
+  template:
+    metadata:
+      name: datatunerx-ui
+      labels:
+        app: datatunerx-ui
+    spec:
+      containers:
+        - name: datatunerx-ui
+          image: release.daocloud.io/max/datatunerx-ui:v0.0.4
+          env:
+          - name: 'API_URL'
+            value: "https://10.29.26.43:6443"
+          imagePullPolicy: Always
+          ports:
+          - containerPort: 8443
+          resources:
+            limits:
+              cpu: 500m
+              memory: 0.5Gi
+            requests:
+              cpu: 500m
+              memory: 0.5Gi
+      serviceAccountName: ns-admin
+---
+apiVersion: v1
+kind: Service
+metadata:
+  name: datatunerx-ui
+  namespace: datatunerx
+spec:
+  type: NodePort
+  ports:
+  - port: 8443
+    protocol: TCP
+    targetPort: 8443
+  selector:
+    app: datatunerx-ui
diff --git a/nginx.conf b/nginx.conf
index 00231b5..a0a85c1 100644
--- a/nginx.conf
+++ b/nginx.conf
@@ -32,7 +32,7 @@ http {
     gzip_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript;
 
     server {
-        listen       8080;
+        listen       8443;
         server_name  localhost;
 
         location / {
@@ -56,12 +56,23 @@ http {
             root   /usr/share/nginx/html;
         }
 
-        location = /basic_status {
-            stub_status;
+        location /api/ {
+            add_header 'Access-Control-Allow-Headers' 'Authorization,X-SAIC-TOKEN,DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type' always;
+            add_header 'Access-Control-Max-Age' 86400 always;
+            add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, PATCH, DELETE' always;
+            add_header 'Access-Control-Allow-Credentials' "true" always;
+
+            proxy_ssl_trusted_certificate /var/run/secrets/kubernetes.io/serviceaccount/ca.crt;
+            proxy_ssl_certificate /var/run/secrets/kubernetes.io/serviceaccount/ca.crt;
+            proxy_ssl_verify       on;
+            proxy_ssl_verify_depth 2;
+            proxy_pass KUBERNETES_API_SERVER;
+            proxy_set_header Authorization "Bearer eyJhbGciOiJSUzI1NiIsImtpZCI6InZ1b1pUaUxtZ2xEd0RlaTE3TFppRDNHSzBROUhMYno3blNvS2NUTlkzNDAifQ.eyJhdWQiOlsiaHR0cHM6Ly9rdWJlcm5ldGVzLmRlZmF1bHQuc3ZjLmNsdXN0ZXIubG9jYWwiXSwiZXhwIjo1Mjk4ODI4NzYyLCJpYXQiOjE2OTg4MzIzNjIsImlzcyI6Imh0dHBzOi8va3ViZXJuZXRlcy5kZWZhdWx0LnN2Yy5jbHVzdGVyLmxvY2FsIiwia3ViZXJuZXRlcy5pbyI6eyJuYW1lc3BhY2UiOiJkYXRhdHVuZXJ4LWRldiIsInNlcnZpY2VhY2NvdW50Ijp7Im5hbWUiOiJuc2FkbWluIiwidWlkIjoiOTNlNWI3YTQtZjdkMy00YTY1LTkxMjAtYWYzYjc1ZGMzYzczIn19LCJuYmYiOjE2OTg4MzIzNjIsInN1YiI6InN5c3RlbTpzZXJ2aWNlYWNjb3VudDpkYXRhdHVuZXJ4LWRldjpuc2FkbWluIn0.j4klPVqXkAHHbwtMR-Ng6fAOA2PUMFofu7u7ttYPBHeODEm6y7ZXOHGvcaqG7aClR9Td94HO4PmiW_IFJhPv7nzHSD2nYy3He6r_VD4fZFpvN9S9RRv2d_xKQ2sp_N0b88HWEuWk1snDbsWUTgMdUKNjIW-OGFLxSMHsHXQ8__pr02pEkBCfJLoGO9zyuBSltiPhwJUW7SOpThZO80slPsO1AwoOS3yB3BjQzz7aNIh76k9Im7p8mmeq1KTQohEpQfltN5vBwLOQ0kzY0QJ5uMPr_AMYsRCxH7KXBBssZ0kpwFCCk7uL3VHGQerw4RKsic92ySNMuNFLx6dIzFwIqg";
         }
 
-        location = /metrics {
-            proxy_pass http://127.0.0.1:9113;
+        location /apis {
+            proxy_pass KUBERNETES_API_SERVER;
+            proxy_set_header Authorization "Bearer eyJhbGciOiJSUzI1NiIsImtpZCI6InZ1b1pUaUxtZ2xEd0RlaTE3TFppRDNHSzBROUhMYno3blNvS2NUTlkzNDAifQ.eyJhdWQiOlsiaHR0cHM6Ly9rdWJlcm5ldGVzLmRlZmF1bHQuc3ZjLmNsdXN0ZXIubG9jYWwiXSwiZXhwIjo1Mjk4ODI4NzYyLCJpYXQiOjE2OTg4MzIzNjIsImlzcyI6Imh0dHBzOi8va3ViZXJuZXRlcy5kZWZhdWx0LnN2Yy5jbHVzdGVyLmxvY2FsIiwia3ViZXJuZXRlcy5pbyI6eyJuYW1lc3BhY2UiOiJkYXRhdHVuZXJ4LWRldiIsInNlcnZpY2VhY2NvdW50Ijp7Im5hbWUiOiJuc2FkbWluIiwidWlkIjoiOTNlNWI3YTQtZjdkMy00YTY1LTkxMjAtYWYzYjc1ZGMzYzczIn19LCJuYmYiOjE2OTg4MzIzNjIsInN1YiI6InN5c3RlbTpzZXJ2aWNlYWNjb3VudDpkYXRhdHVuZXJ4LWRldjpuc2FkbWluIn0.j4klPVqXkAHHbwtMR-Ng6fAOA2PUMFofu7u7ttYPBHeODEm6y7ZXOHGvcaqG7aClR9Td94HO4PmiW_IFJhPv7nzHSD2nYy3He6r_VD4fZFpvN9S9RRv2d_xKQ2sp_N0b88HWEuWk1snDbsWUTgMdUKNjIW-OGFLxSMHsHXQ8__pr02pEkBCfJLoGO9zyuBSltiPhwJUW7SOpThZO80slPsO1AwoOS3yB3BjQzz7aNIh76k9Im7p8mmeq1KTQohEpQfltN5vBwLOQ0kzY0QJ5uMPr_AMYsRCxH7KXBBssZ0kpwFCCk7uL3VHGQerw4RKsic92ySNMuNFLx6dIzFwIqg";
         }
 
         location = /ping {
diff --git a/package-lock.json b/package-lock.json
index 16eeae7..6c29872 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,16 +11,19 @@
       "dependencies": {
         "@dao-style/core": "1.6.0",
         "@dao-style/extend": "1.6.1",
+        "@vee-validate/yup": "^4.11.8",
+        "axios": "^1.5.1",
         "clipboard-copy": "^4.0.1",
         "core-js": "^3.8.3",
         "dayjs": "1.11.10",
+        "kubernetes-types": "^1.26.0",
         "normalize.css": "^8.0.1",
         "pinia": "^2.0.9",
-        "vee-validate": "4.11.8",
+        "vee-validate": "^4.11.8",
         "vue": "^3.2.13",
         "vue-i18n": "9.5.0",
         "vue-router": "^4.0.3",
-        "yup": "^0.32.11"
+        "yup": "^1.3.2"
       },
       "devDependencies": {
         "@commitlint/cli": "^16.0.2",
@@ -51,7 +54,7 @@
         "babel-jest": "^27.0.6",
         "commitizen": "^4.2.4",
         "eslint": "^8.7.0",
-        "eslint-plugin-import": "^2.25.3",
+        "eslint-plugin-import": "^2.25.4",
         "eslint-plugin-jsonc": "^2.7.0",
         "eslint-plugin-vue": "^8.4.0",
         "eslint-plugin-vuejs-accessibility": "^1.1.1",
@@ -68,8 +71,10 @@
         "stylelint-config-recess-order": "^4.0.0",
         "stylelint-config-recommended-vue": "^1.4.0",
         "stylelint-config-sass-guidelines": "^10.0.0",
+        "tailwindcss": "^3.0.24",
         "ts-jest": "^27.0.4",
         "typescript": "^4.9.5",
+        "utility-types": "^3.10.0",
         "vue-tsc": "^1.2.0",
         "yorkie": "^2.0.0"
       }
@@ -99,6 +104,15 @@
         "node": "8 || 9 || 10 || 11 || 12 || 13 || 14 || 15 || 16 || 17 || 18 || 19 || 20"
       }
     },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmmirror.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/@ampproject/remapping": {
       "version": "2.2.1",
       "resolved": "https://registry.npmmirror.com/@ampproject/remapping/-/remapping-2.2.1.tgz",
@@ -2141,6 +2155,7 @@
       "version": "7.23.2",
       "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.23.2.tgz",
       "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
@@ -2851,7 +2866,6 @@
       "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.25.9.tgz",
       "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "sourcemap-codec": "^1.4.8"
       }
@@ -3869,7 +3883,6 @@
       "resolved": "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
       "integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "estree-walker": "^2.0.1",
         "picomatch": "^2.2.2"
@@ -4264,12 +4277,6 @@
         "@types/node": "*"
       }
     },
-    "node_modules/@types/lodash": {
-      "version": "4.14.199",
-      "resolved": "https://registry.npmmirror.com/@types/lodash/-/lodash-4.14.199.tgz",
-      "integrity": "sha512-Vrjz5N5Ia4SEzWWgIVwnHNEnb1UE1XMkvY5DGXrAeOGE9imk0hgTHh5GyDjLDJi9OTCn9oo9dXH1uToK1VRfrg==",
-      "license": "MIT"
-    },
     "node_modules/@types/mime": {
       "version": "3.0.2",
       "resolved": "https://registry.npmmirror.com/@types/mime/-/mime-3.0.2.tgz",
@@ -4674,6 +4681,24 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@vee-validate/yup": {
+      "version": "4.11.8",
+      "resolved": "https://registry.npmmirror.com/@vee-validate/yup/-/yup-4.11.8.tgz",
+      "integrity": "sha512-TUmL8UeUu5Iirth8XRg33VYyMYumt15ZMF4Ni5tjMHVluVcysSGdHIMxTJSwTN8BkMGs2/JR/28IM8eJGHnBQw==",
+      "dependencies": {
+        "type-fest": "^4.3.1",
+        "vee-validate": "4.11.8",
+        "yup": "^1.2.0"
+      }
+    },
+    "node_modules/@vee-validate/yup/node_modules/type-fest": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmmirror.com/type-fest/-/type-fest-4.6.0.tgz",
+      "integrity": "sha512-rLjWJzQFOq4xw7MgJrCZ6T1jIOvvYElXT12r+y0CC6u67hegDHaxcPqb2fZHOGlqxugGQPNB1EnTezjBetkwkw==",
+      "engines": {
+        "node": ">=16"
+      }
+    },
     "node_modules/@volar/language-core": {
       "version": "1.10.4",
       "resolved": "https://registry.npmmirror.com/@volar/language-core/-/language-core-1.10.4.tgz",
@@ -6485,7 +6510,6 @@
       "version": "0.4.0",
       "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/at-least-node": {
@@ -6549,6 +6573,29 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/axios": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.5.1.tgz",
+      "integrity": "sha512-Q28iYCWzNHjAm+yEAot5QaAMxhMghWLFVf7rRdwhUI+c2jix2DUXjAHXVi+s1ibs3mjPO/cCgbA++3BjD0vP/A==",
+      "dependencies": {
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/axios/node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/babel-jest": {
       "version": "27.5.1",
       "resolved": "https://registry.npmmirror.com/babel-jest/-/babel-jest-27.5.1.tgz",
@@ -7073,6 +7120,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/camelcase-keys": {
       "version": "6.2.2",
       "resolved": "https://registry.npmmirror.com/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
@@ -7535,7 +7591,6 @@
       "version": "1.0.8",
       "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "delayed-stream": "~1.0.0"
@@ -8990,7 +9045,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
       "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.4.0"
@@ -9070,6 +9124,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true
+    },
     "node_modules/diff": {
       "version": "4.0.2",
       "resolved": "https://registry.npmmirror.com/diff/-/diff-4.0.2.tgz",
@@ -9103,6 +9163,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmmirror.com/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true
+    },
     "node_modules/dns-equal": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/dns-equal/-/dns-equal-1.0.0.tgz",
@@ -9544,8 +9610,7 @@
       "version": "0.10.5",
       "resolved": "https://registry.npmmirror.com/es-module-lexer/-/es-module-lexer-0.10.5.tgz",
       "integrity": "sha512-+7IwY/kiGAacQfY+YBhKMvEmyAJnw5grTUgjG85Pe7vcUI/6b7pZjZG8nQ7+48YhzEAEqrEgD2dCz/JIK+AYvw==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/es-set-tostringtag": {
       "version": "2.0.1",
@@ -10875,7 +10940,6 @@
       "version": "1.15.3",
       "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.3.tgz",
       "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
-      "dev": true,
       "funding": [
         {
           "type": "individual",
@@ -13851,6 +13915,15 @@
         "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
+    "node_modules/jiti": {
+      "version": "1.20.0",
+      "resolved": "https://registry.npmmirror.com/jiti/-/jiti-1.20.0.tgz",
+      "integrity": "sha512-3TV69ZbrvV6U5DfQimop50jE9Dl6J8O1ja1dvBbMba/sZ3YBEQqJ2VZRoQPVnhlzjNtU1vaXRZVrVjU4qtm8yA==",
+      "dev": true,
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
     "node_modules/joi": {
       "version": "17.11.0",
       "resolved": "https://registry.npmmirror.com/joi/-/joi-17.11.0.tgz",
@@ -14162,6 +14235,11 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/kubernetes-types": {
+      "version": "1.26.0",
+      "resolved": "https://registry.npmmirror.com/kubernetes-types/-/kubernetes-types-1.26.0.tgz",
+      "integrity": "sha512-jv0XaTIGW/p18jaiKRD85hLTYWx0yEj+cb6PDX3GdNa3dWoRxnD4Gv7+bE6C/ehcsp2skcdy34vT25jbPofDIQ=="
+    },
     "node_modules/launch-editor": {
       "version": "2.6.1",
       "resolved": "https://registry.npmmirror.com/launch-editor/-/launch-editor-2.6.1.tgz",
@@ -14390,6 +14468,7 @@
       "version": "4.17.21",
       "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/lodash-es": {
@@ -14935,7 +15014,6 @@
       "version": "1.52.0",
       "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.6"
@@ -14945,7 +15023,6 @@
       "version": "2.1.35",
       "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "mime-db": "1.52.0"
@@ -15140,12 +15217,6 @@
         "thenify-all": "^1.0.0"
       }
     },
-    "node_modules/nanoclone": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmmirror.com/nanoclone/-/nanoclone-0.2.1.tgz",
-      "integrity": "sha512-wynEP02LmIbLpcYw8uBKpcfF6dmg2vcpKqxeH5UcoKEYdExslsdUA4ugFauuaeYdTB76ez6gJW8XAZ6CgkXYxA==",
-      "license": "MIT"
-    },
     "node_modules/nanoid": {
       "version": "3.3.6",
       "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.6.tgz",
@@ -15402,6 +15473,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/object-inspect": {
       "version": "1.13.0",
       "resolved": "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.13.0.tgz",
@@ -15896,6 +15976,15 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/pinia": {
       "version": "2.1.7",
       "resolved": "https://registry.npmmirror.com/pinia/-/pinia-2.1.7.tgz",
@@ -16139,6 +16228,72 @@
         "node": "^12 || >=14"
       }
     },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmmirror.com/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/postcss-js/-/postcss-js-4.0.1.tgz",
+      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "dev": true,
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/postcss-load-config/-/postcss-load-config-4.0.1.tgz",
+      "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==",
+      "dev": true,
+      "dependencies": {
+        "lilconfig": "^2.0.5",
+        "yaml": "^2.1.1"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-load-config/node_modules/yaml": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmmirror.com/yaml/-/yaml-2.3.3.tgz",
+      "integrity": "sha512-zw0VAJxgeZ6+++/su5AFoqBbZbrEakwu+X0M5HmcwUiBL7AzcuPKjj5we4xfQLp78LkEMpD0cOnUhmgOVy3KdQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/postcss-loader": {
       "version": "6.2.1",
       "resolved": "https://registry.npmmirror.com/postcss-loader/-/postcss-loader-6.2.1.tgz",
@@ -16336,6 +16491,21 @@
         "postcss": "^8.1.0"
       }
     },
+    "node_modules/postcss-nested": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmmirror.com/postcss-nested/-/postcss-nested-6.0.1.tgz",
+      "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.11"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
     "node_modules/postcss-normalize-charset": {
       "version": "5.1.0",
       "resolved": "https://registry.npmmirror.com/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz",
@@ -16869,6 +17039,11 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/pseudomap": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/pseudomap/-/pseudomap-1.0.2.tgz",
@@ -17012,6 +17187,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
     "node_modules/read-pkg": {
       "version": "5.2.0",
       "resolved": "https://registry.npmmirror.com/read-pkg/-/read-pkg-5.2.0.tgz",
@@ -17175,6 +17359,7 @@
       "version": "0.14.0",
       "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
       "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/regenerator-transform": {
@@ -18141,8 +18326,8 @@
       "version": "1.4.8",
       "resolved": "https://registry.npmmirror.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
       "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
-      "dev": true,
-      "license": "MIT"
+      "deprecated": "Please use @jridgewell/sourcemap-codec instead",
+      "dev": true
     },
     "node_modules/spdx-correct": {
       "version": "3.2.0",
@@ -18984,6 +19169,54 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/sucrase": {
+      "version": "3.34.0",
+      "resolved": "https://registry.npmmirror.com/sucrase/-/sucrase-3.34.0.tgz",
+      "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "glob": "7.1.6",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/sucrase/node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/sucrase/node_modules/glob": {
+      "version": "7.1.6",
+      "resolved": "https://registry.npmmirror.com/glob/-/glob-7.1.6.tgz",
+      "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
@@ -19100,6 +19333,61 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/tailwindcss": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmmirror.com/tailwindcss/-/tailwindcss-3.3.3.tgz",
+      "integrity": "sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==",
+      "dev": true,
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.5.3",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.2.12",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.18.2",
+        "lilconfig": "^2.1.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.23",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.1",
+        "postcss-nested": "^6.0.1",
+        "postcss-selector-parser": "^6.0.11",
+        "resolve": "^1.22.2",
+        "sucrase": "^3.32.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmmirror.com/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true
+    },
+    "node_modules/tailwindcss/node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/tapable": {
       "version": "2.2.1",
       "resolved": "https://registry.npmmirror.com/tapable/-/tapable-2.2.1.tgz",
@@ -19350,6 +19638,11 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/tiny-case": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/tiny-case/-/tiny-case-1.0.3.tgz",
+      "integrity": "sha512-Eet/eeMhkO6TX8mnUteS9zgPbUMQa4I6Kkp5ORiBD5476/m+PIRiumP5tmh5ioJpH7k51Kehawy2UDfsnxxY8Q=="
+    },
     "node_modules/tmp": {
       "version": "0.0.33",
       "resolved": "https://registry.npmmirror.com/tmp/-/tmp-0.0.33.tgz",
@@ -19468,6 +19761,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmmirror.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true
+    },
     "node_modules/ts-jest": {
       "version": "27.1.5",
       "resolved": "https://registry.npmmirror.com/ts-jest/-/ts-jest-27.1.5.tgz",
@@ -19936,7 +20235,6 @@
       "resolved": "https://registry.npmmirror.com/unplugin/-/unplugin-0.3.3.tgz",
       "integrity": "sha512-WjZWpUqqcYPQ/efR00Zm2m1+J1LitwoZ4uhHV4VdZ+IpW0Nh/qnDYtVf+nLhozXdGxslMPecOshVR7NiWFl4gA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "webpack-virtual-modules": "^0.4.3"
       },
@@ -20027,6 +20325,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/utility-types": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmmirror.com/utility-types/-/utility-types-3.10.0.tgz",
+      "integrity": "sha512-O11mqxmi7wMKCo6HKFt5AhO4BwY3VV68YU07tgxfz8zJTIxr4BpsezN49Ffwy9j3ZpwwJp4fkRwjRzq3uWE6Rg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
     "node_modules/utils-merge": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/utils-merge/-/utils-merge-1.0.1.tgz",
@@ -20104,7 +20411,6 @@
       "version": "4.11.8",
       "resolved": "https://registry.npmmirror.com/vee-validate/-/vee-validate-4.11.8.tgz",
       "integrity": "sha512-ZuVpw0axWYBM3aVTD/bm94hcWHumqeUgNjptOqfBT0gyqyHaGYCrm0tSD/0bygEbWUDwEPJOQaEKaUGM82j8TQ==",
-      "license": "MIT",
       "dependencies": {
         "@vue/devtools-api": "^6.5.0",
         "type-fest": "^4.3.1"
@@ -21248,21 +21554,22 @@
       "license": "ISC"
     },
     "node_modules/yup": {
-      "version": "0.32.11",
-      "resolved": "https://registry.npmmirror.com/yup/-/yup-0.32.11.tgz",
-      "integrity": "sha512-Z2Fe1bn+eLstG8DRR6FTavGD+MeAwyfmouhHsIUgaADz8jvFKbO/fXc2trJKZg+5EBjh4gGm3iU/t3onKlXHIg==",
-      "license": "MIT",
+      "version": "1.3.2",
+      "resolved": "https://registry.npmmirror.com/yup/-/yup-1.3.2.tgz",
+      "integrity": "sha512-6KCM971iQtJ+/KUaHdrhVr2LDkfhBtFPRnsG1P8F4q3uUVQ2RfEM9xekpha9aA4GXWJevjM10eDcPQ1FfWlmaQ==",
       "dependencies": {
-        "@babel/runtime": "^7.15.4",
-        "@types/lodash": "^4.14.175",
-        "lodash": "^4.17.21",
-        "lodash-es": "^4.17.21",
-        "nanoclone": "^0.2.1",
-        "property-expr": "^2.0.4",
-        "toposort": "^2.0.2"
-      },
+        "property-expr": "^2.0.5",
+        "tiny-case": "^1.0.3",
+        "toposort": "^2.0.2",
+        "type-fest": "^2.19.0"
+      }
+    },
+    "node_modules/yup/node_modules/type-fest": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmmirror.com/type-fest/-/type-fest-2.19.0.tgz",
+      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
       "engines": {
-        "node": ">=10"
+        "node": ">=12.20"
       }
     }
   }
diff --git a/package.json b/package.json
index 6a5e3a5..5aea574 100644
--- a/package.json
+++ b/package.json
@@ -17,18 +17,21 @@
     "test:unit:ci": "vue-cli-service test:unit --ci --coverage --reporters=default --reporters=jest-junit"
   },
   "dependencies": {
-    "@dao-style/core": "1.6.0",
-    "@dao-style/extend": "1.6.1",
+    "@dao-style/core": "1.7.0",
+    "@dao-style/extend": "1.7.0",
+    "axios": "^1.5.1",
     "clipboard-copy": "^4.0.1",
     "core-js": "^3.8.3",
     "dayjs": "1.11.10",
+    "kubernetes-types": "^1.26.0",
+    "lodash": "^4.17.21",
     "normalize.css": "^8.0.1",
-    "pinia": "^2.0.9",
-    "vee-validate": "4.11.8",
-    "vue": "^3.2.13",
-    "vue-i18n": "9.5.0",
-    "vue-router": "^4.0.3",
-    "yup": "^0.32.11"
+    "pinia": "^2.1.7",
+    "vee-validate": "^4.11.8",
+    "vue": "^3.3.7",
+    "vue-i18n": "9.6.1",
+    "vue-router": "^4.2.5",
+    "yup": "^1.3.2"
   },
   "devDependencies": {
     "@commitlint/cli": "^16.0.2",
@@ -44,6 +47,7 @@
     "@dao-style/vue-cli-plugin-router": "latest",
     "@intlify/vue-i18n-loader": "^3.0.0",
     "@types/fs-extra": "^11.0.2",
+    "@types/lodash": "^4.14.200",
     "@types/jest": "^27.0.1",
     "@typescript-eslint/eslint-plugin": "^5.55.0",
     "@typescript-eslint/parser": "^5.55.0",
@@ -59,7 +63,7 @@
     "babel-jest": "^27.0.6",
     "commitizen": "^4.2.4",
     "eslint": "^8.7.0",
-    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-jsonc": "^2.7.0",
     "eslint-plugin-vue": "^8.4.0",
     "eslint-plugin-vuejs-accessibility": "^1.1.1",
@@ -76,8 +80,10 @@
     "stylelint-config-recess-order": "^4.0.0",
     "stylelint-config-recommended-vue": "^1.4.0",
     "stylelint-config-sass-guidelines": "^10.0.0",
+    "tailwindcss": "^3.0.24",
     "ts-jest": "^27.0.4",
     "typescript": "^4.9.5",
+    "utility-types": "^3.10.0",
     "vue-tsc": "^1.2.0",
     "yorkie": "^2.0.0"
   },
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..12a703d
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/src/App.vue b/src/App.vue
index 7ed29b3..e4ab3de 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,9 +1,9 @@
 <template>
   <anakin-header class="ghippo-header" />
 
-  <div class="container">
+  <div id="container">
     <anakin-nav />
-    <div class="content">
+    <div class="console-content">
       <router-view />
     </div>
   </div>
@@ -26,27 +26,22 @@ body {
   display: flex;
   flex-direction: column;
   width: 100%;
+  min-width: 1280px;
   height: 100%;
-  min-height: 100%;
   background: var(--dao-bg);
 }
 
-.ghippo-header {
-  flex: none;
-}
-
 /* stylelint-disable-next-line selector-max-id */
-.container {
+#container {
   display: flex;
   flex: 1 1 0;
   width: 100%;
   overflow: auto;
 }
 
-.content{
+.console-content{
   flex: 1 1 0px;
   height: 100%;
-  padding: 0 30px 20px;
   overflow: auto;
 }
 </style>
diff --git a/src/api/dataset.ts b/src/api/dataset.ts
new file mode 100644
index 0000000..46e3079
--- /dev/null
+++ b/src/api/dataset.ts
@@ -0,0 +1,268 @@
+/* eslint-disable no-use-before-define */
+import { K8sClient } from '@/plugins/axios/client';
+import type { ObjectMeta, ListMeta } from 'kubernetes-types/meta/v1';
+
+export enum LicenseType {
+  CCBY = 'CC BY',
+  CCBY_SA = 'CC BY-SA',
+  CCBY_ND = 'CC BY-ND',
+  CCBY_NC = 'CC BY-NC',
+  CCBY_NC_SA = 'CC BY-NC-SA',
+  CCBY_NC_ND = 'CC BY-NC-ND',
+  CC0 = 'CC0',
+  ODC_PDDL = 'ODC-PDDL',
+  ODC_BY = 'ODC-BY',
+  ODC_ODbl = 'ODC-ODbl',
+  CDLA_Permissive_2_0 = 'CDLA-Permissive-2.0',
+  CDLA_Sharing_1_0 = 'CDLA-Sharing-1.0',
+}
+
+export enum SizeType {
+  SIZE_1K = 'n < 1K',
+  SIZE_10K = '1K < n < 10K',
+  SIZE_100K = '10K < n < 100K',
+  SIZE_1M = '100K < n < 1M',
+  SIZE_10M = '1M < n < 10M',
+  SIZE_100M = '10M < n < 100M',
+  SIZE_1B = '100M < n < 1B',
+  SIZE_GT_1B = 'n > 1B',
+}
+
+export enum LanguageOptions {
+  zh = 'zh-CN',
+  en = 'en-US',
+}
+
+export interface DatasetList {
+  apiVersion: string;
+  items: Dataset[];
+  kind: string;
+  metadata: ListMeta;
+}
+
+/**
+ * Dataset is the Schema for the datasets API
+ */
+export interface Dataset {
+  /**
+   * APIVersion defines the versioned schema of this representation of an object. Servers
+   * should convert recognized schemas to the latest internal value, and may reject
+   * unrecognized values. More info:
+   * https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#resources
+   */
+  apiVersion?: string;
+  /**
+   * Kind is a string value representing the REST resource this object represents. Servers may
+   * infer this from the endpoint the client submits requests to. Cannot be updated. In
+   * CamelCase. More info:
+   * https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#types-kinds
+   */
+  kind?: string;
+  metadata?: ObjectMeta;
+  /**
+   * DatasetSpec defines the desired state of Dataset
+   */
+  spec?: Spec;
+  /**
+   * DatasetStatus defines the observed state of Dataset
+   */
+  status?: Status;
+}
+
+/**
+* DatasetSpec defines the desired state of Dataset
+*/
+export interface Spec {
+  /**
+   * DatasetCard defines a dataset's readme, in type of markdown
+   */
+  datasetCard?: DatasetCard;
+  /**
+   * DatasetFiles defines a dataset's source file address
+   */
+  datasetFiles?: DatasetFiles;
+  /**
+   * INSERT ADDITIONAL SPEC FIELDS - desired state of cluster Important: Run "make" to
+   * regenerate code after modifying this file
+   */
+  datasetMetadata: DatasetMetadata;
+}
+
+/**
+* DatasetCard defines a dataset's readme, in type of markdown
+*/
+export interface DatasetCard {
+  datasetCardRef?: string;
+}
+
+/**
+* DatasetFiles defines a dataset's source file address
+*/
+export interface DatasetFiles {
+  source?: string;
+}
+
+/**
+* INSERT ADDITIONAL SPEC FIELDS - desired state of cluster Important: Run "make" to
+* regenerate code after modifying this file
+*/
+export interface DatasetMetadata {
+  /**
+   * DatasetInfo defines the dataset description include subsets and features
+   */
+  datasetInfo?: DatasetInfo;
+  languages?: string[];
+  license?: string;
+  /**
+   * Plugin defines a plugin used by a dataset
+   */
+  plugin?: Plugin;
+  size?: string;
+  tags?: string[];
+  /**
+   * Task defines a dataset task type
+   */
+  task?: Task;
+}
+
+/**
+* DatasetInfo defines the dataset description include subsets and features
+*/
+export interface DatasetInfo {
+  features?: Feature[];
+  subsets?: Subset[];
+}
+
+/**
+* Feature defines a dataset's column name as a feature and its data type and relationship
+* to finetune feature fields
+*/
+export interface Feature {
+  dataType?: string;
+  mapTo?: string;
+  name?: FeatureName;
+}
+
+export enum FeatureName {
+  Instruction = 'instruction',
+  Response = 'response',
+}
+
+export const TEXT_GENERATION = 'Text Generation';
+const LANGUAGE_MODELING = 'language-modeling';
+const MASKED_LANGUAGE_MODELING = 'masked-language-modeling';
+const NATURAL_LANGUAGE_INFERENCE = 'natural-language-inference';
+
+export const QUESTION_ANSWERING = 'Question Answering';
+const EXTRACTIVE_QA = 'extractive-qa';
+const OPEN_DOMAIN_QA = 'open-domain-qa';
+const MULTI_CHOICE_QA = 'multi-choice-qa';
+const CLOSED_DOMAIN_QA = 'closed-domain-qa';
+
+export const TEXT_CLASSIFICATION = 'Text Classification';
+const MULTI_CLASS_CLASSIFICATION = 'multi-class-classification';
+const SENTIMENT_CLASSIFICATION = 'sentiment-classification';
+const TOPIC_CLASSIFICATION = 'topic-classification';
+const MULTI_LABEL_CLASSIFICATION = 'multi-label-classification';
+
+export const SUMMARIZATION = 'Summarization';
+const NEWS_ARTICLES_SUMMARIZATION = 'news-articles-summarization';
+
+export const taskCategories = {
+  [TEXT_GENERATION]: [LANGUAGE_MODELING, MASKED_LANGUAGE_MODELING, NATURAL_LANGUAGE_INFERENCE],
+  [QUESTION_ANSWERING]: [EXTRACTIVE_QA, OPEN_DOMAIN_QA, MULTI_CHOICE_QA, CLOSED_DOMAIN_QA],
+  [TEXT_CLASSIFICATION]: [MULTI_CLASS_CLASSIFICATION, SENTIMENT_CLASSIFICATION, TOPIC_CLASSIFICATION, MULTI_LABEL_CLASSIFICATION],
+  [SUMMARIZATION]: [NEWS_ARTICLES_SUMMARIZATION],
+};
+
+/**
+* Subset defines a dataset‘s subset
+*/
+export interface Subset {
+  name?: string;
+  /**
+   * Splits defines a dataset's train-splits, test-splits, validate-splits address info
+   */
+  splits?: Splits;
+}
+
+/**
+* Splits defines a dataset's train-splits, test-splits, validate-splits address info
+*/
+export interface Splits {
+  /**
+   * Test defines a dataset's subsets' test-splits file address
+   */
+  test?: Test;
+  /**
+   * Train defines a dataset's subsets' train-splits file address
+   */
+  train?: Train;
+  /**
+   * Validate defines a dataset's subsets' validate-splits file address
+   */
+  validate?: Validate;
+}
+
+/**
+* Test defines a dataset's subsets' test-splits file address
+*/
+export interface Test {
+  file?: string;
+}
+
+/**
+* Train defines a dataset's subsets' train-splits file address
+*/
+export interface Train {
+  file?: string;
+}
+
+/**
+* Validate defines a dataset's subsets' validate-splits file address
+*/
+export interface Validate {
+  file?: string;
+}
+
+/**
+* Plugin defines a plugin used by a dataset
+*/
+export interface Plugin {
+  loadPlugin: boolean;
+  name?: string;
+  parameters?: string;
+}
+
+/**
+* Task defines a dataset task type
+*/
+export interface Task {
+  name?: string;
+  subTasks?: SubTask[];
+}
+
+/**
+* EDIT THIS FILE!  THIS IS SCAFFOLDING FOR YOU TO OWN! NOTE: json tags are required.  Any
+* new fields you add must have json tags for the fields to be serialized. SubTask defines a
+* dataset task's subtask
+*/
+export interface SubTask {
+  name?: string;
+}
+
+/**
+* DatasetStatus defines the observed state of Dataset
+*/
+export interface Status {
+  /**
+   * INSERT ADDITIONAL STATUS FIELD - define observed state of cluster Important: Run "make"
+   * to regenerate code after modifying this file
+   */
+  state?: string;
+}
+
+const apiVersion = 'extension.datatunerx.io/v1beta1';
+const kind = 'Dataset';
+
+export const datasetClient = new K8sClient<Dataset>(apiVersion, kind);
diff --git a/src/api/finetune-experiment.ts b/src/api/finetune-experiment.ts
new file mode 100644
index 0000000..7988522
--- /dev/null
+++ b/src/api/finetune-experiment.ts
@@ -0,0 +1,91 @@
+/* eslint-disable no-use-before-define */
+import type {
+  Condition, ListMeta, ObjectMeta,
+} from 'kubernetes-types/meta/v1';
+import { K8sClient } from '@/plugins/axios/client';
+import { FinetuneJob, Status as FinetuneJobStatus, ScoringConfig } from './finetune-job';
+
+export interface FinetuneExperimentList {
+  apiVersion: string;
+  items: FinetuneExperiment[];
+  kind: string;
+  metadata: ListMeta;
+}
+
+/**
+ * FinetuneExperiment is the Schema for the finetuneexperiments API
+ */
+export interface FinetuneExperiment {
+  /**
+   * APIVersion defines the versioned schema of this representation of an object. Servers
+   * should convert recognized schemas to the latest internal value, and may reject
+   * unrecognized values. More info:
+   * https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#resources
+   */
+  apiVersion?: string;
+  /**
+   * Kind is a string value representing the REST resource this object represents. Servers may
+   * infer this from the endpoint the client submits requests to. Cannot be updated. In
+   * CamelCase. More info:
+   * https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#types-kinds
+   */
+  kind?: string;
+  metadata?: ObjectMeta;
+  /**
+   * FinetuneExperimentSpec defines the desired state of FinetuneExperiment
+   */
+  spec?: Spec;
+  /**
+   * FinetuneExperimentStatus defines the observed state of FinetuneExperiment
+   */
+  status?: Status;
+}
+
+/**
+ * FinetuneExperimentSpec defines the desired state of FinetuneExperiment
+ */
+export interface Spec {
+  /**
+   * Defining multiple finetunejobs in a single experiment.
+   */
+  finetuneJobs: FinetuneJob[];
+  /**
+   * Define the scoring plugin used for this experiment.
+   */
+  scoringConfig: ScoringConfig;
+}
+
+/**
+ * FinetuneExperimentStatus defines the observed state of FinetuneExperiment
+ */
+export interface Status {
+  /**
+   * Describe the highest scoring version of an experiment
+   */
+  bestVersion: BestVersion;
+  conditions: Condition[];
+  jobsStatus: FinetuneJobStatus[];
+  state: State;
+}
+
+/**
+ * Describe the highest scoring version of an experiment
+ */
+export interface BestVersion {
+  dataset: string;
+  hyperparameter: string;
+  image: string;
+  llm: string;
+  score: string;
+}
+
+export enum State {
+  Failed = 'FAILED',
+  Processing = 'PROCESSING',
+  Success = 'SUCCESS',
+}
+
+export const apiVersion = 'finetune.datatunerx.io/v1beta1';
+export const kind = 'FinetuneExperiment';
+
+export const finetuneExperimentClient = new K8sClient<FinetuneExperiment>(apiVersion, kind);
diff --git a/src/api/finetune-job.ts b/src/api/finetune-job.ts
new file mode 100644
index 0000000..3409926
--- /dev/null
+++ b/src/api/finetune-job.ts
@@ -0,0 +1,176 @@
+/* eslint-disable no-use-before-define */
+import { Condition, ObjectMeta } from 'kubernetes-types/meta/v1';
+/**
+ * FinetuneJob is the Schema for the finetunejobs API
+ */
+export interface FinetuneJob {
+  /**
+   * APIVersion defines the versioned schema of this representation of an object. Servers
+   * should convert recognized schemas to the latest internal value, and may reject
+   * unrecognized values. More info:
+   * https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#resources
+   */
+  apiVersion?: string;
+  /**
+   * Kind is a string value representing the REST resource this object represents. Servers may
+   * infer this from the endpoint the client submits requests to. Cannot be updated. In
+   * CamelCase. More info:
+   * https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#types-kinds
+   */
+  kind?: string;
+  metadata?: ObjectMeta;
+  /**
+   * FinetuneJobSpec defines the desired state of FinetuneJob
+   */
+  spec?: Spec;
+  /**
+   * FinetuneJobStatus defines the observed state of FinetuneJob
+   */
+  status?: Status;
+}
+
+/**
+* FinetuneJobSpec defines the desired state of FinetuneJob
+*/
+export interface Spec {
+  /**
+   * Finetune cr config.
+   */
+  finetune: Finetune;
+  /**
+   * Score plugin config.
+   */
+  scoringConfig?: ScoringConfig;
+  /**
+   * Serve config.
+   */
+  serveConfig: ServeConfig;
+}
+
+/**
+* Finetune cr config.
+*/
+export interface Finetune {
+  /**
+   * Dataset specifies the dataset CR used for fine-tuning.
+   */
+  dataset: string;
+  /**
+   * Hyperparameter specifies the hyperparameter CR used for fine-tuning.
+   */
+  hyperparameter: string;
+  /**
+   * LLM specifies the large model CR used for fine-tuning.
+   */
+  llm: string;
+  name?: string;
+  /**
+   * Resource specifies the resource configuration for fine-tuning.
+   */
+  resource?: Resource;
+}
+
+/**
+* Resource specifies the resource configuration for fine-tuning.
+*/
+export interface Resource {
+  /**
+   * Limits specifies the resource limits.
+   */
+  limits: Limits;
+  /**
+   * ResourceLimits represents the resource limits for a task.
+   */
+  requests: Requests;
+}
+
+/**
+* Limits specifies the resource limits.
+*/
+export interface Limits {
+  /**
+   * CPU specifies the CPU resource limit.
+   */
+  cpu: CPU;
+  /**
+   * GPU specifies the GPU resource limit.
+   */
+  gpu: string;
+  /**
+   * Memory specifies the memory resource limit.
+   */
+  memory: CPU;
+}
+
+export type CPU = number | string;
+
+/**
+* ResourceLimits represents the resource limits for a task.
+*/
+export interface Requests {
+  /**
+   * CPU specifies the CPU resource limit.
+   */
+  cpu: CPU;
+  /**
+   * GPU specifies the GPU resource limit.
+   */
+  gpu: string;
+  /**
+   * Memory specifies the memory resource limit.
+   */
+  memory: CPU;
+}
+
+/**
+* Score plugin config.
+*/
+export interface ScoringConfig {
+  /**
+   * Name specifies the name of the scoring CR.
+   */
+  name: string;
+}
+
+/**
+* Serve config.
+*/
+export interface ServeConfig {
+  /**
+   * NodeSelector specifies the node where service will be deployed.
+   */
+  nodeSelector: string;
+  /**
+   * Tolerations specifies the tolerations for service.
+   */
+  tolerations?: string;
+}
+
+/**
+* FinetuneJobStatus defines the observed state of FinetuneJob
+*/
+export interface Status {
+  conditions: Condition[];
+  result: Result;
+  state: State;
+  /**
+   * todo FinetuneState
+   */
+  stats: string;
+}
+
+export interface Result {
+  dashboard: string;
+  image: string;
+  modelExportResult: boolean;
+  serve: string;
+}
+
+export enum State {
+  Buildimage = 'BUILDIMAGE',
+  Failed = 'FAILED',
+  Finetune = 'FINETUNE',
+  Init = 'INIT',
+  Serve = 'SERVE',
+  Successful = 'SUCCESSFUL',
+}
diff --git a/src/api/hyperparameter.ts b/src/api/hyperparameter.ts
new file mode 100644
index 0000000..440f744
--- /dev/null
+++ b/src/api/hyperparameter.ts
@@ -0,0 +1,184 @@
+/* eslint-disable no-use-before-define */
+import type { ObjectMeta, ListMeta } from 'kubernetes-types/meta/v1';
+import { K8sClient } from '@/plugins/axios/client';
+
+export enum FineTuningType {
+  // SFT：生成模型GPT的有监督精调 (supervised fine-tuning)
+  SFT = 'SFT',
+}
+
+// 定义 Quantization 常量
+export enum Quantization {
+  default= 'default',
+  int4= 'int4',
+  int8= 'int8'
+}
+
+export interface HyperparameterList {
+  apiVersion: string;
+  items: Hyperparameter[];
+  kind: string;
+  metadata: ListMeta;
+}
+
+/**
+ * Hyperparameter is the Schema for the hyperparameters API
+ */
+export interface Hyperparameter {
+  /**
+   * APIVersion defines the versioned schema of this representation of an object. Servers
+   * should convert recognized schemas to the latest internal value, and may reject
+   * unrecognized values. More info:
+   * https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#resources
+   */
+  apiVersion: string;
+  /**
+   * Kind is a string value representing the REST resource this object represents. Servers may
+   * infer this from the endpoint the client submits requests to. Cannot be updated. In
+   * CamelCase. More info:
+   * https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#types-kinds
+   */
+  kind: string;
+  metadata: ObjectMeta;
+  /**
+   * HyperparameterSpec defines the desired state of Hyperparameter
+   */
+  spec: Spec;
+}
+
+/**
+ * HyperparameterSpec defines the desired state of Hyperparameter
+ */
+export interface Spec {
+  /**
+   * Over-senator adjustments to achieve targets.
+   */
+  objective: Objective;
+  /**
+   * Finetune paramenter config.
+   */
+  parameters: Parameters;
+}
+
+/**
+ * Over-senator adjustments to achieve targets.
+ */
+export interface Objective {
+  /**
+   * The type (Type) of fine-tuning may refer to a specific method or strategy of
+   * hyperparameter tuning. Common hyperparameter tuning methods include: 1. Grid Search 2.
+   * Random Search 3. Bayesian Optimisation 4. Genetic Algorithms 5. Hyperband et al.
+   */
+  type: string;
+}
+
+/**
+ * Finetune paramenter config.
+ */
+export interface Parameters {
+  /**
+   * BatchSize specifies the size of mini-batches.
+   */
+  batchSize: number;
+  /**
+   * BlockSize specifies the block size.
+   */
+  blockSize: number;
+  /**
+   * Epochs specifies the number of training epochs.
+   */
+  epochs: number;
+  /**
+   * FP16 indicates whether to use 16-bit floating point precision.
+   */
+  FP16: boolean;
+  /**
+   * GradAccSteps specifies the number of gradient accumulation steps.
+   */
+  gradAccSteps: number;
+  /**
+   * Int4 indicates whether to use 4-bit integer quantization.
+   */
+  int4: boolean;
+  /**
+   * Int8 indicates whether to use 8-bit integer quantization.
+   */
+  int8: boolean;
+  /**
+   * LearningRate specifies the initial learning rate.
+   */
+  learningRate: string;
+  /**
+   * LoRA_Alpha represents the alpha parameter for Localized Receptive Attention.
+   */
+  loRA_Alpha: string;
+  /**
+   * LoRA_Dropout specifies the dropout rate for Localized Receptive Attention.
+   */
+  loRA_Dropout: string;
+  /**
+   * LoRA_R represents the radius parameter for Localized Receptive Attention.
+   */
+  loRA_R: string;
+  /**
+   * Optimizer specifies the optimization algorithm.
+   */
+  optimizer: Optimizer;
+  /**
+   * PEFT indicates whether to enable Performance Evaluation and Forecasting Tool.
+   */
+  PEFT: boolean;
+  /**
+   * Scheduler specifies the learning rate scheduler.
+   */
+  scheduler: Scheduler;
+  /**
+   * TrainerType specifies the type of trainer to use.
+   */
+  trainerType: string;
+  /**
+   * WarmupRatio specifies the ratio of warmup steps.
+   */
+  warmupRatio: string;
+  /**
+   * WeightDecay specifies the weight decay factor.
+   */
+  weightDecay: string;
+
+  quantization: Quantization;
+}
+
+/**
+* Optimizer specifies the optimization algorithm.
+*/
+export enum Optimizer {
+  Adam = 'Adam',
+  AdamW = 'AdamW',
+  Sgd = 'SGD',
+}
+
+/**
+* Scheduler specifies the learning rate scheduler.
+*/
+export enum Scheduler {
+  Constant = 'Constant',
+  Cosine = 'Cosine',
+  Linear = 'Linear',
+}
+
+/**
+ * TrainerType specifies the type of trainer to use.
+ */
+export enum TrainerType {
+  Standard = 'Standard',
+}
+
+export type StringParameters = Pick<
+  Parameters,
+  'learningRate' | 'loRA_Alpha' | 'loRA_Dropout' | 'loRA_R' | 'warmupRatio' | 'weightDecay'
+>;
+
+const apiVersion = 'core.datatunerx.io/v1beta1';
+const kind = 'Hyperparameter';
+
+export const hyperparameterClient = new K8sClient<Hyperparameter>(apiVersion, kind);
diff --git a/src/api/large-language-model.ts b/src/api/large-language-model.ts
new file mode 100644
index 0000000..3578ecb
--- /dev/null
+++ b/src/api/large-language-model.ts
@@ -0,0 +1,172 @@
+import { K8sClient } from '@/plugins/axios/client';
+import { ObjectMeta } from 'kubernetes-types/meta/v1';
+/* eslint-disable no-use-before-define */
+
+/**
+ * LLM is the Schema for the llms API
+ */
+export interface LargeLanguageModel {
+  /**
+   * APIVersion defines the versioned schema of this representation of an object. Servers
+   * should convert recognized schemas to the latest internal value, and may reject
+   * unrecognized values. More info:
+   * https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#resources
+   */
+  apiVersion?: string;
+  /**
+   * Kind is a string value representing the REST resource this object represents. Servers may
+   * infer this from the endpoint the client submits requests to. Cannot be updated. In
+   * CamelCase. More info:
+   * https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#types-kinds
+   */
+  kind?: string;
+  metadata?: ObjectMeta;
+  /**
+   * LLMSpec defines the desired state of LLM
+   */
+  spec?: Spec;
+}
+
+/**
+ * LLMSpec defines the desired state of LLM
+ */
+export interface Spec {
+  /**
+   * Describe readme information for llm.
+   */
+  llmCard?: LlmCard;
+  /**
+   * Describe file information for llm.
+   */
+  llmFiles?: LlmFiles;
+  /**
+   * Describe metadata information for llm.
+   */
+  llmMetdata: LlmMetdata;
+}
+
+/**
+ * Describe readme information for llm.
+ */
+export interface LlmCard {
+  /**
+   * Readme information of the model, parsed in markdown format, is presented as information
+   * on the model page to help model users understand the model and use it correctly. Describe
+   * references to readme files mounted by configmap.
+   */
+  llmCardRef?: string;
+}
+
+/**
+ * Describe file information for llm.
+ */
+export interface LlmFiles {
+  /**
+   * Describe llm source file citation address.
+   */
+  source?: string;
+}
+
+/**
+ * Describe metadata information for llm.
+ */
+export interface LlmMetdata {
+  /**
+   * Describe the llm on which the model was fine-tuned.
+   */
+  baseLlm?: string;
+  /**
+   * Describe Hardware and software information the llm's operation
+   */
+  computeInfrastructure?: ComputeInfrastructure;
+  /**
+   * Describe the datasets used in the llm.
+   */
+  datasets?: string[];
+  /**
+   * Describe the domain of the llm, the following fields are optional: 1. Multimodal 2.
+   * ComputerVision 3. NLP 4. Audio 5. Tabular 6. ReinforcementLearning
+   */
+  domain?: Domain[];
+  /**
+   * Describe the AI framework used by the llm.
+   */
+  frameworks: string[];
+  /**
+   * Describe list of natural languages supported by the llm.
+   */
+  languages: string[];
+  /**
+   * Describe the open source licences to which the llm adheres.
+   */
+  license: string[];
+  /**
+   * Describe the llm image config.
+   */
+  llmImageConfig: LlmImageConfig;
+  /**
+   * Describe the name of the llm.
+   */
+  name: string;
+  /**
+   * Custom labels for llm.
+   */
+  tags?: string[];
+  /**
+   * Describe the types of tasks in the pipeline corresponding to the llm. example:
+   * ... tasks: - feature-extraction - text-to-image ...
+   */
+  tasks: string[];
+}
+
+/**
+ * Describe Hardware and software information the llm's operation
+ */
+export interface ComputeInfrastructure {
+  /**
+   * Describe the hardware information required for the llm to operate
+   */
+  hardware?: Hardware;
+}
+
+/**
+ * Describe the hardware information required for the llm to operate
+ */
+export interface Hardware {
+  /**
+   * Description of the number of cpu cores needed for llm.
+   */
+  cpu: CPU;
+  /**
+   * Description of the memory size required by llm
+   */
+  memory: CPU;
+  /**
+   * Describes the size of the video memory required by the llm.
+   */
+  vRAM: CPU;
+}
+
+export type CPU = number | string;
+
+export enum Domain {
+  Audio = 'Audio',
+  ComputerVision = 'ComputerVision',
+  Multimodal = 'Multimodal',
+  NLP = 'NLP',
+  ReinforcementLearning = 'ReinforcementLearning',
+  Tabular = 'Tabular',
+}
+
+/**
+ * Describe the llm image config.
+ */
+export interface LlmImageConfig {
+  image: string;
+  path?: string;
+}
+
+export const apiVersion = 'core.datatunerx.io/v1beta1';
+export const kind = 'LLM';
+
+export const largeLanguageModelClient = new K8sClient<LargeLanguageModel>(apiVersion, kind);
diff --git a/src/api/namespace.ts b/src/api/namespace.ts
new file mode 100644
index 0000000..17cb953
--- /dev/null
+++ b/src/api/namespace.ts
@@ -0,0 +1,8 @@
+import httpClient from '@/plugins/axios';
+import { NamespaceList } from 'kubernetes-types/core/v1';
+
+const listNamespaces = () => httpClient.get<NamespaceList>('/api/v1/namespaces');
+
+export {
+  listNamespaces,
+};
diff --git a/src/api/plugin.ts b/src/api/plugin.ts
new file mode 100644
index 0000000..be392d0
--- /dev/null
+++ b/src/api/plugin.ts
@@ -0,0 +1,29 @@
+/* eslint-disable no-use-before-define */
+import { K8sClient } from '@/plugins/axios/client';
+import type { ObjectMeta, ListMeta } from 'kubernetes-types/meta/v1';
+
+export interface PluginList {
+  apiVersion: string;
+  items: Plugin[];
+  kind: string;
+  metadata: ListMeta;
+}
+
+export interface Plugin {
+  apiVersion: string;
+  kind: string;
+  metadata: ObjectMeta;
+  spec: Spec;
+}
+
+export interface Spec {
+  datasetClass: string;
+  parameters: string;
+  provider: string;
+  version: string;
+}
+
+const apiVersion = 'extension.datatunerx.io/v1beta1';
+const kind = 'DataPlugin';
+
+export const dataPluginClient = new K8sClient<Plugin>(apiVersion, kind);
diff --git a/src/api/scoring-plugin.ts b/src/api/scoring-plugin.ts
new file mode 100644
index 0000000..b5d36c0
--- /dev/null
+++ b/src/api/scoring-plugin.ts
@@ -0,0 +1,68 @@
+import { K8sClient } from '@/plugins/axios/client';
+import { ObjectMeta, ListMeta } from 'kubernetes-types/meta/v1';
+/* eslint-disable no-use-before-define */
+
+export interface LlmList {
+  apiVersion: string;
+  items: ScoringPlugin[];
+  kind: string;
+  metadata: ListMeta;
+}
+/**
+ * ScoringPlugin is the Schema for the scoringplugins API
+ */
+export interface ScoringPlugin {
+  /**
+   * APIVersion defines the versioned schema of this representation of an object. Servers
+   * should convert recognized schemas to the latest internal value, and may reject
+   * unrecognized values. More info:
+   * https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#resources
+   */
+  apiVersion?: string;
+  /**
+   * Kind is a string value representing the REST resource this object represents. Servers may
+   * infer this from the endpoint the client submits requests to. Cannot be updated. In
+   * CamelCase. More info:
+   * https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#types-kinds
+   */
+  kind?: string;
+  metadata?: ObjectMeta;
+  /**
+   * ScoringPluginSpec defines the desired state of ScoringPlugin
+   */
+  spec?: Spec;
+  /**
+   * ScoringPluginStatus defines the observed state of ScoringPlugin
+   */
+  status?: Status;
+}
+
+/**
+ * ScoringPluginSpec defines the desired state of ScoringPlugin
+ */
+export interface Spec {
+  metrics?: string[];
+  parameters?: string;
+  scoringClass?: string;
+  /**
+   * INSERT ADDITIONAL SPEC FIELDS - desired state of cluster Important: Run "make" to
+   * regenerate code after modifying this file
+   */
+  version?: string;
+}
+
+/**
+ * ScoringPluginStatus defines the observed state of ScoringPlugin
+ */
+export interface Status {
+  /**
+   * INSERT ADDITIONAL STATUS FIELD - define observed state of cluster Important: Run "make"
+   * to regenerate code after modifying this file
+   */
+  state?: string;
+}
+
+export const apiVersion = 'extension.datatunerx.io/v1beta1';
+export const kind = 'ScoringPlugin';
+
+export const scoringConfigClient = new K8sClient<ScoringPlugin>(apiVersion, kind);
diff --git a/src/api/te.json b/src/api/te.json
new file mode 100644
index 0000000..8a402c2
--- /dev/null
+++ b/src/api/te.json
@@ -0,0 +1,314 @@
+{
+  "apiVersion": "apiextensions.k8s.io/v1",
+  "kind": "CustomResourceDefinition",
+  "metadata": {
+    "annotations": {
+      "controller-gen.kubebuilder.io/version": "v0.11.1",
+      "kubectl.kubernetes.io/last-applied-configuration": "{\"apiVersion\":\"apiextensions.k8s.io/v1\",\"kind\":\"CustomResourceDefinition\",\"metadata\":{\"annotations\":{\"controller-gen.kubebuilder.io/version\":\"v0.11.1\"},\"creationTimestamp\":null,\"name\":\"datasets.extension.datatunerx.io\"},\"spec\":{\"group\":\"extension.datatunerx.io\",\"names\":{\"kind\":\"Dataset\",\"listKind\":\"DatasetList\",\"plural\":\"datasets\",\"singular\":\"dataset\"},\"scope\":\"Namespaced\",\"versions\":[{\"name\":\"v1beta1\",\"schema\":{\"openAPIV3Schema\":{\"description\":\"Dataset is the Schema for the datasets API\",\"properties\":{\"apiVersion\":{\"description\":\"APIVersion defines the versioned schema of this representation of an object. Servers should convert recognized schemas to the latest internal value, and may reject unrecognized values. More info: https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#resources\",\"type\":\"string\"},\"kind\":{\"description\":\"Kind is a string value representing the REST resource this object represents. Servers may infer this from the endpoint the client submits requests to. Cannot be updated. In CamelCase. More info: https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#types-kinds\",\"type\":\"string\"},\"metadata\":{\"type\":\"object\"},\"spec\":{\"description\":\"DatasetSpec defines the desired state of Dataset\",\"properties\":{\"datasetCard\":{\"description\":\"DatasetCard contains a dataset's README reference.\",\"properties\":{\"datasetCardRef\":{\"type\":\"string\"}},\"type\":\"object\"},\"datasetFiles\":{\"description\":\"DatasetFiles describes a dataset source address.\",\"properties\":{\"source\":{\"type\":\"string\"}},\"type\":\"object\"},\"datasetMetadata\":{\"description\":\"INSERT ADDITIONAL SPEC FIELDS - desired state of cluster Important: Run \\\"make\\\" to regenerate code after modifying this file DatasetMetadata contains a dataset's Language, Tags, Size, License, Task, Plugin, and baseinfo\",\"properties\":{\"datasetInfo\":{\"description\":\"DatasetInfo describes a dataset's subsets and Features.\",\"properties\":{\"features\":{\"items\":{\"description\":\"Feature defines a dataset's column name as a feature and its data type and relationship to finetune feature fields\",\"properties\":{\"dataType\":{\"default\":\"string\",\"type\":\"string\"},\"mapTo\":{\"description\":\"MapTo describes the dataste feature field mapping to instruction or response.\",\"maxLength\":63,\"type\":\"string\"},\"name\":{\"enum\":[\"instruction\",\"response\"],\"type\":\"string\"}},\"required\":[\"mapTo\",\"name\"],\"type\":\"object\"},\"type\":\"array\"},\"subsets\":{\"items\":{\"description\":\"Subset defines a dataset‘s subset\",\"properties\":{\"name\":{\"description\":\"Subset e.g. Random Sample Subset, Balanced Class Subset, Time Window Subset, Feature Subset, Cross-Validation Subset, Outlier Detection Subset etc.\",\"maxLength\":63,\"type\":\"string\"},\"splits\":{\"description\":\"Splits describes subsets of training and testing and validation data splits\",\"properties\":{\"test\":{\"description\":\"Test defines a dataset's subsets' test-splits file address\",\"properties\":{\"file\":{\"type\":\"string\"}},\"type\":\"object\"},\"train\":{\"description\":\"Train defines a dataset's subsets' train-splits file address\",\"properties\":{\"file\":{\"type\":\"string\"}},\"required\":[\"file\"],\"type\":\"object\"},\"validate\":{\"description\":\"Validate defines a dataset's subsets' validate-splits file address\",\"properties\":{\"file\":{\"type\":\"string\"}},\"required\":[\"file\"],\"type\":\"object\"}},\"type\":\"object\"}},\"type\":\"object\"},\"type\":\"array\"}},\"type\":\"object\"},\"languages\":{\"description\":\"Languages includes Chinese and English and etc.\",\"items\":{\"type\":\"string\"},\"type\":\"array\"},\"license\":{\"description\":\"License includes CC BY, CC BY-SA, CC BY-ND, CC BY-NC, CC BY-NC-SA, CC BY-NC-ND, CC0, ODC-PDDL, ODC-BY ODC-ODbl, CDLA-Permissive-2.0, CDLA-Sharing-1.0\",\"type\":\"string\"},\"plugin\":{\"description\":\"Plugin describes the plugin including parameters and whether uses a plugin.\",\"properties\":{\"loadPlugin\":{\"default\":false,\"description\":\"LoadPlugin describes a Scoring CR whether uses plugin to do evaluation, if true then Plugin data will be needed,\",\"type\":\"boolean\"},\"name\":{\"maxLength\":63,\"type\":\"string\"},\"parameters\":{\"type\":\"string\"}},\"required\":[\"loadPlugin\"],\"type\":\"object\"},\"size\":{\"description\":\"Size describes dataset's entries number\",\"type\":\"string\"},\"tags\":{\"description\":\"Tags describes a dataset, it's customized.\",\"items\":{\"type\":\"string\"},\"type\":\"array\"},\"task\":{\"description\":\"Task describes the main task that the dataset can do, including Text Generation, Question Answering, Translation, Conversational etc.\",\"enum\":[\"Text Generation\",\"Question Answering\",\"Text Classification\",\"Summarization\"],\"properties\":{\"name\":{\"maxLength\":63,\"type\":\"string\"},\"subTasks\":{\"description\":\"SubTask defines a dataset task's subtask e.g. language-modeling of Text Generation, open-domain-qa of Question Answering etc. It is corresponding to Task.\",\"enum\":[\"language-modeling\",\"masked-language-modeling\",\"natural-language-inference\",\"extractive-qa\",\"open-domain-qa\",\"multi-choice-qa\",\"closed-domain-qa\",\"multi-class-classification\",\"sentiment-classification\",\"topic-classification\",\"multi-label-classification\",\"news-articles-summarization\"],\"items\":{\"description\":\"EDIT THIS FILE!  THIS IS SCAFFOLDING FOR YOU TO OWN! NOTE: json tags are required.  Any new fields you add must have json tags for the fields to be serialized. SubTask defines a dataset task's subtask\",\"properties\":{\"name\":{\"maxLength\":63,\"type\":\"string\"}},\"required\":[\"name\"],\"type\":\"object\"},\"type\":\"array\"}},\"required\":[\"name\"],\"type\":\"object\"}},\"required\":[\"languages\",\"license\",\"size\",\"task\"],\"type\":\"object\"}},\"required\":[\"datasetMetadata\"],\"type\":\"object\"},\"status\":{\"description\":\"DatasetStatus defines the observed state of Dataset\",\"properties\":{\"state\":{\"description\":\"INSERT ADDITIONAL STATUS FIELD - define observed state of cluster Important: Run \\\"make\\\" to regenerate code after modifying this file\",\"type\":\"string\"}},\"type\":\"object\"}},\"type\":\"object\"}},\"served\":true,\"storage\":true,\"subresources\":{\"status\":{}}}]}}\n"
+    },
+    "creationTimestamp": "2023-11-02T02:13:27Z",
+    "generation": 2,
+    "name": "datasets.extension.datatunerx.io",
+    "resourceVersion": "1881955",
+    "uid": "ea68de29-b63c-4f52-a94c-da3de94a21d5"
+  },
+  "spec": {
+    "conversion": {
+      "strategy": "None"
+    },
+    "group": "extension.datatunerx.io",
+    "names": {
+      "kind": "Dataset",
+      "listKind": "DatasetList",
+      "plural": "datasets",
+      "singular": "dataset"
+    },
+    "scope": "Namespaced",
+    "versions": [
+      {
+        "name": "v1beta1",
+        "schema": {
+          "openAPIV3Schema": {
+            "description": "Dataset is the Schema for the datasets API",
+            "properties": {
+              "apiVersion": {
+                "description": "APIVersion defines the versioned schema of this representation of an object. Servers should convert recognized schemas to the latest internal value, and may reject unrecognized values. More info: https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#resources",
+                "type": "string"
+              },
+              "kind": {
+                "description": "Kind is a string value representing the REST resource this object represents. Servers may infer this from the endpoint the client submits requests to. Cannot be updated. In CamelCase. More info: https://git.k8s.io/community/contributors/devel/sig-architecture/api-conventions.md#types-kinds",
+                "type": "string"
+              },
+              "metadata": {
+                "type": "object"
+              },
+              "spec": {
+                "description": "DatasetSpec defines the desired state of Dataset",
+                "properties": {
+                  "datasetCard": {
+                    "description": "DatasetCard contains a dataset's README reference.",
+                    "properties": {
+                      "datasetCardRef": {
+                        "type": "string"
+                      }
+                    },
+                    "type": "object"
+                  },
+                  "datasetFiles": {
+                    "description": "DatasetFiles describes a dataset source address.",
+                    "properties": {
+                      "source": {
+                        "type": "string"
+                      }
+                    },
+                    "type": "object"
+                  },
+                  "datasetMetadata": {
+                    "description": "INSERT ADDITIONAL SPEC FIELDS - desired state of cluster Important: Run \"make\" to regenerate code after modifying this file DatasetMetadata contains a dataset's Language, Tags, Size, License, Task, Plugin, and baseinfo",
+                    "properties": {
+                      "datasetInfo": {
+                        "description": "DatasetInfo describes a dataset's subsets and Features.",
+                        "properties": {
+                          "features": {
+                            "items": {
+                              "description": "Feature defines a dataset's column name as a feature and its data type and relationship to finetune feature fields",
+                              "properties": {
+                                "dataType": {
+                                  "default": "string",
+                                  "type": "string"
+                                },
+                                "mapTo": {
+                                  "description": "MapTo describes the dataste feature field mapping to instruction or response.",
+                                  "maxLength": 63,
+                                  "type": "string"
+                                },
+                                "name": {
+                                  "enum": [
+                                    "instruction",
+                                    "response"
+                                  ],
+                                  "type": "string"
+                                }
+                              },
+                              "required": [
+                                "mapTo",
+                                "name"
+                              ],
+                              "type": "object"
+                            },
+                            "type": "array"
+                          },
+                          "subsets": {
+                            "items": {
+                              "description": "Subset defines a dataset‘s subset",
+                              "properties": {
+                                "name": {
+                                  "description": "Subset e.g. Random Sample Subset, Balanced Class Subset, Time Window Subset, Feature Subset, Cross-Validation Subset, Outlier Detection Subset etc.",
+                                  "maxLength": 63,
+                                  "type": "string"
+                                },
+                                "splits": {
+                                  "description": "Splits describes subsets of training and testing and validation data splits",
+                                  "properties": {
+                                    "test": {
+                                      "description": "Test defines a dataset's subsets' test-splits file address",
+                                      "properties": {
+                                        "file": {
+                                          "type": "string"
+                                        }
+                                      },
+                                      "type": "object"
+                                    },
+                                    "train": {
+                                      "description": "Train defines a dataset's subsets' train-splits file address",
+                                      "properties": {
+                                        "file": {
+                                          "type": "string"
+                                        }
+                                      },
+                                      "required": [
+                                        "file"
+                                      ],
+                                      "type": "object"
+                                    },
+                                    "validate": {
+                                      "description": "Validate defines a dataset's subsets' validate-splits file address",
+                                      "properties": {
+                                        "file": {
+                                          "type": "string"
+                                        }
+                                      },
+                                      "required": [
+                                        "file"
+                                      ],
+                                      "type": "object"
+                                    }
+                                  },
+                                  "type": "object"
+                                }
+                              },
+                              "type": "object"
+                            },
+                            "type": "array"
+                          }
+                        },
+                        "type": "object"
+                      },
+                      "languages": {
+                        "description": "Languages includes Chinese and English and etc.",
+                        "items": {
+                          "type": "string"
+                        },
+                        "type": "array"
+                      },
+                      "license": {
+                        "description": "License includes CC BY, CC BY-SA, CC BY-ND, CC BY-NC, CC BY-NC-SA, CC BY-NC-ND, CC0, ODC-PDDL, ODC-BY ODC-ODbl, CDLA-Permissive-2.0, CDLA-Sharing-1.0",
+                        "type": "string"
+                      },
+                      "plugin": {
+                        "description": "Plugin describes the plugin including parameters and whether uses a plugin.",
+                        "properties": {
+                          "loadPlugin": {
+                            "default": false,
+                            "description": "LoadPlugin describes a Scoring CR whether uses plugin to do evaluation, if true then Plugin data will be needed,",
+                            "type": "boolean"
+                          },
+                          "name": {
+                            "maxLength": 63,
+                            "type": "string"
+                          },
+                          "parameters": {
+                            "type": "string"
+                          }
+                        },
+                        "required": [
+                          "loadPlugin"
+                        ],
+                        "type": "object"
+                      },
+                      "size": {
+                        "description": "Size describes dataset's entries number",
+                        "type": "string"
+                      },
+                      "tags": {
+                        "description": "Tags describes a dataset, it's customized.",
+                        "items": {
+                          "type": "string"
+                        },
+                        "type": "array"
+                      },
+                      "task": {
+                        "description": "Task describes the main task that the dataset can do, including Text Generation, Question Answering, Translation, Conversational etc.",
+                        "enum": [
+                          "Text Generation",
+                          "Question Answering",
+                          "Text Classification",
+                          "Summarization"
+                        ],
+                        "properties": {
+                          "name": {
+                            "maxLength": 63,
+                            "type": "string"
+                          },
+                          "subTasks": {
+                            "description": "SubTask defines a dataset task's subtask e.g. language-modeling of Text Generation, open-domain-qa of Question Answering etc. It is corresponding to Task.",
+                            "enum": [
+                              "language-modeling",
+                              "masked-language-modeling",
+                              "natural-language-inference",
+                              "extractive-qa",
+                              "open-domain-qa",
+                              "multi-choice-qa",
+                              "closed-domain-qa",
+                              "multi-class-classification",
+                              "sentiment-classification",
+                              "topic-classification",
+                              "multi-label-classification",
+                              "news-articles-summarization"
+                            ],
+                            "items": {
+                              "description": "EDIT THIS FILE!  THIS IS SCAFFOLDING FOR YOU TO OWN! NOTE: json tags are required.  Any new fields you add must have json tags for the fields to be serialized. SubTask defines a dataset task's subtask",
+                              "properties": {
+                                "name": {
+                                  "maxLength": 63,
+                                  "type": "string"
+                                }
+                              },
+                              "required": [
+                                "name"
+                              ],
+                              "type": "object"
+                            },
+                            "type": "array"
+                          }
+                        },
+                        "required": [
+                          "name"
+                        ],
+                        "type": "object"
+                      }
+                    },
+                    "required": [
+                      "languages",
+                      "license",
+                      "size",
+                      "task"
+                    ],
+                    "type": "object"
+                  }
+                },
+                "required": [
+                  "datasetMetadata"
+                ],
+                "type": "object"
+              },
+              "status": {
+                "description": "DatasetStatus defines the observed state of Dataset",
+                "properties": {
+                  "state": {
+                    "description": "INSERT ADDITIONAL STATUS FIELD - define observed state of cluster Important: Run \"make\" to regenerate code after modifying this file",
+                    "type": "string"
+                  }
+                },
+                "type": "object"
+              }
+            },
+            "type": "object"
+          }
+        },
+        "served": true,
+        "storage": true,
+        "subresources": {
+          "status": {}
+        }
+      }
+    ]
+  },
+  "status": {
+    "acceptedNames": {
+      "kind": "Dataset",
+      "listKind": "DatasetList",
+      "plural": "datasets",
+      "singular": "dataset"
+    },
+    "conditions": [
+      {
+        "lastTransitionTime": "2023-11-02T02:13:27Z",
+        "message": "no conflicts found",
+        "reason": "NoConflicts",
+        "status": "True",
+        "type": "NamesAccepted"
+      },
+      {
+        "lastTransitionTime": "2023-11-02T02:13:27Z",
+        "message": "the initial names have been accepted",
+        "reason": "InitialNamesAccepted",
+        "status": "True",
+        "type": "Established"
+      }
+    ],
+    "storedVersions": [
+      "v1beta1"
+    ]
+  }
+}
diff --git a/src/assets/styles/common.scss b/src/assets/styles/common.scss
new file mode 100644
index 0000000..0edec8d
--- /dev/null
+++ b/src/assets/styles/common.scss
@@ -0,0 +1,199 @@
+/* stylelint-disable scss/at-rule-no-unknown */
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';
+@import 'form-block';
+@import 'layout';
+
+.redirect-link {
+  overflow: hidden;
+  color: var(--dao-primary-blue-040);
+  text-decoration: none;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.hover-link {
+  overflow: hidden;
+  color: var(--dao-text-primary);
+  text-decoration: none;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  &:hover {
+    color: var(--dao-primary-blue-040);
+  }
+}
+
+// icon color
+.icon-success {
+  color: var(--dao-green-030);
+}
+
+.icon-error {
+  color: var(--dao-running-status-error);
+}
+
+.icon-muted {
+  color: var(--dao-gray-blue-040);
+}
+
+.table-header-item__menu {
+  width: 250px !important;
+  margin-left: 49px !important;
+}
+
+.font-gray {
+  color: var(--dao-gray-010);
+}
+
+.dao-table-td {
+  .dao-action-icon[data-action-td] {
+    .dao-action-icon__iconfont {
+      font-size: 13px;
+    }
+  }
+}
+
+.content-grey {
+  display: flex;
+  width: 100%;
+  padding: 20px;
+  background-color: var(--dao-gray-blue-110);
+  border: 1px solid var(--dao-gray-blue-050);
+  border-radius: 10px;
+
+  .dao-form-item__content {
+    padding-bottom: 0 !important;
+  }
+}
+
+.form-label {
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 25px;
+  color: var(--dao-gray-010);
+}
+
+// dao-table link 样式
+.dao-table {
+  .dao-table-td__link {
+    font-weight: 700;
+    color: var(--dao-text-primary);
+    text-decoration: none;
+
+    &:hover {
+      color: var(--dao-primary-blue-040);
+    }
+  }
+}
+
+.dash-wrap {
+  padding: 20px;
+  margin-top: 10px;
+  overflow: auto;
+  border: 1px dashed var(--dao-gray-blue-050);
+  border-radius: 10px;
+}
+
+.toolbar-filter-label {
+  margin-right: 10px;
+  font-size: 13px;
+  line-height: 20px;
+  color: var(--dao-text-secondary);
+}
+
+// label-tag 父元素样式
+.label-tag-container {
+  position: relative;
+  min-height: 96px;
+  max-height: 200px;
+  padding: 9px;
+  overflow-y: auto;
+  background: var(--dao-gray-blue-110);
+  border: 1px solid var(--dao-gray-blue-050);
+  border-radius: 3px;
+
+  .label-tag-item + .label-tag-item {
+    margin-top: 8px;
+  }
+}
+
+//multi row edit slot 宽度
+.multi-row-editor {
+  .editor-select {
+    width: 100%;
+  }
+
+  .dao-input-wrapper {
+    width: 100%;
+
+    .dao-input-inner {
+      width: 100%;
+    }
+  }
+}
+
+@keyframes dot-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.dao-toolbar {
+  .dao-select.dao-select--size-md {
+    width: 160px;
+  }
+}
+
+.line-link-text {
+  color: var(--dao-acidblue-040);
+  cursor: pointer;
+}
+
+.required-tag {
+  position: relative;
+
+  &::after {
+    position: absolute;
+    top: 0;
+    color: var(--dao-red-040);
+    content: '*';
+    transform: translate(7px, 3px);
+  }
+}
+
+// 文字按钮
+.text-btn {
+  display: inline-block;
+  font-size: 13px;
+  line-height: 20px;
+  color: var(--dao-primary-blue-040);
+  cursor: pointer;
+
+  &:hover {
+    color: var(--dao-primary-blue-060);
+  }
+
+  &-disabled {
+    color: var(--dao-gray-120);
+    cursor: not-allowed;
+
+    &:hover {
+      color: var(--dao-gray-120);
+    }
+  }
+}
+
+.list-name-link {
+  font-weight: 700;
+  color: var(--dao-text-primary);
+  text-decoration: none;
+
+  &:hover {
+    color: var(--dao-primary-blue-040);
+  }
+}
diff --git a/src/assets/styles/form-block.scss b/src/assets/styles/form-block.scss
new file mode 100644
index 0000000..3909ed1
--- /dev/null
+++ b/src/assets/styles/form-block.scss
@@ -0,0 +1,37 @@
+.kpd-form-block {
+  padding: 20px 40px 0 20px;
+  border: 1px dashed var(--dao-gray-blue-050);
+  border-radius: 10px;
+
+  &__item {
+    position: relative;
+    padding-top: 20px;
+    background: var(--dao-gray-blue-110);
+    border: 1px solid var(--dao-gray-blue-050);
+    border-radius: 10px;
+  }
+
+  &__item + &__item {
+    margin-top: 20px;
+  }
+
+  &__remove-btn {
+    position: absolute;
+    top: 50%;
+    right: -30px;
+    padding: 2px;
+    font-size: 18px;
+    color: var(--dao-gray-blue-040);
+    cursor: pointer;
+    transform: translateY(-50%);
+  }
+
+  &__add-btn {
+    display: inline-block;
+    margin: 10px 0;
+
+    .dao-icon {
+      margin-right: 5px;
+    }
+  }
+}
diff --git a/src/assets/styles/layout.scss b/src/assets/styles/layout.scss
new file mode 100644
index 0000000..60ef729
--- /dev/null
+++ b/src/assets/styles/layout.scss
@@ -0,0 +1,7 @@
+.console-main-container {
+  padding: 0 30px 30px;
+}
+
+.dao-card-header-title {
+  overflow: hidden;
+}
diff --git a/src/components/AnakinHeader.vue b/src/components/AnakinHeader.vue
index 4fcdc3f..745dfa4 100644
--- a/src/components/AnakinHeader.vue
+++ b/src/components/AnakinHeader.vue
@@ -4,6 +4,7 @@ import AnakinHeaderButton from '@/components/AnakinHeaderButton.vue';
 import Avatar from '@/assets/avatar.webp';
 import { computed } from 'vue';
 import { noop } from '@vueuse/core';
+import { useNamespaceStore } from '@/stores/namespace';
 
 const userOperation = computed(() => [
   {
@@ -25,33 +26,50 @@ const userOperation = computed(() => [
   },
 ]);
 
+const namespaceStore = useNamespaceStore();
+
+const namespace = computed({
+  get() {
+    return namespaceStore.namespace;
+  },
+  set(val) {
+    namespaceStore.setNamespace(val);
+  },
+});
 </script>
 
 <template>
   <header class="ghippo-header">
-    <!-- <div class="ghippo-header-aside" /> -->
-    <span>
-      Futurewei
-    </span>
+    <!-- <div class="" /> -->
+    <span class="ghippo-header__product"> DataTunerX </span>
+
+    <span class="ghippo-header__namespace"> 命名空间 </span>
+    <dao-select
+      v-model="namespace"
+      search
+      class="ml-[20px]"
+    >
+      <dao-option
+        v-for="ns in namespaceStore.namespaces"
+        :key="ns.metadata?.name"
+        :label="ns.metadata?.name"
+        :value="ns.metadata?.name"
+      />
+    </dao-select>
+
     <div class="ghippo-toolbox">
       <div class="ghippo-toolbox-item">
         <dao-dropdown
           trigger="click"
           :offset="5"
         >
-          <anakin-header-button
-            class="ghippo-user-trigger"
-          >
+          <anakin-header-button class="ghippo-user-trigger">
             <img
               class="ghippo-user-avatar ghippo-header-logo-img"
               :src="Avatar"
               alt="user.username"
             >
-            <span
-              class="ghippo-user-avatar ghippo-user-username"
-            >
-              Max
-            </span>
+            <span class="ghippo-user-avatar ghippo-user-username"> Max </span>
             <dao-icon
               use-font
               name="icon-dropdown-line"
@@ -81,7 +99,7 @@ const userOperation = computed(() => [
   </header>
 </template>
 
-<style lang="scss">
+<style lang="scss" scoped>
 $ghippo-header-background: var(--dao-top-gray-010);
 $ghippo-header-color: var(--dao-navigation-090);
 
@@ -91,6 +109,22 @@ $ghippo-header-color: var(--dao-navigation-090);
   height: 50px;
   color: $ghippo-header-color;
   background-color: $ghippo-header-background;
+
+  &__product {
+    width: 210px;
+    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
+    font-family: PingFang SC-Bold, PingFang SC;
+    font-size: 26px;
+    font-weight: bold;
+    color: #fff;
+    text-align: center;
+  }
+
+  &__namespace {
+    margin-left: 30px;
+    font-size: 16px;
+    font-weight: bold;
+  }
 }
 
 .ghippo-header-logo {
diff --git a/src/components/AnakinNav.vue b/src/components/AnakinNav.vue
index 1751ee4..87f7373 100644
--- a/src/components/AnakinNav.vue
+++ b/src/components/AnakinNav.vue
@@ -1,94 +1,83 @@
-<script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'AnakinNav',
+<script lang="ts" setup>
+import { computed } from 'vue';
+import { getActiveRouteFold } from '@/lib/util';
+import { NavRoute } from '@/types/common';
+
+const routes = computed<NavRoute[]>(() => {
+  const items = [
+    {
+      to: { name: 'FinetuneExperimentList' },
+      display: '微调实验',
+      icon: 'icon-registry',
+    },
+    {
+      to: { name: 'DatasetList' },
+      display: '数据集',
+      icon: 'icon-apps',
+    },
+    {
+      to: { name: 'HyperparameterList' },
+      display: '参数组',
+      icon: 'icon-config-file',
+    },
+  ] as NavRoute[];
+
+  return items;
 });
+
+const activeOpened = computed(() => getActiveRouteFold(routes.value));
+
 </script>
 
 <template>
   <dao-nav
     ref="navRef"
+    class="console__nav"
     type="2nd"
-    :active-opened="['3']"
+    :active-opened="activeOpened"
   >
-    <template #header>
+    <!-- <template #header>
       <dao-nav-head
-        icon="icon-apps"
-        title="Application"
+        icon="icon-engine"
+        title="DataTunerX"
         use-font
       />
-    </template>
-    <dao-nav-sub
-      index="2"
-      icon="icon-pod"
-      title="Plugins"
-      :disabled="true"
-      use-font
+    </template> -->
+    <router-link
+      v-for="(route, index) in routes"
+      :key="index"
+      v-slot="{ isActive, navigate }"
+      :to="route.to"
+      custom
     >
-      <dao-nav-item
-        index="2-1"
-        icon="icon-dce"
-        title="DNS"
-        use-font
-      />
-      <dao-nav-item
-        index="2-2"
-        icon="icon-cluster"
-        title="这个是超过正常长度的nav-item"
-        use-font
-      />
-      <dao-nav-item
-        index="2-3"
-        icon="icon-cluster"
-        title="2048"
-        use-font
-      />
-      <dao-nav-item
-        index="2-4"
-        icon="icon-cluster"
-        title="2048"
+      <dao-nav-sub
+        :index="index"
+        :icon="route.icon"
+        :title="route.display"
+        :fold="Boolean(route.children?.length)"
         use-font
-      />
-      <dao-nav-item
-        index="2-5"
-        icon="icon-cluster"
-        title="2048"
-        use-font
-      />
-      <dao-nav-item
-        index="2-6"
-        icon="icon-cluster"
-        title="2048"
-        use-font
-      />
-      <dao-nav-item
-        index="2-7"
-        icon="icon-cluster"
-        title="2048"
-        use-font
-      />
-    </dao-nav-sub>
-    <dao-nav-sub
-      index="3"
-      icon="icon-registry"
-      title="这个是超过正常长度的nav-item"
-      use-font
-    >
-      <dao-nav-item
-        index="3-1"
-        icon="icon-container"
-        title="这个是超过正常长度的nav-item"
-        disabled
-        use-font
-      />
-      <dao-nav-item
-        index="3-2"
-        icon="icon-user"
-        title="Helm"
-        use-font
-      />
-    </dao-nav-sub>
+        :is-active="isActive"
+        @click="navigate"
+      >
+        <template v-if="route.children?.length">
+          <router-link
+            v-for="(ch, chIdx) in route.children"
+            :key="ch.display"
+            v-slot="{ isActive: chIsActive, navigate: chNavigate }"
+            :to="ch.to"
+            custom
+          >
+            <dao-nav-item
+              :index="`${index}-${chIdx}`"
+              :title="ch.display"
+              :is-active="chIsActive"
+              use-font
+              @click="chNavigate"
+            />
+          </router-link>
+        </template>
+      </dao-nav-sub>
+    </router-link>
   </dao-nav>
 </template>
 
@@ -96,101 +85,51 @@ export default defineComponent({
 $ghippo-header-height: 50px;
 $ghippo-header-aside-button-padding: 2px;
 
-.ghippo-header-sidebar-main {
-  margin-left: 20px - $ghippo-header-aside-button-padding;
-}
-
-.ghippo-header-aside-button {
-  display: block;
-  // 此处padding-left + ghippo-header-sidebar-main margin-left = 20px
-  padding: 8px + $ghippo-header-aside-button-padding $ghippo-header-aside-button-padding;
-
-  .ghippo-header-aside-icon {
-    position: relative;
-    display: block;
-    width: 18px;
-    height: 2px;
-    background-color: var(--dao-navigation-090);
-    border-radius: 1px;
-
-    &::before,
-    &::after {
-      position: absolute;
-      right: 5px;
-      left: 0;
-      display: block;
-      height: 2px;
-      content: '';
-      background: var(--dao-navigation-090);
-      border-radius: 1px;
-      transition: left 0.3s, right 0.3s;
-      will-change: left, right;
-    }
-
-    &::before {
-      top: -6px;
-    }
-
-    &::after {
-      bottom: -6px;
-    }
-
-    &--active {
-      &::before,
-      &::after {
-        right: 0;
-        left: 5px;
-      }
-    }
-  }
-}
-
-.ghippo-header-nav-main {
-  // position: fixed;
-  // 和header高有关
-  top: $ghippo-header-height;
-  bottom: 0;
-  left: 0;
-  // loading的z-index是9999
-  z-index: 10000;
-  min-width: 210px;
-  overflow: hidden auto;
-  background-color: var(--dao-navigation-010);
-
-  &--no-scrollbar {
-    pointer-events: none;
-  }
-
-  .ghippo-nav-body {
-    pointer-events: auto;
+.console {
+  &__nav {
+    z-index: 99;
+    flex: none;
+    padding-top: 10px;
+
+  //   .dao-icon.icon-new-tab {
+  //     color: var(--dao-gray-blue-040);
+  //   }
+
+  //   &-title-wrap {
+  //     display: flex;
+  //     align-items: center;
+  //     justify-content: space-between;
+  //     height: 30px;
+  //     margin-right: 12px;
+  //     margin-left: 12px;
+  //     line-height: 30px;
+  //   }
+
+  //   &-title {
+  //     overflow: hidden;
+  //     font-size: 15px;
+  //     font-weight: 600;
+  //     text-overflow: ellipsis;
+  //     white-space: nowrap;
+  //   }
+
+  //   &-exchange {
+  //     margin-left: 4px;
+  //     font-size: 16px;
+  //     font-weight: 400;
+  //     cursor: pointer;
+  //   }
+
+  //   &__menu {
+  //     width: 250px !important;
+  //     margin-left: 41px !important;
+  //   }
+  // }
+
+  // &__content {
+  //   flex: 1 1 0;
+  //   height: 100%;
+  //   overflow: auto;
   }
 }
-
-@keyframes slide-in-left {
-  from {
-    visibility: visible;
-    transform: translate3d(-100%, 0, 0);
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.slide-in-left-enter-active {
-  animation: slide-in-left 0.3s ease-in;
-}
-
-.slide-in-left-leave-active {
-  animation: slide-in-left 0.3s ease-in reverse;
-}
-
-.ghippo-nav-title {
-  height: 46px;
-  padding-left: 20px;
-  font-size: 12px;
-  font-weight: bold;
-  line-height: 46px;
-  color: rgba(var(--dao-navigation-050-rgb), 0.6);
-}
 </style>
diff --git a/src/components/NumberChart.vue b/src/components/NumberChart.vue
new file mode 100644
index 0000000..a8bf66e
--- /dev/null
+++ b/src/components/NumberChart.vue
@@ -0,0 +1,123 @@
+<template>
+  <div
+    v-data-sync="isNumberChartDataSyncShow"
+    class="number-chart"
+  >
+    <template v-if="!isNumberChartDataSyncShow">
+      <div class="number-chart__content">
+        <div>
+          <span
+            class="number-chart__content__num-ready"
+            :style="{ color: readyColor }"
+          >
+            {{ ready.data }}
+          </span>
+          <span
+            class="number-chart__content__num-total"
+            :style="{ color: totalColor }"
+          >
+            / {{ total.data }}
+          </span>
+        </div>
+      </div>
+
+      <div class="number-chart__title">
+        {{ title }}
+      </div>
+    </template>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps, PropType, computed } from 'vue';
+
+interface NumberProp {
+  data: number
+  color?: string | ((data: number) => string);
+}
+
+const props = defineProps({
+  ready: {
+    type: Object as PropType<NumberProp>,
+    default: () => ({
+      data: 0,
+      color: '#2CC76A',
+    }),
+  },
+  total: {
+    type: Object as PropType<NumberProp>,
+    default: () => ({
+      data: 0,
+      color: '#3D444F',
+    }),
+  },
+  title: {
+    type: String,
+    default: '',
+  },
+});
+
+const isNumberChartDataSyncShow = computed(() => props.ready.data === -1);
+
+const getColor = (numColor: NumberProp['color'], num: number) => {
+  if (!numColor) return undefined;
+
+  if (typeof numColor === 'string') return numColor;
+
+  if (numColor instanceof Function) {
+    return numColor(num);
+  }
+
+  return undefined;
+};
+
+const readyColor = computed(() => {
+  const { color, data } = props.ready;
+
+  return getColor(color, data) || '#2CC76A';
+});
+
+const totalColor = computed(() => {
+  const { color, data } = props.total;
+
+  return getColor(color, data) || '#3D444F';
+});
+
+</script>
+
+<style lang="scss" scoped>
+.number-chart {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  &__content {
+    display: flex;
+    align-items: center;
+    justify-items: center;
+
+    &__num-ready {
+      font-size: 32px;
+      font-weight: 700;
+      line-height: 1;
+      color: var(--dao-green-030);
+    }
+
+    &__num-total {
+      margin-left: 4px;
+      font-size: 13px;
+      font-weight: 700;
+      line-height: 20px;
+      color: var(--dao-gray-010);
+    }
+  }
+
+  &__title {
+    margin-top: 16px;
+    font-size: 12px;
+    line-height: 20px;
+    color: var(--dao-gray-070);
+  }
+}
+</style>
diff --git a/src/global.d.ts b/src/global.d.ts
new file mode 100644
index 0000000..3ed42e0
--- /dev/null
+++ b/src/global.d.ts
@@ -0,0 +1,101 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+interface Window {
+  __POWERED_BY_QIANKUN__?: boolean;
+  __INJECTED_PUBLIC_PATH_BY_QIANKUN__: string;
+}
+
+interface StoreMutation {
+  type: string;
+  payload: unknown;
+}
+
+type SubscribeHook = (
+  mutation: StoreMutation,
+  state: Record<string, unknown>
+) => void;
+
+interface SharedStore {
+  subscribe(hook: SubscribeHook);
+}
+
+declare interface QiankunProps {
+  basePath?: string;
+  container?: HTMLElement;
+  routerBase?: string;
+  sharedStore?: SharedStore;
+  onGlobalStateChange?: (arg0: (state: unknown, prev: unknown) => void) => void;
+  setGlobalState?: (arg0: { [string]: unknown }) => void;
+}
+
+declare module 'js-yaml'
+
+declare module 'marked';
+
+/**
+ * 将 T 中的 部分 属性 变为必填，其他不变
+ *
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type CustomRequired<T extends Record<string, any>, K extends keyof T> = Omit<T, K> & {
+  [P in K]-?: T[P];
+}
+
+/**
+ * 将 T 中的 部分 属性 变为选填，其他不变
+ *
+ */
+type CustomPartial<T extends Record<string, any>, K extends keyof T> = Omit<T, K> & {
+  [P in K]?: T[P];
+};
+
+interface ListFormType {
+  searchKey: string;
+}
+
+type LabelType = Record<'key' | 'value', string>;
+
+interface KeyValue {
+  [key: string]: string,
+}
+
+type ErrorType = {
+  message: string;
+  code: number;
+  details: string[]
+};
+
+type RemoteCompoentRef = {
+  confirm: () => Promise<{ valid: boolean, data: Deployment | StatefulSet }>;
+}
+
+declare module '@lljj/vjsf-utils/vue3Utils' {
+  const resolveComponent = (component: any) => any;
+}
+
+declare module '@lljj/vjsf-utils/utils' {
+  const parseDateString = (dateString: string, includeTime: boolean) => any;
+}
+
+declare module '@lljj/vjsf-utils/formUtils' {}
+declare module '@lljj/vjsf-utils/schema' {}
+declare module '@lljj/vjsf-utils/schema/getDefaultFormState' {
+  type getDefaultFormState = (
+    _schema: any,
+    formData: any,
+    rootSchema?: any,
+    includeUndefinedValues?: boolean,
+    haveAllFields?: boolean) => any
+}
+declare module '@lljj/vue3-form-core' {
+  const createForm = (globalOptions?: any) => any;
+
+  export default createForm;
+}
+
+// eslint-disable-next-line camelcase, no-underscore-dangle
+declare let __webpack_init_sharing__: (scope: string) => Promise<void>;
+// eslint-disable-next-line camelcase, no-underscore-dangle
+declare let __webpack_share_scopes__: {
+  [propsName: string]: any;
+};
diff --git a/src/lib/DialogWrapper.ts b/src/lib/DialogWrapper.ts
new file mode 100644
index 0000000..c4968c0
--- /dev/null
+++ b/src/lib/DialogWrapper.ts
@@ -0,0 +1,148 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import {
+  defineComponent,
+  ExtractPropTypes,
+  getCurrentInstance,
+  h,
+  onBeforeUnmount, onErrorCaptured,
+  reactive,
+  TransitionGroup,
+} from 'vue';
+import './dialog-wrapper.scss';
+
+// TODO: 先直接引入，extend 发布后再替换
+export interface WrapperOptions<
+  T extends ReturnType<typeof defineComponent> = ReturnType<typeof defineComponent>,
+  Prop = ExtractPropTypes<T>
+  > {
+  component: T,
+  props: Prop,
+  id: symbol,
+  resolve: (data: unknown) => void;
+  reject: (reason?: string) => void;
+}
+
+export type CreateOptions = WrapperOptions['component'];
+
+const CANCEL_REASON = 'Close Dialog Wrapper';
+
+window.addEventListener('unhandledrejection', (event) => {
+  if (event.reason === CANCEL_REASON) {
+    event.preventDefault();
+  }
+});
+
+export function disableDialogWrapperWarning(error: unknown) {
+  if (typeof error === 'string') {
+    return error !== CANCEL_REASON;
+  }
+
+  return true;
+}
+
+export function useDialogWrapper() {
+  const showMap = reactive(new Map<symbol, WrapperOptions>());
+
+  const wrapper = defineComponent({
+    setup(_props, { slots }) {
+      const root = getCurrentInstance()?.root;
+
+      onErrorCaptured(disableDialogWrapperWarning, root);
+
+      const onResolve = (id: symbol, data: unknown) => {
+        const dialog = showMap.get(id);
+
+        if (dialog) {
+          showMap.delete(id);
+          dialog.resolve(data);
+        }
+      };
+
+      const onReject = (id: symbol) => {
+        const dialog = showMap.get(id);
+
+        if (dialog) {
+          showMap.delete(id);
+          dialog.reject(CANCEL_REASON);
+        }
+      };
+
+      return () => h(TransitionGroup, {
+        name: 'dialog-wrapper',
+        tag: 'div',
+      }, () => [
+        slots?.default?.(),
+        ...Array.from(showMap.values()).map(({
+          component, props, id,
+        }) => h(component, {
+          ...props,
+          key: id,
+          onResolve: (data: unknown) => {
+            onResolve(id, data);
+          },
+          onReject: () => {
+            onReject(id);
+          },
+        })),
+      ]);
+    },
+  });
+
+  function destroy(id: symbol) {
+    showMap.delete(id);
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  function create<T extends abstract new(...args: any) => any>(cp: T) {
+    const instance = getCurrentInstance();
+
+    const id = Symbol('unique dialog');
+
+    type ComponentInstance = InstanceType<T>;
+
+    type ComponentProps = ComponentInstance['$props'];
+
+    type ComponentEmits = ComponentInstance['$emit']
+
+    type ResolveEmit<K> = K extends {
+      (event: 'resolve', x: infer P): void,
+      (event: 'reject'): void,
+    } ? P : never;
+
+    const destroyCurrentDialog = () => {
+      destroy(id);
+    };
+
+    if (instance) {
+      onBeforeUnmount(() => {
+        destroyCurrentDialog();
+      });
+    }
+
+    function show(props: Partial<ComponentProps>) {
+      return new Promise<ResolveEmit<ComponentEmits>>((resolve, reject) => {
+        // @ts-ignore
+        showMap.set(id, Object.freeze({
+          id,
+          resolve,
+          reject,
+          props,
+          component: cp,
+        }));
+      });
+    }
+
+    return {
+      show,
+      destroy: () => destroy(id),
+    };
+  }
+
+  return {
+    wrapper,
+    create,
+    destroy,
+  };
+}
+
+export const { wrapper: DialogWrapper, create: createDialog } = useDialogWrapper();
diff --git a/src/lib/dialog-wrapper.scss b/src/lib/dialog-wrapper.scss
new file mode 100644
index 0000000..c402726
--- /dev/null
+++ b/src/lib/dialog-wrapper.scss
@@ -0,0 +1,7 @@
+.dialog-wrapper-leave-active {
+  opacity: 0;
+}
+
+.dialog-wrapper-leave-active .dao-dialog__container {
+  transform: translate(0, 0);
+}
diff --git a/src/lib/util.ts b/src/lib/util.ts
new file mode 100644
index 0000000..10943f1
--- /dev/null
+++ b/src/lib/util.ts
@@ -0,0 +1,237 @@
+import { getCurrentInstance } from 'vue';
+import { useRoute } from 'vue-router';
+import type { NavRoute } from '@/types/common';
+
+export const capitalizeString = (
+  str: string,
+): string => str.charAt(0).toUpperCase() + str.substring(1);
+
+export function useDayjs() {
+  const instance = getCurrentInstance();
+  const $dayjs = instance?.appContext.config.globalProperties.$dayjs;
+
+  return $dayjs;
+}
+
+/**
+ * ！！！ K8s 资源中，只有 Mi 和 M
+ * 但是前端展示需要 MB
+ *
+ * 跟后端同事商量，MB 以 Mi 为准，1024
+ * M 以 1000
+ *
+ * 将单位为 byte 的数据，转换成 'KB' | 'MB' | 'GB' | 'TB' | 'PB'
+ * 超过某一个单位一半的时候，自动进位到下一位
+ * 比如 输入：1024* 500，输出 500 KB
+ * 比如 输入：1024* 513，输出 0.5 MB
+ * @param bytes {number|string} 将要转换的单位为 byte 的数据
+ * @param targetUnit {string} 想要转换后的单位
+ */
+export function bytesToUnit(bytes: number | string, targetUnit?: 'KB' | 'MB' | 'GB' | 'TB' | 'PB') {
+  let oldNum = Number(bytes);
+
+  if (Number.isNaN(oldNum)) {
+    oldNum = 0;
+  }
+  // 1024
+  const unitsArr = ['KB', 'MB', 'GB', 'TB', 'PB'];
+
+  const result = {
+    value: 0,
+    unit: unitsArr[0],
+  };
+
+  // 有特定的 单位
+  if (targetUnit) {
+    const idx = unitsArr.findIndex((u) => u === targetUnit);
+
+    if (idx !== -1) {
+      result.value = Number((oldNum / (1024 ** (idx + 1))).toFixed(2));
+      result.unit = unitsArr[idx];
+    } else {
+      result.value = Number((oldNum / 1024).toFixed(2));
+      [result.unit] = unitsArr;
+    }
+
+    return result;
+  }
+
+  for (let i = 0; i < unitsArr.length; i += 1) {
+    // 当超过一半的时候，单位就置为更大的单位
+    if (oldNum < (1024 ** (i + 1)) * 513) {
+      result.value = Number((oldNum / (1024 ** (i + 1))).toFixed(2));
+      result.unit = unitsArr[i];
+
+      return result;
+    }
+  }
+
+  // 太大的，就转化为 最大的单位
+  result.value = Number((oldNum / (1024 ** unitsArr.length)).toFixed(2));
+  result.unit = unitsArr[unitsArr.length - 1];
+
+  return result;
+}
+
+/**
+ * 浮点数处理
+ * @param src {number}
+ * @param pos {number}
+ */
+export function formatFloat(src: number, pos = 2) {
+  let fun = Math.round;
+
+  if (src < 10 ** -pos) {
+    fun = Math.ceil;
+  }
+
+  return fun(src * 10 ** pos) / 10 ** pos;
+}
+
+/**
+ * 输出百分比
+ * @param a {number | string}
+ * @param b {number | string}
+ */
+export function percent(a: number | string, b: number | string) {
+  return formatFloat((Number(a) / Number(b)) * 100);
+}
+
+export function formatLabelToKeyValueList(data: KeyValue = {}): LabelType[] {
+  return Object.entries(data).reduce((pre: LabelType[], [key, value]) => {
+    const tempV = (typeof value === 'string') ? value : JSON.stringify(value);
+
+    pre.push({
+      key,
+      value: tempV,
+    });
+
+    return pre;
+  }, []);
+}
+
+export function formatKeyValueListToObj(data: LabelType[] = []) {
+  const obj: {[key: string]: string} = {};
+
+  data.forEach((item) => {
+    if (!item.key) return;
+    obj[item.key.trim()] = item.value?.trim();
+  });
+
+  return obj;
+}
+
+/**
+ * {key: value} 转换为 ['key:value'] 形式
+ * @param v
+ */
+export function formatKeyValToStr(v: KeyValue | undefined = {}) {
+  return Object.entries(v || {}).map(([key, value]) => `${key}:${value}`);
+}
+
+interface MetadataSchema {
+  metadata: {
+    properties: {
+      name?: object;
+      namespace?: object;
+    }
+  }
+}
+
+interface MetadataProperties {
+  name?: string;
+  ns?: string;
+}
+
+/**
+ * 构造yaml schema，校验name、namespace字段不能被更改
+ * @param properties
+ */
+export function getMetadataSchema(properties: MetadataProperties) {
+  const { name, ns } = properties;
+
+  const schema: MetadataSchema = {
+    metadata: {
+      properties: {},
+    },
+  };
+
+  if (name) {
+    schema.metadata.properties.name = {
+      type: 'string',
+      enum: [name],
+    };
+  }
+
+  if (ns) {
+    schema.metadata.properties.namespace = {
+      enum: [ns === '_all' ? 'default' : ns],
+    };
+  }
+
+  return schema;
+}
+
+/**
+ *
+ *  updateByYaml 返回的数据，都有如下问题
+ * 1. 没有 cluster
+ * @param {String} data YAML 更新, API 返回的 data
+ * @param {String} cluster 更新的数据 metadata.cluster
+ * @returns {Object} 处理后的数据
+ */
+export function jsonAddCluster(data: string, cluster: string) {
+  const res = JSON.parse(data);
+
+  res.metadata.cluster = cluster || '';
+
+  return res;
+}
+
+/**
+ * 多个图表时，赋值ref函数会有ts报错，可以通过这个函数进行类型推断
+ * @param el
+ */
+export function getHtmlElement(el: unknown) {
+  if (el instanceof HTMLElement) {
+    return el;
+  }
+
+  return undefined;
+}
+
+/**
+ * 导航栏，定位展开父级导航
+ * @param routes
+ */
+export function getActiveRouteFold(routes: NavRoute[]) {
+  const route = useRoute();
+
+  const folders = routes.filter((item) => item.children?.length);
+
+  const openedFolder = folders.find((child) => {
+    const leaves = child.children ?? [];
+
+    return leaves?.find((leaf) => {
+      const leafRouteName = leaf.to?.name;
+
+      return leafRouteName === route.name || route.matched.find((m) => m.name === leafRouteName);
+    });
+  });
+
+  return openedFolder ? [routes.indexOf(openedFolder)] : [];
+}
+
+export const randomStr = (length: number) => {
+  const str = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
+  let result = '';
+
+  let i = length;
+
+  while (i) {
+    result += str[Math.floor(Math.random() * str.length)];
+    i -= 1;
+  }
+
+  return result;
+};
diff --git a/src/locales/en-US/views/dataset.json b/src/locales/en-US/views/dataset.json
new file mode 100644
index 0000000..673e902
--- /dev/null
+++ b/src/locales/en-US/views/dataset.json
@@ -0,0 +1,5 @@
+{
+  "title": "数据集",
+  "zh-CN": "Chinese",
+  "en-US": "English"
+}
diff --git a/src/locales/zh-CN/views/dataset.json b/src/locales/zh-CN/views/dataset.json
new file mode 100644
index 0000000..80d75ba
--- /dev/null
+++ b/src/locales/zh-CN/views/dataset.json
@@ -0,0 +1,5 @@
+{
+  "title": "数据集",
+  "zh-CN": "中文",
+  "en-US": "英文"
+}
diff --git a/src/main.ts b/src/main.ts
index 8221aac..387437b 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,7 +2,10 @@ import { createApp } from 'vue';
 import 'normalize.css/normalize.css';
 import pluginInstall, { loadLanguageAsync } from './plugins';
 
+import '@/assets/styles/common.scss';
+
 import AppElement from './App.vue';
+import { useNamespaceStore } from './stores/namespace';
 
 const app = createApp(AppElement);
 
@@ -10,4 +13,8 @@ app.use(pluginInstall);
 
 await loadLanguageAsync('');
 
-app.mount('#app');
+const namespaceStore = useNamespaceStore();
+
+namespaceStore.fetchNamespace().then(() => {
+  app.mount('#app');
+});
diff --git a/src/plugins/axios/client.ts b/src/plugins/axios/client.ts
new file mode 100644
index 0000000..31207c1
--- /dev/null
+++ b/src/plugins/axios/client.ts
@@ -0,0 +1,55 @@
+import { DeleteOptions, ListMeta } from 'kubernetes-types/meta/v1';
+import httpClient from './index';
+
+type HttpClient = typeof httpClient;
+
+export interface List<T> {
+  apiVersion: string;
+  items: T[];
+  kind: string;
+  metadata: ListMeta;
+}
+
+export class K8sClient<T> {
+  private pathTemplate: string;
+
+  private httpClient: HttpClient = httpClient;
+
+  constructor(private apiVersion: string, private kind: string) {
+    this.pathTemplate = `/apis/${apiVersion}/namespaces/{namespace}/${kind.toLowerCase()}s`;
+  }
+
+  private getPath(namespace: string): string {
+    return this.pathTemplate.replace('{namespace}', encodeURIComponent(namespace));
+  }
+
+  list(namespace: string) {
+    const path = this.getPath(namespace);
+
+    return this.httpClient.get<List<T>>(path);
+  }
+
+  create(namespace: string, data: T) {
+    const url = this.getPath(namespace);
+
+    return this.httpClient.post<T>(url, data);
+  }
+
+  update(namespace: string, name: string, data: T) {
+    const url = `${this.getPath(namespace)}/${name}`;
+
+    return this.httpClient.put<T>(url, data);
+  }
+
+  read(namespace: string, name: string) {
+    const path = `${this.getPath(namespace)}/${name}`;
+
+    return this.httpClient.get<T>(path);
+  }
+
+  delete(namespace: string, name: string) {
+    const path = `${this.getPath(namespace)}/${name}`;
+
+    return this.httpClient.delete<DeleteOptions>(path);
+  }
+}
diff --git a/src/plugins/axios/index.ts b/src/plugins/axios/index.ts
new file mode 100644
index 0000000..d5485fe
--- /dev/null
+++ b/src/plugins/axios/index.ts
@@ -0,0 +1,25 @@
+/* eslint-disable @typescript-eslint/no-shadow */
+import axios, { HttpStatusCode } from 'axios';
+
+export interface KubernetesError {
+  kind: string
+  apiVersion: string
+  status: string
+  message: string
+  reason: string
+  code: number
+}
+
+const httpClient = axios.create({
+  baseURL: '/',
+  headers: { Authorization: `Bearer ${process.env.VUE_APP_AUTH}` },
+});
+
+httpClient.interceptors.response.use(
+  (response) => response,
+  (error) => Promise.reject(error.response?.data),
+);
+
+export default httpClient;
+
+export { HttpStatusCode };
diff --git a/src/plugins/dao-style/index.ts b/src/plugins/dao-style/index.ts
index 9a34573..fe07c39 100644
--- a/src/plugins/dao-style/index.ts
+++ b/src/plugins/dao-style/index.ts
@@ -4,24 +4,55 @@ import daoStyle from '@dao-style/core';
 import '@dao-style/core/dist/style.css';
 
 import {
-  createNoty, installer, DaoHistoryLink, createGlobalLoading, vLoading, DaoConfirmDialogFooter,
+  createNoty,
+  installer,
+  DaoHistoryLink,
+  createGlobalLoading,
+  vLoading,
+  setNotyDefault,
+  DaoConfirmDialogFooter,
+  DaoStateIcon,
+  DaoHoverCard,
+  DaoLabelExtend,
+  DaoFormItemValidate,
+  DaoMultiRowEditor,
+  DaoKeyValueLayout,
+  DaoKeyValueLayoutItem,
+  DaoKeyValueEditor,
+  DaoModalLayout,
+  registerAllValidations,
+  type VueI18nLike,
 } from '@dao-style/extend';
 
 const components = {
   DaoHistoryLink,
   DaoConfirmDialogFooter,
+  DaoStateIcon,
+  DaoHoverCard,
+  DaoLabelExtend,
+  DaoMultiRowEditor,
+  DaoKeyValueLayout,
+  DaoKeyValueLayoutItem,
+  DaoFormItemValidate,
+  DaoKeyValueEditor,
+  DaoModalLayout,
 };
 
+setNotyDefault({
+  showClose: true,
+});
+
 export const noty = createNoty();
 
 export const useGlobalLoading = createGlobalLoading();
 
-const installDaoStyle = (Vue: App): void => {
+const installDaoStyle = (Vue: App, vueI18nLike: VueI18nLike): void => {
   Vue.use(daoStyle);
   Vue.use(installer(components));
   noty.install(Vue);
   useGlobalLoading.install(Vue);
   Vue.directive('loading', vLoading);
+  registerAllValidations(vueI18nLike);
 };
 
 export default installDaoStyle;
diff --git a/src/plugins/dayjs/index.ts b/src/plugins/dayjs/index.ts
index 54d5358..ee10ad4 100644
--- a/src/plugins/dayjs/index.ts
+++ b/src/plugins/dayjs/index.ts
@@ -1,5 +1,11 @@
-import dayjs from 'dayjs';
 import type { App } from 'vue';
+import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import 'dayjs/locale/zh-cn';
+
+dayjs.extend(utc);
+dayjs.extend(relativeTime);
 
 const dayjsInstall = (Vue: App): void => {
   const app = Vue;
@@ -7,4 +13,27 @@ const dayjsInstall = (Vue: App): void => {
   app.config.globalProperties.$dayjs = dayjs;
 };
 
+function setDayjsLocal(lang: string) {
+  dayjs.locale(lang);
+
+  return lang;
+}
+
+export function loadDayjsLanguageAsync(lang = 'zh-CN') {
+  let language = lang;
+
+  if (!language) {
+    language = window.navigator.language;
+  }
+  if (language.toLowerCase().includes('zh')) {
+    language = 'zh-cn';
+  } else {
+    language = 'en';
+  }
+
+  return Promise.resolve(setDayjsLocal(language));
+}
+
+export { dayjs };
+
 export default dayjsInstall;
diff --git a/src/plugins/index.ts b/src/plugins/index.ts
index a92dba0..8d9ea30 100644
--- a/src/plugins/index.ts
+++ b/src/plugins/index.ts
@@ -8,7 +8,7 @@ import dayjsInstall from './dayjs';
 
 export default function install<T>(app: App<T>) {
   app.use(routerInstall);
-  app.use(daoStyleInstall);
+  app.use(daoStyleInstall, i18n);
   app.use(i18nInstall);
   app.use(dayjsInstall);
   app.use(piniaInstall);
diff --git a/src/plugins/vee-validate/index.ts b/src/plugins/vee-validate/index.ts
new file mode 100644
index 0000000..4a7dd67
--- /dev/null
+++ b/src/plugins/vee-validate/index.ts
@@ -0,0 +1,57 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+/* eslint-disable max-len */
+import { reactive } from 'vue';
+import { useField } from 'vee-validate';
+import type { DeepRequired } from 'utility-types';
+import { get, set } from 'lodash';
+import {
+  GetKey, KeyValOptions, KeyValRuleExpression, UseFieldReturn,
+} from './types';
+
+export * as yup from 'yup';
+
+export const useFieldByProps = <
+  T extends object,
+  K extends GetKey<DeepRequired<T>>,
+  Rules extends KeyValRuleExpression<T, K>,
+  Options extends KeyValOptions<T, K>,
+  >(props: T, rules?: Rules, options?: Options): UseFieldReturn<T, K> => {
+  const formData = reactive(props);
+  // const formData = reactive(cloneDeep(props));
+
+  const errorMessage = reactive<Partial<Record<K, string>>>({});
+  const originFieldInfo = reactive<Partial<Record<K, string>>>({});
+  const fieldErrors = reactive<Partial<Record<K, string[]>>>({});
+
+  const ruleEntry = rules ?? {} as Rules;
+
+  Object.keys(ruleEntry).forEach((key) => {
+    const initialValue = get(formData, key);
+
+    // @ts-ignore
+    const fieldInfo = useField(key, ruleEntry[key], {
+      initialValue,
+      // @ts-ignore
+      ...(options ? options[key] : {}),
+    });
+
+    set(formData, key, fieldInfo.value);
+    // @ts-ignore
+    errorMessage[key] = fieldInfo.errorMessage;
+    // @ts-ignore
+    fieldErrors[key] = fieldInfo.errors;
+    // @ts-ignore
+    originFieldInfo[key] = fieldInfo;
+  });
+
+  // @ts-ignore
+  return {
+  // @ts-ignore
+    formData,
+    errorMessage,
+    fieldErrors,
+    // @ts-ignore
+    originFieldInfo,
+  };
+};
diff --git a/src/plugins/vee-validate/types.ts b/src/plugins/vee-validate/types.ts
new file mode 100644
index 0000000..ead87d7
--- /dev/null
+++ b/src/plugins/vee-validate/types.ts
@@ -0,0 +1,77 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+/* eslint-disable max-len */
+import {
+  AnyObjectSchema, AnySchema, Schema,
+} from 'yup';
+import type { DeepRequired, DeepPartial } from 'utility-types';
+import { FieldContext } from 'vee-validate';
+import { MaybeRef } from '@vueuse/core';
+
+export interface FieldValidationMetaInfo {
+  field: string;
+  value: unknown;
+  form: Record<string, unknown>;
+  rule?: {
+      name: string;
+      params?: Record<string, unknown> | unknown[];
+  };
+}
+
+export interface FieldOptions<TValue = unknown> {
+  initialValue?: MaybeRef<TValue>;
+  validateOnValueUpdate?: boolean;
+  validateOnMount?: boolean;
+  bails?: boolean;
+  type?: string;
+  valueProp?: MaybeRef<TValue>;
+  checkedValue?: MaybeRef<TValue>;
+  uncheckedValue?: MaybeRef<TValue>;
+  label?: MaybeRef<string | undefined>;
+  standalone?: boolean;
+}
+
+export type YupValidator = AnySchema | AnyObjectSchema;
+
+export type GenericValidateFunction<TValue> = (value: TValue, ctx: FieldValidationMetaInfo) => boolean | string | Promise<boolean | string>;
+
+export type RuleExpression<TValue> = string | Record<string, unknown> | GenericValidateFunction<TValue> | GenericValidateFunction<TValue>[] | YupValidator | Schema<TValue> | undefined;
+
+export type Concat<T extends string[]> = T extends [infer F, ...infer Z] ? (Z extends [] ? (F extends string ? `${F}` : never) : Z extends string[] ? F extends string ? `${F}${Concat<Z>}` : never: never) : never;
+
+export type GetUpperKey<T> = T extends Record<infer K, unknown> ? K extends string ? T[K] extends Record<string, unknown> ? `${Capitalize<K>}` | `${Capitalize<K>}${GetUpperKey<T[K]>}` : `${Capitalize<K>}` : never : never;
+
+export type GetKey<T> = T extends Record<infer K, unknown> ? K extends string ? T[K] extends Record<string, unknown> ? `${K}` | `${K}.${GetKey<T[K]>}` : `${K}` : never : never;
+
+export type GetValue<T extends Record<string, any>, K extends string> =
+  K extends keyof T ?
+  T[K] : K extends `${infer PK}.${infer NK}` ?
+  PK extends keyof T ? NK extends string ?
+  T[PK] extends Record<string, unknown> ? GetValue<T[PK], NK> : never : never : never : never;
+
+export type KeyValRuleExpression<T extends object, K extends string> = {
+  [KK in K]?: RuleExpression<DeepPartial<GetValue<DeepRequired<T>, KK>>>
+};
+
+export type KeyValFieldContext<T extends object, K extends string> = {
+  [KK in K]?: FieldContext<DeepPartial<GetValue<DeepRequired<T>, KK>>>
+};
+
+export type KeyValOptions<T extends object, K extends string> = {
+  [KK in K]?: FieldOptions<DeepPartial<GetValue<DeepRequired<T>, KK>>>
+};
+
+export interface UseFieldReturn<T extends object, K extends string> {
+  formData: T,
+  errorMessage: Partial<Record<K, string>>,
+  fieldErrors: Partial<Record<K, string[]>>,
+  originFieldInfo: KeyValFieldContext<T, K>
+}
+
+// export interface FormOptions<TValues extends Record<string, any>> {
+//   validationSchema?: MaybeRef<Record<keyof TValues, GenericValidateFunction<unknown> | string | Record<string, any>> | SchemaOf<TValues> | undefined>;
+//   initialValues?: MaybeRef<TValues>;
+//   initialErrors?: Record<keyof TValues, string | undefined>;
+//   initialTouched?: Record<keyof TValues, boolean>;
+//   validateOnMount?: boolean;
+// }
diff --git a/src/router/index.ts b/src/router/index.ts
index bac1cad..d2cec76 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,14 +1,94 @@
 import {
-  createRouter, createWebHistory, type RouteRecordRaw, type RouterHistory, type Router,
+  createRouter, type RouteRecordRaw, type RouterHistory, type Router, createWebHistory,
 } from 'vue-router';
 import type { App } from 'vue';
-import HomeView from '../views/HomeView.vue';
+import RouterContent from '@/views/RouterContent.vue';
+
+import DatasetList from '@/views/dataset/DatasetList.vue';
+import DatasetCreate from '@/views/dataset/DatasetCreate.vue';
+import DatasetDetail from '@/views/dataset/DatasetDetail.vue';
+
+import HyperparameterList from '@/views/hyperparameter/HyperparameterList.vue';
+import HyperparameterCreate from '@/views/hyperparameter/HyperparameterCreate.vue';
+import HyperparameterDetail from '@/views/hyperparameter/HyperparameterDetail.vue';
+
+import FinetuneExperimentList from '@/views/finetune-experiment/FinetuneExperimentList.vue';
+import FinetuneExperimentDetail from '@/views/finetune-experiment/FinetuneExperimentDetail.vue';
+import FinetuneExperimentCreate from '@/views/finetune-experiment/FinetuneExperimentCreate.vue';
 
 const routes: Array<RouteRecordRaw> = [
   {
     path: '/',
-    name: 'home',
-    component: HomeView,
+    redirect: {
+      name: 'DatasetList',
+    },
+    children: [
+      {
+        path: 'datasets',
+        component: RouterContent,
+        children: [
+          {
+            path: '',
+            name: 'DatasetList',
+            component: DatasetList,
+          },
+          {
+            path: 'create',
+            name: 'DatasetCreate',
+            component: DatasetCreate,
+          },
+          {
+            path: ':name',
+            name: 'DatasetDetail',
+            component: DatasetDetail,
+          },
+        ],
+      },
+      {
+        path: 'hyperparameter',
+        component: RouterContent,
+        children: [
+          {
+            path: '',
+            name: 'HyperparameterList',
+            component: HyperparameterList,
+          },
+          {
+            path: 'create',
+            name: 'HyperparameterCreate',
+            component: HyperparameterCreate,
+          },
+          {
+            path: ':name',
+            name: 'HyperparameterDetail',
+            component: HyperparameterDetail,
+          },
+        ],
+
+      },
+      {
+        path: 'fine-tune',
+        component: RouterContent,
+        children: [
+          {
+            path: '',
+            name: 'FinetuneExperimentList',
+            component: FinetuneExperimentList,
+          },
+          {
+            path: 'create',
+            name: 'FinetuneExperimentCreate',
+            component: FinetuneExperimentCreate,
+          },
+          {
+            path: ':name',
+            name: 'FinetuneExperimentDetail',
+            component: FinetuneExperimentDetail,
+          },
+        ],
+
+      },
+    ],
   },
 ];
 
diff --git a/src/stores/global.ts b/src/stores/global.ts
index fa42c13..68ddcff 100644
--- a/src/stores/global.ts
+++ b/src/stores/global.ts
@@ -1,10 +1,10 @@
 import { defineStore, acceptHMRUpdate } from 'pinia';
 import { type App } from 'vue';
 import { loadLanguageAsync, errorHandlers, type ErrorHandler } from '@/plugins';
-import type { GProduct, TopNavResponse, GetGProductLicensesOverQuotaResponse } from '@/models';
 import { TOKEN, USERNAME, FAVICON } from '@/utils/constant';
 import pathJoin from '@/utils/pathJoin';
 import getUrlBase from '@/utils/getUrlBase';
+import type { GProduct, TopNavResponse, GetGProductLicensesOverQuotaResponse } from '@/types/nav';
 
 // eslint-disable-next-line max-len
 type StoreValues = string | GProduct[] | number | TopNavResponse | GetGProductLicensesOverQuotaResponse;
diff --git a/src/stores/index.ts b/src/stores/index.ts
index d70d62c..c1708c3 100644
--- a/src/stores/index.ts
+++ b/src/stores/index.ts
@@ -1,6 +1,5 @@
 export {
   initGlobalStore,
-  registerGlobalStoreHandler,
   registerLoadLanguageAsyncHandler,
   clearLoadLanguageAsyncHandler,
   registerErrorHandlers,
diff --git a/src/stores/namespace.ts b/src/stores/namespace.ts
new file mode 100644
index 0000000..6bfafd3
--- /dev/null
+++ b/src/stores/namespace.ts
@@ -0,0 +1,33 @@
+import { NAMESPACE } from '@/utils/constant';
+import { Namespace } from 'kubernetes-types/core/v1';
+import { defineStore } from 'pinia';
+import { listNamespaces } from '@/api/namespace';
+
+export const useNamespaceStore = defineStore('namespace', {
+  state: () => ({
+    namespace: localStorage.getItem(NAMESPACE) as string,
+    namespaces: [] as Namespace[],
+  }),
+  actions: {
+    async fetchNamespace() {
+      try {
+        const response = await listNamespaces(); // 请求数据
+
+        this.namespaces = response.data.items;
+
+        const [firstNamespace] = response.data.items;
+        const cachedNamespace = localStorage.getItem(NAMESPACE);
+
+        if (!cachedNamespace && firstNamespace) {
+          this.setNamespace(firstNamespace.metadata?.name || '');
+        }
+      } catch (error) {
+        console.error('接口请求失败：', error);
+      }
+    },
+    setNamespace(val: string) {
+      localStorage.setItem(NAMESPACE, val);
+      this.namespace = val;
+    },
+  },
+});
diff --git a/src/types/common.ts b/src/types/common.ts
new file mode 100644
index 0000000..d451933
--- /dev/null
+++ b/src/types/common.ts
@@ -0,0 +1,32 @@
+import type { StateIconType } from '@dao-style/extend';
+import type { ComponentPublicInstance } from 'vue';
+import type { LocationAsRelativeRaw } from 'vue-router';
+
+export interface StatusMap {
+  text: string;
+  type: StateIconType;
+}
+
+export type FormActionType = 'create' | 'update';
+
+export type NavRoute = {
+  to: LocationAsRelativeRaw;
+  icon?: string;
+  display: string;
+  flag?: string;
+  path?: string;
+  children?: NavRoute[],
+  // 是否是 plugin / gproduct
+  plugin?: boolean,
+  // 是否新开 tab 页
+  openNewTab?: boolean,
+  // plugin / gproduct 是否可用
+  enable?: boolean,
+}
+
+export interface SchemaEnumItem {
+  label: string;
+  value: string;
+}
+
+export type ElementRefType<T> = ComponentPublicInstance | null | Element | T;
diff --git a/src/models/index.ts b/src/types/nav.ts
similarity index 100%
rename from src/models/index.ts
rename to src/types/nav.ts
diff --git a/src/utils/constant.ts b/src/utils/constant.ts
index 9cd377b..865711c 100644
--- a/src/utils/constant.ts
+++ b/src/utils/constant.ts
@@ -5,3 +5,4 @@ export const FAVICON = 'ANAKIN_FAVICON';
 export const HAS_LOGGED = 'ANAKIN_HAS_LOGGED';
 export const REGISTER_TAB = 'ANAKIN_REGISTER_TAB';
 export const CHECK_FIRST_TAB = 'ANAKIN_CHECK_FIRST_TAB';
+export const NAMESPACE = 'NAMESPACE';
diff --git a/src/utils/noty.ts b/src/utils/noty.ts
index 755b837..1384e89 100644
--- a/src/utils/noty.ts
+++ b/src/utils/noty.ts
@@ -1,6 +1,6 @@
 import { noty } from '@/plugins/dao-style';
 import { i18n } from '@/plugins/vue-i18n';
-import capitalize from 'lodash/capitalize';
+import { capitalize } from 'lodash';
 
 export type grpcError = {
   code: number;
diff --git a/src/utils/queryString.ts b/src/utils/queryString.ts
new file mode 100644
index 0000000..f3e57a4
--- /dev/null
+++ b/src/utils/queryString.ts
@@ -0,0 +1,3 @@
+const generateQueryString = (params: { [key: string]: string | boolean | number }) => Object.entries(params).map(([key, value]) => `${key}=${value}`);
+
+export { generateQueryString };
diff --git a/src/utils/uid.ts b/src/utils/uid.ts
new file mode 100644
index 0000000..cfc0079
--- /dev/null
+++ b/src/utils/uid.ts
@@ -0,0 +1,5 @@
+export default function uniqueID(length = 10) {
+  return `${Math.random()
+    .toString(36)
+    .substr(2, length)}`;
+}
diff --git a/src/utils/useNoty.ts b/src/utils/useNoty.ts
new file mode 100644
index 0000000..d846eb5
--- /dev/null
+++ b/src/utils/useNoty.ts
@@ -0,0 +1,26 @@
+import { noty } from '@/plugins/dao-style';
+
+export function nSuccess(content?: string, title?: string) {
+  noty.success({
+    title,
+    content,
+  });
+}
+
+export function nError(title?: string, e?: { message?: string} | string | unknown) {
+  if (typeof e === 'string') {
+    noty.error({
+      title,
+      content: e ?? undefined,
+    });
+  } else if (e && typeof e === 'object' && 'message' in e) {
+    noty.error({
+      title,
+      content: (e as {message?:string})?.message ?? undefined,
+    });
+  } else {
+    noty.error({
+      title,
+    });
+  }
+}
diff --git a/src/views/RouterContent.vue b/src/views/RouterContent.vue
new file mode 100644
index 0000000..6c71efd
--- /dev/null
+++ b/src/views/RouterContent.vue
@@ -0,0 +1,5 @@
+<template>
+  <router-view />
+</template>
+
+<script lang="ts" setup></script>
diff --git a/src/views/dataset/DatasetCreate.vue b/src/views/dataset/DatasetCreate.vue
new file mode 100644
index 0000000..5e1fdd7
--- /dev/null
+++ b/src/views/dataset/DatasetCreate.vue
@@ -0,0 +1,597 @@
+<!-- eslint-disable @typescript-eslint/no-shadow -->
+<script setup lang="ts">
+import {
+  useForm, useFieldArray, useFieldError, useField,
+} from 'vee-validate';
+import { DaoFormItemValidate } from '@dao-style/extend';
+import {
+  computed, markRaw, reactive, onMounted,
+} from 'vue';
+import { DaoSelect } from '@dao-style/core';
+import {
+  LicenseType,
+  SizeType,
+  type Dataset,
+  LanguageOptions,
+  datasetClient,
+  SubTask,
+  Subset,
+  taskCategories,
+} from '@/api/dataset';
+import {
+  object, array, string, addMethod,
+} from 'yup';
+import { Plugin, dataPluginClient } from '@/api/plugin';
+import { useNamespaceStore } from '@/stores/namespace';
+import { useRoute, useRouter } from 'vue-router';
+import { nError } from '@/utils/useNoty';
+import { KubernetesError, HttpStatusCode } from '@/plugins/axios';
+import { useDataset } from './composition/create';
+
+const namespaceStore = useNamespaceStore();
+const router = useRouter();
+
+const { query } = useRoute();
+const isUpdate = computed(() => !!query.name as boolean);
+const title = computed(() => (isUpdate.value ? '更新数据集' : '创建数据集'));
+
+const state = reactive({
+  plugins: [] as Plugin[],
+});
+
+const fetchPlugins = () => {
+  dataPluginClient.list(namespaceStore.namespace).then((res) => {
+    state.plugins = res.data.items;
+  });
+};
+
+fetchPlugins();
+
+addMethod(array, 'unique', function unique(message, mapper = (a: string) => a) {
+  return this.test('unique', message, (list) => {
+    const filteredList = list?.map(mapper).filter((item) => item);
+
+    return filteredList?.length === new Set(filteredList).size;
+  });
+});
+
+// addMethod(array, 'unique', function a(message) {
+//   return this.test('unique', message, function b(list) {
+//     const mapper = (x: any) => x;
+//     const set = [...new Set(list?.map(mapper))];
+//     const isUnique = list?.length === set.length;
+
+//     if (isUnique) {
+//       return true;
+//     }
+//     const idx = list?.findIndex((l, i) => mapper(l) !== set[i]);
+
+//     return this.createError({
+//       path: `spec.datasetMetadata.tags[${idx}]`,
+//       message,
+//     });
+//   });
+// });
+
+const schema = markRaw(
+  object({
+    metadata: object({
+      name: string().required().RFC1123Label(253).max(64)
+        .label('数据集名称'),
+    }),
+    spec: object().shape({
+      datasetMetadata: object().shape({
+        tags: array().of(string().required()).unique('标签重复'),
+        languages: array().min(1),
+        license: string().required(),
+        size: string().required(),
+        task: object({
+          name: string().max(63).required(),
+          subTasks: array()
+            .of(
+              object({
+                name: string().max(63).required(),
+              }),
+            )
+            .unique('子任务名称重复', (obj: { name: string }) => obj.name),
+        }),
+
+        datasetInfo: object({
+          subsets: array()
+            .of(
+              object({
+                name: string().required().max(63),
+                splits: object({
+                  train: object({
+                    file: string().required(),
+                  }),
+                  validate: object({
+                    file: string().required(),
+                  }),
+                }),
+              }),
+            )
+            .unique('子数据集名称重复', (obj: { name: string }) => obj.name),
+        }),
+
+        plugin: object({
+          name: string().when('loadPlugin', {
+            is: true,
+            then: (schema) => schema.required(),
+            otherwise: (schema) => schema.notRequired(),
+          }),
+        }),
+      }),
+    }),
+  }),
+);
+
+const { dataset, fetchDataset } = useDataset();
+
+const {
+  values: formModel,
+  handleSubmit,
+  resetForm,
+  setFieldError,
+} = useForm<Dataset>({
+  initialValues: dataset,
+  validationSchema: schema,
+});
+
+const duplicateTag = useFieldError('spec.datasetMetadata.tags');
+const duplicateSubTask = useFieldError('spec.datasetMetadata.task.subTasks');
+const duplicateSubset = useFieldError('spec.datasetMetadata.datasetInfo.subsets');
+
+onMounted(() => {
+  if (isUpdate.value) {
+    fetchDataset(namespaceStore.namespace, query.name as string).then(() => {
+      resetForm({ values: dataset.value });
+    });
+  }
+});
+
+const {
+  remove: removeFromTags,
+  push: pushToTags,
+  fields: tags,
+} = useFieldArray<string>('spec.datasetMetadata.tags');
+
+const addTag = async () => pushToTags('');
+const removeTag = (index: number) => removeFromTags(index);
+
+const {
+  remove: removeFromSubtasks,
+  push: pushToSubtasks,
+  fields: subTasks,
+} = useFieldArray<SubTask>('spec.datasetMetadata.task.subTasks');
+const addSubtask = () => pushToSubtasks({ name: '' });
+const removeSubtask = (index: number) => removeFromSubtasks(index);
+
+const {
+  remove: removeFromRules,
+  push: pushToRules,
+  fields: subsets,
+} = useFieldArray<Subset>('spec.datasetMetadata.datasetInfo.subsets');
+const handleAddRule = () => pushToRules({});
+const handleDeleteRule = (index: number) => removeFromRules(index);
+
+const { value: loadPlugin } = useField<boolean>('spec.datasetMetadata.plugin.loadPlugin');
+
+const canRemove = computed(
+  () => (formModel.spec?.datasetMetadata.datasetInfo?.subsets?.length ?? 0) > 1,
+);
+
+const toList = () => {
+  router.push({
+    name: 'DatasetList',
+  });
+};
+
+// const onSubmit = () => {
+//   validate().then((valid) => {
+//     console.log(valid);
+//   });
+// };
+
+const onSubmit = handleSubmit(async (values) => {
+  try {
+    if (isUpdate.value && values.metadata?.name) {
+      await datasetClient.update(namespaceStore.namespace, values.metadata?.name, values);
+    } else {
+      await datasetClient.create(namespaceStore.namespace, values);
+    }
+    toList();
+  } catch (error) {
+    const err = error as KubernetesError;
+
+    if (err.code === HttpStatusCode.Conflict) {
+      setFieldError('metadata.name', '该名称的数据集已存在');
+    } else {
+      nError('创建失败', error);
+    }
+  }
+});
+</script>
+
+<template>
+  <dao-modal-layout
+    type="custom"
+    padding-x="40px"
+    :title="title"
+    @cancel="$router.back"
+    @confirm="onSubmit"
+  >
+    <dao-form label-width="170px">
+      <dao-form-item-validate
+        label="数据集名称"
+        name="metadata.name"
+        required
+        :control-props="{
+          disabled: isUpdate,
+          class: 'input-form-width',
+        }"
+      />
+      <dao-form-item
+        :label="'标签'"
+        class="multi-row-block"
+        :padding-bottom="10"
+      >
+        <div
+          v-for="(field, index) in tags"
+          :key="field.key"
+          class="multi-row-block__item"
+        >
+          <dao-form-item-validate
+            label-width="0px"
+            :name="`spec.datasetMetadata.tags[${index}]`"
+            class="no-padding"
+            :padding-bottom="field.isLast ? 3 : 10"
+            required
+            :control-props="{
+              class: 'input-form-width',
+            }"
+          />
+
+          <dao-text-button
+            :prop="{
+              type: 'default',
+              icon: 'icon-close',
+            }"
+            class="text-button__delete"
+            @click="removeTag(index)"
+          />
+        </div>
+
+        <dao-text-button
+          class="text-button__add"
+          :prop="{
+            type: 'action',
+            icon: 'icon-add',
+          }"
+          @click="addTag"
+        >
+          添加
+        </dao-text-button>
+
+        <template #error>
+          <dao-error-text>
+            {{ duplicateTag }}
+          </dao-error-text>
+        </template>
+      </dao-form-item>
+
+      <dao-form-item-validate
+        required
+        label="语言"
+        name="spec.datasetMetadata.languages"
+        :tag="DaoSelect"
+        :control-props="{
+          multiple: true,
+          class: 'select-form-width',
+        }"
+      >
+        <dao-option
+          v-for="language in LanguageOptions"
+          :key="language"
+          :label="$t(`views.dataset.${language}`)"
+          :value="language"
+        />
+      </dao-form-item-validate>
+
+      <dao-form-item-validate
+        label="授权协议"
+        name="spec.datasetMetadata.license"
+        :tag="DaoSelect"
+        required
+        :control-props="{
+          class: 'select-form-width',
+        }"
+      >
+        <dao-option
+          v-for="n in LicenseType"
+          :key="n"
+          :label="n"
+          :value="n"
+        />
+      </dao-form-item-validate>
+
+      <dao-form-item-validate
+        :label="'词条数目'"
+        name="spec.datasetMetadata.size"
+        :tag="DaoSelect"
+        required
+        :control-props="{
+          class: 'select-form-width',
+        }"
+      >
+        <dao-option
+          v-for="n in SizeType"
+          :key="n"
+          :label="n"
+          :value="n"
+        />
+      </dao-form-item-validate>
+
+      <dao-form-item-validate
+        label="任务类型"
+        name="spec.datasetMetadata.task.name"
+        required
+        :control-props="{
+          class: 'select-form-width',
+        }"
+        :tag="DaoSelect"
+      >
+        <dao-option
+          v-for="(_, category) in taskCategories"
+          :key="category"
+          :label="category"
+          :value="category"
+        />
+      </dao-form-item-validate>
+
+      <dao-form-item v-if="!subTasks?.length">
+        <dao-text-button
+          :prop="{
+            type: 'action',
+            icon: 'icon-add',
+          }"
+          @click="addSubtask"
+        >
+          添加子任务类型
+        </dao-text-button>
+      </dao-form-item>
+
+      <dao-form-item v-else>
+        <dao-form-item
+          :label="'子任务类型'"
+          label-width="85px"
+          class="multi-row-block background"
+          :padding-bottom="0"
+        >
+          <div
+            v-for="(field, index) in subTasks"
+            :key="field.key"
+            class="multi-row-block__item"
+          >
+            <dao-form-item-validate
+              label-width="0px"
+              :name="`spec.datasetMetadata.task.subTasks[${index}].name`"
+              class="no-padding flex-1"
+              :padding-bottom="field.isLast ? 0 : 10"
+              :tag="DaoSelect"
+            >
+              <dao-option
+                v-for="subTask in taskCategories[formModel.spec?.datasetMetadata.task?.name as keyof typeof taskCategories]"
+                :key="subTask"
+                :label="subTask"
+                :value="subTask"
+              />
+            </dao-form-item-validate>
+
+            <dao-text-button
+              :prop="{
+                type: 'default',
+                icon: 'icon-close',
+              }"
+              class="text-button__delete"
+              @click="removeSubtask(index)"
+            />
+          </div>
+
+          <dao-text-button
+            :prop="{
+              type: 'action',
+              icon: 'icon-add',
+            }"
+            class="text-button__add"
+            @click="addSubtask"
+          >
+            添加
+          </dao-text-button>
+
+          <template #error>
+            <dao-error-text>
+              {{ duplicateSubTask }}
+            </dao-error-text>
+          </template>
+        </dao-form-item>
+      </dao-form-item>
+
+      <dao-form-item :label="'数据集信息'">
+        <div class="kpd-form-block">
+          <!-- <dao-form-item-validate
+            label-width="80px"
+            label="插件配置"
+            name="spec.datasetMetadata.plugin.loadPlugin"
+            :tag="DaoSwitch"
+          />
+
+          <dao-form-item-validate
+            v-if="loadPlugin"
+            label-width="80px"
+            label="插件名称"
+            :tag="DaoSelect"
+            required
+            name="spec.datasetMetadata.plugin.name"
+          >
+            <dao-option
+              v-for="plugin in state.plugins"
+              :key="plugin.metadata.name"
+              :label="plugin.metadata.name"
+              :value="plugin.metadata.name"
+            />
+          </dao-form-item-validate> -->
+
+          <div
+            v-for="(field, index) in subsets"
+            :key="field.key"
+            class="kpd-form-block__item"
+          >
+            <dao-form-item-validate
+              label="子数据集名称"
+              :name="`spec.datasetMetadata.datasetInfo.subsets[${index}].name`"
+              required
+              :control-props="{
+                class: 'input-form-width',
+                disabled: loadPlugin,
+              }"
+            />
+            <dao-form-item-validate
+              label="训练数据集地址"
+              :name="`spec.datasetMetadata.datasetInfo.subsets[${index}].splits.train.file`"
+              required
+              :control-props="{
+                class: 'input-form-width',
+                disabled: loadPlugin,
+              }"
+            />
+            <dao-form-item-validate
+              label="测试数据集地址"
+              :name="`spec.datasetMetadata.datasetInfo.subsets[${index}].splits.test.file`"
+              :control-props="{
+                class: 'input-form-width',
+                disabled: loadPlugin,
+              }"
+            />
+            <dao-form-item-validate
+              label="验证数据集地址"
+              :name="`spec.datasetMetadata.datasetInfo.subsets[${index}].splits.validate.file`"
+              required
+              :control-props="{
+                class: 'input-form-width',
+                disabled: loadPlugin,
+              }"
+            />
+            <dao-icon
+              v-if="canRemove"
+              class="kpd-form-block__remove-btn"
+              name="icon-remove"
+              use-font
+              @click="handleDeleteRule(index)"
+            />
+          </div>
+
+          <dao-text-button
+            :disabled="loadPlugin"
+            :prop="{
+              type: 'action',
+              icon: 'icon-add',
+            }"
+            class="kpd-form-block__add-btn"
+            @click="handleAddRule"
+          >
+            添加数据集信息配置
+          </dao-text-button>
+        </div>
+        <template #error>
+          <dao-error-text>
+            {{ duplicateSubset }}
+          </dao-error-text>
+        </template>
+      </dao-form-item>
+
+      <dao-form-item label="特征映射">
+        <div
+          v-for="(tag, index) in formModel.spec?.datasetMetadata.datasetInfo?.features"
+          :key="index"
+          class="flex"
+        >
+          <dao-form-item-validate
+            class="no-padding"
+            label-width="0px"
+            :name="`spec.datasetMetadata.datasetInfo.features[${index}].name`"
+            :control-props="{
+              disabled: true,
+            }"
+          />
+
+          <dao-form-item-validate
+            label-width="0px"
+            :name="`spec.datasetMetadata.datasetInfo.features[${index}].mapTo`"
+          />
+        </div>
+      </dao-form-item>
+
+      <dao-form-item-validate
+        label="数据源信息"
+        name="spec.datasetFiles.source"
+        :control-props="{
+          class: 'input-form-width',
+        }"
+      />
+    </dao-form>
+  </dao-modal-layout>
+</template>
+
+<style lang="scss" scoped>
+$form-width: 500px;
+
+:deep(.kpd-form-block) {
+  display: inline-block;
+
+  .kpd-form-block__item {
+    padding-right: 20px;
+  }
+}
+
+:deep(.input-form-width.dao-input),
+:deep(.select-form-width.dao-select) {
+  width: $form-width;
+}
+
+:deep {
+  .no-padding {
+    .dao-form-item__label {
+      padding: 0;
+    }
+  }
+}
+
+.text-button__add {
+  margin-top: 7px;
+}
+
+.text-button__delete {
+  height: 30px;
+  margin-left: 10px;
+  font-size: 16px;
+}
+
+.multi-row-block {
+  &.background {
+    width: $form-width;
+    padding: 20px;
+    background: #f8fafc;
+    border: 1px solid #aab0b8;
+    border-radius: 4px;
+  }
+
+  &__item {
+    display: flex;
+  }
+
+  :deep(.dao-select.dao-select--size-md) {
+    width: 100%;
+  }
+}
+</style>
diff --git a/src/views/dataset/DatasetDetail.vue b/src/views/dataset/DatasetDetail.vue
new file mode 100644
index 0000000..b7a2823
--- /dev/null
+++ b/src/views/dataset/DatasetDetail.vue
@@ -0,0 +1,175 @@
+<script lang="ts" setup>
+import { useRoute, useRouter } from 'vue-router';
+import { computed, ref } from 'vue';
+import { useNamespaceStore } from '@/stores/namespace';
+import { Dataset, datasetClient } from '@/api/dataset';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
+const router = useRouter();
+const route = useRoute();
+
+const namespaceStore = useNamespaceStore();
+
+const dataset = ref<Dataset>();
+
+const fetchDataset = () => {
+  datasetClient.read(namespaceStore.namespace, route.params.name as string).then((res) => {
+    dataset.value = res.data;
+  });
+};
+
+fetchDataset();
+
+const name = computed(() => dataset.value?.metadata?.name);
+
+const infos = computed(() => {
+  const languages = dataset.value?.spec?.datasetMetadata.languages
+    ?.map((lang) => t(`views.dataset.${lang}`))
+    .join(', ') ?? '-';
+
+  const items = [
+    {
+      label: '语言',
+      value: languages,
+    },
+    {
+      label: '许可证',
+      value: dataset.value?.spec?.datasetMetadata.license,
+    },
+    {
+      label: '词条数目',
+      value: dataset.value?.spec?.datasetMetadata.size,
+    },
+    {
+      label: '任务类型',
+      value: dataset.value?.spec?.datasetMetadata.task?.name,
+    },
+    {
+      label: '标签',
+      value: dataset.value?.spec?.datasetMetadata.tags?.join(','),
+      slotId: 'tag',
+    },
+    {
+      label: '子任务类型',
+      value: dataset.value?.spec?.datasetMetadata.task?.subTasks?.map((sub) => sub.name).join(', '),
+    },
+    {
+      label: '数据集文件源',
+      value: dataset.value?.spec?.datasetFiles?.source,
+    },
+  ];
+
+  return items;
+});
+
+const columns = computed(() => [
+  {
+    id: 'name',
+    header: '子数据集名称',
+  },
+  {
+    id: 'train',
+    header: '训练数据集地址',
+  },
+  {
+    id: 'test',
+    header: '测试数据集地址',
+  },
+  {
+    id: 'validate',
+    header: '验证数据集地址',
+  },
+]);
+
+const subsets = computed(() => dataset.value?.spec?.datasetMetadata.datasetInfo?.subsets?.map((subset) => ({
+  name: subset.name,
+  train: subset.splits?.train?.file,
+  test: subset.splits?.test?.file,
+  validate: subset.splits?.validate?.file,
+})));
+
+const onEdit = () => {
+  router.push({
+    name: 'DatasetCreate',
+    query: {
+      name: name.value,
+    },
+  });
+};
+</script>
+
+<template>
+  <div class="dataset-detail console-main-container">
+    <dao-header type="3rd">
+      <template #breadcrumb>
+        <dao-breadcrumb
+          icon="icon-cluster"
+          @navigate="router.push"
+        >
+          <dao-breadcrumb-item
+            label="数据集"
+            :to="{ name: 'DatasetList' }"
+          />
+          <dao-breadcrumb-item :label="name" />
+        </dao-breadcrumb>
+      </template>
+
+      <template #action>
+        <dao-button
+          type="tertiary"
+          @click="onEdit"
+        >
+          编辑
+        </dao-button>
+      </template>
+    </dao-header>
+
+    <dao-card
+      type="simple"
+      title="基本信息"
+    >
+      <dao-card-item>
+        <dao-key-value-layout
+          direction="vertical"
+          :column="4"
+          :data="infos"
+        >
+          <template #kv-tag="{ row }">
+            <dao-key-value-layout-item :label="row.label">
+              <dao-hover-card :data="row.value?.split(',')" />
+            </dao-key-value-layout-item>
+          </template>
+        </dao-key-value-layout>
+      </dao-card-item>
+    </dao-card>
+
+    <dao-card
+      type="simple"
+      title="数据集信息配置"
+      class="dataset-detail__subset-info"
+    >
+      <dao-card-item>
+        <dao-table
+          hide-toolbar
+          no-shadow
+          :columns="columns"
+          :data="subsets"
+          :page-layout="[]"
+        />
+      </dao-card-item>
+    </dao-card>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.dataset-detail {
+  &__subset-info {
+    margin-top: 16px;
+
+    :deep(.dao-card-container) {
+      padding: 0;
+    }
+  }
+}
+</style>
diff --git a/src/views/dataset/DatasetList.vue b/src/views/dataset/DatasetList.vue
new file mode 100644
index 0000000..d3f357c
--- /dev/null
+++ b/src/views/dataset/DatasetList.vue
@@ -0,0 +1,167 @@
+<script lang="ts" setup>
+import {
+  ref, watch, watchEffect, computed,
+} from 'vue';
+import { useRouter } from 'vue-router';
+import { useNamespaceStore } from '@/stores/namespace';
+import { Dataset, datasetClient } from '@/api/dataset';
+import { nSuccess, nError } from '@/utils/useNoty';
+import { storeToRefs } from 'pinia';
+import { first } from 'lodash';
+import DatasetItem from './components/DatasetItem.vue';
+
+// 常量定义
+const pageSize = ref(10);
+
+const router = useRouter();
+const namespaceStore = useNamespaceStore();
+const { namespace } = storeToRefs(namespaceStore);
+
+// 数据状态
+const search = ref<{ fuzzy: string[] }>();
+const currentPage = ref(1);
+const datasets = ref<Dataset[]>([]);
+const loading = ref(true);
+const showData = ref<Dataset[]>([]);
+const datasetToDelete = ref<string>('');
+const isShow = ref(false);
+
+// 创建数据集
+const onCreate = () => {
+  router.push({
+    name: 'DatasetCreate',
+  });
+};
+
+// 加载数据集列表
+const fetchDatasets = async () => {
+  loading.value = true;
+  try {
+    const res = await datasetClient.list(namespace.value);
+
+    datasets.value = res.data.items;
+
+    if (datasets.value.length) {
+      currentPage.value = 1;
+    }
+  } catch (error) {
+    nError('出错了', error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+const onSearch = () => {
+  currentPage.value = 1;
+};
+
+// 显示数据集列表
+const filteredData = computed(() => datasets.value.filter((item) => item.metadata?.name?.includes(first(search.value?.fuzzy) ?? '')));
+
+watchEffect(() => {
+  const startIndex = (currentPage.value - 1) * pageSize.value;
+  const endIndex = currentPage.value * pageSize.value;
+
+  showData.value = filteredData.value.slice(startIndex, endIndex);
+});
+
+// 显示删除对话框
+const showDialog = (dataset: string) => {
+  isShow.value = true;
+  datasetToDelete.value = dataset;
+};
+
+// 隐藏删除对话框
+const hideDialog = () => {
+  isShow.value = false;
+};
+
+// 确认删除数据集
+const confirmDelete = () => {
+  datasetClient.delete(namespace.value, datasetToDelete.value)
+    .then(() => {
+      hideDialog();
+      fetchDatasets();
+      nSuccess('删除成功');
+    })
+    .catch((err) => {
+      nError('删除失败', err);
+    });
+};
+
+// 监听命名空间变化，重新加载数据集
+watch(
+  () => namespaceStore.namespace,
+  () => {
+    fetchDatasets();
+  },
+  {
+    immediate: true,
+  },
+);
+</script>
+
+<template>
+  <div class="dataset-list console-main-container">
+    <dao-header
+      type="2nd"
+      :title="$t('views.dataset.title')"
+    />
+
+    <dao-toolbar
+      v-model:search="search"
+      :search-placeholder="' '"
+      :fuzzy="{ key: 'fuzzy', single: true }"
+      @refresh="fetchDatasets"
+      @search="onSearch"
+    >
+      <template #action>
+        <dao-button @click="onCreate">
+          创建数据集
+        </dao-button>
+      </template>
+    </dao-toolbar>
+
+    <div v-loading="loading">
+      <dataset-item
+        v-for="dataset in showData"
+        :key="dataset.metadata?.name"
+        class="mt-[20px]"
+        :data="dataset"
+        @on-delete="(dataset) => showDialog(dataset)"
+      />
+      <dao-pagination
+        v-model:current-page="currentPage"
+        v-model:page-size="pageSize"
+        class="mt-[20px]"
+        :total="filteredData.length"
+      />
+    </div>
+  </div>
+
+  <dao-dialog
+    :model-value="isShow"
+    header="Basic Dialog"
+    @cancel="hideDialog"
+    @confirm="confirmDelete"
+  >
+    <div class="body">
+      <div class="content">
+        确认删除数据集 {{ datasetToDelete }} 吗？
+      </div>
+    </div>
+    <template #footer>
+      <dao-confirm-dialog-footer
+        :text="datasetToDelete"
+        confirm-text="delete"
+      />
+    </template>
+  </dao-dialog>
+</template>
+
+<style lang="scss" scoped>
+.dataset-list {
+  flex: auto;
+  overflow: auto;
+}
+</style>
diff --git a/src/views/dataset/components/DatasetItem.vue b/src/views/dataset/components/DatasetItem.vue
new file mode 100644
index 0000000..fd6fdab
--- /dev/null
+++ b/src/views/dataset/components/DatasetItem.vue
@@ -0,0 +1,224 @@
+<script lang="ts" setup>
+import { PropType, computed } from 'vue';
+import { Dataset } from '@/api/dataset';
+import { useRouter } from 'vue-router';
+import { useDateFormat } from '@dao-style/extend';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
+
+const props = defineProps({
+  data: {
+    type: Object as PropType<Dataset>,
+    default: () => ({}),
+  },
+});
+
+const router = useRouter();
+const emits = defineEmits(['on-delete']);
+
+const editDataset = () => {
+  router.push({
+    name: 'DatasetCreate',
+    query: {
+      name: props.data.metadata?.name,
+    },
+  });
+};
+
+const onDelete = () => {
+  emits('on-delete', props.data.metadata?.name);
+};
+
+const infos = computed(() => {
+  const {
+    metadata,
+    spec,
+  } = props.data;
+
+  const creationTimestamp = metadata?.creationTimestamp;
+
+  const datasetMetadata = spec?.datasetMetadata;
+  const datasetInfo = datasetMetadata?.datasetInfo;
+  const task = datasetMetadata?.task;
+  const tags = datasetMetadata?.tags;
+
+  const [firstSubset] = datasetInfo?.subsets ?? [];
+  const splits = firstSubset ? firstSubset.splits : null;
+
+  const items = [
+    {
+      label: '任务类型',
+      value: task?.name,
+    },
+    {
+      label: '训练数据',
+      value: splits?.train?.file,
+    },
+    {
+      label: '创建时间',
+      value: useDateFormat(creationTimestamp),
+    },
+    {
+      label: '测试数据',
+      value: splits?.test?.file,
+    },
+    {
+      label: '标签',
+      value: tags?.join(','),
+      slotId: 'tag',
+    },
+    {
+      label: '验证数据',
+      value: splits?.validate?.file,
+    },
+  ];
+
+  return items;
+});
+
+const languages = computed(() => {
+  const langs = props.data.spec?.datasetMetadata.languages;
+
+  return langs?.map((lang) => t(`views.dataset.${lang}`)).join(',') ?? '-';
+});
+</script>
+
+<template>
+  <dao-card
+    class="dataset-item"
+    icon="icon-mspider"
+    divider
+    use-font
+  >
+    <template #title>
+      <router-link
+        class="dataset-item__header__text active"
+        :to="{
+          name: 'DatasetDetail',
+          params: { name: props.data.metadata?.name },
+        }"
+      >
+        {{ props.data.metadata?.name }}
+      </router-link>
+
+      <dao-state-icon :type="'success'">
+        可用
+      </dao-state-icon>
+
+      <dao-state-icon :type="'error'">
+        不可用
+      </dao-state-icon>
+    </template>
+
+    <template #action>
+      <dao-dropdown placement="bottom-end">
+        <dao-button
+          type="ghost"
+          icon-left="icon-more-horizontal"
+          use-font
+          size="sm"
+        />
+        <template #menu>
+          <dao-dropdown-menu>
+            <dao-dropdown-item @click="editDataset">
+              编辑
+            </dao-dropdown-item>
+            <dao-dropdown-item type="divider" />
+            <dao-dropdown-item
+              color="red"
+              @click="onDelete"
+            >
+              删除
+            </dao-dropdown-item>
+          </dao-dropdown-menu>
+        </template>
+      </dao-dropdown>
+    </template>
+
+    <dao-card-item>
+      <dao-key-value-layout
+        :column="2"
+        :data="infos"
+      >
+        <template #kv-tag="{ row }">
+          <dao-key-value-layout-item :label="row.label">
+            <dao-hover-card :data="row.value?.split(',')" />
+          </dao-key-value-layout-item>
+        </template>
+      </dao-key-value-layout>
+    </dao-card-item>
+
+    <dao-card-item class="flex">
+      <dao-key-value-layout
+        :direction="'vertical'"
+        class="flex flex-nowrap flex-grow items-center"
+      >
+        <dao-key-value-layout-item
+          label="许可证信息"
+          class="text-center"
+        >
+          <span class="dataset-item__text">
+            {{ props.data.spec?.datasetMetadata.license ?? "-" }}
+          </span>
+        </dao-key-value-layout-item>
+
+        <dao-key-value-layout-item
+          class="text-center"
+          label="数据集大小"
+        >
+          <span class="dataset-item__text dataset-item__size">
+            {{ props.data.spec?.datasetMetadata.size ?? "-" }}
+          </span>
+        </dao-key-value-layout-item>
+
+        <dao-key-value-layout-item
+          class="text-center"
+          label="语言"
+        >
+          <span class="dataset-item__text">
+            {{ languages }}
+          </span>
+        </dao-key-value-layout-item>
+      </dao-key-value-layout>
+    </dao-card-item>
+  </dao-card>
+</template>
+
+<style lang="scss" scoped>
+.dataset-item {
+  &__header {
+    display: flex;
+    align-items: center;
+    font-weight: 700;
+    color: var(--dao-text-pageTitle);
+
+    &__text {
+      display: inline-block;
+      max-width: 75%;
+      margin-right: 30px;
+      overflow: hidden;
+      color: var(--dao-text-primary);
+      text-decoration: none;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
+      &.active {
+        &:hover,
+        &:active {
+          color: var(--dao-primary-blue-040);
+        }
+      }
+    }
+  }
+
+  &__text {
+    font-size: 28px;
+    font-weight: bold;
+  }
+
+  &__size {
+    color: var(--dao-green-030);
+  }
+}
+</style>
diff --git a/src/views/dataset/composition/create.ts b/src/views/dataset/composition/create.ts
new file mode 100644
index 0000000..3cb3a35
--- /dev/null
+++ b/src/views/dataset/composition/create.ts
@@ -0,0 +1,98 @@
+import {
+  type Dataset,
+  FeatureName,
+  datasetClient,
+  SizeType,
+  LicenseType,
+  LanguageOptions,
+  TEXT_GENERATION,
+} from '@/api/dataset';
+import { reactive, ref, toRefs } from 'vue';
+
+const initialValue: Dataset = {
+  apiVersion: 'extension.datatunerx.io/v1beta1',
+  kind: 'Dataset',
+  metadata: {
+    name: 'example-dataset',
+  },
+  spec: {
+    datasetCard: {
+      datasetCardRef: 'configmap-dataset-readme',
+    },
+    datasetFiles: {
+      source: '',
+    },
+    datasetMetadata: {
+      datasetInfo: {
+        features: [
+          {
+            dataType: 'string',
+            mapTo: 'Content',
+            name: FeatureName.Instruction,
+          },
+          {
+            dataType: 'string',
+            mapTo: 'Result',
+            name: FeatureName.Response,
+          },
+        ],
+        subsets: [
+          {
+            name: 'Default',
+            splits: {
+              test: {
+                file: '',
+              },
+              train: {
+                file: '',
+              },
+              validate: {
+                file: '',
+              },
+            },
+          },
+        ],
+      },
+      languages: [LanguageOptions.zh],
+      license: LicenseType.CCBY,
+      plugin: {
+        loadPlugin: false,
+        name: '',
+      },
+      size: SizeType.SIZE_1K,
+      tags: [],
+      task: {
+        name: TEXT_GENERATION,
+        subTasks: [],
+      },
+    },
+  },
+};
+
+export function useDataset() {
+  const dataset = ref<Dataset>(initialValue);
+
+  const state = reactive({
+    dataset,
+    loading: false,
+    datasets: [] as Dataset[],
+  });
+
+  const fetchDataset = async (namespace: string, name: string) => {
+    await datasetClient.read(namespace, name).then((res) => {
+      state.dataset = res.data;
+    });
+  };
+
+  const fetchDatasets = async (namespace: string) => {
+    await datasetClient.list(namespace).then((res) => {
+      state.datasets = res.data.items;
+    });
+  };
+
+  return {
+    ...toRefs(state),
+    fetchDataset,
+    fetchDatasets,
+  };
+}
diff --git a/src/views/dataset/index.d.ts b/src/views/dataset/index.d.ts
new file mode 100644
index 0000000..acd0e02
--- /dev/null
+++ b/src/views/dataset/index.d.ts
@@ -0,0 +1,8 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { ArraySchema } from 'yup';
+
+declare module 'yup' {
+  interface ArraySchema {
+    unique(message: string, mapper?: (a: never) => string): ArraySchema;
+  }
+}
diff --git a/src/views/finetune-experiment/FinetuneExperimentCreate.vue b/src/views/finetune-experiment/FinetuneExperimentCreate.vue
new file mode 100644
index 0000000..0aa7d1f
--- /dev/null
+++ b/src/views/finetune-experiment/FinetuneExperimentCreate.vue
@@ -0,0 +1,156 @@
+<script setup lang="ts">
+import { DaoSelect } from '@dao-style/core';
+import { useFieldArray, useForm } from 'vee-validate';
+import { string, object } from 'yup';
+import { computed, markRaw } from 'vue';
+import { FinetuneJob } from '@/api/finetune-job';
+import { finetuneExperimentClient } from '@/api/finetune-experiment';
+import { useNamespaceStore } from '@/stores/namespace';
+import { storeToRefs } from 'pinia';
+import { nError } from '@/utils/useNoty';
+import { useRouter } from 'vue-router';
+import FinetuneJobComponent from './components/FinetuneJob.vue';
+import { useFinetuneExperiment, useScoringConfig } from './composition/finetune';
+
+const router = useRouter();
+
+const { namespace } = storeToRefs(useNamespaceStore());
+
+const { finetuneExperiment } = useFinetuneExperiment();
+
+const { scoringConfigs, fetchScoringConfigs } = useScoringConfig();
+
+fetchScoringConfigs(namespace.value);
+
+const validationSchema = markRaw(
+  object({
+    metadata: object({
+      name: string().RFC1123Label().required('请输入实验名称'),
+    }),
+    spec: object({
+      scoringConfig: object({
+        name: string().required('请输入评估方式'),
+      }),
+    }),
+  }),
+);
+
+const { values, handleSubmit } = useForm({
+  initialValues: finetuneExperiment,
+  validationSchema,
+});
+
+const { push, remove } = useFieldArray<FinetuneJob>('spec.finetuneJobs');
+
+const onAdd = (val: FinetuneJob) => {
+  push(val);
+};
+
+const jobs = computed(() => values.spec?.finetuneJobs.map((job) => {
+  const { metadata, spec } = job;
+  const name = metadata?.name;
+  const finetune = spec?.finetune;
+  const llm = finetune?.llm;
+  const dataset = finetune?.dataset;
+  const hyperparameter = finetune?.hyperparameter;
+
+  return {
+    name,
+    llm,
+    dataset,
+    hyperparameter,
+  };
+}));
+
+const columns = computed(() => [
+  {
+    id: 'name',
+    header: '任务名称',
+  },
+  {
+    id: 'llm',
+    header: '基础大模型',
+  },
+  {
+    id: 'dataset',
+    header: '数据集',
+  },
+  {
+    id: 'hyperparameter',
+    header: '参数组',
+  },
+  {
+    id: 'action',
+    header: '',
+    defaultWidth: '60px',
+  },
+]);
+
+const toList = () => {
+  router.push({
+    name: 'FinetuneExperimentList',
+  });
+};
+
+const onSubmit = handleSubmit(async () => {
+  try {
+    await finetuneExperimentClient.create(namespace.value, values);
+    toList();
+  } catch (error) {
+    nError('失败了', error);
+  }
+});
+
+</script>
+
+<template>
+  <dao-modal-layout
+    title="创建微调实验"
+    @cancel="$router.back"
+    @confirm="onSubmit"
+  >
+    <dao-form>
+      <dao-form-group title="基本信息">
+        <dao-form-item-validate
+          label="实验名称"
+          name="metadata.name"
+          required
+        />
+        <dao-form-item-validate
+          label="评估方式"
+          name="spec.scoringConfig.name"
+          :tag="DaoSelect"
+        >
+          <dao-option
+            v-for="scoringConfig in scoringConfigs"
+            :key="scoringConfig.metadata?.name"
+            :label="scoringConfig.metadata?.name"
+            :value="scoringConfig.metadata?.name"
+          />
+        </dao-form-item-validate>
+      </dao-form-group>
+
+      <dao-form-group title="任务">
+        <div class="flex space-x-6">
+          <FinetuneJobComponent @add="onAdd" />
+          <dao-table
+            class="flex-1"
+            :data="jobs"
+            :columns="columns"
+          >
+            <template #td-action="{ rowIndex }">
+              <dao-text-button
+                :prop="{
+                  type: 'default',
+                  icon: 'icon-close',
+                }"
+                class="text-button__delete"
+                @click="remove(rowIndex)"
+              />
+            </template>
+          </dao-table>
+        </div>
+      </dao-form-group>
+    </dao-form>
+  </dao-modal-layout>
+</template>
diff --git a/src/views/finetune-experiment/FinetuneExperimentDetail.vue b/src/views/finetune-experiment/FinetuneExperimentDetail.vue
new file mode 100644
index 0000000..631250f
--- /dev/null
+++ b/src/views/finetune-experiment/FinetuneExperimentDetail.vue
@@ -0,0 +1,3 @@
+<template>
+  Fine tuning
+</template>
diff --git a/src/views/finetune-experiment/FinetuneExperimentList.vue b/src/views/finetune-experiment/FinetuneExperimentList.vue
new file mode 100644
index 0000000..c7c2115
--- /dev/null
+++ b/src/views/finetune-experiment/FinetuneExperimentList.vue
@@ -0,0 +1,88 @@
+<script setup lang="ts">
+import { reactive, ref, onMounted } from 'vue';
+import { useRouter } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import { useNamespaceStore } from '@/stores/namespace';
+import { useFinetuneExperiment } from './composition/finetune';
+import FinetuneExperimentItem from './components/FinetuneExperimentItem.vue';
+
+const { namespace } = storeToRefs(useNamespaceStore());
+
+const router = useRouter();
+
+const searchOptions = reactive([
+  {
+    key: 'cluster',
+    label: '集群',
+    single: false,
+  },
+  {
+    key: 'status',
+    label: '状态',
+    values: [
+      {
+        value: 'healthy',
+        label: '健康',
+      },
+      {
+        value: 'unhealthy',
+        label: '异常',
+      },
+    ],
+    enum: true,
+  },
+]);
+
+const search = ref({});
+
+const onCreate = () => {
+  router.push({
+    name: 'FinetuneExperimentCreate',
+  });
+};
+
+const { finetuneExperiments, fetchFinetuneExperiments } = useFinetuneExperiment();
+
+onMounted(() => {
+  fetchFinetuneExperiments(namespace.value);
+});
+</script>
+
+<template>
+  <div class="finetune-experiment-list console-main-container">
+    <dao-header
+      type="2nd"
+      title="微调实验"
+    />
+    <dao-toolbar
+      v-model:search="search"
+      class="mt-[20px]"
+      :search-options="searchOptions"
+      :fuzzy="{ key: 'fuzzy', single: true }"
+    >
+      <template #action>
+        <dao-button
+          type="primary"
+          @click="onCreate"
+        >
+          创建微调实验
+        </dao-button>
+      </template>
+    </dao-toolbar>
+
+    <FinetuneExperimentItem
+      v-for="experiment in finetuneExperiments"
+      :key="experiment.metadata?.name"
+      :data="experiment"
+    />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.finetune-experiment-list {
+  .dao-toolbar-container {
+    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
+  }
+
+}
+</style>
diff --git a/src/views/finetune-experiment/components/FinetuneExperimentItem.vue b/src/views/finetune-experiment/components/FinetuneExperimentItem.vue
new file mode 100644
index 0000000..154044c
--- /dev/null
+++ b/src/views/finetune-experiment/components/FinetuneExperimentItem.vue
@@ -0,0 +1,232 @@
+<!-- eslint-disable @typescript-eslint/no-shadow -->
+<script lang="ts" setup>
+import { PropType, computed } from 'vue';
+import { useRouter } from 'vue-router';
+import { useDateFormat } from '@dao-style/extend';
+import { FinetuneExperiment } from '@/api/finetune-experiment';
+
+const props = defineProps({
+  data: {
+    type: Object as PropType<FinetuneExperiment>,
+    default: () => ({}),
+  },
+});
+
+const router = useRouter();
+const emits = defineEmits(['on-delete']);
+
+const editFineTuneExperiment = () => {
+  router.push({
+    name: 'FinetuneExperimentCreate',
+    query: {
+      name: props.data.metadata?.name,
+    },
+  });
+};
+
+const onDelete = () => {
+  emits('on-delete', props.data.metadata?.name);
+};
+
+const infos = computed(() => {
+  const { data: { metadata, spec } } = props;
+  const creationTimestamp = metadata?.creationTimestamp;
+  const llms = spec?.finetuneJobs.map((job) => job.spec?.finetune.llm);
+  const datasets = spec?.finetuneJobs.map((job) => job.spec?.finetune.dataset);
+  const hyperparameters = spec?.finetuneJobs.map((job) => job.spec?.finetune.hyperparameter);
+
+  const items = [
+    {
+      label: '基础大语言模型',
+      value: llms?.join(','),
+      slotId: 'llm',
+    },
+    {
+      label: '数据集',
+      value: datasets?.join(','),
+      slotId: 'dataset',
+    },
+    {
+      label: '参数组',
+      value: hyperparameters?.join(','),
+      slotId: 'hyperparameter',
+    },
+    {
+      label: '评估方式',
+      value: spec?.scoringConfig.name,
+    },
+    {
+      label: '创建时间',
+      value: useDateFormat(creationTimestamp),
+    },
+  ];
+
+  return items;
+});
+
+</script>
+
+<template>
+  <dao-card
+    class="finetune-experiment-item"
+    icon="icon-mspider"
+    divider
+    use-font
+  >
+    <template #title>
+      <router-link
+        class="finetune-experiment-item__header__text active"
+        :to="{
+          name: 'FinetuneExperimentDetail',
+          params: { name: props.data.metadata?.name },
+        }"
+      >
+        {{ props.data.metadata?.name }}
+      </router-link>
+
+      <dao-state-icon :type="'success'">
+        运行中
+      </dao-state-icon>
+
+      <dao-state-icon :type="'error'">
+        运行中
+      </dao-state-icon>
+    </template>
+
+    <template #action>
+      <dao-dropdown placement="bottom-end">
+        <dao-button
+          type="ghost"
+          icon-left="icon-more-horizontal"
+          use-font
+          size="sm"
+        />
+        <template #menu>
+          <dao-dropdown-menu>
+            <dao-dropdown-item @click="editFineTuneExperiment">
+              编辑
+            </dao-dropdown-item>
+            <dao-dropdown-item @click="editFineTuneExperiment">
+              停止
+            </dao-dropdown-item>
+            <dao-dropdown-item type="divider" />
+            <dao-dropdown-item
+              color="red"
+              @click="onDelete"
+            >
+              删除
+            </dao-dropdown-item>
+          </dao-dropdown-menu>
+        </template>
+      </dao-dropdown>
+    </template>
+
+    <dao-card-item class="finetune-experiment-item__base-info">
+      <dao-key-value-layout
+        :column="2"
+        :data="infos"
+      >
+        <template #kv-llm="{ row }">
+          <dao-key-value-layout-item :label="row.label">
+            <dao-hover-card :data="row.value?.split(',')" />
+          </dao-key-value-layout-item>
+        </template>
+
+        <template #kv-dataset="{ row }">
+          <dao-key-value-layout-item :label="row.label">
+            <dao-hover-card :data="row.value?.split(',')" />
+          </dao-key-value-layout-item>
+        </template>
+
+        <template #kv-hyperparameter="{ row }">
+          <dao-key-value-layout-item :label="row.label">
+            <dao-hover-card :data="row.value?.split(',')" />
+          </dao-key-value-layout-item>
+        </template>
+      </dao-key-value-layout>
+    </dao-card-item>
+
+    <dao-card-item class="flex">
+      <dao-key-value-layout
+        :direction="'vertical'"
+        class="flex flex-nowrap flex-grow items-center"
+      >
+        <dao-key-value-layout-item
+          label="已持续时间"
+          class="text-center"
+        >
+          <span class="finetune-experiment-item__text">
+            1小时32分
+          </span>
+        </dao-key-value-layout-item>
+
+        <dao-key-value-layout-item
+          class="text-center"
+          label="最高评分"
+        >
+          <span class="finetune-experiment-item__text finetune-experiment-item__size">
+            86
+          </span>
+        </dao-key-value-layout-item>
+
+        <dao-key-value-layout-item
+          class="text-center"
+          label="任务状态"
+        >
+          <span class="finetune-experiment-item__text" />
+        </dao-key-value-layout-item>
+      </dao-key-value-layout>
+    </dao-card-item>
+  </dao-card>
+</template>
+
+<style lang="scss">
+.finetune-experiment-item {
+  &.finetune-experiment-item{
+    margin-top: 20px;
+  }
+
+  // &__base-info.dao-card-item {
+  //   flex: 1.25 1 0;
+  // }
+
+  &__header {
+   display: flex;
+    align-items: center;
+    font-weight: 700;
+    color: var(--dao-text-pageTitle);
+
+    &__text {
+      display: inline-block;
+      max-width: 75%;
+      margin-right: 30px;
+      overflow: hidden;
+      color: var(--dao-text-primary);
+      text-decoration: none;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
+      &.active {
+        &:hover,
+        &:active {
+          color: var(--dao-primary-blue-040);
+        }
+      }
+    }
+  }
+
+  &__text {
+    font-size: 28px;
+    font-weight: bold;
+  }
+
+  &__size {
+    color: var(--dao-green-030);
+  }
+
+}
+
+.dao-key-value-layout.is-horizontal .dao-key-value-layout-item__label {
+  width: 110px;
+}
+</style>
diff --git a/src/views/finetune-experiment/components/FinetuneJob.vue b/src/views/finetune-experiment/components/FinetuneJob.vue
new file mode 100644
index 0000000..de5fb50
--- /dev/null
+++ b/src/views/finetune-experiment/components/FinetuneJob.vue
@@ -0,0 +1,112 @@
+<script setup lang="ts">
+import { DaoSelect } from '@dao-style/core';
+import { useForm } from 'vee-validate';
+import { string, object } from 'yup';
+import { markRaw, onMounted } from 'vue';
+import { FinetuneJob } from '@/api/finetune-job';
+import { useNamespaceStore } from '@/stores/namespace';
+import { useDataset } from '@/views/dataset/composition/create';
+import { useHyperparameter } from '@/views/hyperparameter/composition/hyperparameter';
+import { storeToRefs } from 'pinia';
+import { useFinetuneJob, useLargeLanguageModel } from '../composition/finetune';
+
+const { namespace } = storeToRefs(useNamespaceStore());
+
+const { datasets, fetchDatasets } = useDataset();
+const { hyperparameters, fetchHyperparameters } = useHyperparameter();
+
+const { largeLanguageModels, fetchLargeLanguageModels } = useLargeLanguageModel();
+
+onMounted(() => {
+  Promise.all([fetchDatasets(namespace.value), fetchHyperparameters(namespace.value), fetchLargeLanguageModels(namespace.value)]);
+});
+
+const { finetuneJob } = useFinetuneJob();
+
+const validationSchema = markRaw(
+  object({
+    metadata: object({
+      name: string().required('请输入名称'),
+    }),
+    spec: object({
+      finetune: object({
+        dataset: string().required('请输入数据集'),
+        hyperparameter: string().required('请输入参数组'),
+        llm: string().required('请输入大模型'),
+      }),
+      serveConfig: object({
+        nodeSelector: string().required('请输入节点选择器'),
+      }),
+    }),
+  }),
+);
+
+const { values, handleSubmit, handleReset } = useForm({
+  initialValues: finetuneJob,
+  validationSchema,
+});
+
+const emit = defineEmits<{(e: 'add', value: FinetuneJob): void }>();
+
+const addJob = handleSubmit(() => {
+  emit('add', values);
+  handleReset();
+});
+</script>
+
+<template>
+  <div class="flex space-x-6">
+    <dao-form>
+      <dao-form-item-validate
+        label="基础大模型"
+        name="spec.finetune.llm"
+        :tag="DaoSelect"
+        required
+      >
+        <dao-option
+          v-for="largeLanguageModel in largeLanguageModels"
+          :key="largeLanguageModel.metadata?.name"
+          :label="largeLanguageModel.metadata?.name"
+          :value="largeLanguageModel.metadata?.name"
+        />
+      </dao-form-item-validate>
+
+      <dao-form-item-validate
+        label="数据集"
+        name="spec.finetune.dataset"
+        :tag="DaoSelect"
+        required
+      >
+        <dao-option
+          v-for="dataset in datasets"
+          :key="dataset.metadata?.name"
+          :label="dataset.metadata?.name"
+          :value="dataset.metadata?.name"
+        />
+      </dao-form-item-validate>
+
+      <dao-form-item-validate
+        label="参数组"
+        name="spec.finetune.hyperparameter"
+        :tag="DaoSelect"
+        required
+      >
+        <dao-option
+          v-for="params in hyperparameters"
+          :key="params.metadata.name"
+          :label="params.metadata.name"
+          :value="params.metadata.name"
+        />
+      </dao-form-item-validate>
+
+      <dao-form-item>
+        <dao-button
+          block
+          @click="addJob"
+        >
+          加个朋友
+        </dao-button>
+      </dao-form-item>
+    </dao-form>
+  </div>
+</template>
diff --git a/src/views/finetune-experiment/composition/finetune.ts b/src/views/finetune-experiment/composition/finetune.ts
new file mode 100644
index 0000000..b7116c6
--- /dev/null
+++ b/src/views/finetune-experiment/composition/finetune.ts
@@ -0,0 +1,97 @@
+import { reactive, ref, toRefs } from 'vue';
+import {
+  apiVersion, kind, FinetuneExperiment, finetuneExperimentClient,
+} from '@/api/finetune-experiment';
+import { FinetuneJob } from '@/api/finetune-job';
+import uniqueID from '@/utils/uid';
+import { ScoringPlugin, scoringConfigClient } from '@/api/scoring-plugin';
+import { LargeLanguageModel, largeLanguageModelClient } from '@/api/large-language-model';
+
+const defaultFinetuneExperiment: FinetuneExperiment = {
+  apiVersion,
+  kind,
+  metadata: {
+    name: '',
+  },
+  spec: {
+    finetuneJobs: [],
+    scoringConfig: {
+      name: '',
+    },
+  },
+};
+
+export const useFinetuneExperiment = () => {
+  const state = reactive({
+    finetuneExperiment: defaultFinetuneExperiment,
+    finetuneExperiments: [] as FinetuneExperiment[],
+  });
+
+  const fetchFinetuneExperiments = async (namespace: string) => {
+    const res = await finetuneExperimentClient.list(namespace);
+
+    state.finetuneExperiments = res.data.items;
+  };
+
+  return {
+    ...toRefs(state),
+    fetchFinetuneExperiments,
+  };
+};
+
+export const useFinetuneJob = () => {
+  const finetuneJob = ref<FinetuneJob>(
+    {
+      metadata: {
+        name: `finetune-job-${uniqueID()}`,
+      },
+      spec: {
+        finetune: {
+          dataset: '',
+          hyperparameter: '',
+          llm: '',
+        },
+        serveConfig: {
+          nodeSelector: 'asdf',
+        },
+      },
+    },
+
+  );
+
+  return { finetuneJob };
+};
+
+export const useScoringConfig = () => {
+  const state = reactive({
+    scoringConfigs: [] as ScoringPlugin[],
+  });
+
+  const fetchScoringConfigs = async (namespace: string) => {
+    const res = await scoringConfigClient.list(namespace);
+
+    state.scoringConfigs = res.data.items;
+  };
+
+  return {
+    ...toRefs(state),
+    fetchScoringConfigs,
+  };
+};
+
+export const useLargeLanguageModel = () => {
+  const state = reactive({
+    largeLanguageModels: [] as LargeLanguageModel[],
+  });
+
+  const fetchLargeLanguageModels = async (namespace: string) => {
+    const res = await largeLanguageModelClient.list(namespace);
+
+    state.largeLanguageModels = res.data.items;
+  };
+
+  return {
+    ...toRefs(state),
+    fetchLargeLanguageModels,
+  };
+};
diff --git a/src/views/hyperparameter/HyperparameterCreate.vue b/src/views/hyperparameter/HyperparameterCreate.vue
new file mode 100644
index 0000000..294612f
--- /dev/null
+++ b/src/views/hyperparameter/HyperparameterCreate.vue
@@ -0,0 +1,419 @@
+<!-- eslint-disable camelcase -->
+<!-- eslint-disable @typescript-eslint/ban-ts-comment -->
+<script setup lang="ts">
+import { useRoute, useRouter } from 'vue-router';
+import {
+  computed, watch, onMounted, markRaw,
+} from 'vue';
+import { useForm } from 'vee-validate';
+import { useNamespaceStore } from '@/stores/namespace';
+import { storeToRefs } from 'pinia';
+import { nError, nSuccess } from '@/utils/useNoty';
+import { DaoSelect } from '@dao-style/core';
+import {
+  type Hyperparameter,
+  type StringParameters,
+  FineTuningType,
+  Scheduler,
+  Optimizer,
+  TrainerType,
+  Quantization,
+  hyperparameterClient,
+} from '@/api/hyperparameter';
+import { object, string, number } from 'yup';
+import { cloneDeep } from 'lodash';
+import { useHyperparameter } from './composition/hyperparameter';
+
+const { namespace } = storeToRefs(useNamespaceStore());
+const router = useRouter();
+const { query } = useRoute();
+const isUpdate = computed(() => !!query.name as boolean);
+const title = computed(() => (isUpdate.value ? '更新参数组' : '创建参数组'));
+
+// 定义表单验证模式
+const schema = markRaw(
+  object({
+    metadata: object({
+      name: string().required().RFC1123Label(253).label('数据集名称'),
+    }),
+    spec: object({
+      objective: object({
+        type: string().required(),
+      }),
+      parameters: object({
+        loRA_Alpha: number().required().moreThan(0),
+        loRA_R: number().required().integer().moreThan(2),
+        loRA_Dropout: number().required().moreThan(0).lessThan(1),
+        learningRate: number().required().moreThan(0).lessThan(1),
+        epochs: number().required().integer().moreThan(1),
+        blockSize: number().required().integer().moreThan(8),
+        batchSize: number().required().integer().moreThan(1),
+        warmupRatio: number().required().moreThan(0).lessThan(1),
+        weightDecay: number().required().moreThan(0).lessThan(1),
+        gradAccSteps: number().required().integer().min(1),
+      }),
+    }),
+  }),
+);
+
+// 获取超参数相关信息
+const { hyperparameter, fetchHyperparameter } = useHyperparameter();
+
+// 表单处理
+const {
+  values: formModel,
+  setValues,
+  handleSubmit,
+  resetForm,
+} = useForm<Hyperparameter>({
+  initialValues: hyperparameter,
+  validationSchema: schema,
+});
+
+const toList = () => {
+  router.push({ name: 'HyperparameterList' });
+};
+
+const onSubmit = handleSubmit(async () => {
+  const model: Hyperparameter = cloneDeep(formModel);
+
+  const keys: (keyof StringParameters)[] = [
+    'learningRate',
+    'loRA_Alpha',
+    'loRA_Dropout',
+    'loRA_R',
+    'warmupRatio',
+    'weightDecay',
+  ];
+
+  keys.forEach((key) => {
+    model.spec.parameters[key] = `${model.spec.parameters[key]}`;
+  });
+
+  try {
+    if (isUpdate.value && model.metadata.name) {
+      await hyperparameterClient.update(namespace.value, model.metadata.name, model);
+    } else {
+      await hyperparameterClient.create(namespace.value, model);
+    }
+    nSuccess('成功');
+    toList();
+  } catch (error) {
+    nError('出错了', error);
+  }
+});
+
+const updateQuantization = (val?: string) => {
+  const valuesToUpdate = {
+    spec: {
+      parameters: {
+        int4: val === Quantization.int4,
+        int8: val === Quantization.int8,
+      },
+    },
+  };
+
+  setValues(valuesToUpdate);
+};
+
+const retrieveQuantization = () => {
+  const { parameters } = hyperparameter.value.spec;
+  let quantizationValue = Quantization.default;
+
+  if (parameters.int4) {
+    quantizationValue = Quantization.int4;
+  } else if (parameters.int8) {
+    quantizationValue = Quantization.int8;
+  }
+
+  setValues({
+    spec: {
+      parameters: {
+        quantization: quantizationValue,
+      },
+    },
+  });
+};
+
+// 监听表单字段 "quantization" 的变化
+watch(
+  () => formModel.spec.parameters.quantization,
+  (val?: string) => updateQuantization(val),
+);
+
+// 处理更新和创建超参数的逻辑
+onMounted(async () => {
+  if (isUpdate.value) {
+    await fetchHyperparameter(namespace.value, query.name as string);
+    resetForm({ values: hyperparameter.value });
+    retrieveQuantization();
+  }
+});
+</script>
+
+<template>
+  <dao-modal-layout
+    :title="title"
+    type="custom"
+    padding-x="40px"
+    @cancel="$router.back"
+    @confirm="onSubmit"
+  >
+    <dao-form label-width="120px">
+      <dao-form-group title="基本信息">
+        <dao-form-item-validate
+          label="参数组名称"
+          name="metadata.name"
+          required
+          :control-props="{
+            disabled: isUpdate,
+            class: 'input-form-width'
+          }"
+        />
+
+        <dao-form-item-validate
+          :tag="DaoSelect"
+          label="微调类型"
+          name="spec.objective.type"
+          required
+          :control-props="{
+            disabled: isUpdate,
+            class: 'select-form-width'
+          }"
+        >
+          <dao-option
+            v-for="fineTuning in FineTuningType"
+            :key="fineTuning"
+            :label="fineTuning"
+            :value="fineTuning"
+          />
+        </dao-form-item-validate>
+      </dao-form-group>
+    </dao-form>
+
+    <dao-form
+      type="vertical"
+      class="mt-[20px]"
+    >
+      <dao-form-group title="参数配置">
+        <div class="flex flex-wrap flex-col items-start">
+          <div class="parameter-card mb-6">
+            <div class="flex space-x-5">
+              <dao-form-item-validate
+                :tag="DaoSelect"
+                label="Scheduler"
+                name="spec.parameters.scheduler"
+                required
+              >
+                <dao-option
+                  v-for="n in Scheduler"
+                  :key="n"
+                  :label="n"
+                  :value="n"
+                />
+              </dao-form-item-validate>
+
+              <dao-form-item-validate
+                :tag="DaoSelect"
+                label="Optimizer"
+                name="spec.parameters.optimizer"
+                required
+              >
+                <dao-option
+                  v-for="n in Optimizer"
+                  :key="n"
+                  :label="n"
+                  :value="n"
+                />
+              </dao-form-item-validate>
+
+              <dao-form-item-validate
+                label="FP16"
+                name="spec.parameters.FP16"
+                :tag="DaoSelect"
+              >
+                <dao-option
+                  :value="true"
+                  label="True"
+                >
+                  True
+                </dao-option>
+                <dao-option
+                  :value="false"
+                  label="False"
+                />
+              </dao-form-item-validate>
+
+              <!-- <dao-form-item-validate
+                class="w-[240px]"
+                label-width="0px"
+                name="spec.parameters.PEFT"
+                :tag="DaoCheckbox"
+              >
+                PEFT
+              </dao-form-item-validate> -->
+            </div>
+
+            <div class="flex space-x-5">
+              <dao-form-item-validate
+                label="LoRA_Alpha"
+                name="spec.parameters.loRA_Alpha"
+                required
+                :control-props="{
+                  type: 'number',
+                }"
+              />
+
+              <dao-form-item-validate
+                label="LoRA_R"
+                name="spec.parameters.loRA_R"
+                required
+                :control-props="{
+                  type: 'number',
+                }"
+              />
+
+              <dao-form-item-validate
+                label="LoRA_Dropout"
+                name="spec.parameters.loRA_Dropout"
+                required
+                :control-props="{
+                  type: 'number',
+                  step: 0.01,
+                }"
+              />
+            </div>
+
+            <div class="flex space-x-5">
+              <dao-form-item-validate
+                :tag="DaoSelect"
+                label="Int4/8"
+                name="spec.parameters.quantization"
+                required
+              >
+                <dao-option
+                  label="默认"
+                  :value="Quantization.default"
+                />
+                <dao-option
+                  label="int4"
+                  :value="Quantization.int4"
+                />
+                <dao-option
+                  label="int8"
+                  :value="Quantization.int8"
+                />
+              </dao-form-item-validate>
+            </div>
+          </div>
+
+          <div class="parameter-card">
+            <div class="flex space-x-5">
+              <dao-form-item-validate
+                label="LearningRate"
+                name="spec.parameters.learningRate"
+                required
+                :control-props="{
+                  type: 'number',
+                  step: 0.01,
+                }"
+              />
+
+              <dao-form-item-validate
+                label="Epochs"
+                name="spec.parameters.epochs"
+                required
+                :control-props="{
+                  type: 'number',
+                }"
+              />
+
+              <dao-form-item-validate
+                label="BlockSize"
+                name="spec.parameters.blockSize"
+                required
+                :control-props="{
+                  type: 'number',
+                }"
+              />
+            </div>
+
+            <div class="flex space-x-5">
+              <dao-form-item-validate
+                label="BatchSize"
+                name="spec.parameters.batchSize"
+                required
+                :control-props="{
+                  type: 'number',
+                  step: 1,
+                }"
+              />
+
+              <dao-form-item-validate
+                label="WarmupRatio"
+                name="spec.parameters.warmupRatio"
+                required
+                :control-props="{
+                  type: 'number',
+                  step: 0.01,
+                }"
+              />
+
+              <dao-form-item-validate
+                label="WeightDecay"
+                name="spec.parameters.weightDecay"
+                required
+                :control-props="{
+                  type: 'number',
+                  step: 0.01,
+                }"
+              />
+            </div>
+
+            <div class="flex space-x-5">
+              <dao-form-item-validate
+                label="GradAccSteps"
+                name="spec.parameters.gradAccSteps"
+                required
+                :control-props="{
+                  type: 'number',
+                }"
+              />
+
+              <dao-form-item-validate
+                :tag="DaoSelect"
+                label="TrainerType"
+                name="spec.parameters.trainerType"
+                required
+              >
+                <dao-option
+                  v-for="n in TrainerType"
+                  :key="n"
+                  :label="n"
+                  :value="n"
+                />
+              </dao-form-item-validate>
+            </div>
+          </div>
+        </div>
+      </dao-form-group>
+    </dao-form>
+  </dao-modal-layout>
+</template>
+
+<style lang="scss" scoped>
+$form-width: 400px;
+
+:deep(.input-form-width.dao-input),
+:deep(.select-form-width.dao-select) {
+  width: $form-width;
+}
+
+.parameter-card {
+  display: inline-flex;
+  flex-direction: column;
+  padding: 20px 20px 0;
+  border-radius: 15px;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
+}
+</style>
diff --git a/src/views/hyperparameter/HyperparameterDetail.vue b/src/views/hyperparameter/HyperparameterDetail.vue
new file mode 100644
index 0000000..29e02d4
--- /dev/null
+++ b/src/views/hyperparameter/HyperparameterDetail.vue
@@ -0,0 +1,207 @@
+<script setup lang="ts">
+import { useRoute, useRouter } from 'vue-router';
+import { computed, ref } from 'vue';
+import { useNamespaceStore } from '@/stores/namespace';
+import { Hyperparameter, hyperparameterClient } from '@/api/hyperparameter';
+import { useDateFormat } from '@dao-style/extend';
+import { nError } from '@/utils/useNoty';
+
+const router = useRouter();
+const route = useRoute();
+const namespaceStore = useNamespaceStore();
+
+const hyperparameter = ref<Hyperparameter | null>(null);
+
+// 获取超参数详细信息
+const fetchDataset = async () => {
+  try {
+    const res = await hyperparameterClient.read(namespaceStore.namespace, route.params.name as string);
+
+    hyperparameter.value = res.data;
+  } catch (error) {
+    nError('获取超参数失败', error);
+  }
+};
+
+fetchDataset();
+
+const name = computed(() => hyperparameter.value?.metadata.name);
+
+// 基本信息
+const infos = computed(() => {
+  const data = hyperparameter.value;
+
+  if (!data) return [];
+
+  return [
+    {
+      label: '名称',
+      value: name.value,
+    },
+    {
+      label: '微调类型',
+      value: data.spec.objective.type,
+    },
+    {
+      label: '标签',
+      value: data.metadata.labels,
+      slotId: 'tag',
+    },
+    {
+      label: '创建时间',
+      value: useDateFormat(data.metadata.creationTimestamp),
+    },
+  ];
+});
+
+// 参数详情
+const parameters = computed(() => {
+  const params = hyperparameter.value?.spec.parameters;
+
+  if (!params) return [];
+
+  return [
+    {
+      label: 'BatchSize',
+      value: params.batchSize,
+    },
+    {
+      label: 'LearningRate',
+      value: params.learningRate,
+    },
+    {
+      label: 'BlockSize',
+      value: params?.blockSize,
+    },
+    {
+      label: 'Epochs',
+      value: params?.epochs,
+    },
+    {
+      label: 'Scheduler',
+      value: params?.scheduler,
+    },
+    {
+      label: 'Optimizer',
+      value: params?.optimizer,
+    },
+    {
+      label: 'int4',
+      value: `${params?.int4}`,
+    },
+    {
+      label: 'int8',
+      value: `${params?.int8}`,
+    },
+    {
+      label: 'LoRA_R',
+      value: params?.loRA_R,
+    },
+    {
+      label: 'LoRA_Alpha',
+      value: params?.loRA_Alpha,
+    },
+    {
+      label: 'LoRA_Dropout',
+      value: params?.loRA_Dropout,
+    },
+    {
+      label: 'WarmupRatio',
+      value: params?.warmupRatio,
+    },
+    {
+      label: 'WeightDecay',
+      value: params?.weightDecay,
+    },
+    {
+      label: 'GradAccSteps',
+      value: params?.gradAccSteps,
+    },
+    {
+      label: 'TrainerType',
+      value: params?.trainerType,
+    },
+    {
+      label: 'FP16',
+      value: `${params?.FP16}`,
+    },
+  ];
+});
+
+// 获取标签字符串数组
+const getLabels = (row?: Record<string, string> | null) => {
+  if (!row) return [];
+
+  return Object.entries(row).map(([key, value]) => `${key}:${value}`);
+};
+
+const onEdit = () => {
+  router.push({
+    name: 'HyperparameterCreate',
+    query: {
+      name: name.value,
+    },
+  });
+};
+</script>
+
+<template>
+  <div class="hyperparameter-detail console-main-container">
+    <dao-header type="3rd">
+      <template #breadcrumb>
+        <dao-breadcrumb
+          icon="icon-cluster"
+          @navigate="router.push"
+        >
+          <dao-breadcrumb-item
+            label="参数集"
+            :to="{ name: 'HyperparameterList' }"
+          />
+          <dao-breadcrumb-item :label="name" />
+        </dao-breadcrumb>
+      </template>
+
+      <template #action>
+        <dao-button
+          type="tertiary"
+          @click="onEdit"
+        >
+          编辑
+        </dao-button>
+      </template>
+    </dao-header>
+
+    <dao-card
+      type="simple"
+      title="基本信息"
+    >
+      <dao-card-item>
+        <dao-key-value-layout
+          direction="vertical"
+          :column="4"
+          :data="infos"
+        >
+          <template #kv-tag="{ row }">
+            <dao-key-value-layout-item :label="row.label">
+              <dao-hover-card :data="getLabels(row.value as Record<string, string> | null)" />
+            </dao-key-value-layout-item>
+          </template>
+        </dao-key-value-layout>
+      </dao-card-item>
+    </dao-card>
+
+    <dao-card
+      type="simple"
+      title="参数详情"
+      class="mt-[16px]"
+    >
+      <dao-card-item>
+        <dao-key-value-layout
+          direction="vertical"
+          :column="4"
+          :data="parameters"
+        />
+      </dao-card-item>
+    </dao-card>
+  </div>
+</template>
diff --git a/src/views/hyperparameter/HyperparameterList.vue b/src/views/hyperparameter/HyperparameterList.vue
new file mode 100644
index 0000000..9ee652a
--- /dev/null
+++ b/src/views/hyperparameter/HyperparameterList.vue
@@ -0,0 +1,202 @@
+<script setup lang="tsx">
+import {
+  ref, watchEffect, computed, watch,
+} from 'vue';
+import { useRouter } from 'vue-router';
+import { defineColumns } from '@dao-style/core';
+import { type Hyperparameter, hyperparameterClient } from '@/api/hyperparameter';
+import { useNamespaceStore } from '@/stores/namespace';
+import { storeToRefs } from 'pinia';
+import { useDateFormat } from '@dao-style/extend';
+import { nError, nSuccess } from '@/utils/useNoty';
+import { first } from 'lodash';
+import { generateQueryString } from '@/utils/queryString';
+import { useHyperparameter } from './composition/hyperparameter';
+
+const router = useRouter();
+const namespaceStore = useNamespaceStore();
+const { namespace } = storeToRefs(namespaceStore);
+
+const showData = ref<Hyperparameter[]>([]);
+const pageSize = ref(10);
+const currentPage = ref(1);
+const search = ref<{ fuzzy?: string[] }>({});
+
+const columns = defineColumns([
+  {
+    id: 'name',
+    header: '名称',
+    sortable: true,
+  },
+  {
+    id: 'fineTuningType',
+    header: '微调类型',
+  },
+  {
+    id: 'parameters',
+    header: '参数预览',
+  },
+  {
+    id: 'createAt',
+    header: '创建时间',
+  },
+  {
+    id: 'action',
+    header: '',
+    defaultWidth: '60px',
+  },
+]);
+
+const { hyperparameters, fetchHyperparameters, loading } = useHyperparameter();
+
+const refresh = () => fetchHyperparameters(namespace.value);
+
+// 监听命名空间变化，重新加载数据集
+watch(() => namespaceStore.namespace, () => {
+  refresh();
+}, {
+  immediate: true,
+});
+
+const onSearch = () => {
+  currentPage.value = 1;
+};
+
+const filteredData = computed(() => hyperparameters.value.filter((item) => item.metadata.name?.includes(first(search.value.fuzzy) ?? '')));
+
+watchEffect(() => {
+  const startIndex = (currentPage.value - 1) * pageSize.value;
+  const endIndex = currentPage.value * pageSize.value;
+
+  showData.value = filteredData.value.slice(startIndex, endIndex);
+});
+
+const onUpdate = (name: string) => {
+  router.push({
+    name: 'HyperparameterCreate',
+    query: {
+      name,
+    },
+  });
+};
+
+const onCreate = () => {
+  router.push({
+    name: 'HyperparameterCreate',
+  });
+};
+
+let hyperparameterToDelete: string;
+const isShow = ref(false);
+
+const hideDialog = () => {
+  isShow.value = false;
+};
+
+const showDialog = (hyperparameter: string) => {
+  isShow.value = true;
+  hyperparameterToDelete = hyperparameter;
+};
+
+const confirmDelete = () => {
+  hyperparameterClient.delete(namespace.value, hyperparameterToDelete)
+    .then(() => {
+      hideDialog();
+      refresh();
+      nSuccess('删除成功');
+    })
+    .catch((err) => {
+      nError('删除失败', err);
+    });
+};
+</script>
+
+<template>
+  <div class="hyperparameter-list console-main-container">
+    <dao-header
+      type="2nd"
+      :title="'参数组'"
+    />
+
+    <dao-table
+      id="demo"
+      v-model:page-size="pageSize"
+      v-model:current-page="currentPage"
+      v-model:search="search"
+      :loading="loading"
+      :fuzzy="{ key: 'fuzzy', single: true }"
+      :columns="columns"
+      :data="showData"
+      :total="filteredData.length"
+      @refresh="refresh"
+      @search="onSearch"
+    >
+      <template #th-action="{ column }">
+        <div>{{ column.header }}</div>
+      </template>
+
+      <template #td-name="{ row }">
+        <router-link
+          class="list-name-link"
+          :to="{
+            name: 'HyperparameterDetail',
+            params: {
+              name: row.metadata.name,
+            },
+          }"
+        >
+          {{ row.metadata.name }}
+        </router-link>
+      </template>
+
+      <template #td-createAt="{ row }">
+        {{ useDateFormat(row.metadata.creationTimestamp) }}
+      </template>
+
+      <template #td-fineTuningType="{ row }">
+        {{ row.spec.objective.type }}
+      </template>
+
+      <template #td-parameters="{ row }">
+        <dao-hover-card :data="generateQueryString(row.spec.parameters)" />
+      </template>
+
+      <template #td-action-menu="{ row }">
+        <dao-dropdown-item @click="onUpdate(row.metadata.name as string)">
+          编辑
+        </dao-dropdown-item>
+        <dao-dropdown-item
+          color="red"
+          @click="showDialog(row.metadata.name as string)"
+        >
+          删除
+        </dao-dropdown-item>
+      </template>
+
+      <template #action>
+        <dao-button @click="onCreate">
+          创建
+        </dao-button>
+      </template>
+    </dao-table>
+  </div>
+
+  <dao-dialog
+    :model-value="isShow"
+    header="Basic Dialog"
+    @cancel="hideDialog"
+    @confirm="confirmDelete"
+  >
+    <div class="body">
+      <div class="content">
+        确认删除参数组 {{ hyperparameterToDelete }} 吗？
+      </div>
+    </div>
+    <template #footer>
+      <dao-confirm-dialog-footer
+        :text="hyperparameterToDelete"
+        confirm-text="delete"
+      />
+    </template>
+  </dao-dialog>
+</template>
diff --git a/src/views/hyperparameter/composition/hyperparameter.ts b/src/views/hyperparameter/composition/hyperparameter.ts
new file mode 100644
index 0000000..86f7b07
--- /dev/null
+++ b/src/views/hyperparameter/composition/hyperparameter.ts
@@ -0,0 +1,84 @@
+import { reactive, toRefs } from 'vue';
+import {
+  Hyperparameter,
+  FineTuningType,
+  Scheduler,
+  Optimizer,
+  TrainerType,
+  Quantization,
+  hyperparameterClient,
+} from '@/api/hyperparameter';
+import { nError } from '@/utils/useNoty';
+
+// 定义默认的超参数对象
+const defaultHyperparameter: Hyperparameter = {
+  apiVersion: 'core.datatunerx.io/v1beta1',
+  kind: 'Hyperparameter',
+  metadata: {
+    name: 'hyperparameter',
+  },
+  spec: {
+    objective: {
+      type: FineTuningType.SFT,
+    },
+    parameters: {
+      scheduler: Scheduler.Cosine,
+      optimizer: Optimizer.AdamW,
+      int4: false,
+      int8: false,
+      loRA_R: '4',
+      loRA_Alpha: '32.0',
+      loRA_Dropout: '0.1',
+      learningRate: '0.001',
+      epochs: 10,
+      blockSize: 512,
+      batchSize: 32,
+      warmupRatio: '0.1',
+      weightDecay: '0.0001',
+      gradAccSteps: 1,
+      trainerType: TrainerType.Standard,
+      PEFT: false,
+      FP16: false,
+      quantization: Quantization.default,
+    },
+  },
+};
+
+export const useHyperparameter = () => {
+  const state = reactive({
+    hyperparameter: { ...defaultHyperparameter }, // 使用对象复制以防止修改默认对象
+    hyperparameters: [] as Hyperparameter[],
+    loading: false,
+  });
+
+  // 获取指定命名空间和名称的超参数
+  const fetchHyperparameter = async (namespace: string, name: string) => {
+    try {
+      const res = await hyperparameterClient.read(namespace, name);
+
+      state.hyperparameter = res.data;
+    } catch (error) {
+      nError('获取超参数失败', error);
+    }
+  };
+
+  // 获取指定命名空间的超参数列表
+  const fetchHyperparameters = async (namespace: string) => {
+    try {
+      state.loading = true;
+      const res = await hyperparameterClient.list(namespace);
+
+      state.hyperparameters = res.data.items;
+    } catch (error) {
+      nError('获取超参数列表失败', error);
+    } finally {
+      state.loading = false;
+    }
+  };
+
+  return {
+    ...toRefs(state),
+    fetchHyperparameter,
+    fetchHyperparameters,
+  };
+};
diff --git a/startup.sh b/startup.sh
new file mode 100644
index 0000000..9396a28
--- /dev/null
+++ b/startup.sh
@@ -0,0 +1,5 @@
+#!/usr/bin/env sh
+
+absolute_path="/etc/nginx/nginx.conf"
+
+sed -i "s#KUBERNETES_API_SERVER#${API_URL-https://10.29.26.43:6443}#g" ${absolute_path}
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..5db382e
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,11 @@
+module.exports = {
+  content: ['./src/**/*.{vue,html,ts,js}'],
+  theme: {
+    extend: {
+      flex: {
+        2: '2 1 0%',
+      },
+    },
+  },
+  plugins: [],
+};
diff --git a/tsconfig.json b/tsconfig.json
index 39beb2c..a925525 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -19,16 +19,9 @@
       "@dao-style/extend/volar"
     ],
     "paths": {
-      "@/*": [
-        "src/*"
-      ]
+      "@/*": ["src/*"]
     },
-    "lib": [
-      "esnext",
-      "dom",
-      "dom.iterable",
-      "scripthost"
-    ]
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
   },
   "include": [
     "src/**/*.ts",
@@ -37,7 +30,5 @@
     "tests/**/*.ts",
     "tests/**/*.tsx"
   ],
-  "exclude": [
-    "node_modules"
-  ]
+  "exclude": ["node_modules"]
 }
diff --git a/vue.config.js b/vue.config.js
index f635296..ada4c77 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -13,4 +13,27 @@ module.exports = defineConfig({
       fullInstall: false,
     },
   },
+
+  devServer: {
+    port: 3000,
+    proxy: {
+      '^/apis': {
+        target: process.env.VUE_APP_API_URL,
+        bypass: (req) => {
+          Object.assign(req.headers, {
+            Authorization: `Bearer ${process.env.VUE_APP_AUTH}`,
+          });
+        },
+      },
+      '^/api': {
+        target: process.env.VUE_APP_API_URL,
+        bypass: (req) => {
+          Object.assign(req.headers, {
+            Authorization: `Bearer ${process.env.VUE_APP_AUTH}`,
+          });
+        },
+      },
+    },
+  },
+
 });
diff --git a/yarn.lock b/yarn.lock
index 8c5751d..fcfe52e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -16,6 +16,11 @@
     event-pubsub "4.3.0"
     js-message "1.0.7"
 
+"@alloc/quick-lru@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.npmmirror.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz"
+  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
+
 "@ampproject/remapping@^2.2.0":
   version "2.2.1"
   resolved "https://registry.npmmirror.com/@ampproject/remapping/-/remapping-2.2.1.tgz"
@@ -37,7 +42,7 @@
   resolved "https://registry.npmmirror.com/@babel/compat-data/-/compat-data-7.23.2.tgz"
   integrity sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==
 
-"@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.0.0-0 || ^8.0.0-0 <8.0.0", "@babel/core@^7.1.0", "@babel/core@^7.12.0", "@babel/core@^7.12.16", "@babel/core@^7.12.3", "@babel/core@^7.13.0", "@babel/core@^7.4.0 || ^8.0.0-0 <8.0.0", "@babel/core@^7.7.2", "@babel/core@^7.8.0", "@babel/core@>=7.0.0-beta.0 <8", "@babel/core@7.x":
+"@babel/core@^7.1.0", "@babel/core@^7.12.16", "@babel/core@^7.12.3", "@babel/core@^7.7.2", "@babel/core@^7.8.0":
   version "7.23.2"
   resolved "https://registry.npmmirror.com/@babel/core/-/core-7.23.2.tgz"
   integrity sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==
@@ -966,9 +971,9 @@
   resolved "https://registry.npmmirror.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz"
   integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
 
-"@babel/runtime@^7.12.13", "@babel/runtime@^7.15.4", "@babel/runtime@^7.8.4":
+"@babel/runtime@^7.12.13", "@babel/runtime@^7.8.4":
   version "7.23.2"
-  resolved "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.23.2.tgz"
+  resolved "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.23.2.tgz#062b0ac103261d68a966c4c7baf2ae3e62ec3885"
   integrity sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==
   dependencies:
     regenerator-runtime "^0.14.0"
@@ -1122,23 +1127,6 @@
     "@commitlint/rules" "^16.2.4"
     "@commitlint/types" "^16.2.1"
 
-"@commitlint/load@^16.3.0":
-  version "16.3.0"
-  resolved "https://registry.npmmirror.com/@commitlint/load/-/load-16.3.0.tgz"
-  integrity sha512-3tykjV/iwbkv2FU9DG+NZ/JqmP0Nm3b7aDwgCNQhhKV5P74JAuByULkafnhn+zsFGypG1qMtI5u+BZoa9APm0A==
-  dependencies:
-    "@commitlint/config-validator" "^16.2.1"
-    "@commitlint/execute-rule" "^16.2.1"
-    "@commitlint/resolve-extends" "^16.2.1"
-    "@commitlint/types" "^16.2.1"
-    "@types/node" ">=12"
-    chalk "^4.0.0"
-    cosmiconfig "^7.0.0"
-    cosmiconfig-typescript-loader "^2.0.0"
-    lodash "^4.17.19"
-    resolve-from "^5.0.0"
-    typescript "^4.4.3"
-
 "@commitlint/load@>6.1.1":
   version "17.8.0"
   resolved "https://registry.npmmirror.com/@commitlint/load/-/load-17.8.0.tgz"
@@ -1159,6 +1147,23 @@
     ts-node "^10.8.1"
     typescript "^4.6.4 || ^5.0.0"
 
+"@commitlint/load@^16.3.0":
+  version "16.3.0"
+  resolved "https://registry.npmmirror.com/@commitlint/load/-/load-16.3.0.tgz"
+  integrity sha512-3tykjV/iwbkv2FU9DG+NZ/JqmP0Nm3b7aDwgCNQhhKV5P74JAuByULkafnhn+zsFGypG1qMtI5u+BZoa9APm0A==
+  dependencies:
+    "@commitlint/config-validator" "^16.2.1"
+    "@commitlint/execute-rule" "^16.2.1"
+    "@commitlint/resolve-extends" "^16.2.1"
+    "@commitlint/types" "^16.2.1"
+    "@types/node" ">=12"
+    chalk "^4.0.0"
+    cosmiconfig "^7.0.0"
+    cosmiconfig-typescript-loader "^2.0.0"
+    lodash "^4.17.19"
+    resolve-from "^5.0.0"
+    typescript "^4.4.3"
+
 "@commitlint/message@^16.2.1":
   version "16.2.1"
   resolved "https://registry.npmmirror.com/@commitlint/message/-/message-16.2.1.tgz"
@@ -1251,12 +1256,12 @@
   dependencies:
     "@jridgewell/trace-mapping" "0.3.9"
 
-"@csstools/css-parser-algorithms@^2.3.1", "@csstools/css-parser-algorithms@^2.3.2":
+"@csstools/css-parser-algorithms@^2.3.1":
   version "2.3.2"
   resolved "https://registry.npmmirror.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.3.2.tgz"
   integrity sha512-sLYGdAdEY2x7TSw9FtmdaTrh2wFtRJO5VMbBrA8tEqEod7GEggFmxTSK9XqExib3yMuYNcvcTdCZIP6ukdjAIA==
 
-"@csstools/css-tokenizer@^2.2.0", "@csstools/css-tokenizer@^2.2.1":
+"@csstools/css-tokenizer@^2.2.0":
   version "2.2.1"
   resolved "https://registry.npmmirror.com/@csstools/css-tokenizer/-/css-tokenizer-2.2.1.tgz"
   integrity sha512-Zmsf2f/CaEPWEVgw29odOj+WEVoiJy9s9NOv5GgNY9mZ1CZ7394By6wONrONrTsnNDv6F9hR02nvFihrGVGHBg==
@@ -1271,25 +1276,25 @@
   resolved "https://registry.npmmirror.com/@csstools/selector-specificity/-/selector-specificity-3.0.0.tgz"
   integrity sha512-hBI9tfBtuPIi885ZsZ32IMEU/5nlZH/KOVYJCOh7gyMxaVLGmLedYqFN6Ui1LXkI8JlC8IsuC0rF0btcRZKd5g==
 
-"@dao-style/core@1.0.0 - 2.0.0", "@dao-style/core@1.6.0":
-  version "1.6.0"
-  resolved "https://registry.npmmirror.com/@dao-style/core/-/core-1.6.0.tgz"
-  integrity sha512-vsZencmPPjr1fnnACBjOgJzaJ5Utsm3PWcXE37nxvWMw+uzIJessp57hFqntMZ6NwnoMq7aF571zANBZgewsaQ==
+"@dao-style/core@1.7.0":
+  version "1.7.0"
+  resolved "https://registry.npmmirror.com/@dao-style/core/-/core-1.7.0.tgz#361da94bb184994e16c6ca9959a10d7fa5b298c8"
+  integrity sha512-ficSE9iHjNQvujbeKmOPjcliblmvkK6vPKkQVlwCMzRSSpJmXJWOFHuZT46Wp3LOqdlzSaZX3AAQfgX95mphwg==
   dependencies:
     "@popperjs/core" "^2.10.2"
     fs-extra "^10.1.0"
     ohmyfetch "^0.4.19"
 
-"@dao-style/extend@*", "@dao-style/extend@1.6.1":
-  version "1.6.1"
-  resolved "https://registry.npmmirror.com/@dao-style/extend/-/extend-1.6.1.tgz"
-  integrity sha512-eF0tFrg58u9Q0eMTGbV2smx0BosJzw6AUyob+MbU6wGC2c3avr/rHBpYzn1oYPvdeWQsPR7VRAcxj4o/YzU36w==
+"@dao-style/extend@1.7.0":
+  version "1.7.0"
+  resolved "https://registry.npmmirror.com/@dao-style/extend/-/extend-1.7.0.tgz#0c1dc963de5d6de12964825cbeeeda8e1f0f70e9"
+  integrity sha512-naUUZk/xJAmUMdnSU/1d+WlKy3hCvrPoKe20s3FvuJhsCHlkP1VBLSV573g4iI5ldKr4xLI/NA6UBcKuiFseyA==
   dependencies:
     "@vueuse/components" "^9.3.0"
     "@vueuse/core" "^9.3.0"
     lodash-es "^4.17.21"
 
-"@dao-style/unplugin-extend@^0.0.6", "@dao-style/unplugin-extend@0.0.6":
+"@dao-style/unplugin-extend@0.0.6", "@dao-style/unplugin-extend@^0.0.6":
   version "0.0.6"
   resolved "https://registry.npmmirror.com/@dao-style/unplugin-extend/-/unplugin-extend-0.0.6.tgz"
   integrity sha512-b3ZXGYaQU9vJIu7AEDoFEQHsyTSwei4FZRT0/QfPu5e39peaNkARgiGYqAJRSxJ+nftnvQ2+OyL+/HMOpQhdrA==
@@ -1376,11 +1381,116 @@
   resolved "https://registry.npmmirror.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz"
   integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==
 
+"@esbuild/android-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz#984b4f9c8d0377443cc2dfcef266d02244593622"
+  integrity sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==
+
+"@esbuild/android-arm@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.18.20.tgz#fedb265bc3a589c84cc11f810804f234947c3682"
+  integrity sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==
+
+"@esbuild/android-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.18.20.tgz#35cf419c4cfc8babe8893d296cd990e9e9f756f2"
+  integrity sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==
+
 "@esbuild/darwin-arm64@0.18.20":
   version "0.18.20"
   resolved "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz"
   integrity sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==
 
+"@esbuild/darwin-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz#d70d5790d8bf475556b67d0f8b7c5bdff053d85d"
+  integrity sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==
+
+"@esbuild/freebsd-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz#98755cd12707f93f210e2494d6a4b51b96977f54"
+  integrity sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==
+
+"@esbuild/freebsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz#c1eb2bff03915f87c29cece4c1a7fa1f423b066e"
+  integrity sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==
+
+"@esbuild/linux-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz#bad4238bd8f4fc25b5a021280c770ab5fc3a02a0"
+  integrity sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==
+
+"@esbuild/linux-arm@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz#3e617c61f33508a27150ee417543c8ab5acc73b0"
+  integrity sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==
+
+"@esbuild/linux-ia32@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz#699391cccba9aee6019b7f9892eb99219f1570a7"
+  integrity sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==
+
+"@esbuild/linux-loong64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz#e6fccb7aac178dd2ffb9860465ac89d7f23b977d"
+  integrity sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==
+
+"@esbuild/linux-mips64el@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz#eeff3a937de9c2310de30622a957ad1bd9183231"
+  integrity sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==
+
+"@esbuild/linux-ppc64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz#2f7156bde20b01527993e6881435ad79ba9599fb"
+  integrity sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==
+
+"@esbuild/linux-riscv64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz#6628389f210123d8b4743045af8caa7d4ddfc7a6"
+  integrity sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==
+
+"@esbuild/linux-s390x@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz#255e81fb289b101026131858ab99fba63dcf0071"
+  integrity sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==
+
+"@esbuild/linux-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz#c7690b3417af318a9b6f96df3031a8865176d338"
+  integrity sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==
+
+"@esbuild/netbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz#30e8cd8a3dded63975e2df2438ca109601ebe0d1"
+  integrity sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==
+
+"@esbuild/openbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz#7812af31b205055874c8082ea9cf9ab0da6217ae"
+  integrity sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==
+
+"@esbuild/sunos-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz#d5c275c3b4e73c9b0ecd38d1ca62c020f887ab9d"
+  integrity sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==
+
+"@esbuild/win32-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz#73bc7f5a9f8a77805f357fab97f290d0e4820ac9"
+  integrity sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==
+
+"@esbuild/win32-ia32@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz#ec93cbf0ef1085cc12e71e0d661d20569ff42102"
+  integrity sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==
+
+"@esbuild/win32-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz#786c5f41f043b07afb1af37683d7c33668858f6d"
+  integrity sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==
+
 "@eslint-community/eslint-utils@^4.2.0":
   version "4.4.0"
   resolved "https://registry.npmmirror.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz"
@@ -1469,6 +1579,14 @@
     "@intlify/message-compiler" "9.5.0"
     "@intlify/shared" "9.5.0"
 
+"@intlify/core-base@9.6.1":
+  version "9.6.1"
+  resolved "https://registry.npmmirror.com/@intlify/core-base/-/core-base-9.6.1.tgz#702f58e27b7af3f5410f8aafb665d408fd8d6c75"
+  integrity sha512-cjyCVQA22wN2qsoCjBuB+ID8lYCriDRwCLcr+gQzrbQIfhhXpFnX9NkKG15b7gu7Lo2tkzdZLoYlW3wQQRR5UA==
+  dependencies:
+    "@intlify/message-compiler" "9.6.1"
+    "@intlify/shared" "9.6.1"
+
 "@intlify/core@^9.1.9":
   version "9.5.0"
   resolved "https://registry.npmmirror.com/@intlify/core/-/core-9.5.0.tgz"
@@ -1477,7 +1595,7 @@
     "@intlify/core-base" "9.5.0"
     "@intlify/shared" "9.5.0"
 
-"@intlify/message-compiler@^9.1.9", "@intlify/message-compiler@9.5.0":
+"@intlify/message-compiler@9.5.0", "@intlify/message-compiler@^9.1.9":
   version "9.5.0"
   resolved "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-9.5.0.tgz"
   integrity sha512-CAhVNfEZcOVFg0/5MNyt+OFjvs4J/ARjCj2b+54/FvFP0EDJI5lIqMTSDBE7k0atMROSP0SvWCkwu/AZ5xkK1g==
@@ -1485,11 +1603,24 @@
     "@intlify/shared" "9.5.0"
     source-map-js "^1.0.2"
 
-"@intlify/shared@^9.1.9", "@intlify/shared@9.5.0":
+"@intlify/message-compiler@9.6.1":
+  version "9.6.1"
+  resolved "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-9.6.1.tgz#bb394f71c9dea304db04ae55c8403a4a904345ee"
+  integrity sha512-kTOCEtKLg0pwz7Fh2z6to17jljy7kuZ1J77uGxCe3s+rixl1w0fXdaGvO59f9PwYSygR7Fe43I09EoSeuRW4UA==
+  dependencies:
+    "@intlify/shared" "9.6.1"
+    source-map-js "^1.0.2"
+
+"@intlify/shared@9.5.0", "@intlify/shared@^9.1.9":
   version "9.5.0"
   resolved "https://registry.npmmirror.com/@intlify/shared/-/shared-9.5.0.tgz"
   integrity sha512-tAxV14LMXZDZbu32XzLMTsowNlgJNmLwWHYzvMUl6L8gvQeoYiZONjY7AUsqZW8TOZDX9lfvF6adPkk9FSRdDA==
 
+"@intlify/shared@9.6.1":
+  version "9.6.1"
+  resolved "https://registry.npmmirror.com/@intlify/shared/-/shared-9.6.1.tgz#4672e7ac7a6088d5293a4bcef81156cf7de48b19"
+  integrity sha512-gD7r6xwG7II74JsJUXcVY0AvTyB5t7mlsB2WTot0ZncTLILQbyEeJtUOmvpvAXrh9TUr4jGPwhTC7SKtxjhl5A==
+
 "@intlify/vue-i18n-loader@^3.0.0":
   version "3.3.0"
   resolved "https://registry.npmmirror.com/@intlify/vue-i18n-loader/-/vue-i18n-loader-3.3.0.tgz"
@@ -1759,14 +1890,6 @@
   resolved "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz"
   integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
 
-"@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
-  version "0.3.19"
-  resolved "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz"
-  integrity sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==
-  dependencies:
-    "@jridgewell/resolve-uri" "^3.1.0"
-    "@jridgewell/sourcemap-codec" "^1.4.14"
-
 "@jridgewell/trace-mapping@0.3.9":
   version "0.3.9"
   resolved "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz"
@@ -1775,6 +1898,14 @@
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
+"@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
+  version "0.3.19"
+  resolved "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz"
+  integrity sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
 "@leichtgewicht/ip-codec@^2.0.1":
   version "2.0.4"
   resolved "https://registry.npmmirror.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz"
@@ -1795,7 +1926,7 @@
     "@nodelib/fs.stat" "2.0.5"
     run-parallel "^1.1.9"
 
-"@nodelib/fs.stat@^2.0.2", "@nodelib/fs.stat@2.0.5":
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
   version "2.0.5"
   resolved "https://registry.npmmirror.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
@@ -2088,7 +2219,7 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/jest@^27.0.0", "@types/jest@^27.0.1":
+"@types/jest@^27.0.1":
   version "27.5.2"
   resolved "https://registry.npmmirror.com/@types/jest/-/jest-27.5.2.tgz"
   integrity sha512-mpT8LJJ4CMeeahobofYWIjFo0xonRS/HfxnVEPMPFSQdGUt1uHCnoPT7Zhb+sjDU2wz0oKV0OLUR0WzrHNgfeA==
@@ -2113,10 +2244,10 @@
   dependencies:
     "@types/node" "*"
 
-"@types/lodash@^4.14.175":
-  version "4.14.199"
-  resolved "https://registry.npmmirror.com/@types/lodash/-/lodash-4.14.199.tgz"
-  integrity sha512-Vrjz5N5Ia4SEzWWgIVwnHNEnb1UE1XMkvY5DGXrAeOGE9imk0hgTHh5GyDjLDJi9OTCn9oo9dXH1uToK1VRfrg==
+"@types/lodash@^4.14.200":
+  version "4.14.200"
+  resolved "https://registry.npmmirror.com/@types/lodash/-/lodash-4.14.200.tgz#435b6035c7eba9cdf1e039af8212c9e9281e7149"
+  integrity sha512-YI/M/4HRImtNf3pJgbF+W6FrXovqj+T+/HpENLTooK9PnkacBsDpeP3IpHab40CClUfhNmdM2WTNP2sa2dni5Q==
 
 "@types/mime@*":
   version "3.0.2"
@@ -2262,7 +2393,7 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^5.0.0", "@typescript-eslint/eslint-plugin@^5.55.0":
+"@typescript-eslint/eslint-plugin@^5.55.0":
   version "5.62.0"
   resolved "https://registry.npmmirror.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz"
   integrity sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==
@@ -2278,7 +2409,7 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.55.0":
+"@typescript-eslint/parser@^5.55.0":
   version "5.62.0"
   resolved "https://registry.npmmirror.com/@typescript-eslint/parser/-/parser-5.62.0.tgz"
   integrity sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==
@@ -2346,14 +2477,14 @@
     "@typescript-eslint/types" "5.62.0"
     eslint-visitor-keys "^3.3.0"
 
-"@volar/language-core@~1.10.4", "@volar/language-core@1.10.4":
+"@volar/language-core@1.10.4", "@volar/language-core@~1.10.4":
   version "1.10.4"
   resolved "https://registry.npmmirror.com/@volar/language-core/-/language-core-1.10.4.tgz"
   integrity sha512-Na69qA6uwVIdA0rHuOc2W3pHtVQQO8hCNim7FOaKNpRJh0oAFnu5r9i7Oopo5C4cnELZkPNjTrbmpcCTiW+CMQ==
   dependencies:
     "@volar/source-map" "1.10.4"
 
-"@volar/source-map@~1.10.4", "@volar/source-map@1.10.4":
+"@volar/source-map@1.10.4", "@volar/source-map@~1.10.4":
   version "1.10.4"
   resolved "https://registry.npmmirror.com/@volar/source-map/-/source-map-1.10.4.tgz"
   integrity sha512-RxZdUEL+pV8p+SMqnhVjzy5zpb1QRZTlcwSk4bdcBO7yOu4rtEWqDGahVCEj4CcXour+0yJUMrMczfSCpP9Uxg==
@@ -2560,7 +2691,7 @@
   resolved "https://registry.npmmirror.com/@vue/cli-plugin-vuex/-/cli-plugin-vuex-5.0.8.tgz"
   integrity sha512-HSYWPqrunRE5ZZs8kVwiY6oWcn95qf/OQabwLfprhdpFWAGtLStShjsGED2aDpSSeGAskQETrtR/5h7VqgIlBA==
 
-"@vue/cli-service@^3.0.0 || ^4.0.0 || ^5.0.0-0", "@vue/cli-service@^4.0.0-0 || ^5.0.0-0", "@vue/cli-service@^5.0.8", "@vue/cli-service@~5.0.0":
+"@vue/cli-service@^5.0.8", "@vue/cli-service@~5.0.0":
   version "5.0.8"
   resolved "https://registry.npmmirror.com/@vue/cli-service/-/cli-service-5.0.8.tgz"
   integrity sha512-nV7tYQLe7YsTtzFrfOMIHc5N2hp5lHG2rpYr0aNja9rNljdgcPZLyQRb2YRivTHqTv7lI962UXFURcpStHgyFw==
@@ -2649,7 +2780,17 @@
     estree-walker "^2.0.2"
     source-map-js "^1.0.2"
 
-"@vue/compiler-dom@^3.3.0", "@vue/compiler-dom@3.3.4":
+"@vue/compiler-core@3.3.7":
+  version "3.3.7"
+  resolved "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.3.7.tgz#865a5734c971686d9737d85a0c5a08de045b6162"
+  integrity sha512-pACdY6YnTNVLXsB86YD8OF9ihwpolzhhtdLVHhBL6do/ykr6kKXNYABRtNMGrsQXpEXXyAdwvWWkuTbs4MFtPQ==
+  dependencies:
+    "@babel/parser" "^7.23.0"
+    "@vue/shared" "3.3.7"
+    estree-walker "^2.0.2"
+    source-map-js "^1.0.2"
+
+"@vue/compiler-dom@3.3.4", "@vue/compiler-dom@^3.3.0":
   version "3.3.4"
   resolved "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz"
   integrity sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==
@@ -2657,6 +2798,14 @@
     "@vue/compiler-core" "3.3.4"
     "@vue/shared" "3.3.4"
 
+"@vue/compiler-dom@3.3.7":
+  version "3.3.7"
+  resolved "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.3.7.tgz#a245aa03f9bfcdb537a239bf02842072de0644c9"
+  integrity sha512-0LwkyJjnUPssXv/d1vNJ0PKfBlDoQs7n81CbO6Q0zdL7H1EzqYRrTVXDqdBVqro0aJjo/FOa1qBAPVI4PGSHBw==
+  dependencies:
+    "@vue/compiler-core" "3.3.7"
+    "@vue/shared" "3.3.7"
+
 "@vue/compiler-sfc@2.7.14":
   version "2.7.14"
   resolved "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-2.7.14.tgz"
@@ -2682,6 +2831,22 @@
     postcss "^8.1.10"
     source-map-js "^1.0.2"
 
+"@vue/compiler-sfc@3.3.7":
+  version "3.3.7"
+  resolved "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.3.7.tgz#219d04b3013c7b15fbc536e2279e07810b731cc2"
+  integrity sha512-7pfldWy/J75U/ZyYIXRVqvLRw3vmfxDo2YLMwVtWVNew8Sm8d6wodM+OYFq4ll/UxfqVr0XKiVwti32PCrruAw==
+  dependencies:
+    "@babel/parser" "^7.23.0"
+    "@vue/compiler-core" "3.3.7"
+    "@vue/compiler-dom" "3.3.7"
+    "@vue/compiler-ssr" "3.3.7"
+    "@vue/reactivity-transform" "3.3.7"
+    "@vue/shared" "3.3.7"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.5"
+    postcss "^8.4.31"
+    source-map-js "^1.0.2"
+
 "@vue/compiler-ssr@3.3.4":
   version "3.3.4"
   resolved "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.3.4.tgz"
@@ -2690,6 +2855,14 @@
     "@vue/compiler-dom" "3.3.4"
     "@vue/shared" "3.3.4"
 
+"@vue/compiler-ssr@3.3.7":
+  version "3.3.7"
+  resolved "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.3.7.tgz#eff4a70f7ceb800d60e68d208b96a030c0f1b636"
+  integrity sha512-TxOfNVVeH3zgBc82kcUv+emNHo+vKnlRrkv8YvQU5+Y5LJGJwSNzcmLUoxD/dNzv0bhQ/F0s+InlgV0NrApJZg==
+  dependencies:
+    "@vue/compiler-dom" "3.3.7"
+    "@vue/shared" "3.3.7"
+
 "@vue/component-compiler-utils@^3.1.0", "@vue/component-compiler-utils@^3.3.0":
   version "3.3.0"
   resolved "https://registry.npmmirror.com/@vue/component-compiler-utils/-/component-compiler-utils-3.3.0.tgz"
@@ -2753,13 +2926,31 @@
     estree-walker "^2.0.2"
     magic-string "^0.30.0"
 
-"@vue/reactivity@^3.3.0", "@vue/reactivity@3.3.4":
+"@vue/reactivity-transform@3.3.7":
+  version "3.3.7"
+  resolved "https://registry.npmmirror.com/@vue/reactivity-transform/-/reactivity-transform-3.3.7.tgz#eb9f5110af5085079b851d162205394bc790d539"
+  integrity sha512-APhRmLVbgE1VPGtoLQoWBJEaQk4V8JUsqrQihImVqKT+8U6Qi3t5ATcg4Y9wGAPb3kIhetpufyZ1RhwbZCIdDA==
+  dependencies:
+    "@babel/parser" "^7.23.0"
+    "@vue/compiler-core" "3.3.7"
+    "@vue/shared" "3.3.7"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.5"
+
+"@vue/reactivity@3.3.4", "@vue/reactivity@^3.3.0":
   version "3.3.4"
   resolved "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.3.4.tgz"
   integrity sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==
   dependencies:
     "@vue/shared" "3.3.4"
 
+"@vue/reactivity@3.3.7":
+  version "3.3.7"
+  resolved "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.3.7.tgz#48b6671a45ba33039da2c0eb25ae702f924486a9"
+  integrity sha512-cZNVjWiw00708WqT0zRpyAgduG79dScKEPYJXq2xj/aMtk3SKvL3FBt2QKUlh6EHBJ1m8RhBY+ikBUzwc7/khg==
+  dependencies:
+    "@vue/shared" "3.3.7"
+
 "@vue/runtime-core@3.3.4":
   version "3.3.4"
   resolved "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.3.4.tgz"
@@ -2768,6 +2959,14 @@
     "@vue/reactivity" "3.3.4"
     "@vue/shared" "3.3.4"
 
+"@vue/runtime-core@3.3.7":
+  version "3.3.7"
+  resolved "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.3.7.tgz#c1eece1c98f936dc69dd0667d11b464579b128fd"
+  integrity sha512-LHq9du3ubLZFdK/BP0Ysy3zhHqRfBn80Uc+T5Hz3maFJBGhci1MafccnL3rpd5/3wVfRHAe6c+PnlO2PAavPTQ==
+  dependencies:
+    "@vue/reactivity" "3.3.7"
+    "@vue/shared" "3.3.7"
+
 "@vue/runtime-dom@3.3.4":
   version "3.3.4"
   resolved "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.3.4.tgz"
@@ -2777,7 +2976,16 @@
     "@vue/shared" "3.3.4"
     csstype "^3.1.1"
 
-"@vue/server-renderer@^3.0.1", "@vue/server-renderer@3.3.4":
+"@vue/runtime-dom@3.3.7":
+  version "3.3.7"
+  resolved "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.3.7.tgz#e7cf88cc01591fdf6e3164825554fdadc3137ffc"
+  integrity sha512-PFQU1oeJxikdDmrfoNQay5nD4tcPNYixUBruZzVX/l0eyZvFKElZUjW4KctCcs52nnpMGO6UDK+jF5oV4GT5Lw==
+  dependencies:
+    "@vue/runtime-core" "3.3.7"
+    "@vue/shared" "3.3.7"
+    csstype "^3.1.2"
+
+"@vue/server-renderer@3.3.4":
   version "3.3.4"
   resolved "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.3.4.tgz"
   integrity sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==
@@ -2785,11 +2993,24 @@
     "@vue/compiler-ssr" "3.3.4"
     "@vue/shared" "3.3.4"
 
-"@vue/shared@^3.3.0", "@vue/shared@3.3.4":
+"@vue/server-renderer@3.3.7":
+  version "3.3.7"
+  resolved "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.3.7.tgz#0cc3dc6ad39a54693e6e8f853caa3c7bb43b0364"
+  integrity sha512-UlpKDInd1hIZiNuVVVvLgxpfnSouxKQOSE2bOfQpBuGwxRV/JqqTCyyjXUWiwtVMyeRaZhOYYqntxElk8FhBhw==
+  dependencies:
+    "@vue/compiler-ssr" "3.3.7"
+    "@vue/shared" "3.3.7"
+
+"@vue/shared@3.3.4", "@vue/shared@^3.3.0":
   version "3.3.4"
   resolved "https://registry.npmmirror.com/@vue/shared/-/shared-3.3.4.tgz"
   integrity sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==
 
+"@vue/shared@3.3.7":
+  version "3.3.7"
+  resolved "https://registry.npmmirror.com/@vue/shared/-/shared-3.3.7.tgz#0091852fe5cc4237c8440fe32f3ab6bc920ae6d9"
+  integrity sha512-N/tbkINRUDExgcPTBvxNkvHGu504k8lzlNQRITVnm6YjOjwa4r0nnbd4Jb01sNpur5hAllyRJzSK5PvB9PPwRg==
+
 "@vue/test-utils@^2.0.0-0":
   version "2.4.1"
   resolved "https://registry.npmmirror.com/@vue/test-utils/-/test-utils-2.4.1.tgz"
@@ -2817,7 +3038,7 @@
     vue-hot-reload-api "^2.3.0"
     vue-style-loader "^4.1.0"
 
-"@vue/vue3-jest@^27.0.0-alpha.1", "@vue/vue3-jest@^27.0.0-alpha.3":
+"@vue/vue3-jest@^27.0.0-alpha.1":
   version "27.0.0"
   resolved "https://registry.npmmirror.com/@vue/vue3-jest/-/vue3-jest-27.0.0.tgz"
   integrity sha512-VL61CgZBoQqayXfzlZJHHpZuX4lsT8dmdZMJzADhdAJjKu26JBpypHr/2ppevxItljPiuALQW4MKhhCXZRXnLg==
@@ -2843,7 +3064,7 @@
     "@vueuse/shared" "9.13.0"
     vue-demi "*"
 
-"@vueuse/core@^9.3.0", "@vueuse/core@9.13.0":
+"@vueuse/core@9.13.0", "@vueuse/core@^9.3.0":
   version "9.13.0"
   resolved "https://registry.npmmirror.com/@vueuse/core/-/core-9.13.0.tgz"
   integrity sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==
@@ -2865,7 +3086,7 @@
   dependencies:
     vue-demi "*"
 
-"@webassemblyjs/ast@^1.11.5", "@webassemblyjs/ast@1.11.6":
+"@webassemblyjs/ast@1.11.6", "@webassemblyjs/ast@^1.11.5":
   version "1.11.6"
   resolved "https://registry.npmmirror.com/@webassemblyjs/ast/-/ast-1.11.6.tgz"
   integrity sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==
@@ -2966,7 +3187,7 @@
     "@webassemblyjs/wasm-gen" "1.11.6"
     "@webassemblyjs/wasm-parser" "1.11.6"
 
-"@webassemblyjs/wasm-parser@^1.11.5", "@webassemblyjs/wasm-parser@1.11.6":
+"@webassemblyjs/wasm-parser@1.11.6", "@webassemblyjs/wasm-parser@^1.11.5":
   version "1.11.6"
   resolved "https://registry.npmmirror.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz"
   integrity sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==
@@ -2996,6 +3217,14 @@
   resolved "https://registry.npmmirror.com/@xtuc/long/-/long-4.2.2.tgz"
   integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
 
+JSONStream@^1.0.4:
+  version "1.3.5"
+  resolved "https://registry.npmmirror.com/JSONStream/-/JSONStream-1.3.5.tgz"
+  integrity sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==
+  dependencies:
+    jsonparse "^1.2.0"
+    through ">=2.2.7 <3"
+
 abab@^2.0.3, abab@^2.0.5:
   version "2.0.6"
   resolved "https://registry.npmmirror.com/abab/-/abab-2.0.6.tgz"
@@ -3042,16 +3271,16 @@ acorn-walk@^8.0.0, acorn-walk@^8.0.2, acorn-walk@^8.1.1:
   resolved "https://registry.npmmirror.com/acorn-walk/-/acorn-walk-8.2.0.tgz"
   integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
 
-"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", acorn@^8, acorn@^8.0.4, acorn@^8.0.5, acorn@^8.2.4, acorn@^8.4.1, acorn@^8.5.0, acorn@^8.7.1, acorn@^8.8.2, acorn@^8.9.0:
-  version "8.10.0"
-  resolved "https://registry.npmmirror.com/acorn/-/acorn-8.10.0.tgz"
-  integrity sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==
-
 acorn@^7.1.1, acorn@^7.4.1:
   version "7.4.1"
   resolved "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
+acorn@^8.0.4, acorn@^8.0.5, acorn@^8.2.4, acorn@^8.4.1, acorn@^8.5.0, acorn@^8.7.1, acorn@^8.8.2, acorn@^8.9.0:
+  version "8.10.0"
+  resolved "https://registry.npmmirror.com/acorn/-/acorn-8.10.0.tgz"
+  integrity sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==
+
 address@^1.1.2:
   version "1.2.2"
   resolved "https://registry.npmmirror.com/address/-/address-1.2.2.tgz"
@@ -3091,7 +3320,7 @@ ajv-keywords@^5.1.0:
   dependencies:
     fast-deep-equal "^3.1.3"
 
-ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5, ajv@^6.12.6, ajv@^6.9.1:
+ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5, ajv@^6.12.6:
   version "6.12.6"
   resolved "https://registry.npmmirror.com/ajv/-/ajv-6.12.6.tgz"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -3101,27 +3330,7 @@ ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5, ajv@^6.12.6, ajv@^6.9.1:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ajv@^8.0.0, ajv@^8.8.2, ajv@^8.9.0:
-  version "8.12.0"
-  resolved "https://registry.npmmirror.com/ajv/-/ajv-8.12.0.tgz"
-  integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    json-schema-traverse "^1.0.0"
-    require-from-string "^2.0.2"
-    uri-js "^4.2.2"
-
-ajv@^8.0.1:
-  version "8.12.0"
-  resolved "https://registry.npmmirror.com/ajv/-/ajv-8.12.0.tgz"
-  integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    json-schema-traverse "^1.0.0"
-    require-from-string "^2.0.2"
-    uri-js "^4.2.2"
-
-ajv@^8.11.0:
+ajv@^8.0.0, ajv@^8.0.1, ajv@^8.11.0, ajv@^8.9.0:
   version "8.12.0"
   resolved "https://registry.npmmirror.com/ajv/-/ajv-8.12.0.tgz"
   integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
@@ -3210,6 +3419,11 @@ arg@^4.1.0:
   resolved "https://registry.npmmirror.com/arg/-/arg-4.1.3.tgz"
   integrity sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==
 
+arg@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.npmmirror.com/arg/-/arg-5.0.2.tgz"
+  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
+
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.npmmirror.com/argparse/-/argparse-1.0.10.tgz"
@@ -3237,16 +3451,16 @@ array-buffer-byte-length@^1.0.0:
     call-bind "^1.0.2"
     is-array-buffer "^3.0.1"
 
-array-flatten@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.npmmirror.com/array-flatten/-/array-flatten-2.1.2.tgz"
-  integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
-
 array-flatten@1.1.1:
   version "1.1.1"
   resolved "https://registry.npmmirror.com/array-flatten/-/array-flatten-1.1.1.tgz"
   integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==
 
+array-flatten@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.npmmirror.com/array-flatten/-/array-flatten-2.1.2.tgz"
+  integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
+
 array-ify@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmmirror.com/array-ify/-/array-ify-1.0.0.tgz"
@@ -3366,7 +3580,16 @@ available-typed-arrays@^1.0.5:
   resolved "https://registry.npmmirror.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz"
   integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
 
-babel-jest@^27.0.6, babel-jest@^27.1.0, babel-jest@^27.5.1, "babel-jest@>=27.0.0 <28", babel-jest@27.x:
+axios@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.npmmirror.com/axios/-/axios-1.5.1.tgz"
+  integrity sha512-Q28iYCWzNHjAm+yEAot5QaAMxhMghWLFVf7rRdwhUI+c2jix2DUXjAHXVi+s1ibs3mjPO/cCgbA++3BjD0vP/A==
+  dependencies:
+    follow-redirects "^1.15.0"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
+
+babel-jest@^27.0.6, babel-jest@^27.1.0, babel-jest@^27.5.1:
   version "27.5.1"
   resolved "https://registry.npmmirror.com/babel-jest/-/babel-jest-27.5.1.tgz"
   integrity sha512-cdQ5dXjGRd0IBRATiQ4mZGlGlRE8kJpjPOixdNRdT+m3UcNqmYWN6rK6nvtXYfY3D76cb8s/O1Ss8ea24PIwcg==
@@ -3572,7 +3795,7 @@ browser-process-hrtime@^1.0.0:
   resolved "https://registry.npmmirror.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz"
   integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
 
-browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.16.3, browserslist@^4.21.10, browserslist@^4.21.4, browserslist@^4.21.9, browserslist@^4.22.1, "browserslist@>= 4.21.0":
+browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.16.3, browserslist@^4.21.10, browserslist@^4.21.4, browserslist@^4.21.9, browserslist@^4.22.1:
   version "4.22.1"
   resolved "https://registry.npmmirror.com/browserslist/-/browserslist-4.22.1.tgz"
   integrity sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==
@@ -3645,6 +3868,11 @@ camel-case@^4.1.2:
     pascal-case "^3.1.2"
     tslib "^2.0.3"
 
+camelcase-css@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmmirror.com/camelcase-css/-/camelcase-css-2.0.1.tgz"
+  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+
 camelcase-keys@^6.2.2:
   version "6.2.2"
   resolved "https://registry.npmmirror.com/camelcase-keys/-/camelcase-keys-6.2.2.tgz"
@@ -3669,12 +3897,7 @@ camelcase@^5.0.0, camelcase@^5.3.1:
   resolved "https://registry.npmmirror.com/camelcase/-/camelcase-5.3.1.tgz"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-camelcase@^6.2.0:
-  version "6.3.0"
-  resolved "https://registry.npmmirror.com/camelcase/-/camelcase-6.3.0.tgz"
-  integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
-
-camelcase@^6.3.0:
+camelcase@^6.2.0, camelcase@^6.3.0:
   version "6.3.0"
   resolved "https://registry.npmmirror.com/camelcase/-/camelcase-6.3.0.tgz"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
@@ -3699,25 +3922,7 @@ case-sensitive-paths-webpack-plugin@^2.3.0:
   resolved "https://registry.npmmirror.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz"
   integrity sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==
 
-chalk@^2.1.0:
-  version "2.4.2"
-  resolved "https://registry.npmmirror.com/chalk/-/chalk-2.4.2.tgz"
-  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
-chalk@^2.4.1:
-  version "2.4.2"
-  resolved "https://registry.npmmirror.com/chalk/-/chalk-2.4.2.tgz"
-  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
-chalk@^2.4.2:
+chalk@^2.1.0, chalk@^2.4.1, chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.npmmirror.com/chalk/-/chalk-2.4.2.tgz"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
@@ -3757,7 +3962,7 @@ chardet@^0.7.0:
   resolved "https://registry.npmmirror.com/chardet/-/chardet-0.7.0.tgz"
   integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
 
-chokidar@^3.4.2, chokidar@^3.5.3, "chokidar@>=3.0.0 <4.0.0":
+"chokidar@>=3.0.0 <4.0.0", chokidar@^3.4.2, chokidar@^3.5.3:
   version "3.5.3"
   resolved "https://registry.npmmirror.com/chokidar/-/chokidar-3.5.3.tgz"
   integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
@@ -3835,7 +4040,7 @@ cli-spinners@^2.5.0:
   resolved "https://registry.npmmirror.com/cli-spinners/-/cli-spinners-2.9.1.tgz"
   integrity sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ==
 
-cli-truncate@^2.1.0, cli-truncate@2.1.0:
+cli-truncate@2.1.0, cli-truncate@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmmirror.com/cli-truncate/-/cli-truncate-2.1.0.tgz"
   integrity sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==
@@ -3918,16 +4123,16 @@ color-convert@^2.0.1:
   dependencies:
     color-name "~1.1.4"
 
-color-name@~1.1.4:
-  version "1.1.4"
-  resolved "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz"
-  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
-
 color-name@1.1.3:
   version "1.1.3"
   resolved "https://registry.npmmirror.com/color-name/-/color-name-1.1.3.tgz"
   integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
 
+color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
 colord@^2.9.1, colord@^2.9.3:
   version "2.9.3"
   resolved "https://registry.npmmirror.com/colord/-/colord-2.9.3.tgz"
@@ -3975,12 +4180,7 @@ commander@^7.2.0:
   resolved "https://registry.npmmirror.com/commander/-/commander-7.2.0.tgz"
   integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
 
-commander@^8.2.0:
-  version "8.3.0"
-  resolved "https://registry.npmmirror.com/commander/-/commander-8.3.0.tgz"
-  integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
-
-commander@^8.3.0:
+commander@^8.2.0, commander@^8.3.0:
   version "8.3.0"
   resolved "https://registry.npmmirror.com/commander/-/commander-8.3.0.tgz"
   integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
@@ -4116,8 +4316,8 @@ conventional-commits-parser@^3.2.2:
   resolved "https://registry.npmmirror.com/conventional-commits-parser/-/conventional-commits-parser-3.2.4.tgz"
   integrity sha512-nK7sAtfi+QXbxHCYfhpZsfRtaitZLIA6889kFIouLvz6repszQDgxBu7wf2WbU+Dco7sAnNCJYERCwt54WPC2Q==
   dependencies:
-    is-text-path "^1.0.1"
     JSONStream "^1.0.4"
+    is-text-path "^1.0.1"
     lodash "^4.17.15"
     meow "^8.0.0"
     split2 "^3.0.0"
@@ -4207,17 +4407,7 @@ cosmiconfig@^7, cosmiconfig@^7.0.0, cosmiconfig@^7.0.1:
     path-type "^4.0.0"
     yaml "^1.10.0"
 
-cosmiconfig@^8.0.0, cosmiconfig@>=7:
-  version "8.3.6"
-  resolved "https://registry.npmmirror.com/cosmiconfig/-/cosmiconfig-8.3.6.tgz"
-  integrity sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==
-  dependencies:
-    import-fresh "^3.3.0"
-    js-yaml "^4.1.0"
-    parse-json "^5.2.0"
-    path-type "^4.0.0"
-
-cosmiconfig@^8.2.0:
+cosmiconfig@^8.0.0, cosmiconfig@^8.2.0:
   version "8.3.6"
   resolved "https://registry.npmmirror.com/cosmiconfig/-/cosmiconfig-8.3.6.tgz"
   integrity sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==
@@ -4271,7 +4461,7 @@ css-functions-list@^3.2.0:
   resolved "https://registry.npmmirror.com/css-functions-list/-/css-functions-list-3.2.1.tgz"
   integrity sha512-Nj5YcaGgBtuUmn1D7oHqPW0c9iui7xsTsj5lIX8ZgevdfhmjFfKB3r8moHJtNJnctnYXJyYX5I1pp90HM4TPgQ==
 
-css-loader@*, css-loader@^6.5.0:
+css-loader@^6.5.0:
   version "6.8.1"
   resolved "https://registry.npmmirror.com/css-loader/-/css-loader-6.8.1.tgz"
   integrity sha512-xDAXtEVGlD0gJ07iclwWVkLoZOpEvAWaSyf6W18S2pOC//K8+qUDIx8IIT3D+HjnmkJPQeesOPv5aiUaJsCM2g==
@@ -4316,15 +4506,7 @@ css-tree@^1.1.2, css-tree@^1.1.3:
     mdn-data "2.0.14"
     source-map "^0.6.1"
 
-css-tree@^2.0.1:
-  version "2.3.1"
-  resolved "https://registry.npmmirror.com/css-tree/-/css-tree-2.3.1.tgz"
-  integrity sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==
-  dependencies:
-    mdn-data "2.0.30"
-    source-map-js "^1.0.1"
-
-css-tree@^2.3.1:
+css-tree@^2.0.1, css-tree@^2.3.1:
   version "2.3.1"
   resolved "https://registry.npmmirror.com/css-tree/-/css-tree-2.3.1.tgz"
   integrity sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==
@@ -4415,9 +4597,9 @@ cssstyle@^2.3.0:
   dependencies:
     cssom "~0.3.6"
 
-csstype@^3.1.0, csstype@^3.1.1:
+csstype@^3.1.0, csstype@^3.1.1, csstype@^3.1.2:
   version "3.1.2"
-  resolved "https://registry.npmmirror.com/csstype/-/csstype-3.1.2.tgz"
+  resolved "https://registry.npmmirror.com/csstype/-/csstype-3.1.2.tgz#1d4bf9d572f11c14031f0436e1c10bc1f571f50b"
   integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
 
 cz-conventional-changelog@3.3.0:
@@ -4448,7 +4630,7 @@ data-urls@^2.0.0:
     whatwg-mimetype "^2.3.0"
     whatwg-url "^8.0.0"
 
-dayjs@^1.11.5, dayjs@1.11.10:
+dayjs@1.11.10:
   version "1.11.10"
   resolved "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.10.tgz"
   integrity sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==
@@ -4458,26 +4640,26 @@ de-indent@^1.0.2:
   resolved "https://registry.npmmirror.com/de-indent/-/de-indent-1.0.2.tgz"
   integrity sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==
 
-debug@^3.2.7:
-  version "3.2.7"
-  resolved "https://registry.npmmirror.com/debug/-/debug-3.2.7.tgz"
-  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+debug@2.6.9:
+  version "2.6.9"
+  resolved "https://registry.npmmirror.com/debug/-/debug-2.6.9.tgz"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
   dependencies:
-    ms "^2.1.1"
+    ms "2.0.0"
 
-debug@^4.1.0, debug@^4.1.1, debug@^4.3.0, debug@^4.3.2, debug@^4.3.4, debug@4:
+debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.0, debug@^4.3.2, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
   dependencies:
     ms "2.1.2"
 
-debug@2.6.9:
-  version "2.6.9"
-  resolved "https://registry.npmmirror.com/debug/-/debug-2.6.9.tgz"
-  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+debug@^3.2.7:
+  version "3.2.7"
+  resolved "https://registry.npmmirror.com/debug/-/debug-3.2.7.tgz"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
   dependencies:
-    ms "2.0.0"
+    ms "^2.1.1"
 
 decamelize-keys@^1.1.0:
   version "1.1.1"
@@ -4502,7 +4684,7 @@ decimal.js@^10.2.1:
   resolved "https://registry.npmmirror.com/decimal.js/-/decimal.js-10.4.3.tgz"
   integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
 
-dedent@^0.7.0, dedent@0.7.0:
+dedent@0.7.0, dedent@^0.7.0:
   version "0.7.0"
   resolved "https://registry.npmmirror.com/dedent/-/dedent-0.7.0.tgz"
   integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
@@ -4564,16 +4746,16 @@ delayed-stream@~1.0.0:
   resolved "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
-depd@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.npmmirror.com/depd/-/depd-1.1.2.tgz"
-  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
-
 depd@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz"
   integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
 
+depd@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmmirror.com/depd/-/depd-1.1.2.tgz"
+  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
+
 dequal@^2.0.3:
   version "2.0.3"
   resolved "https://registry.npmmirror.com/dequal/-/dequal-2.0.3.tgz"
@@ -4609,6 +4791,11 @@ detect-node@^2.0.4:
   resolved "https://registry.npmmirror.com/detect-node/-/detect-node-2.1.0.tgz"
   integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
 
+didyoumean@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npmmirror.com/didyoumean/-/didyoumean-1.2.2.tgz"
+  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
+
 diff-sequences@^27.5.1:
   version "27.5.1"
   resolved "https://registry.npmmirror.com/diff-sequences/-/diff-sequences-27.5.1.tgz"
@@ -4626,6 +4813,11 @@ dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
+dlv@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmmirror.com/dlv/-/dlv-1.1.3.tgz"
+  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
+
 dns-equal@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmmirror.com/dns-equal/-/dns-equal-1.0.0.tgz"
@@ -4848,7 +5040,7 @@ enhanced-resolve@^5.0.0, enhanced-resolve@^5.15.0:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
-enquirer@^2.3.6, "enquirer@>= 2.3.0 < 3":
+enquirer@^2.3.6:
   version "2.4.1"
   resolved "https://registry.npmmirror.com/enquirer/-/enquirer-2.4.1.tgz"
   integrity sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==
@@ -4960,7 +5152,7 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
-esbuild@>=0.13, esbuild@~0.18.20:
+esbuild@~0.18.20:
   version "0.18.20"
   resolved "https://registry.npmmirror.com/esbuild/-/esbuild-0.18.20.tgz"
   integrity sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==
@@ -5072,7 +5264,7 @@ eslint-module-utils@^2.8.0:
   dependencies:
     debug "^3.2.7"
 
-eslint-plugin-import@^2.25.2, eslint-plugin-import@^2.25.3, eslint-plugin-import@>=1.4.0:
+eslint-plugin-import@^2.25.3, eslint-plugin-import@^2.25.4:
   version "2.28.1"
   resolved "https://registry.npmmirror.com/eslint-plugin-import/-/eslint-plugin-import-2.28.1.tgz"
   integrity sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==
@@ -5105,7 +5297,7 @@ eslint-plugin-jsonc@^2.7.0:
     jsonc-eslint-parser "^2.0.4"
     natural-compare "^1.4.0"
 
-eslint-plugin-vue@^8.0.1, eslint-plugin-vue@^8.4.0:
+eslint-plugin-vue@^8.4.0:
   version "8.7.1"
   resolved "https://registry.npmmirror.com/eslint-plugin-vue/-/eslint-plugin-vue-8.7.1.tgz"
   integrity sha512-28sbtm4l4cOzoO1LtzQPxfxhQABararUb1JtqusQqObJpWX2e/gmVyeYVfepizPFne0Q5cILkYGiBoV36L12Wg==
@@ -5117,7 +5309,7 @@ eslint-plugin-vue@^8.0.1, eslint-plugin-vue@^8.4.0:
     semver "^7.3.5"
     vue-eslint-parser "^8.0.1"
 
-eslint-plugin-vuejs-accessibility@^1.1.0, eslint-plugin-vuejs-accessibility@^1.1.1:
+eslint-plugin-vuejs-accessibility@^1.1.1:
   version "1.2.0"
   resolved "https://registry.npmmirror.com/eslint-plugin-vuejs-accessibility/-/eslint-plugin-vuejs-accessibility-1.2.0.tgz"
   integrity sha512-wF7kT22lS2VOmIpDeI65bnFFKFgESEEpI+CWKr43mdfDRywA4sCk7cKhtZsvfbPOtKO0GDlnpFxZbOIGsFn7IQ==
@@ -5126,7 +5318,7 @@ eslint-plugin-vuejs-accessibility@^1.1.0, eslint-plugin-vuejs-accessibility@^1.1
     emoji-regex "^10.0.0"
     vue-eslint-parser "^9.0.1"
 
-eslint-scope@^5.1.1:
+eslint-scope@5.1.1, eslint-scope@^5.1.1:
   version "5.1.1"
   resolved "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-5.1.1.tgz"
   integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
@@ -5142,14 +5334,6 @@ eslint-scope@^7.0.0, eslint-scope@^7.1.1, eslint-scope@^7.2.2:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
-eslint-scope@5.1.1:
-  version "5.1.1"
-  resolved "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-5.1.1.tgz"
-  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
-  dependencies:
-    esrecurse "^4.3.0"
-    estraverse "^4.1.1"
-
 eslint-utils@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmmirror.com/eslint-utils/-/eslint-utils-2.1.0.tgz"
@@ -5190,7 +5374,7 @@ eslint-webpack-plugin@^3.1.0:
     normalize-path "^3.0.0"
     schema-utils "^4.0.0"
 
-eslint@*, "eslint@^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8", "eslint@^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0", "eslint@^6.0.0 || ^7.0.0 || ^8.0.0", "eslint@^6.0.0 || ^7.0.0 || >=8.0.0", "eslint@^6.2.0 || ^7.0.0 || ^8.0.0", "eslint@^7.0.0 || ^8.0.0", "eslint@^7.32.0 || ^8.2.0", eslint@^8.7.0, "eslint@>= 6", eslint@>=5, eslint@>=6.0.0, eslint@>=7.5.0:
+eslint@^8.7.0:
   version "8.51.0"
   resolved "https://registry.npmmirror.com/eslint/-/eslint-8.51.0.tgz"
   integrity sha512-2WuxRZBrlwnXi+/vFSJyjMqrNjtJqiasMzehF0shoLaW7DzS3/9Yvrmq5JiT66+pNjiX4UBnLDiKHcWAr/OInA==
@@ -5438,7 +5622,7 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.npmmirror.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
-fast-glob@^3.2.7, fast-glob@^3.2.9, fast-glob@^3.3.1:
+fast-glob@^3.2.12, fast-glob@^3.2.7, fast-glob@^3.2.9, fast-glob@^3.3.1:
   version "3.3.1"
   resolved "https://registry.npmmirror.com/fast-glob/-/fast-glob-3.3.1.tgz"
   integrity sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==
@@ -5449,7 +5633,7 @@ fast-glob@^3.2.7, fast-glob@^3.2.9, fast-glob@^3.3.1:
     merge2 "^1.3.0"
     micromatch "^4.0.4"
 
-fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@2.x:
+fast-json-stable-stringify@2.x, fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
   resolved "https://registry.npmmirror.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
@@ -5543,7 +5727,7 @@ find-node-modules@^2.1.2:
     findup-sync "^4.0.0"
     merge "^2.1.1"
 
-find-root@^1.1.0, find-root@1.1.0:
+find-root@1.1.0, find-root@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npmmirror.com/find-root/-/find-root-1.1.0.tgz"
   integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
@@ -5593,7 +5777,7 @@ flatted@^3.2.9:
   resolved "https://registry.npmmirror.com/flatted/-/flatted-3.2.9.tgz"
   integrity sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==
 
-follow-redirects@^1.0.0:
+follow-redirects@^1.0.0, follow-redirects@^1.15.0:
   version "1.15.3"
   resolved "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.3.tgz"
   integrity sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==
@@ -5633,6 +5817,15 @@ form-data@^3.0.0:
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
 forwarded@0.2.0:
   version "0.2.0"
   resolved "https://registry.npmmirror.com/forwarded/-/forwarded-0.2.0.tgz"
@@ -5648,26 +5841,7 @@ fresh@0.5.2:
   resolved "https://registry.npmmirror.com/fresh/-/fresh-0.5.2.tgz"
   integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
 
-fs-extra@^10.0.0, fs-extra@^10.1.0:
-  version "10.1.0"
-  resolved "https://registry.npmmirror.com/fs-extra/-/fs-extra-10.1.0.tgz"
-  integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
-  dependencies:
-    graceful-fs "^4.2.0"
-    jsonfile "^6.0.1"
-    universalify "^2.0.0"
-
-fs-extra@^9.0.0:
-  version "9.1.0"
-  resolved "https://registry.npmmirror.com/fs-extra/-/fs-extra-9.1.0.tgz"
-  integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
-  dependencies:
-    at-least-node "^1.0.0"
-    graceful-fs "^4.2.0"
-    jsonfile "^6.0.1"
-    universalify "^2.0.0"
-
-fs-extra@^9.1.0:
+fs-extra@9.1.0, fs-extra@^9.0.0, fs-extra@^9.1.0:
   version "9.1.0"
   resolved "https://registry.npmmirror.com/fs-extra/-/fs-extra-9.1.0.tgz"
   integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
@@ -5677,12 +5851,11 @@ fs-extra@^9.1.0:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
-fs-extra@9.1.0:
-  version "9.1.0"
-  resolved "https://registry.npmmirror.com/fs-extra/-/fs-extra-9.1.0.tgz"
-  integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
+fs-extra@^10.0.0, fs-extra@^10.1.0:
+  version "10.1.0"
+  resolved "https://registry.npmmirror.com/fs-extra/-/fs-extra-10.1.0.tgz"
+  integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
   dependencies:
-    at-least-node "^1.0.0"
     graceful-fs "^4.2.0"
     jsonfile "^6.0.1"
     universalify "^2.0.0"
@@ -5802,14 +5975,7 @@ glob-parent@^5.1.2, glob-parent@~5.1.2:
   dependencies:
     is-glob "^4.0.1"
 
-glob-parent@^6.0.1:
-  version "6.0.2"
-  resolved "https://registry.npmmirror.com/glob-parent/-/glob-parent-6.0.2.tgz"
-  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
-  dependencies:
-    is-glob "^4.0.3"
-
-glob-parent@^6.0.2:
+glob-parent@^6.0.1, glob-parent@^6.0.2:
   version "6.0.2"
   resolved "https://registry.npmmirror.com/glob-parent/-/glob-parent-6.0.2.tgz"
   integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
@@ -5821,7 +5987,19 @@ glob-to-regexp@^0.4.1:
   resolved "https://registry.npmmirror.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz"
   integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
 
-glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.5, glob@^7.1.6, glob@7.2.3:
+glob@7.1.6:
+  version "7.1.6"
+  resolved "https://registry.npmmirror.com/glob/-/glob-7.1.6.tgz"
+  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@7.2.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.5, glob@^7.1.6:
   version "7.2.3"
   resolved "https://registry.npmmirror.com/glob/-/glob-7.2.3.tgz"
   integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@@ -5937,16 +6115,16 @@ gopd@^1.0.1:
   dependencies:
     get-intrinsic "^1.1.3"
 
-graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
-  version "4.2.11"
-  resolved "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz"
-  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
-
 graceful-fs@4.2.10:
   version "4.2.10"
   resolved "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.10.tgz"
   integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
 
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
+  version "4.2.11"
+  resolved "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
 graphemer@^1.4.0:
   version "1.4.0"
   resolved "https://registry.npmmirror.com/graphemer/-/graphemer-1.4.0.tgz"
@@ -6138,16 +6316,6 @@ http-deceiver@^1.2.7:
   resolved "https://registry.npmmirror.com/http-deceiver/-/http-deceiver-1.2.7.tgz"
   integrity sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==
 
-http-errors@~1.6.2:
-  version "1.6.3"
-  resolved "https://registry.npmmirror.com/http-errors/-/http-errors-1.6.3.tgz"
-  integrity sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==
-  dependencies:
-    depd "~1.1.2"
-    inherits "2.0.3"
-    setprototypeof "1.1.0"
-    statuses ">= 1.4.0 < 2"
-
 http-errors@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmmirror.com/http-errors/-/http-errors-2.0.0.tgz"
@@ -6159,6 +6327,16 @@ http-errors@2.0.0:
     statuses "2.0.1"
     toidentifier "1.0.1"
 
+http-errors@~1.6.2:
+  version "1.6.3"
+  resolved "https://registry.npmmirror.com/http-errors/-/http-errors-1.6.3.tgz"
+  integrity sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.3"
+    setprototypeof "1.1.0"
+    statuses ">= 1.4.0 < 2"
+
 http-parser-js@>=0.5.1:
   version "0.5.8"
   resolved "https://registry.npmmirror.com/http-parser-js/-/http-parser-js-0.5.8.tgz"
@@ -6206,7 +6384,7 @@ human-signals@^2.1.0:
   resolved "https://registry.npmmirror.com/human-signals/-/human-signals-2.1.0.tgz"
   integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
 
-iconv-lite@^0.4.24, iconv-lite@0.4.24:
+iconv-lite@0.4.24, iconv-lite@^0.4.24:
   version "0.4.24"
   resolved "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.4.24.tgz"
   integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
@@ -6277,7 +6455,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3, inherits@2, inherits@2.0.4:
+inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -6287,17 +6465,17 @@ inherits@2.0.3:
   resolved "https://registry.npmmirror.com/inherits/-/inherits-2.0.3.tgz"
   integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
 
-ini@^1.3.4, ini@^1.3.5:
-  version "1.3.8"
-  resolved "https://registry.npmmirror.com/ini/-/ini-1.3.8.tgz"
-  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
-
 ini@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmmirror.com/ini/-/ini-2.0.0.tgz"
   integrity sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==
 
-inquirer@^8.0.0, inquirer@8.2.5:
+ini@^1.3.4, ini@^1.3.5:
+  version "1.3.8"
+  resolved "https://registry.npmmirror.com/ini/-/ini-1.3.8.tgz"
+  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
+
+inquirer@8.2.5:
   version "8.2.5"
   resolved "https://registry.npmmirror.com/inquirer/-/inquirer-8.2.5.tgz"
   integrity sha512-QAgPDQMEgrDssk1XiwwHoOGYF9BAbUcc1+j+FhEvaOt8/cKRqyLn0U5qA6F74fGhTMGxf92pOvPBeh29jQJDTQ==
@@ -6332,16 +6510,16 @@ interpret@^1.4.0:
   resolved "https://registry.npmmirror.com/interpret/-/interpret-1.4.0.tgz"
   integrity sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==
 
-ipaddr.js@^2.0.1:
-  version "2.1.0"
-  resolved "https://registry.npmmirror.com/ipaddr.js/-/ipaddr.js-2.1.0.tgz"
-  integrity sha512-LlbxQ7xKzfBusov6UMi4MFpEg0m+mAm9xyNGEduwXMEDuf4WfzB/RZwMVYEd7IKGvh4IUkEXYxtAVu9T3OelJQ==
-
 ipaddr.js@1.9.1:
   version "1.9.1"
   resolved "https://registry.npmmirror.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz"
   integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
 
+ipaddr.js@^2.0.1:
+  version "2.1.0"
+  resolved "https://registry.npmmirror.com/ipaddr.js/-/ipaddr.js-2.1.0.tgz"
+  integrity sha512-LlbxQ7xKzfBusov6UMi4MFpEg0m+mAm9xyNGEduwXMEDuf4WfzB/RZwMVYEd7IKGvh4IUkEXYxtAVu9T3OelJQ==
+
 is-array-buffer@^3.0.1, is-array-buffer@^3.0.2:
   version "3.0.2"
   resolved "https://registry.npmmirror.com/is-array-buffer/-/is-array-buffer-3.0.2.tgz"
@@ -6959,7 +7137,7 @@ jest-resolve-dependencies@^27.5.1:
     jest-regex-util "^27.5.1"
     jest-snapshot "^27.5.1"
 
-jest-resolve@*, jest-resolve@^27.5.1:
+jest-resolve@^27.5.1:
   version "27.5.1"
   resolved "https://registry.npmmirror.com/jest-resolve/-/jest-resolve-27.5.1.tgz"
   integrity sha512-FFDy8/9E6CV83IMbDpcjOhumAQPDyETnU2KZ1O98DwTnz8AOBsW/Xv3GySr1mOZdItLR+zDZ7I/UdTFbgSOVCw==
@@ -7172,7 +7350,7 @@ jest-worker@^28.0.2:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-jest@^27.0.0, "jest@^27.0.0 || ^28.0.0", jest@^27.0.5, jest@^27.1.0, jest@27.x:
+jest@^27.0.5, jest@^27.1.0:
   version "27.5.1"
   resolved "https://registry.npmmirror.com/jest/-/jest-27.5.1.tgz"
   integrity sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ==
@@ -7181,6 +7359,11 @@ jest@^27.0.0, "jest@^27.0.0 || ^28.0.0", jest@^27.0.5, jest@^27.1.0, jest@27.x:
     import-local "^3.0.2"
     jest-cli "^27.5.1"
 
+jiti@^1.18.2:
+  version "1.20.0"
+  resolved "https://registry.npmmirror.com/jiti/-/jiti-1.20.0.tgz"
+  integrity sha512-3TV69ZbrvV6U5DfQimop50jE9Dl6J8O1ja1dvBbMba/sZ3YBEQqJ2VZRoQPVnhlzjNtU1vaXRZVrVjU4qtm8yA==
+
 joi@^17.4.0:
   version "17.11.0"
   resolved "https://registry.npmmirror.com/joi/-/joi-17.11.0.tgz"
@@ -7192,7 +7375,7 @@ joi@^17.4.0:
     "@sideway/formula" "^3.0.1"
     "@sideway/pinpoint" "^2.0.0"
 
-js-beautify@^1.6.12, js-beautify@1.14.9:
+js-beautify@1.14.9, js-beautify@^1.6.12:
   version "1.14.9"
   resolved "https://registry.npmmirror.com/js-beautify/-/js-beautify-1.14.9.tgz"
   integrity sha512-coM7xq1syLcMyuVGyToxcj2AlzhkDjmfklL8r0JgJ7A76wyGMpJ1oA35mr4APdYNO/o/4YY8H54NQIJzhMbhBg==
@@ -7217,15 +7400,7 @@ js-tokens@^8.0.0:
   resolved "https://registry.npmmirror.com/js-tokens/-/js-tokens-8.0.2.tgz"
   integrity sha512-Olnt+V7xYdvGze9YTbGFZIfQXuGV4R3nQwwl8BrtgaPE/wq8UFpUHWuTNc05saowhSr1ZO6tx+V6RjE9D5YQog==
 
-js-yaml@^3.13.1:
-  version "3.14.1"
-  resolved "https://registry.npmmirror.com/js-yaml/-/js-yaml-3.14.1.tgz"
-  integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
-
-js-yaml@^3.14.0:
+js-yaml@^3.13.1, js-yaml@^3.14.0:
   version "3.14.1"
   resolved "https://registry.npmmirror.com/js-yaml/-/js-yaml-3.14.1.tgz"
   integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==
@@ -7313,25 +7488,18 @@ json-stable-stringify-without-jsonify@^1.0.1:
   resolved "https://registry.npmmirror.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz"
   integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
 
-json5@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.npmmirror.com/json5/-/json5-1.0.2.tgz"
-  integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
-  dependencies:
-    minimist "^1.2.0"
+json5@2.x, json5@^2.1.2, json5@^2.2.0, json5@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
-json5@^1.0.2:
+json5@^1.0.1, json5@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmmirror.com/json5/-/json5-1.0.2.tgz"
   integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
   dependencies:
     minimist "^1.2.0"
 
-json5@^2.1.2, json5@^2.2.0, json5@^2.2.3, json5@2.x:
-  version "2.2.3"
-  resolved "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz"
-  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
-
 jsonc-eslint-parser@^1.0.1:
   version "1.4.1"
   resolved "https://registry.npmmirror.com/jsonc-eslint-parser/-/jsonc-eslint-parser-1.4.1.tgz"
@@ -7367,14 +7535,6 @@ jsonparse@^1.2.0:
   resolved "https://registry.npmmirror.com/jsonparse/-/jsonparse-1.3.1.tgz"
   integrity sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==
 
-JSONStream@^1.0.4:
-  version "1.3.5"
-  resolved "https://registry.npmmirror.com/JSONStream/-/JSONStream-1.3.5.tgz"
-  integrity sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==
-  dependencies:
-    jsonparse "^1.2.0"
-    through ">=2.2.7 <3"
-
 keyv@^4.5.3:
   version "4.5.4"
   resolved "https://registry.npmmirror.com/keyv/-/keyv-4.5.4.tgz"
@@ -7409,6 +7569,11 @@ known-css-properties@^0.28.0:
   resolved "https://registry.npmmirror.com/known-css-properties/-/known-css-properties-0.28.0.tgz"
   integrity sha512-9pSL5XB4J+ifHP0e0jmmC98OGC1nL8/JjS+fi6mnTlIf//yt/MfVLtKg7S6nCtj/8KTcWX7nRlY0XywoYY1ISQ==
 
+kubernetes-types@^1.26.0:
+  version "1.26.0"
+  resolved "https://registry.npmmirror.com/kubernetes-types/-/kubernetes-types-1.26.0.tgz"
+  integrity sha512-jv0XaTIGW/p18jaiKRD85hLTYWx0yEj+cb6PDX3GdNa3dWoRxnD4Gv7+bE6C/ehcsp2skcdy34vT25jbPofDIQ==
+
 launch-editor-middleware@^2.2.1:
   version "2.6.1"
   resolved "https://registry.npmmirror.com/launch-editor-middleware/-/launch-editor-middleware-2.6.1.tgz"
@@ -7437,7 +7602,7 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-lilconfig@^2.0.3:
+lilconfig@^2.0.3, lilconfig@^2.0.5, lilconfig@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmmirror.com/lilconfig/-/lilconfig-2.1.0.tgz"
   integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
@@ -7486,16 +7651,7 @@ loader-runner@^4.1.0, loader-runner@^4.2.0:
   resolved "https://registry.npmmirror.com/loader-runner/-/loader-runner-4.3.0.tgz"
   integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
 
-loader-utils@^1.0.2:
-  version "1.4.2"
-  resolved "https://registry.npmmirror.com/loader-utils/-/loader-utils-1.4.2.tgz"
-  integrity sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^1.0.1"
-
-loader-utils@^1.1.0:
+loader-utils@^1.0.2, loader-utils@^1.1.0:
   version "1.4.2"
   resolved "https://registry.npmmirror.com/loader-utils/-/loader-utils-1.4.2.tgz"
   integrity sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==
@@ -7577,7 +7733,7 @@ lodash.mapvalues@^4.6.0:
   resolved "https://registry.npmmirror.com/lodash.mapvalues/-/lodash.mapvalues-4.6.0.tgz"
   integrity sha512-JPFqXFeZQ7BfS00H58kClY7SPVeHertPE0lNuCyZ26/XlN8TvakYD7b9bGyNmXbT/D3BbtPAAmq90gPWqLkxlQ==
 
-lodash.memoize@^4.1.2, lodash.memoize@4.x:
+lodash.memoize@4.x, lodash.memoize@^4.1.2:
   version "4.1.2"
   resolved "https://registry.npmmirror.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz"
   integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==
@@ -7612,9 +7768,9 @@ lodash.uniqby@^4.7.0:
   resolved "https://registry.npmmirror.com/lodash.uniqby/-/lodash.uniqby-4.7.0.tgz"
   integrity sha512-e/zcLx6CSbmaEgFHCA7BnoQKyCtKMxnuWrJygbwPs/AIn+IMKl66L8/s+wBUn5LRw2pZx3bUHibiV1b6aTWIww==
 
-lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.7.0, lodash@4.17.21:
+lodash@4.17.21, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.7.0:
   version "4.17.21"
-  resolved "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz"
+  resolved "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
 log-symbols@^4.1.0:
@@ -7656,15 +7812,7 @@ lower-case@^2.0.2:
   dependencies:
     tslib "^2.0.3"
 
-lru-cache@^4.0.1:
-  version "4.1.5"
-  resolved "https://registry.npmmirror.com/lru-cache/-/lru-cache-4.1.5.tgz"
-  integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
-  dependencies:
-    pseudomap "^1.0.2"
-    yallist "^2.1.2"
-
-lru-cache@^4.1.2:
+lru-cache@^4.0.1, lru-cache@^4.1.2:
   version "4.1.5"
   resolved "https://registry.npmmirror.com/lru-cache/-/lru-cache-4.1.5.tgz"
   integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
@@ -7693,9 +7841,9 @@ magic-string@^0.25.7:
   dependencies:
     sourcemap-codec "^1.4.8"
 
-magic-string@^0.30.0:
+magic-string@^0.30.0, magic-string@^0.30.5:
   version "0.30.5"
-  resolved "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.5.tgz"
+  resolved "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.5.tgz#1994d980bd1c8835dc6e78db7cbd4ae4f24746f9"
   integrity sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.4.15"
@@ -7714,7 +7862,7 @@ make-dir@^4.0.0:
   dependencies:
     semver "^7.5.3"
 
-make-error@^1.1.1, make-error@1.x:
+make-error@1.x, make-error@^1.1.1:
   version "1.3.6"
   resolved "https://registry.npmmirror.com/make-error/-/make-error-1.3.6.tgz"
   integrity sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==
@@ -7820,16 +7968,16 @@ merge-stream@^2.0.0:
   resolved "https://registry.npmmirror.com/merge-stream/-/merge-stream-2.0.0.tgz"
   integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 
-merge@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.npmmirror.com/merge/-/merge-2.1.1.tgz"
-  integrity sha512-jz+Cfrg9GWOZbQAnDQ4hlVnQky+341Yk5ru8bZSe6sIDTCIg8n9i/u7hSQGSVOF3C7lH6mGtqjkiT9G4wFLL0w==
-
 merge2@^1.3.0, merge2@^1.4.1:
   version "1.4.1"
   resolved "https://registry.npmmirror.com/merge2/-/merge2-1.4.1.tgz"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
+merge@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmmirror.com/merge/-/merge-2.1.1.tgz"
+  integrity sha512-jz+Cfrg9GWOZbQAnDQ4hlVnQky+341Yk5ru8bZSe6sIDTCIg8n9i/u7hSQGSVOF3C7lH6mGtqjkiT9G4wFLL0w==
+
 methods@~1.1.2:
   version "1.1.2"
   resolved "https://registry.npmmirror.com/methods/-/methods-1.1.2.tgz"
@@ -7843,7 +7991,7 @@ micromatch@^4.0.0, micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
     braces "^3.0.2"
     picomatch "^2.3.1"
 
-"mime-db@>= 1.43.0 < 2", mime-db@1.52.0:
+mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
   version "1.52.0"
   resolved "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
@@ -7887,6 +8035,13 @@ minimalistic-assert@^1.0.0:
   resolved "https://registry.npmmirror.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz"
   integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
 
+minimatch@9.0.1:
+  version "9.0.1"
+  resolved "https://registry.npmmirror.com/minimatch/-/minimatch-9.0.1.tgz"
+  integrity sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz"
@@ -7908,13 +8063,6 @@ minimatch@^9.0.3:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@9.0.1:
-  version "9.0.1"
-  resolved "https://registry.npmmirror.com/minimatch/-/minimatch-9.0.1.tgz"
-  integrity sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==
-  dependencies:
-    brace-expansion "^2.0.1"
-
 minimist-options@4.1.0:
   version "4.1.0"
   resolved "https://registry.npmmirror.com/minimist-options/-/minimist-options-4.1.0.tgz"
@@ -7924,16 +8072,16 @@ minimist-options@4.1.0:
     is-plain-obj "^1.1.0"
     kind-of "^6.0.3"
 
-minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6:
-  version "1.2.8"
-  resolved "https://registry.npmmirror.com/minimist/-/minimist-1.2.8.tgz"
-  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
-
 minimist@1.2.7:
   version "1.2.7"
   resolved "https://registry.npmmirror.com/minimist/-/minimist-1.2.7.tgz"
   integrity sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==
 
+minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6:
+  version "1.2.8"
+  resolved "https://registry.npmmirror.com/minimist/-/minimist-1.2.8.tgz"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
+
 minipass@^3.1.1:
   version "3.3.6"
   resolved "https://registry.npmmirror.com/minipass/-/minipass-3.3.6.tgz"
@@ -7963,11 +8111,6 @@ mrmime@^1.0.0:
   resolved "https://registry.npmmirror.com/mrmime/-/mrmime-1.0.1.tgz"
   integrity sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==
 
-ms@^2.1.1, ms@2.1.3:
-  version "2.1.3"
-  resolved "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz"
-  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
-
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz"
@@ -7978,6 +8121,11 @@ ms@2.1.2:
   resolved "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
+ms@2.1.3, ms@^2.1.1:
+  version "2.1.3"
+  resolved "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
 muggle-string@^0.3.1:
   version "0.3.1"
   resolved "https://registry.npmmirror.com/muggle-string/-/muggle-string-0.3.1.tgz"
@@ -7996,7 +8144,7 @@ mute-stream@0.0.8:
   resolved "https://registry.npmmirror.com/mute-stream/-/mute-stream-0.0.8.tgz"
   integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
 
-mz@^2.4.0:
+mz@^2.4.0, mz@^2.7.0:
   version "2.7.0"
   resolved "https://registry.npmmirror.com/mz/-/mz-2.7.0.tgz"
   integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
@@ -8005,11 +8153,6 @@ mz@^2.4.0:
     object-assign "^4.0.1"
     thenify-all "^1.0.0"
 
-nanoclone@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.npmmirror.com/nanoclone/-/nanoclone-0.2.1.tgz"
-  integrity sha512-wynEP02LmIbLpcYw8uBKpcfF6dmg2vcpKqxeH5UcoKEYdExslsdUA4ugFauuaeYdTB76ez6gJW8XAZ6CgkXYxA==
-
 nanoid@^3.3.6:
   version "3.3.6"
   resolved "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.6.tgz"
@@ -8158,6 +8301,11 @@ object-assign@^4.0.1:
   resolved "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
 
+object-hash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmmirror.com/object-hash/-/object-hash-3.0.0.tgz"
+  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
+
 object-inspect@^1.12.3, object-inspect@^1.9.0:
   version "1.13.0"
   resolved "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.13.0.tgz"
@@ -8289,7 +8437,7 @@ optionator@^0.9.3:
     prelude-ls "^1.2.1"
     type-check "^0.4.0"
 
-ora@^5.3.0, ora@^5.4.1, ora@5.4.1:
+ora@5.4.1, ora@^5.3.0, ora@^5.4.1:
   version "5.4.1"
   resolved "https://registry.npmmirror.com/ora/-/ora-5.4.1.tgz"
   integrity sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==
@@ -8399,16 +8547,16 @@ parse5-htmlparser2-tree-adapter@^6.0.0:
   dependencies:
     parse5 "^6.0.1"
 
+parse5@6.0.1, parse5@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmmirror.com/parse5/-/parse5-6.0.1.tgz"
+  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
+
 parse5@^5.1.1:
   version "5.1.1"
   resolved "https://registry.npmmirror.com/parse5/-/parse5-5.1.1.tgz"
   integrity sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==
 
-parse5@^6.0.1, parse5@6.0.1:
-  version "6.0.1"
-  resolved "https://registry.npmmirror.com/parse5/-/parse5-6.0.1.tgz"
-  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
-
 parseurl@~1.3.2, parseurl@~1.3.3:
   version "1.3.3"
   resolved "https://registry.npmmirror.com/parseurl/-/parseurl-1.3.3.tgz"
@@ -8437,12 +8585,7 @@ path-key@^2.0.0, path-key@^2.0.1:
   resolved "https://registry.npmmirror.com/path-key/-/path-key-2.0.1.tgz"
   integrity sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==
 
-path-key@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.npmmirror.com/path-key/-/path-key-3.1.1.tgz"
-  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
-
-path-key@^3.1.0:
+path-key@^3.0.0, path-key@^3.1.0:
   version "3.1.1"
   resolved "https://registry.npmmirror.com/path-key/-/path-key-3.1.1.tgz"
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
@@ -8477,15 +8620,20 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3, picomatc
   resolved "https://registry.npmmirror.com/picomatch/-/picomatch-2.3.1.tgz"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
-pinia@^2.0.9:
+pify@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npmmirror.com/pify/-/pify-2.3.0.tgz"
+  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
+
+pinia@^2.1.7:
   version "2.1.7"
-  resolved "https://registry.npmmirror.com/pinia/-/pinia-2.1.7.tgz"
+  resolved "https://registry.npmmirror.com/pinia/-/pinia-2.1.7.tgz#4cf5420d9324ca00b7b4984d3fbf693222115bbc"
   integrity sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==
   dependencies:
     "@vue/devtools-api" "^6.5.0"
     vue-demi ">=0.14.5"
 
-pirates@^4.0.4:
+pirates@^4.0.1, pirates@^4.0.4:
   version "4.0.6"
   resolved "https://registry.npmmirror.com/pirates/-/pirates-4.0.6.tgz"
   integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
@@ -8559,7 +8707,7 @@ postcss-discard-overridden@^5.1.0:
   resolved "https://registry.npmmirror.com/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz"
   integrity sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==
 
-postcss-html@^1.0.0, postcss-html@^1.5.0:
+postcss-html@^1.5.0:
   version "1.5.0"
   resolved "https://registry.npmmirror.com/postcss-html/-/postcss-html-1.5.0.tgz"
   integrity sha512-kCMRWJRHKicpA166kc2lAVUGxDZL324bkj/pVOb6RhjB0Z5Krl7mN0AsVkBhVIRZZirY0lyQXG38HCVaoKVNoA==
@@ -8569,6 +8717,30 @@ postcss-html@^1.0.0, postcss-html@^1.5.0:
     postcss "^8.4.0"
     postcss-safe-parser "^6.0.0"
 
+postcss-import@^15.1.0:
+  version "15.1.0"
+  resolved "https://registry.npmmirror.com/postcss-import/-/postcss-import-15.1.0.tgz"
+  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
+  dependencies:
+    postcss-value-parser "^4.0.0"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
+postcss-js@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npmmirror.com/postcss-js/-/postcss-js-4.0.1.tgz"
+  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
+  dependencies:
+    camelcase-css "^2.0.1"
+
+postcss-load-config@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npmmirror.com/postcss-load-config/-/postcss-load-config-4.0.1.tgz"
+  integrity sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==
+  dependencies:
+    lilconfig "^2.0.5"
+    yaml "^2.1.1"
+
 postcss-loader@^6.1.1:
   version "6.2.1"
   resolved "https://registry.npmmirror.com/postcss-loader/-/postcss-loader-6.2.1.tgz"
@@ -8661,6 +8833,13 @@ postcss-modules-values@^4.0.0:
   dependencies:
     icss-utils "^5.0.0"
 
+postcss-nested@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmmirror.com/postcss-nested/-/postcss-nested-6.0.1.tgz"
+  integrity sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==
+  dependencies:
+    postcss-selector-parser "^6.0.11"
+
 postcss-normalize-charset@^5.1.0:
   version "5.1.0"
   resolved "https://registry.npmmirror.com/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz"
@@ -8790,20 +8969,11 @@ postcss-unique-selectors@^5.1.1:
   dependencies:
     postcss-selector-parser "^6.0.5"
 
-postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
+postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
   version "4.2.0"
   resolved "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-"postcss@^7.0.0 || ^8.0.1", postcss@^8.0.9, postcss@^8.1.0, postcss@^8.1.10, postcss@^8.2.15, postcss@^8.2.2, postcss@^8.2.6, postcss@^8.3.3, postcss@^8.3.5, postcss@^8.4.0, postcss@^8.4.14, postcss@^8.4.20, postcss@^8.4.21, postcss@^8.4.27, postcss@^8.4.29:
-  version "8.4.31"
-  resolved "https://registry.npmmirror.com/postcss/-/postcss-8.4.31.tgz"
-  integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==
-  dependencies:
-    nanoid "^3.3.6"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
-
 postcss@^7.0.36:
   version "7.0.39"
   resolved "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz"
@@ -8812,6 +8982,15 @@ postcss@^7.0.36:
     picocolors "^0.2.1"
     source-map "^0.6.1"
 
+postcss@^8.1.10, postcss@^8.2.6, postcss@^8.3.5, postcss@^8.4.0, postcss@^8.4.14, postcss@^8.4.21, postcss@^8.4.23, postcss@^8.4.27, postcss@^8.4.31:
+  version "8.4.31"
+  resolved "https://registry.npmmirror.com/postcss/-/postcss-8.4.31.tgz#92b451050a9f914da6755af352bdc0192508656d"
+  integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==
+  dependencies:
+    nanoid "^3.3.6"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmmirror.com/prelude-ls/-/prelude-ls-1.2.1.tgz"
@@ -8880,9 +9059,9 @@ prompts@^2.0.1:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-property-expr@^2.0.4:
+property-expr@^2.0.5:
   version "2.0.6"
-  resolved "https://registry.npmmirror.com/property-expr/-/property-expr-2.0.6.tgz"
+  resolved "https://registry.npmmirror.com/property-expr/-/property-expr-2.0.6.tgz#f77bc00d5928a6c748414ad12882e83f24aec1e8"
   integrity sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA==
 
 proto-list@~1.2.1:
@@ -8898,6 +9077,11 @@ proxy-addr@~2.0.7:
     forwarded "0.2.0"
     ipaddr.js "1.9.1"
 
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
 pseudomap@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmmirror.com/pseudomap/-/pseudomap-1.0.2.tgz"
@@ -8985,6 +9169,13 @@ react-is@^18.0.0:
   resolved "https://registry.npmmirror.com/react-is/-/react-is-18.2.0.tgz"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
+read-cache@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmmirror.com/read-cache/-/read-cache-1.0.0.tgz"
+  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
+  dependencies:
+    pify "^2.3.0"
+
 read-pkg-up@^7.0.1:
   version "7.0.1"
   resolved "https://registry.npmmirror.com/read-pkg-up/-/read-pkg-up-7.0.1.tgz"
@@ -9023,6 +9214,15 @@ read-pkg@^6.0.0:
     parse-json "^5.2.0"
     type-fest "^1.0.1"
 
+readable-stream@3, readable-stream@^3.0.0, readable-stream@^3.0.6, readable-stream@^3.4.0:
+  version "3.6.2"
+  resolved "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
 readable-stream@^2.0.1:
   version "2.3.8"
   resolved "https://registry.npmmirror.com/readable-stream/-/readable-stream-2.3.8.tgz"
@@ -9036,15 +9236,6 @@ readable-stream@^2.0.1:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@^3.0.0, readable-stream@^3.0.6, readable-stream@^3.4.0, readable-stream@3:
-  version "3.6.2"
-  resolved "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz"
-  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
-  dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
-
 readdirp@~3.6.0:
   version "3.6.0"
   resolved "https://registry.npmmirror.com/readdirp/-/readdirp-3.6.0.tgz"
@@ -9173,17 +9364,17 @@ resolve-dir@^1.0.0, resolve-dir@^1.0.1:
     expand-tilde "^2.0.0"
     global-modules "^1.0.0"
 
+resolve-from@5.0.0, resolve-from@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmmirror.com/resolve-from/-/resolve-from-5.0.0.tgz"
+  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
+
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmmirror.com/resolve-from/-/resolve-from-4.0.0.tgz"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve-from@^5.0.0, resolve-from@5.0.0:
-  version "5.0.0"
-  resolved "https://registry.npmmirror.com/resolve-from/-/resolve-from-5.0.0.tgz"
-  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
-
-resolve-global@^1.0.0, resolve-global@1.0.0:
+resolve-global@1.0.0, resolve-global@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmmirror.com/resolve-global/-/resolve-global-1.0.0.tgz"
   integrity sha512-zFa12V4OLtT5XUX/Q4VLvTfBf+Ok0SPc1FNGM/z9ctUdiU618qwKpWnd0CHs3+RqROfyEg/DhuHbMWYqcgljEw==
@@ -9200,7 +9391,7 @@ resolve.exports@^1.1.0:
   resolved "https://registry.npmmirror.com/resolve.exports/-/resolve.exports-1.1.1.tgz"
   integrity sha512-/NtpHNDN7jWhAaQ9BvBUYZ6YTXsRBgfqWFWP7BZBaoMJO/I3G5OFzvTuWNlZC3aPjins1F+TNrLKsGbH4rfsRQ==
 
-resolve@^1.10.0, resolve@^1.14.2, resolve@^1.20.0, resolve@^1.22.4:
+resolve@^1.1.7, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.20.0, resolve@^1.22.2, resolve@^1.22.4:
   version "1.22.8"
   resolved "https://registry.npmmirror.com/resolve/-/resolve-1.22.8.tgz"
   integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
@@ -9285,20 +9476,15 @@ safe-array-concat@^1.0.1:
     has-symbols "^1.0.3"
     isarray "^2.0.5"
 
-safe-buffer@^5.1.0, safe-buffer@>=5.1.0, safe-buffer@~5.2.0, safe-buffer@5.2.1:
-  version "5.2.1"
-  resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz"
-  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
-
-safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.1.2.tgz"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-buffer@5.1.2:
-  version "5.1.2"
-  resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.1.2.tgz"
-  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
+safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
+  version "5.2.1"
+  resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
 
 safe-regex-test@^1.0.0:
   version "1.0.0"
@@ -9322,7 +9508,7 @@ sass-loader@^12.0.0:
     klona "^2.0.4"
     neo-async "^2.6.2"
 
-sass@^1.3.0, sass@^1.32.7:
+sass@^1.32.7:
   version "1.69.3"
   resolved "https://registry.npmmirror.com/sass/-/sass-1.69.3.tgz"
   integrity sha512-X99+a2iGdXkdWn1akFPs0ZmelUzyAQfvqYc2P/MPTrJRuIRoTffGzT9W9nFqG00S+c8hXzVmgxhUuHFdrwxkhQ==
@@ -9338,6 +9524,15 @@ saxes@^5.0.1:
   dependencies:
     xmlchars "^2.2.0"
 
+schema-utils@2.7.0:
+  version "2.7.0"
+  resolved "https://registry.npmmirror.com/schema-utils/-/schema-utils-2.7.0.tgz"
+  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
+  dependencies:
+    "@types/json-schema" "^7.0.4"
+    ajv "^6.12.2"
+    ajv-keywords "^3.4.1"
+
 schema-utils@^2.6.5:
   version "2.7.1"
   resolved "https://registry.npmmirror.com/schema-utils/-/schema-utils-2.7.1.tgz"
@@ -9347,25 +9542,7 @@ schema-utils@^2.6.5:
     ajv "^6.12.4"
     ajv-keywords "^3.5.2"
 
-schema-utils@^3.0.0:
-  version "3.3.0"
-  resolved "https://registry.npmmirror.com/schema-utils/-/schema-utils-3.3.0.tgz"
-  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
-  dependencies:
-    "@types/json-schema" "^7.0.8"
-    ajv "^6.12.5"
-    ajv-keywords "^3.5.2"
-
-schema-utils@^3.1.1:
-  version "3.3.0"
-  resolved "https://registry.npmmirror.com/schema-utils/-/schema-utils-3.3.0.tgz"
-  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
-  dependencies:
-    "@types/json-schema" "^7.0.8"
-    ajv "^6.12.5"
-    ajv-keywords "^3.5.2"
-
-schema-utils@^3.2.0:
+schema-utils@^3.0.0, schema-utils@^3.1.1, schema-utils@^3.2.0:
   version "3.3.0"
   resolved "https://registry.npmmirror.com/schema-utils/-/schema-utils-3.3.0.tgz"
   integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
@@ -9384,15 +9561,6 @@ schema-utils@^4.0.0:
     ajv-formats "^2.1.1"
     ajv-keywords "^5.1.0"
 
-schema-utils@2.7.0:
-  version "2.7.0"
-  resolved "https://registry.npmmirror.com/schema-utils/-/schema-utils-2.7.0.tgz"
-  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
-  dependencies:
-    "@types/json-schema" "^7.0.4"
-    ajv "^6.12.2"
-    ajv-keywords "^3.4.1"
-
 select-hose@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmmirror.com/select-hose/-/select-hose-2.0.0.tgz"
@@ -9410,49 +9578,29 @@ semver-compare@^1.0.0:
   resolved "https://registry.npmmirror.com/semver-compare/-/semver-compare-1.0.0.tgz"
   integrity sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==
 
-semver@^5.5.0:
-  version "5.7.2"
-  resolved "https://registry.npmmirror.com/semver/-/semver-5.7.2.tgz"
-  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
-
-semver@^5.7.2:
+"semver@2 || 3 || 4 || 5", semver@^5.5.0, semver@^5.7.2:
   version "5.7.2"
   resolved "https://registry.npmmirror.com/semver/-/semver-5.7.2.tgz"
   integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
 
-semver@^6.0.0:
-  version "6.3.1"
-  resolved "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz"
-  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
-
-semver@^6.3.0:
-  version "6.3.1"
-  resolved "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz"
-  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
-
-semver@^6.3.1:
-  version "6.3.1"
-  resolved "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz"
-  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+semver@7.3.7:
+  version "7.3.7"
+  resolved "https://registry.npmmirror.com/semver/-/semver-7.3.7.tgz"
+  integrity sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==
+  dependencies:
+    lru-cache "^6.0.0"
 
-semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.6, semver@^7.3.7, semver@^7.3.8, semver@^7.5.3, semver@^7.5.4, semver@7.x:
+semver@7.x, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.6, semver@^7.3.7, semver@^7.3.8, semver@^7.5.3, semver@^7.5.4:
   version "7.5.4"
   resolved "https://registry.npmmirror.com/semver/-/semver-7.5.4.tgz"
   integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
   dependencies:
     lru-cache "^6.0.0"
 
-"semver@2 || 3 || 4 || 5":
-  version "5.7.2"
-  resolved "https://registry.npmmirror.com/semver/-/semver-5.7.2.tgz"
-  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
-
-semver@7.3.7:
-  version "7.3.7"
-  resolved "https://registry.npmmirror.com/semver/-/semver-7.3.7.tgz"
-  integrity sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==
-  dependencies:
-    lru-cache "^6.0.0"
+semver@^6.0.0, semver@^6.3.0, semver@^6.3.1:
+  version "6.3.1"
+  resolved "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
 send@0.18.0:
   version "0.18.0"
@@ -9628,7 +9776,7 @@ sockjs@^0.3.24:
     uuid "^8.3.2"
     websocket-driver "^0.7.4"
 
-source-map-js@^1.0.1, source-map-js@^1.0.2, "source-map-js@>=0.6.2 <2.0.0":
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.0.2.tgz"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
@@ -9641,26 +9789,21 @@ source-map-support@^0.5.21, source-map-support@^0.5.6, source-map-support@~0.5.2
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
+source-map@0.5.6:
+  version "0.5.6"
+  resolved "https://registry.npmmirror.com/source-map/-/source-map-0.5.6.tgz"
+  integrity sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==
+
 source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   version "0.6.1"
   resolved "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@^0.7.3:
+source-map@^0.7.3, source-map@^0.7.4:
   version "0.7.4"
   resolved "https://registry.npmmirror.com/source-map/-/source-map-0.7.4.tgz"
   integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
 
-source-map@^0.7.4:
-  version "0.7.4"
-  resolved "https://registry.npmmirror.com/source-map/-/source-map-0.7.4.tgz"
-  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
-
-source-map@0.5.6:
-  version "0.5.6"
-  resolved "https://registry.npmmirror.com/source-map/-/source-map-0.5.6.tgz"
-  integrity sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==
-
 sourcemap-codec@^1.4.8:
   version "1.4.8"
   resolved "https://registry.npmmirror.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz"
@@ -9751,29 +9894,15 @@ stackframe@^1.3.4:
   resolved "https://registry.npmmirror.com/stackframe/-/stackframe-1.3.4.tgz"
   integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==
 
-"statuses@>= 1.4.0 < 2":
-  version "1.5.0"
-  resolved "https://registry.npmmirror.com/statuses/-/statuses-1.5.0.tgz"
-  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
-
 statuses@2.0.1:
   version "2.0.1"
   resolved "https://registry.npmmirror.com/statuses/-/statuses-2.0.1.tgz"
   integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
 
-string_decoder@^1.1.1:
-  version "1.3.0"
-  resolved "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz"
-  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
-  dependencies:
-    safe-buffer "~5.2.0"
-
-string_decoder@~1.1.1:
-  version "1.1.1"
-  resolved "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.1.1.tgz"
-  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
-  dependencies:
-    safe-buffer "~5.1.0"
+"statuses@>= 1.4.0 < 2":
+  version "1.5.0"
+  resolved "https://registry.npmmirror.com/statuses/-/statuses-1.5.0.tgz"
+  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
 
 string-argv@0.3.1:
   version "0.3.1"
@@ -9840,6 +9969,20 @@ string.prototype.trimstart@^1.0.7:
     define-properties "^1.2.0"
     es-abstract "^1.22.1"
 
+string_decoder@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz"
+  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
+  dependencies:
+    safe-buffer "~5.2.0"
+
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.1.1.tgz"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+  dependencies:
+    safe-buffer "~5.1.0"
+
 stringify-object@3.3.0:
   version "3.3.0"
   resolved "https://registry.npmmirror.com/stringify-object/-/stringify-object-3.3.0.tgz"
@@ -9870,20 +10013,15 @@ strip-ansi@^7.0.1:
   dependencies:
     ansi-regex "^6.0.1"
 
-strip-bom@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmmirror.com/strip-bom/-/strip-bom-3.0.0.tgz"
-  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
-
-strip-bom@^4.0.0:
+strip-bom@4.0.0, strip-bom@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmmirror.com/strip-bom/-/strip-bom-4.0.0.tgz"
   integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
 
-strip-bom@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmmirror.com/strip-bom/-/strip-bom-4.0.0.tgz"
-  integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
+strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmmirror.com/strip-bom/-/strip-bom-3.0.0.tgz"
+  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
 
 strip-eof@^1.0.0:
   version "1.0.0"
@@ -9914,16 +10052,16 @@ strip-indent@^4.0.0:
   dependencies:
     min-indent "^1.0.1"
 
+strip-json-comments@3.1.1, strip-json-comments@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npmmirror.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
 strip-json-comments@^2.0.0:
   version "2.0.1"
   resolved "https://registry.npmmirror.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz"
   integrity sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==
 
-strip-json-comments@^3.1.1, strip-json-comments@3.1.1:
-  version "3.1.1"
-  resolved "https://registry.npmmirror.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz"
-  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
-
 style-search@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npmmirror.com/style-search/-/style-search-0.1.0.tgz"
@@ -9989,7 +10127,7 @@ stylelint-scss@^4.4.0:
     postcss-selector-parser "^6.0.11"
     postcss-value-parser "^4.2.0"
 
-"stylelint@^14.0.0 || ^15.0.0", "stylelint@^14.5.1 || ^15.0.0", stylelint@^15.10.0, stylelint@^15.2.0, stylelint@^15.6.0, stylelint@>=14.0.0, stylelint@>=15:
+stylelint@^15.6.0:
   version "15.10.3"
   resolved "https://registry.npmmirror.com/stylelint/-/stylelint-15.10.3.tgz"
   integrity sha512-aBQMMxYvFzJJwkmg+BUUg3YfPyeuCuKo2f+LOw7yYbU8AZMblibwzp9OV4srHVeQldxvSFdz0/Xu8blq2AesiA==
@@ -10035,6 +10173,26 @@ stylelint-scss@^4.4.0:
     table "^6.8.1"
     write-file-atomic "^5.0.1"
 
+sucrase@^3.32.0:
+  version "3.34.0"
+  resolved "https://registry.npmmirror.com/sucrase/-/sucrase-3.34.0.tgz"
+  integrity sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.2"
+    commander "^4.0.0"
+    glob "7.1.6"
+    lines-and-columns "^1.1.6"
+    mz "^2.7.0"
+    pirates "^4.0.1"
+    ts-interface-checker "^0.1.9"
+
+supports-color@8.1.1, supports-color@^8.0.0:
+  version "8.1.1"
+  resolved "https://registry.npmmirror.com/supports-color/-/supports-color-8.1.1.tgz"
+  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
+  dependencies:
+    has-flag "^4.0.0"
+
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.npmmirror.com/supports-color/-/supports-color-5.5.0.tgz"
@@ -10049,20 +10207,6 @@ supports-color@^7.0.0, supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
-supports-color@^8.0.0:
-  version "8.1.1"
-  resolved "https://registry.npmmirror.com/supports-color/-/supports-color-8.1.1.tgz"
-  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
-  dependencies:
-    has-flag "^4.0.0"
-
-supports-color@8.1.1:
-  version "8.1.1"
-  resolved "https://registry.npmmirror.com/supports-color/-/supports-color-8.1.1.tgz"
-  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
-  dependencies:
-    has-flag "^4.0.0"
-
 supports-hyperlinks@^2.0.0:
   version "2.3.0"
   resolved "https://registry.npmmirror.com/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz"
@@ -10118,6 +10262,34 @@ table@^6.8.1:
     string-width "^4.2.3"
     strip-ansi "^6.0.1"
 
+tailwindcss@^3.0.24:
+  version "3.3.3"
+  resolved "https://registry.npmmirror.com/tailwindcss/-/tailwindcss-3.3.3.tgz"
+  integrity sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==
+  dependencies:
+    "@alloc/quick-lru" "^5.2.0"
+    arg "^5.0.2"
+    chokidar "^3.5.3"
+    didyoumean "^1.2.2"
+    dlv "^1.1.3"
+    fast-glob "^3.2.12"
+    glob-parent "^6.0.2"
+    is-glob "^4.0.3"
+    jiti "^1.18.2"
+    lilconfig "^2.1.0"
+    micromatch "^4.0.5"
+    normalize-path "^3.0.0"
+    object-hash "^3.0.0"
+    picocolors "^1.0.0"
+    postcss "^8.4.23"
+    postcss-import "^15.1.0"
+    postcss-js "^4.0.1"
+    postcss-load-config "^4.0.1"
+    postcss-nested "^6.0.1"
+    postcss-selector-parser "^6.0.11"
+    resolve "^1.22.2"
+    sucrase "^3.32.0"
+
 tapable@^0.1.8:
   version "0.1.10"
   resolved "https://registry.npmmirror.com/tapable/-/tapable-0.1.10.tgz"
@@ -10211,11 +10383,6 @@ throat@^6.0.1:
   resolved "https://registry.npmmirror.com/throat/-/throat-6.0.2.tgz"
   integrity sha512-WKexMoJj3vEuK0yFEapj8y64V0A6xcuPuK9Gt1d0R+dzCSJc0lHqQytAbSB4cDAK0dWh4T0E2ETkoLE2WZ41OQ==
 
-through@^2.3.6, through@^2.3.8, "through@>=2.2.7 <3":
-  version "2.3.8"
-  resolved "https://registry.npmmirror.com/through/-/through-2.3.8.tgz"
-  integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
-
 through2@^4.0.0:
   version "4.0.2"
   resolved "https://registry.npmmirror.com/through2/-/through2-4.0.2.tgz"
@@ -10223,11 +10390,21 @@ through2@^4.0.0:
   dependencies:
     readable-stream "3"
 
+"through@>=2.2.7 <3", through@^2.3.6, through@^2.3.8:
+  version "2.3.8"
+  resolved "https://registry.npmmirror.com/through/-/through-2.3.8.tgz"
+  integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
+
 thunky@^1.0.2:
   version "1.1.0"
   resolved "https://registry.npmmirror.com/thunky/-/thunky-1.1.0.tgz"
   integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
 
+tiny-case@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmmirror.com/tiny-case/-/tiny-case-1.0.3.tgz#d980d66bc72b5d5a9ca86fb7c9ffdb9c898ddd03"
+  integrity sha512-Eet/eeMhkO6TX8mnUteS9zgPbUMQa4I6Kkp5ORiBD5476/m+PIRiumP5tmh5ioJpH7k51Kehawy2UDfsnxxY8Q==
+
 tmp@^0.0.33:
   version "0.0.33"
   resolved "https://registry.npmmirror.com/tmp/-/tmp-0.0.33.tgz"
@@ -10299,7 +10476,12 @@ trim-newlines@^4.0.2:
   resolved "https://registry.npmmirror.com/trim-newlines/-/trim-newlines-4.1.1.tgz"
   integrity sha512-jRKj0n0jXWo6kh62nA5TEh3+4igKDXLvzBJcPpiizP7oOolUrYIxmVBG9TOtHYFHoddUk6YvAkGeGoSVTXfQXQ==
 
-ts-jest@^27.0.4, ts-jest@27.x:
+ts-interface-checker@^0.1.9:
+  version "0.1.13"
+  resolved "https://registry.npmmirror.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz"
+  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+
+ts-jest@^27.0.4:
   version "27.1.5"
   resolved "https://registry.npmmirror.com/ts-jest/-/ts-jest-27.1.5.tgz"
   integrity sha512-Xv6jBQPoBEvBq/5i2TeSG9tt/nqkbpcurrEG1b+2yfBrcJelOZF9Ml6dmyMh7bcW9JyFbRYpR5rxROSlBLTZHA==
@@ -10324,7 +10506,7 @@ ts-loader@^9.2.5:
     semver "^7.3.4"
     source-map "^0.7.4"
 
-ts-node@^10.8.1, ts-node@>=10, ts-node@>=9.0.0:
+ts-node@^10.8.1:
   version "10.9.1"
   resolved "https://registry.npmmirror.com/ts-node/-/ts-node-10.9.1.tgz"
   integrity sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==
@@ -10433,10 +10615,15 @@ type-fest@^1.0.1, type-fest@^1.2.1, type-fest@^1.2.2:
   resolved "https://registry.npmmirror.com/type-fest/-/type-fest-1.4.0.tgz"
   integrity sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==
 
+type-fest@^2.19.0:
+  version "2.19.0"
+  resolved "https://registry.npmmirror.com/type-fest/-/type-fest-2.19.0.tgz#88068015bb33036a598b952e55e9311a60fd3a9b"
+  integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
+
 type-fest@^4.3.1:
-  version "4.4.0"
-  resolved "https://registry.npmmirror.com/type-fest/-/type-fest-4.4.0.tgz"
-  integrity sha512-HT3RRs7sTfY22KuPQJkD/XjbTbxgP2Je5HPt6H6JEGvcjHd5Lqru75EbrP3tb4FYjNJ+DjLp+MNQTFQU0mhXNw==
+  version "4.6.0"
+  resolved "https://registry.npmmirror.com/type-fest/-/type-fest-4.6.0.tgz"
+  integrity sha512-rLjWJzQFOq4xw7MgJrCZ6T1jIOvvYElXT12r+y0CC6u67hegDHaxcPqb2fZHOGlqxugGQPNB1EnTezjBetkwkw==
 
 type-is@~1.6.18:
   version "1.6.18"
@@ -10492,12 +10679,12 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
-typescript@*, typescript@^4.4.3, typescript@^4.9.4, typescript@^4.9.5, "typescript@>= 2.7", "typescript@>= 3.x", typescript@>=2, typescript@>=2.7, "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta", typescript@>=3, "typescript@>=3.8 <5.0", typescript@>=4.4.4, typescript@>=4.9.5:
+typescript@^4.4.3, typescript@^4.9.4, typescript@^4.9.5:
   version "4.9.5"
   resolved "https://registry.npmmirror.com/typescript/-/typescript-4.9.5.tgz"
   integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
 
-"typescript@^4.6.4 || ^5.0.0", typescript@>=4:
+"typescript@^4.6.4 || ^5.0.0":
   version "5.2.2"
   resolved "https://registry.npmmirror.com/typescript/-/typescript-5.2.2.tgz"
   integrity sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==
@@ -10562,7 +10749,7 @@ universalify@^2.0.0:
   resolved "https://registry.npmmirror.com/universalify/-/universalify-2.0.0.tgz"
   integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
 
-unpipe@~1.0.0, unpipe@1.0.0:
+unpipe@1.0.0, unpipe@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npmmirror.com/unpipe/-/unpipe-1.0.0.tgz"
   integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
@@ -10607,6 +10794,11 @@ utila@~0.4:
   resolved "https://registry.npmmirror.com/utila/-/utila-0.4.0.tgz"
   integrity sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==
 
+utility-types@^3.10.0:
+  version "3.10.0"
+  resolved "https://registry.npmmirror.com/utility-types/-/utility-types-3.10.0.tgz"
+  integrity sha512-O11mqxmi7wMKCo6HKFt5AhO4BwY3VV68YU07tgxfz8zJTIxr4BpsezN49Ffwy9j3ZpwwJp4fkRwjRzq3uWE6Rg==
+
 utils-merge@1.0.1:
   version "1.0.1"
   resolved "https://registry.npmmirror.com/utils-merge/-/utils-merge-1.0.1.tgz"
@@ -10644,7 +10836,7 @@ vary@~1.1.2:
   resolved "https://registry.npmmirror.com/vary/-/vary-1.1.2.tgz"
   integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
 
-vee-validate@^4.6.9, vee-validate@4.11.8:
+vee-validate@^4.11.8:
   version "4.11.8"
   resolved "https://registry.npmmirror.com/vee-validate/-/vee-validate-4.11.8.tgz"
   integrity sha512-ZuVpw0axWYBM3aVTD/bm94hcWHumqeUgNjptOqfBT0gyqyHaGYCrm0tSD/0bygEbWUDwEPJOQaEKaUGM82j8TQ==
@@ -10718,20 +10910,20 @@ vue-i18n-extract@^1.0.2:
     is-valid-glob "^1.0.0"
     js-yaml "^3.14.0"
 
+vue-i18n@9.6.1:
+  version "9.6.1"
+  resolved "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-9.6.1.tgz#731d65074feda48a9f7c3dfabd94843065cf9ced"
+  integrity sha512-hjCmJzyHJBl+ru0jmC3RTEzyj+oDHP8IURTa003R6//4OTEY6pwz2scvvq2mM3C0UV4wD5XWH1xrtYQF7Ks5Fg==
+  dependencies:
+    "@intlify/core-base" "9.6.1"
+    "@intlify/shared" "9.6.1"
+    "@vue/devtools-api" "^6.5.0"
+
 vue-i18n@^8.17.0:
   version "8.28.2"
   resolved "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-8.28.2.tgz"
   integrity sha512-C5GZjs1tYlAqjwymaaCPDjCyGo10ajUphiwA922jKt9n7KPpqR7oM1PCwYzhB/E7+nT3wfdG3oRre5raIT1rKA==
 
-vue-i18n@^9.2.0-beta.32, vue-i18n@9.5.0:
-  version "9.5.0"
-  resolved "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-9.5.0.tgz"
-  integrity sha512-NiI3Ph1qMstNf7uhYh8trQBOBFLxeJgcOxBq51pCcZ28Vs18Y7BDS58r8HGDKCYgXdLUYqPDXdKatIF4bvBVZg==
-  dependencies:
-    "@intlify/core-base" "9.5.0"
-    "@intlify/shared" "9.5.0"
-    "@vue/devtools-api" "^6.5.0"
-
 vue-loader@^17.0.0:
   version "17.3.0"
   resolved "https://registry.npmmirror.com/vue-loader/-/vue-loader-17.3.0.tgz"
@@ -10741,9 +10933,9 @@ vue-loader@^17.0.0:
     hash-sum "^2.0.0"
     watchpack "^2.4.0"
 
-vue-router@^4.0.13, vue-router@^4.0.3:
+vue-router@^4.2.5:
   version "4.2.5"
-  resolved "https://registry.npmmirror.com/vue-router/-/vue-router-4.2.5.tgz"
+  resolved "https://registry.npmmirror.com/vue-router/-/vue-router-4.2.5.tgz#b9e3e08f1bd9ea363fdd173032620bc50cf0e98a"
   integrity sha512-DIUpKcyg4+PTQKfFPX88UWhlagBEBEfJ5A8XDXRJLUnZOvcpMF8o/dnL90vpVkGaPbjvXazV/rC1qBKrZlFugw==
   dependencies:
     "@vue/devtools-api" "^6.5.0"
@@ -10756,7 +10948,7 @@ vue-style-loader@^4.1.0, vue-style-loader@^4.1.3:
     hash-sum "^1.0.2"
     loader-utils "^1.0.2"
 
-vue-template-compiler@*, vue-template-compiler@^2.0.0, vue-template-compiler@^2.7.14:
+vue-template-compiler@^2.7.14:
   version "2.7.14"
   resolved "https://registry.npmmirror.com/vue-template-compiler/-/vue-template-compiler-2.7.14.tgz"
   integrity sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==
@@ -10778,7 +10970,15 @@ vue-tsc@^1.2.0:
     "@vue/typescript" "1.8.19"
     semver "^7.5.4"
 
-vue@*, "vue@^2 || ^3.2.13", "vue@^2.6.14 || ^3.3.0", vue@^3.0.0, "vue@^3.0.0 || ^2.6.0", vue@^3.0.0-0, "vue@^3.0.0-0 || ^2.6.0", vue@^3.0.1, vue@^3.2.0, vue@^3.2.13, vue@^3.2.40, vue@^3.2.45, vue@^3.2.47, vue@^3.3.4, vue@3.3.4:
+vue@^2.6.11:
+  version "2.7.14"
+  resolved "https://registry.npmmirror.com/vue/-/vue-2.7.14.tgz"
+  integrity sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ==
+  dependencies:
+    "@vue/compiler-sfc" "2.7.14"
+    csstype "^3.1.0"
+
+vue@^3.2.45:
   version "3.3.4"
   resolved "https://registry.npmmirror.com/vue/-/vue-3.3.4.tgz"
   integrity sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==
@@ -10789,13 +10989,16 @@ vue@*, "vue@^2 || ^3.2.13", "vue@^2.6.14 || ^3.3.0", vue@^3.0.0, "vue@^3.0.0 ||
     "@vue/server-renderer" "3.3.4"
     "@vue/shared" "3.3.4"
 
-vue@^2.6.11:
-  version "2.7.14"
-  resolved "https://registry.npmmirror.com/vue/-/vue-2.7.14.tgz"
-  integrity sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ==
+vue@^3.3.7:
+  version "3.3.7"
+  resolved "https://registry.npmmirror.com/vue/-/vue-3.3.7.tgz#972a218682443a3819d121261b2bff914417f4f0"
+  integrity sha512-YEMDia1ZTv1TeBbnu6VybatmSteGOS3A3YgfINOfraCbf85wdKHzscD6HSS/vB4GAtI7sa1XPX7HcQaJ1l24zA==
   dependencies:
-    "@vue/compiler-sfc" "2.7.14"
-    csstype "^3.1.0"
+    "@vue/compiler-dom" "3.3.7"
+    "@vue/compiler-sfc" "3.3.7"
+    "@vue/runtime-dom" "3.3.7"
+    "@vue/server-renderer" "3.3.7"
+    "@vue/shared" "3.3.7"
 
 w3c-hr-time@^1.0.2:
   version "1.0.2"
@@ -10941,7 +11144,7 @@ webpack-merge@^5.7.3:
     clone-deep "^4.0.1"
     wildcard "^2.0.0"
 
-webpack-sources@*, webpack-sources@^3.2.3:
+webpack-sources@^3.2.3:
   version "3.2.3"
   resolved "https://registry.npmmirror.com/webpack-sources/-/webpack-sources-3.2.3.tgz"
   integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
@@ -10951,7 +11154,7 @@ webpack-virtual-modules@^0.4.2, webpack-virtual-modules@^0.4.3:
   resolved "https://registry.npmmirror.com/webpack-virtual-modules/-/webpack-virtual-modules-0.4.6.tgz"
   integrity sha512-5tyDlKLqPfMqjT3Q9TAqf2YqjwmnUleZwzJi1A5qXnlBCdj2AtOJ6wAWdglTIDOPgOiOrXeBeFcsQ8+aGQ6QbA==
 
-"webpack@^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0", "webpack@^3.0.0 || ^4.1.0 || ^5.0.0-0", "webpack@^4.0.0 || ^5.0.0", "webpack@^4.1.0 || ^5.0.0-0", "webpack@^4.27.0 || ^5.0.0", "webpack@^4.37.0 || ^5.0.0", webpack@^5.0.0, webpack@^5.1.0, webpack@^5.20.0, webpack@^5.54.0, "webpack@>= 4", webpack@>=1.11.0, webpack@>=2, "webpack@4 || 5":
+webpack@^5.54.0:
   version "5.89.0"
   resolved "https://registry.npmmirror.com/webpack/-/webpack-5.89.0.tgz"
   integrity sha512-qyfIC10pOr70V+jkmud8tMfajraGCZMBWJtrmuBymQKCrLTRejBI8STDp1MCyZu/QTdZSeacCQYpYNQVOzX5kw==
@@ -10981,7 +11184,7 @@ webpack-virtual-modules@^0.4.2, webpack-virtual-modules@^0.4.3:
     watchpack "^2.4.0"
     webpack-sources "^3.2.3"
 
-websocket-driver@^0.7.4, websocket-driver@>=0.5.1:
+websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
   version "0.7.4"
   resolved "https://registry.npmmirror.com/websocket-driver/-/websocket-driver-0.7.4.tgz"
   integrity sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==
@@ -11183,7 +11386,12 @@ yaml@^1.10.0, yaml@^1.10.2, yaml@^1.7.2:
   resolved "https://registry.npmmirror.com/yaml/-/yaml-1.10.2.tgz"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
 
-yargs-parser@^20.2.2, yargs-parser@^20.2.3, yargs-parser@^20.2.9, yargs-parser@20.x:
+yaml@^2.1.1:
+  version "2.3.3"
+  resolved "https://registry.npmmirror.com/yaml/-/yaml-2.3.3.tgz"
+  integrity sha512-zw0VAJxgeZ6+++/su5AFoqBbZbrEakwu+X0M5HmcwUiBL7AzcuPKjj5we4xfQLp78LkEMpD0cOnUhmgOVy3KdQ==
+
+yargs-parser@20.x, yargs-parser@^20.2.2, yargs-parser@^20.2.3, yargs-parser@^20.2.9:
   version "20.2.9"
   resolved "https://registry.npmmirror.com/yargs-parser/-/yargs-parser-20.2.9.tgz"
   integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
@@ -11239,15 +11447,12 @@ yorkie@^2.0.0:
     normalize-path "^1.0.0"
     strip-indent "^2.0.0"
 
-yup@^0.32.11:
-  version "0.32.11"
-  resolved "https://registry.npmmirror.com/yup/-/yup-0.32.11.tgz"
-  integrity sha512-Z2Fe1bn+eLstG8DRR6FTavGD+MeAwyfmouhHsIUgaADz8jvFKbO/fXc2trJKZg+5EBjh4gGm3iU/t3onKlXHIg==
+yup@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.npmmirror.com/yup/-/yup-1.3.2.tgz#afffc458f1513ed386e6aaf4bcaa4e67a9e270dc"
+  integrity sha512-6KCM971iQtJ+/KUaHdrhVr2LDkfhBtFPRnsG1P8F4q3uUVQ2RfEM9xekpha9aA4GXWJevjM10eDcPQ1FfWlmaQ==
   dependencies:
-    "@babel/runtime" "^7.15.4"
-    "@types/lodash" "^4.14.175"
-    lodash "^4.17.21"
-    lodash-es "^4.17.21"
-    nanoclone "^0.2.1"
-    property-expr "^2.0.4"
+    property-expr "^2.0.5"
+    tiny-case "^1.0.3"
     toposort "^2.0.2"
+    type-fest "^2.19.0"